diff --git a/.dockerignore b/.dockerignore
index 2aaa4394b..5fca33cea 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -5,4 +5,5 @@ vagrant/
 nix/
 flake.nix
 flake.lock
-
+var/
+srv/
diff --git a/.gitattributes b/.gitattributes
index 07764a78d..9bf4dc164 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1 +1,35 @@
-* text eol=lf
\ No newline at end of file
+* text eol=lf
+
+# Images
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.gif binary
+*.bmp binary
+*.ico binary
+*.webp binary
+*.tiff binary
+*.tif binary
+*.svg binary
+*.avif binary
+*.heic binary
+*.heif binary
+
+# Audio
+*.mp3 binary
+*.wav binary
+*.ogg binary
+*.flac binary
+*.aac binary
+*.m4a binary
+*.wma binary
+
+# Video
+*.mp4 binary
+*.mov binary
+*.avi binary
+*.mkv binary
+*.webm binary
+*.flv binary
+*.wmv binary
+*.m4v binary
\ No newline at end of file
diff --git a/.github/docker/default_ssl.conf b/.github/docker/default_ssl.conf
index 9ec5c10db..c5dd44255 100644
--- a/.github/docker/default_ssl.conf
+++ b/.github/docker/default_ssl.conf
@@ -8,7 +8,8 @@ server {
 }
 
 server {
-    listen 443 ssl http2;
+    listen 443 ssl;
+    http2 on;
     server_name <domain>;
 
     root /app/public;
@@ -61,7 +62,6 @@ server {
         fastcgi_connect_timeout 300;
         fastcgi_send_timeout 300;
         fastcgi_read_timeout 300;
-        include /etc/nginx/fastcgi_params;
     }
 
     location ~ /\.ht {
diff --git a/.github/docker/entrypoint-post.sh b/.github/docker/entrypoint-post.sh
deleted file mode 100644
index f2ede4492..000000000
--- a/.github/docker/entrypoint-post.sh
+++ /dev/null
@@ -1,99 +0,0 @@
-#!/bin/ash -e
-cd /app
-
-# Directory and log setup
-mkdir -p /var/log/panel/logs/ /var/log/supervisord/ /var/log/nginx/ /var/log/php7/ \
-  && chmod 777 /var/log/panel/logs/ \
-  && ln -s /app/storage/logs/ /var/log/panel/
-
-# Check mounted /app/var directory
-if [ ! -d /app/var ]; then
-  echo "You must mount the /app/var directory to the container."
-  exit 1
-fi
-
-# .env file handling
-if [ ! -f /app/var/.env ]; then
-  echo "Creating .env file."
-  touch /app/var/.env
-fi
-
-rm -f /app/.env
-ln -s /app/var/.env /app/
-
-# Environment configuration
-(
-    source /app/.env
-    
-    if [ -z "$APP_KEY" ]; then
-        echo "Generating APP_KEY"
-        echo "APP_KEY=" >> /app/.env
-        APP_ENVIRONMENT_ONLY=true php artisan key:generate
-    fi
-
-    if [ -z "$HASHIDS_LENGTH" ]; then
-        echo "Defaulting HASHIDS_LENGTH to 8"
-        echo "HASHIDS_LENGTH=8" >> /app/.env
-    fi
-
-    if [ -z "$HASHIDS_SALT" ]; then
-        echo "Generating HASHIDS_SALT"
-        HASHIDS_SALT=$(cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 20 | head -n 1)
-        echo "HASHIDS_SALT=$HASHIDS_SALT" >> /app/.env
-    fi
-)
-
-# SSL configuration
-echo "Checking if https is required."
-if [ -f /etc/nginx/http.d/panel.conf ]; then
-  echo "Using nginx config already in place."
-  if [ $LE_EMAIL ]; then
-    echo "Checking for cert update"
-    certbot certonly -d $(echo $APP_URL | sed 's~http[s]*://~~g')  --standalone -m $LE_EMAIL --agree-tos -n
-  fi
-else
-  if [ -z $LE_EMAIL ]; then
-    echo "Using http config."
-    cp .github/docker/default.conf /etc/nginx/http.d/panel.conf
-  else
-    echo "Configuring SSL"
-    cp .github/docker/default_ssl.conf /etc/nginx/http.d/panel.conf
-    sed -i "s|<domain>|$(echo $APP_URL | sed 's~http[s]*://~~g')|g" /etc/nginx/http.d/panel.conf
-    certbot certonly -d $(echo $APP_URL | sed 's~http[s]*://~~g')  --standalone -m $LE_EMAIL --agree-tos -n
-  fi
-  rm -rf /etc/nginx/http.d/default.conf
-fi
-
-# Database configuration
-if [[ -z $DB_PORT ]]; then
-  DB_PORT=3306
-  echo "DB_PORT not specified, defaulting to 3306"
-fi
-
-# Wait for database
-echo "Checking database status."
-until nc -z -v -w30 $DB_HOST $DB_PORT
-do
-  echo "Waiting for database connection..."
-  sleep 1
-done
-
-# Database migration with seeding protection
-echo "Checking database migrations."
-if ! php artisan migrate:status | grep -q "No migrations found"; then
-  # Only run migrations if needed
-  php artisan migrate --force
-  
-  # Check if we need to seed (only if migrations ran)
-  if php artisan migrate:status | grep -q "Ran"; then
-    echo "Running database seed if needed."
-    php artisan db:seed --force
-  fi
-fi
-
-# Start services
-echo "Starting cron jobs."
-crond -L /var/log/crond -l 5
-
-echo "Starting supervisord."
-exec "$@"
diff --git a/.github/docker/entrypoint.sh b/.github/docker/entrypoint.sh
index 4ea80d5e9..92ee0f7ad 100644
--- a/.github/docker/entrypoint.sh
+++ b/.github/docker/entrypoint.sh
@@ -5,6 +5,10 @@ mkdir -p /var/log/panel/logs/ /var/log/supervisord/ /var/log/nginx/ /var/log/php
   && chmod 777 /var/log/panel/logs/ \
   && ln -s /app/storage/logs/ /var/log/panel/
 
+# Ensure proper permissions for Laravel storage directories
+mkdir -p /app/storage/logs /app/storage/framework/cache /app/storage/framework/sessions /app/storage/framework/views \
+  && chmod -R 777 /app/storage/
+
 # Check that user has mounted the /app/var directory
 if [ ! -d /app/var ]; then
   echo "You must mount the /app/var directory to the container."
@@ -91,12 +95,90 @@ do
 done
 
 ## make sure the db is set up
-echo -e "Migrating and Seeding D.B"
-php artisan migrate --seed --force
+echo -e "Migrating Database"
+php artisan migrate --force
+
+if [ "$SKIP_SEED" != "True" ]; then
+  echo -e "Seeding database"
+  php artisan migrate --seed --force
+else
+  echo -e "Skipping database seeding (SKIP_SEED=True)"
+fi
+
+# Setup development environment if specified
+(
+  source /app/.env
+  if [ "$PYRODACTYL_DOCKER_DEV" = "true" ] && [ "$DEV_SETUP" != "true" ]; then
+    echo -e "\e[42mDevelopment environment detected, setting up development resources...\e[0m"
+
+    # Create a developer user
+    php artisan p:user:make -n --email dev@pyro.host --username dev --name-first Developer --name-last User --password password
+    mariadb -u root -h database -p"$DB_ROOT_PASSWORD" --ssl=0 -e "USE panel; UPDATE users SET root_admin = 1;" # workaround because --admin is broken
+
+    # Make a location and node for the panel
+    php artisan p:location:make -n --short local --long Local
+    php artisan p:node:make -n --name local --description "Development Node" --locationId 1 --fqdn localhost --internal-fqdn $WINGS_INTERNAL_IP --public 1 --scheme http --proxy 0 --maxMemory 1024 --maxDisk 10240 --overallocateMemory 0 --overallocateDisk 0
+
+    echo "Adding dummy allocations..."
+    mariadb -u root -h database -p"$DB_ROOT_PASSWORD" --ssl=0 -e "USE panel; INSERT INTO allocations (node_id, ip, port) VALUES (1, '0.0.0.0', 25565), (1, '0.0.0.0', 25566), (1, '0.0.0.0', 25567);"
+
+    echo "Creating database user..."
+    mariadb -u root -h database -p"$DB_ROOT_PASSWORD" --ssl=0 -e "CREATE USER 'pterodactyluser'@'%' IDENTIFIED BY 'somepassword'; GRANT ALL PRIVILEGES ON *.* TO 'pterodactyluser'@'%' WITH GRANT OPTION;"
+
+    # Configure node
+    export WINGS_CONFIG=/etc/pterodactyl/config.yml
+    mkdir -p $(dirname $WINGS_CONFIG)
+    echo "Fetching and modifying Wings configuration file..."
+    CONFIG=$(php artisan p:node:configuration 1)
+
+    # Allow all origins for CORS
+    CONFIG=$(printf "%s\nallowed_origins: ['*']" "$CONFIG")
+
+    # Update Wings configuration paths if WINGS_DIR is set
+    if [ -z "$WINGS_DIR" ]; then
+      echo "WINGS_DIR is not set, using default paths."
+    else
+      echo "Updating Wings configuration paths to '$WINGS_DIR'..."
+
+      # add system section if it doesn't exist
+      if ! echo "$CONFIG" | grep -q "^system:"; then
+        CONFIG=$(printf "%s\nsystem:" "$CONFIG")
+      fi
+
+      update_config() {
+        local key="$1"
+        local value="$2"
+
+        # update existing key or add new one
+        if echo "$CONFIG" | grep -q "^  $key:"; then
+          CONFIG=$(echo "$CONFIG" | sed "s|^  $key:.*|  $key: $value|")
+        else
+          CONFIG=$(echo "$CONFIG" | sed "/^system:/a\\  $key: $value")
+        fi
+      }
+
+      update_config "root_directory" "$WINGS_DIR/srv/wings/"
+      update_config "log_directory" "$WINGS_DIR/srv/wings/logs/"
+      update_config "data" "$WINGS_DIR/srv/wings/volumes"
+      update_config "archive_directory" "$WINGS_DIR/srv/wings/archives"
+      update_config "backup_directory" "$WINGS_DIR/srv/wings/backups"
+      update_config "tmp_directory" "$WINGS_DIR/srv/wings/tmp/"
+    fi
+
+    echo "Saving Wings configuration file to '$WINGS_CONFIG'..."
+    echo "$CONFIG" > $WINGS_CONFIG
+
+    # Mark setup as complete
+    echo "DEV_SETUP=true" >> /app/.env
+    echo "Development setup complete."
+  elif [ "$DEV_SETUP" = "true" ]; then
+    echo "Skipping development setup, already completed."
+  fi
+)
 
 ## start cronjobs for the queue
 echo -e "Starting cron jobs."
 crond -L /var/log/crond -l 5
 
 echo -e "Starting supervisord."
-exec "$@"
\ No newline at end of file
+exec "$@"
diff --git a/.github/workflows/release.yaml b/.github/workflows-disabled/release.yaml
similarity index 100%
rename from .github/workflows/release.yaml
rename to .github/workflows-disabled/release.yaml
diff --git a/.github/workflows/build-and-release.yaml b/.github/workflows/build-and-release.yaml
new file mode 100644
index 000000000..68a935a8a
--- /dev/null
+++ b/.github/workflows/build-and-release.yaml
@@ -0,0 +1,101 @@
+name: Docker Build and Release Workflow
+
+on:
+  push:
+    branches:
+      - main
+  release:
+    types:
+      - published
+
+permissions:
+    packages: write
+    contents: write
+
+jobs:
+  build-dev:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main' && !contains(github.event.head_commit.message, 'Update version to')
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Login to GHCR
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and push canary image
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: true
+          tags: |
+            ghcr.io/${{ github.repository }}:canary
+            ghcr.io/${{ github.repository }}:dev
+
+          platforms: linux/amd64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          build-args: |
+            BUILDKIT_INLINE_CACHE=1
+
+
+  build-release:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'release' && github.event.action == 'published'
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Login to GHCR
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and push release image
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: true
+          tags: |
+            ghcr.io/${{ github.repository }}:${{ github.event.release.tag_name }}
+            ghcr.io/${{ github.repository }}:latest
+            ghcr.io/${{ github.repository }}:main
+          platforms: linux/amd64,linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          build-args: |
+            BUILDKIT_INLINE_CACHE=1
+
+  update-version:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'release' && github.event.action == 'published'
+    steps:
+      - name: Checkout main branch at release commit
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.release.target_commitish }}
+
+      - name: Update version in config/app.php
+        run: sed -i "s/'version' => 'canary'/'version' => '${{ github.event.release.tag_name }}'/g" config/app.php
+
+      - name: Commit and push to release branch
+        run: |
+          git config user.name "pyrodactyl-ci"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+          git checkout -B release
+          git add config/app.php
+          git commit -m "Update version to ${{ github.event.release.tag_name }} in config/app.php"
+          git push origin release --force
+
diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
deleted file mode 100644
index 658425969..000000000
--- a/.github/workflows/docker.yaml
+++ /dev/null
@@ -1,72 +0,0 @@
-name: Docker
-
-on:
-    workflow_run:
-        workflows: ['Release']
-        types:
-            - completed
-    push:
-        branches:
-            - release/**
-            - main
-    release:
-        types:
-            - published
-
-permissions:
-    packages: write
-
-jobs:
-    push:
-        name: Push
-        runs-on: ubuntu-latest
-        steps:
-            - name: Code checkout
-              uses: actions/checkout@v4
-              with:
-                  ref: ${{ github.event.workflow_run.head_branch || github.ref }}
-
-            - name: Docker metadata
-              id: docker_meta
-              uses: docker/metadata-action@v5
-              with:
-                  images: ghcr.io/pyrohost/pyrodactyl
-                  flavor: |
-                      latest=auto
-                  tags: |
-                      type=raw,value=main,enable=${{ github.ref == 'refs/heads/main' }}
-                      type=raw,value=latest,enable=${{ github.event_name == 'release' && github.event.action == 'published' && !github.event.release.prerelease }}
-                      type=ref,event=tag
-                      type=raw,value=${{ github.event.workflow_run.head_branch || github.ref_name }},enable=${{ startsWith(github.ref, 'refs/heads/release/') }}
-
-            - name: Setup QEMU
-              uses: docker/setup-qemu-action@v3
-
-            - name: Setup Docker buildx
-              uses: docker/setup-buildx-action@v3
-
-            - name: Login to GitHub Container Registry
-              uses: docker/login-action@v3
-              with:
-                  registry: ghcr.io
-                  username: ${{ github.repository_owner }}
-                  password: ${{ secrets.GITHUB_TOKEN }}
-
-            - name: Update version
-              if: "github.event_name == 'release' && github.event.action == 'published'"
-              env:
-                  REF: ${{ github.event.release.tag_name }}
-              run: |
-                  sed -i "s/    'version' => 'canary',/    'version' => '${REF:1}',/" config/app.php
-
-            - name: Build and Push
-              uses: docker/build-push-action@v6
-              with:
-                  context: .
-                  file: ./Dockerfile
-                  push: true
-                  platforms: linux/amd64,linux/arm64
-                  labels: ${{ steps.docker_meta.outputs.labels }}
-                  tags: ${{ steps.docker_meta.outputs.tags }}
-                  cache-from: type=gha
-                  cache-to: type=gha,mode=max
diff --git a/.gitignore b/.gitignore
index 6d8f5bfcb..7ef3cbd69 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,7 +18,10 @@ _ide_helper_models.php
 public/assets/manifest.json
 
 # For local development with docker
-#docker-compose.yml
+docker-compose.yml
+local_docker
+/srv
+/var
 
 # for image related files
 misc
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 504263830..a1c212e30 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,14 +1,3 @@
-# Contributing
-
-pyro.host does not accept Pull Requests (PRs) _for new functionality_ from users that are not currently employed 
-or affiliated by Pyro. It has become overwhelming to try and give the proper time and attention that such 
-complicated PRs tend to require — and deserve. As a result, it is in the project's best interest to limit the scope 
-of work on new functionality to work done within the Pyro team.
-
-PRs that address existing _bugs_ with a corresponding issue opened in our issue tracker will continue to be accepted
-and reviewed. Their scope is often significantly more targeted, and simply improving upon existing and well defined
-logic.
-
 ### Responsible Disclosure
 
 This is a fairly in-depth project and makes use of a lot of parts. We strive to keep everything as secure as possible
@@ -20,7 +9,7 @@ publicly disclose whatever issue you have found. We understand how frustrating i
 no one will respond to you. This holds us to a standard of providing prompt attention to any issues that arise and
 keeping this community safe.
 
-If you've found what you believe is a security issue please email `team@pyro.host`. Please check
+If you've found what you believe is a security issue please email `naterfute@pyro.host`. Please check
 [SECURITY.md](/SECURITY.md) for additional details.
 
 ### Contact Us
diff --git a/Dockerfile b/Dockerfile
index 50f569fc7..a9e8c67c5 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,60 +1,98 @@
+# TODO: Refactor Docker with stricter permissions & modernized tooling
+
 # Stage 0:
-# Build the frontend
+# Build the frontend (only if not in dev mode)
 FROM --platform=$TARGETOS/$TARGETARCH node:lts-alpine AS frontend
+ARG DEV=false
 WORKDIR /app
-COPY . ./
-RUN apk add --no-cache --update git \
-  && npm install -g turbo  \
-  && npm ci  \
-  && npm run ship \
-  && apk del git
+RUN if [ "$DEV" = "false" ]; then \
+  apk add --no-cache git \
+  && npm install -g corepack@latest turbo \
+  && corepack enable \
+  && echo "Building frontend"; \
+  fi
+COPY pnpm-lock.yaml package.json ./
+RUN if [ "$DEV" = "false" ]; then \
+  pnpm fetch \
+  && echo "Fetched dependencies"; \
+  fi
+COPY . .
+RUN if [ "$DEV" = "false" ]; then \
+  pnpm install --frozen-lockfile \
+  && pnpm run ship; \
+  fi
 
 # Stage 1:
-# Build the actual container with all of the needed PHP dependencies that will run the application.
-FROM --platform=$TARGETOS/$TARGETARCH php:8.3-fpm-alpine
+# Build the actual container with all of the needed PHP dependencies that will run the application
+FROM --platform=$TARGETOS/$TARGETARCH php:8.3-fpm-alpine AS php
+ARG DEV=false
 WORKDIR /app
-COPY . ./
-COPY --from=frontend /app/public/assets ./public/assets
-COPY --from=frontend /app/public/build ./public/build
 
-RUN apk add --no-cache --update \
-  ca-certificates \
-  dcron \
-  curl \
-  git \
-  supervisor \
-  tar \
-  unzip \
-  nginx \
-  libpng-dev \
-  libxml2-dev \
-  libzip-dev \
-  postgresql-dev \
-  certbot \
-  certbot-nginx \
-  mysql-client \
+# Build-time deps & PHP extensions
+RUN apk add --no-cache --virtual .build-deps \
+  libpng-dev libxml2-dev libzip-dev postgresql-dev \
   && docker-php-ext-configure zip \
   && docker-php-ext-install bcmath gd pdo pdo_mysql pdo_pgsql zip \
-  && curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer \
-  && cp .env.example .env \
-  && mkdir -p bootstrap/cache/ storage/logs storage/framework/sessions storage/framework/views storage/framework/cache \
-  && chmod -R 777 bootstrap storage \
-  && composer install --no-dev --optimize-autoloader \
-  && rm -rf .env bootstrap/cache/*.php \
-  && mkdir -p /app/storage/logs/ \
-  && chown -R nginx:nginx .
+  && apk del .build-deps \
+  && apk add --no-cache \
+  libpng libxml2 libzip libpq
 
+# Runtime packages
+RUN apk add --no-cache \
+  ca-certificates curl git supervisor nginx dcron \
+  tar unzip certbot certbot-nginx mysql-client \
+  && ln -s /bin/ash /bin/bash
+
+# Copy frontend build
+COPY . ./
+RUN if [ "$DEV" = "false" ]; then \
+  echo "Copying frontend build"; \
+  else \
+  mkdir -p public/assets public/build; \
+  fi
+COPY --from=frontend /app/public/assets public/assets
+COPY --from=frontend /app/public/build public/build
+
+# Fetch & install Composer packages
+COPY composer.json composer.lock ./
+RUN curl -sS https://getcomposer.org/installer \
+  | php -- --install-dir=/usr/local/bin --filename=composer \
+  && composer install --no-dev --optimize-autoloader
+
+# Clean up image for dev environment
+# This is because we share local files with the container
+RUN if [ "$DEV" = "true" ]; then \
+  echo "Cleaning up"; \
+  find . \
+  -mindepth 1 \
+  \( -path './vendor*' \) -prune \
+  -o \
+  -exec rm -rf -- {} \; \
+  >/dev/null 2>&1; \
+  fi; \
+  exit 0
+
+# Env, directories, permissions
+RUN mkdir -p bootstrap/cache storage/logs storage/framework/sessions storage/framework/views storage/framework/cache; \
+  rm -rf bootstrap/cache/*.php; \
+  chown -R nginx:nginx .; \
+  chmod -R 777 bootstrap storage; \
+  cp .env.example .env || true; 
+
+# Cron jobs & NGINX tweaks
 RUN rm /usr/local/etc/php-fpm.conf \
-  && echo "* * * * * /usr/local/bin/php /app/artisan schedule:run >> /dev/null 2>&1" >> /var/spool/cron/crontabs/root \
-  && echo "0 23 * * * certbot renew --nginx --quiet" >> /var/spool/cron/crontabs/root \
-  && sed -i s/ssl_session_cache/#ssl_session_cache/g /etc/nginx/nginx.conf \
+  && { \
+  echo "* * * * * /usr/local/bin/php /app/artisan schedule:run >> /dev/null 2>&1"; \
+  echo "0 23 * * * certbot renew --nginx --quiet"; \
+  } > /var/spool/cron/crontabs/root \
+  && sed -i 's/ssl_session_cache/#ssl_session_cache/' /etc/nginx/nginx.conf \
   && mkdir -p /var/run/php /var/run/nginx
 
+# Configs
 COPY --chown=nginx:nginx .github/docker/default.conf /etc/nginx/http.d/default.conf
-COPY --chown=nginx:nginx .github/docker/www.conf /usr/local/etc/php-fpm.conf
-COPY --chown=nginx:nginx .github/docker/supervisord.conf   /etc/supervisord.conf
+COPY --chown=nginx:nginx .github/docker/www.conf     /usr/local/etc/php-fpm.conf
+COPY --chown=nginx:nginx .github/docker/supervisord.conf /etc/supervisord.conf
 
-RUN ln -s /bin/ash /bin/bash
 
 EXPOSE 80 443
 ENTRYPOINT [ "/bin/ash", ".github/docker/entrypoint.sh" ]
diff --git a/README.md b/README.md
index c574b033c..08b2e9a2f 100755
--- a/README.md
+++ b/README.md
@@ -21,6 +21,9 @@
 > [!WARNING]
 > Pyrodactyl is under development and pre-release. Some UI elements may appear broken, and there might be some bugs.
 
+> [!NOTE]
+> Please read our documentation at [https://pyrodactyl.dev](https://pyrodactyl.dev) before installing.
+
 > [!IMPORTANT]
 > For Pyrodactyl-specific issues, please use [Pyrodactyl GitHub Discussions](https://github.com/pyrohost/pyrodactyl/discussions) or the [Pyrodactyl Discord](https://discord.gg/UhuYKKK2uM?utm_source=githubreadme&utm_medium=readme&utm_campaign=OSSLAUNCH&utm_id=OSSLAUNCH) instead of Pterodactyl or Pelican support channels.
 
@@ -30,30 +33,25 @@ Pyrodactyl is the Pterodactyl-based game server management panel that focuses on
 
 ## Changes from vanilla Pterodactyl
 
--   **Smaller bundle sizes:** Pyrodactyl is built using Vite, and significant re-architecting of the application means Pyrodactyl's initial download size is over **[170 times smaller than leading Pterodactyl forks, and Pelican](https://i.imgur.com/tKWLHhR.png)**
--   **Faster build times:** Pyrodactyl completes builds in milliseconds with the power of Turbo. Cold builds with zero cache finish in **under 7 seconds**.
--   **Faster loading times:** Pyrodactyl's load times are, on average, **[over 16 times faster](https://i.imgur.com/28XxmMi.png)** than other closed-source Pterodactyl forks and Pelican. Smarter code splitting and chunking means that pages you visit in the panel only load necessary resources on demand. Better caching means that everything is simply _snappy_.
--   **More secure:** Pyrodactyl's modern architecture means **most severe and easily exploitable CVEs simply do not exist**. We have also implemented SRI and integrity checks for production builds.
--   **More accessible:** Pyro believes that gaming should be easily available for everyone. Pyrodactyl builds with the latest Web accessibility guidelines in mind. Pyrodactyl is **entirely keyboard-navigable, even context menus.**, and screen-readers are easily compatible.
--   **More approachable:** Pyrodactyl's friendly, approachable interface means that anyone can confidently run a game server.
+- **Smaller bundle sizes:** Pyrodactyl is built using Vite, and significant design changes mean Pyrodactyl's initial download size is over **[170 times smaller than leading Pterodactyl forks, including Pelican](https://i.imgur.com/tKWLHhR.png)**.
+- **Faster build times:** Pyrodactyl completes builds in milliseconds with the power of Turbo. Cold builds with zero cache finish in **under 7 seconds**.
+- **Faster loading times:** Pyrodactyl's load times are, on average, **[over 16 times faster](https://i.imgur.com/28XxmMi.png)** than other closed-source Pterodactyl forks and Pelican. Smarter code splitting and chunking means that pages you visit in the panel only load necessary resources on demand. Better caching means that everything is simply _snappy_.
+- **More secure:** Pyrodactyl's modern architecture means **most severe and easily exploitable CVEs simply do not exist**. We have also implemented SRI and integrity checks for production builds.
+- **More accessible:** Pyro believes that gaming should be easily available for everyone. Pyrodactyl builds with the latest Web accessibility guidelines in mind. Pyrodactyl is **entirely keyboard-navigable, even context menus**, and screen-readers are easily compatible.
+- **More approachable:** Pyrodactyl's friendly, approachable interface means that anyone can confidently run a game server.
 
-[![Dashboard Image](https://i.imgur.com/kHHOW6P.jpeg)]
+![Dashboard Image](https://i.imgur.com/kHHOW6P.jpeg)
 
 ## Installing Pyrodactyl
 
-See our [Installation](https://pyrodactyl.dev/docs/installation) wiki page on how to get started.
+See our [Installation](https://pyrodactyl.dev/docs/installation) docs page on how to get started.
 
 > [!NOTE]
 > Windows is currently only supported for development purposes.
 
 ## Local Development
 
-See our development pages on how to get started:
-
--   [Local Dev on Windows (Vagrant)](<https://github.com/pyrohost/pyrodactyl/wiki/Local-Dev-on-Windows-(Vagrant)>)
--   [Local Dev on Linux (Vagrant)](<https://github.com/pyrohost/pyrodactyl/wiki/Local-Dev-on-Linux-(Vagrant)>)
--   [Local Dev on Linux (Nix)](<https://github.com/pyrohost/pyrodactyl/wiki/Local-Dev-on-Linux-(Nix)>)
-    -   Nix is recommended if you can't get Vagrant working
+Pyrodactyl has various effortless ways of starting up a ready-to-use, fully-featured development environment. See our [Local Development](https://pyrodactyl.dev/docs/local-development) documentation for more information.
 
 ## Star History
 
diff --git a/Vagrantfile b/Vagrantfile
index 1578ce09f..2afecba07 100644
--- a/Vagrantfile
+++ b/Vagrantfile
@@ -1,52 +1,98 @@
+# -*- mode: ruby -*-
+# vi: set ft=ruby :
+
+BOX_DEFAULT = "ubuntu/jammy64"
+BOX_LIBVIRT = "generic/ubuntu2204"
+
+RAM  = (ENV["VM_RAM"]  || "8192").to_i
+CPUS = (ENV["VM_CPUS"] || "8").to_i
+
+SPECIAL_PORTS = [
+  3000,  # pyrodactyl web ui
+  3306,  # database
+  8080,  # phpmyadmin
+  8025,  # mailpit web ui
+  9000,  # minio api
+  9001   # minio console
+]
+
+TEST_PORTS = (25500..25600)
+
+FORWARDED_PORTS = SPECIAL_PORTS + TEST_PORTS.to_a
+
 Vagrant.configure("2") do |config|
-    config.vm.box = "almalinux/9"
-    config.vm.network "forwarded_port", guest: 3000, host: 3000, host_ip: "localhost"
-    config.vm.network "forwarded_port", guest: 8080, host: 8080, host_ip: "localhost"
+  # Base box and hostname
+  config.vm.box      = BOX_DEFAULT
+  config.vm.hostname = "pyrodactyl-dev"
 
-    # you need enough RAM for packages to install properly
-    config.vm.provider "virtualbox" do |vb|
-        vb.memory = "4096"
-        vb.cpus = "4"
-        vb.cpuexecutioncap = 95
-        vb.customize ["modifyvm", :id, "--nictype1", "virtio"]
-        vb.customize ["modifyvm", :id, "--nictype2", "virtio"]
-        vb.customize ["storagectl", :id, "--name", "IDE Controller", "--remove"]
-        vb.customize ["storagectl", :id, "--name", "SATA Controller", "--add", "sata"]
-        vb.customize ["modifyvm", :id, "--boot1", "disk"]
-        vb.customize ["modifyvm", :id, "--nic1", "nat"]
+  # Forwarded ports
+  FORWARDED_PORTS.each do |p|
+    config.vm.network "forwarded_port",
+      guest: p,
+      host:  p,
+      host_ip: "127.0.0.1",
+      auto_correct: false
+  end
 
-    end
-    config.vm.provider "vmware_desktop" do |v|
-        v.vmx["memsize"] = "4096"
-        v.vmx["numvcpus"] = "4"
-        v.vmx["tools.upgrade.policy"] = "manual"
-        v.vmx["RemoteDisplay.vnc.enabled"] = "FALSE"
-        v.vmx["vhv.enable"] = "FALSE"
-        v.vmx["ethernet0.connectionType"] = "nat"
-        v.vmx["ethernet0.wakeOnPacketTx"] = "TRUE"
-        v.vmx["ethernet0.addressType"] = "generated"
-    end
-    # Libvirt provider
-    config.vm.provider "libvirt" do |libvirt|
-        libvirt.memory = 8192
-        libvirt.cpus = 4
-        config.vm.network "public_network", dev: "bridge0"
+  # VirtualBox provider settings
+  config.vm.provider "virtualbox" do |vb|
+    vb.name   = "pyrodactyl-dev"
+    vb.memory = RAM
+    vb.cpus   = CPUS
+    vb.gui    = false
 
-    end
-    # setup the synced folder and provision the VM
-    config.vm.synced_folder ".", "/var/www/pterodactyl"
-      # type: "virtualbox"
-    #   nfs_version: 4
+    vb.customize ["modifyvm", :id, "--cpuexecutioncap", "95"]
+    vb.customize ["modifyvm", :id, "--nic1", "nat"]
+    vb.customize ["modifyvm", :id, "--nictype1", "virtio"]
+  end
 
-    config.vm.provision "shell", path: "vagrant/provision.sh"
+  # VMware provider settings
+  config.vm.provider "vmware_desktop" do |v|
+    v.vmx["memsize"]                   = RAM.to_s
+    v.vmx["numvcpus"]                  = CPUS.to_s
+    v.vmx["tools.upgrade.policy"]      = "manual"
+    v.vmx["RemoteDisplay.vnc.enabled"] = "FALSE"
+    v.vmx["vhv.enable"]                = "FALSE"
+    v.vmx["ethernet0.connectionType"]  = "nat"
+    v.vmx["ethernet0.wakeOnPacketTx"]  = "TRUE"
+    v.vmx["ethernet0.addressType"]     = "generated"
+  end
 
-    config.vm.hostname = "pyrodactyl-dev"
+  # Libvirt provider settings
+  config.vm.provider "libvirt" do |lv, override|
+    override.vm.box = BOX_LIBVIRT
+    lv.memory = RAM
+    lv.cpus   = CPUS
+  end
 
+  # Synced folder configuration
+  if Vagrant::Util::Platform.windows?
+    # Use VirtualBox shared folders on Windows (no authentication)
+    config.vm.synced_folder ".", "/var/www/pterodactyl",
+      type: "virtualbox",
+      owner: "vagrant",
+      group: "vagrant",
+      mount_options: ["dmode=755", "fmode=644"]
+  else
+    # Use NFS on Linux/macOS
+    config.vm.synced_folder ".", "/var/www/pterodactyl",
+      type: "nfs",
+      nfs_version: 4,
+      nfs_udp: false,
+      mount_options: ["rw", "vers=4", "tcp", "fsc", "rsize=1048576", "wsize=1048576"]
+  end
 
-    config.vm.post_up_message = "Pterodactyl is up and running at http://localhost:3000. Login with username: dev@pyro.host, password: 'password'."
+  # Provisioning script
+  config.vm.provision "shell",
+    path: "vagrant/provision.sh",
+    keep_color: true,
+    privileged: true
 
-    # allocated testing ports
-    config.vm.network "forwarded_port", guest: 25565, host: 25565, host_ip: "localhost"
-    config.vm.network "forwarded_port", guest: 25566, host: 25566, host_ip: "localhost"
-    config.vm.network "forwarded_port", guest: 25567, host: 25567, host_ip: "localhost"
+  # Helpful post-up message
+  config.vm.post_up_message = <<~MSG
+    Pyrodactyl is up and running at http://localhost:3000
+    Login with:
+      username: dev@pyro.host
+      password: password
+  MSG
 end
diff --git a/app/Console/Commands/Maintenance/DeleteOrphanedBackupsCommand.php b/app/Console/Commands/Maintenance/DeleteOrphanedBackupsCommand.php
new file mode 100644
index 000000000..7627ae1cc
--- /dev/null
+++ b/app/Console/Commands/Maintenance/DeleteOrphanedBackupsCommand.php
@@ -0,0 +1,129 @@
+<?php
+
+namespace Pterodactyl\Console\Commands\Maintenance;
+
+use Illuminate\Console\Command;
+use Pterodactyl\Models\Backup;
+use Pterodactyl\Services\Backups\DeleteBackupService;
+use Illuminate\Database\Eloquent\Builder;
+
+class DeleteOrphanedBackupsCommand extends Command
+{
+    protected $signature = 'p:maintenance:delete-orphaned-backups {--dry-run : Show what would be deleted without actually deleting}';
+
+    protected $description = 'Delete backups that reference non-existent servers (orphaned backups), including soft-deleted backups.';
+
+    /**
+     * DeleteOrphanedBackupsCommand constructor.
+     */
+    public function __construct(private DeleteBackupService $deleteBackupService)
+    {
+        parent::__construct();
+    }
+
+    public function handle()
+    {
+        $isDryRun = $this->option('dry-run');
+
+        // Find backups that reference non-existent servers including 
+        // soft-deleted backups since they might be orphaned too
+        $orphanedBackups = Backup::withTrashed()
+            ->whereDoesntHave('server')
+            ->get();
+
+        if ($orphanedBackups->isEmpty()) {
+            $this->info('No orphaned backups found.');
+            return;
+        }
+
+        $count = $orphanedBackups->count();
+        $totalSize = $orphanedBackups->sum('bytes');
+        
+        if ($isDryRun) {
+            $this->warn("Found {$count} orphaned backup(s) that would be deleted (Total size: {$this->formatBytes($totalSize)}):");
+            
+            $this->table(
+                ['ID', 'UUID', 'Name', 'Server ID', 'Disk', 'Size', 'Status', 'Created At'],
+                $orphanedBackups->map(function (Backup $backup) {
+                    return [
+                        $backup->id,
+                        $backup->uuid,
+                        $backup->name,
+                        $backup->server_id,
+                        $backup->disk,
+                        $this->formatBytes($backup->bytes),
+                        $backup->trashed() ? 'Soft Deleted' : 'Active',
+                        $backup->created_at->format('Y-m-d H:i:s'),
+                    ];
+                })->toArray()
+            );
+            
+            $this->info('Run without --dry-run to actually delete these backups.');
+            return;
+        }
+
+        if (!$this->confirm("Are you sure you want to delete {$count} orphaned backup(s) ({$this->formatBytes($totalSize)})? This action cannot be undone.")) {
+            $this->info('Operation cancelled.');
+            return;
+        }
+
+        $this->warn("Deleting {$count} orphaned backup(s) ({$this->formatBytes($totalSize)})...");
+
+        $deletedCount = 0;
+        $failedCount = 0;
+
+        foreach ($orphanedBackups as $backup) {
+            try {
+                // If backup is already soft-deleted, force delete it completely
+                if ($backup->trashed()) {
+                    $backup->forceDelete();
+                    $deletedCount++;
+                    $this->info("Force deleted soft-deleted backup: {$backup->uuid} ({$backup->name}) - {$this->formatBytes($backup->bytes)}");
+                } else {
+                    // Use the service to properly delete from storage and database
+                    $this->deleteBackupService->handle($backup);
+                    $deletedCount++;
+                    $this->info("Deleted backup: {$backup->uuid} ({$backup->name}) - {$this->formatBytes($backup->bytes)}");
+                }
+            } catch (\Exception $exception) {
+                $failedCount++;
+                $this->error("Failed to delete backup {$backup->uuid}: {$exception->getMessage()}");
+                
+                // If we can't delete from storage, at least remove the database record
+                try {
+                    if ($backup->trashed()) {
+                        $backup->forceDelete();
+                        $this->warn("Force deleted soft-deleted backup {$backup->uuid} (storage deletion failed)");
+                    } else {
+                        $backup->delete();
+                        $this->warn("Removed database record for backup {$backup->uuid} (storage deletion failed)");
+                    }
+                } catch (\Exception $dbException) {
+                    $this->error("Failed to remove database record for backup {$backup->uuid}: {$dbException->getMessage()}");
+                }
+            }
+        }
+
+        $this->info("Cleanup completed. Deleted: {$deletedCount}, Failed: {$failedCount}");
+    }
+
+    /**
+     * Format bytes into human readable format.
+     */
+    private function formatBytes(int $bytes): string
+    {
+        if ($bytes === 0) {
+            return '0 B';
+        }
+
+        $units = ['B', 'KB', 'MB', 'GB', 'TB'];
+        $base = 1024;
+        $exponent = floor(log($bytes) / log($base));
+        $exponent = min($exponent, count($units) - 1);
+
+        $value = $bytes / pow($base, $exponent);
+        $unit = $units[$exponent];
+
+        return sprintf('%.2f %s', $value, $unit);
+    }
+}
\ No newline at end of file
diff --git a/app/Console/Commands/Node/MakeNodeCommand.php b/app/Console/Commands/Node/MakeNodeCommand.php
index 2d2623ad7..f3ba12223 100644
--- a/app/Console/Commands/Node/MakeNodeCommand.php
+++ b/app/Console/Commands/Node/MakeNodeCommand.php
@@ -12,6 +12,7 @@ class MakeNodeCommand extends Command
                             {--description= : A description to identify the node.}
                             {--locationId= : A valid locationId.}
                             {--fqdn= : The domain name (e.g node.example.com) to be used for connecting to the daemon. An IP address may only be used if you are not using SSL for this node.}
+                            {--internal-fqdn= : Internal domain name for panel-to-Wings communication (optional).}
                             {--public= : Should the node be public or private? (public=1 / private=0).}
                             {--scheme= : Which scheme should be used? (Enable SSL=https / Disable SSL=http).}
                             {--proxy= : Is the daemon behind a proxy? (Yes=1 / No=0).}
@@ -51,6 +52,7 @@ class MakeNodeCommand extends Command
             'https'
         );
         $data['fqdn'] = $this->option('fqdn') ?? $this->ask('Enter a domain name (e.g node.example.com) to be used for connecting to the daemon. An IP address may only be used if you are not using SSL for this node');
+        $data['internal_fqdn'] = $this->option('internal-fqdn') ?? $this->ask('Enter internal FQDN for panel-to-Wings communication (leave blank to use public FQDN)', '');
         $data['public'] = $this->option('public') ?? $this->confirm('Should this node be public? As a note, setting a node to private you will be denying the ability to auto-deploy to this node.', true);
         $data['behind_proxy'] = $this->option('proxy') ?? $this->confirm('Is your FQDN behind a proxy?');
         $data['maintenance_mode'] = $this->option('maintenance') ?? $this->confirm('Should maintenance mode be enabled?');
diff --git a/app/Contracts/Captcha/CaptchaProviderInterface.php b/app/Contracts/Captcha/CaptchaProviderInterface.php
new file mode 100644
index 000000000..e42257f52
--- /dev/null
+++ b/app/Contracts/Captcha/CaptchaProviderInterface.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace Pterodactyl\Contracts\Captcha;
+
+interface CaptchaProviderInterface
+{
+    /**
+     * Get the HTML widget for the captcha.
+     */
+    public function getWidget(string $form): string;
+
+    /**
+     * Verify a captcha response.
+     */
+    public function verify(string $response, ?string $remoteIp = null): bool;
+
+    /**
+     * Get the JavaScript includes needed for this captcha provider.
+     */
+    public function getScriptIncludes(): array;
+
+    /**
+     * Get the provider name.
+     */
+    public function getName(): string;
+
+    /**
+     * Get the site key for frontend use.
+     */
+    public function getSiteKey(): string;
+
+    /**
+     * Check if the provider is properly configured.
+     */
+    public function isConfigured(): bool;
+
+    /**
+     * Get the response field name for this provider.
+     */
+    public function getResponseFieldName(): string;
+}
\ No newline at end of file
diff --git a/app/Contracts/Dns/DnsProviderInterface.php b/app/Contracts/Dns/DnsProviderInterface.php
new file mode 100644
index 000000000..98bdce7d7
--- /dev/null
+++ b/app/Contracts/Dns/DnsProviderInterface.php
@@ -0,0 +1,91 @@
+<?php
+
+namespace Pterodactyl\Contracts\Dns;
+
+interface DnsProviderInterface
+{
+    /**
+     * Test the connection to the DNS provider.
+     *
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function testConnection(): bool;
+
+    /**
+     * Create a DNS record.
+     *
+     * @param string $domain The domain name
+     * @param string $name The record name (subdomain or full name for SRV)
+     * @param string $type The record type (A, SRV, CNAME, etc.)
+     * @param string|array $content The record content (IP for A, structured data for SRV)
+     * @param int $ttl Time to live in seconds
+     * @return string The created record ID
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function createRecord(string $domain, string $name, string $type, $content, int $ttl = 300): string;
+
+    /**
+     * Update a DNS record.
+     *
+     * @param string $domain The domain name
+     * @param string $recordId The record ID to update
+     * @param string|array $content The new record content
+     * @param int|null $ttl Optional new TTL
+     * @return bool True if successful
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function updateRecord(string $domain, string $recordId, $content, ?int $ttl = null): bool;
+
+    /**
+     * Delete a DNS record.
+     *
+     * @param string $domain The domain name
+     * @param string $recordId The record ID to delete
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function deleteRecord(string $domain, string $recordId): void;
+
+    /**
+     * Get a specific DNS record.
+     *
+     * @param string $domain The domain name
+     * @param string $recordId The record ID
+     * @return array The DNS record data
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function getRecord(string $domain, string $recordId): array;
+
+    /**
+     * List existing DNS records for a domain.
+     *
+     * @param string $domain The domain name
+     * @param string|null $name Filter by record name (optional)
+     * @param string|null $type Filter by record type (optional)
+     * @return array Array of DNS records
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function listRecords(string $domain, ?string $name = null, ?string $type = null): array;
+
+    /**
+     * Get the configuration schema for this provider.
+     *
+     * @return array Array of configuration fields and their requirements
+     */
+    public function getConfigurationSchema(): array;
+
+    /**
+     * Validate the provider configuration.
+     *
+     * @param array $config The configuration to validate
+     * @return bool True if valid
+     * @throws \Pterodactyl\Exceptions\Dns\DnsProviderException
+     */
+    public function validateConfiguration(array $config): bool;
+
+    /**
+     * Get the supported record types for this provider.
+     *
+     * @return array Array of supported DNS record types
+     */
+    public function getSupportedRecordTypes(): array;
+}
\ No newline at end of file
diff --git a/app/Contracts/Repository/RepositoryInterface.php b/app/Contracts/Repository/RepositoryInterface.php
index 5dc0c6655..975e7e1c9 100644
--- a/app/Contracts/Repository/RepositoryInterface.php
+++ b/app/Contracts/Repository/RepositoryInterface.php
@@ -9,133 +9,133 @@ use Illuminate\Contracts\Pagination\LengthAwarePaginator;
 
 interface RepositoryInterface
 {
-    /**
-     * Return an identifier or Model object to be used by the repository.
-     */
-    public function model(): string;
+  /**
+   * Return an identifier or Model object to be used by the repository.
+   */
+  public function model(): string;
 
-    /**
-     * Return the model being used for this repository instance.
-     */
-    public function getModel(): Model;
+  /**
+   * Return the model being used for this repository instance.
+   */
+  public function getModel(): Model;
 
-    /**
-     * Returns an instance of a query builder.
-     */
-    public function getBuilder(): Builder;
+  /**
+   * Returns an instance of a query builder.
+   */
+  public function getBuilder(): Builder;
 
-    /**
-     * Returns the columns to be selected or returned by the query.
-     */
-    public function getColumns(): array;
+  /**
+   * Returns the columns to be selected or returned by the query.
+   */
+  public function getColumns(): array;
 
-    /**
-     * An array of columns to filter the response by.
-     */
-    public function setColumns(array|string $columns = ['*']): self;
+  /**
+   * An array of columns to filter the response by.
+   */
+  public function setColumns(array|string $columns = ['*']): self;
 
-    /**
-     * Stop repository update functions from returning a fresh
-     * model when changes are committed.
-     */
-    public function withoutFreshModel(): self;
+  /**
+   * Stop repository update functions from returning a fresh
+   * model when changes are committed.
+   */
+  public function withoutFreshModel(): self;
 
-    /**
-     * Return a fresh model with a repository updates a model.
-     */
-    public function withFreshModel(): self;
+  /**
+   * Return a fresh model with a repository updates a model.
+   */
+  public function withFreshModel(): self;
 
-    /**
-     * Set whether the repository should return a fresh model
-     * when changes are committed.
-     */
-    public function setFreshModel(bool $fresh = true): self;
+  /**
+   * Set whether the repository should return a fresh model
+   * when changes are committed.
+   */
+  public function setFreshModel(bool $fresh = true): self;
 
-    /**
-     * Create a new model instance and persist it to the database.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     */
-    public function create(array $fields, bool $validate = true, bool $force = false): mixed;
+  /**
+   * Create a new model instance and persist it to the database.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   */
+  public function create(array $fields, bool $validate = true, bool $force = false): mixed;
 
-    /**
-     * Find a model that has the specific ID passed.
-     *
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
-    public function find(int $id): mixed;
+  /**
+   * Find a model that has the specific ID passed.
+   *
+   * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+   */
+  public function find(int $id): mixed;
 
-    /**
-     * Find a model matching an array of where clauses.
-     */
-    public function findWhere(array $fields): Collection;
+  /**
+   * Find a model matching an array of where clauses.
+   */
+  public function findWhere(array $fields): Collection;
 
-    /**
-     * Find and return the first matching instance for the given fields.
-     *
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
-    public function findFirstWhere(array $fields): mixed;
+  /**
+   * Find and return the first matching instance for the given fields.
+   *
+   * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+   */
+  public function findFirstWhere(array $fields): mixed;
 
-    /**
-     * Return a count of records matching the passed arguments.
-     */
-    public function findCountWhere(array $fields): int;
+  /**
+   * Return a count of records matching the passed arguments.
+   */
+  public function findCountWhere(array $fields): int;
 
-    /**
-     * Delete a given record from the database.
-     */
-    public function delete(int $id): int;
+  /**
+   * Delete a given record from the database.
+   */
+  public function delete(int $id): int;
 
-    /**
-     * Delete records matching the given attributes.
-     */
-    public function deleteWhere(array $attributes): int;
+  /**
+   * Delete records matching the given attributes.
+   */
+  public function deleteWhere(array $attributes): int;
 
-    /**
-     * Update a given ID with the passed array of fields.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
-    public function update(int $id, array $fields, bool $validate = true, bool $force = false): mixed;
+  /**
+   * Update a given ID with the passed array of fields.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+   */
+  public function update(int $id, array $fields, bool $validate = true, bool $force = false): mixed;
 
-    /**
-     * Perform a mass update where matching records are updated using whereIn.
-     * This does not perform any model data validation.
-     */
-    public function updateWhereIn(string $column, array $values, array $fields): int;
+  /**
+   * Perform a mass update where matching records are updated using whereIn.
+   * This does not perform any model data validation.
+   */
+  public function updateWhereIn(string $column, array $values, array $fields): int;
 
-    /**
-     * Update a record if it exists in the database, otherwise create it.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     */
-    public function updateOrCreate(array $where, array $fields, bool $validate = true, bool $force = false): mixed;
+  /**
+   * Update a record if it exists in the database, otherwise create it.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   */
+  public function updateOrCreate(array $where, array $fields, bool $validate = true, bool $force = false): mixed;
 
-    /**
-     * Return all records associated with the given model.
-     */
-    public function all(): Collection;
+  /**
+   * Return all records associated with the given model.
+   */
+  public function all(): Collection;
 
-    /**
-     * Return a paginated result set using a search term if set on the repository.
-     */
-    public function paginated(int $perPage): LengthAwarePaginator;
+  /**
+   * Return a paginated result set using a search term if set on the repository.
+   */
+  public function paginated(int $perPage): LengthAwarePaginator;
 
-    /**
-     * Insert a single or multiple records into the database at once skipping
-     * validation and mass assignment checking.
-     */
-    public function insert(array $data): bool;
+  /**
+   * Insert a single or multiple records into the database at once skipping
+   * validation and mass assignment checking.
+   */
+  public function insert(array $data): bool;
 
-    /**
-     * Insert multiple records into the database and ignore duplicates.
-     */
-    public function insertIgnore(array $values): bool;
+  /**
+   * Insert multiple records into the database and ignore duplicates.
+   */
+  public function insertIgnore(array $values): bool;
 
-    /**
-     * Get the amount of entries in the database.
-     */
-    public function count(): int;
+  /**
+   * Get the amount of entries in the database.
+   */
+  public function count(): int;
 }
diff --git a/app/Contracts/Subdomain/SubdomainFeatureInterface.php b/app/Contracts/Subdomain/SubdomainFeatureInterface.php
new file mode 100644
index 000000000..85eb1b3f3
--- /dev/null
+++ b/app/Contracts/Subdomain/SubdomainFeatureInterface.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Pterodactyl\Contracts\Subdomain;
+
+use Pterodactyl\Models\Server;
+
+interface SubdomainFeatureInterface
+{
+    /**
+     * Get the feature name (e.g., 'subdomain_minecraft', 'subdomain_rust').
+     */
+    public function getFeatureName(): string;
+
+    /**
+     * Get the DNS records that need to be created for this feature.
+     *
+     * @param Server $server The server instance
+     * @param string $subdomain The subdomain name
+     * @param string $domain The domain name
+     * @return array Array of DNS record configurations
+     */
+    public function getDnsRecords(Server $server, string $subdomain, string $domain): array;
+}
\ No newline at end of file
diff --git a/app/Events/Auth/FailedCaptcha.php b/app/Events/Auth/FailedCaptcha.php
deleted file mode 100644
index c385f2f98..000000000
--- a/app/Events/Auth/FailedCaptcha.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-namespace Pterodactyl\Events\Auth;
-
-use Pterodactyl\Events\Event;
-use Illuminate\Queue\SerializesModels;
-
-class FailedCaptcha extends Event
-{
-    use SerializesModels;
-
-    /**
-     * Create a new event instance.
-     */
-    public function __construct(public string $ip, public string $domain)
-    {
-    }
-}
diff --git a/app/Exceptions/DisplayException.php b/app/Exceptions/DisplayException.php
index 884df9a89..97fb978a7 100644
--- a/app/Exceptions/DisplayException.php
+++ b/app/Exceptions/DisplayException.php
@@ -14,68 +14,68 @@ use Symfony\Component\HttpKernel\Exception\HttpExceptionInterface;
 
 class DisplayException extends PterodactylException implements HttpExceptionInterface
 {
-    public const LEVEL_DEBUG = 'debug';
-    public const LEVEL_INFO = 'info';
-    public const LEVEL_WARNING = 'warning';
-    public const LEVEL_ERROR = 'error';
+  public const LEVEL_DEBUG = 'debug';
+  public const LEVEL_INFO = 'info';
+  public const LEVEL_WARNING = 'warning';
+  public const LEVEL_ERROR = 'error';
 
-    /**
-     * DisplayException constructor.
-     */
-    public function __construct(string $message, ?\Throwable $previous = null, protected string $level = self::LEVEL_ERROR, int $code = 0)
-    {
-        parent::__construct($message, $code, $previous);
+  /**
+   * DisplayException constructor.
+   */
+  public function __construct(string $message, ?\Throwable $previous = null, protected string $level = self::LEVEL_ERROR, int $code = 0)
+  {
+    parent::__construct($message, $code, $previous);
+  }
+
+  public function getErrorLevel(): string
+  {
+    return $this->level;
+  }
+
+  public function getStatusCode(): int
+  {
+    return Response::HTTP_BAD_REQUEST;
+  }
+
+  public function getHeaders(): array
+  {
+    return [];
+  }
+
+  /**
+   * Render the exception to the user by adding a flashed message to the session
+   * and then redirecting them back to the page that they came from. If the
+   * request originated from an API hit, return the error in JSONAPI spec format.
+   */
+  public function render(Request $request): JsonResponse|RedirectResponse
+  {
+    if ($request->expectsJson()) {
+      return response()->json(Handler::toArray($this), $this->getStatusCode(), $this->getHeaders());
     }
 
-    public function getErrorLevel(): string
-    {
-        return $this->level;
+    app(AlertsMessageBag::class)->danger($this->getMessage())->flash();
+
+    return redirect()->back()->withInput();
+  }
+
+  /**
+   * Log the exception to the logs using the defined error level only if the previous
+   * exception is set.
+   *
+   * @throws \Throwable
+   */
+  public function report()
+  {
+    if (!$this->getPrevious() instanceof \Exception || !Handler::isReportable($this->getPrevious())) {
+      return null;
     }
 
-    public function getStatusCode(): int
-    {
-        return Response::HTTP_BAD_REQUEST;
+    try {
+      $logger = Container::getInstance()->make(LoggerInterface::class);
+    } catch (\Exception) {
+      throw $this->getPrevious();
     }
 
-    public function getHeaders(): array
-    {
-        return [];
-    }
-
-    /**
-     * Render the exception to the user by adding a flashed message to the session
-     * and then redirecting them back to the page that they came from. If the
-     * request originated from an API hit, return the error in JSONAPI spec format.
-     */
-    public function render(Request $request): JsonResponse|RedirectResponse
-    {
-        if ($request->expectsJson()) {
-            return response()->json(Handler::toArray($this), $this->getStatusCode(), $this->getHeaders());
-        }
-
-        app(AlertsMessageBag::class)->danger($this->getMessage())->flash();
-
-        return redirect()->back()->withInput();
-    }
-
-    /**
-     * Log the exception to the logs using the defined error level only if the previous
-     * exception is set.
-     *
-     * @throws \Throwable
-     */
-    public function report()
-    {
-        if (!$this->getPrevious() instanceof \Exception || !Handler::isReportable($this->getPrevious())) {
-            return null;
-        }
-
-        try {
-            $logger = Container::getInstance()->make(LoggerInterface::class);
-        } catch (\Exception) {
-            throw $this->getPrevious();
-        }
-
-        return $logger->{$this->getErrorLevel()}($this->getPrevious());
-    }
+    return $logger->{$this->getErrorLevel()}($this->getPrevious());
+  }
 }
diff --git a/app/Exceptions/Dns/DnsProviderException.php b/app/Exceptions/Dns/DnsProviderException.php
new file mode 100644
index 000000000..2c144b08a
--- /dev/null
+++ b/app/Exceptions/Dns/DnsProviderException.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace Pterodactyl\Exceptions\Dns;
+
+use Exception;
+
+class DnsProviderException extends Exception
+{
+    /**
+     * Create a new DNS provider exception.
+     */
+    public function __construct(string $message = '', int $code = 0, ?Exception $previous = null)
+    {
+        parent::__construct($message, $code, $previous);
+    }
+
+    /**
+     * Create an exception for connection failures.
+     */
+    public static function connectionFailed(string $provider, string $reason = ''): self
+    {
+        $message = "Failed to connect to DNS provider '{$provider}'";
+        if ($reason) {
+            $message .= ": {$reason}";
+        }
+        
+        return new self($message);
+    }
+
+    /**
+     * Create an exception for authentication failures.
+     */
+    public static function authenticationFailed(string $provider): self
+    {
+        return new self("Authentication failed for DNS provider '{$provider}'. Please check your credentials.");
+    }
+
+    /**
+     * Create an exception for invalid configuration.
+     */
+    public static function invalidConfiguration(string $provider, string $field): self
+    {
+        return new self("Invalid configuration for DNS provider '{$provider}': missing or invalid field '{$field}'.");
+    }
+
+    /**
+     * Create an exception for record creation failures.
+     */
+    public static function recordCreationFailed(string $domain, string $subdomain, string $reason = ''): self
+    {
+        $message = "Failed to create DNS record for '{$subdomain}.{$domain}'";
+        if ($reason) {
+            $message .= ": {$reason}";
+        }
+        
+        return new self($message);
+    }
+
+    /**
+     * Create an exception for record update failures.
+     */
+    public static function recordUpdateFailed(string $domain, array $recordIds, string $reason = ''): self
+    {
+        $recordList = implode(', ', $recordIds);
+        $message = "Failed to update DNS records [{$recordList}] for domain '{$domain}'";
+        if ($reason) {
+            $message .= ": {$reason}";
+        }
+        
+        return new self($message);
+    }
+
+    /**
+     * Create an exception for record deletion failures.
+     */
+    public static function recordDeletionFailed(string $domain, array $recordIds, string $reason = ''): self
+    {
+        $recordList = implode(', ', $recordIds);
+        $message = "Failed to delete DNS records [{$recordList}] for domain '{$domain}'";
+        if ($reason) {
+            $message .= ": {$reason}";
+        }
+        
+        return new self($message);
+    }
+
+    /**
+     * Create an exception for unsupported record types.
+     */
+    public static function unsupportedRecordType(string $provider, string $recordType): self
+    {
+        return new self("DNS provider '{$provider}' does not support record type '{$recordType}'.");
+    }
+}
\ No newline at end of file
diff --git a/app/Exceptions/ServerOperations/ServerOperationException.php b/app/Exceptions/ServerOperations/ServerOperationException.php
new file mode 100644
index 000000000..f97061ffc
--- /dev/null
+++ b/app/Exceptions/ServerOperations/ServerOperationException.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Pterodactyl\Exceptions\ServerOperations;
+
+use Exception;
+
+class ServerOperationException extends Exception
+{
+    /**
+     * Create a new server operation exception.
+     */
+    public function __construct(string $message = '', int $code = 0, ?Exception $previous = null)
+    {
+        parent::__construct($message, $code, $previous);
+    }
+
+    /**
+     * Create exception for when server cannot accept operations
+     */
+    public static function serverBusy(string $serverUuid): self
+    {
+        return new self("Server {$serverUuid} is currently busy and cannot accept new operations.");
+    }
+
+    /**
+     * Create exception for operation timeout
+     */
+    public static function operationTimedOut(string $operationId): self
+    {
+        return new self("Operation {$operationId} has timed out.");
+    }
+
+    /**
+     * Create exception for invalid operation state
+     */
+    public static function invalidOperationState(string $operationId, string $currentState): self
+    {
+        return new self("Operation {$operationId} is in an invalid state: {$currentState}");
+    }
+
+    /**
+     * Create exception for operation not found
+     */
+    public static function operationNotFound(string $operationId): self
+    {
+        return new self("Operation {$operationId} was not found.");
+    }
+
+    /**
+     * Create exception for rate limit exceeded
+     */
+    public static function rateLimitExceeded(string $operationType, int $windowSeconds): self
+    {
+        $minutes = ceil($windowSeconds / 60);
+        return new self("Rate limit exceeded for {$operationType} operations. Please wait {$minutes} minutes before trying again.");
+    }
+}
\ No newline at end of file
diff --git a/app/Exceptions/Service/Backup/BackupFailedException.php b/app/Exceptions/Service/Backup/BackupFailedException.php
new file mode 100644
index 000000000..9fad4dc9b
--- /dev/null
+++ b/app/Exceptions/Service/Backup/BackupFailedException.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace Pterodactyl\Exceptions\Service\Backup;
+
+use Pterodactyl\Exceptions\DisplayException;
+
+class BackupFailedException extends DisplayException
+{
+    /**
+     * Exception thrown when a backup fails to complete successfully.
+     */
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Admin/Nodes/NodeController.php b/app/Http/Controllers/Admin/Nodes/NodeController.php
index d80df6c80..c4ba0c61e 100644
--- a/app/Http/Controllers/Admin/Nodes/NodeController.php
+++ b/app/Http/Controllers/Admin/Nodes/NodeController.php
@@ -11,25 +11,25 @@ use Illuminate\Contracts\View\Factory as ViewFactory;
 
 class NodeController extends Controller
 {
-    /**
-     * NodeController constructor.
-     */
-    public function __construct(private ViewFactory $view)
-    {
-    }
+  /**
+   * NodeController constructor.
+   */
+  public function __construct(private ViewFactory $view)
+  {
+  }
 
-    /**
-     * Returns a listing of nodes on the system.
-     */
-    public function index(Request $request): View
-    {
-        $nodes = QueryBuilder::for(
-            Node::query()->with('location')->withCount('servers')
-        )
-            ->allowedFilters(['uuid', 'name'])
-            ->allowedSorts(['id'])
-            ->paginate(25);
+  /**
+   * Returns a listing of nodes on the system.
+   */
+  public function index(Request $request): View
+  {
+    $nodes = QueryBuilder::for(
+      Node::query()->with('location')->withCount('servers')
+    )
+      ->allowedFilters(['uuid', 'name'])
+      ->allowedSorts(['id'])
+      ->paginate(25);
 
-        return $this->view->make('admin.nodes.index', ['nodes' => $nodes]);
-    }
+    return $this->view->make('admin.nodes.index', ['nodes' => $nodes]);
+  }
 }
diff --git a/app/Http/Controllers/Admin/Nodes/SystemInformationController.php b/app/Http/Controllers/Admin/Nodes/SystemInformationController.php
index 875b1afbe..72a86c225 100644
--- a/app/Http/Controllers/Admin/Nodes/SystemInformationController.php
+++ b/app/Http/Controllers/Admin/Nodes/SystemInformationController.php
@@ -11,30 +11,30 @@ use Pterodactyl\Repositories\Wings\DaemonConfigurationRepository;
 
 class SystemInformationController extends Controller
 {
-    /**
-     * SystemInformationController constructor.
-     */
-    public function __construct(private DaemonConfigurationRepository $repository)
-    {
-    }
+  /**
+   * SystemInformationController constructor.
+   */
+  public function __construct(private DaemonConfigurationRepository $repository)
+  {
+  }
 
-    /**
-     * Returns system information from the Daemon.
-     *
-     * @throws \Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException
-     */
-    public function __invoke(Request $request, Node $node): JsonResponse
-    {
-        $data = $this->repository->setNode($node)->getSystemInformation();
+  /**
+   * Returns system information from the Daemon.
+   *
+   * @throws \Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException
+   */
+  public function __invoke(Request $request, Node $node): JsonResponse
+  {
+    $data = $this->repository->setNode($node)->getSystemInformation();
 
-        return new JsonResponse([
-            'version' => $data['version'] ?? '',
-            'system' => [
-                'type' => Str::title($data['os'] ?? 'Unknown'),
-                'arch' => $data['architecture'] ?? '--',
-                'release' => $data['kernel_version'] ?? '--',
-                'cpus' => $data['cpu_count'] ?? 0,
-            ],
-        ]);
-    }
+    return new JsonResponse([
+      'version' => $data['version'] ?? '',
+      'system' => [
+        'type' => Str::title($data['os'] ?? 'Unknown'),
+        'arch' => $data['architecture'] ?? '--',
+        'release' => $data['kernel_version'] ?? '--',
+        'cpus' => $data['cpu_count'] ?? 0,
+      ],
+    ]);
+  }
 }
diff --git a/app/Http/Controllers/Admin/NodesController.php b/app/Http/Controllers/Admin/NodesController.php
index a641310e1..b71493292 100644
--- a/app/Http/Controllers/Admin/NodesController.php
+++ b/app/Http/Controllers/Admin/NodesController.php
@@ -147,7 +147,7 @@ class NodesController extends Controller
     {
         $this->allocationRepository->update($request->input('allocation_id'), [
             'ip_alias' => (empty($request->input('alias'))) ? null : $request->input('alias'),
-        ]);
+        ], false); // Skip validation
 
         return response('', 204);
     }
diff --git a/app/Http/Controllers/Admin/ServersController.php b/app/Http/Controllers/Admin/ServersController.php
index 1805a831a..f5a77cbd6 100644
--- a/app/Http/Controllers/Admin/ServersController.php
+++ b/app/Http/Controllers/Admin/ServersController.php
@@ -144,8 +144,9 @@ class ServersController extends Controller
         try {
             $this->buildModificationService->handle($server, $request->only([
                 'allocation_id', 'add_allocations', 'remove_allocations',
-                'memory', 'swap', 'io', 'cpu', 'threads', 'disk',
+                'memory', 'overhead_memory', 'swap', 'io', 'cpu', 'threads', 'disk',
                 'database_limit', 'allocation_limit', 'backup_limit', 'oom_disabled',
+                'exclude_from_resource_calculation',
             ]));
         } catch (DataValidationException $exception) {
             throw new ValidationException($exception->getValidator());
diff --git a/app/Http/Controllers/Admin/Settings/AdvancedController.php b/app/Http/Controllers/Admin/Settings/AdvancedController.php
index 9033e7b92..de58f3cf3 100644
--- a/app/Http/Controllers/Admin/Settings/AdvancedController.php
+++ b/app/Http/Controllers/Admin/Settings/AdvancedController.php
@@ -14,49 +14,41 @@ use Pterodactyl\Http\Requests\Admin\Settings\AdvancedSettingsFormRequest;
 
 class AdvancedController extends Controller
 {
-    /**
-     * AdvancedController constructor.
-     */
-    public function __construct(
-        private AlertsMessageBag $alert,
-        private ConfigRepository $config,
-        private Kernel $kernel,
-        private SettingsRepositoryInterface $settings,
-        private ViewFactory $view,
-    ) {
+  /**
+   * AdvancedController constructor.
+   */
+  public function __construct(
+    private AlertsMessageBag $alert,
+    private ConfigRepository $config,
+    private Kernel $kernel,
+    private SettingsRepositoryInterface $settings,
+    private ViewFactory $view,
+  ) {
+  }
+
+  /**
+   * Render advanced Panel settings UI.
+   */
+  public function index(): View
+  {
+    return $this->view->make('admin.settings.advanced');
+  }
+
+  /**
+   * Update advanced settings.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+   */
+  public function update(AdvancedSettingsFormRequest $request): RedirectResponse
+  {
+    foreach ($request->normalize() as $key => $value) {
+      $this->settings->set('settings::' . $key, $value);
     }
 
-    /**
-     * Render advanced Panel settings UI.
-     */
-    public function index(): View
-    {
-        $showRecaptchaWarning = false;
-        if (
-            $this->config->get('recaptcha._shipped_secret_key') === $this->config->get('recaptcha.secret_key')
-            || $this->config->get('recaptcha._shipped_website_key') === $this->config->get('recaptcha.website_key')
-        ) {
-            $showRecaptchaWarning = true;
-        }
+    $this->kernel->call('queue:restart');
+    $this->alert->success('Advanced settings have been updated successfully and the queue worker was restarted to apply these changes.')->flash();
 
-        return $this->view->make('admin.settings.advanced', [
-            'showRecaptchaWarning' => $showRecaptchaWarning,
-        ]);
-    }
-
-    /**
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
-    public function update(AdvancedSettingsFormRequest $request): RedirectResponse
-    {
-        foreach ($request->normalize() as $key => $value) {
-            $this->settings->set('settings::' . $key, $value);
-        }
-
-        $this->kernel->call('queue:restart');
-        $this->alert->success('Advanced settings have been updated successfully and the queue worker was restarted to apply these changes.')->flash();
-
-        return redirect()->route('admin.settings.advanced');
-    }
-}
+    return redirect()->route('admin.settings.advanced');
+  }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Admin/Settings/CaptchaController.php b/app/Http/Controllers/Admin/Settings/CaptchaController.php
new file mode 100644
index 000000000..5072be2b5
--- /dev/null
+++ b/app/Http/Controllers/Admin/Settings/CaptchaController.php
@@ -0,0 +1,69 @@
+<?php
+
+namespace Pterodactyl\Http\Controllers\Admin\Settings;
+
+use Illuminate\View\View;
+use Illuminate\Http\RedirectResponse;
+use Prologue\Alerts\AlertsMessageBag;
+use Illuminate\Contracts\Console\Kernel;
+use Illuminate\View\Factory as ViewFactory;
+use Pterodactyl\Http\Controllers\Controller;
+use Pterodactyl\Services\Captcha\CaptchaManager;
+use Illuminate\Contracts\Encryption\Encrypter;
+use Pterodactyl\Contracts\Repository\SettingsRepositoryInterface;
+use Pterodactyl\Http\Requests\Admin\Settings\CaptchaSettingsFormRequest;
+
+class CaptchaController extends Controller
+{
+    /**
+     * CaptchaController constructor.
+     */
+    public function __construct(
+        private AlertsMessageBag $alert,
+        private CaptchaManager $captcha,
+        private Encrypter $encrypter,
+        private Kernel $kernel,
+        private SettingsRepositoryInterface $settings,
+        private ViewFactory $view,
+    ) {}
+
+    /**
+     * Render captcha settings UI.
+     */
+    public function index(): View
+    {
+        return $this->view->make('admin.settings.captcha', [
+            'providers' => [
+                'none' => 'Disabled',
+                'turnstile' => 'Cloudflare Turnstile',
+                'hcaptcha' => 'hCaptcha',
+                'recaptcha' => 'Google reCAPTCHA',
+            ],
+        ]);
+    }
+
+    /**
+     * Update captcha settings.
+     *
+     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+     */
+    public function update(CaptchaSettingsFormRequest $request): RedirectResponse
+    {
+        $values = $request->normalize();
+        
+        foreach ($values as $key => $value) {
+            // Encrypt secret keys before storing
+            if (in_array($key, \Pterodactyl\Providers\SettingsServiceProvider::getEncryptedKeys()) && !empty($value)) {
+                $value = $this->encrypter->encrypt($value);
+            }
+            
+            $this->settings->set('settings::' . $key, $value);
+        }
+
+        $this->kernel->call('queue:restart');
+        $this->alert->success('Captcha settings have been updated successfully and the queue worker was restarted to apply these changes.')->flash();
+
+        return redirect()->route('admin.settings.captcha');
+    }
+}
diff --git a/app/Http/Controllers/Admin/Settings/DomainsController.php b/app/Http/Controllers/Admin/Settings/DomainsController.php
new file mode 100644
index 000000000..ba2ab6924
--- /dev/null
+++ b/app/Http/Controllers/Admin/Settings/DomainsController.php
@@ -0,0 +1,247 @@
+<?php
+
+namespace Pterodactyl\Http\Controllers\Admin\Settings;
+
+use Illuminate\View\View;
+use Illuminate\Http\Request;
+use Illuminate\Http\RedirectResponse;
+use Pterodactyl\Models\Domain;
+use Pterodactyl\Http\Controllers\Controller;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+use Pterodactyl\Exceptions\Dns\DnsProviderException;
+use Illuminate\Contracts\View\Factory as ViewFactory;
+use Pterodactyl\Http\Requests\Admin\Settings\DomainFormRequest;
+
+class DomainsController extends Controller
+{
+    public function __construct(
+        private ViewFactory $view,
+        private SubdomainManagementService $subdomainService,
+    ) {
+    }
+
+    /**
+     * Display the domains management page.
+     */
+    public function index(): View
+    {
+        $domains = Domain::withCount('serverSubdomains')->orderBy('created_at', 'desc')->get();
+        $availableProviders = $this->getAvailableProviders();
+
+        return $this->view->make('admin.settings.domains.index', [
+            'domains' => $domains,
+            'providers' => $availableProviders,
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new domain.
+     */
+    public function create(): View
+    {
+        $availableProviders = $this->getAvailableProviders();
+
+        return $this->view->make('admin.settings.domains.create', [
+            'providers' => $availableProviders,
+        ]);
+    }
+
+    /**
+     * Store a newly created domain.
+     */
+    public function store(DomainFormRequest $request): RedirectResponse
+    {
+        $data = $request->validated();
+
+        try {
+            // Test the DNS provider connection
+            $providerClass = $this->getProviderClass($data['dns_provider']);
+            $provider = new $providerClass($data['dns_config']);
+            $provider->testConnection();
+
+            // Handle domain creation in a transaction
+            \DB::transaction(function () use ($data) {
+                // If this domain is being set as default, remove default from other domains
+                if (!empty($data['is_default'])) {
+                    Domain::where('is_default', true)->update(['is_default' => false]);
+                }
+
+                // Create the domain
+                Domain::create([
+                    'name' => $data['name'],
+                    'dns_provider' => $data['dns_provider'],
+                    'dns_config' => $data['dns_config'],
+                    'is_active' => $data['is_active'] ?? true,
+                    'is_default' => $data['is_default'] ?? false,
+                ]);
+            });
+
+            return redirect()->route('admin.settings.domains.index')
+                ->with('success', 'Domain created successfully.');
+        } catch (DnsProviderException $e) {
+            return back()->withInput()->withErrors(['dns_config' => $e->getMessage()]);
+        } catch (\Exception $e) {
+            return back()->withInput()->withErrors(['general' => 'Failed to create domain: ' . $e->getMessage()]);
+        }
+    }
+
+    /**
+     * Show the form for editing a domain.
+     */
+    public function edit(Domain $domain): View
+    {
+        $domain->load('serverSubdomains');
+        $availableProviders = $this->getAvailableProviders();
+
+        return $this->view->make('admin.settings.domains.edit', [
+            'domain' => $domain,
+            'providers' => $availableProviders,
+        ]);
+    }
+
+    /**
+     * Update the specified domain.
+     */
+    public function update(DomainFormRequest $request, Domain $domain): RedirectResponse
+    {
+        $data = $request->validated();
+
+        try {
+            // Test the DNS provider connection if config changed
+            if ($data['dns_config'] !== $domain->dns_config || $data['dns_provider'] !== $domain->dns_provider) {
+                $providerClass = $this->getProviderClass($data['dns_provider']);
+                $provider = new $providerClass($data['dns_config']);
+                $provider->testConnection();
+            }
+
+            // Handle domain update in a transaction
+            \DB::transaction(function () use ($data, $domain) {
+                // Handle default domain changes
+                $newIsDefault = $data['is_default'] ?? false;
+                if ($newIsDefault && !$domain->is_default) {
+                    // If this domain is being set as default, remove default from other domains
+                    Domain::where('is_default', true)->update(['is_default' => false]);
+                } elseif (!$newIsDefault && $domain->is_default) {
+                    // Don't allow removing default status if this is the only default domain
+                    $defaultCount = Domain::where('is_default', true)->count();
+                    if ($defaultCount <= 1) {
+                        throw new \Exception('Cannot remove default status: At least one domain must be set as default.');
+                    }
+                }
+
+                // Update the domain
+                $domain->update([
+                    'name' => $data['name'],
+                    'dns_provider' => $data['dns_provider'],
+                    'dns_config' => $data['dns_config'],
+                    'is_active' => $data['is_active'] ?? $domain->is_active,
+                    'is_default' => $newIsDefault,
+                ]);
+            });
+
+            return redirect()->route('admin.settings.domains.index')
+                ->with('success', 'Domain updated successfully.');
+        } catch (DnsProviderException $e) {
+            return back()->withInput()->withErrors(['dns_config' => $e->getMessage()]);
+        } catch (\Exception $e) {
+            return back()->withInput()->withErrors(['general' => 'Failed to update domain: ' . $e->getMessage()]);
+        }
+    }
+
+    /**
+     * Remove the specified domain.
+     */
+    public function destroy(Domain $domain): RedirectResponse
+    {
+        try {
+            // Check if domain has active subdomains
+            $activeSubdomains = $domain->activeSubdomains()->count();
+            if ($activeSubdomains > 0) {
+                return back()->withErrors(['general' => "Cannot delete domain with {$activeSubdomains} active subdomains."]);
+            }
+
+            // Don't allow deleting the only default domain
+            if ($domain->is_default) {
+                $defaultCount = Domain::where('is_default', true)->count();
+                if ($defaultCount <= 1) {
+                    return back()->withErrors(['general' => 'Cannot delete the only default domain. Please set another domain as default first.']);
+                }
+            }
+
+            $domain->delete();
+
+            return redirect()->route('admin.settings.domains.index')
+                ->with('success', 'Domain deleted successfully.');
+        } catch (\Exception $e) {
+            return back()->withErrors(['general' => 'Failed to delete domain: ' . $e->getMessage()]);
+        }
+    }
+
+    /**
+     * Test the connection to a DNS provider.
+     */
+    public function testConnection(Request $request): \Illuminate\Http\JsonResponse
+    {
+        $request->validate([
+            'dns_provider' => 'required|string',
+            'dns_config' => 'required|array',
+        ]);
+
+        try {
+            $providerClass = $this->getProviderClass($request->input('dns_provider'));
+            $provider = new $providerClass($request->input('dns_config'));
+            $provider->testConnection();
+
+            return response()->json(['success' => true, 'message' => 'Connection successful.']);
+        } catch (DnsProviderException $e) {
+            return response()->json(['success' => false, 'message' => $e->getMessage()], 400);
+        } catch (\Exception $e) {
+            return response()->json(['success' => false, 'message' => 'Connection failed: ' . $e->getMessage()], 500);
+        }
+    }
+
+    /**
+     * Get configuration schema for a DNS provider.
+     */
+    public function getProviderSchema(string $provider): \Illuminate\Http\JsonResponse
+    {
+        try {
+            $providerClass = $this->getProviderClass($provider);
+            $providerInstance = new $providerClass([]);
+            $schema = $providerInstance->getConfigurationSchema();
+
+            return response()->json(['success' => true, 'schema' => $schema]);
+        } catch (\Exception $e) {
+            return response()->json(['success' => false, 'message' => $e->getMessage()], 400);
+        }
+    }
+
+    /**
+     * Get available DNS providers.
+     */
+    private function getAvailableProviders(): array
+    {
+        return [
+            'cloudflare' => [
+                'name' => 'Cloudflare',
+                'description' => 'Cloudflare DNS service',
+            ],
+        ];
+    }
+
+    /**
+     * Get the provider class for a given provider name.
+     */
+    private function getProviderClass(string $provider): string
+    {
+        $providers = [
+            'cloudflare' => \Pterodactyl\Services\Dns\Providers\CloudflareProvider::class,
+        ];
+
+        if (!isset($providers[$provider])) {
+            throw new \Exception("Unsupported DNS provider: {$provider}");
+        }
+
+        return $providers[$provider];
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Admin/Settings/IndexController.php b/app/Http/Controllers/Admin/Settings/IndexController.php
index f45a46404..b7998adc7 100644
--- a/app/Http/Controllers/Admin/Settings/IndexController.php
+++ b/app/Http/Controllers/Admin/Settings/IndexController.php
@@ -15,46 +15,46 @@ use Pterodactyl\Http\Requests\Admin\Settings\BaseSettingsFormRequest;
 
 class IndexController extends Controller
 {
-    use AvailableLanguages;
+  use AvailableLanguages;
 
-    /**
-     * IndexController constructor.
-     */
-    public function __construct(
-        private AlertsMessageBag $alert,
-        private Kernel $kernel,
-        private SettingsRepositoryInterface $settings,
-        private SoftwareVersionService $versionService,
-        private ViewFactory $view,
-    ) {
+  /**
+   * IndexController constructor.
+   */
+  public function __construct(
+    private AlertsMessageBag $alert,
+    private Kernel $kernel,
+    private SettingsRepositoryInterface $settings,
+    private SoftwareVersionService $versionService,
+    private ViewFactory $view,
+  ) {
+  }
+
+  /**
+   * Render the UI for basic Panel settings.
+   */
+  public function index(): View
+  {
+    return $this->view->make('admin.settings.index', [
+      'version' => $this->versionService,
+      'languages' => $this->getAvailableLanguages(true),
+    ]);
+  }
+
+  /**
+   * Handle settings update.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
+   */
+  public function update(BaseSettingsFormRequest $request): RedirectResponse
+  {
+    foreach ($request->normalize() as $key => $value) {
+      $this->settings->set('settings::' . $key, $value);
     }
 
-    /**
-     * Render the UI for basic Panel settings.
-     */
-    public function index(): View
-    {
-        return $this->view->make('admin.settings.index', [
-            'version' => $this->versionService,
-            'languages' => $this->getAvailableLanguages(true),
-        ]);
-    }
+    $this->kernel->call('queue:restart');
+    $this->alert->success('Panel settings have been updated successfully and the queue worker was restarted to apply these changes.')->flash();
 
-    /**
-     * Handle settings update.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
-    public function update(BaseSettingsFormRequest $request): RedirectResponse
-    {
-        foreach ($request->normalize() as $key => $value) {
-            $this->settings->set('settings::' . $key, $value);
-        }
-
-        $this->kernel->call('queue:restart');
-        $this->alert->success('Panel settings have been updated successfully and the queue worker was restarted to apply these changes.')->flash();
-
-        return redirect()->route('admin.settings');
-    }
+    return redirect()->route('admin.settings');
+  }
 }
diff --git a/app/Http/Controllers/Api/Application/Nodes/NodeController.php b/app/Http/Controllers/Api/Application/Nodes/NodeController.php
index 5c40f77f6..de969ef27 100644
--- a/app/Http/Controllers/Api/Application/Nodes/NodeController.php
+++ b/app/Http/Controllers/Api/Application/Nodes/NodeController.php
@@ -18,90 +18,90 @@ use Pterodactyl\Http\Controllers\Api\Application\ApplicationApiController;
 
 class NodeController extends ApplicationApiController
 {
-    /**
-     * NodeController constructor.
-     */
-    public function __construct(
-        private NodeCreationService $creationService,
-        private NodeDeletionService $deletionService,
-        private NodeUpdateService $updateService,
-    ) {
-        parent::__construct();
-    }
+  /**
+   * NodeController constructor.
+   */
+  public function __construct(
+    private NodeCreationService $creationService,
+    private NodeDeletionService $deletionService,
+    private NodeUpdateService $updateService,
+  ) {
+    parent::__construct();
+  }
 
-    /**
-     * Return all the nodes currently available on the Panel.
-     */
-    public function index(GetNodesRequest $request): array
-    {
-        $nodes = QueryBuilder::for(Node::query())
-            ->allowedFilters(['uuid', 'name', 'fqdn', 'daemon_token_id'])
-            ->allowedSorts(['id', 'uuid', 'memory', 'disk'])
-            ->paginate($request->query('per_page') ?? 50);
+  /**
+   * Return all the nodes currently available on the Panel.
+   */
+  public function index(GetNodesRequest $request): array
+  {
+    $nodes = QueryBuilder::for(Node::query())
+      ->allowedFilters(['uuid', 'name', 'fqdn', 'daemon_token_id'])
+      ->allowedSorts(['id', 'uuid', 'memory', 'disk'])
+      ->paginate($request->query('per_page') ?? 50);
 
-        return $this->fractal->collection($nodes)
-            ->transformWith($this->getTransformer(NodeTransformer::class))
-            ->toArray();
-    }
+    return $this->fractal->collection($nodes)
+      ->transformWith($this->getTransformer(NodeTransformer::class))
+      ->toArray();
+  }
 
-    /**
-     * Return data for a single instance of a node.
-     */
-    public function view(GetNodeRequest $request, Node $node): array
-    {
-        return $this->fractal->item($node)
-            ->transformWith($this->getTransformer(NodeTransformer::class))
-            ->toArray();
-    }
+  /**
+   * Return data for a single instance of a node.
+   */
+  public function view(GetNodeRequest $request, Node $node): array
+  {
+    return $this->fractal->item($node)
+      ->transformWith($this->getTransformer(NodeTransformer::class))
+      ->toArray();
+  }
 
-    /**
-     * Create a new node on the Panel. Returns the created node and an HTTP/201
-     * status response on success.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     */
-    public function store(StoreNodeRequest $request): JsonResponse
-    {
-        $node = $this->creationService->handle($request->validated());
+  /**
+   * Create a new node on the Panel. Returns the created node and an HTTP/201
+   * status response on success.
+   *
+   * @throws \Pterodactyl\Exceptions\Model\DataValidationException
+   */
+  public function store(StoreNodeRequest $request): JsonResponse
+  {
+    $node = $this->creationService->handle($request->validated());
 
-        return $this->fractal->item($node)
-            ->transformWith($this->getTransformer(NodeTransformer::class))
-            ->addMeta([
-                'resource' => route('api.application.nodes.view', [
-                    'node' => $node->id,
-                ]),
-            ])
-            ->respond(201);
-    }
+    return $this->fractal->item($node)
+      ->transformWith($this->getTransformer(NodeTransformer::class))
+      ->addMeta([
+        'resource' => route('api.application.nodes.view', [
+          'node' => $node->id,
+        ]),
+      ])
+      ->respond(201);
+  }
 
-    /**
-     * Update an existing node on the Panel.
-     *
-     * @throws \Throwable
-     */
-    public function update(UpdateNodeRequest $request, Node $node): array
-    {
-        $node = $this->updateService->handle(
-            $node,
-            $request->validated(),
-            $request->input('reset_secret') === true
-        );
+  /**
+   * Update an existing node on the Panel.
+   *
+   * @throws \Throwable
+   */
+  public function update(UpdateNodeRequest $request, Node $node): array
+  {
+    $node = $this->updateService->handle(
+      $node,
+      $request->validated(),
+      $request->input('reset_secret') === true
+    );
 
-        return $this->fractal->item($node)
-            ->transformWith($this->getTransformer(NodeTransformer::class))
-            ->toArray();
-    }
+    return $this->fractal->item($node)
+      ->transformWith($this->getTransformer(NodeTransformer::class))
+      ->toArray();
+  }
 
-    /**
-     * Deletes a given node from the Panel as long as there are no servers
-     * currently attached to it.
-     *
-     * @throws \Pterodactyl\Exceptions\Service\HasActiveServersException
-     */
-    public function delete(DeleteNodeRequest $request, Node $node): JsonResponse
-    {
-        $this->deletionService->handle($node);
+  /**
+   * Deletes a given node from the Panel as long as there are no servers
+   * currently attached to it.
+   *
+   * @throws \Pterodactyl\Exceptions\Service\HasActiveServersException
+   */
+  public function delete(DeleteNodeRequest $request, Node $node): JsonResponse
+  {
+    $this->deletionService->handle($node);
 
-        return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
-    }
+    return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
+  }
 }
diff --git a/app/Http/Controllers/Api/Client/Nests/EggController.php b/app/Http/Controllers/Api/Client/Nests/EggController.php
index ef8776692..49c354e9b 100644
--- a/app/Http/Controllers/Api/Client/Nests/EggController.php
+++ b/app/Http/Controllers/Api/Client/Nests/EggController.php
@@ -4,12 +4,12 @@ namespace Pterodactyl\Http\Controllers\Api\Client\Nests;
 
 use Pterodactyl\Models\Egg;
 use Pterodactyl\Models\Nest;
-use Pterodactyl\Transformers\Api\Client\EggTransformer;
+use Pterodactyl\Transformers\Api\Application\EggTransformer;
 use Pterodactyl\Http\Requests\Api\Application\Nests\Eggs\GetEggRequest;
 use Pterodactyl\Http\Requests\Api\Application\Nests\Eggs\GetEggsRequest;
-use Pterodactyl\Http\Controllers\Api\Client\ClientApiController;
+use Pterodactyl\Http\Controllers\Api\Application\ApplicationApiController;
 
-class EggController extends ClientApiController
+class EggController extends ApplicationApiController
 {
     /**
      * Return all eggs that exist for a given nest.
diff --git a/app/Http/Controllers/Api/Client/Servers/BackupController.php b/app/Http/Controllers/Api/Client/Servers/BackupController.php
index d11187c7e..66c7bd46f 100644
--- a/app/Http/Controllers/Api/Client/Servers/BackupController.php
+++ b/app/Http/Controllers/Api/Client/Servers/BackupController.php
@@ -13,6 +13,7 @@ use Pterodactyl\Services\Backups\DeleteBackupService;
 use Pterodactyl\Services\Backups\DownloadLinkService;
 use Pterodactyl\Repositories\Eloquent\BackupRepository;
 use Pterodactyl\Services\Backups\InitiateBackupService;
+use Pterodactyl\Services\Backups\ServerStateService;
 use Pterodactyl\Repositories\Wings\DaemonBackupRepository;
 use Pterodactyl\Transformers\Api\Client\BackupTransformer;
 use Pterodactyl\Http\Controllers\Api\Client\ClientApiController;
@@ -22,203 +23,334 @@ use Pterodactyl\Http\Requests\Api\Client\Servers\Backups\RestoreBackupRequest;
 
 class BackupController extends ClientApiController
 {
-    /**
-     * BackupController constructor.
-     */
-    public function __construct(
-        private DaemonBackupRepository $daemonRepository,
-        private DeleteBackupService $deleteBackupService,
-        private InitiateBackupService $initiateBackupService,
-        private DownloadLinkService $downloadLinkService,
-        private BackupRepository $repository,
-    ) {
-        parent::__construct();
+  /**
+   * BackupController constructor.
+   */
+  public function __construct(
+    private DaemonBackupRepository $daemonRepository,
+    private DeleteBackupService $deleteBackupService,
+    private InitiateBackupService $initiateBackupService,
+    private DownloadLinkService $downloadLinkService,
+    private BackupRepository $repository,
+    private ServerStateService $serverStateService,
+  ) {
+    parent::__construct();
+  }
+
+  /**
+   * Returns all the backups for a given server instance in a paginated
+   * result set.
+   *
+   * @throws AuthorizationException
+   */
+  public function index(Request $request, Server $server): array
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_READ, $server)) {
+      throw new AuthorizationException();
     }
 
-    /**
-     * Returns all the backups for a given server instance in a paginated
-     * result set.
-     *
-     * @throws AuthorizationException
-     */
-    public function index(Request $request, Server $server): array
-    {
-        if (!$request->user()->can(Permission::ACTION_BACKUP_READ, $server)) {
-            throw new AuthorizationException();
-        }
+    $limit = min($request->query('per_page') ?? 20, 50);
 
-        $limit = min($request->query('per_page') ?? 20, 50);
+    // Sort backups: locked ones first, then by created_at descending (latest first)
+    $backups = $server->backups()
+      ->orderByRaw('is_locked DESC, created_at DESC')
+      ->paginate($limit);
 
-        return $this->fractal->collection($server->backups()->paginate($limit))
-            ->transformWith($this->getTransformer(BackupTransformer::class))
-            ->addMeta([
-                'backup_count' => $this->repository->getNonFailedBackups($server)->count(),
-            ])
-            ->toArray();
+    return $this->fractal->collection($backups)
+      ->transformWith($this->getTransformer(BackupTransformer::class))
+      ->addMeta([
+        'backup_count' => $this->repository->getNonFailedBackups($server)->count(),
+      ])
+      ->toArray();
+  }
+
+  /**
+   * Starts the backup process for a server.
+   *
+   * @throws \Spatie\Fractalistic\Exceptions\InvalidTransformation
+   * @throws \Spatie\Fractalistic\Exceptions\NoTransformerSpecified
+   * @throws \Throwable
+   */
+  public function store(StoreBackupRequest $request, Server $server): array
+  {
+    $action = $this->initiateBackupService
+      ->setIgnoredFiles(explode(PHP_EOL, $request->input('ignored') ?? ''));
+
+    // Only set the lock status if the user even has permission to delete backups,
+    // otherwise ignore this status. This gets a little funky since it isn't clear
+    // how best to allow a user to create a backup that is locked without also preventing
+    // them from just filling up a server with backups that can never be deleted?
+    if ($request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
+      $action->setIsLocked((bool) $request->input('is_locked'));
     }
 
-    /**
-     * Starts the backup process for a server.
-     *
-     * @throws \Spatie\Fractalistic\Exceptions\InvalidTransformation
-     * @throws \Spatie\Fractalistic\Exceptions\NoTransformerSpecified
-     * @throws \Throwable
-     */
-    public function store(StoreBackupRequest $request, Server $server): array
-    {
-        $action = $this->initiateBackupService
-            ->setIgnoredFiles(explode(PHP_EOL, $request->input('ignored') ?? ''));
+    $backup = $action->handle($server, $request->input('name'));
 
-        // Only set the lock status if the user even has permission to delete backups,
-        // otherwise ignore this status. This gets a little funky since it isn't clear
-        // how best to allow a user to create a backup that is locked without also preventing
-        // them from just filling up a server with backups that can never be deleted?
-        if ($request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
-            $action->setIsLocked((bool) $request->input('is_locked'));
-        }
+    Activity::event('server:backup.start')
+      ->subject($backup)
+      ->property(['name' => $backup->name, 'locked' => (bool) $request->input('is_locked')])
+      ->log();
 
-        $backup = $action->handle($server, $request->input('name'));
+    return $this->fractal->item($backup)
+      ->transformWith($this->getTransformer(BackupTransformer::class))
+      ->toArray();
+  }
 
-        Activity::event('server:backup.start')
-            ->subject($backup)
-            ->property(['name' => $backup->name, 'locked' => (bool) $request->input('is_locked')])
-            ->log();
-
-        return $this->fractal->item($backup)
-            ->transformWith($this->getTransformer(BackupTransformer::class))
-            ->toArray();
+  /**
+   * Toggles the lock status of a given backup for a server.
+   *
+   * @throws \Throwable
+   * @throws AuthorizationException
+   */
+  public function toggleLock(Request $request, Server $server, Backup $backup): array
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
+      throw new AuthorizationException();
     }
 
-    /**
-     * Toggles the lock status of a given backup for a server.
-     *
-     * @throws \Throwable
-     * @throws AuthorizationException
-     */
-    public function toggleLock(Request $request, Server $server, Backup $backup): array
-    {
-        if (!$request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
-            throw new AuthorizationException();
-        }
+    $action = $backup->is_locked ? 'server:backup.unlock' : 'server:backup.lock';
 
-        $action = $backup->is_locked ? 'server:backup.unlock' : 'server:backup.lock';
+    $backup->update(['is_locked' => !$backup->is_locked]);
 
-        $backup->update(['is_locked' => !$backup->is_locked]);
+    Activity::event($action)->subject($backup)->property('name', $backup->name)->log();
 
-        Activity::event($action)->subject($backup)->property('name', $backup->name)->log();
+    return $this->fractal->item($backup)
+      ->transformWith($this->getTransformer(BackupTransformer::class))
+      ->toArray();
+  }
 
-        return $this->fractal->item($backup)
-            ->transformWith($this->getTransformer(BackupTransformer::class))
-            ->toArray();
+  /**
+   * Rename a backup.
+   *
+   * @throws AuthorizationException
+   */
+  public function rename(Request $request, Server $server, Backup $backup): array
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
+      throw new AuthorizationException();
     }
 
-    /**
-     * Returns information about a single backup.
-     *
-     * @throws AuthorizationException
-     */
-    public function view(Request $request, Server $server, Backup $backup): array
-    {
-        if (!$request->user()->can(Permission::ACTION_BACKUP_READ, $server)) {
-            throw new AuthorizationException();
-        }
+    $request->validate([
+      'name' => 'required|string|min:1|max:191',
+    ]);
 
-        return $this->fractal->item($backup)
-            ->transformWith($this->getTransformer(BackupTransformer::class))
-            ->toArray();
+    $oldName = $backup->name;
+    $newName = trim($request->input('name'));
+    
+    // Sanitize backup name to prevent injection
+    $newName = preg_replace('/[^a-zA-Z0-9\s\-_\.\(\)→:,]/', '', $newName);
+    $newName = substr($newName, 0, 191); // Limit to database field length
+    
+    if (empty($newName)) {
+      throw new BadRequestHttpException('Backup name cannot be empty after sanitization.');
     }
 
-    /**
-     * Deletes a backup from the panel as well as the remote source where it is currently
-     * being stored.
-     *
-     * @throws \Throwable
-     */
-    public function delete(Request $request, Server $server, Backup $backup): JsonResponse
-    {
-        if (!$request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
-            throw new AuthorizationException();
-        }
+    $backup->update(['name' => $newName]);
 
-        $this->deleteBackupService->handle($backup);
+    Activity::event('server:backup.rename')
+      ->subject($backup)
+      ->property([
+        'old_name' => $oldName,
+        'new_name' => $newName,
+      ])
+      ->log();
 
-        Activity::event('server:backup.delete')
-            ->subject($backup)
-            ->property(['name' => $backup->name, 'failed' => !$backup->is_successful])
-            ->log();
+    return $this->fractal->item($backup)
+      ->transformWith($this->getTransformer(BackupTransformer::class))
+      ->toArray();
+  }
 
-        return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
+  /**
+   * Returns information about a single backup.
+   *
+   * @throws AuthorizationException
+   */
+  public function view(Request $request, Server $server, Backup $backup): array
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_READ, $server)) {
+      throw new AuthorizationException();
     }
 
-    /**
-     * Download the backup for a given server instance. For daemon local files, the file
-     * will be streamed back through the Panel. For AWS S3 files, a signed URL will be generated
-     * which the user is redirected to.
-     *
-     * @throws \Throwable
-     * @throws AuthorizationException
-     */
-    public function download(Request $request, Server $server, Backup $backup): JsonResponse
-    {
-        if (!$request->user()->can(Permission::ACTION_BACKUP_DOWNLOAD, $server)) {
-            throw new AuthorizationException();
-        }
+    return $this->fractal->item($backup)
+      ->transformWith($this->getTransformer(BackupTransformer::class))
+      ->toArray();
+  }
 
-        if ($backup->disk !== Backup::ADAPTER_AWS_S3 && $backup->disk !== Backup::ADAPTER_WINGS) {
-            throw new BadRequestHttpException('The backup requested references an unknown disk driver type and cannot be downloaded.');
-        }
+  /**
+   * Deletes a backup from the panel as well as the remote source where it is currently
+   * being stored.
+   *
+   * @throws \Throwable
+   */
+  public function delete(Request $request, Server $server, Backup $backup): JsonResponse
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_DELETE, $server)) {
+      throw new AuthorizationException();
+    }
 
-        $url = $this->downloadLinkService->handle($backup, $request->user());
+    $this->deleteBackupService->handle($backup);
 
-        Activity::event('server:backup.download')->subject($backup)->property('name', $backup->name)->log();
+    Activity::event('server:backup.delete')
+      ->subject($backup)
+      ->property(['name' => $backup->name, 'failed' => !$backup->is_successful])
+      ->log();
 
-        return new JsonResponse([
-            'object' => 'signed_url',
-            'attributes' => ['url' => $url],
+    return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
+  }
+
+  /**
+   * Download the backup for a given server instance. For daemon local files, the file
+   * will be streamed back through the Panel. For AWS S3 files, a signed URL will be generated
+   * which the user is redirected to.
+   *
+   * @throws \Throwable
+   * @throws AuthorizationException
+   */
+  public function download(Request $request, Server $server, Backup $backup): JsonResponse
+  {
+    if (!$request->user()->can(Permission::ACTION_BACKUP_DOWNLOAD, $server)) {
+      throw new AuthorizationException();
+    }
+
+    if ($backup->disk !== Backup::ADAPTER_AWS_S3 && $backup->disk !== Backup::ADAPTER_WINGS) {
+      throw new BadRequestHttpException('The backup requested references an unknown disk driver type and cannot be downloaded.');
+    }
+
+    $url = $this->downloadLinkService->handle($backup, $request->user());
+
+    Activity::event('server:backup.download')->subject($backup)->property('name', $backup->name)->log();
+
+    return new JsonResponse([
+      'object' => 'signed_url',
+      'attributes' => ['url' => $url],
+    ]);
+  }
+
+  /**
+   * Handles restoring a backup by making a request to the Wings instance telling it
+   * to begin the process of finding (or downloading) the backup and unpacking it
+   * over the server files.
+   *
+   * All files that currently exist on the server will be deleted before restoring
+   * the backup to ensure a clean restoration process.
+   *
+   * @throws \Throwable
+   */
+  public function restore(RestoreBackupRequest $request, Server $server, Backup $backup): JsonResponse
+  {
+    $this->validateServerForRestore($server);
+
+    $this->validateBackupForRestore($backup);
+    
+    // Validate server state compatibility if backup has state data
+    if ($this->serverStateService->hasServerState($backup)) {
+      $compatibility = $this->serverStateService->validateRestoreCompatibility($backup);
+      
+      if (!empty($compatibility['errors'])) {
+        throw new BadRequestHttpException('Cannot restore backup: ' . implode(' ', $compatibility['errors']));
+      }
+      
+      // Log warnings for user awareness
+      if (!empty($compatibility['warnings'])) {
+        \Log::warning('Backup restore compatibility warnings', [
+          'backup_uuid' => $backup->uuid,
+          'server_uuid' => $server->uuid,
+          'warnings' => $compatibility['warnings'],
         ]);
+      }
     }
 
-    /**
-     * Handles restoring a backup by making a request to the Wings instance telling it
-     * to begin the process of finding (or downloading) the backup and unpacking it
-     * over the server files.
-     *
-     * If the "truncate" flag is passed through in this request then all the
-     * files that currently exist on the server will be deleted before restoring.
-     * Otherwise, the archive will simply be unpacked over the existing files.
-     *
-     * @throws \Throwable
-     */
-    public function restore(RestoreBackupRequest $request, Server $server, Backup $backup): JsonResponse
-    {
-        // Cannot restore a backup unless a server is fully installed and not currently
-        // processing a different backup restoration request.
-        if (!is_null($server->status)) {
-            throw new BadRequestHttpException('This server is not currently in a state that allows for a backup to be restored.');
+    $hasServerState = $this->serverStateService->hasServerState($backup);
+    
+    $log = Activity::event('server:backup.restore')
+      ->subject($backup)
+      ->property([
+        'name' => $backup->name,
+        'truncate' => true,
+        'has_server_state' => $hasServerState,
+      ]);
+
+    $log->transaction(function () use ($backup, $server, $request, $hasServerState) {
+      // Double-check server state within transaction to prevent race conditions
+      $server->refresh();
+      if (!is_null($server->status)) {
+        throw new BadRequestHttpException('Server state changed during restore initiation. Please try again.');
+      }
+
+      // If the backup is for an S3 file we need to generate a unique Download link for
+      // it that will allow Wings to actually access the file.
+      $url = null;
+      if ($backup->disk === Backup::ADAPTER_AWS_S3) {
+        try {
+          $url = $this->downloadLinkService->handle($backup, $request->user());
+        } catch (\Exception $e) {
+          throw new BadRequestHttpException('Failed to generate download link for S3 backup: ' . $e->getMessage());
         }
+      }
 
-        if (!$backup->is_successful && is_null($backup->completed_at)) {
-            throw new BadRequestHttpException('This backup cannot be restored at this time: not completed or failed.');
+      // Update the status right away for the server so that we know not to allow certain
+      // actions against it via the Panel API.
+      $server->update(['status' => Server::STATUS_RESTORING_BACKUP]);
+
+      try {
+        // Start the file restoration process on Wings (always truncate for clean restore)
+        $this->daemonRepository->setServer($server)->restore($backup, $url);
+        
+        // If backup has server state, restore it immediately
+        // This is safe to do now since we're in a transaction and the daemon request succeeded
+        if ($hasServerState) {
+          $this->serverStateService->restoreServerState($server, $backup);
         }
+      } catch (\Exception $e) {
+        // If either daemon request or state restoration fails, reset server status
+        $server->update(['status' => null]);
+        throw $e;
+      }
+    });
 
-        $log = Activity::event('server:backup.restore')
-            ->subject($backup)
-            ->property(['name' => $backup->name, 'truncate' => $request->input('truncate')]);
+    return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
+  }
 
-        $log->transaction(function () use ($backup, $server, $request) {
-            // If the backup is for an S3 file we need to generate a unique Download link for
-            // it that will allow Wings to actually access the file.
-            if ($backup->disk === Backup::ADAPTER_AWS_S3) {
-                $url = $this->downloadLinkService->handle($backup, $request->user());
-            }
-
-            // Update the status right away for the server so that we know not to allow certain
-            // actions against it via the Panel API.
-            $server->update(['status' => Server::STATUS_RESTORING_BACKUP]);
-
-            $this->daemonRepository->setServer($server)->restore($backup, $url ?? null, $request->input('truncate'));
-        });
-
-        return new JsonResponse([], JsonResponse::HTTP_NO_CONTENT);
+  /**
+   * Validate server state for backup restoration
+   */
+  private function validateServerForRestore(Server $server): void
+  {
+    // Cannot restore a backup unless a server is fully installed and not currently
+    // processing a different backup restoration request.
+    if (!is_null($server->status)) {
+      throw new BadRequestHttpException('This server is not currently in a state that allows for a backup to be restored.');
     }
+
+    if ($server->isSuspended()) {
+      throw new BadRequestHttpException('Cannot restore backup for suspended server.');
+    }
+
+    if (!$server->isInstalled()) {
+      throw new BadRequestHttpException('Cannot restore backup for server that is not fully installed.');
+    }
+
+    if ($server->transfer) {
+      throw new BadRequestHttpException('Cannot restore backup while server is being transferred.');
+    }
+  }
+
+  /**
+   * Validate backup for restoration
+   */
+  private function validateBackupForRestore(Backup $backup): void
+  {
+    if (!$backup->is_successful && is_null($backup->completed_at)) {
+      throw new BadRequestHttpException('This backup cannot be restored at this time: not completed or failed.');
+    }
+
+    // Additional safety check for backup integrity
+    if (!$backup->is_successful) {
+      throw new BadRequestHttpException('Cannot restore a failed backup.');
+    }
+
+    if (is_null($backup->completed_at)) {
+      throw new BadRequestHttpException('Cannot restore backup that is still in progress.');
+    }
+  }
 }
diff --git a/app/Http/Controllers/Api/Client/Servers/NetworkAllocationController.php b/app/Http/Controllers/Api/Client/Servers/NetworkAllocationController.php
index 5cf774ae6..2068dd0e3 100644
--- a/app/Http/Controllers/Api/Client/Servers/NetworkAllocationController.php
+++ b/app/Http/Controllers/Api/Client/Servers/NetworkAllocationController.php
@@ -50,7 +50,7 @@ class NetworkAllocationController extends ClientApiController
     {
         $original = $allocation->notes;
 
-        $allocation->forceFill(['notes' => $request->input('notes')])->save();
+        $allocation->forceFill(['notes' => $request->input('notes')])->skipValidation()->save();
 
         if ($original !== $allocation->notes) {
             Activity::event('server:allocation.notes')
diff --git a/app/Http/Controllers/Api/Client/Servers/SettingsController.php b/app/Http/Controllers/Api/Client/Servers/SettingsController.php
index f662c1c5d..376739d9d 100644
--- a/app/Http/Controllers/Api/Client/Servers/SettingsController.php
+++ b/app/Http/Controllers/Api/Client/Servers/SettingsController.php
@@ -2,37 +2,45 @@
 
 namespace Pterodactyl\Http\Controllers\Api\Client\Servers;
 
+use Exception;
 use Illuminate\Http\Response;
 use Pterodactyl\Models\Server;
 use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Facades\Log;
 use Pterodactyl\Facades\Activity;
 use Pterodactyl\Repositories\Eloquent\ServerRepository;
 use Pterodactyl\Services\Servers\ReinstallServerService;
+use Pterodactyl\Services\Backups\InitiateBackupService;
 use Pterodactyl\Http\Controllers\Api\Client\ClientApiController;
+use Pterodactyl\Services\ServerOperations\ServerOperationService;
+use Pterodactyl\Services\ServerOperations\ServerStateValidationService;
+use Pterodactyl\Services\ServerOperations\EggChangeService;
 use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\RenameServerRequest;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\SetDockerImageRequest;
+use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\RevertDockerImageRequest;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\SetEggRequest;
+use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\PreviewEggRequest;
+use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\ApplyEggChangeRequest;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Settings\ReinstallServerRequest;
+use Pterodactyl\Services\Servers\StartupModificationService;
+use Pterodactyl\Repositories\Wings\DaemonFileRepository;
 
 class SettingsController extends ClientApiController
 {
-    /**
-     * SettingsController constructor.
-     */
     public function __construct(
         private ServerRepository $repository,
         private ReinstallServerService $reinstallServerService,
+        private StartupModificationService $startupModificationService,
+        private InitiateBackupService $backupService,
+        private DaemonFileRepository $fileRepository,
+        private ServerOperationService $operationService,
+        private ServerStateValidationService $validationService,
+        private EggChangeService $eggChangeService,
     ) {
         parent::__construct();
     }
 
-    /**
-     * Renames a server.
-     *
-     * @throws \Pterodactyl\Exceptions\Model\DataValidationException
-     * @throws \Pterodactyl\Exceptions\Repository\RecordNotFoundException
-     */
     public function rename(RenameServerRequest $request, Server $server): JsonResponse
     {
         $name = $request->input('name');
@@ -57,25 +65,13 @@ class SettingsController extends ClientApiController
         return new JsonResponse([], Response::HTTP_NO_CONTENT);
     }
 
-    /**
-     * Reinstalls the server on the daemon.
-     *
-     * @throws \Throwable
-     */
     public function reinstall(ReinstallServerRequest $request, Server $server): JsonResponse
     {
         $this->reinstallServerService->handle($server);
-
         Activity::event('server:reinstall')->log();
-
         return new JsonResponse([], Response::HTTP_ACCEPTED);
     }
 
-    /**
-     * Changes the Docker image in use by the server.
-     *
-     * @throws \Throwable
-     */
     public function dockerImage(SetDockerImageRequest $request, Server $server): JsonResponse
     {
         if (!in_array($request->input('docker_image'), array_values($server->egg->docker_images))) {
@@ -94,44 +90,150 @@ class SettingsController extends ClientApiController
         return new JsonResponse([], Response::HTTP_NO_CONTENT);
     }
 
-    /**
-     * Reset Startup Command
-     */
+    public function revertDockerImage(RevertDockerImageRequest $request, Server $server): JsonResponse
+    {
+        $server->validateCurrentState();
+
+        $original = $server->image;
+        $defaultImage = $server->getDefaultDockerImage();
+        
+        if (empty($defaultImage)) {
+            throw new BadRequestHttpException('No default docker image available for this server\'s egg.');
+        }
+
+        $server->forceFill(['image' => $defaultImage])->saveOrFail();
+
+        Activity::event('server:startup.image.reverted')
+            ->property([
+                'old' => $original,
+                'new' => $defaultImage,
+                'reverted_to_egg_default' => true,
+            ])
+            ->log();
+
+        return new JsonResponse([], Response::HTTP_NO_CONTENT);
+    }
+
     private function resetStartupCommand(Server $server): JsonResponse
     {
         $server->startup = $server->egg->startup;
         $server->save();
-
         return new JsonResponse([], Response::HTTP_NO_CONTENT);
     }
 
-    /**
-    * Changes the egg for a server.
-    *
-    * @throws \Throwable
-    */
-    public function changeEgg(SetEggRequest $request, Server $server): JsonResponse {
+    public function changeEgg(SetEggRequest $request, Server $server): JsonResponse
+    {
         $eggId = $request->input('egg_id');
         $nestId = $request->input('nest_id');
         $originalEggId = $server->egg_id;
         $originalNestId = $server->nest_id;
-    
-        // Check if the new Egg and Nest IDs are different from the current ones
+
         if ($originalEggId !== $eggId || $originalNestId !== $nestId) {
-            // Update the server's Egg and Nest IDs
             $server->egg_id = $eggId;
             $server->nest_id = $nestId;
             $server->save();
-    
-            // Log an activity event for the Egg change
+
             Activity::event('server:settings.egg')
                 ->property(['original_egg_id' => $originalEggId, 'new_egg_id' => $eggId, 'original_nest_id' => $originalNestId, 'new_nest_id' => $nestId])
                 ->log();
 
-            // Reset the server's startup command
             $this->resetStartupCommand($server);
         }
-    
+
         return new JsonResponse([], Response::HTTP_NO_CONTENT);
     }
+  public function previewEggChange(PreviewEggRequest $request, Server $server): JsonResponse
+  {
+      try {
+          $eggId = $request->input('egg_id');
+          $nestId = $request->input('nest_id');
+          
+          $previewData = $this->eggChangeService->previewEggChange($server, $eggId, $nestId);
+          
+          // Log the preview action
+          Activity::event('server:settings.egg-preview')
+              ->property([
+                  'current_egg_id' => $server->egg_id,
+                  'preview_egg_id' => $eggId,
+                  'preview_nest_id' => $nestId,
+              ])
+              ->log();
+          
+          return new JsonResponse($previewData);
+      } catch (Exception $e) {
+          Log::error('Failed to preview egg change', [
+              'server_id' => $server->id,
+              'egg_id' => $request->input('egg_id'),
+              'nest_id' => $request->input('nest_id'),
+              'error' => $e->getMessage(),
+          ]);
+          
+          throw $e;
+      }
+  }
+
+  /**
+   * Apply egg configuration changes asynchronously.
+   * This dispatches a background job to handle the complete egg change process.
+   *
+   * @throws \Throwable
+   */
+  public function applyEggChange(ApplyEggChangeRequest $request, Server $server): JsonResponse
+  {
+      try {
+          $eggId = $request->input('egg_id');
+          $nestId = $request->input('nest_id');
+          $dockerImage = $request->input('docker_image');
+          $startupCommand = $request->input('startup_command');
+          $environment = $request->input('environment', []);
+          $shouldBackup = $request->input('should_backup', false);
+          $shouldWipe = $request->input('should_wipe', false);
+          
+          $result = $this->eggChangeService->applyEggChangeAsync(
+              $server,
+              $request->user(),
+              $eggId,
+              $nestId,
+              $dockerImage,
+              $startupCommand,
+              $environment,
+              $shouldBackup,
+              $shouldWipe
+          );
+          
+          Activity::event('server:software.change-queued')
+              ->property([
+                  'operation_id' => $result['operation_id'],
+                  'from_egg' => $server->egg_id,
+                  'to_egg' => $eggId,
+                  'should_backup' => $shouldBackup,
+                  'should_wipe' => $shouldWipe,
+              ])
+              ->log();
+          
+          return new JsonResponse($result, Response::HTTP_ACCEPTED);
+      } catch (Exception $e) {
+          Log::error('Failed to apply egg change', [
+              'server_id' => $server->id,
+              'error' => $e->getMessage(),
+          ]);
+          
+          throw $e;
+      }
+  }
+
+  public function getOperationStatus(Server $server, string $operationId): JsonResponse
+  {
+      $operation = $this->operationService->getOperation($server, $operationId);
+      return new JsonResponse($this->operationService->formatOperationResponse($operation));
+  }
+
+  public function getServerOperations(Server $server): JsonResponse
+  {
+      $operations = $this->operationService->getServerOperations($server);
+      return new JsonResponse(['operations' => $operations]);
+  }
+
+  
 }
+
diff --git a/app/Http/Controllers/Api/Client/Servers/StartupController.php b/app/Http/Controllers/Api/Client/Servers/StartupController.php
index b987c04f9..dfee51a52 100644
--- a/app/Http/Controllers/Api/Client/Servers/StartupController.php
+++ b/app/Http/Controllers/Api/Client/Servers/StartupController.php
@@ -5,12 +5,14 @@ namespace Pterodactyl\Http\Controllers\Api\Client\Servers;
 use Pterodactyl\Models\Server;
 use Pterodactyl\Facades\Activity;
 use Pterodactyl\Services\Servers\StartupCommandService;
+use Pterodactyl\Services\Servers\StartupCommandUpdateService;
 use Pterodactyl\Repositories\Eloquent\ServerVariableRepository;
 use Pterodactyl\Transformers\Api\Client\EggVariableTransformer;
 use Pterodactyl\Http\Controllers\Api\Client\ClientApiController;
 use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Startup\GetStartupRequest;
 use Pterodactyl\Http\Requests\Api\Client\Servers\Startup\UpdateStartupVariableRequest;
+use Pterodactyl\Http\Requests\Api\Client\Servers\Startup\UpdateStartupCommandRequest;
 
 class StartupController extends ClientApiController
 {
@@ -19,6 +21,7 @@ class StartupController extends ClientApiController
      */
     public function __construct(
         private StartupCommandService $startupCommandService,
+        private StartupCommandUpdateService $startupCommandUpdateService,
         private ServerVariableRepository $repository,
     ) {
         parent::__construct();
@@ -96,4 +99,59 @@ class StartupController extends ClientApiController
             ])
             ->toArray();
     }
+
+    /**
+     * Updates the startup command for a server.
+     *
+     * @throws \Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException
+     * @throws \Throwable
+     */
+    public function updateCommand(UpdateStartupCommandRequest $request, Server $server): array
+    {
+        $this->startupCommandUpdateService->handle($server, $request->input('startup'));
+
+        $startup = $this->startupCommandService->handle($server);
+
+        return $this->fractal->collection(
+            $server->variables()->where('user_viewable', true)->get()
+        )
+            ->transformWith($this->getTransformer(EggVariableTransformer::class))
+            ->addMeta([
+                'startup_command' => $startup,
+                'docker_images' => $server->egg->docker_images,
+                'raw_startup_command' => $server->startup,
+            ])
+            ->toArray();
+    }
+
+    /**
+     * Returns the default startup command for the server's egg.
+     */
+    public function getDefaultCommand(GetStartupRequest $request, Server $server): array
+    {
+        return [
+            'default_startup_command' => $server->egg->startup,
+        ];
+    }
+
+    /**
+     * Process a startup command with variables for live preview.
+     */
+    public function processCommand(GetStartupRequest $request, Server $server): array
+    {
+        $command = $request->input('command', $server->startup);
+        
+        // Temporarily update the server's startup command for processing
+        $originalStartup = $server->startup;
+        $server->startup = $command;
+        
+        $processedCommand = $this->startupCommandService->handle($server, false);
+        
+        // Restore original startup command
+        $server->startup = $originalStartup;
+        
+        return [
+            'processed_command' => $processedCommand,
+        ];
+    }
 }
diff --git a/app/Http/Controllers/Api/Client/Servers/SubdomainController.php b/app/Http/Controllers/Api/Client/Servers/SubdomainController.php
new file mode 100644
index 000000000..18406e465
--- /dev/null
+++ b/app/Http/Controllers/Api/Client/Servers/SubdomainController.php
@@ -0,0 +1,207 @@
+<?php
+
+namespace Pterodactyl\Http\Controllers\Api\Client\Servers;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Models\Domain;
+use Pterodactyl\Models\Permission;
+use Pterodactyl\Models\ServerSubdomain;
+use Pterodactyl\Http\Controllers\Api\Client\ClientApiController;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+use Pterodactyl\Http\Requests\Api\Client\Servers\Subdomain\CreateSubdomainRequest;
+use Pterodactyl\Transformers\Api\Client\ServerSubdomainTransformer;
+
+class SubdomainController extends ClientApiController
+{
+    public function __construct(private SubdomainManagementService $subdomainService)
+    {
+        parent::__construct();
+    }
+
+    /**
+     * Get subdomain information for a server.
+     *
+     * @return JsonResponse
+     */
+    public function index(Request $request): JsonResponse
+    {
+        $server = $request->attributes->get('server');
+        
+        $this->authorize(Permission::ACTION_ALLOCATION_READ, $server);
+
+        try {
+            // Check if server supports subdomains
+            $feature = $this->subdomainService->getServerSubdomainFeature($server);
+            if (!$feature) {
+                return response()->json([
+                    'supported' => false,
+                    'message' => 'This server does not support subdomains.'
+                ]);
+            }
+
+            $currentSubdomain = $server->activeSubdomain;
+            $availableDomains = $this->subdomainService->getAvailableDomains();
+
+            return response()->json([
+                'supported' => true,
+                'current_subdomain' => $currentSubdomain ? [
+                    'object' => 'server_subdomain',
+                    'attributes' => [
+                        'subdomain'  => $currentSubdomain->subdomain,
+                        'domain'     => $currentSubdomain->domain->name,
+                        'domain_id'  => $currentSubdomain->domain_id,
+                        'full_domain' => $currentSubdomain->full_domain,
+                        'is_active'  => $currentSubdomain->is_active,
+                    ]
+                ] : null,
+                'available_domains' => $availableDomains,
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'error' => 'Unable to retrieve subdomain information.'
+            ], 500);
+        }
+    }
+
+    /**
+     * Create a new subdomain for the server, or replace an existing one.
+     *
+     * @return JsonResponse
+     */
+    public function store(CreateSubdomainRequest $request): JsonResponse
+    {
+        $server = $request->attributes->get('server');
+        
+        $this->authorize(Permission::ACTION_ALLOCATION_CREATE, $server);
+        
+        $data = $request->validated();
+
+        try {
+            // Get ALL active subdomains for this server (more than one should be impossible, but PHP makes me angry)
+            $existingSubdomains = $server->subdomains()->where('is_active', true)->get();
+            
+            $domain = Domain::where('id', $data['domain_id'])
+                ->where('is_active', true)
+                ->first();
+
+            if (!$domain) {
+                return response()->json([
+                    'error' => 'Selected domain is not available.'
+                ], 422);
+            }
+
+            if ($existingSubdomains->isNotEmpty()) {
+                foreach ($existingSubdomains as $existingSubdomain) {
+                    try {
+                        $this->subdomainService->deleteSubdomain($existingSubdomain);
+                        Log::info("Deleted existing subdomain {$existingSubdomain->full_domain} during replacement for server {$server->id}");
+                    } catch (\Exception $e) {
+                        Log::error("Failed to delete existing subdomain {$existingSubdomain->full_domain} during replacement: {$e->getMessage()}");
+                        return response()->json([
+                            'error' => 'Failed to remove existing subdomain. Please try again.'
+                        ], 422);
+                    }
+                }
+                // Refresh server relationship to ensure we get updated data
+                $server->refresh();
+            }
+
+            $serverSubdomain = $this->subdomainService->createSubdomain(
+                $server,
+                $domain,
+                $data['subdomain']
+            );
+
+            return response()->json([
+                'message' => $existingSubdomains->isNotEmpty() ? 'Subdomain replaced successfully.' : 'Subdomain created successfully.',
+                'subdomain' => [
+                    'object' => 'server_subdomain',
+                    'attributes' => [
+                        'subdomain'  => $serverSubdomain->subdomain,
+                        'domain'     => $serverSubdomain->domain->name,
+                        'domain_id'  => $serverSubdomain->domain_id,
+                        'full_domain' => $serverSubdomain->full_domain,
+                        'is_active'  => $serverSubdomain->is_active,
+                    ],
+                ]
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'error' => $existingSubdomains->isNotEmpty() ? 'Failed to replace subdomain.' : 'Failed to create subdomain.'
+            ], 422);
+        }
+    }
+
+    /**
+     * Delete the server's subdomain.
+     */
+    public function destroy(Request $request): JsonResponse
+    {
+        $server = $request->attributes->get('server');
+        
+        $this->authorize(Permission::ACTION_ALLOCATION_DELETE, $server);
+
+        try {
+            $serverSubdomains = $server->subdomains()->where('is_active', true)->get();
+            if ($serverSubdomains->isEmpty()) {
+                return response()->json([
+                    'error' => 'Server does not have any active subdomains.'
+                ], 404);
+            }
+
+            foreach ($serverSubdomains as $serverSubdomain) {
+                $this->subdomainService->deleteSubdomain($serverSubdomain);
+                Log::info("Deleted subdomain {$serverSubdomain->full_domain} for server {$server->id}");
+            }
+
+            return response()->json([
+                'message' => 'Subdomain(s) deleted successfully.'
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'error' => 'Failed to delete subdomain(s).'
+            ], 422);
+        }
+    }
+
+    /**
+     * Check if a subdomain is available.
+     */
+    public function checkAvailability(Request $request): JsonResponse
+    {
+        $server = $request->attributes->get('server');
+        
+        $this->authorize(Permission::ACTION_ALLOCATION_READ, $server);
+        
+        $request->validate([
+            'subdomain' => 'required|string|min:1|max:63|regex:/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/',
+            'domain_id' => 'required|integer|exists:domains,id',
+        ]);
+
+        try {
+            $domain = Domain::where('id', $request->input('domain_id'))
+                ->where('is_active', true)
+                ->first();
+
+            if (!$domain) {
+                return response()->json([
+                    'error' => 'Selected domain is not available.'
+                ], 422);
+            }
+
+            $subdomain = strtolower(trim($request->input('subdomain')));
+            $availabilityResult = $this->subdomainService->checkSubdomainAvailability($subdomain, $domain);
+
+            return response()->json([
+                'available' => $availabilityResult['available'],
+                'message' => $availabilityResult['message']
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'error' => 'Unable to check subdomain availability.'
+            ], 422);
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Api/Client/Servers/WebsocketController.php b/app/Http/Controllers/Api/Client/Servers/WebsocketController.php
index 9a3a1f509..ff49c78ff 100644
--- a/app/Http/Controllers/Api/Client/Servers/WebsocketController.php
+++ b/app/Http/Controllers/Api/Client/Servers/WebsocketController.php
@@ -61,7 +61,7 @@ class WebsocketController extends ClientApiController
             ])
             ->handle($node, $user->id . $server->uuid);
 
-        $socket = str_replace(['https://', 'http://'], ['wss://', 'ws://'], $node->getConnectionAddress());
+        $socket = str_replace(['https://', 'http://'], ['wss://', 'ws://'], $node->getBrowserConnectionAddress());
 
         return new JsonResponse([
             'data' => [
diff --git a/app/Http/Controllers/Api/Remote/Backups/BackupRemoteUploadController.php b/app/Http/Controllers/Api/Remote/Backups/BackupRemoteUploadController.php
index aa01e6b3c..c567e5f14 100644
--- a/app/Http/Controllers/Api/Remote/Backups/BackupRemoteUploadController.php
+++ b/app/Http/Controllers/Api/Remote/Backups/BackupRemoteUploadController.php
@@ -14,124 +14,124 @@ use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
 
 class BackupRemoteUploadController extends Controller
 {
-    public const DEFAULT_MAX_PART_SIZE = 5 * 1024 * 1024 * 1024;
+  public const DEFAULT_MAX_PART_SIZE = 5 * 1024 * 1024 * 1024;
 
-    /**
-     * BackupRemoteUploadController constructor.
-     */
-    public function __construct(private BackupManager $backupManager)
-    {
+  /**
+   * BackupRemoteUploadController constructor.
+   */
+  public function __construct(private BackupManager $backupManager)
+  {
+  }
+
+  /**
+   * Returns the required presigned urls to upload a backup to S3 cloud storage.
+   *
+   * @throws \Exception
+   * @throws \Throwable
+   * @throws \Illuminate\Database\Eloquent\ModelNotFoundException
+   */
+  public function __invoke(Request $request, string $backup): JsonResponse
+  {
+    // Get the node associated with the request.
+    /** @var \Pterodactyl\Models\Node $node */
+    $node = $request->attributes->get('node');
+
+    // Get the size query parameter.
+    $size = (int) $request->query('size');
+    if (empty($size)) {
+      throw new BadRequestHttpException('A non-empty "size" query parameter must be provided.');
     }
 
-    /**
-     * Returns the required presigned urls to upload a backup to S3 cloud storage.
-     *
-     * @throws \Exception
-     * @throws \Throwable
-     * @throws \Illuminate\Database\Eloquent\ModelNotFoundException
-     */
-    public function __invoke(Request $request, string $backup): JsonResponse
-    {
-        // Get the node associated with the request.
-        /** @var \Pterodactyl\Models\Node $node */
-        $node = $request->attributes->get('node');
+    /** @var Backup $model */
+    $model = Backup::query()
+      ->where('uuid', $backup)
+      ->firstOrFail();
 
-        // Get the size query parameter.
-        $size = (int) $request->query('size');
-        if (empty($size)) {
-            throw new BadRequestHttpException('A non-empty "size" query parameter must be provided.');
-        }
-
-        /** @var Backup $model */
-        $model = Backup::query()
-            ->where('uuid', $backup)
-            ->firstOrFail();
-
-        // Check that the backup is "owned" by the node making the request. This avoids other nodes
-        // from messing with backups that they don't own.
-        /** @var \Pterodactyl\Models\Server $server */
-        $server = $model->server;
-        if ($server->node_id !== $node->id) {
-            throw new HttpForbiddenException('You do not have permission to access that backup.');
-        }
-
-        // Prevent backups that have already been completed from trying to
-        // be uploaded again.
-        if (!is_null($model->completed_at)) {
-            throw new ConflictHttpException('This backup is already in a completed state.');
-        }
-
-        // Ensure we are using the S3 adapter.
-        $adapter = $this->backupManager->adapter();
-        if (!$adapter instanceof S3Filesystem) {
-            throw new BadRequestHttpException('The configured backup adapter is not an S3 compatible adapter.');
-        }
-
-        // The path where backup will be uploaded to
-        $path = sprintf('%s/%s.tar.gz', $model->server->uuid, $model->uuid);
-
-        // Get the S3 client
-        $client = $adapter->getClient();
-        $expires = CarbonImmutable::now()->addMinutes(config('backups.presigned_url_lifespan', 60));
-
-        // Params for generating the presigned urls
-        $params = [
-            'Bucket' => $adapter->getBucket(),
-            'Key' => $path,
-            'ContentType' => 'application/x-gzip',
-        ];
-
-        $storageClass = config('backups.disks.s3.storage_class');
-        if (!is_null($storageClass)) {
-            $params['StorageClass'] = $storageClass;
-        }
-
-        // Execute the CreateMultipartUpload request
-        $result = $client->execute($client->getCommand('CreateMultipartUpload', $params));
-
-        // Get the UploadId from the CreateMultipartUpload request, this is needed to create
-        // the other presigned urls.
-        $params['UploadId'] = $result->get('UploadId');
-
-        // Retrieve configured part size
-        $maxPartSize = $this->getConfiguredMaxPartSize();
-
-        // Create as many UploadPart presigned urls as needed
-        $parts = [];
-        for ($i = 0; $i < ($size / $maxPartSize); ++$i) {
-            $parts[] = $client->createPresignedRequest(
-                $client->getCommand('UploadPart', array_merge($params, ['PartNumber' => $i + 1])),
-                $expires
-            )->getUri()->__toString();
-        }
-
-        // Set the upload_id on the backup in the database.
-        $model->update(['upload_id' => $params['UploadId']]);
-
-        return new JsonResponse([
-            'parts' => $parts,
-            'part_size' => $maxPartSize,
-        ]);
+    // Check that the backup is "owned" by the node making the request. This avoids other nodes
+    // from messing with backups that they don't own.
+    /** @var \Pterodactyl\Models\Server $server */
+    $server = $model->server;
+    if ($server->node_id !== $node->id) {
+      throw new HttpForbiddenException('You do not have permission to access that backup.');
     }
 
-    /**
-     * Get the configured maximum size of a single part in the multipart upload.
-     *
-     * The function tries to retrieve a configured value from the configuration.
-     * If no value is specified, a fallback value will be used.
-     *
-     * Note if the received config cannot be converted to int (0), is zero or is negative,
-     * the fallback value will be used too.
-     *
-     * The fallback value is {@see BackupRemoteUploadController::DEFAULT_MAX_PART_SIZE}.
-     */
-    private function getConfiguredMaxPartSize(): int
-    {
-        $maxPartSize = (int) config('backups.max_part_size', self::DEFAULT_MAX_PART_SIZE);
-        if ($maxPartSize <= 0) {
-            $maxPartSize = self::DEFAULT_MAX_PART_SIZE;
-        }
-
-        return $maxPartSize;
+    // Prevent backups that have already been completed from trying to
+    // be uploaded again.
+    if (!is_null($model->completed_at)) {
+      throw new ConflictHttpException('This backup is already in a completed state.');
     }
+
+    // Ensure we are using the S3 adapter.
+    $adapter = $this->backupManager->adapter();
+    if (!$adapter instanceof S3Filesystem) {
+      throw new BadRequestHttpException('The configured backup adapter is not an S3 compatible adapter.');
+    }
+
+    // The path where backup will be uploaded to
+    $path = sprintf('%s/%s.tar.gz', $model->server->uuid, $model->uuid);
+
+    // Get the S3 client
+    $client = $adapter->getClient();
+    $expires = CarbonImmutable::now()->addMinutes((int) config('backups.presigned_url_lifespan', 60));
+
+    // Params for generating the presigned urls
+    $params = [
+      'Bucket' => $adapter->getBucket(),
+      'Key' => $path,
+      'ContentType' => 'application/x-gzip',
+    ];
+
+    $storageClass = config('backups.disks.s3.storage_class');
+    if (!is_null($storageClass)) {
+      $params['StorageClass'] = $storageClass;
+    }
+
+    // Execute the CreateMultipartUpload request
+    $result = $client->execute($client->getCommand('CreateMultipartUpload', $params));
+
+    // Get the UploadId from the CreateMultipartUpload request, this is needed to create
+    // the other presigned urls.
+    $params['UploadId'] = $result->get('UploadId');
+
+    // Retrieve configured part size
+    $maxPartSize = $this->getConfiguredMaxPartSize();
+
+    // Create as many UploadPart presigned urls as needed
+    $parts = [];
+    for ($i = 0; $i < ($size / $maxPartSize); ++$i) {
+      $parts[] = $client->createPresignedRequest(
+        $client->getCommand('UploadPart', array_merge($params, ['PartNumber' => $i + 1])),
+        $expires
+      )->getUri()->__toString();
+    }
+
+    // Set the upload_id on the backup in the database.
+    $model->update(['upload_id' => $params['UploadId']]);
+
+    return new JsonResponse([
+      'parts' => $parts,
+      'part_size' => $maxPartSize,
+    ]);
+  }
+
+  /**
+   * Get the configured maximum size of a single part in the multipart upload.
+   *
+   * The function tries to retrieve a configured value from the configuration.
+   * If no value is specified, a fallback value will be used.
+   *
+   * Note if the received config cannot be converted to int (0), is zero or is negative,
+   * the fallback value will be used too.
+   *
+   * The fallback value is {@see BackupRemoteUploadController::DEFAULT_MAX_PART_SIZE}.
+   */
+  private function getConfiguredMaxPartSize(): int
+  {
+    $maxPartSize = (int) config('backups.max_part_size', self::DEFAULT_MAX_PART_SIZE);
+    if ($maxPartSize <= 0) {
+      $maxPartSize = self::DEFAULT_MAX_PART_SIZE;
+    }
+
+    return $maxPartSize;
+  }
 }
diff --git a/app/Http/Controllers/Api/Remote/Backups/BackupStatusController.php b/app/Http/Controllers/Api/Remote/Backups/BackupStatusController.php
index 60eefd1e1..2492800ed 100644
--- a/app/Http/Controllers/Api/Remote/Backups/BackupStatusController.php
+++ b/app/Http/Controllers/Api/Remote/Backups/BackupStatusController.php
@@ -134,9 +134,21 @@ class BackupStatusController extends Controller
         ];
 
         $client = $adapter->getClient();
+        
         if (!$successful) {
-            $client->execute($client->getCommand('AbortMultipartUpload', $params));
-
+            try {
+                $client->execute($client->getCommand('AbortMultipartUpload', $params));
+                \Log::info('Aborted multipart upload for failed backup', [
+                    'backup_uuid' => $backup->uuid,
+                    'upload_id' => $backup->upload_id,
+                ]);
+            } catch (\Exception $e) {
+                \Log::warning('Failed to abort multipart upload', [
+                    'backup_uuid' => $backup->uuid,
+                    'upload_id' => $backup->upload_id,
+                    'error' => $e->getMessage(),
+                ]);
+            }
             return;
         }
 
@@ -145,17 +157,56 @@ class BackupStatusController extends Controller
             'Parts' => [],
         ];
 
-        if (is_null($parts)) {
-            $params['MultipartUpload']['Parts'] = $client->execute($client->getCommand('ListParts', $params))['Parts'];
-        } else {
-            foreach ($parts as $part) {
-                $params['MultipartUpload']['Parts'][] = [
-                    'ETag' => $part['etag'],
-                    'PartNumber' => $part['part_number'],
-                ];
+        try {
+            if (is_null($parts)) {
+                $listPartsResult = $client->execute($client->getCommand('ListParts', $params));
+                $params['MultipartUpload']['Parts'] = $listPartsResult['Parts'] ?? [];
+            } else {
+                foreach ($parts as $part) {
+                    // Validate part data
+                    if (!isset($part['etag']) || !isset($part['part_number'])) {
+                        throw new DisplayException('Invalid part data provided for multipart upload completion.');
+                    }
+                    
+                    $params['MultipartUpload']['Parts'][] = [
+                        'ETag' => $part['etag'],
+                        'PartNumber' => (int) $part['part_number'],
+                    ];
+                }
             }
-        }
 
-        $client->execute($client->getCommand('CompleteMultipartUpload', $params));
+            // Ensure we have parts to complete
+            if (empty($params['MultipartUpload']['Parts'])) {
+                throw new DisplayException('No parts found for multipart upload completion.');
+            }
+
+            $client->execute($client->getCommand('CompleteMultipartUpload', $params));
+            
+            \Log::info('Successfully completed multipart upload', [
+                'backup_uuid' => $backup->uuid,
+                'upload_id' => $backup->upload_id,
+                'parts_count' => count($params['MultipartUpload']['Parts']),
+            ]);
+            
+        } catch (\Exception $e) {
+            \Log::error('Failed to complete multipart upload', [
+                'backup_uuid' => $backup->uuid,
+                'upload_id' => $backup->upload_id,
+                'error' => $e->getMessage(),
+            ]);
+            
+            // Try to abort the upload to clean up
+            try {
+                $client->execute($client->getCommand('AbortMultipartUpload', $params));
+            } catch (\Exception $abortException) {
+                \Log::warning('Failed to abort multipart upload after completion failure', [
+                    'backup_uuid' => $backup->uuid,
+                    'upload_id' => $backup->upload_id,
+                    'abort_error' => $abortException->getMessage(),
+                ]);
+            }
+            
+            throw $e;
+        }
     }
 }
diff --git a/app/Http/Controllers/Base/LocaleController.php b/app/Http/Controllers/Base/LocaleController.php
index 5214defdd..16a310092 100644
--- a/app/Http/Controllers/Base/LocaleController.php
+++ b/app/Http/Controllers/Base/LocaleController.php
@@ -2,11 +2,11 @@
 
 namespace Pterodactyl\Http\Controllers\Base;
 
-use Illuminate\Http\Request;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Translation\Translator;
 use Illuminate\Contracts\Translation\Loader;
 use Pterodactyl\Http\Controllers\Controller;
+use Pterodactyl\Http\Requests\Base\LocaleRequest;
 
 class LocaleController extends Controller
 {
@@ -20,20 +20,11 @@ class LocaleController extends Controller
     /**
      * Returns translation data given a specific locale and namespace.
      */
-    public function __invoke(Request $request): JsonResponse
+    public function __invoke(LocaleRequest $request): JsonResponse
     {
-        $locales = explode(' ', $request->input('locale') ?? '');
-        $namespaces = explode(' ', $request->input('namespace') ?? '');
-
-        $response = [];
-        foreach ($locales as $locale) {
-            $response[$locale] = [];
-            foreach ($namespaces as $namespace) {
-                $response[$locale][$namespace] = $this->i18n(
-                    $this->loader->load($locale, str_replace('.', '/', $namespace))
-                );
-            }
-        }
+        $locale = $request->input('locale');
+        $namespace = $request->input('namespace');
+        $response[$locale][$namespace] = $this->i18n($this->loader->load($locale, $namespace));
 
         return new JsonResponse($response, 200, [
             // Cache this in the browser for an hour, and allow the browser to use a stale
diff --git a/app/Http/Controllers/Base/SystemStatusController.php b/app/Http/Controllers/Base/SystemStatusController.php
new file mode 100644
index 000000000..376f3a7de
--- /dev/null
+++ b/app/Http/Controllers/Base/SystemStatusController.php
@@ -0,0 +1,152 @@
+<?php
+
+namespace Pterodactyl\Http\Controllers\Base;
+
+use Pterodactyl\Http\Controllers\Controller;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Facades\Cache;
+
+class SystemStatusController extends Controller
+{
+  /**
+   * Get system metrics and status
+   */
+  public function index(): JsonResponse
+  {
+    try {
+      $metrics = Cache::remember('system_metrics', 60, function () {
+        return [
+          'status' => 'running',
+          'timestamp' => now()->toIso8601String(),
+          'metrics' => [
+            'uptime' => $this->getUptime(),
+            'memory' => $this->getMemoryUsage(),
+            'cpu' => $this->getCpuUsage(),
+            'disk' => $this->getDiskUsage(),
+          ],
+          'system' => [
+            'php_version' => PHP_VERSION,
+            'os' => php_uname(),
+            'hostname' => gethostname(),
+            'load_average' => sys_getloadavg(),
+          ]
+        ];
+      });
+
+      return response()->json($metrics);
+
+    } catch (\Exception $e) {
+      return response()->json([
+        'status' => 'error',
+        'message' => 'Failed to retrieve system metrics',
+        'error' => $e->getMessage()
+      ], 500);
+    }
+  }
+
+  private function getMemoryUsage(): array
+  {
+    if (PHP_OS_FAMILY === 'Darwin') {
+      $memory = shell_exec('vm_stat');
+      if (!$memory) {
+        throw new \RuntimeException('Failed to execute vm_stat command');
+      }
+
+      // Parse memory stats more reliably
+      $stats = [];
+      foreach (explode("\n", $memory) as $line) {
+        if (preg_match('/Pages\s+([^:]+):\s+(\d+)/', $line, $matches)) {
+          $stats[strtolower($matches[1])] = (int) $matches[2];
+        }
+      }
+
+      $page_size = 4096; // Default page size for macOS
+
+      $total_memory = $this->getTotalMemoryMac();
+      $free_memory = ($stats['free'] ?? 0) * $page_size;
+      $used_memory = $total_memory - $free_memory;
+
+      return [
+        'total' => $total_memory,
+        'used' => $used_memory,
+        'free' => $free_memory,
+        'page_size' => $page_size
+      ];
+    }
+
+    // Linux memory calculation
+    $memory = shell_exec('free -b');
+    if (!$memory) {
+      throw new \RuntimeException('Failed to execute free command');
+    }
+
+    if (!preg_match('/Mem:\s+(\d+)\s+(\d+)\s+(\d+)/', $memory, $matches)) {
+      throw new \RuntimeException('Failed to parse memory information');
+    }
+
+    return [
+      'total' => (int) $matches[1],
+      'used' => (int) $matches[2],
+      'free' => (int) $matches[3]
+    ];
+  }
+
+  private function getTotalMemoryMac(): int
+  {
+    $memory = shell_exec('sysctl hw.memsize');
+    if (!$memory || !preg_match('/hw.memsize: (\d+)/', $memory, $matches)) {
+      throw new \RuntimeException('Failed to get total memory size');
+    }
+    return (int) $matches[1];
+  }
+
+  private function getCpuUsage(): float
+  {
+    if (PHP_OS_FAMILY === 'Darwin') {
+      $cmd = "top -l 1 | grep -E '^CPU' | awk '{print $3}' | cut -d'%' -f1";
+    } else {
+      $cmd = "top -bn1 | grep 'Cpu(s)' | awk '{print $2 + $4}'";
+    }
+
+    $usage = shell_exec($cmd);
+    if ($usage === null) {
+      throw new \RuntimeException('Failed to get CPU usage');
+    }
+
+    return (float) $usage;
+  }
+
+  private function getDiskUsage(): array
+  {
+    $total = disk_total_space('/');
+    $free = disk_free_space('/');
+
+    if ($total === false || $free === false) {
+      throw new \RuntimeException('Failed to get disk  space information');
+    }
+
+    return [
+      'total' => $total,
+      'free' => $free,
+      'used' => $total - $free
+    ];
+  }
+
+  private function getUptime(): int
+  {
+    if (PHP_OS_FAMILY === 'Darwin') {
+      $uptime = shell_exec('sysctl -n kern.boottime');
+      if (!$uptime || !preg_match('/sec = (\d+)/', $uptime, $matches)) {
+        throw new \RuntimeException('Failed to get system uptime');
+      }
+      return time() - (int) $matches[1];
+    }
+
+    $uptime = @file_get_contents('/proc/uptime');
+    if ($uptime === false) {
+      throw new \RuntimeException('Failed to read uptime file');
+    }
+
+    return (int) floatval($uptime);
+  }
+}
\ No newline at end of file
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index b7085d9ed..e81ac82d6 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -11,7 +11,6 @@ use Illuminate\Session\Middleware\StartSession;
 use Pterodactyl\Http\Middleware\EncryptCookies;
 use Pterodactyl\Http\Middleware\Api\IsValidJson;
 use Pterodactyl\Http\Middleware\VerifyCsrfToken;
-use Pterodactyl\Http\Middleware\VerifyReCaptcha;
 use Illuminate\Routing\Middleware\ThrottleRequests;
 use Pterodactyl\Http\Middleware\LanguageMiddleware;
 use Illuminate\Foundation\Http\Kernel as HttpKernel;
@@ -36,66 +35,66 @@ use Pterodactyl\Http\Middleware\Api\Application\AuthenticateApplicationUser;
 
 class Kernel extends HttpKernel
 {
-    /**
-     * The application's global HTTP middleware stack.
-     */
-    protected $middleware = [
-        TrustProxies::class,
-        HandleCors::class,
-        PreventRequestsDuringMaintenance::class,
-        ValidatePostSize::class,
-        TrimStrings::class,
-        ConvertEmptyStringsToNull::class,
-    ];
+  /**
+   * The application's global HTTP middleware stack.
+   */
+  protected $middleware = [
+    TrustProxies::class,
+    HandleCors::class,
+    PreventRequestsDuringMaintenance::class,
+    ValidatePostSize::class,
+    TrimStrings::class,
+    ConvertEmptyStringsToNull::class,
+  ];
 
-    /**
-     * The application's route middleware groups.
-     */
-    protected $middlewareGroups = [
-        'web' => [
-            EncryptCookies::class,
-            AddQueuedCookiesToResponse::class,
-            StartSession::class,
-            ShareErrorsFromSession::class,
-            VerifyCsrfToken::class,
-            SubstituteBindings::class,
-            LanguageMiddleware::class,
-        ],
-        'api' => [
-            EnsureStatefulRequests::class,
-            'auth:sanctum',
-            IsValidJson::class,
-            TrackAPIKey::class,
-            RequireTwoFactorAuthentication::class,
-            AuthenticateIPAccess::class,
-        ],
-        'application-api' => [
-            SubstituteBindings::class,
-            AuthenticateApplicationUser::class,
-        ],
-        'client-api' => [
-            SubstituteClientBindings::class,
-            RequireClientApiKey::class,
-        ],
-        'daemon' => [
-            SubstituteBindings::class,
-            DaemonAuthenticate::class,
-        ],
-    ];
+  /**
+   * The application's route middleware groups.
+   */
+  protected $middlewareGroups = [
+    'web' => [
+      EncryptCookies::class,
+      AddQueuedCookiesToResponse::class,
+      StartSession::class,
+      ShareErrorsFromSession::class,
+      VerifyCsrfToken::class,
+      SubstituteBindings::class,
+      LanguageMiddleware::class,
+    ],
+    'api' => [
+      EnsureStatefulRequests::class,
+      'auth:sanctum',
+      IsValidJson::class,
+      TrackAPIKey::class,
+      RequireTwoFactorAuthentication::class,
+      AuthenticateIPAccess::class,
+    ],
+    'application-api' => [
+      SubstituteBindings::class,
+      AuthenticateApplicationUser::class,
+    ],
+    'client-api' => [
+      SubstituteClientBindings::class,
+      RequireClientApiKey::class,
+    ],
+    'daemon' => [
+      SubstituteBindings::class,
+      DaemonAuthenticate::class,
+    ],
+  ];
 
-    /**
-     * The application's route middleware.
-     */
-    protected $middlewareAliases = [
-        'auth' => Authenticate::class,
-        'auth.basic' => AuthenticateWithBasicAuth::class,
-        'auth.session' => AuthenticateSession::class,
-        'guest' => RedirectIfAuthenticated::class,
-        'csrf' => VerifyCsrfToken::class,
-        'throttle' => ThrottleRequests::class,
-        'can' => Authorize::class,
-        'bindings' => SubstituteBindings::class,
-        'recaptcha' => VerifyReCaptcha::class,
-        'node.maintenance' => MaintenanceMiddleware::class,
-    ];
+  /**
+   * The application's route middleware.
+   */
+  protected $middlewareAliases = [
+    'auth' => Authenticate::class,
+    'auth.basic' => AuthenticateWithBasicAuth::class,
+    'auth.session' => AuthenticateSession::class,
+    'guest' => RedirectIfAuthenticated::class,
+    'csrf' => VerifyCsrfToken::class,
+    'throttle' => ThrottleRequests::class,
+    'can' => Authorize::class,
+    'bindings' => SubstituteBindings::class,
+    'node.maintenance' => MaintenanceMiddleware::class,
+    'captcha' => \Pterodactyl\Http\Middleware\VerifyCaptcha::class,
+  ];
 }
diff --git a/app/Http/Middleware/Api/Client/Server/ServerOperationRateLimit.php b/app/Http/Middleware/Api/Client/Server/ServerOperationRateLimit.php
new file mode 100644
index 000000000..8df6249f2
--- /dev/null
+++ b/app/Http/Middleware/Api/Client/Server/ServerOperationRateLimit.php
@@ -0,0 +1,90 @@
+<?php
+
+namespace Pterodactyl\Http\Middleware\Api\Client\Server;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\ServerOperation;
+use Symfony\Component\HttpKernel\Exception\TooManyRequestsHttpException;
+
+/**
+ * Middleware to rate limit server operations.
+ *
+ * Prevents concurrent operations on the same server and provides monitoring
+ * of operation attempts for analytics and troubleshooting.
+ */
+class ServerOperationRateLimit
+{
+    /**
+     * Handle an incoming request.
+     */
+    public function handle(Request $request, Closure $next, string $operationType = 'general')
+    {
+        /** @var Server $server */
+        $server = $request->route('server');
+        $user = $request->user();
+
+        $this->checkActiveOperations($server);
+        $this->logOperationAttempt($server, $user, $operationType);
+
+        return $next($request);
+    }
+
+    /**
+     * Check for active operations on the same server.
+     */
+    private function checkActiveOperations(Server $server): void
+    {
+        try {
+            if (!$this->tableExists('server_operations')) {
+                return;
+            }
+
+            $activeOperations = ServerOperation::forServer($server)->active()->count();
+
+            if ($activeOperations > 0) {
+                throw new TooManyRequestsHttpException(
+                    300,
+                    'Another operation is currently in progress for this server. Please wait for it to complete.'
+                );
+            }
+        } catch (\Exception $e) {
+            Log::warning('Failed to check for active operations', [
+                'server_id' => $server->id,
+                'error' => $e->getMessage(),
+            ]);
+        }
+    }
+
+    /**
+     * Check if a database table exists.
+     */
+    private function tableExists(string $tableName): bool
+    {
+        try {
+            return \Schema::hasTable($tableName);
+        } catch (\Exception $e) {
+            Log::warning('Failed to check if table exists', [
+                'table' => $tableName,
+                'error' => $e->getMessage(),
+            ]);
+            return false;
+        }
+    }
+
+    /**
+     * Log operation attempt for monitoring.
+     */
+    private function logOperationAttempt(Server $server, $user, string $operationType): void
+    {
+        Log::info('Server operation attempt', [
+            'server_id' => $server->id,
+            'server_uuid' => $server->uuid,
+            'user_id' => $user->id,
+            'operation_type' => $operationType,
+            'timestamp' => now()->toISOString(),
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Middleware/VerifyCaptcha.php b/app/Http/Middleware/VerifyCaptcha.php
new file mode 100644
index 000000000..9bb77c233
--- /dev/null
+++ b/app/Http/Middleware/VerifyCaptcha.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace Pterodactyl\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Services\Captcha\CaptchaManager;
+use Pterodactyl\Exceptions\DisplayException;
+
+class VerifyCaptcha
+{
+    protected CaptchaManager $captcha;
+
+    public function __construct(CaptchaManager $captcha)
+    {
+        $this->captcha = $captcha;
+    }
+
+    /**
+     * Handle an incoming request.
+     */
+    public function handle(Request $request, Closure $next)
+    {
+        // Skip verification if captcha is not enabled
+        $defaultDriver = $this->captcha->getDefaultDriver();
+        
+        Log::info('VerifyCaptcha middleware triggered', [
+            'default_driver' => $defaultDriver,
+            'request_url' => $request->url(),
+            'request_method' => $request->method(),
+        ]);
+        
+        if ($defaultDriver === 'none') {
+            Log::info('Captcha verification skipped - driver is none');
+            return $next($request);
+        }
+
+        // Get the captcha response from the request
+        $driver = $this->captcha->driver();
+        $fieldName = $driver->getResponseFieldName();
+        $captchaResponse = $request->input($fieldName);
+        
+        Log::info('Captcha verification details', [
+            'driver_name' => $driver->getName(),
+            'field_name' => $fieldName,
+            'response_present' => !empty($captchaResponse),
+            'response_length' => $captchaResponse ? strlen($captchaResponse) : 0,
+            'all_request_keys' => array_keys($request->all()),
+        ]);
+        
+        if (empty($captchaResponse)) {
+            Log::warning('Captcha verification failed - no response provided', [
+                'field_name' => $fieldName,
+                'request_data' => $request->all(),
+            ]);
+            throw new DisplayException('Please complete the captcha verification.');
+        }
+
+        // Verify the captcha response
+        $remoteIp = $request->ip();
+        Log::info('Starting captcha verification', [
+            'remote_ip' => $remoteIp,
+            'response_preview' => substr($captchaResponse, 0, 50) . '...',
+        ]);
+        
+        $verificationResult = $this->captcha->verify($captchaResponse, $remoteIp);
+        
+        Log::info('Captcha verification completed', [
+            'result' => $verificationResult,
+        ]);
+        
+        if (!$verificationResult) {
+            Log::warning('Captcha verification failed - verification returned false');
+            throw new DisplayException('Captcha verification failed. Please try again.');
+        }
+
+        Log::info('Captcha verification successful - proceeding with request');
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/VerifyReCaptcha.php b/app/Http/Middleware/VerifyReCaptcha.php
deleted file mode 100644
index ef251c333..000000000
--- a/app/Http/Middleware/VerifyReCaptcha.php
+++ /dev/null
@@ -1,72 +0,0 @@
-<?php
-
-namespace Pterodactyl\Http\Middleware;
-
-use GuzzleHttp\Client;
-use Illuminate\Http\Request;
-use Illuminate\Http\Response;
-use Pterodactyl\Events\Auth\FailedCaptcha;
-use Illuminate\Contracts\Config\Repository;
-use Illuminate\Contracts\Events\Dispatcher;
-use Symfony\Component\HttpKernel\Exception\HttpException;
-
-class VerifyReCaptcha
-{
-    /**
-     * VerifyReCaptcha constructor.
-     */
-    public function __construct(private Dispatcher $dispatcher, private Repository $config)
-    {
-    }
-
-    /**
-     * Handle an incoming request.
-     */
-    public function handle(Request $request, \Closure $next): mixed
-    {
-        if (!$this->config->get('recaptcha.enabled')) {
-            return $next($request);
-        }
-
-        if ($request->filled('g-recaptcha-response')) {
-            $client = new Client();
-            $res = $client->post($this->config->get('recaptcha.domain'), [
-                'form_params' => [
-                    'secret' => $this->config->get('recaptcha.secret_key'),
-                    'response' => $request->input('g-recaptcha-response'),
-                ],
-            ]);
-
-            if ($res->getStatusCode() === 200) {
-                $result = json_decode($res->getBody());
-
-                if ($result->success && (!$this->config->get('recaptcha.verify_domain') || $this->isResponseVerified($result, $request))) {
-                    return $next($request);
-                }
-            }
-        }
-
-        $this->dispatcher->dispatch(
-            new FailedCaptcha(
-                $request->ip(),
-                !empty($result) ? ($result->hostname ?? null) : null
-            )
-        );
-
-        throw new HttpException(Response::HTTP_BAD_REQUEST, 'Failed to validate reCAPTCHA data.');
-    }
-
-    /**
-     * Determine if the response from the recaptcha servers was valid.
-     */
-    private function isResponseVerified(\stdClass $result, Request $request): bool
-    {
-        if (!$this->config->get('recaptcha.verify_domain')) {
-            return false;
-        }
-
-        $url = parse_url($request->url());
-
-        return $result->hostname === array_get($url, 'host');
-    }
-}
diff --git a/app/Http/Requests/Admin/Node/NodeFormRequest.php b/app/Http/Requests/Admin/Node/NodeFormRequest.php
index f95189f29..77d340199 100644
--- a/app/Http/Requests/Admin/Node/NodeFormRequest.php
+++ b/app/Http/Requests/Admin/Node/NodeFormRequest.php
@@ -14,11 +14,14 @@ class NodeFormRequest extends AdminFormRequest
     public function rules(): array
     {
         if ($this->method() === 'PATCH') {
-            return Node::getRulesForUpdate($this->route()->parameter('node'));
+            $rules = Node::getRulesForUpdate($this->route()->parameter('node'));
+            $rules['internal_fqdn'] = ['nullable', 'string', Fqdn::make('scheme')];
+            return $rules;
         }
 
         $data = Node::getRules();
         $data['fqdn'][] = Fqdn::make('scheme');
+        $data['internal_fqdn'] = ['nullable', 'string', Fqdn::make('scheme')];
 
         return $data;
     }
diff --git a/app/Http/Requests/Admin/Settings/AdvancedSettingsFormRequest.php b/app/Http/Requests/Admin/Settings/AdvancedSettingsFormRequest.php
index 17608d9f2..b3d6f3bb9 100644
--- a/app/Http/Requests/Admin/Settings/AdvancedSettingsFormRequest.php
+++ b/app/Http/Requests/Admin/Settings/AdvancedSettingsFormRequest.php
@@ -6,45 +6,39 @@ use Pterodactyl\Http\Requests\Admin\AdminFormRequest;
 
 class AdvancedSettingsFormRequest extends AdminFormRequest
 {
-    /**
-     * Return all the rules to apply to this request's data.
-     */
-    public function rules(): array
-    {
-        return [
-            'recaptcha:enabled' => 'required|in:true,false',
-            'recaptcha:secret_key' => 'required|string|max:191',
-            'recaptcha:website_key' => 'required|string|max:191',
-            'pterodactyl:guzzle:timeout' => 'required|integer|between:1,60',
-            'pterodactyl:guzzle:connect_timeout' => 'required|integer|between:1,60',
-            'pterodactyl:client_features:allocations:enabled' => 'required|in:true,false',
-            'pterodactyl:client_features:allocations:range_start' => [
-                'nullable',
-                'required_if:pterodactyl:client_features:allocations:enabled,true',
-                'integer',
-                'between:1024,65535',
-            ],
-            'pterodactyl:client_features:allocations:range_end' => [
-                'nullable',
-                'required_if:pterodactyl:client_features:allocations:enabled,true',
-                'integer',
-                'between:1024,65535',
-                'gt:pterodactyl:client_features:allocations:range_start',
-            ],
-        ];
-    }
+  /**
+   * Return all the rules to apply to this request's data.
+   */
+  public function rules(): array
+  {
+    return [
+      'pterodactyl:guzzle:timeout' => 'required|integer|between:1,60',
+      'pterodactyl:guzzle:connect_timeout' => 'required|integer|between:1,60',
+      'pterodactyl:client_features:allocations:enabled' => 'required|in:true,false',
+      'pterodactyl:client_features:allocations:range_start' => [
+        'nullable',
+        'required_if:pterodactyl:client_features:allocations:enabled,true',
+        'integer',
+        'between:1024,65535',
+      ],
+      'pterodactyl:client_features:allocations:range_end' => [
+        'nullable',
+        'required_if:pterodactyl:client_features:allocations:enabled,true',
+        'integer',
+        'between:1024,65535',
+        'gt:pterodactyl:client_features:allocations:range_start',
+      ],
+    ];
+  }
 
-    public function attributes(): array
-    {
-        return [
-            'recaptcha:enabled' => 'reCAPTCHA Enabled',
-            'recaptcha:secret_key' => 'reCAPTCHA Secret Key',
-            'recaptcha:website_key' => 'reCAPTCHA Website Key',
-            'pterodactyl:guzzle:timeout' => 'HTTP Request Timeout',
-            'pterodactyl:guzzle:connect_timeout' => 'HTTP Connection Timeout',
-            'pterodactyl:client_features:allocations:enabled' => 'Auto Create Allocations Enabled',
-            'pterodactyl:client_features:allocations:range_start' => 'Starting Port',
-            'pterodactyl:client_features:allocations:range_end' => 'Ending Port',
-        ];
-    }
+  public function attributes(): array
+  {
+    return [
+      'pterodactyl:guzzle:timeout' => 'HTTP Request Timeout',
+      'pterodactyl:guzzle:connect_timeout' => 'HTTP Connection Timeout',
+      'pterodactyl:client_features:allocations:enabled' => 'Auto Create Allocations Enabled',
+      'pterodactyl:client_features:allocations:range_start' => 'Starting Port',
+      'pterodactyl:client_features:allocations:range_end' => 'Ending Port',
+    ];
+  }
 }
diff --git a/app/Http/Requests/Admin/Settings/CaptchaSettingsFormRequest.php b/app/Http/Requests/Admin/Settings/CaptchaSettingsFormRequest.php
new file mode 100644
index 000000000..c5987f67a
--- /dev/null
+++ b/app/Http/Requests/Admin/Settings/CaptchaSettingsFormRequest.php
@@ -0,0 +1,105 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Admin\Settings;
+
+use Illuminate\Validation\Rule;
+use Pterodactyl\Http\Requests\Admin\AdminFormRequest;
+
+class CaptchaSettingsFormRequest extends AdminFormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'pterodactyl:captcha:provider' => ['required', 'string', Rule::in(['none', 'turnstile', 'hcaptcha', 'recaptcha'])],
+            'pterodactyl:captcha:turnstile:site_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,turnstile',
+            ],
+            'pterodactyl:captcha:turnstile:secret_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,turnstile',
+            ],
+            'pterodactyl:captcha:hcaptcha:site_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,hcaptcha',
+            ],
+            'pterodactyl:captcha:hcaptcha:secret_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,hcaptcha',
+            ],
+            'pterodactyl:captcha:recaptcha:site_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,recaptcha',
+            ],
+            'pterodactyl:captcha:recaptcha:secret_key' => [
+                'nullable',
+                'string',
+                'max:255',
+                'required_if:pterodactyl:captcha:provider,recaptcha',
+            ],
+        ];
+    }
+
+    public function attributes(): array
+    {
+        return [
+            'pterodactyl:captcha:provider' => 'Captcha Provider',
+            'pterodactyl:captcha:turnstile:site_key' => 'Turnstile Site Key',
+            'pterodactyl:captcha:turnstile:secret_key' => 'Turnstile Secret Key',
+            'pterodactyl:captcha:hcaptcha:site_key' => 'hCaptcha Site Key',
+            'pterodactyl:captcha:hcaptcha:secret_key' => 'hCaptcha Secret Key',
+            'pterodactyl:captcha:recaptcha:site_key' => 'reCAPTCHA Site Key',
+            'pterodactyl:captcha:recaptcha:secret_key' => 'reCAPTCHA Secret Key',
+        ];
+    }
+
+    public function normalize(?array $only = null): array
+    {
+        $data = $this->validated();
+
+        // Clear provider-specific settings if provider is 'none'
+        if ($data['pterodactyl:captcha:provider'] === 'none') {
+            $data['pterodactyl:captcha:turnstile:site_key'] = '';
+            $data['pterodactyl:captcha:turnstile:secret_key'] = '';
+            $data['pterodactyl:captcha:hcaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:hcaptcha:secret_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:secret_key'] = '';
+        }
+
+        // Clear other provider settings when switching providers
+        if ($data['pterodactyl:captcha:provider'] === 'turnstile') {
+            $data['pterodactyl:captcha:hcaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:hcaptcha:secret_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:secret_key'] = '';
+        } elseif ($data['pterodactyl:captcha:provider'] === 'hcaptcha') {
+            $data['pterodactyl:captcha:turnstile:site_key'] = '';
+            $data['pterodactyl:captcha:turnstile:secret_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:recaptcha:secret_key'] = '';
+        } elseif ($data['pterodactyl:captcha:provider'] === 'recaptcha') {
+            $data['pterodactyl:captcha:turnstile:site_key'] = '';
+            $data['pterodactyl:captcha:turnstile:secret_key'] = '';
+            $data['pterodactyl:captcha:hcaptcha:site_key'] = '';
+            $data['pterodactyl:captcha:hcaptcha:secret_key'] = '';
+        }
+
+        // Apply the $only filter if provided, similar to parent class
+        if ($only !== null) {
+            return array_intersect_key($data, array_flip($only));
+        }
+
+        return $data;
+    }
+}
diff --git a/app/Http/Requests/Admin/Settings/DomainFormRequest.php b/app/Http/Requests/Admin/Settings/DomainFormRequest.php
new file mode 100644
index 000000000..a982e8cd6
--- /dev/null
+++ b/app/Http/Requests/Admin/Settings/DomainFormRequest.php
@@ -0,0 +1,82 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Admin\Settings;
+
+use Pterodactyl\Http\Requests\Admin\AdminFormRequest;
+
+class DomainFormRequest extends AdminFormRequest
+{
+    /**
+     * Get the validation rules that apply to the request.
+     */
+    public function rules(): array
+    {
+        $domainId = $this->route('domain')?->id;
+
+        return [
+            'name' => [
+                'required',
+                'string',
+                'max:191',
+                'regex:/^[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*$/',
+                $domainId ? "unique:domains,name,{$domainId}" : 'unique:domains,name',
+            ],
+            'dns_provider' => 'required|string|in:cloudflare',
+            'dns_config' => 'required|array',
+            'dns_config.api_token' => 'required_if:dns_provider,cloudflare|string|min:1',
+            'dns_config.zone_id' => 'sometimes|string|min:1',
+            'is_active' => 'sometimes|boolean',
+            'is_default' => 'sometimes|boolean',
+        ];
+    }
+
+    /**
+     * Get custom messages for validator errors.
+     */
+    public function messages(): array
+    {
+        return [
+            'name.required' => 'A domain name is required.',
+            'name.regex' => 'The domain name format is invalid.',
+            'name.unique' => 'This domain is already configured.',
+            'dns_provider.required' => 'A DNS provider must be selected.',
+            'dns_provider.in' => 'The selected DNS provider is not supported.',
+            'dns_config.required' => 'DNS configuration is required.',
+            'dns_config.api_token.required_if' => 'API token is required for Cloudflare.',
+        ];
+    }
+
+    /**
+     * Get custom attributes for validator errors.
+     */
+    public function attributes(): array
+    {
+        return [
+            'name' => 'domain name',
+            'dns_provider' => 'DNS provider',
+            'dns_config.api_token' => 'API token',
+        ];
+    }
+
+    /**
+     * Prepare the data for validation.
+     */
+    protected function prepareForValidation(): void
+    {
+        // Normalize domain name to lowercase
+        if ($this->has('name')) {
+            $this->merge([
+                'name' => strtolower(trim($this->input('name'))),
+            ]);
+        }
+
+        // Ensure boolean fields are properly cast
+        foreach (['is_active', 'is_default'] as $field) {
+            if ($this->has($field)) {
+                $this->merge([
+                    $field => filter_var($this->input($field), FILTER_VALIDATE_BOOLEAN),
+                ]);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Application/Nodes/StoreNodeRequest.php b/app/Http/Requests/Api/Application/Nodes/StoreNodeRequest.php
index e80fdd4a7..3568c3858 100644
--- a/app/Http/Requests/Api/Application/Nodes/StoreNodeRequest.php
+++ b/app/Http/Requests/Api/Application/Nodes/StoreNodeRequest.php
@@ -22,6 +22,7 @@ class StoreNodeRequest extends ApplicationApiRequest
             'name',
             'location_id',
             'fqdn',
+            'internal_fqdn',
             'scheme',
             'behind_proxy',
             'maintenance_mode',
diff --git a/app/Http/Requests/Api/Application/Servers/StoreServerRequest.php b/app/Http/Requests/Api/Application/Servers/StoreServerRequest.php
index a9d0ecbed..8d87eecec 100644
--- a/app/Http/Requests/Api/Application/Servers/StoreServerRequest.php
+++ b/app/Http/Requests/Api/Application/Servers/StoreServerRequest.php
@@ -33,10 +33,12 @@ class StoreServerRequest extends ApplicationApiRequest
             'environment' => 'present|array',
             'skip_scripts' => 'sometimes|boolean',
             'oom_disabled' => 'sometimes|boolean',
+            'exclude_from_resource_calculation' => 'sometimes|boolean',
 
             // Resource limitations
             'limits' => 'required|array',
             'limits.memory' => $rules['memory'],
+            'limits.overhead_memory' => $rules['overhead_memory'],
             'limits.swap' => $rules['swap'],
             'limits.disk' => $rules['disk'],
             'limits.io' => $rules['io'],
@@ -82,6 +84,7 @@ class StoreServerRequest extends ApplicationApiRequest
             'startup' => array_get($data, 'startup'),
             'environment' => array_get($data, 'environment'),
             'memory' => array_get($data, 'limits.memory'),
+            'overhead_memory' => array_get($data, 'limits.overhead_memory', 0),
             'swap' => array_get($data, 'limits.swap'),
             'disk' => array_get($data, 'limits.disk'),
             'io' => array_get($data, 'limits.io'),
@@ -95,6 +98,7 @@ class StoreServerRequest extends ApplicationApiRequest
             'allocation_limit' => array_get($data, 'feature_limits.allocations'),
             'backup_limit' => array_get($data, 'feature_limits.backups'),
             'oom_disabled' => array_get($data, 'oom_disabled'),
+            'exclude_from_resource_calculation' => array_get($data, 'exclude_from_resource_calculation', false),
         ];
     }
 
diff --git a/app/Http/Requests/Api/Application/Servers/UpdateServerBuildConfigurationRequest.php b/app/Http/Requests/Api/Application/Servers/UpdateServerBuildConfigurationRequest.php
index f1c977f11..64914e243 100644
--- a/app/Http/Requests/Api/Application/Servers/UpdateServerBuildConfigurationRequest.php
+++ b/app/Http/Requests/Api/Application/Servers/UpdateServerBuildConfigurationRequest.php
@@ -17,9 +17,11 @@ class UpdateServerBuildConfigurationRequest extends ServerWriteRequest
         return [
             'allocation' => $rules['allocation_id'],
             'oom_disabled' => $rules['oom_disabled'],
+            'exclude_from_resource_calculation' => $rules['exclude_from_resource_calculation'],
 
             'limits' => 'sometimes|array',
             'limits.memory' => $this->requiredToOptional('memory', $rules['memory'], true),
+            'limits.overhead_memory' => $this->requiredToOptional('overhead_memory', $rules['overhead_memory'], true),
             'limits.swap' => $this->requiredToOptional('swap', $rules['swap'], true),
             'limits.io' => $this->requiredToOptional('io', $rules['io'], true),
             'limits.cpu' => $this->requiredToOptional('cpu', $rules['cpu'], true),
@@ -31,6 +33,7 @@ class UpdateServerBuildConfigurationRequest extends ServerWriteRequest
             //
             // @see https://github.com/pterodactyl/panel/issues/1500
             'memory' => $this->requiredToOptional('memory', $rules['memory']),
+            'overhead_memory' => $this->requiredToOptional('overhead_memory', $rules['overhead_memory']),
             'swap' => $this->requiredToOptional('swap', $rules['swap']),
             'io' => $this->requiredToOptional('io', $rules['io']),
             'cpu' => $this->requiredToOptional('cpu', $rules['cpu']),
diff --git a/app/Http/Requests/Api/Client/Servers/Backups/RestoreBackupRequest.php b/app/Http/Requests/Api/Client/Servers/Backups/RestoreBackupRequest.php
index d2d427f99..66ca528cf 100644
--- a/app/Http/Requests/Api/Client/Servers/Backups/RestoreBackupRequest.php
+++ b/app/Http/Requests/Api/Client/Servers/Backups/RestoreBackupRequest.php
@@ -14,6 +14,6 @@ class RestoreBackupRequest extends ClientApiRequest
 
     public function rules(): array
     {
-        return ['truncate' => 'required|boolean'];
+        return [];
     }
 }
diff --git a/app/Http/Requests/Api/Client/Servers/Settings/ApplyEggChangeRequest.php b/app/Http/Requests/Api/Client/Servers/Settings/ApplyEggChangeRequest.php
new file mode 100644
index 000000000..2bf6de269
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Settings/ApplyEggChangeRequest.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Settings;
+
+use Pterodactyl\Models\Egg;
+use Illuminate\Validation\Rule;
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+
+/**
+ * Request validation for applying egg configuration changes.
+ *
+ * Validates egg selection, Docker images, startup commands, and environment
+ * variables with comprehensive cross-validation.
+ */
+class ApplyEggChangeRequest extends ClientApiRequest
+{
+    public function permission(): string
+    {
+        return 'startup.software';
+    }
+
+    public function rules(): array
+    {
+        return [
+            'egg_id' => 'required|integer|exists:eggs,id',
+            'nest_id' => 'required|integer|exists:nests,id',
+            'docker_image' => 'sometimes|string|max:255',
+            'startup_command' => 'sometimes|string|max:2048',
+            'environment' => 'sometimes|array|max:50',
+            'environment.*' => 'nullable|string|max:1024',
+            'should_backup' => 'sometimes|boolean',
+            'should_wipe' => 'sometimes|boolean',
+        ];
+    }
+
+    public function withValidator($validator): void
+    {
+        $validator->after(function ($validator) {
+            if ($this->filled(['egg_id', 'nest_id'])) {
+                $egg = Egg::where('id', $this->input('egg_id'))
+                    ->where('nest_id', $this->input('nest_id'))
+                    ->first();
+                
+                if (!$egg) {
+                    $validator->errors()->add('egg_id', 'The selected egg does not belong to the specified nest.');
+                    return;
+                }
+
+                if ($this->filled('docker_image')) {
+                    $dockerImages = array_values($egg->docker_images ?? []);
+                    if (!empty($dockerImages) && !in_array($this->input('docker_image'), $dockerImages)) {
+                        $validator->errors()->add('docker_image', 'The selected Docker image is not allowed for this egg.');
+                    }
+                }
+
+                if ($this->filled('environment')) {
+                    $eggVariables = $egg->variables()->pluck('env_variable')->toArray();
+                    foreach ($this->input('environment', []) as $key => $value) {
+                        if (!in_array($key, $eggVariables)) {
+                            $validator->errors()->add("environment.{$key}", 'This environment variable is not valid for the selected egg.');
+                        }
+                    }
+                }
+            }
+        });
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Client/Servers/Settings/PreviewEggRequest.php b/app/Http/Requests/Api/Client/Servers/Settings/PreviewEggRequest.php
new file mode 100644
index 000000000..ea9c93f5e
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Settings/PreviewEggRequest.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Settings;
+
+use Pterodactyl\Models\Egg;
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+
+/**
+ * Request validation for previewing egg configuration changes.
+ *
+ * Validates egg and nest selection to ensure proper relationship
+ * before showing preview information.
+ */
+class PreviewEggRequest extends ClientApiRequest
+{
+    public function permission(): string
+    {
+        return 'startup.software';
+    }
+
+    public function rules(): array
+    {
+        return [
+            'egg_id' => 'required|integer|exists:eggs,id',
+            'nest_id' => 'required|integer|exists:nests,id',
+        ];
+    }
+
+    public function withValidator($validator): void
+    {
+        $validator->after(function ($validator) {
+            if ($this->filled(['egg_id', 'nest_id'])) {
+                $egg = Egg::where('id', $this->input('egg_id'))
+                    ->where('nest_id', $this->input('nest_id'))
+                    ->first();
+                
+                if (!$egg) {
+                    $validator->errors()->add('egg_id', 'The selected egg does not belong to the specified nest.');
+                }
+            }
+        });
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Client/Servers/Settings/RevertDockerImageRequest.php b/app/Http/Requests/Api/Client/Servers/Settings/RevertDockerImageRequest.php
new file mode 100644
index 000000000..4d7f9631f
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Settings/RevertDockerImageRequest.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Settings;
+
+use Webmozart\Assert\Assert;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\Permission;
+use Pterodactyl\Contracts\Http\ClientPermissionsRequest;
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+
+class RevertDockerImageRequest extends ClientApiRequest implements ClientPermissionsRequest
+{
+    public function permission(): string
+    {
+        return Permission::ACTION_STARTUP_DOCKER_IMAGE;
+    }
+
+    public function rules(): array
+    {
+        /** @var Server $server */
+        $server = $this->route()->parameter('server');
+
+        Assert::isInstanceOf($server, Server::class);
+
+        return [
+            'confirm' => 'required|boolean|accepted',
+        ];
+    }
+
+    public function messages(): array
+    {
+        return [
+            'confirm.required' => 'You must confirm that you understand this action cannot be undone without administrator assistance.',
+            'confirm.accepted' => 'You must confirm that you understand this action cannot be undone without administrator assistance.',
+        ];
+    }
+
+    /**
+     * Check if the server has a custom docker image that can be reverted.
+     */
+    public function authorize(): bool
+    {
+        if (!parent::authorize()) {
+            return false;
+        }
+
+        /** @var Server $server */
+        $server = $this->route()->parameter('server');
+
+        try {
+            // Check if the current image is not in the egg's allowed images
+            // This indicates it was set by an administrator as a custom image
+            return $server->hasCustomDockerImage();
+        } catch (\RuntimeException $e) {
+            // If there's an issue with the egg configuration, deny access
+            return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Client/Servers/Settings/ServerOperationRequest.php b/app/Http/Requests/Api/Client/Servers/Settings/ServerOperationRequest.php
new file mode 100644
index 000000000..8fb365efe
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Settings/ServerOperationRequest.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Settings;
+
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+
+/**
+ * Request validation for server operation queries.
+ *
+ * Validates operation ID format and ensures proper authorization
+ * for accessing server operation information.
+ */
+class ServerOperationRequest extends ClientApiRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return $this->user()->can('settings.egg', $this->route()->parameter('server'));
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     */
+    public function rules(): array
+    {
+        return [
+            'operation_id' => 'required|string|uuid',
+        ];
+    }
+
+    /**
+     * Get custom messages for validator errors.
+     */
+    public function messages(): array
+    {
+        return [
+            'operation_id.required' => 'An operation ID is required.',
+            'operation_id.uuid' => 'The operation ID must be a valid UUID.',
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Client/Servers/Startup/UpdateStartupCommandRequest.php b/app/Http/Requests/Api/Client/Servers/Startup/UpdateStartupCommandRequest.php
new file mode 100644
index 000000000..4c54ee218
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Startup/UpdateStartupCommandRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Startup;
+
+use Pterodactyl\Models\Permission;
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+
+class UpdateStartupCommandRequest extends ClientApiRequest
+{
+    public function permission(): string
+    {
+        return Permission::ACTION_STARTUP_COMMAND;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'startup' => 'required|string|min:1|max:10000',
+        ];
+    }
+
+    public function attributes(): array
+    {
+        return [
+            'startup' => 'startup command',
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Api/Client/Servers/Subdomain/CreateSubdomainRequest.php b/app/Http/Requests/Api/Client/Servers/Subdomain/CreateSubdomainRequest.php
new file mode 100644
index 000000000..ad066a216
--- /dev/null
+++ b/app/Http/Requests/Api/Client/Servers/Subdomain/CreateSubdomainRequest.php
@@ -0,0 +1,87 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Api\Client\Servers\Subdomain;
+
+use Pterodactyl\Http\Requests\Api\Client\ClientApiRequest;
+use Pterodactyl\Models\Domain;
+use Pterodactyl\Models\ServerSubdomain;
+
+class CreateSubdomainRequest extends ClientApiRequest
+{
+    /**
+     * Get the validation rules that apply to the request.
+     */
+    public function rules(): array
+    {
+        return [
+            'subdomain' => [
+                'required',
+                'string',
+                'min:1',
+                'max:63',
+                'regex:/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/',
+                function ($attribute, $value, $fail) {
+                    if (preg_match('/[<>"\']/', $value)) {
+                        $fail('Subdomain contains invalid characters.');
+                        return;
+                    }
+                    
+                    $reserved = ['www', 'mail', 'ftp', 'api', 'admin', 'root', 'panel', 
+                                'localhost', 'wildcard', 'ns1', 'ns2', 'dns', 'smtp', 'pop', 
+                                'imap', 'webmail', 'cpanel', 'whm', 'autodiscover', 'autoconfig'];
+                    if (in_array(strtolower($value), $reserved)) {
+                        $fail('This subdomain is reserved and cannot be used.');
+                        return;
+                    }
+
+                    $domainId = $this->input('domain_id');
+                    if ($domainId) {
+                        $exists = ServerSubdomain::where('domain_id', $domainId)
+                            ->where('subdomain', strtolower($value))
+                            ->where('is_active', true)
+                            ->exists();
+                        
+                        if ($exists) {
+                            $fail('This subdomain is already taken.');
+                        }
+                    }
+                },
+            ],
+            'domain_id' => [
+                'required',
+                'integer',
+                'min:1',
+                'exists:domains,id',
+                function ($attribute, $value, $fail) {
+                    $domain = Domain::where('id', $value)
+                        ->where('is_active', true)
+                        ->first();
+                    if (!$domain) {
+                        $fail('The selected domain is not available.');
+                    }
+                },
+            ],
+        ];
+    }
+
+    /**
+     * Prepare the data for validation.
+     */
+    protected function prepareForValidation(): void
+    {
+        // Sanitize and normalize subdomain
+        if ($this->has('subdomain')) {
+            $subdomain = $this->input('subdomain');
+            // Remove any potential harmful characters and normalize
+            $subdomain = preg_replace('/[^a-z0-9-]/', '', strtolower(trim($subdomain)));
+            // Remove multiple consecutive hyphens
+            $subdomain = preg_replace('/-+/', '-', $subdomain);
+            // Remove leading/trailing hyphens
+            $subdomain = trim($subdomain, '-');
+            
+            $this->merge([
+                'subdomain' => $subdomain,
+            ]);
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Requests/Base/LocaleRequest.php b/app/Http/Requests/Base/LocaleRequest.php
new file mode 100644
index 000000000..0a2cc03d7
--- /dev/null
+++ b/app/Http/Requests/Base/LocaleRequest.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Pterodactyl\Http\Requests\Base;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class LocaleRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            'locale' => ['required', 'string', 'regex:/^[a-z][a-z]$/'],
+            'namespace' => ['required', 'string', 'regex:/^[a-z]{1,191}$/'],
+        ];
+    }
+}
diff --git a/app/Http/Resources/ServerOperationResource.php b/app/Http/Resources/ServerOperationResource.php
new file mode 100644
index 000000000..9b9906462
--- /dev/null
+++ b/app/Http/Resources/ServerOperationResource.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Pterodactyl\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Pterodactyl\Models\ServerOperation;
+
+/**
+ * Resource for transforming server operations for API responses.
+ *
+ * Provides comprehensive operation information including status, timing,
+ * and metadata for frontend consumption.
+ */
+class ServerOperationResource extends JsonResource
+{
+    /**
+     * Transform the server operation into an array.
+     */
+    public function toArray(Request $request): array
+    {
+        /** @var ServerOperation $operation */
+        $operation = $this->resource;
+
+        return [
+            'operation_id' => $operation->operation_id,
+            'type' => $operation->type,
+            'status' => $operation->status,
+            'message' => $operation->message,
+            'created_at' => $operation->created_at->toISOString(),
+            'updated_at' => $operation->updated_at->toISOString(),
+            'started_at' => $operation->started_at?->toISOString(),
+            'parameters' => $operation->parameters,
+            'meta' => [
+                'is_active' => $operation->isActive(),
+                'is_completed' => $operation->isCompleted(),
+                'has_failed' => $operation->hasFailed(),
+                'has_timed_out' => $operation->hasTimedOut(),
+                'can_be_cancelled' => $operation->isActive() && !$operation->hasFailed(),
+            ],
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Http/ViewComposers/AssetComposer.php b/app/Http/ViewComposers/AssetComposer.php
index 2cd16c500..3fdc5ea2a 100644
--- a/app/Http/ViewComposers/AssetComposer.php
+++ b/app/Http/ViewComposers/AssetComposer.php
@@ -3,22 +3,60 @@
 namespace Pterodactyl\Http\ViewComposers;
 
 use Illuminate\View\View;
+use Illuminate\Support\Facades\Log;
 use Pterodactyl\Services\Helpers\AssetHashService;
+use Pterodactyl\Services\Captcha\CaptchaManager;
+use Pterodactyl\Contracts\Repository\SettingsRepositoryInterface;
 
 class AssetComposer
 {
-    /**
-     * Provide access to the asset service in the views.
-     */
-    public function compose(View $view): void
-    {
-        $view->with('siteConfiguration', [
-            'name' => config('app.name') ?? 'Pterodactyl',
-            'locale' => config('app.locale') ?? 'en',
-            'recaptcha' => [
-                'enabled' => config('recaptcha.enabled', false),
-                'siteKey' => config('recaptcha.website_key') ?? '',
-            ],
-        ]);
+  protected CaptchaManager $captcha;
+  protected SettingsRepositoryInterface $settings;
+
+  public function __construct(CaptchaManager $captcha, SettingsRepositoryInterface $settings)
+  {
+    $this->captcha = $captcha;
+    $this->settings = $settings;
+  }
+
+  /**
+   * Provide access to the asset service in the views.
+   */
+  public function compose(View $view): void
+  {
+    $view->with('siteConfiguration', [
+      'name' => config('app.name') ?? 'Pyrodactyl',
+      'locale' => config('app.locale') ?? 'en',
+      'timezone' => config('app.timezone') ?? '',
+      'captcha' => [
+        'enabled' => $this->captcha->getDefaultDriver() !== 'none',
+        'provider' => $this->captcha->getDefaultDriver(),
+        'siteKey' => $this->getSiteKeyForCurrentProvider(),
+        'scriptIncludes' => $this->captcha->getScriptIncludes(),
+      ],
+    ]);
+  }
+
+  /**
+   * Get the site key for the currently active captcha provider.
+   */
+  private function getSiteKeyForCurrentProvider(): string
+  {
+    $provider = $this->captcha->getDefaultDriver();
+
+    if ($provider === 'none') {
+      return '';
     }
+
+    try {
+      $driver = $this->captcha->driver();
+      if (method_exists($driver, 'getSiteKey')) {
+        return $driver->getSiteKey();
+      }
+    } catch (\Exception $e) {
+      // Silently fail to avoid exposing errors to frontend
+    }
+
+    return '';
+  }
 }
diff --git a/app/Jobs/Schedule/RunTaskJob.php b/app/Jobs/Schedule/RunTaskJob.php
index 6aded8621..037de71d1 100644
--- a/app/Jobs/Schedule/RunTaskJob.php
+++ b/app/Jobs/Schedule/RunTaskJob.php
@@ -68,12 +68,20 @@ class RunTaskJob extends Job implements ShouldQueue
                     $commandRepository->setServer($server)->send($this->task->payload);
                     break;
                 case Task::ACTION_BACKUP:
+                    // Mark the task as running before initiating the backup to prevent duplicate runs
+                    $this->task->update(['is_processing' => true]);
                     $backupService->setIgnoredFiles(explode(PHP_EOL, $this->task->payload))->handle($server, null, true);
+                    $this->task->update(['is_processing' => false]);
                     break;
                 default:
                     throw new \InvalidArgumentException('Invalid task action provided: ' . $this->task->action);
             }
         } catch (\Exception $exception) {
+            // Reset the processing flag if there was an error
+            if ($this->task->action === Task::ACTION_BACKUP) {
+                $this->task->update(['is_processing' => false]);
+            }
+            
             // If this isn't a DaemonConnectionException on a task that allows for failures
             // throw the exception back up the chain so that the task is stopped.
             if (!($this->task->continue_on_failure && $exception instanceof DaemonConnectionException)) {
diff --git a/app/Jobs/Server/ApplyEggChangeJob.php b/app/Jobs/Server/ApplyEggChangeJob.php
new file mode 100644
index 000000000..e688a23cf
--- /dev/null
+++ b/app/Jobs/Server/ApplyEggChangeJob.php
@@ -0,0 +1,394 @@
+<?php
+
+namespace Pterodactyl\Jobs\Server;
+
+use Exception;
+use Carbon\Carbon;
+use Pterodactyl\Jobs\Job;
+use Pterodactyl\Models\Egg;
+use Pterodactyl\Models\User;
+use Pterodactyl\Models\Backup;
+use Pterodactyl\Models\Server;
+use Illuminate\Support\Facades\Log;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Queue\SerializesModels;
+use Illuminate\Queue\InteractsWithQueue;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Foundation\Bus\Dispatchable;
+use Pterodactyl\Facades\Activity;
+use Pterodactyl\Models\ServerOperation;
+use Pterodactyl\Services\Servers\ReinstallServerService;
+use Pterodactyl\Services\Backups\InitiateBackupService;
+use Pterodactyl\Services\Servers\StartupModificationService;
+use Pterodactyl\Repositories\Wings\DaemonFileRepository;
+use Pterodactyl\Exceptions\Service\Backup\BackupFailedException;
+use Pterodactyl\Services\ServerOperations\ServerOperationService;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+
+/**
+ * Queue job to apply server egg configuration changes.
+ *
+ * Handles the complete egg change process including backup creation,
+ * file wiping, server configuration updates, and reinstallation.
+ */
+class ApplyEggChangeJob extends Job implements ShouldQueue
+{
+    use Dispatchable;
+    use InteractsWithQueue;
+    use SerializesModels;
+
+    public $timeout;
+    public $tries = 1;
+    public $failOnTimeout = true;
+
+    public function __construct(
+        public Server $server,
+        public User $user,
+        public int $eggId,
+        public int $nestId,
+        public ?string $dockerImage,
+        public ?string $startupCommand,
+        public array $environment,
+        public bool $shouldBackup,
+        public bool $shouldWipe,
+        public string $operationId
+    ) {
+        $this->queue = 'standard';
+        $this->timeout = config('server_operations.timeouts.egg_change', 1800);
+    }
+
+    /**
+     * Execute the egg change job.
+     */
+    public function handle(
+        InitiateBackupService $backupService,
+        ReinstallServerService $reinstallServerService,
+        StartupModificationService $startupModificationService,
+        DaemonFileRepository $fileRepository,
+        ServerOperationService $operationService,
+        SubdomainManagementService $subdomainService
+    ): void {
+        $operation = null;
+        
+        try {
+            $operation = ServerOperation::where('operation_id', $this->operationId)->firstOrFail();
+            $operation->markAsStarted();
+            
+            Activity::actor($this->user)->event('server:software.change-started')
+                ->property([
+                    'operation_id' => $this->operationId,
+                    'from_egg' => $this->server->egg_id,
+                    'to_egg' => $this->eggId,
+                    'should_backup' => $this->shouldBackup,
+                    'should_wipe' => $this->shouldWipe,
+                ])
+                ->log();
+
+            $egg = Egg::query()
+                ->with(['variables', 'nest'])
+                ->findOrFail($this->eggId);
+
+            $backup = null;
+
+            if ($this->shouldBackup) {
+                $backup = $this->createBackup($backupService, $operation);
+            }
+
+            if ($this->shouldWipe) {
+                $this->wipeServerFiles($fileRepository, $operation, $backup);
+            }
+
+            $this->applyServerChanges($egg, $startupModificationService, $reinstallServerService, $operation, $subdomainService);
+
+            $this->logSuccessfulChange();
+
+            $operation->markAsCompleted('Software configuration applied successfully. Server installation completed.');
+
+        } catch (Exception $e) {
+            $this->handleJobFailure($e, $operation);
+            throw $e;
+        }
+    }
+
+    /**
+     * Create backup before proceeding with changes.
+     */
+    private function createBackup(InitiateBackupService $backupService, ServerOperation $operation): Backup
+    {
+        $operation->updateProgress('Creating backup before proceeding...');
+        
+        // Get current and target egg names for better backup naming
+        $currentEgg = $this->server->egg;
+        $targetEgg = Egg::find($this->eggId);
+        
+        // Create descriptive backup name
+        $backupName = sprintf(
+            'Pre-Change Backup: %s → %s (%s)',
+            $currentEgg->name ?? 'Unknown',
+            $targetEgg->name ?? 'Unknown',
+            now()->format('M j, Y g:i A')
+        );
+        
+        // Limit backup name length to prevent database issues
+        if (strlen($backupName) > 190) {
+            $backupName = substr($backupName, 0, 187) . '...';
+        }
+        
+        $backup = $backupService
+            ->setIsLocked(false)
+            ->handle($this->server, $backupName);
+
+        Activity::actor($this->user)->event('server:backup.software-change')
+            ->property([
+                'backup_name' => $backupName,
+                'backup_uuid' => $backup->uuid,
+                'operation_id' => $this->operationId,
+                'from_egg' => $this->server->egg_id,
+                'to_egg' => $this->eggId,
+            ])
+            ->log();
+
+        $operation->updateProgress('Waiting for backup to complete...');
+        $this->waitForBackupCompletion($backup, $operation);
+
+        $backup->refresh();
+        if (!$backup->is_successful) {
+            throw new BackupFailedException('Backup failed. Aborting software change to prevent data loss.');
+        }
+
+        return $backup;
+    }
+
+    /**
+     * Wipe server files if requested.
+     */
+    private function wipeServerFiles(DaemonFileRepository $fileRepository, ServerOperation $operation, ?Backup $backup): void
+    {
+        $operation->updateProgress('Wiping server files...');
+        
+        try {
+            $contents = $fileRepository->setServer($this->server)->getDirectory('/');
+
+            if (!empty($contents)) {
+                $filesToDelete = array_map(function($item) {
+                    return $item['name'];
+                }, $contents);
+
+                if (count($filesToDelete) > 1000) {
+                    Log::warning('Large number of files to delete', [
+                        'server_id' => $this->server->id,
+                        'file_count' => count($filesToDelete),
+                    ]);
+                }
+
+                $fileRepository->setServer($this->server)->deleteFiles('/', $filesToDelete);
+
+                Activity::actor($this->user)->event('server:files.software-change-wipe')
+                    ->property([
+                        'operation_id' => $this->operationId,
+                        'from_egg' => $this->server->egg_id,
+                        'to_egg' => $this->eggId,
+                        'files_deleted' => count($filesToDelete),
+                        'backup_verified' => $backup ? true : false,
+                    ])
+                    ->log();
+            }
+        } catch (Exception $e) {
+            Log::error('Failed to wipe files', [
+                'server_id' => $this->server->id,
+                'error' => $e->getMessage(),
+            ]);
+
+            if (!$backup) {
+                throw new \RuntimeException('File wipe failed and no backup was created. Aborting operation to prevent data loss.');
+            }
+        }
+    }
+
+    /**
+     * Apply server configuration changes.
+     */
+    private function applyServerChanges(
+        Egg $egg,
+        StartupModificationService $startupModificationService,
+        ReinstallServerService $reinstallServerService,
+        ServerOperation $operation,
+        SubdomainManagementService $subdomainService
+    ): void {
+        $operation->updateProgress('Applying software configuration...');
+        
+        DB::transaction(function () use ($egg, $startupModificationService, $reinstallServerService, $operation, $subdomainService) {
+            // Check if we need to remove subdomain before changing egg
+            $activeSubdomain = $this->server->activeSubdomain;
+            if ($activeSubdomain) {
+                // Create a temporary server with the new egg to check compatibility
+                $tempServer = clone $this->server;
+                $tempServer->egg = $egg;
+                $tempServer->egg_id = $egg->id;
+                
+                // If new egg doesn't support subdomains, delete the existing subdomain
+                if (!$tempServer->supportsSubdomains()) {
+                    $operation->updateProgress('Removing incompatible subdomain...');
+                    
+                    try {
+                        $subdomainService->deleteSubdomain($activeSubdomain);
+                        
+                        Activity::actor($this->user)->event('server:subdomain.deleted-egg-change')
+                            ->property([
+                                'operation_id' => $this->operationId,
+                                'subdomain' => $activeSubdomain->full_domain,
+                                'reason' => 'new_egg_incompatible',
+                                'from_egg' => $this->server->egg_id,
+                                'to_egg' => $this->eggId,
+                            ])
+                            ->log();
+                    } catch (Exception $e) {
+                        Log::warning('Failed to delete subdomain during egg change', [
+                            'server_id' => $this->server->id,
+                            'subdomain' => $activeSubdomain->full_domain,
+                            'error' => $e->getMessage(),
+                        ]);
+                        
+                        // Continue with egg change even if subdomain deletion fails
+                        $operation->updateProgress('Warning: Could not fully remove subdomain, continuing with egg change...');
+                    }
+                }
+            }
+            
+            if ($this->server->egg_id !== $this->eggId || $this->server->nest_id !== $this->nestId) {
+                $this->server->update([
+                    'egg_id' => $this->eggId,
+                    'nest_id' => $this->nestId,
+                ]);
+            }
+
+            $updateData = [
+                'startup' => $this->startupCommand ?: $egg->startup,
+                'docker_image' => $this->dockerImage,
+                'environment' => $this->environment,
+            ];
+
+            $updatedServer = $startupModificationService
+                ->setUserLevel(User::USER_LEVEL_ADMIN)
+                ->handle($this->server, $updateData);
+
+            $operation->updateProgress('Reinstalling server...');
+            $reinstallServerService->handle($updatedServer);
+            
+            $operation->updateProgress('Finalizing installation...');
+        });
+    }
+
+    /**
+     * Log successful software change.
+     */
+    private function logSuccessfulChange(): void
+    {
+        Activity::actor($this->user)->event('server:software.changed')
+            ->property([
+                'operation_id' => $this->operationId,
+                'original_egg_id' => $this->server->getOriginal('egg_id'),
+                'new_egg_id' => $this->eggId,
+                'original_nest_id' => $this->server->getOriginal('nest_id'),
+                'new_nest_id' => $this->nestId,
+                'original_image' => $this->server->getOriginal('image'),
+                'new_image' => $this->dockerImage,
+                'backup_created' => $this->shouldBackup,
+                'files_wiped' => $this->shouldWipe,
+            ])
+            ->log();
+    }
+
+    /**
+     * Handle job failure.
+     */
+    public function failed(\Throwable $exception): void
+    {
+        try {
+            $operation = ServerOperation::where('operation_id', $this->operationId)->first();
+            
+            Log::error('Egg change job failed', [
+                'server_id' => $this->server->id,
+                'operation_id' => $this->operationId,
+                'error' => $exception->getMessage(),
+            ]);
+
+            if ($operation) {
+                $operation->markAsFailed('Job failed: ' . $exception->getMessage());
+            }
+
+            Activity::actor($this->user)->event('server:software.change-job-failed')
+                ->property([
+                    'operation_id' => $this->operationId,
+                    'error' => $exception->getMessage(),
+                    'attempted_egg_id' => $this->eggId,
+                ])
+                ->log();
+        } catch (\Throwable $e) {
+            Log::critical('Failed to handle job failure properly', [
+                'operation_id' => $this->operationId,
+                'original_error' => $exception->getMessage(),
+                'handler_error' => $e->getMessage(),
+            ]);
+        }
+    }
+
+    /**
+     * Wait for backup completion with timeout monitoring.
+     */
+    private function waitForBackupCompletion(Backup $backup, ServerOperation $operation, int $timeoutMinutes = 30): void
+    {
+        $startTime = Carbon::now();
+        $timeout = $startTime->addMinutes($timeoutMinutes);
+        $lastProgressUpdate = 0;
+        
+        while (Carbon::now()->lt($timeout)) {
+            $backup->refresh();
+
+            if ($backup->is_successful && !is_null($backup->completed_at)) {
+                $operation->updateProgress('Backup completed successfully');
+                return;
+            }
+
+            if (!is_null($backup->completed_at) && !$backup->is_successful) {
+                throw new BackupFailedException('Backup failed during creation process.');
+            }
+
+            $elapsed = Carbon::now()->diffInSeconds($startTime);
+            if ($elapsed - $lastProgressUpdate >= 30) {
+                $operation->updateProgress("Backup in progress...");
+                $lastProgressUpdate = $elapsed;
+            }
+
+            sleep(5);
+        }
+
+        throw new BackupFailedException('Backup creation timed out after ' . $timeoutMinutes . ' minutes.');
+    }
+
+    /**
+     * Handle job failure with error logging.
+     */
+    private function handleJobFailure(\Throwable $exception, ?ServerOperation $operation): void
+    {
+        Log::error('Egg change job failed', [
+            'operation_id' => $this->operationId,
+            'error' => $exception->getMessage(),
+            'server_id' => $this->server->id,
+            'user_id' => $this->user->id,
+        ]);
+
+        if ($operation) {
+            $operation->markAsFailed('Operation failed: ' . $exception->getMessage());
+        }
+
+        Activity::actor($this->user)->event('server:software.change-failed')
+            ->property([
+                'operation_id' => $this->operationId,
+                'error' => $exception->getMessage(),
+                'attempted_egg_id' => $this->eggId,
+                'attempted_nest_id' => $this->nestId,
+            ])
+            ->log();
+    }
+}
\ No newline at end of file
diff --git a/app/Models/ApiKey.php b/app/Models/ApiKey.php
index 4a6f1b65b..cb51bbbc7 100644
--- a/app/Models/ApiKey.php
+++ b/app/Models/ApiKey.php
@@ -62,153 +62,153 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
  */
 class ApiKey extends Model
 {
-    /** @use HasFactory<\Database\Factories\ApiKeyFactory> */
-    use HasFactory;
+  /** @use HasFactory<\Database\Factories\ApiKeyFactory> */
+  use HasFactory;
 
-    /**
-     * The resource name for this model when it is transformed into an
-     * API representation using fractal.
-     */
-    public const RESOURCE_NAME = 'api_key';
-    /**
-     * Different API keys that can exist on the system.
-     */
-    public const TYPE_NONE = 0;
-    public const TYPE_ACCOUNT = 1;
-    /* @deprecated */
-    public const TYPE_APPLICATION = 2;
-    /* @deprecated */
-    public const TYPE_DAEMON_USER = 3;
-    /* @deprecated */
-    public const TYPE_DAEMON_APPLICATION = 4;
-    /**
-     * The length of API key identifiers.
-     */
-    public const IDENTIFIER_LENGTH = 16;
-    /**
-     * The length of the actual API key that is encrypted and stored
-     * in the database.
-     */
-    public const KEY_LENGTH = 32;
+  /**
+   * The resource name for this model when it is transformed into an
+   * API representation using fractal.
+   */
+  public const RESOURCE_NAME = 'api_key';
+  /**
+   * Different API keys that can exist on the system.
+   */
+  public const TYPE_NONE = 0;
+  public const TYPE_ACCOUNT = 1;
+  /* @deprecated */
+  public const TYPE_APPLICATION = 2;
+  /* @deprecated */
+  public const TYPE_DAEMON_USER = 3;
+  /* @deprecated */
+  public const TYPE_DAEMON_APPLICATION = 4;
+  /**
+   * The length of API key identifiers.
+   */
+  public const IDENTIFIER_LENGTH = 16;
+  /**
+   * The length of the actual API key that is encrypted and stored
+   * in the database.
+   */
+  public const KEY_LENGTH = 32;
 
-    /**
-     * The table associated with the model.
-     */
-    protected $table = 'api_keys';
+  /**
+   * The table associated with the model.
+   */
+  protected $table = 'api_keys';
 
-    /**
-     * Cast values to correct type.
-     */
-    protected $casts = [
-        'allowed_ips' => 'array',
-        'user_id' => 'int',
-        'last_used_at' => 'datetime',
-        'expires_at' => 'datetime',
-        self::CREATED_AT => 'datetime',
-        self::UPDATED_AT => 'datetime',
-        'r_' . AdminAcl::RESOURCE_USERS => 'int',
-        'r_' . AdminAcl::RESOURCE_ALLOCATIONS => 'int',
-        'r_' . AdminAcl::RESOURCE_DATABASE_HOSTS => 'int',
-        'r_' . AdminAcl::RESOURCE_SERVER_DATABASES => 'int',
-        'r_' . AdminAcl::RESOURCE_EGGS => 'int',
-        'r_' . AdminAcl::RESOURCE_LOCATIONS => 'int',
-        'r_' . AdminAcl::RESOURCE_NESTS => 'int',
-        'r_' . AdminAcl::RESOURCE_NODES => 'int',
-        'r_' . AdminAcl::RESOURCE_SERVERS => 'int',
-    ];
+  /**
+   * Cast values to correct type.
+   */
+  protected $casts = [
+    'allowed_ips' => 'array',
+    'user_id' => 'int',
+    'last_used_at' => 'datetime',
+    'expires_at' => 'datetime',
+    self::CREATED_AT => 'datetime',
+    self::UPDATED_AT => 'datetime',
+    'r_' . AdminAcl::RESOURCE_USERS => 'int',
+    'r_' . AdminAcl::RESOURCE_ALLOCATIONS => 'int',
+    'r_' . AdminAcl::RESOURCE_DATABASE_HOSTS => 'int',
+    'r_' . AdminAcl::RESOURCE_SERVER_DATABASES => 'int',
+    'r_' . AdminAcl::RESOURCE_EGGS => 'int',
+    'r_' . AdminAcl::RESOURCE_LOCATIONS => 'int',
+    'r_' . AdminAcl::RESOURCE_NESTS => 'int',
+    'r_' . AdminAcl::RESOURCE_NODES => 'int',
+    'r_' . AdminAcl::RESOURCE_SERVERS => 'int',
+  ];
 
-    /**
-     * Fields that are mass assignable.
-     */
-    protected $fillable = [
-        'identifier',
-        'token',
-        'allowed_ips',
-        'memo',
-        'last_used_at',
-        'expires_at',
-    ];
+  /**
+   * Fields that are mass assignable.
+   */
+  protected $fillable = [
+    'identifier',
+    'token',
+    'allowed_ips',
+    'memo',
+    'last_used_at',
+    'expires_at',
+  ];
 
-    /**
-     * Fields that should not be included when calling toArray() or toJson()
-     * on this model.
-     */
-    protected $hidden = ['token'];
+  /**
+   * Fields that should not be included when calling toArray() or toJson()
+   * on this model.
+   */
+  protected $hidden = ['token'];
 
-    /**
-     * Rules to protect against invalid data entry to DB.
-     */
-    public static array $validationRules = [
-        'user_id' => 'required|exists:users,id',
-        'key_type' => 'present|integer|min:0|max:4',
-        'identifier' => 'required|string|size:16|unique:api_keys,identifier',
-        'token' => 'required|string',
-        'memo' => 'required|nullable|string|max:500',
-        'allowed_ips' => 'nullable|array',
-        'allowed_ips.*' => 'string',
-        'last_used_at' => 'nullable|date',
-        'expires_at' => 'nullable|date',
-        'r_' . AdminAcl::RESOURCE_USERS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_ALLOCATIONS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_DATABASE_HOSTS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_SERVER_DATABASES => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_EGGS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_LOCATIONS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_NESTS => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_NODES => 'integer|min:0|max:3',
-        'r_' . AdminAcl::RESOURCE_SERVERS => 'integer|min:0|max:3',
-    ];
+  /**
+   * Rules to protect against invalid data entry to DB.
+   */
+  public static array $validationRules = [
+    'user_id' => 'required|exists:users,id',
+    'key_type' => 'present|integer|min:0|max:4',
+    'identifier' => 'required|string|size:16|unique:api_keys,identifier',
+    'token' => 'required|string',
+    'memo' => 'required|nullable|string|max:500',
+    'allowed_ips' => 'nullable|array',
+    'allowed_ips.*' => 'string',
+    'last_used_at' => 'nullable|date',
+    'expires_at' => 'nullable|date',
+    'r_' . AdminAcl::RESOURCE_USERS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_ALLOCATIONS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_DATABASE_HOSTS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_SERVER_DATABASES => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_EGGS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_LOCATIONS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_NESTS => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_NODES => 'integer|min:0|max:3',
+    'r_' . AdminAcl::RESOURCE_SERVERS => 'integer|min:0|max:3',
+  ];
 
-    /**
-     * Returns the user this token is assigned to.
-     */
-    public function user(): BelongsTo
-    {
-        return $this->belongsTo(User::class);
+  /**
+   * Returns the user this token is assigned to.
+   */
+  public function user(): BelongsTo
+  {
+    return $this->belongsTo(User::class);
+  }
+
+  /**
+   * Required for support with Laravel Sanctum.
+   *
+   * @see \Laravel\Sanctum\Guard::supportsTokens()
+   */
+  public function tokenable(): BelongsTo
+  {
+    return $this->user();
+  }
+
+  /**
+   * Finds the model matching the provided token.
+   */
+  public static function findToken(string $token): ?self
+  {
+    $identifier = substr($token, 0, self::IDENTIFIER_LENGTH);
+
+    $model = static::where('identifier', $identifier)->first();
+    if (!is_null($model) && decrypt($model->token) === substr($token, strlen($identifier))) {
+      return $model;
     }
 
-    /**
-     * Required for support with Laravel Sanctum.
-     *
-     * @see \Laravel\Sanctum\Guard::supportsTokens()
-     */
-    public function tokenable(): BelongsTo
-    {
-        return $this->user();
-    }
+    return null;
+  }
 
-    /**
-     * Finds the model matching the provided token.
-     */
-    public static function findToken(string $token): ?self
-    {
-        $identifier = substr($token, 0, self::IDENTIFIER_LENGTH);
+  /**
+   * Returns the standard prefix for API keys in the system.
+   */
+  public static function getPrefixForType(int $type): string
+  {
+    Assert::oneOf($type, [self::TYPE_ACCOUNT, self::TYPE_APPLICATION]);
 
-        $model = static::where('identifier', $identifier)->first();
-        if (!is_null($model) && decrypt($model->token) === substr($token, strlen($identifier))) {
-            return $model;
-        }
+    return $type === self::TYPE_ACCOUNT ? 'pyro_' : 'pyro_';
+  }
 
-        return null;
-    }
+  /**
+   * Generates a new identifier for an API key.
+   */
+  public static function generateTokenIdentifier(int $type): string
+  {
+    $prefix = self::getPrefixForType($type);
 
-    /**
-     * Returns the standard prefix for API keys in the system.
-     */
-    public static function getPrefixForType(int $type): string
-    {
-        Assert::oneOf($type, [self::TYPE_ACCOUNT, self::TYPE_APPLICATION]);
-
-        return $type === self::TYPE_ACCOUNT ? 'ptlc_' : 'ptla_';
-    }
-
-    /**
-     * Generates a new identifier for an API key.
-     */
-    public static function generateTokenIdentifier(int $type): string
-    {
-        $prefix = self::getPrefixForType($type);
-
-        return $prefix . Str::random(self::IDENTIFIER_LENGTH - strlen($prefix));
-    }
+    return $prefix . Str::random(self::IDENTIFIER_LENGTH - strlen($prefix));
+  }
 }
diff --git a/app/Models/Backup.php b/app/Models/Backup.php
index 9b546ba28..26004e9bd 100644
--- a/app/Models/Backup.php
+++ b/app/Models/Backup.php
@@ -14,6 +14,7 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
  * @property bool $is_locked
  * @property string $name
  * @property string[] $ignored_files
+ * @property array|null $server_state
  * @property string $disk
  * @property string|null $checksum
  * @property int $bytes
@@ -45,6 +46,7 @@ class Backup extends Model
         'is_successful' => 'bool',
         'is_locked' => 'bool',
         'ignored_files' => 'array',
+        'server_state' => 'array',
         'bytes' => 'int',
         'completed_at' => 'datetime',
     ];
@@ -66,6 +68,7 @@ class Backup extends Model
         'is_locked' => 'boolean',
         'name' => 'required|string',
         'ignored_files' => 'array',
+        'server_state' => 'nullable|array',
         'disk' => 'required|string',
         'checksum' => 'nullable|string',
         'bytes' => 'numeric',
diff --git a/app/Models/Domain.php b/app/Models/Domain.php
new file mode 100644
index 000000000..90ece1323
--- /dev/null
+++ b/app/Models/Domain.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace Pterodactyl\Models;
+
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+
+/**
+ * @property int $id
+ * @property string $name
+ * @property string $dns_provider
+ * @property array $dns_config
+ * @property bool $is_active
+ * @property bool $is_default
+ * @property \Carbon\Carbon $created_at
+ * @property \Carbon\Carbon $updated_at
+ * @property \Illuminate\Database\Eloquent\Collection|\Pterodactyl\Models\ServerSubdomain[] $serverSubdomains
+ */
+class Domain extends Model
+{
+    /** @use HasFactory<\Database\Factories\DomainFactory> */
+    use HasFactory;
+
+    /**
+     * The resource name for this model when it is transformed into an
+     * API representation using fractal.
+     */
+    public const RESOURCE_NAME = 'domain';
+
+    /**
+     * The table associated with the model.
+     */
+    protected $table = 'domains';
+
+    /**
+     * Fields that are mass assignable.
+     */
+    protected $fillable = [
+        'name',
+        'dns_provider',
+        'dns_config',
+        'is_active',
+        'is_default',
+    ];
+
+    /**
+     * Cast values to correct type.
+     */
+    protected $casts = [
+        'dns_config' => 'array',
+        'is_active' => 'boolean',
+        'is_default' => 'boolean',
+        self::CREATED_AT => 'datetime',
+        self::UPDATED_AT => 'datetime',
+    ];
+
+    public static array $validationRules = [
+        'name' => 'required|string|max:191|unique:domains',
+        'dns_provider' => 'required|string|max:191',
+        'dns_config' => 'required|array',
+        'is_active' => 'sometimes|boolean',
+        'is_default' => 'sometimes|boolean',
+    ];
+
+    /**
+     * Gets all server subdomains associated with this domain.
+     */
+    public function serverSubdomains(): HasMany
+    {
+        return $this->hasMany(ServerSubdomain::class);
+    }
+
+    /**
+     * Gets only active server subdomains associated with this domain.
+     */
+    public function activeSubdomains(): HasMany
+    {
+        return $this->hasMany(ServerSubdomain::class)->where('is_active', true);
+    }
+
+    /**
+     * Get the route key for the model.
+     */
+    public function getRouteKeyName(): string
+    {
+        return 'id';
+    }
+
+    /**
+     * Get the default domain for automatic subdomain generation.
+     */
+    public static function getDefault(): ?self
+    {
+        return static::where('is_active', true)
+            ->where('is_default', true)
+            ->first();
+    }
+}
\ No newline at end of file
diff --git a/app/Models/Node.php b/app/Models/Node.php
index fdb1a43e9..18656c6e5 100644
--- a/app/Models/Node.php
+++ b/app/Models/Node.php
@@ -20,6 +20,8 @@ use Illuminate\Database\Eloquent\Relations\HasManyThrough;
  * @property string|null $description
  * @property int $location_id
  * @property string $fqdn
+ * @property string|null $internal_fqdn
+ * @property bool $use_separate_fqdns
  * @property string $scheme
  * @property bool $behind_proxy
  * @property bool $maintenance_mode
@@ -77,18 +79,34 @@ class Node extends Model
         'behind_proxy' => 'boolean',
         'public' => 'boolean',
         'maintenance_mode' => 'boolean',
+        'use_separate_fqdns' => 'boolean',
     ];
 
     /**
      * Fields that are mass assignable.
      */
     protected $fillable = [
-        'public', 'name', 'location_id',
-        'fqdn', 'scheme', 'behind_proxy',
-        'memory', 'memory_overallocate', 'disk',
-        'disk_overallocate', 'upload_size', 'daemonBase',
-        'daemonSFTP', 'daemonListen',
-        'description', 'maintenance_mode',
+        'uuid',
+        'public',
+        'name',
+        'location_id',
+        'fqdn',
+        'internal_fqdn',
+        'use_separate_fqdns',
+        'scheme',
+        'behind_proxy',
+        'memory',
+        'memory_overallocate',
+        'disk',
+        'disk_overallocate',
+        'upload_size',
+        'daemonBase',
+        'daemonSFTP',
+        'daemonListen',
+        'daemon_token_id',
+        'daemon_token',
+        'description',
+        'maintenance_mode',
     ];
 
     public static array $validationRules = [
@@ -97,6 +115,8 @@ class Node extends Model
         'location_id' => 'required|exists:locations,id',
         'public' => 'boolean',
         'fqdn' => 'required|string',
+        'internal_fqdn' => 'nullable|string',
+        'use_separate_fqdns' => 'sometimes|boolean',
         'scheme' => 'required',
         'behind_proxy' => 'boolean',
         'memory' => 'required|numeric|min:1',
@@ -122,16 +142,42 @@ class Node extends Model
         'daemonSFTP' => 2022,
         'daemonListen' => 8080,
         'maintenance_mode' => false,
+        'use_separate_fqdns' => false,
     ];
 
     /**
      * Get the connection address to use when making calls to this node.
+     * This will use the internal FQDN if separate FQDNs are enabled and internal_fqdn is set,
+     * otherwise it will fall back to the regular fqdn.
      */
     public function getConnectionAddress(): string
+    {
+        $fqdn = $this->getInternalFqdn();
+        return sprintf('%s://%s:%s', $this->scheme, $fqdn, $this->daemonListen);
+    }
+
+    /**
+     * Get the browser connection address for WebSocket connections.
+     * This always uses the public fqdn field.
+     */
+    public function getBrowserConnectionAddress(): string
     {
         return sprintf('%s://%s:%s', $this->scheme, $this->fqdn, $this->daemonListen);
     }
 
+    /**
+     * Get the appropriate FQDN for internal panel-to-Wings communication.
+     */
+    public function getInternalFqdn(): string
+    {
+        // Use internal FQDN if it's provided and not empty
+        if (!empty($this->internal_fqdn)) {
+            return $this->internal_fqdn;
+        }
+
+        return $this->fqdn;
+    }
+
     /**
      * Returns the configuration as an array.
      */
@@ -147,8 +193,8 @@ class Node extends Model
                 'port' => $this->daemonListen,
                 'ssl' => [
                     'enabled' => (!$this->behind_proxy && $this->scheme === 'https'),
-                    'cert' => '/etc/letsencrypt/live/' . Str::lower($this->fqdn) . '/fullchain.pem',
-                    'key' => '/etc/letsencrypt/live/' . Str::lower($this->fqdn) . '/privkey.pem',
+                    'cert' => '/etc/letsencrypt/live/' . Str::lower($this->getInternalFqdn()) . '/fullchain.pem',
+                    'key' => '/etc/letsencrypt/live/' . Str::lower($this->getInternalFqdn()) . '/privkey.pem',
                 ],
                 'upload_limit' => $this->upload_size,
             ],
@@ -231,6 +277,10 @@ class Node extends Model
         $memoryLimit = $this->memory * (1 + ($this->memory_overallocate / 100));
         $diskLimit = $this->disk * (1 + ($this->disk_overallocate / 100));
 
-        return ($this->sum_memory + $memory) <= $memoryLimit && ($this->sum_disk + $disk) <= $diskLimit;
+        // Calculate used resources excluding servers marked for exclusion
+        $usedMemory = $this->servers()->where('exclude_from_resource_calculation', false)->sum('memory');
+        $usedDisk = $this->servers()->where('exclude_from_resource_calculation', false)->sum('disk');
+
+        return ($usedMemory + $memory) <= $memoryLimit && ($usedDisk + $disk) <= $diskLimit;
     }
 }
diff --git a/app/Models/Permission.php b/app/Models/Permission.php
index c6af2869e..2abcce60e 100644
--- a/app/Models/Permission.php
+++ b/app/Models/Permission.php
@@ -58,6 +58,7 @@ class Permission extends Model
 
   public const ACTION_STARTUP_READ = 'startup.read';
   public const ACTION_STARTUP_UPDATE = 'startup.update';
+  public const ACTION_STARTUP_COMMAND = 'startup.command';
   public const ACTION_STARTUP_DOCKER_IMAGE = 'startup.docker-image';
 
   public const ACTION_STARTUP_SOFTWARE = 'startup.software';
@@ -172,6 +173,7 @@ class Permission extends Model
       'keys' => [
         'read' => 'Allows a user to view the startup variables for a server.',
         'update' => 'Allows a user to modify the startup variables for the server.',
+        'command' => 'Allows a user to modify the startup command for the server.',
         'docker-image' => 'Allows a user to modify the Docker image used when running the server.',
         'software' => 'Allows a user to modify the game / software used for the server.',
       ],
diff --git a/app/Models/Schedule.php b/app/Models/Schedule.php
index 2d85314f0..5843da140 100644
--- a/app/Models/Schedule.php
+++ b/app/Models/Schedule.php
@@ -120,8 +120,8 @@ class Schedule extends Model
     {
         $formatted = sprintf('%s %s %s %s %s', $this->cron_minute, $this->cron_hour, $this->cron_day_of_month, $this->cron_month, $this->cron_day_of_week);
 
-        return CarbonImmutable::createFromTimestamp(
-            (new CronExpression($formatted))->getNextRunDate()->getTimestamp()
+        return CarbonImmutable::instance(
+            (new CronExpression($formatted))->getNextRunDate()
         );
     }
 
diff --git a/app/Models/Server.php b/app/Models/Server.php
index 8c89b85d8..0a3642b75 100644
--- a/app/Models/Server.php
+++ b/app/Models/Server.php
@@ -27,12 +27,14 @@ use Pterodactyl\Exceptions\Http\Server\ServerStateConflictException;
  * @property bool $skip_scripts
  * @property int $owner_id
  * @property int $memory
+ * @property int $overhead_memory
  * @property int $swap
  * @property int $disk
  * @property int $io
  * @property int $cpu
  * @property string|null $threads
  * @property bool $oom_disabled
+ * @property bool $exclude_from_resource_calculation
  * @property int $allocation_id
  * @property int $nest_id
  * @property int $egg_id
@@ -87,6 +89,7 @@ use Pterodactyl\Exceptions\Http\Server\ServerStateConflictException;
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereImage($value)
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereIo($value)
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereMemory($value)
+ * @method static \Illuminate\Database\Eloquent\Builder|Server whereOverheadMemory($value)
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereName($value)
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereNestId($value)
  * @method static \Illuminate\Database\Eloquent\Builder|Server whereNodeId($value)
@@ -134,6 +137,7 @@ class Server extends Model
     protected $attributes = [
         'status' => self::STATUS_INSTALLING,
         'oom_disabled' => true,
+        'exclude_from_resource_calculation' => false,
         'installed_at' => null,
     ];
 
@@ -155,11 +159,13 @@ class Server extends Model
         'description' => 'string',
         'status' => 'nullable|string',
         'memory' => 'required|numeric|min:0',
+        'overhead_memory' => 'sometimes|numeric|min:0',
         'swap' => 'required|numeric|min:-1',
         'io' => 'required|numeric|between:10,1000',
         'cpu' => 'required|numeric|min:0',
         'threads' => 'nullable|regex:/^[0-9-,]+$/',
         'oom_disabled' => 'sometimes|boolean',
+        'exclude_from_resource_calculation' => 'sometimes|boolean',
         'disk' => 'required|numeric|min:0',
         'allocation_id' => 'required|bail|unique:servers|exists:allocations,id',
         'nest_id' => 'required|exists:nests,id',
@@ -180,11 +186,13 @@ class Server extends Model
         'skip_scripts' => 'boolean',
         'owner_id' => 'integer',
         'memory' => 'integer',
+        'overhead_memory' => 'integer',
         'swap' => 'integer',
         'disk' => 'integer',
         'io' => 'integer',
         'cpu' => 'integer',
         'oom_disabled' => 'boolean',
+        'exclude_from_resource_calculation' => 'boolean',
         'allocation_id' => 'integer',
         'nest_id' => 'integer',
         'egg_id' => 'integer',
@@ -217,6 +225,40 @@ class Server extends Model
         return $this->status === self::STATUS_SUSPENDED;
     }
 
+    /**
+     * Checks if the server has a custom docker image set by an administrator.
+     * A custom image is one that is not in the egg's allowed docker images.
+     */
+    public function hasCustomDockerImage(): bool
+    {
+        // Ensure we have egg data and docker images
+        if (!$this->egg || !is_array($this->egg->docker_images) || empty($this->egg->docker_images)) {
+            return false;
+        }
+        
+        return !in_array($this->image, array_values($this->egg->docker_images));
+    }
+
+    /**
+     * Gets the default docker image from the egg specification.
+     */
+    public function getDefaultDockerImage(): string
+    {
+        // Ensure we have egg data and docker images
+        if (!$this->egg || !is_array($this->egg->docker_images) || empty($this->egg->docker_images)) {
+            throw new \RuntimeException('Server egg has no docker images configured.');
+        }
+        
+        $eggDockerImages = $this->egg->docker_images;
+        $defaultImage = reset($eggDockerImages);
+        
+        if (empty($defaultImage)) {
+            throw new \RuntimeException('Server egg has no valid default docker image.');
+        }
+        
+        return $defaultImage;
+    }
+
     /**
      * Gets the user who owns the server.
      */
@@ -346,6 +388,82 @@ class Server extends Model
         return $this->morphToMany(ActivityLog::class, 'subject', 'activity_log_subjects');
     }
 
+    /**
+     * Gets all subdomains associated with this server.
+     */
+    public function subdomains(): HasMany
+    {
+        return $this->hasMany(ServerSubdomain::class);
+    }
+
+    /**
+     * Gets the active subdomain for this server.
+     */
+    public function activeSubdomain(): HasOne
+    {
+        return $this->hasOne(ServerSubdomain::class)->where('is_active', true);
+    }
+
+    /**
+     * Check if this server supports subdomains based on its egg features.
+     */
+    public function supportsSubdomains(): bool
+    {
+        if (!$this->egg) {
+            return false;
+        }
+
+        // Check direct features
+        if (is_array($this->egg->features)) {
+            foreach ($this->egg->features as $feature) {
+                if (str_starts_with($feature, 'subdomain_')) {
+                    return true;
+                }
+            }
+        }
+
+        // Check inherited features
+        if (is_array($this->egg->inherit_features)) {
+            foreach ($this->egg->inherit_features as $feature) {
+                if (str_starts_with($feature, 'subdomain_')) {
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Get the subdomain feature type for this server.
+     */
+    public function getSubdomainFeature(): ?string
+    {
+        if (!$this->egg) {
+            return null;
+        }
+
+        // Check direct features
+        if (is_array($this->egg->features)) {
+            foreach ($this->egg->features as $feature) {
+                if (str_starts_with($feature, 'subdomain_')) {
+                    return $feature;
+                }
+            }
+        }
+
+        // Check inherited features
+        if (is_array($this->egg->inherit_features)) {
+            foreach ($this->egg->inherit_features as $feature) {
+                if (str_starts_with($feature, 'subdomain_')) {
+                    return $feature;
+                }
+            }
+        }
+
+        return null;
+    }
+
     /**
      * Checks if the server is currently in a user-accessible state. If not, an
      * exception is raised. This should be called whenever something needs to make
diff --git a/app/Models/ServerOperation.php b/app/Models/ServerOperation.php
new file mode 100644
index 000000000..c0089e761
--- /dev/null
+++ b/app/Models/ServerOperation.php
@@ -0,0 +1,165 @@
+<?php
+
+namespace Pterodactyl\Models;
+
+use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+/**
+ * Server operations tracking model.
+ *
+ * Tracks long-running server operations like egg changes, reinstalls, and backup restores.
+ * Provides status tracking, timeout detection, and operation lifecycle management.
+ */
+class ServerOperation extends Model
+{
+    public const STATUS_PENDING = 'pending';
+    public const STATUS_RUNNING = 'running';
+    public const STATUS_COMPLETED = 'completed';
+    public const STATUS_FAILED = 'failed';
+    public const STATUS_CANCELLED = 'cancelled';
+
+    public const TYPE_EGG_CHANGE = 'egg_change';
+    public const TYPE_REINSTALL = 'reinstall';
+    public const TYPE_BACKUP_RESTORE = 'backup_restore';
+
+    protected $table = 'server_operations';
+
+    protected $fillable = [
+        'operation_id',
+        'server_id',
+        'user_id',
+        'type',
+        'status',
+        'message',
+        'parameters',
+        'started_at',
+    ];
+
+    protected $casts = [
+        'parameters' => 'array',
+        'created_at' => 'datetime',
+        'updated_at' => 'datetime',
+        'started_at' => 'datetime',
+    ];
+
+    public function server(): BelongsTo
+    {
+        return $this->belongsTo(Server::class);
+    }
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function isActive(): bool
+    {
+        return in_array($this->status, [self::STATUS_PENDING, self::STATUS_RUNNING]);
+    }
+
+    public function isCompleted(): bool
+    {
+        return $this->status === self::STATUS_COMPLETED;
+    }
+
+    public function hasFailed(): bool
+    {
+        return $this->status === self::STATUS_FAILED;
+    }
+
+    public function scopeForServer($query, Server $server)
+    {
+        return $query->where('server_id', $server->id);
+    }
+
+    public function scopeActive($query)
+    {
+        return $query->whereIn('status', [self::STATUS_PENDING, self::STATUS_RUNNING]);
+    }
+
+    public function scopeOfType($query, string $type)
+    {
+        return $query->where('type', $type);
+    }
+
+    public function scopeTimedOut($query, int $timeoutMinutes = 30)
+    {
+        return $query->where('status', self::STATUS_RUNNING)
+            ->whereNotNull('started_at')
+            ->where('started_at', '<', now()->subMinutes($timeoutMinutes));
+    }
+
+    public function scopeForCleanup($query, int $daysOld = 30)
+    {
+        return $query->whereIn('status', [self::STATUS_COMPLETED, self::STATUS_FAILED, self::STATUS_CANCELLED])
+            ->where('created_at', '<', now()->subDays($daysOld));
+    }
+
+    /**
+     * Check if the operation has exceeded the timeout threshold.
+     */
+    public function hasTimedOut(int $timeoutMinutes = 30): bool
+    {
+        if (!$this->isActive() || !$this->started_at) {
+            return false;
+        }
+
+        return $this->started_at->diffInMinutes(now()) > $timeoutMinutes;
+    }
+
+    /**
+     * Mark operation as started and update status.
+     */
+    public function markAsStarted(): bool
+    {
+        return $this->update([
+            'status' => self::STATUS_RUNNING,
+            'started_at' => now(),
+            'message' => 'Operation started...',
+        ]);
+    }
+
+    /**
+     * Mark operation as completed with optional message.
+     */
+    public function markAsCompleted(string $message = 'Operation completed successfully'): bool
+    {
+        return $this->update([
+            'status' => self::STATUS_COMPLETED,
+            'message' => $message,
+        ]);
+    }
+
+    /**
+     * Mark operation as failed with error message.
+     */
+    public function markAsFailed(string $message): bool
+    {
+        return $this->update([
+            'status' => self::STATUS_FAILED,
+            'message' => $message,
+        ]);
+    }
+
+    /**
+     * Update operation progress message.
+     */
+    public function updateProgress(string $message): bool
+    {
+        return $this->update(['message' => $message]);
+    }
+
+    /**
+     * Get operation duration in seconds if started.
+     */
+    public function getDurationInSeconds(): ?int
+    {
+        if (!$this->started_at) {
+            return null;
+        }
+
+        return $this->started_at->diffInSeconds(now());
+    }
+}
\ No newline at end of file
diff --git a/app/Models/ServerSubdomain.php b/app/Models/ServerSubdomain.php
new file mode 100644
index 000000000..74d9c1b20
--- /dev/null
+++ b/app/Models/ServerSubdomain.php
@@ -0,0 +1,101 @@
+<?php
+
+namespace Pterodactyl\Models;
+
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+
+/**
+ * @property int $id
+ * @property int $server_id
+ * @property int $domain_id
+ * @property string $subdomain
+ * @property string $record_type
+ * @property array $dns_records
+ * @property bool $is_active
+ * @property \Carbon\Carbon $created_at
+ * @property \Carbon\Carbon $updated_at
+ * @property Server $server
+ * @property Domain $domain
+ */
+class ServerSubdomain extends Model
+{
+    /** @use HasFactory<\Database\Factories\ServerSubdomainFactory> */
+    use HasFactory;
+
+    /**
+     * The resource name for this model when it is transformed into an
+     * API representation using fractal.
+     */
+    public const RESOURCE_NAME = 'server_subdomain';
+
+    /**
+     * The table associated with the model.
+     */
+    protected $table = 'server_subdomains';
+
+    /**
+     * Fields that are mass assignable.
+     */
+    protected $fillable = [
+        'server_id',
+        'domain_id',
+        'subdomain',
+        'record_type',
+        'dns_records',
+        'is_active',
+    ];
+
+    /**
+     * Cast values to correct type.
+     */
+    protected $casts = [
+        'server_id' => 'integer',
+        'domain_id' => 'integer',
+        'dns_records' => 'array',
+        'is_active' => 'boolean',
+        self::CREATED_AT => 'datetime',
+        self::UPDATED_AT => 'datetime',
+    ];
+
+    public static array $validationRules = [
+        'server_id' => 'required|integer|exists:servers,id',
+        'domain_id' => 'required|integer|exists:domains,id',
+        'subdomain' => 'required|string|max:191',
+        'record_type' => 'required|string|max:10',
+        'dns_records' => 'sometimes|array',
+        'is_active' => 'sometimes|boolean',
+    ];
+
+    /**
+     * Gets the server this subdomain belongs to.
+     */
+    public function server(): BelongsTo
+    {
+        return $this->belongsTo(Server::class);
+    }
+
+    /**
+     * Gets the domain this subdomain uses.
+     */
+    public function domain(): BelongsTo
+    {
+        return $this->belongsTo(Domain::class);
+    }
+
+    /**
+     * Get the full domain name (subdomain + domain).
+     */
+    public function getFullDomainAttribute(): string
+    {
+        return $this->subdomain . '.' . $this->domain->name;
+    }
+
+    /**
+     * Check if this subdomain has DNS records configured.
+     */
+    public function hasDnsRecords(): bool
+    {
+        return !empty($this->dns_records);
+    }
+}
\ No newline at end of file
diff --git a/app/Models/SessionActivity.php b/app/Models/SessionActivity.php
new file mode 100644
index 000000000..df0998e85
--- /dev/null
+++ b/app/Models/SessionActivity.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace Pterodactyl\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+/**
+ * @property int $id
+ * @property int $user_id
+ * @property string $ip_address
+ * @property string $user_agent
+ * @property array $payload
+ * @property int $last_activity
+ * @property \Carbon\Carbon $created_at
+ * @property \Carbon\Carbon $updated_at
+ * @property User $user
+ */
+class SessionActivity extends Model
+{
+    /**
+     * The table associated with the model.
+     */
+    protected $table = 'sessions';
+
+    /**
+     * The attributes that are mass assignable.
+     */
+    protected $fillable = [
+        'user_id',
+        'ip_address', 
+        'user_agent',
+        'payload',
+        'last_activity',
+    ];
+
+    /**
+     * The attributes that should be cast.
+     */
+    protected $casts = [
+        'user_id' => 'integer',
+        'payload' => 'array',
+        'last_activity' => 'integer',
+    ];
+
+    /**
+     * Get the user that owns this session activity.
+     */
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+}
\ No newline at end of file
diff --git a/app/Observers/AllocationObserver.php b/app/Observers/AllocationObserver.php
new file mode 100644
index 000000000..4a0eafefe
--- /dev/null
+++ b/app/Observers/AllocationObserver.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Pterodactyl\Observers;
+
+use Pterodactyl\Models\Allocation;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+use Illuminate\Support\Facades\Log;
+
+class AllocationObserver
+{
+    public function __construct(private SubdomainManagementService $subdomainService)
+    {
+    }
+
+    /**
+     * Handle the Allocation "updated" event.
+     */
+    public function updated(Allocation $allocation): void
+    {
+        // Check if IP or port changed
+        if ($allocation->isDirty(['ip', 'port'])) {
+            $this->syncSubdomainForAllocation($allocation);
+        }
+    }
+
+    /**
+     * Handle the Allocation "deleting" event.
+     */
+    public function deleting(Allocation $allocation): void
+    {
+        // If this is a primary allocation being deleted, sync subdomains
+        if ($allocation->server && $allocation->server->allocation_id === $allocation->id) {
+            $this->syncSubdomainForAllocation($allocation);
+        }
+    }
+
+    /**
+     * Sync subdomain DNS records for servers using this allocation.
+     */
+    private function syncSubdomainForAllocation(Allocation $allocation): void
+    {
+        if (!$allocation->server) {
+            return;
+        }
+
+        // Only sync if this is the primary allocation for the server
+        if ($allocation->server->allocation_id !== $allocation->id) {
+            return;
+        }
+
+        $activeSubdomain = $allocation->server->activeSubdomain;
+        
+        if (!$activeSubdomain) {
+            return;
+        }
+
+        try {
+            $this->subdomainService->updateSubdomain($activeSubdomain);
+            Log::info("Updated DNS records for subdomain {$activeSubdomain->full_domain} due to allocation change");
+        } catch (\Exception $e) {
+            Log::error("Failed to update DNS records for subdomain {$activeSubdomain->full_domain}: {$e->getMessage()}");
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Observers/EggObserver.php b/app/Observers/EggObserver.php
new file mode 100644
index 000000000..d9465f5e6
--- /dev/null
+++ b/app/Observers/EggObserver.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace Pterodactyl\Observers;
+
+use Pterodactyl\Models\Egg;
+
+class EggObserver
+{
+    /**
+     * Handle the Egg "creating" event.
+     */
+    public function creating(Egg $egg): void
+    {
+        //
+    }
+
+    /**
+     * Handle the Egg "created" event.
+     */
+    public function created(Egg $egg): void
+    {
+        //
+    }
+
+    /**
+     * Handle the Egg "updating" event.
+     */
+    public function updating(Egg $egg): void
+    {
+        //
+    }
+
+    /**
+     * Handle the Egg "updated" event.
+     */
+    public function updated(Egg $egg): void
+    {
+        //
+    }
+
+    /**
+     * Handle the Egg "deleting" event.
+     */
+    public function deleting(Egg $egg): void
+    {
+        //
+    }
+
+    /**
+     * Handle the Egg "deleted" event.
+     */
+    public function deleted(Egg $egg): void
+    {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Observers/ServerObserver.php b/app/Observers/ServerObserver.php
index 51276523e..5dcc8b067 100644
--- a/app/Observers/ServerObserver.php
+++ b/app/Observers/ServerObserver.php
@@ -2,75 +2,161 @@
 
 namespace Pterodactyl\Observers;
 
-use Pterodactyl\Events;
+use Pterodactyl\Models\Domain;
 use Pterodactyl\Models\Server;
-use Illuminate\Foundation\Bus\DispatchesJobs;
+use Pterodactyl\Models\ServerSubdomain;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+use Pterodactyl\Services\Subdomain\SubdomainGeneratorService;
+use Illuminate\Support\Facades\Log;
 
 class ServerObserver
 {
-    use DispatchesJobs;
-
-    /**
-     * Listen to the Server creating event.
-     */
-    public function creating(Server $server): void
-    {
-        event(new Events\Server\Creating($server));
+    public function __construct(
+        private SubdomainManagementService $subdomainService,
+        private SubdomainGeneratorService $subdomainGenerator
+    ) {
     }
 
     /**
-     * Listen to the Server created event.
+     * Handle the Server "created" event.
      */
     public function created(Server $server): void
     {
-        event(new Events\Server\Created($server));
+        // Check if server supports subdomains
+        $feature = $this->subdomainService->getServerSubdomainFeature($server);
+        if (!$feature) {
+            Log::info("Server {$server->id} does not support subdomains. Features: " . json_encode($server->egg->features));
+            return;
+        }
+
+        // Get default domain
+        $domain = Domain::getDefault();
+        if (!$domain) {
+            Log::warning("No default domain available for subdomain creation. Please set a default domain in the admin panel.");
+            return;
+        }
+
+        if (!$domain->is_active) {
+            Log::warning("Default domain {$domain->name} is not active");
+            return;
+        }
+
+        // Get existing subdomains for uniqueness check
+        $existingSubdomains = ServerSubdomain::where('domain_id', $domain->id)
+            ->where('is_active', true)
+            ->pluck('subdomain')
+            ->toArray();
+
+        // Generate unique subdomain
+        $subdomain = $this->subdomainGenerator->generateUnique($existingSubdomains);
+
+        try {
+            $this->subdomainService->createSubdomain($server, $domain, $subdomain);
+            Log::info("Created subdomain {$subdomain}.{$domain->name} for new server {$server->id}");
+        } catch (\Exception $e) {
+            Log::error("Failed to create subdomain for server {$server->id}: {$e->getMessage()}");
+        }
     }
 
     /**
-     * Listen to the Server deleting event.
-     */
-    public function deleting(Server $server): void
-    {
-        event(new Events\Server\Deleting($server));
-    }
-
-    /**
-     * Listen to the Server deleted event.
-     */
-    public function deleted(Server $server): void
-    {
-        event(new Events\Server\Deleted($server));
-    }
-
-    /**
-     * Listen to the Server saving event.
-     */
-    public function saving(Server $server): void
-    {
-        event(new Events\Server\Saving($server));
-    }
-
-    /**
-     * Listen to the Server saved event.
-     */
-    public function saved(Server $server): void
-    {
-        event(new Events\Server\Saved($server));
-    }
-
-    /**
-     * Listen to the Server updating event.
-     */
-    public function updating(Server $server): void
-    {
-        event(new Events\Server\Updating($server));
-    }
-
-    /**
-     * Listen to the Server saved event.
+     * Handle the Server "updated" event.
      */
     public function updated(Server $server): void
     {
-        event(new Events\Server\Updated($server));
+        // Check if allocation_id changed (primary allocation changed)
+        if ($server->isDirty('allocation_id')) {
+            $this->syncSubdomainRecords($server);
+        }
+
+        // Check if egg_id changed (server software changed)
+        if ($server->isDirty('egg_id')) {
+            $this->handleServerSoftwareChange($server);
+        }
+    }
+
+    /**
+     * Handle the Server "deleting" event.
+     */
+    public function deleting(Server $server): void
+    {
+        // Delete all subdomains when server is deleted
+        $subdomains = $server->subdomains()->where('is_active', true)->get();
+        
+        foreach ($subdomains as $subdomain) {
+            try {
+                $this->subdomainService->deleteSubdomain($subdomain);
+            } catch (\Exception $e) {
+                Log::warning("Failed to delete subdomain {$subdomain->full_domain} for server {$server->id}: {$e->getMessage()}");
+            }
+        }
+    }
+
+    /**
+     * Sync subdomain DNS records when server allocation changes.
+     */
+    private function syncSubdomainRecords(Server $server): void
+    {
+        $activeSubdomain = $server->activeSubdomain;
+        
+        if (!$activeSubdomain) {
+            return;
+        }
+
+        try {
+            $this->subdomainService->updateSubdomain($activeSubdomain);
+            Log::info("Updated DNS records for subdomain {$activeSubdomain->full_domain} due to server allocation change");
+        } catch (\Exception $e) {
+            Log::error("Failed to update DNS records for subdomain {$activeSubdomain->full_domain}: {$e->getMessage()}");
+        }
+    }
+
+    /**
+     * Handle server software changes.
+     */
+    private function handleServerSoftwareChange(Server $server): void
+    {
+        $activeSubdomain = $server->activeSubdomain;
+        
+        if (!$activeSubdomain) {
+            return;
+        }
+
+        // Check if the new egg supports subdomains
+        $feature = $this->subdomainService->getServerSubdomainFeature($server);
+        
+        if (!$feature) {
+            // New software doesn't support subdomains, delete the subdomain
+            try {
+                $this->subdomainService->deleteSubdomain($activeSubdomain);
+                Log::info("Deleted subdomain {$activeSubdomain->full_domain} because new server software doesn't support subdomains");
+            } catch (\Exception $e) {
+                Log::error("Failed to delete subdomain {$activeSubdomain->full_domain} after software change: {$e->getMessage()}");
+            }
+        } else {
+            // New software supports subdomains, check if record type changed
+            $newRecordType = str_replace('subdomain_', '', $feature->getFeatureName());
+            if ($newRecordType !== $activeSubdomain->record_type) {
+                try {
+                    // Delete old records and create new ones
+                    $this->subdomainService->deleteSubdomain($activeSubdomain);
+                    $this->subdomainService->createSubdomain(
+                        $server,
+                        $activeSubdomain->domain,
+                        $activeSubdomain->subdomain
+                    );
+                    Log::info("Recreated subdomain {$activeSubdomain->full_domain} with new record type due to software change");
+                } catch (\Exception $e) {
+                    Log::error("Failed to recreate subdomain {$activeSubdomain->full_domain} after software change: {$e->getMessage()}");
+                }
+            } else {
+                // Same record type, just update records
+                try {
+                    $this->subdomainService->updateSubdomain($activeSubdomain);
+                    Log::info("Updated DNS records for subdomain {$activeSubdomain->full_domain} due to server software change");
+                } catch (\Exception $e) {
+                    Log::error("Failed to update DNS records for subdomain {$activeSubdomain->full_domain}: {$e->getMessage()}");
+                }
+            }
+        }
     }
 }
diff --git a/app/Observers/SessionActivityObserver.php b/app/Observers/SessionActivityObserver.php
new file mode 100644
index 000000000..d04c72a04
--- /dev/null
+++ b/app/Observers/SessionActivityObserver.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace Pterodactyl\Observers;
+
+use Pterodactyl\Models\SessionActivity;
+
+class SessionActivityObserver
+{
+    /**
+     * Handle the SessionActivity "creating" event.
+     */
+    public function creating(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+
+    /**
+     * Handle the SessionActivity "created" event.
+     */
+    public function created(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+
+    /**
+     * Handle the SessionActivity "updating" event.
+     */
+    public function updating(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+
+    /**
+     * Handle the SessionActivity "updated" event.
+     */
+    public function updated(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+
+    /**
+     * Handle the SessionActivity "deleting" event.
+     */
+    public function deleting(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+
+    /**
+     * Handle the SessionActivity "deleted" event.
+     */
+    public function deleted(SessionActivity $sessionActivity): void
+    {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index a7e246115..e33440852 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -65,6 +65,7 @@ class AppServiceProvider extends ServiceProvider
     $this->app->singleton('extensions.themes', function () {
       return new Theme();
     });
+
   }
 
   /**
diff --git a/app/Providers/BladeServiceProvider.php b/app/Providers/BladeServiceProvider.php
index 3512acfd9..1bc77c39f 100644
--- a/app/Providers/BladeServiceProvider.php
+++ b/app/Providers/BladeServiceProvider.php
@@ -2,18 +2,31 @@
 
 namespace Pterodactyl\Providers;
 
+use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\ServiceProvider;
+use Pterodactyl\Services\Captcha\CaptchaManager;
 
 class BladeServiceProvider extends ServiceProvider
 {
     /**
-     * Perform post-registration booting of services.
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        //
+    }
+
+    /**
+     * Bootstrap any application services.
      */
     public function boot(): void
     {
-        $this->app->make('blade.compiler')
-            ->directive('datetimeHuman', function ($expression) {
-                return "<?php echo \Carbon\CarbonImmutable::createFromFormat(\Carbon\CarbonImmutable::DEFAULT_TO_STRING_FORMAT, $expression)->setTimezone(config('app.timezone'))->toDateTimeString(); ?>";
-            });
+        Blade::directive('captcha', function ($form) {
+            return "<?php echo app('" . CaptchaManager::class . "')->getWidget($form); ?>";
+        });
+
+        Blade::if('captchaEnabled', function () {
+            return app(CaptchaManager::class)->getDefaultDriver() !== 'none';
+        });
     }
 }
diff --git a/app/Providers/CaptchaServiceProvider.php b/app/Providers/CaptchaServiceProvider.php
new file mode 100644
index 000000000..78fca10a6
--- /dev/null
+++ b/app/Providers/CaptchaServiceProvider.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Pterodactyl\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Pterodactyl\Services\Captcha\CaptchaManager;
+use Pterodactyl\Contracts\Repository\SettingsRepositoryInterface;
+
+class CaptchaServiceProvider extends ServiceProvider
+{
+    /**
+     * Register services.
+     */
+    public function register(): void
+    {
+        $this->app->singleton(CaptchaManager::class, function ($app) {
+            return new CaptchaManager($app, $app->make(SettingsRepositoryInterface::class));
+        });
+
+        $this->app->alias(CaptchaManager::class, 'captcha');
+    }
+
+    /**
+     * Bootstrap services.
+     */
+    public function boot(): void
+    {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php
index 6f91f24f5..1428af57b 100644
--- a/app/Providers/EventServiceProvider.php
+++ b/app/Providers/EventServiceProvider.php
@@ -3,11 +3,9 @@
 namespace Pterodactyl\Providers;
 
 use Pterodactyl\Models\User;
-use Pterodactyl\Models\Server;
 use Pterodactyl\Models\Subuser;
 use Pterodactyl\Models\EggVariable;
 use Pterodactyl\Observers\UserObserver;
-use Pterodactyl\Observers\ServerObserver;
 use Pterodactyl\Observers\SubuserObserver;
 use Pterodactyl\Observers\EggVariableObserver;
 use Pterodactyl\Listeners\Auth\AuthenticationListener;
@@ -36,7 +34,6 @@ class EventServiceProvider extends ServiceProvider
         parent::boot();
 
         User::observe(UserObserver::class);
-        Server::observe(ServerObserver::class);
         Subuser::observe(SubuserObserver::class);
         EggVariable::observe(EggVariableObserver::class);
     }
diff --git a/app/Providers/ObserverServiceProvider.php b/app/Providers/ObserverServiceProvider.php
new file mode 100644
index 000000000..d5c6efba8
--- /dev/null
+++ b/app/Providers/ObserverServiceProvider.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Pterodactyl\Providers;
+
+use Pterodactyl\Models\Egg;
+use Pterodactyl\Models\User;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\Subuser;
+use Pterodactyl\Models\Allocation;
+use Pterodactyl\Models\EggVariable;
+use Pterodactyl\Models\SessionActivity;
+use Pterodactyl\Observers\EggObserver;
+use Pterodactyl\Observers\UserObserver;
+use Pterodactyl\Observers\ServerObserver;
+use Pterodactyl\Observers\SubuserObserver;
+use Pterodactyl\Observers\AllocationObserver;
+use Pterodactyl\Observers\EggVariableObserver;
+use Pterodactyl\Observers\SessionActivityObserver;
+use Illuminate\Support\ServiceProvider;
+
+class ObserverServiceProvider extends ServiceProvider
+{
+    /**
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        //
+    }
+
+    /**
+     * Bootstrap any application services.
+     */
+    public function boot(): void
+    {
+        User::observe(UserObserver::class);
+        Server::observe(ServerObserver::class);
+        Subuser::observe(SubuserObserver::class);
+        Allocation::observe(AllocationObserver::class);
+        Egg::observe(EggObserver::class);
+        EggVariable::observe(EggVariableObserver::class);
+        SessionActivity::observe(SessionActivityObserver::class);
+    }
+}
\ No newline at end of file
diff --git a/app/Providers/ServerOperationServiceProvider.php b/app/Providers/ServerOperationServiceProvider.php
new file mode 100644
index 000000000..b4a1c4d61
--- /dev/null
+++ b/app/Providers/ServerOperationServiceProvider.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Pterodactyl\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Pterodactyl\Http\Middleware\Api\Client\Server\ServerOperationRateLimit;
+
+/**
+ * Service provider for server operations functionality.
+ *
+ * Registers commands, middleware, scheduled tasks, and configuration
+ * for the server operations system.
+ */
+class ServerOperationServiceProvider extends ServiceProvider
+{
+    /**
+     * Register services.
+     */
+    public function register(): void
+    {
+        // No commands to register currently
+    }
+
+    /**
+     * Bootstrap services.
+     */
+    public function boot(): void
+    {
+        $router = $this->app['router'];
+        $router->aliasMiddleware('server.operation.rate-limit', ServerOperationRateLimit::class);
+
+        $this->publishes([
+            __DIR__ . '/../../config/server_operations.php' => config_path('server_operations.php'),
+        ], 'server-operations-config');
+    }
+}
\ No newline at end of file
diff --git a/app/Providers/SettingsServiceProvider.php b/app/Providers/SettingsServiceProvider.php
index dbcca85ea..79cc1c078 100644
--- a/app/Providers/SettingsServiceProvider.php
+++ b/app/Providers/SettingsServiceProvider.php
@@ -12,102 +12,111 @@ use Pterodactyl\Contracts\Repository\SettingsRepositoryInterface;
 
 class SettingsServiceProvider extends ServiceProvider
 {
-    /**
-     * An array of configuration keys to override with database values
-     * if they exist.
-     */
-    protected array $keys = [
-        'app:name',
-        'app:locale',
-        'recaptcha:enabled',
-        'recaptcha:secret_key',
-        'recaptcha:website_key',
-        'pterodactyl:guzzle:timeout',
-        'pterodactyl:guzzle:connect_timeout',
-        'pterodactyl:console:count',
-        'pterodactyl:console:frequency',
-        'pterodactyl:auth:2fa_required',
-        'pterodactyl:client_features:allocations:enabled',
-        'pterodactyl:client_features:allocations:range_start',
-        'pterodactyl:client_features:allocations:range_end',
-    ];
+  /**
+   * An array of configuration keys to override with database values
+   * if they exist.
+   */
+  protected array $keys = [
+    'app:name',
+    'app:locale',
+    // existing mail keys, etc...
+    'pterodactyl:guzzle:timeout',
+    'pterodactyl:guzzle:connect_timeout',
+    'pterodactyl:console:count',
+    'pterodactyl:console:frequency',
+    'pterodactyl:auth:2fa_required',
+    'pterodactyl:client_features:allocations:enabled',
+    'pterodactyl:client_features:allocations:range_start',
+    'pterodactyl:client_features:allocations:range_end',
+    'pterodactyl:captcha:provider',
+    'pterodactyl:captcha:turnstile:site_key',
+    'pterodactyl:captcha:turnstile:secret_key',
+    'pterodactyl:captcha:hcaptcha:site_key',
+    'pterodactyl:captcha:hcaptcha:secret_key',
+    'pterodactyl:captcha:recaptcha:site_key',
+    'pterodactyl:captcha:recaptcha:secret_key',
+  ];
 
-    /**
-     * Keys specific to the mail driver that are only grabbed from the database
-     * when using the SMTP driver.
-     */
-    protected array $emailKeys = [
-        'mail:mailers:smtp:host',
-        'mail:mailers:smtp:port',
-        'mail:mailers:smtp:encryption',
-        'mail:mailers:smtp:username',
-        'mail:mailers:smtp:password',
-        'mail:from:address',
-        'mail:from:name',
-    ];
 
-    /**
-     * Keys that are encrypted and should be decrypted when set in the
-     * configuration array.
-     */
-    protected static array $encrypted = [
-        'mail:mailers:smtp:password',
-    ];
+  /**
+   * Keys specific to the mail driver that are only grabbed from the database
+   * when using the SMTP driver.
+   */
+  protected array $emailKeys = [
+    'mail:mailers:smtp:host',
+    'mail:mailers:smtp:port',
+    'mail:mailers:smtp:encryption',
+    'mail:mailers:smtp:username',
+    'mail:mailers:smtp:password',
+    'mail:from:address',
+    'mail:from:name',
+  ];
 
-    /**
-     * Boot the service provider.
-     */
-    public function boot(ConfigRepository $config, Encrypter $encrypter, Log $log, SettingsRepositoryInterface $settings): void
-    {
-        // Only set the email driver settings from the database if we
-        // are configured using SMTP as the driver.
-        if ($config->get('mail.default') === 'smtp') {
-            $this->keys = array_merge($this->keys, $this->emailKeys);
-        }
+  /**
+   * Keys that are encrypted and should be decrypted when set in the
+   * configuration array.
+   */
+  protected static array $encrypted = [
+    'mail:mailers:smtp:password',
+    'pterodactyl:captcha:turnstile:secret_key',
+    'pterodactyl:captcha:hcaptcha:secret_key',
+    'pterodactyl:captcha:recaptcha:secret_key',
+  ];
 
+  /**
+   * Boot the service provider.
+   */
+  public function boot(ConfigRepository $config, Encrypter $encrypter, Log $log, SettingsRepositoryInterface $settings): void
+  {
+    // Only set the email driver settings from the database if we
+    // are configured using SMTP as the driver.
+    if ($config->get('mail.default') === 'smtp') {
+      $this->keys = array_merge($this->keys, $this->emailKeys);
+    }
+
+    try {
+      $values = $settings->all()->mapWithKeys(function ($setting) {
+        return [$setting->key => $setting->value];
+      })->toArray();
+    } catch (QueryException $exception) {
+      $log->notice('A query exception was encountered while trying to load settings from the database: ' . $exception->getMessage());
+
+      return;
+    }
+
+    foreach ($this->keys as $key) {
+      $value = array_get($values, 'settings::' . $key, $config->get(str_replace(':', '.', $key)));
+      if (in_array($key, self::$encrypted)) {
         try {
-            $values = $settings->all()->mapWithKeys(function ($setting) {
-                return [$setting->key => $setting->value];
-            })->toArray();
-        } catch (QueryException $exception) {
-            $log->notice('A query exception was encountered while trying to load settings from the database: ' . $exception->getMessage());
-
-            return;
+          $value = $encrypter->decrypt($value);
+        } catch (DecryptException $exception) {
         }
+      }
 
-        foreach ($this->keys as $key) {
-            $value = array_get($values, 'settings::' . $key, $config->get(str_replace(':', '.', $key)));
-            if (in_array($key, self::$encrypted)) {
-                try {
-                    $value = $encrypter->decrypt($value);
-                } catch (DecryptException $exception) {
-                }
-            }
+      switch (strtolower($value)) {
+        case 'true':
+        case '(true)':
+          $value = true;
+          break;
+        case 'false':
+        case '(false)':
+          $value = false;
+          break;
+        case 'empty':
+        case '(empty)':
+          $value = '';
+          break;
+        case 'null':
+        case '(null)':
+          $value = null;
+      }
 
-            switch (strtolower($value)) {
-                case 'true':
-                case '(true)':
-                    $value = true;
-                    break;
-                case 'false':
-                case '(false)':
-                    $value = false;
-                    break;
-                case 'empty':
-                case '(empty)':
-                    $value = '';
-                    break;
-                case 'null':
-                case '(null)':
-                    $value = null;
-            }
-
-            $config->set(str_replace(':', '.', $key), $value);
-        }
+      $config->set(str_replace(':', '.', $key), $value);
     }
+  }
 
-    public static function getEncryptedKeys(): array
-    {
-        return self::$encrypted;
-    }
+  public static function getEncryptedKeys(): array
+  {
+    return self::$encrypted;
+  }
 }
diff --git a/app/Providers/SubdomainServiceProvider.php b/app/Providers/SubdomainServiceProvider.php
new file mode 100644
index 000000000..d364d6c36
--- /dev/null
+++ b/app/Providers/SubdomainServiceProvider.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Pterodactyl\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+
+class SubdomainServiceProvider extends ServiceProvider
+{
+    /**
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        $this->app->singleton(SubdomainManagementService::class, function ($app) {
+            return new SubdomainManagementService();
+        });
+    }
+
+    /**
+     * Bootstrap any application services.
+     */
+    public function boot(): void
+    {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Repositories/Eloquent/BackupRepository.php b/app/Repositories/Eloquent/BackupRepository.php
index bbc5d2cd9..49cd36ca9 100644
--- a/app/Repositories/Eloquent/BackupRepository.php
+++ b/app/Repositories/Eloquent/BackupRepository.php
@@ -42,4 +42,16 @@ class BackupRepository extends EloquentRepository
                 ->orWhere('is_successful', true);
         });
     }
+
+    /**
+     * Returns backups that are currently in progress for a specific server.
+     */
+    public function getBackupsInProgress(int $serverId): Collection
+    {
+        return $this->getBuilder()
+            ->where('server_id', $serverId)
+            ->whereNull('completed_at')
+            ->get()
+            ->toBase();
+    }
 }
diff --git a/app/Repositories/Eloquent/LocationRepository.php b/app/Repositories/Eloquent/LocationRepository.php
index 066f6d2fa..b7c6b52ea 100644
--- a/app/Repositories/Eloquent/LocationRepository.php
+++ b/app/Repositories/Eloquent/LocationRepository.php
@@ -23,7 +23,45 @@ class LocationRepository extends EloquentRepository implements LocationRepositor
      */
     public function getAllWithDetails(): Collection
     {
-        return $this->getBuilder()->withCount('nodes', 'servers')->get($this->getColumns());
+        $locations = $this->getBuilder()->withCount('nodes', 'servers')->get($this->getColumns());
+
+        foreach ($locations as $location) {
+            $nodes = $location->nodes()->with('servers')->get();
+
+            $totalMemory = 0;
+            $allocatedMemory = 0;
+            $totalDisk = 0;
+            $allocatedDisk = 0;
+
+            foreach ($nodes as $node) {
+                $baseMemoryLimit = $node->memory;
+                $baseDiskLimit = $node->disk;
+                $memoryLimit = $baseMemoryLimit * (1 + ($node->memory_overallocate / 100));
+                $diskLimit = $baseDiskLimit * (1 + ($node->disk_overallocate / 100));
+    
+                $totalMemory += $memoryLimit;
+                $totalDisk += $diskLimit;
+    
+                $nodeAllocatedMemory = $node->servers->where('exclude_from_resource_calculation', false)->sum('memory');
+                $nodeAllocatedDisk = $node->servers->where('exclude_from_resource_calculation', false)->sum('disk');
+    
+                $allocatedMemory += $nodeAllocatedMemory;
+                $allocatedDisk += $nodeAllocatedDisk;
+            }
+    
+            $totalBaseMemory = $nodes->sum('memory');
+            $totalBaseDisk = $nodes->sum('disk');
+            
+            $location->memory_percent = $totalBaseMemory > 0 ? ($allocatedMemory / $totalBaseMemory) * 100 : 0;
+            $location->disk_percent = $totalBaseDisk > 0 ? ($allocatedDisk / $totalBaseDisk) * 100 : 0;
+    
+            $location->total_memory = $totalMemory;
+            $location->allocated_memory = $allocatedMemory;
+            $location->total_disk = $totalDisk;
+            $location->allocated_disk = $allocatedDisk;
+        }
+
+        return $locations;
     }
 
     /**
diff --git a/app/Repositories/Eloquent/NodeRepository.php b/app/Repositories/Eloquent/NodeRepository.php
index 73915a14e..14d13dc3c 100644
--- a/app/Repositories/Eloquent/NodeRepository.php
+++ b/app/Repositories/Eloquent/NodeRepository.php
@@ -25,16 +25,18 @@ class NodeRepository extends EloquentRepository implements NodeRepositoryInterfa
       ->selectRaw('COALESCE(SUM(servers.memory), 0) as sum_memory, COALESCE(SUM(servers.disk), 0) as sum_disk')
       ->join('servers', 'servers.node_id', '=', 'nodes.id')
       ->where('node_id', '=', $node->id)
+      ->where('servers.exclude_from_resource_calculation', '=', false)
       ->first();
 
     return Collection::make(['disk' => $stats->sum_disk, 'memory' => $stats->sum_memory])
       ->mapWithKeys(function ($value, $key) use ($node) {
-        $maxUsage = $node->{$key};
+        $baseLimit = $node->{$key};
+        $maxUsage = $baseLimit;
         if ($node->{$key . '_overallocate'} > 0) {
-          $maxUsage = $node->{$key} * (1 + ($node->{$key . '_overallocate'} / 100));
+          $maxUsage = $baseLimit * (1 + ($node->{$key . '_overallocate'} / 100));
         }
 
-        $percent = ($value / $maxUsage) * 100;
+        $percent = ($value / $baseLimit) * 100;
 
         return [
           $key => [
@@ -55,18 +57,23 @@ class NodeRepository extends EloquentRepository implements NodeRepositoryInterfa
   {
     $stats = $this->getBuilder()->select(
       $this->getBuilder()->raw('COALESCE(SUM(servers.memory), 0) as sum_memory, COALESCE(SUM(servers.disk), 0) as sum_disk')
-    )->join('servers', 'servers.node_id', '=', 'nodes.id')->where('node_id', $node->id)->first();
+    )->join('servers', 'servers.node_id', '=', 'nodes.id')
+     ->where('node_id', $node->id)
+     ->where('servers.exclude_from_resource_calculation', '=', false)
+     ->first();
 
     return collect(['disk' => $stats->sum_disk, 'memory' => $stats->sum_memory])->mapWithKeys(function ($value, $key) use ($node) {
-      $maxUsage = $node->{$key};
+      $baseLimit = $node->{$key};
+      $maxUsage = $baseLimit;
       if ($node->{$key . '_overallocate'} > 0) {
-        $maxUsage = $node->{$key} * (1 + ($node->{$key . '_overallocate'} / 100));
+        $maxUsage = $baseLimit * (1 + ($node->{$key . '_overallocate'} / 100));
       }
 
       return [
         $key => [
           'value' => $value,
           'max' => $maxUsage,
+          'base_limit' => $baseLimit,
         ],
       ];
     })->toArray();
@@ -144,7 +151,10 @@ class NodeRepository extends EloquentRepository implements NodeRepositoryInterfa
     $instance = $this->getBuilder()
       ->select(['nodes.id', 'nodes.fqdn', 'nodes.scheme', 'nodes.daemon_token', 'nodes.daemonListen', 'nodes.memory', 'nodes.disk', 'nodes.memory_overallocate', 'nodes.disk_overallocate'])
       ->selectRaw('COALESCE(SUM(servers.memory), 0) as sum_memory, COALESCE(SUM(servers.disk), 0) as sum_disk')
-      ->leftJoin('servers', 'servers.node_id', '=', 'nodes.id')
+      ->leftJoin('servers', function($join) {
+          $join->on('servers.node_id', '=', 'nodes.id')
+               ->where('servers.exclude_from_resource_calculation', '=', false);
+      })
       ->where('nodes.id', $node_id);
 
     return $instance->first();
diff --git a/app/Repositories/Wings/DaemonBackupRepository.php b/app/Repositories/Wings/DaemonBackupRepository.php
index 228784089..b568339bb 100644
--- a/app/Repositories/Wings/DaemonBackupRepository.php
+++ b/app/Repositories/Wings/DaemonBackupRepository.php
@@ -54,10 +54,11 @@ class DaemonBackupRepository extends DaemonRepository
 
     /**
      * Sends a request to Wings to begin restoring a backup for a server.
+     * Always truncates the directory for a clean restore.
      *
      * @throws DaemonConnectionException
      */
-    public function restore(Backup $backup, ?string $url = null, bool $truncate = false): ResponseInterface
+    public function restore(Backup $backup, ?string $url = null): ResponseInterface
     {
         Assert::isInstanceOf($this->server, Server::class);
 
@@ -67,7 +68,7 @@ class DaemonBackupRepository extends DaemonRepository
                 [
                     'json' => [
                         'adapter' => $backup->disk,
-                        'truncate_directory' => $truncate,
+                        'truncate_directory' => true,
                         'download_url' => $url ?? '',
                     ],
                 ]
diff --git a/app/Services/Allocations/AssignmentService.php b/app/Services/Allocations/AssignmentService.php
index 979f74bb9..9048c851a 100644
--- a/app/Services/Allocations/AssignmentService.php
+++ b/app/Services/Allocations/AssignmentService.php
@@ -18,7 +18,7 @@ class AssignmentService
     public const CIDR_MIN_BITS = 32;
     public const PORT_FLOOR = 1024;
     public const PORT_CEIL = 65535;
-    public const PORT_RANGE_LIMIT = 1000;
+    public const PORT_RANGE_LIMIT = 100000;
     public const PORT_RANGE_REGEX = '/^(\d{4,5})-(\d{4,5})$/';
 
     /**
@@ -52,6 +52,12 @@ class AssignmentService
             // an array of records, which is not ideal for this use case, we need a SINGLE
             // IP to use, not multiple.
             $underlying = gethostbyname($data['allocation_ip']);
+            
+            // Validate that gethostbyname returned a valid IP
+            if (!filter_var($underlying, FILTER_VALIDATE_IP)) {
+                throw new DisplayException("gethostbyname returned invalid IP address: {$underlying} for input: {$data['allocation_ip']}");
+            }
+            
             $parsed = Network::parse($underlying);
         } catch (\Exception $exception) {
             /* @noinspection PhpUndefinedVariableInspection */
@@ -78,9 +84,16 @@ class AssignmentService
                     }
 
                     foreach ($block as $unit) {
+                        $ipString = $ip->__toString();
+                        
+                        // Validate the IP string before insertion
+                        if (!filter_var($ipString, FILTER_VALIDATE_IP)) {
+                            throw new DisplayException("Invalid IP address generated: {$ipString}");
+                        }
+                        
                         $insertData[] = [
                             'node_id' => $node->id,
-                            'ip' => $ip->__toString(),
+                            'ip' => $ipString,
                             'port' => (int) $unit,
                             'ip_alias' => array_get($data, 'allocation_alias'),
                             'server_id' => null,
@@ -91,9 +104,16 @@ class AssignmentService
                         throw new PortOutOfRangeException();
                     }
 
+                    $ipString = $ip->__toString();
+                    
+                    // Validate the IP string before insertion
+                    if (!filter_var($ipString, FILTER_VALIDATE_IP)) {
+                        throw new DisplayException("Invalid IP address generated: {$ipString}");
+                    }
+                    
                     $insertData[] = [
                         'node_id' => $node->id,
-                        'ip' => $ip->__toString(),
+                        'ip' => $ipString,
                         'port' => (int) $port,
                         'ip_alias' => array_get($data, 'allocation_alias'),
                         'server_id' => null,
diff --git a/app/Services/Allocations/FindAssignableAllocationService.php b/app/Services/Allocations/FindAssignableAllocationService.php
index ffc15d044..82204498b 100644
--- a/app/Services/Allocations/FindAssignableAllocationService.php
+++ b/app/Services/Allocations/FindAssignableAllocationService.php
@@ -34,19 +34,41 @@ class FindAssignableAllocationService
             throw new AutoAllocationNotEnabledException();
         }
 
+        // Validate that the server has a valid primary allocation IP
+        if (!$server->allocation) {
+            throw new \Pterodactyl\Exceptions\DisplayException("Server has no primary allocation");
+        }
+        
+        $allocationIp = $server->allocation->ip;
+        
+        // If it's not a valid IP, try to resolve it as a hostname
+        if (!filter_var($allocationIp, FILTER_VALIDATE_IP)) {
+            $resolvedIp = gethostbyname($allocationIp);
+            
+            // If gethostbyname fails, it returns the original hostname
+            if ($resolvedIp === $allocationIp || !filter_var($resolvedIp, FILTER_VALIDATE_IP)) {
+                throw new \Pterodactyl\Exceptions\DisplayException(
+                    "Cannot resolve allocation IP/hostname '{$allocationIp}' to a valid IP address"
+                );
+            }
+            
+            // Use the resolved IP for allocation operations
+            $allocationIp = $resolvedIp;
+        }
+
         // Attempt to find a given available allocation for a server. If one cannot be found
         // we will fall back to attempting to create a new allocation that can be used for the
         // server.
         /** @var Allocation|null $allocation */
         $allocation = $server->node->allocations()
-            ->where('ip', $server->allocation->ip)
+            ->where('ip', $allocationIp)
             ->whereNull('server_id')
             ->inRandomOrder()
             ->first();
 
-        $allocation = $allocation ?? $this->createNewAllocation($server);
+        $allocation = $allocation ?? $this->createNewAllocation($server, $allocationIp);
 
-        $allocation->update(['server_id' => $server->id]);
+        $allocation->skipValidation()->update(['server_id' => $server->id]);
 
         return $allocation->refresh();
     }
@@ -62,7 +84,7 @@ class FindAssignableAllocationService
      * @throws \Pterodactyl\Exceptions\Service\Allocation\PortOutOfRangeException
      * @throws \Pterodactyl\Exceptions\Service\Allocation\TooManyPortsInRangeException
      */
-    protected function createNewAllocation(Server $server): Allocation
+    protected function createNewAllocation(Server $server, string $resolvedIp): Allocation
     {
         $start = config('pterodactyl.client_features.allocations.range_start', null);
         $end = config('pterodactyl.client_features.allocations.range_end', null);
@@ -77,7 +99,7 @@ class FindAssignableAllocationService
         // Get all of the currently allocated ports for the node so that we can figure out
         // which port might be available.
         $ports = $server->node->allocations()
-            ->where('ip', $server->allocation->ip)
+            ->where('ip', $resolvedIp)
             ->whereBetween('port', [$start, $end])
             ->pluck('port');
 
@@ -96,13 +118,13 @@ class FindAssignableAllocationService
         $port = $available[array_rand($available)];
 
         $this->service->handle($server->node, [
-            'allocation_ip' => $server->allocation->ip,
+            'allocation_ip' => $resolvedIp,
             'allocation_ports' => [$port],
         ]);
 
         /** @var Allocation $allocation */
         $allocation = $server->node->allocations()
-            ->where('ip', $server->allocation->ip)
+            ->where('ip', $resolvedIp)
             ->where('port', $port)
             ->firstOrFail();
 
diff --git a/app/Services/Backups/DeleteBackupService.php b/app/Services/Backups/DeleteBackupService.php
index b77ac8e1c..d6e8c5775 100644
--- a/app/Services/Backups/DeleteBackupService.php
+++ b/app/Services/Backups/DeleteBackupService.php
@@ -68,15 +68,29 @@ class DeleteBackupService
     protected function deleteFromS3(Backup $backup): void
     {
         $this->connection->transaction(function () use ($backup) {
-            $backup->delete();
-
             /** @var \Pterodactyl\Extensions\Filesystem\S3Filesystem $adapter */
             $adapter = $this->manager->adapter(Backup::ADAPTER_AWS_S3);
 
-            $adapter->getClient()->deleteObject([
-                'Bucket' => $adapter->getBucket(),
-                'Key' => sprintf('%s/%s.tar.gz', $backup->server->uuid, $backup->uuid),
-            ]);
+            $s3Key = sprintf('%s/%s.tar.gz', $backup->server->uuid, $backup->uuid);
+            
+            // First delete from S3, then from database to prevent orphaned records
+            try {
+                $adapter->getClient()->deleteObject([
+                    'Bucket' => $adapter->getBucket(),
+                    'Key' => $s3Key,
+                ]);
+            } catch (\Exception $e) {
+                // Log S3 deletion failure but continue with database cleanup
+                \Log::warning('Failed to delete backup from S3, continuing with database cleanup', [
+                    'backup_uuid' => $backup->uuid,
+                    'server_uuid' => $backup->server->uuid,
+                    's3_key' => $s3Key,
+                    'error' => $e->getMessage(),
+                ]);
+            }
+
+            // Delete from database after S3 cleanup
+            $backup->delete();
         });
     }
 }
diff --git a/app/Services/Backups/InitiateBackupService.php b/app/Services/Backups/InitiateBackupService.php
index c00b46c8a..78a27eb08 100644
--- a/app/Services/Backups/InitiateBackupService.php
+++ b/app/Services/Backups/InitiateBackupService.php
@@ -3,7 +3,6 @@
 namespace Pterodactyl\Services\Backups;
 
 use Ramsey\Uuid\Uuid;
-use Carbon\CarbonImmutable;
 use Webmozart\Assert\Assert;
 use Pterodactyl\Models\Backup;
 use Pterodactyl\Models\Server;
@@ -13,6 +12,7 @@ use Pterodactyl\Repositories\Eloquent\BackupRepository;
 use Pterodactyl\Repositories\Wings\DaemonBackupRepository;
 use Pterodactyl\Exceptions\Service\Backup\TooManyBackupsException;
 use Symfony\Component\HttpKernel\Exception\TooManyRequestsHttpException;
+use Carbon\CarbonImmutable;
 
 class InitiateBackupService
 {
@@ -29,6 +29,7 @@ class InitiateBackupService
         private DaemonBackupRepository $daemonBackupRepository,
         private DeleteBackupService $deleteBackupService,
         private BackupManager $backupManager,
+        private ServerStateService $serverStateService,
     ) {
     }
 
@@ -75,15 +76,13 @@ class InitiateBackupService
      */
     public function handle(Server $server, ?string $name = null, bool $override = false): Backup
     {
-        $limit = config('backups.throttles.limit');
-        $period = config('backups.throttles.period');
-        if ($period > 0) {
-            $previous = $this->repository->getBackupsGeneratedDuringTimespan($server->id, $period);
-            if ($previous->count() >= $limit) {
-                $message = sprintf('Only %d backups may be generated within a %d second span of time.', $limit, $period);
-
-                throw new TooManyRequestsHttpException((int) CarbonImmutable::now()->diffInSeconds($previous->last()->created_at->addSeconds($period)), $message);
-            }
+        // Validate server state before creating backup
+        $this->validateServerForBackup($server);
+        
+        // Check for existing backups in progress (only allow one at a time)
+        $inProgressBackups = $this->repository->getBackupsInProgress($server->id);
+        if ($inProgressBackups->count() > 0) {
+            throw new TooManyRequestsHttpException(30, 'A backup is already in progress. Please wait for it to complete before starting another.');
         }
 
         // Check if the server has reached or exceeded its backup limit.
@@ -108,21 +107,57 @@ class InitiateBackupService
         }
 
         return $this->connection->transaction(function () use ($server, $name) {
+            // Sanitize backup name to prevent injection
+            $backupName = trim($name) ?: sprintf('Backup at %s', CarbonImmutable::now()->toDateTimeString());
+            $backupName = preg_replace('/[^a-zA-Z0-9\s\-_\.]/', '', $backupName);
+            $backupName = substr($backupName, 0, 191); // Limit to database field length
+            
+            $serverState = $this->serverStateService->captureServerState($server);
+            
             /** @var Backup $backup */
             $backup = $this->repository->create([
                 'server_id' => $server->id,
                 'uuid' => Uuid::uuid4()->toString(),
-                'name' => trim($name) ?: sprintf('Backup at %s', CarbonImmutable::now()->toDateTimeString()),
+                'name' => $backupName,
                 'ignored_files' => array_values($this->ignoredFiles ?? []),
                 'disk' => $this->backupManager->getDefaultAdapter(),
                 'is_locked' => $this->isLocked,
+                'server_state' => $serverState,
             ], true, true);
 
-            $this->daemonBackupRepository->setServer($server)
-                ->setBackupAdapter($this->backupManager->getDefaultAdapter())
-                ->backup($backup);
+            try {
+                $this->daemonBackupRepository->setServer($server)
+                    ->setBackupAdapter($this->backupManager->getDefaultAdapter())
+                    ->backup($backup);
+            } catch (\Exception $e) {
+                // If daemon backup request fails, clean up the backup record
+                $backup->delete();
+                throw $e;
+            }
 
             return $backup;
         });
     }
+
+    /**
+     * Validate that the server is in a valid state for backup creation
+     */
+    private function validateServerForBackup(Server $server): void
+    {
+        if ($server->isSuspended()) {
+            throw new TooManyBackupsException(0, 'Cannot create backup for suspended server.');
+        }
+        
+        if (!$server->isInstalled()) {
+            throw new TooManyBackupsException(0, 'Cannot create backup for server that is not fully installed.');
+        }
+        
+        if ($server->status === Server::STATUS_RESTORING_BACKUP) {
+            throw new TooManyBackupsException(0, 'Cannot create backup while server is restoring from another backup.');
+        }
+        
+        if ($server->transfer) {
+            throw new TooManyBackupsException(0, 'Cannot create backup while server is being transferred.');
+        }
+    }
 }
diff --git a/app/Services/Backups/ServerStateService.php b/app/Services/Backups/ServerStateService.php
new file mode 100644
index 000000000..dad8c1736
--- /dev/null
+++ b/app/Services/Backups/ServerStateService.php
@@ -0,0 +1,248 @@
+<?php
+
+namespace Pterodactyl\Services\Backups;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\Backup;
+use Illuminate\Support\Collection;
+use Illuminate\Database\ConnectionInterface;
+
+class ServerStateService
+{
+    public function __construct(
+        private ConnectionInterface $connection,
+    ) {
+    }
+
+    /**
+     * Captures the current server state for backup.
+     * This includes nest_id, egg_id, startup command, docker image, and all configured variables.
+     */
+    public function captureServerState(Server $server): array
+    {
+        // Load server with relationships needed for state capture
+        $server->load(['variables', 'egg', 'nest']);
+
+        // Capture basic server configuration
+        $state = [
+            'nest_id' => $server->nest_id,
+            'egg_id' => $server->egg_id,
+            'startup' => $server->startup,
+            'image' => $server->image,
+            'captured_at' => now()->toISOString(),
+        ];
+
+        // Capture all server variables with their current values
+        $variables = [];
+        foreach ($server->variables as $variable) {
+            $variables[] = [
+                'variable_id' => $variable->id,
+                'env_variable' => $variable->env_variable,
+                'name' => $variable->name,
+                'description' => $variable->description,
+                'default_value' => $variable->default_value,
+                'user_viewable' => $variable->user_viewable,
+                'user_editable' => $variable->user_editable,
+                'rules' => $variable->rules,
+                'server_value' => $variable->server_value, // Current configured value
+            ];
+        }
+        $state['variables'] = $variables;
+
+        // Capture egg information for reference
+        if ($server->egg) {
+            $state['egg_info'] = [
+                'name' => $server->egg->name,
+                'description' => $server->egg->description,
+                'uuid' => $server->egg->uuid,
+                'docker_images' => $server->egg->docker_images,
+            ];
+        }
+
+        // Capture nest information for reference
+        if ($server->nest) {
+            $state['nest_info'] = [
+                'name' => $server->nest->name,
+                'description' => $server->nest->description,
+                'uuid' => $server->nest->uuid,
+            ];
+        }
+
+        return $state;
+    }
+
+    /**
+     * Restores server state from a backup.
+     * This will update the server's configuration to match the backup state.
+     */
+    public function restoreServerState(Server $server, Backup $backup): void
+    {
+        if (empty($backup->server_state)) {
+            // Backup doesn't contain server state (backward compatibility)
+            return;
+        }
+
+        $state = $backup->server_state;
+
+        $this->connection->transaction(function () use ($server, $state) {
+            // Update basic server configuration
+            $serverUpdates = [];
+            
+            if (isset($state['nest_id'])) {
+                $serverUpdates['nest_id'] = $state['nest_id'];
+            }
+            
+            if (isset($state['egg_id'])) {
+                $serverUpdates['egg_id'] = $state['egg_id'];
+            }
+            
+            if (isset($state['startup'])) {
+                $serverUpdates['startup'] = $state['startup'];
+            }
+            
+            if (isset($state['image'])) {
+                $serverUpdates['image'] = $state['image'];
+            }
+
+            if (!empty($serverUpdates)) {
+                $server->update($serverUpdates);
+            }
+
+            // Restore server variables
+            if (isset($state['variables']) && is_array($state['variables'])) {
+                $this->restoreServerVariables($server, $state['variables']);
+            }
+        });
+    }
+
+    /**
+     * Restores server variables from backup state.
+     */
+    private function restoreServerVariables(Server $server, array $variables): void
+    {
+        // First, clear existing server variables to ensure clean state
+        $this->connection->table('server_variables')
+            ->where('server_id', $server->id)
+            ->delete();
+
+        // Restore variables from backup state
+        foreach ($variables as $variable) {
+            if (!isset($variable['env_variable'], $variable['server_value'])) {
+                continue; // Skip invalid variable data
+            }
+
+            // Find the current egg variable by environment variable name
+            // We use env_variable as the key since variable IDs might have changed
+            $currentEggVariable = $this->connection->table('egg_variables')
+                ->where('egg_id', $server->egg_id)
+                ->where('env_variable', $variable['env_variable'])
+                ->first();
+
+            if ($currentEggVariable) {
+                // Insert server variable with the restored value
+                $this->connection->table('server_variables')->insert([
+                    'server_id' => $server->id,
+                    'variable_id' => $currentEggVariable->id,
+                    'variable_value' => $variable['server_value'],
+                    'created_at' => now(),
+                    'updated_at' => now(),
+                ]);
+            }
+        }
+    }
+
+    /**
+     * Validates if the server state can be restored.
+     * Checks if the target nest and egg still exist.
+     */
+    public function validateRestoreCompatibility(Backup $backup): array
+    {
+        $warnings = [];
+        $errors = [];
+
+        if (empty($backup->server_state)) {
+            return ['warnings' => [], 'errors' => []];
+        }
+
+        $state = $backup->server_state;
+
+        // Check if nest still exists
+        if (isset($state['nest_id'])) {
+            $nestExists = $this->connection->table('nests')
+                ->where('id', $state['nest_id'])
+                ->exists();
+            
+            if (!$nestExists) {
+                $nestName = $state['nest_info']['name'] ?? 'Unknown';
+                $errors[] = "Nest '{$nestName}' (ID: {$state['nest_id']}) no longer exists.";
+            }
+        }
+
+        // Check if egg still exists
+        if (isset($state['egg_id'])) {
+            $eggExists = $this->connection->table('eggs')
+                ->where('id', $state['egg_id'])
+                ->exists();
+            
+            if (!$eggExists) {
+                $eggName = $state['egg_info']['name'] ?? 'Unknown';
+                $errors[] = "Egg '{$eggName}' (ID: {$state['egg_id']}) no longer exists.";
+            }
+        }
+
+        // Check for missing variables
+        if (isset($state['variables']) && is_array($state['variables'])) {
+            $missingVariables = [];
+            
+            foreach ($state['variables'] as $variable) {
+                if (!isset($variable['env_variable'])) continue;
+                
+                $exists = $this->connection->table('egg_variables')
+                    ->where('egg_id', $state['egg_id'] ?? 0)
+                    ->where('env_variable', $variable['env_variable'])
+                    ->exists();
+                
+                if (!$exists) {
+                    $missingVariables[] = $variable['name'] ?? $variable['env_variable'];
+                }
+            }
+            
+            if (!empty($missingVariables)) {
+                $warnings[] = 'Some variables from the backup no longer exist in the current egg: ' . implode(', ', $missingVariables);
+            }
+        }
+
+        return [
+            'warnings' => $warnings,
+            'errors' => $errors,
+        ];
+    }
+
+    /**
+     * Checks if a backup has server state data.
+     */
+    public function hasServerState(Backup $backup): bool
+    {
+        return !empty($backup->server_state);
+    }
+
+    /**
+     * Gets a summary of the server state for display purposes.
+     */
+    public function getStateSummary(Backup $backup): ?array
+    {
+        if (!$this->hasServerState($backup)) {
+            return null;
+        }
+
+        $state = $backup->server_state;
+        
+        return [
+            'nest_name' => $state['nest_info']['name'] ?? 'Unknown',
+            'egg_name' => $state['egg_info']['name'] ?? 'Unknown',
+            'image' => $state['image'] ?? 'Unknown',
+            'variables_count' => count($state['variables'] ?? []),
+            'captured_at' => $state['captured_at'] ?? null,
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Captcha/CaptchaManager.php b/app/Services/Captcha/CaptchaManager.php
new file mode 100644
index 000000000..e62a30848
--- /dev/null
+++ b/app/Services/Captcha/CaptchaManager.php
@@ -0,0 +1,106 @@
+<?php
+
+namespace Pterodactyl\Services\Captcha;
+
+use Illuminate\Support\Manager;
+use Pterodactyl\Services\Captcha\Providers\TurnstileProvider;
+use Pterodactyl\Services\Captcha\Providers\HCaptchaProvider;
+use Pterodactyl\Services\Captcha\Providers\RecaptchaProvider;
+use Pterodactyl\Services\Captcha\Providers\NullProvider;
+use Pterodactyl\Contracts\Repository\SettingsRepositoryInterface;
+
+class CaptchaManager extends Manager
+{
+    protected SettingsRepositoryInterface $settings;
+
+    public function __construct($app, SettingsRepositoryInterface $settings)
+    {
+        parent::__construct($app);
+        $this->settings = $settings;
+    }
+
+    /**
+     * Get the default driver name.
+     */
+    public function getDefaultDriver(): string
+    {
+        return $this->settings->get('settings::pterodactyl:captcha:provider', 'none');
+    }
+
+    /**
+     * Create the null captcha driver (no captcha).
+     */
+    public function createNoneDriver(): NullProvider
+    {
+        return new NullProvider();
+    }
+
+    /**
+     * Create the Turnstile captcha driver.
+     */
+    public function createTurnstileDriver(): TurnstileProvider
+    {
+        return new TurnstileProvider([
+            'site_key' => config('pterodactyl.captcha.turnstile.site_key', ''),
+            'secret_key' => config('pterodactyl.captcha.turnstile.secret_key', ''),
+        ]);
+    }
+
+    /**
+     * Create the hCaptcha captcha driver.
+     */
+    public function createHcaptchaDriver(): HCaptchaProvider
+    {
+        return new HCaptchaProvider([
+            'site_key' => config('pterodactyl.captcha.hcaptcha.site_key', ''),
+            'secret_key' => config('pterodactyl.captcha.hcaptcha.secret_key', ''),
+        ]);
+    }
+
+    /**
+     * Create the reCAPTCHA captcha driver.
+     */
+    public function createRecaptchaDriver(): RecaptchaProvider
+    {
+        return new RecaptchaProvider([
+            'site_key' => config('pterodactyl.captcha.recaptcha.site_key', ''),
+            'secret_key' => config('pterodactyl.captcha.recaptcha.secret_key', ''),
+        ]);
+    }
+
+    /**
+     * Get the captcha widget HTML.
+     */
+    public function getWidget(): string
+    {
+        if ($this->getDefaultDriver() === 'none') {
+            return '';
+        }
+
+        return $this->driver()->getWidget('default');
+    }
+
+    /**
+     * Verify a captcha response.
+     */
+    public function verify(string $response, ?string $remoteIp = null): bool
+    {
+        if ($this->getDefaultDriver() === 'none') {
+            return true;
+        }
+
+        return $this->driver()->verify($response, $remoteIp);
+    }
+
+    /**
+     * Get the JavaScript includes needed for the captcha.
+     */
+    public function getScriptIncludes(): array
+    {
+        if ($this->getDefaultDriver() === 'none') {
+            return [];
+        }
+
+        return $this->driver()->getScriptIncludes();
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Captcha/Providers/HCaptchaProvider.php b/app/Services/Captcha/Providers/HCaptchaProvider.php
new file mode 100644
index 000000000..f8963a1f6
--- /dev/null
+++ b/app/Services/Captcha/Providers/HCaptchaProvider.php
@@ -0,0 +1,128 @@
+<?php
+
+namespace Pterodactyl\Services\Captcha\Providers;
+
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Contracts\Captcha\CaptchaProviderInterface;
+
+class HCaptchaProvider implements CaptchaProviderInterface
+{
+    protected string $siteKey;
+    protected string $secretKey;
+    protected string $verifyUrl = 'https://api.hcaptcha.com/siteverify';
+
+    public function __construct(array $config)
+    {
+        $this->siteKey = $config['site_key'] ?? '';
+        $this->secretKey = $config['secret_key'] ?? '';
+    }
+
+    /**
+     * Get the HTML widget for the captcha.
+     */
+    public function getWidget(string $form): string
+    {
+        if (empty($this->siteKey)) {
+            return '';
+        }
+
+        return sprintf(
+            '<div class="h-captcha" data-sitekey="%s" data-callback="onHCaptchaSuccess" data-error-callback="onHCaptchaError" data-theme="auto" data-size="normal"></div>',
+            htmlspecialchars($this->siteKey, ENT_QUOTES, 'UTF-8')
+        );
+    }
+
+    /**
+     * Verify a captcha response.
+     */
+    public function verify(string $response, ?string $remoteIp = null): bool
+    {
+        if (empty($this->secretKey) || empty($response)) {
+            return false;
+        }
+
+        try {
+            $data = [
+                'secret' => $this->secretKey,
+                'response' => $response,
+            ];
+
+            if ($remoteIp) {
+                $data['remoteip'] = $remoteIp;
+            }
+
+            $httpResponse = Http::timeout(10)
+                ->asForm()
+                ->post($this->verifyUrl, $data);
+
+            if (!$httpResponse->successful()) {
+                Log::warning('hCaptcha verification failed: HTTP ' . $httpResponse->status());
+                return false;
+            }
+
+            $result = $httpResponse->json();
+
+            if (!isset($result['success'])) {
+                Log::warning('hCaptcha verification failed: Invalid response format');
+                return false;
+            }
+
+            if (!$result['success'] && isset($result['error-codes'])) {
+                Log::warning('hCaptcha verification failed', [
+                    'error_codes' => $result['error-codes'],
+                ]);
+            }
+
+            return (bool) $result['success'];
+        } catch (\Exception $e) {
+            Log::error('hCaptcha verification exception', [
+                'message' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+            ]);
+            return false;
+        }
+    }
+
+    /**
+     * Get the JavaScript includes needed for this captcha provider.
+     */
+    public function getScriptIncludes(): array
+    {
+        return [
+            'https://js.hcaptcha.com/1/api.js',
+        ];
+    }
+
+    /**
+     * Get the provider name.
+     */
+    public function getName(): string
+    {
+        return 'hcaptcha';
+    }
+
+    /**
+     * Get the site key for frontend use.
+     */
+    public function getSiteKey(): string
+    {
+        return $this->siteKey;
+    }
+
+    /**
+     * Check if the provider is properly configured.
+     */
+    public function isConfigured(): bool
+    {
+        return !empty($this->siteKey) && !empty($this->secretKey);
+    }
+
+    /**
+     * Get the response field name for this provider.
+     */
+    public function getResponseFieldName(): string
+    {
+        return 'h-captcha-response';
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Captcha/Providers/NullProvider.php b/app/Services/Captcha/Providers/NullProvider.php
new file mode 100644
index 000000000..5cf9224b7
--- /dev/null
+++ b/app/Services/Captcha/Providers/NullProvider.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Pterodactyl\Services\Captcha\Providers;
+
+use Pterodactyl\Contracts\Captcha\CaptchaProviderInterface;
+
+class NullProvider implements CaptchaProviderInterface
+{
+    /**
+     * Get the HTML widget for the captcha.
+     */
+    public function getWidget(string $form): string
+    {
+        return '';
+    }
+
+    /**
+     * Verify a captcha response.
+     */
+    public function verify(string $response, ?string $remoteIp = null): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the JavaScript includes needed for this captcha provider.
+     */
+    public function getScriptIncludes(): array
+    {
+        return [];
+    }
+
+    /**
+     * Get the provider name.
+     */
+    public function getName(): string
+    {
+        return 'none';
+    }
+
+    /**
+     * Get the site key for frontend use.
+     */
+    public function getSiteKey(): string
+    {
+        return '';
+    }
+
+    /**
+     * Check if the provider is properly configured.
+     */
+    public function isConfigured(): bool
+    {
+        return true; // Null provider is always "configured"
+    }
+
+    /**
+     * Get the response field name for this provider.
+     */
+    public function getResponseFieldName(): string
+    {
+        return '';
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Captcha/Providers/RecaptchaProvider.php b/app/Services/Captcha/Providers/RecaptchaProvider.php
new file mode 100644
index 000000000..e787ed4b0
--- /dev/null
+++ b/app/Services/Captcha/Providers/RecaptchaProvider.php
@@ -0,0 +1,109 @@
+<?php
+
+namespace Pterodactyl\Services\Captcha\Providers;
+
+use Pterodactyl\Contracts\Captcha\CaptchaProviderInterface;
+use Illuminate\Http\Client\Response;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+
+class RecaptchaProvider implements CaptchaProviderInterface
+{
+    private const VERIFY_URL = 'https://www.google.com/recaptcha/api/siteverify';
+
+    protected string $siteKey;
+    protected string $secretKey;
+
+    public function __construct(array $config)
+    {
+        $this->siteKey = $config['site_key'] ?? '';
+        $this->secretKey = $config['secret_key'] ?? '';
+    }
+
+    public function verify(string $response, ?string $remoteIp = null): bool
+    {
+        if (empty($response)) {
+            return false;
+        }
+
+        try {
+            $httpResponse = Http::timeout(10)
+                ->asForm()
+                ->post(self::VERIFY_URL, [
+                    'secret' => $this->secretKey,
+                    'response' => $response,
+                    'remoteip' => $remoteIp,
+                ]);
+
+            if (!$httpResponse->successful()) {
+                return false;
+            }
+
+            $data = $httpResponse->json();
+
+            // For reCAPTCHA v3, check both success and score
+            if (!isset($data['success']) || $data['success'] !== true) {
+                return false;
+            }
+
+            // reCAPTCHA v3 returns a score (0.0 - 1.0)
+            // Use 0.5 as default threshold as recommended by Google
+            $score = $data['score'] ?? 0.0;
+            $threshold = 0.5;
+
+            return $score >= $threshold;
+        } catch (\Exception $e) {
+            return false;
+        }
+    }
+
+    public function getWidget(string $form): string
+    {
+        // reCAPTCHA v3 doesn't use a visible widget
+        // Instead, it runs in the background and we execute it programmatically
+        return sprintf(
+            '<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response" />
+            <script>
+                document.addEventListener("DOMContentLoaded", function() {
+                    if (typeof grecaptcha !== "undefined") {
+                        grecaptcha.ready(function() {
+                            grecaptcha.execute("%s", {action: "%s"}).then(function(token) {
+                                document.getElementById("g-recaptcha-response").value = token;
+                            });
+                        });
+                    }
+                });
+            </script>',
+            htmlspecialchars($this->siteKey, ENT_QUOTES, 'UTF-8'),
+            htmlspecialchars($form, ENT_QUOTES, 'UTF-8')
+        );
+    }
+
+    public function getScriptIncludes(): array
+    {
+        return [sprintf('https://www.google.com/recaptcha/api.js?render=%s', $this->siteKey)];
+    }
+
+    public function getName(): string
+    {
+        return 'recaptcha';
+    }
+
+    public function getResponseFieldName(): string
+    {
+        return 'g-recaptcha-response';
+    }
+
+    public function getSiteKey(): string
+    {
+        return $this->siteKey;
+    }
+
+    /**
+     * Check if the provider is properly configured.
+     */
+    public function isConfigured(): bool
+    {
+        return !empty($this->siteKey) && !empty($this->secretKey);
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Captcha/Providers/TurnstileProvider.php b/app/Services/Captcha/Providers/TurnstileProvider.php
new file mode 100644
index 000000000..ce4c27067
--- /dev/null
+++ b/app/Services/Captcha/Providers/TurnstileProvider.php
@@ -0,0 +1,162 @@
+<?php
+
+namespace Pterodactyl\Services\Captcha\Providers;
+
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Contracts\Captcha\CaptchaProviderInterface;
+
+class TurnstileProvider implements CaptchaProviderInterface
+{
+    protected string $siteKey;
+    protected string $secretKey;
+    protected string $verifyUrl = 'https://challenges.cloudflare.com/turnstile/v0/siteverify';
+
+    public function __construct(array $config)
+    {
+        $this->siteKey = $config['site_key'] ?? '';
+        $this->secretKey = $config['secret_key'] ?? '';
+    }
+
+    /**
+     * Get the HTML widget for the captcha.
+     */
+    public function getWidget(string $form): string
+    {
+        if (empty($this->siteKey)) {
+            return '';
+        }
+
+        return sprintf(
+            '<div class="cf-turnstile" data-sitekey="%s" data-callback="onTurnstileSuccess" data-error-callback="onTurnstileError" data-theme="auto" data-size="normal"></div>',
+            htmlspecialchars($this->siteKey, ENT_QUOTES, 'UTF-8')
+        );
+    }
+
+    /**
+     * Verify a captcha response.
+     */
+    public function verify(string $response, ?string $remoteIp = null): bool
+    {
+        Log::info('Turnstile verification attempt', [
+            'response_length' => strlen($response),
+            'response_preview' => substr($response, 0, 50) . '...',
+            'remote_ip' => $remoteIp,
+            'secret_key_set' => !empty($this->secretKey),
+            'site_key' => $this->siteKey,
+        ]);
+
+        if (empty($this->secretKey) || empty($response)) {
+            Log::warning('Turnstile verification failed: Missing secret key or response', [
+                'secret_key_empty' => empty($this->secretKey),
+                'response_empty' => empty($response),
+            ]);
+            return false;
+        }
+
+        try {
+            $data = [
+                'secret' => $this->secretKey,
+                'response' => $response,
+            ];
+
+            if ($remoteIp) {
+                $data['remoteip'] = $remoteIp;
+            }
+
+            Log::info('Sending Turnstile verification request', [
+                'url' => $this->verifyUrl,
+                'data_keys' => array_keys($data),
+                'remote_ip' => $remoteIp,
+            ]);
+
+            $httpResponse = Http::timeout(10)
+                ->asForm()
+                ->post($this->verifyUrl, $data);
+
+            Log::info('Turnstile verification response', [
+                'status' => $httpResponse->status(),
+                'successful' => $httpResponse->successful(),
+                'body' => $httpResponse->body(),
+            ]);
+
+            if (!$httpResponse->successful()) {
+                Log::warning('Turnstile verification failed: HTTP ' . $httpResponse->status(), [
+                    'response_body' => $httpResponse->body(),
+                ]);
+                return false;
+            }
+
+            $result = $httpResponse->json();
+
+            if (!isset($result['success'])) {
+                Log::warning('Turnstile verification failed: Invalid response format', [
+                    'result' => $result,
+                ]);
+                return false;
+            }
+
+            if (!$result['success'] && isset($result['error-codes'])) {
+                Log::warning('Turnstile verification failed', [
+                    'error_codes' => $result['error-codes'],
+                    'full_result' => $result,
+                ]);
+            }
+
+            Log::info('Turnstile verification result', [
+                'success' => $result['success'],
+                'full_result' => $result,
+            ]);
+
+            return (bool) $result['success'];
+        } catch (\Exception $e) {
+            Log::error('Turnstile verification exception', [
+                'message' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+            ]);
+            return false;
+        }
+    }
+
+    /**
+     * Get the JavaScript includes needed for this captcha provider.
+     */
+    public function getScriptIncludes(): array
+    {
+        return [
+            'https://challenges.cloudflare.com/turnstile/v0/api.js',
+        ];
+    }
+
+    /**
+     * Get the provider name.
+     */
+    public function getName(): string
+    {
+        return 'turnstile';
+    }
+
+    /**
+     * Get the site key for frontend use.
+     */
+    public function getSiteKey(): string
+    {
+        return $this->siteKey;
+    }
+
+    /**
+     * Check if the provider is properly configured.
+     */
+    public function isConfigured(): bool
+    {
+        return !empty($this->siteKey) && !empty($this->secretKey);
+    }
+
+    /**
+     * Get the response field name for this provider.
+     */
+    public function getResponseFieldName(): string
+    {
+        return 'cf-turnstile-response';
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Deployment/FindViableNodesService.php b/app/Services/Deployment/FindViableNodesService.php
index cc76ad718..8612cbfa0 100644
--- a/app/Services/Deployment/FindViableNodesService.php
+++ b/app/Services/Deployment/FindViableNodesService.php
@@ -2,93 +2,84 @@
 
 namespace Pterodactyl\Services\Deployment;
 
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection as EloquentCollection;
+use Illuminate\Support\Collection;
+use Pterodactyl\Exceptions\Service\Deployment\NoViableNodeException;
 use Pterodactyl\Models\Node;
 use Webmozart\Assert\Assert;
-use Illuminate\Support\Collection;
-use Illuminate\Contracts\Pagination\LengthAwarePaginator;
-use Pterodactyl\Exceptions\Service\Deployment\NoViableNodeException;
 
+/**
+ * Finds nodes that can host a new server, always preferring *physical* capacity
+ * over overallocation. The search runs in two passes with different ordering strategies:
+ *
+ *  Pass 1 (Physical Capacity)
+ *      Ignore memory/disk overallocation completely. If any node can fit
+ *      the server within its physical limit, choose the best-fit result(s)
+ *      (least leftover capacity first) for efficient resource usage.
+ *
+ *  Pass 2 (Overallocation Fallback)
+ *      Only executed when Pass 1 returns zero rows. Re-runs the query but
+ *      includes each node's configured overallocation allowances. Uses
+ *      worst-fit ordering (most leftover capacity first) to spread load
+ *      across nodes when overallocation is involved.
+ *
+ */
 class FindViableNodesService
 {
-    protected array $locations = [];
-    protected ?int $disk = null;
-    protected ?int $memory = null;
+    private array $locations = [];
+    private ?int $memory = null;
+    private ?int $disk   = null;
 
-    /**
-     * Set the locations that should be searched through to locate available nodes.
-     */
+    /** Default paginator size when `$perPage` is omitted. */
+    public const DEFAULT_PER_PAGE = 50;
+
+    /** Restrict the search to these location IDs. */
     public function setLocations(array $locations): self
     {
-        Assert::allIntegerish($locations, 'An array of location IDs should be provided when calling setLocations.');
+        Assert::allIntegerish(
+            $locations,
+            'An array of location IDs should be provided when calling setLocations.'
+        );
 
-        $this->locations = $locations;
+        $this->locations = array_unique($locations);
 
         return $this;
     }
 
-    /**
-     * Set the amount of disk that will be used by the server being created. Nodes will be
-     * filtered out if they do not have enough available free disk space for this server
-     * to be placed on.
-     */
-    public function setDisk(int $disk): self
-    {
-        $this->disk = $disk;
-
-        return $this;
-    }
-
-    /**
-     * Set the amount of memory that this server will be using. As with disk space, nodes that
-     * do not have enough free memory will be filtered out.
-     */
+    /** Memory (in MB) required by the server being provisioned. */
     public function setMemory(int $memory): self
     {
         $this->memory = $memory;
+        return $this;
+    }
 
+    /** Disk (in MB) required by the server being provisioned. */
+    public function setDisk(int $disk): self
+    {
+        $this->disk = $disk;
         return $this;
     }
 
     /**
-     * Returns an array of nodes that meet the provided requirements and can then
-     * be passed to the AllocationSelectionService to return a single allocation.
-     *
-     * This functionality is used for automatic deployments of servers and will
-     * attempt to find all nodes in the defined locations that meet the disk and
-     * memory availability requirements. Any nodes not meeting those requirements
-     * are tossed out, as are any nodes marked as non-public, meaning automatic
-     * deployments should not be done against them.
-     *
-     * @param int|null $page If provided the results will be paginated by returning
-     *                       up to 50 nodes at a time starting at the provided page.
-     *                       If "null" is provided as the value no pagination will
-     *                       be used.
+     * Locate viable nodes using the two-pass strategy outlined above.
      *
      * @throws NoViableNodeException
      */
     public function handle(?int $perPage = null, ?int $page = null): LengthAwarePaginator|Collection
     {
-        Assert::integer($this->disk, 'Disk space must be an int, got %s');
-        Assert::integer($this->memory, 'Memory usage must be an int, got %s');
+        Assert::integer($this->disk,  'Disk space must be an int, got NULL');
+        Assert::integer($this->memory,'Memory usage must be an int, got NULL');
 
-        $query = Node::query()->select('nodes.*')
-            ->selectRaw('IFNULL(SUM(servers.memory), 0) as sum_memory')
-            ->selectRaw('IFNULL(SUM(servers.disk), 0) as sum_disk')
-            ->leftJoin('servers', 'servers.node_id', '=', 'nodes.id')
-            ->where('nodes.public', 1);
+        $perPage = $perPage ?? self::DEFAULT_PER_PAGE;
 
-        if (!empty($this->locations)) {
-            $query = $query->whereIn('nodes.location_id', $this->locations);
-        }
+        // Pass 1: physical capacity only
+        $results = $this->runQuery(false, $perPage, $page);
 
-        $results = $query->groupBy('nodes.id')
-            ->havingRaw('(IFNULL(SUM(servers.memory), 0) + ?) <= (nodes.memory * (1 + (nodes.memory_overallocate / 100)))', [$this->memory])
-            ->havingRaw('(IFNULL(SUM(servers.disk), 0) + ?) <= (nodes.disk * (1 + (nodes.disk_overallocate / 100)))', [$this->disk]);
-
-        if (!is_null($page)) {
-            $results = $results->paginate($perPage ?? 50, ['*'], 'page', $page);
-        } else {
-            $results = $results->get()->toBase();
+        // Pass 2: allow overallocation if Pass 1 failed
+        if ($results->isEmpty()) {
+            $results = $this->runQuery(true, $perPage, $page);
         }
 
         if ($results->isEmpty()) {
@@ -97,4 +88,70 @@ class FindViableNodesService
 
         return $results;
     }
+
+    /**
+     * Build and execute a query.
+     *
+     * @param bool      $allowOverallocation  Treat overallocate percentage as
+     *                                        extra capacity when true.
+     * @param int|null  $perPage              Paginator size (null = no paging).
+     * @param int|null  $page                 Page number when paginating.
+     */
+    private function runQuery(
+        bool $allowOverallocation,
+        ?int $perPage,
+        ?int $page
+    ): LengthAwarePaginator|Collection {
+        $memCap  = $allowOverallocation
+            ? '(nodes.memory * (1 + nodes.memory_overallocate / 100.0))'
+            : 'nodes.memory';
+
+        $diskCap = $allowOverallocation
+            ? '(nodes.disk * (1 + nodes.disk_overallocate / 100.0))'
+            : 'nodes.disk';
+
+        /** @var Builder $query */
+        $query = Node::query()
+            ->select('nodes.*')
+            ->selectRaw(
+                "$memCap  - COALESCE(SUM(servers.memory), 0) AS free_memory, " .
+                "$diskCap - COALESCE(SUM(servers.disk),   0) AS free_disk"
+            )
+            ->leftJoin('servers', function ($join) {
+                $join->on('servers.node_id', '=', 'nodes.id')
+                     ->where('servers.exclude_from_resource_calculation', '=', false);
+            })
+            ->where('nodes.public', true)
+            ->when(
+                $this->locations !== [],
+                fn (Builder $q) => $q->whereIn('nodes.location_id', $this->locations)
+            )
+            ->groupBy('nodes.id')
+
+            // Capacity filters
+            ->havingRaw("$memCap  - COALESCE(SUM(servers.memory), 0) >= ?", [$this->memory])
+            ->havingRaw("$diskCap - COALESCE(SUM(servers.disk),   0) >= ?", [$this->disk])
+
+            // Ordering strategy: best-fit for physical capacity, worst-fit for overallocation
+            ->orderByRaw(
+                "($memCap - COALESCE(SUM(servers.memory), 0) + " .
+                "$diskCap - COALESCE(SUM(servers.disk), 0)) " .
+                ($allowOverallocation ? 'DESC' : 'ASC')
+            );
+
+        // Execute and strip helper columns
+        $results = $page !== null
+            ? /** @var LengthAwarePaginator $paginator */ $query->paginate($perPage, ['*'], 'page', $page)
+            : /** @var EloquentCollection $collection */ $query->get();
+
+        $strip = static fn (Node $node) => $node->setHidden(['free_memory', 'free_disk']);
+
+        if ($results instanceof LengthAwarePaginator) {
+            $results->getCollection()->each($strip);
+        } else {
+            $results = $results->map($strip);
+        }
+
+        return $results;
+    }
 }
diff --git a/app/Services/Dns/Providers/CloudflareProvider.php b/app/Services/Dns/Providers/CloudflareProvider.php
new file mode 100644
index 000000000..cf0f1fa4c
--- /dev/null
+++ b/app/Services/Dns/Providers/CloudflareProvider.php
@@ -0,0 +1,279 @@
+<?php
+
+namespace Pterodactyl\Services\Dns\Providers;
+
+use GuzzleHttp\Client;
+use GuzzleHttp\Exception\GuzzleException;
+use Pterodactyl\Contracts\Dns\DnsProviderInterface;
+use Pterodactyl\Exceptions\Dns\DnsProviderException;
+
+class CloudflareProvider implements DnsProviderInterface
+{
+    private Client $client;
+    private array $config;
+
+    public function __construct(array $config)
+    {
+        $this->config = $config;
+
+        // Only initialize the client if we have an API token
+        if (!empty($config['api_token'])) {
+            $this->client = new Client([
+                'base_uri' => 'https://api.cloudflare.com/client/v4/',
+                'headers' => [
+                    'Authorization' => 'Bearer ' . $config['api_token'],
+                    'Content-Type' => 'application/json',
+                ],
+                'timeout' => 30,
+            ]);
+        }
+    }
+
+    /**
+     * Test the connection to Cloudflare API.
+     */
+    public function testConnection(): bool
+    {
+        if (!isset($this->client)) {
+            throw DnsProviderException::invalidConfiguration('cloudflare', 'api_token');
+        }
+        
+        try {
+            $response = $this->client->get('user/tokens/verify');
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw DnsProviderException::authenticationFailed('cloudflare');
+            }
+            
+            return true;
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::connectionFailed('cloudflare', $e->getMessage());
+        }
+    }
+
+    /**
+     * Create a DNS record.
+     */
+    public function createRecord(string $domain, string $name, string $type, $content, int $ttl = 300): string
+    {
+        $zoneId = $this->getZoneId($domain);
+
+        try {
+            $payload = [
+                'type' => strtoupper($type),
+                'name' => $name,
+                'ttl' => $ttl,
+            ];
+
+            // Handle different content types
+            if (is_array($content)) {
+                // For SRV records and other structured data
+                $payload['data'] = $content;
+                if (isset($content['content'])) {
+                    $payload['content'] = $content['content'];
+                }
+            } else {
+                // For simple records like A, CNAME
+                $payload['content'] = $content;
+            }
+
+            $response = $this->client->post("zones/{$zoneId}/dns_records", [
+                'json' => $payload
+            ]);
+
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw new \Exception('DNS provider rejected the record creation request.');
+            }
+
+            return $data['result']['id'];
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::recordCreationFailed($domain, $name, 'DNS service temporarily unavailable.');
+        }
+    }
+
+    /**
+     * Update a DNS record.
+     */
+    public function updateRecord(string $domain, string $recordId, $content, ?int $ttl = null): bool
+    {
+        $zoneId = $this->getZoneId($domain);
+
+        try {
+            $payload = [];
+
+            // Handle different content types
+            if (is_array($content)) {
+                // For SRV records and other structured data
+                $payload['data'] = $content;
+                if (isset($content['content'])) {
+                    $payload['content'] = $content['content'];
+                }
+            } else {
+                // For simple records like A, CNAME
+                $payload['content'] = $content;
+            }
+
+            if ($ttl !== null) {
+                $payload['ttl'] = $ttl;
+            }
+
+            $response = $this->client->patch("zones/{$zoneId}/dns_records/{$recordId}", [
+                'json' => $payload
+            ]);
+
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw new \Exception('DNS provider rejected the record update request.');
+            }
+
+            return true;
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::recordUpdateFailed($domain, [$recordId], 'DNS service temporarily unavailable.');
+        }
+    }
+
+    /**
+     * Delete a DNS record.
+     */
+    public function deleteRecord(string $domain, string $recordId): void
+    {
+        $zoneId = $this->getZoneId($domain);
+
+        try {
+            $response = $this->client->delete("zones/{$zoneId}/dns_records/{$recordId}");
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw new \Exception('DNS provider rejected the record deletion request.');
+            }
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::recordDeletionFailed($domain, [$recordId], 'DNS service temporarily unavailable.');
+        }
+    }
+
+    /**
+     * Get a specific DNS record.
+     */
+    public function getRecord(string $domain, string $recordId): array
+    {
+        $zoneId = $this->getZoneId($domain);
+
+        try {
+            $response = $this->client->get("zones/{$zoneId}/dns_records/{$recordId}");
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw new \Exception("DNS record not found or inaccessible.");
+            }
+
+            return $data['result'];
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::connectionFailed('cloudflare', 'DNS service temporarily unavailable.');
+        }
+    }
+
+    /**
+     * List existing DNS records for a domain.
+     */
+    public function listRecords(string $domain, ?string $name = null, ?string $type = null): array
+    {
+        $zoneId = $this->getZoneId($domain);
+
+        try {
+            $params = [];
+            if ($name) {
+                $params['name'] = $name;
+            }
+            if ($type) {
+                $params['type'] = strtoupper($type);
+            }
+
+            $response = $this->client->get("zones/{$zoneId}/dns_records", [
+                'query' => $params
+            ]);
+            
+            $data = json_decode($response->getBody()->getContents(), true);
+            
+            if (!$data['success']) {
+                throw new \Exception('Failed to retrieve DNS records.');
+            }
+
+            return $data['result'];
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::connectionFailed('cloudflare', 'DNS service temporarily unavailable.');
+        }
+    }
+
+    /**
+     * Get the configuration schema for Cloudflare.
+     */
+    public function getConfigurationSchema(): array
+    {
+        return [
+            'api_token' => [
+                'type' => 'string',
+                'required' => true,
+                'description' => 'Cloudflare API Token with Zone:Edit permissions',
+                'sensitive' => true,
+            ],
+            'zone_id' => [
+                'type' => 'string',
+                'required' => false,
+                'description' => 'Cloudflare Zone ID (optional - will auto-discover if not provided)',
+                'sensitive' => false,
+            ],
+        ];
+    }
+
+    /**
+     * Validate the provider configuration.
+     */
+    public function validateConfiguration(array $config): bool
+    {
+        if (empty($config['api_token'])) {
+            throw DnsProviderException::invalidConfiguration('cloudflare', 'api_token');
+        }
+
+        return true;
+    }
+
+    /**
+     * Get the supported record types for Cloudflare.
+     */
+    public function getSupportedRecordTypes(): array
+    {
+        return ['A', 'AAAA', 'CNAME', 'MX', 'TXT', 'SRV', 'NS', 'PTR', 'CAA'];
+    }
+
+    /**
+     * Get the zone ID for a domain.
+     */
+    private function getZoneId(string $domain): string
+    {
+        // Use provided zone_id if available
+        if (!empty($this->config['zone_id'])) {
+            return $this->config['zone_id'];
+        }
+
+        // Fall back to auto-discovery
+        try {
+            $response = $this->client->get('zones', [
+                'query' => ['name' => $domain]
+            ]);
+
+            $data = json_decode($response->getBody()->getContents(), true);
+
+            if (!$data['success'] || empty($data['result'])) {
+                throw new \Exception("Domain zone not found or inaccessible.");
+            }
+
+            return $data['result'][0]['id'];
+        } catch (GuzzleException $e) {
+            throw DnsProviderException::connectionFailed('cloudflare', 'DNS service temporarily unavailable.');
+        }
+    }
+}
diff --git a/app/Services/Nodes/NodeCreationService.php b/app/Services/Nodes/NodeCreationService.php
index b21589c4a..75246cec0 100644
--- a/app/Services/Nodes/NodeCreationService.php
+++ b/app/Services/Nodes/NodeCreationService.php
@@ -28,6 +28,11 @@ class NodeCreationService
         $data['daemon_token'] = app(Encrypter::class)->encrypt(Str::random(Node::DAEMON_TOKEN_LENGTH));
         $data['daemon_token_id'] = Str::random(Node::DAEMON_TOKEN_ID_LENGTH);
 
+        // Automatically set use_separate_fqdns based on whether internal_fqdn is provided
+        if (isset($data['internal_fqdn'])) {
+            $data['use_separate_fqdns'] = !empty($data['internal_fqdn']);
+        }
+
         return $this->repository->create($data, true, true);
     }
 }
diff --git a/app/Services/Nodes/NodeUpdateService.php b/app/Services/Nodes/NodeUpdateService.php
index 11078af53..30f206b96 100644
--- a/app/Services/Nodes/NodeUpdateService.php
+++ b/app/Services/Nodes/NodeUpdateService.php
@@ -37,6 +37,11 @@ class NodeUpdateService
             $data['daemon_token_id'] = Str::random(Node::DAEMON_TOKEN_ID_LENGTH);
         }
 
+        // Automatically set use_separate_fqdns based on whether internal_fqdn is provided
+        if (isset($data['internal_fqdn'])) {
+            $data['use_separate_fqdns'] = !empty($data['internal_fqdn']);
+        }
+
         [$updated, $exception] = $this->connection->transaction(function () use ($data, $node) {
             /** @var Node $updated */
             $updated = $this->repository->withFreshModel()->update($node->id, $data, true, true);
@@ -51,7 +56,17 @@ class NodeUpdateService
                 // node doesn't actually care about this.
                 //
                 // @see https://github.com/pterodactyl/panel/issues/1931
-                $node->fqdn = $updated->fqdn;
+
+                // Update the node's internal FQDN fields if they were changed
+                if (isset($data['fqdn'])) {
+                    $node->fqdn = $updated->fqdn;
+                }
+                if (isset($data['internal_fqdn'])) {
+                    $node->internal_fqdn = $updated->internal_fqdn;
+                }
+                if (isset($data['use_separate_fqdns'])) {
+                    $node->use_separate_fqdns = $updated->use_separate_fqdns;
+                }
 
                 $this->configurationRepository->setNode($node)->update($updated);
             } catch (DaemonConnectionException $exception) {
diff --git a/app/Services/Schedules/ProcessScheduleService.php b/app/Services/Schedules/ProcessScheduleService.php
index 56b708499..3c6baceb9 100644
--- a/app/Services/Schedules/ProcessScheduleService.php
+++ b/app/Services/Schedules/ProcessScheduleService.php
@@ -13,76 +13,76 @@ use Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException;
 
 class ProcessScheduleService
 {
-    /**
-     * ProcessScheduleService constructor.
-     */
-    public function __construct(private ConnectionInterface $connection, private Dispatcher $dispatcher, private DaemonServerRepository $serverRepository)
-    {
+  /**
+   * ProcessScheduleService constructor.
+   */
+  public function __construct(private ConnectionInterface $connection, private Dispatcher $dispatcher, private DaemonServerRepository $serverRepository)
+  {
+  }
+
+  /**
+   * Process a schedule and push the first task onto the queue worker.
+   *
+   * @throws \Throwable
+   */
+  public function handle(Schedule $schedule, bool $now = false): void
+  {
+    /** @var \Pterodactyl\Models\Task $task */
+    $task = $schedule->tasks()->orderBy('sequence_id')->first();
+
+    if (is_null($task)) {
+      throw new DisplayException('Cannot process schedule for task execution: no tasks are registered.');
     }
 
-    /**
-     * Process a schedule and push the first task onto the queue worker.
-     *
-     * @throws \Throwable
-     */
-    public function handle(Schedule $schedule, bool $now = false): void
-    {
-        /** @var \Pterodactyl\Models\Task $task */
-        $task = $schedule->tasks()->orderBy('sequence_id')->first();
+    $this->connection->transaction(function () use ($schedule, $task) {
+      $schedule->forceFill([
+        'is_processing' => true,
+        'next_run_at' => $schedule->getNextRunDate(),
+      ])->saveOrFail();
 
-        if (is_null($task)) {
-            throw new DisplayException('Cannot process schedule for task execution: no tasks are registered.');
+      $task->update(['is_queued' => true]);
+    });
+
+    $job = new RunTaskJob($task, $now);
+    if ($schedule->only_when_online) {
+      // Check that the server is currently in a starting or running state before executing
+      // this schedule if this option has been set.
+      try {
+        $details = $this->serverRepository->setServer($schedule->server)->getDetails();
+        $state = $details['state'] ?? 'offline';
+        // If the server is stopping or offline just do nothing with this task.
+        if (in_array($state, ['offline', 'stopping'])) {
+          $job->failed();
+
+          return;
         }
-
-        $this->connection->transaction(function () use ($schedule, $task) {
-            $schedule->forceFill([
-                'is_processing' => true,
-                'next_run_at' => $schedule->getNextRunDate(),
-            ])->saveOrFail();
-
-            $task->update(['is_queued' => true]);
-        });
-
-        $job = new RunTaskJob($task, $now);
-        if ($schedule->only_when_online) {
-            // Check that the server is currently in a starting or running state before executing
-            // this schedule if this option has been set.
-            try {
-                $details = $this->serverRepository->setServer($schedule->server)->getDetails();
-                $state = $details['state'] ?? 'offline';
-                // If the server is stopping or offline just do nothing with this task.
-                if (in_array($state, ['offline', 'stopping'])) {
-                    $job->failed();
-
-                    return;
-                }
-            } catch (\Exception $exception) {
-                if (!$exception instanceof DaemonConnectionException) {
-                    // If we encountered some exception during this process that wasn't just an
-                    // issue connecting to Wings run the failed sequence for a job. Otherwise we
-                    // can just quietly mark the task as completed without actually running anything.
-                    $job->failed($exception);
-                }
-                $job->failed();
-
-                return;
-            }
+      } catch (\Exception $exception) {
+        if (!$exception instanceof DaemonConnectionException) {
+          // If we encountered some exception during this process that wasn't just an
+          // issue connecting to Wings run the failed sequence for a job. Otherwise we
+          // can just quietly mark the task as completed without actually running anything.
+          $job->failed($exception);
         }
+        $job->failed();
 
-        if (!$now) {
-            $this->dispatcher->dispatch($job->delay($task->time_offset));
-        } else {
-            // When using dispatchNow the RunTaskJob::failed() function is not called automatically
-            // so we need to manually trigger it and then continue with the exception throw.
-            //
-            // @see https://github.com/pterodactyl/panel/issues/2550
-            try {
-                $this->dispatcher->dispatchNow($job);
-            } catch (\Exception $exception) {
-                $job->failed($exception);
-
-                throw $exception;
-            }
-        }
+        return;
+      }
     }
+
+    if (!$now) {
+      $this->dispatcher->dispatch($job->delay($task->time_offset));
+    } else {
+      // When using dispatchNow the RunTaskJob::failed() function is not called automatically
+      // so we need to manually trigger it and then continue with the exception throw.
+      //
+      // @see https://github.com/pterodactyl/panel/issues/2550
+      try {
+        $this->dispatcher->dispatchNow($job);
+      } catch (\Exception $exception) {
+        $job->failed($exception);
+
+        throw $exception;
+      }
+    }
+  }
 }
diff --git a/app/Services/ServerOperations/EggChangeService.php b/app/Services/ServerOperations/EggChangeService.php
new file mode 100644
index 000000000..d1c0359f2
--- /dev/null
+++ b/app/Services/ServerOperations/EggChangeService.php
@@ -0,0 +1,236 @@
+<?php
+
+namespace Pterodactyl\Services\ServerOperations;
+
+use Exception;
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Models\Egg;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\User;
+use Pterodactyl\Jobs\Server\ApplyEggChangeJob;
+use Pterodactyl\Services\Subdomain\SubdomainManagementService;
+use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
+
+/**
+ * Service for handling server egg configuration changes.
+ *
+ * Manages egg previews, validation, and asynchronous application of egg changes
+ * including backup creation and file management.
+ */
+class EggChangeService
+{
+    public function __construct(
+        private ServerOperationService $operationService,
+        private ServerStateValidationService $validationService,
+        private SubdomainManagementService $subdomainService
+    ) {}
+
+    /**
+     * Preview egg change information.
+     */
+    public function previewEggChange(Server $server, int $eggId, int $nestId): array
+    {
+        $this->validationService->validateServerState($server);
+        
+        $egg = Egg::query()
+            ->with(['variables', 'nest'])
+            ->findOrFail($eggId);
+        
+        if ($egg->nest_id !== $nestId) {
+            throw new BadRequestHttpException('The specified egg does not belong to the specified nest.');
+        }
+        
+        $variables = $egg->variables()->orderBy('name')->get();
+        $dockerImages = $egg->docker_images ?? [];
+        
+        // Check subdomain compatibility
+        $subdomainWarning = $this->checkSubdomainCompatibility($server, $egg);
+        
+        $result = [
+            'egg' => [
+                'id' => $egg->id,
+                'name' => e($egg->name),
+                'description' => e($egg->description),
+                'startup' => $egg->startup,
+            ],
+            'variables' => $variables->map(function ($variable) {
+                return [
+                    'id' => $variable->id,
+                    'name' => e($variable->name),
+                    'description' => e($variable->description),
+                    'env_variable' => $variable->env_variable,
+                    'default_value' => $variable->default_value,
+                    'user_viewable' => $variable->user_viewable,
+                    'user_editable' => $variable->user_editable,
+                    'rules' => $variable->rules,
+                ];
+            }),
+            'docker_images' => $dockerImages,
+            'default_docker_image' => !empty($dockerImages) ? array_keys($dockerImages)[0] : null,
+        ];
+        
+        // Add subdomain warning if applicable
+        if ($subdomainWarning) {
+            $result['warnings'] = [$subdomainWarning];
+        }
+        
+        return $result;
+    }
+
+    /**
+     * Validate egg change parameters.
+     */
+    public function validateEggChangeParameters(
+        Server $server,
+        int $eggId,
+        int $nestId,
+        ?string $dockerImage = null,
+        ?string $startupCommand = null
+    ): array {
+        $this->validationService->validateCanAcceptOperation($server, 'egg_change');
+        
+        $egg = Egg::query()
+            ->with(['variables', 'nest'])
+            ->findOrFail($eggId);
+        
+        if ($egg->nest_id !== $nestId) {
+            throw new BadRequestHttpException('The specified egg does not belong to the specified nest.');
+        }
+        
+        $startupCommand = $startupCommand ? trim($startupCommand) : null;
+        $dockerImage = $dockerImage ? trim($dockerImage) : null;
+        
+        if ($startupCommand && strlen($startupCommand) > 2048) {
+            throw new BadRequestHttpException('Startup command is too long (max 2048 characters).');
+        }
+        
+        if ($dockerImage) {
+            $allowedImages = array_values($egg->docker_images ?? []);
+            if (!empty($allowedImages) && !in_array($dockerImage, $allowedImages)) {
+                throw new BadRequestHttpException('The specified Docker image is not allowed for this egg.');
+            }
+        }
+        
+        if (!$dockerImage && !empty($egg->docker_images)) {
+            $dockerImage = array_values($egg->docker_images)[0];
+        }
+        
+        return [
+            'egg' => $egg,
+            'docker_image' => $dockerImage,
+            'startup_command' => $startupCommand,
+        ];
+    }
+
+    /**
+     * Apply egg change asynchronously.
+     */
+    public function applyEggChangeAsync(
+        Server $server,
+        User $user,
+        int $eggId,
+        int $nestId,
+        ?string $dockerImage = null,
+        ?string $startupCommand = null,
+        array $environment = [],
+        bool $shouldBackup = false,
+        bool $shouldWipe = false
+    ): array {
+        $validated = $this->validateEggChangeParameters(
+            $server,
+            $eggId,
+            $nestId,
+            $dockerImage,
+            $startupCommand
+        );
+
+        $dockerImage = $validated['docker_image'];
+        $startupCommand = $validated['startup_command'];
+        
+        $operation = $this->operationService->createOperation(
+            $server,
+            $user,
+            'egg_change',
+            [
+                'from_egg_id' => $server->egg_id,
+                'to_egg_id' => $eggId,
+                'from_nest_id' => $server->nest_id,
+                'to_nest_id' => $nestId,
+                'docker_image' => $dockerImage,
+                'startup_command' => $startupCommand,
+                'environment' => $environment,
+                'should_backup' => $shouldBackup,
+                'should_wipe' => $shouldWipe,
+            ]
+        );
+        
+        try {
+            ApplyEggChangeJob::dispatch(
+                $server,
+                $user,
+                $eggId,
+                $nestId,
+                $dockerImage,
+                $startupCommand,
+                $environment,
+                $shouldBackup,
+                $shouldWipe,
+                $operation->operation_id
+            );
+        } catch (Exception $e) {
+            $operation->delete();
+            
+            Log::error('Failed to dispatch egg change job', [
+                'server_id' => $server->id,
+                'operation_id' => $operation->operation_id,
+                'error' => $e->getMessage(),
+            ]);
+            
+            throw new \RuntimeException('Failed to queue egg change operation. Please try again.');
+        }
+        
+        return [
+            'message' => 'Egg change operation has been queued for processing.',
+            'operation_id' => $operation->operation_id,
+            'status' => 'pending',
+        ];
+    }
+
+    /**
+     * Check if changing to the new egg will affect subdomain compatibility.
+     */
+    private function checkSubdomainCompatibility(Server $server, Egg $newEgg): ?array
+    {
+        // Check if server currently has an active subdomain
+        $activeSubdomain = $server->activeSubdomain;
+        
+        if (!$activeSubdomain) {
+            return null; // No subdomain to worry about
+        }
+        
+        // Check if the current egg supports subdomains
+        $currentSupportsSubdomain = $server->supportsSubdomains();
+        
+        if (!$currentSupportsSubdomain) {
+            return null; // Current egg doesn't support subdomains anyway
+        }
+        
+        // Create a temporary server instance with the new egg to test compatibility
+        $tempServer = clone $server;
+        $tempServer->egg = $newEgg;
+        $tempServer->egg_id = $newEgg->id;
+        
+        // Check if the new egg supports subdomains
+        $newSupportsSubdomain = $tempServer->supportsSubdomains();
+        
+        if (!$newSupportsSubdomain) {
+            return [
+                'type' => 'subdomain_incompatible',
+                'message' => "Warning: The new egg does not support subdomains. Your current subdomain ({$activeSubdomain->full_domain}) will be deleted when you apply this change.",
+                'severity' => 'warning',
+            ];
+        }
+        
+        return null; // New egg supports subdomains, no warning needed
+    }
+}
\ No newline at end of file
diff --git a/app/Services/ServerOperations/ServerOperationService.php b/app/Services/ServerOperations/ServerOperationService.php
new file mode 100644
index 000000000..3ccfdfbaf
--- /dev/null
+++ b/app/Services/ServerOperations/ServerOperationService.php
@@ -0,0 +1,172 @@
+<?php
+
+namespace Pterodactyl\Services\ServerOperations;
+
+use Exception;
+use Illuminate\Support\Facades\Log;
+use Illuminate\Support\Str;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\ServerOperation;
+use Pterodactyl\Models\User;
+use Symfony\Component\HttpKernel\Exception\ConflictHttpException;
+
+/**
+ * Service for managing server operations lifecycle.
+ *
+ * Handles creation, tracking, and cleanup of long-running server operations
+ * like egg changes, reinstalls, and backup restores.
+ */
+class ServerOperationService
+{
+    /**
+     * Check if server can accept new operations.
+     */
+    public function canAcceptOperation(Server $server): bool
+    {
+        try {
+            $activeOperations = ServerOperation::forServer($server)->active()->count();
+            return $activeOperations === 0;
+        } catch (Exception $e) {
+            Log::warning('Failed to check server operation capacity', [
+                'server_id' => $server->id,
+                'error' => $e->getMessage(),
+            ]);
+            
+            return true;
+        }
+    }
+
+    /**
+     * Create a new server operation.
+     */
+    public function createOperation(
+        Server $server,
+        User $user,
+        string $type,
+        array $parameters = [],
+        ?string $message = null
+    ): ServerOperation {
+        if (!$this->canAcceptOperation($server)) {
+            throw new ConflictHttpException('Server cannot accept new operations at this time.');
+        }
+
+        $operationId = Str::uuid()->toString();
+
+        return ServerOperation::create([
+            'operation_id' => $operationId,
+            'server_id' => $server->id,
+            'user_id' => $user->id,
+            'type' => $type,
+            'status' => ServerOperation::STATUS_PENDING,
+            'message' => $message ?? 'Operation queued for processing...',
+            'parameters' => $parameters,
+        ]);
+    }
+
+    /**
+     * Get operation by ID for server.
+     */
+    public function getOperation(Server $server, string $operationId): ServerOperation
+    {
+        $operation = ServerOperation::where('operation_id', $operationId)
+            ->where('server_id', $server->id)
+            ->firstOrFail();
+
+        if ($operation->hasTimedOut()) {
+            $operation->markAsFailed('Operation timed out');
+        }
+
+        return $operation;
+    }
+
+    /**
+     * Get recent operations for server.
+     */
+    public function getServerOperations(Server $server, int $limit = 20): array
+    {
+        $this->updateTimedOutOperations($server);
+
+        $operations = ServerOperation::forServer($server)
+            ->orderBy('created_at', 'desc')
+            ->limit($limit)
+            ->get();
+
+        return $operations->map(function ($operation) {
+            return $this->formatOperationResponse($operation);
+        })->toArray();
+    }
+
+    /**
+     * Update timed out operations for a server.
+     */
+    public function updateTimedOutOperations(Server $server): int
+    {
+        try {
+            $timedOutOperations = ServerOperation::forServer($server)->timedOut()->get();
+            
+            foreach ($timedOutOperations as $operation) {
+                $operation->markAsFailed('Operation timed out');
+            }
+
+            return $timedOutOperations->count();
+        } catch (Exception $e) {
+            Log::warning('Failed to update timed out operations', [
+                'server_id' => $server->id,
+                'error' => $e->getMessage(),
+            ]);
+            
+            return 0;
+        }
+    }
+
+    /**
+     * Format operation for API response.
+     */
+    public function formatOperationResponse(ServerOperation $operation): array
+    {
+        return [
+            'operation_id' => $operation->operation_id,
+            'type' => $operation->type,
+            'status' => $operation->status,
+            'message' => $operation->message,
+            'created_at' => $operation->created_at->toDateTimeString(),
+            'updated_at' => $operation->updated_at->toDateTimeString(),
+            'started_at' => $operation->started_at?->toDateTimeString(),
+            'parameters' => $operation->parameters,
+            'is_active' => $operation->isActive(),
+            'is_completed' => $operation->isCompleted(),
+            'has_failed' => $operation->hasFailed(),
+            'has_timed_out' => $operation->hasTimedOut(),
+        ];
+    }
+
+    /**
+     * Clean up old completed operations.
+     */
+    public function cleanupOldOperations(int $daysOld = null): int
+    {
+        $daysOld = $daysOld ?? config('server_operations.cleanup.retain_days', 30);
+        $chunkSize = config('server_operations.cleanup.chunk_size', 100);
+
+        try {
+            $deletedCount = 0;
+            
+            ServerOperation::forCleanup($daysOld)
+                ->chunk($chunkSize, function ($operations) use (&$deletedCount) {
+                    foreach ($operations as $operation) {
+                        $operation->delete();
+                        $deletedCount++;
+                    }
+                });
+
+            return $deletedCount;
+        } catch (Exception $e) {
+            Log::error('Failed to cleanup old server operations', [
+                'error' => $e->getMessage(),
+                'days_old' => $daysOld,
+            ]);
+            
+            return 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/Services/ServerOperations/ServerStateValidationService.php b/app/Services/ServerOperations/ServerStateValidationService.php
new file mode 100644
index 000000000..837b5b22c
--- /dev/null
+++ b/app/Services/ServerOperations/ServerStateValidationService.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace Pterodactyl\Services\ServerOperations;
+
+use Illuminate\Support\Facades\Log;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\ServerOperation;
+use Symfony\Component\HttpKernel\Exception\ConflictHttpException;
+
+/**
+ * Service for validating server state before operations.
+ *
+ * Ensures servers are in appropriate states for modifications and prevents
+ * concurrent operations that could cause conflicts.
+ */
+class ServerStateValidationService
+{
+    /**
+     * Validate server state before making changes.
+     */
+    public function validateServerState(Server $server): void
+    {
+        try {
+            if ($server->status === Server::STATUS_INSTALLING) {
+                throw new ConflictHttpException('Server is currently being installed and cannot be modified.');
+            }
+            
+            if ($server->status === Server::STATUS_SUSPENDED) {
+                throw new ConflictHttpException('Server is suspended and cannot be modified.');
+            }
+            
+            if ($server->transfer) {
+                throw new ConflictHttpException('Server is currently being transferred and cannot be modified.');
+            }
+            
+            $server->refresh();
+        } catch (\Exception $e) {
+            Log::error('Failed to validate server state', [
+                'server_id' => $server->id,
+                'error' => $e->getMessage(),
+            ]);
+            
+            if ($e instanceof ConflictHttpException) {
+                throw $e;
+            }
+            
+            Log::warning('Server state validation failed, allowing request to proceed', [
+                'server_id' => $server->id,
+                'error' => $e->getMessage(),
+            ]);
+        }
+    }
+
+    /**
+     * Check for active operations on server.
+     */
+    public function checkForActiveOperations(Server $server): void
+    {
+        $activeOperation = ServerOperation::forServer($server)->active()->first();
+        if ($activeOperation) {
+            throw new ConflictHttpException('Another operation is currently in progress for this server. Please wait for it to complete.');
+        }
+    }
+
+    /**
+     * Validate server can accept the operation.
+     */
+    public function validateCanAcceptOperation(Server $server, string $operationType): void
+    {
+        $this->validateServerState($server);
+        $this->checkForActiveOperations($server);
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Servers/BuildModificationService.php b/app/Services/Servers/BuildModificationService.php
index a977f8381..cd145c489 100644
--- a/app/Services/Servers/BuildModificationService.php
+++ b/app/Services/Servers/BuildModificationService.php
@@ -46,7 +46,7 @@ class BuildModificationService
 
             // If any of these values are passed through in the data array go ahead and set
             // them correctly on the server model.
-            $merge = Arr::only($data, ['oom_disabled', 'memory', 'swap', 'io', 'cpu', 'threads', 'disk', 'allocation_id']);
+            $merge = Arr::only($data, ['oom_disabled', 'exclude_from_resource_calculation', 'memory', 'overhead_memory', 'swap', 'io', 'cpu', 'threads', 'disk', 'allocation_id']);
 
             $server->forceFill(array_merge($merge, [
                 'database_limit' => Arr::get($data, 'database_limit', 0) ?? null,
diff --git a/app/Services/Servers/ServerConfigurationStructureService.php b/app/Services/Servers/ServerConfigurationStructureService.php
index 72f327796..5be55ba66 100644
--- a/app/Services/Servers/ServerConfigurationStructureService.php
+++ b/app/Services/Servers/ServerConfigurationStructureService.php
@@ -10,8 +10,10 @@ class ServerConfigurationStructureService
     /**
      * ServerConfigurationStructureService constructor.
      */
-    public function __construct(private EnvironmentService $environment)
-    {
+    public function __construct(
+        private EnvironmentService $environment,
+        private StartupCommandService $startupCommandService
+    ) {
     }
 
     /**
@@ -50,10 +52,10 @@ class ServerConfigurationStructureService
             ],
             'suspended' => $server->isSuspended(),
             'environment' => $this->environment->handle($server),
-            'invocation' => $server->startup,
+            'invocation' => $this->startupCommandService->handle($server),
             'skip_egg_scripts' => $server->skip_scripts,
             'build' => [
-                'memory_limit' => $server->memory,
+                'memory_limit' => $server->memory + $server->overhead_memory,
                 'swap' => $server->swap,
                 'io_weight' => $server->io,
                 'cpu_limit' => $server->cpu,
@@ -112,6 +114,7 @@ class ServerConfigurationStructureService
                 'env' => $this->environment->handle($server),
                 'oom_disabled' => $server->oom_disabled,
                 'memory' => (int) $server->memory,
+                'overhead_memory' => (int) $server->overhead_memory,
                 'swap' => (int) $server->swap,
                 'io' => (int) $server->io,
                 'cpu' => (int) $server->cpu,
diff --git a/app/Services/Servers/ServerCreationService.php b/app/Services/Servers/ServerCreationService.php
index 6f900b12d..d298e8e54 100644
--- a/app/Services/Servers/ServerCreationService.php
+++ b/app/Services/Servers/ServerCreationService.php
@@ -148,12 +148,14 @@ class ServerCreationService
             'skip_scripts' => Arr::get($data, 'skip_scripts') ?? isset($data['skip_scripts']),
             'owner_id' => Arr::get($data, 'owner_id'),
             'memory' => Arr::get($data, 'memory'),
+            'overhead_memory' => Arr::get($data, 'overhead_memory', 0),
             'swap' => Arr::get($data, 'swap'),
             'disk' => Arr::get($data, 'disk'),
             'io' => Arr::get($data, 'io'),
             'cpu' => Arr::get($data, 'cpu'),
             'threads' => Arr::get($data, 'threads'),
             'oom_disabled' => Arr::get($data, 'oom_disabled') ?? true,
+            'exclude_from_resource_calculation' => Arr::get($data, 'exclude_from_resource_calculation') ?? false,
             'allocation_id' => Arr::get($data, 'allocation_id'),
             'nest_id' => Arr::get($data, 'nest_id'),
             'egg_id' => Arr::get($data, 'egg_id'),
diff --git a/app/Services/Servers/ServerDeletionService.php b/app/Services/Servers/ServerDeletionService.php
index 714e22623..01d463094 100644
--- a/app/Services/Servers/ServerDeletionService.php
+++ b/app/Services/Servers/ServerDeletionService.php
@@ -8,7 +8,9 @@ use Illuminate\Support\Facades\Log;
 use Illuminate\Database\ConnectionInterface;
 use Pterodactyl\Repositories\Wings\DaemonServerRepository;
 use Pterodactyl\Services\Databases\DatabaseManagementService;
+use Pterodactyl\Services\Backups\DeleteBackupService;
 use Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException;
+use Pterodactyl\Exceptions\Service\Backup\BackupLockedException;
 
 class ServerDeletionService
 {
@@ -21,6 +23,7 @@ class ServerDeletionService
         private ConnectionInterface $connection,
         private DaemonServerRepository $daemonServerRepository,
         private DatabaseManagementService $databaseManagementService,
+        private DeleteBackupService $deleteBackupService,
     ) {
     }
 
@@ -57,6 +60,50 @@ class ServerDeletionService
         }
 
         $this->connection->transaction(function () use ($server) {
+            // Delete all backups associated with this server
+            foreach ($server->backups as $backup) {
+                try {
+                    $this->deleteBackupService->handle($backup);
+                } catch (BackupLockedException $exception) {
+                    // If the backup is locked, unlock it and try again since we're deleting the entire server
+                    $backup->update(['is_locked' => false]);
+                    
+                    try {
+                        $this->deleteBackupService->handle($backup);
+                    } catch (\Exception $retryException) {
+                        if (!$this->force) {
+                            throw $retryException;
+                        }
+
+                        // If we still can't delete the backup from storage, at least remove the database record
+                        // to prevent orphaned backup entries
+                        $backup->delete();
+
+                        Log::warning('Failed to delete unlocked backup during server deletion', [
+                            'backup_id' => $backup->id,
+                            'backup_uuid' => $backup->uuid,
+                            'server_id' => $server->id,
+                            'exception' => $retryException->getMessage(),
+                        ]);
+                    }
+                } catch (\Exception $exception) {
+                    if (!$this->force) {
+                        throw $exception;
+                    }
+
+                    // If we can't delete the backup from storage, at least remove the database record
+                    // to prevent orphaned backup entries
+                    $backup->delete();
+
+                    Log::warning('Failed to delete backup during server deletion', [
+                        'backup_id' => $backup->id,
+                        'backup_uuid' => $backup->uuid,
+                        'server_id' => $server->id,
+                        'exception' => $exception->getMessage(),
+                    ]);
+                }
+            }
+
             foreach ($server->databases as $database) {
                 try {
                     $this->databaseManagementService->delete($database);
diff --git a/app/Services/Servers/StartupCommandService.php b/app/Services/Servers/StartupCommandService.php
index efdbbc5c4..34340ac3d 100644
--- a/app/Services/Servers/StartupCommandService.php
+++ b/app/Services/Servers/StartupCommandService.php
@@ -11,8 +11,23 @@ class StartupCommandService
      */
     public function handle(Server $server, bool $hideAllValues = false): string
     {
-        $find = ['{{SERVER_MEMORY}}', '{{SERVER_IP}}', '{{SERVER_PORT}}'];
-        $replace = [$server->memory, $server->allocation->ip, $server->allocation->port];
+        $find = [
+            '{{SERVER_MEMORY}}',
+            '{{SERVER_IP}}',
+            '{{SERVER_PORT}}',
+            '{{SERVER_UUID}}',
+            '{{SERVER_NAME}}',
+            '{{SERVER_CPU}}'
+        ];
+        
+        $replace = [
+            $server->memory,
+            $server->allocation->ip,
+            $server->allocation->port,
+            $server->uuid,
+            $server->name,
+            $server->cpu
+        ];
 
         foreach ($server->variables as $variable) {
             $find[] = '{{' . $variable->env_variable . '}}';
diff --git a/app/Services/Servers/StartupCommandUpdateService.php b/app/Services/Servers/StartupCommandUpdateService.php
new file mode 100644
index 000000000..79d6a8f1a
--- /dev/null
+++ b/app/Services/Servers/StartupCommandUpdateService.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace Pterodactyl\Services\Servers;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Facades\Activity;
+use Illuminate\Database\ConnectionInterface;
+use Pterodactyl\Repositories\Wings\DaemonServerRepository;
+
+class StartupCommandUpdateService
+{
+    public function __construct(
+        private ConnectionInterface $connection,
+        private DaemonServerRepository $daemonServerRepository,
+    ) {
+    }
+
+    /**
+     * Updates the startup command for a server and syncs the configuration with Wings.
+     *
+     * @throws \Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException
+     * @throws \Throwable
+     */
+    public function handle(Server $server, string $startup): Server
+    {
+        $original = $server->startup;
+
+        return $this->connection->transaction(function () use ($server, $startup, $original) {
+            $server->update(['startup' => $startup]);
+
+            // Log the activity
+            Activity::event('server:startup.command')
+                ->subject($server)
+                ->property([
+                    'old' => $original,
+                    'new' => $startup,
+                ])
+                ->log();
+
+            // Sync the server configuration with Wings daemon
+            $this->daemonServerRepository->setServer($server)->sync();
+
+            return $server->refresh();
+        });
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Servers/VariableValidatorService.php b/app/Services/Servers/VariableValidatorService.php
index 676a84aba..e4d94bb41 100644
--- a/app/Services/Servers/VariableValidatorService.php
+++ b/app/Services/Servers/VariableValidatorService.php
@@ -2,6 +2,7 @@
 
 namespace Pterodactyl\Services\Servers;
 
+use Illuminate\Support\Arr;
 use Pterodactyl\Models\User;
 use Illuminate\Support\Collection;
 use Pterodactyl\Models\EggVariable;
@@ -39,8 +40,15 @@ class VariableValidatorService
 
         $data = $rules = $customAttributes = [];
         foreach ($variables as $variable) {
-            $data['environment'][$variable->env_variable] = array_get($fields, $variable->env_variable);
-            $rules['environment.' . $variable->env_variable] = $variable->rules;
+            $value = Arr::get($fields, $variable->env_variable);
+            $data['environment'][$variable->env_variable] = $value;
+            
+            // Make rules nullable to handle empty environment variables, but don't duplicate if already nullable
+            $rules_string = $variable->rules;
+            if (!str_starts_with($rules_string, 'nullable')) {
+                $rules_string = 'nullable|' . $rules_string;
+            }
+            $rules['environment.' . $variable->env_variable] = $rules_string;
             $customAttributes['environment.' . $variable->env_variable] = trans('validation.internal.variable_value', ['env' => $variable->name]);
         }
 
diff --git a/app/Services/Subdomain/Features/FactorioSubdomainFeature.php b/app/Services/Subdomain/Features/FactorioSubdomainFeature.php
new file mode 100644
index 000000000..36bac69e6
--- /dev/null
+++ b/app/Services/Subdomain/Features/FactorioSubdomainFeature.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain\Features;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface;
+
+class FactorioSubdomainFeature implements SubdomainFeatureInterface
+{
+    /**
+     * Get the feature name.
+     */
+    public function getFeatureName(): string
+    {
+        return 'subdomain_factorio';
+    }
+
+    /**
+     * Get the DNS records that need to be created for Factorio.
+    */
+    public function getDnsRecords(Server $server, string $subdomain, string $domain): array
+    {
+        $ip = $server->allocation->ip;
+        $port = $server->allocation->port;
+        $fullDomain = $subdomain . '.' . $domain;
+
+        $records = [];
+
+        // A record pointing to the server IP
+        $records[] = [
+            'name' => $subdomain,
+            'type' => 'A',
+            'content' => $ip,
+            'ttl' => 300,
+        ];
+
+        // SRV record for Factorio (_factorio._udp)
+        $records[] = [
+            'name' => '_factorio._udp.' . $subdomain,
+            'type' => 'SRV',
+            'content' => [
+                'service' => '_factorio',
+                'proto' => '_udp',
+                'name' => '_factorio._udp.' . $subdomain,
+                'priority' => 0,
+                'weight' => 0,
+                'port' => $port,
+                'target' => $fullDomain,
+                'content' => "SRV 0 0 {$port} {$fullDomain}",
+            ],
+            'ttl' => 300,
+        ];
+
+        return $records;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Services/Subdomain/Features/MinecraftSubdomainFeature.php b/app/Services/Subdomain/Features/MinecraftSubdomainFeature.php
new file mode 100644
index 000000000..49938d5a4
--- /dev/null
+++ b/app/Services/Subdomain/Features/MinecraftSubdomainFeature.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain\Features;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface;
+
+class MinecraftSubdomainFeature implements SubdomainFeatureInterface
+{
+    /**
+     * Get the feature name.
+     */
+    public function getFeatureName(): string
+    {
+        return 'subdomain_minecraft';
+    }
+    
+    /**
+     * Get the DNS records that need to be created for Minecraft.
+     */
+    public function getDnsRecords(Server $server, string $subdomain, string $domain): array
+    {
+        $ip = $server->allocation->ip;
+        $port = $server->allocation->port;
+        $fullDomain = $subdomain . '.' . $domain;
+
+        $records = [];
+
+        // A record pointing to the server IP
+        $records[] = [
+            'name' => $subdomain,
+            'type' => 'A',
+            'content' => $ip,
+            'ttl' => 300,
+        ];
+
+        // SRV record for Minecraft (only if not using default port)
+        if ($port != 25565) {
+            $records[] = [
+                'name' => '_minecraft._tcp.' . $subdomain,
+                'type' => 'SRV',
+                'content' => [
+                    'service' => '_minecraft',
+                    'proto' => '_tcp',
+                    'name' => $subdomain,
+                    'priority' => 0,
+                    'weight' => 5,
+                    'port' => $port,
+                    'target' => $fullDomain,
+                    'content' => "SRV 0 5 {$port} {$fullDomain}",
+                ],
+                'ttl' => 300,
+            ];
+        }
+
+        return $records;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Services/Subdomain/Features/RustSubdomainFeature.php b/app/Services/Subdomain/Features/RustSubdomainFeature.php
new file mode 100644
index 000000000..4b57c9eed
--- /dev/null
+++ b/app/Services/Subdomain/Features/RustSubdomainFeature.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain\Features;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface;
+
+class RustSubdomainFeature implements SubdomainFeatureInterface
+{
+    /**
+     * Get the feature name.
+     */
+    public function getFeatureName(): string
+    {
+        return 'subdomain_rust';
+    }
+
+    /**
+     * Get the DNS records that need to be created for Rust.
+    */
+    public function getDnsRecords(Server $server, string $subdomain, string $domain): array
+    {
+        $ip = $server->allocation->ip;
+        $port = $server->allocation->port;
+        $fullDomain = $subdomain . '.' . $domain;
+
+        $records = [];
+
+        // A record pointing to the server IP
+        $records[] = [
+            'name' => $subdomain,
+            'type' => 'A',
+            'content' => $ip,
+            'ttl' => 300,
+        ];
+
+        // SRV record for Rust (_rust._udp)
+        $records[] = [
+            'name' => '_rust._udp.' . $subdomain,
+            'type' => 'SRV',
+            'content' => [
+                'service' => '_rust',
+                'proto' => '_udp',
+                'name' => '_rust._udp.' . $subdomain,
+                'priority' => 0,
+                'weight' => 5,
+                'port' => $port,
+                'target' => $fullDomain,
+                'content' => "SRV 0 5 {$port} {$fullDomain}",
+            ],
+            'ttl' => 300,
+        ];
+
+        return $records;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Services/Subdomain/Features/TeamSpeakSubdomainFeature.php b/app/Services/Subdomain/Features/TeamSpeakSubdomainFeature.php
new file mode 100644
index 000000000..cdf83c528
--- /dev/null
+++ b/app/Services/Subdomain/Features/TeamSpeakSubdomainFeature.php
@@ -0,0 +1,89 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain\Features;
+
+use Pterodactyl\Models\Server;
+use Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface;
+
+class TeamSpeakSubdomainFeature implements SubdomainFeatureInterface
+{
+    /**
+     * Get the feature name.
+     */
+    public function getFeatureName(): string
+    {
+        return 'subdomain_teamspeak';
+    }
+
+    /**
+     * Get the DNS records that need to be created for TeamSpeak.
+     */
+    public function getDnsRecords(Server $server, string $subdomain, string $domain): array
+    {
+        $ip = $server->allocation->ip;
+        $port = $server->allocation->port;
+        $fullDomain = $subdomain . '.' . $domain;
+
+        $records = [];
+
+        // A record pointing to the server IP (for fallback and TSDNS)
+        $records[] = [
+            'name' => $subdomain,
+            'type' => 'A',
+            'content' => $ip,
+            'ttl' => 300,
+        ];
+
+        // Primary TeamSpeak 3 SRV record (_ts3._udp)
+        $records[] = [
+            'name' => '_ts3._udp.' . $subdomain,
+            'type' => 'SRV',
+            'content' => [
+                'service' => '_ts3',
+                'proto' => '_udp',
+                'name' => '_ts3._udp.' . $subdomain,
+                'priority' => 0,
+                'weight' => 5,
+                'port' => $port,
+                'target' => $fullDomain,
+                'content' => "SRV 0 5 {$port} {$fullDomain}",
+            ],
+            'ttl' => 300,
+        ];
+
+        // Optional TSDNS SRV record if running on a common TSDNS port
+        // This allows for TSDNS redirection if needed
+        if ($this->shouldCreateTsdnsRecord($port)) {
+            $records[] = [
+                'name' => '_tsdns._tcp.' . $subdomain,
+                'type' => 'SRV',
+                'content' => [
+                    'service' => '_tsdns',
+                    'proto' => '_tcp',
+                    'name' => '_tsdns._tcp.' . $subdomain,
+                    'priority' => 0,
+                    'weight' => 5,
+                    'port' => $port,
+                    'target' => $fullDomain,
+                    'content' => "SRV 0 5 {$port} {$fullDomain}",
+                ],
+                'ttl' => 300,
+            ];
+        }
+
+        return $records;
+    }
+
+    /**
+     * Determine if we should create a TSDNS SRV record.
+     * This is typically for common TSDNS ports or when configured.
+     */
+    private function shouldCreateTsdnsRecord(int $port): bool
+    {
+        // Common TSDNS ports
+        $tsdnsPorts = [41144, 41145, 41146, 41147, 41148];
+        
+        // Create TSDNS record for common TSDNS ports or if the port looks like it might be TSDNS
+        return in_array($port, $tsdnsPorts) || ($port >= 41144 && $port <= 41200);
+    }
+}
\ No newline at end of file
diff --git a/app/Services/Subdomain/SubdomainGeneratorService.php b/app/Services/Subdomain/SubdomainGeneratorService.php
new file mode 100644
index 000000000..4969ab496
--- /dev/null
+++ b/app/Services/Subdomain/SubdomainGeneratorService.php
@@ -0,0 +1,342 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain;
+
+use Illuminate\Support\Str;
+
+class SubdomainGeneratorService
+{
+    /**
+     * List of adjectives for generating readable subdomains.
+     */
+    private array $adjectives = [
+        "swift",
+        "brave",
+        "calm",
+        "dark",
+        "eager",
+        "fair",
+        "glad",
+        "kind",
+        "light",
+        "mild",
+        "neat",
+        "proud",
+        "quick",
+        "rich",
+        "safe",
+        "tall",
+        "warm",
+        "wise",
+        "bold",
+        "busy",
+        "cool",
+        "deep",
+        "fast",
+        "good",
+        "happy",
+        "late",
+        "loud",
+        "nice",
+        "pure",
+        "real",
+        "soft",
+        "true",
+        "wild",
+        "young",
+        "blue",
+        "free",
+        "green",
+        "sharp",
+        "small",
+        "solid",
+        "sweet",
+        "white",
+        "quiet",
+        "red",
+        "fuzzy",
+        "bright",
+        "clever",
+        "gentle",
+        "mighty",
+        "noble",
+        "sunny",
+        "jolly",
+        "lucky",
+        "ancient",
+        "angry",
+        "autumn",
+        "black",
+        "bloody",
+        "breezy",
+        "chilly",
+        "cloudy",
+        "cuddly",
+        "dusty",
+        "early",
+        "empty",
+        "fancy",
+        "fiery",
+        "frozen",
+        "golden",
+        "graceful",
+        "heavy",
+        "icy",
+        "jaded",
+        "loyal",
+        "magic",
+        "modern",
+        "narrow",
+        "old",
+        "orange",
+        "playful",
+        "rapid",
+        "rare",
+        "rocky",
+        "round",
+        "royal",
+        "rusty",
+        "silent",
+        "silver",
+        "sleepy",
+        "slow",
+        "smooth",
+        "sparkly",
+        "spicy",
+        "spring",
+        "stormy",
+        "strange",
+        "strong",
+        "summer",
+        "super",
+        "sweet",
+        "tiny",
+        "tough",
+        "twinkly",
+        "vast",
+        "wavy",
+        "winter",
+        "yellow",
+        "agile",
+        "alert",
+        "balanced",
+        "brilliant",
+        "curious",
+        "daring",
+        "elegant",
+        "faithful",
+        "fearless",
+        "gentle",
+        "grumpy",
+        "hopeful",
+        "hungry",
+        "joyful",
+        "lonely",
+        "mellow",
+        "mysterious",
+        "patient",
+        "practical",
+        "proud",
+        "quiet",
+        "rebellious",
+        "shy",
+        "silly",
+        "sneaky",
+        "steady",
+        "tender",
+        "thankful",
+        "timid",
+        "trusty",
+        "vivid",
+        "wicked",
+        "zealous",
+    ];
+
+    /**
+     * List of animals for generating readable subdomains.
+     */
+    private array $animals = [
+        "bear",
+        "bird",
+        "cat",
+        "deer",
+        "dog",
+        "duck",
+        "fish",
+        "frog",
+        "goat",
+        "hawk",
+        "lion",
+        "owl",
+        "panda",
+        "seal",
+        "swan",
+        "tiger",
+        "wolf",
+        "zebra",
+        "eagle",
+        "horse",
+        "koala",
+        "mouse",
+        "otter",
+        "puppy",
+        "rabbit",
+        "snake",
+        "whale",
+        "camel",
+        "crow",
+        "dove",
+        "gecko",
+        "llama",
+        "puma",
+        "shark",
+        "sheep",
+        "sloth",
+        "toad",
+        "turtle",
+        "beaver",
+        "falcon",
+        "iguana",
+        "monkey",
+        "parrot",
+        "pigeon",
+        "raven",
+        "salmon",
+        "fox",
+        "antelope",
+        "buffalo",
+        "chameleon",
+        "coyote",
+        "jaguar",
+        "leopard",
+        "meerkat",
+        "porcupine",
+        "raccoon",
+        "vulture",
+        "walrus",
+        "woodpecker",
+        "ferret",
+        "hedgehog",
+        "platypus",
+        "armadillo",
+        "badger",
+        "alligator",
+        "alpaca",
+        "anteater",
+        "baboon",
+        "bat",
+        "bison",
+        "boar",
+        "caribou",
+        "cheetah",
+        "chimp",
+        "cobra",
+        "crab",
+        "dingo",
+        "donkey",
+        "dragonfly",
+        "eel",
+        "elephant",
+        "elk",
+        "gazelle",
+        "giraffe",
+        "gorilla",
+        "hamster",
+        "heron",
+        "hippo",
+        "hummingbird",
+        "jackal",
+        "kangaroo",
+        "lemur",
+        "lynx",
+        "mammoth",
+        "manatee",
+        "marmot",
+        "mole",
+        "moose",
+        "narwhal",
+        "newt",
+        "orca",
+        "penguin",
+        "polar",
+        "quail",
+        "quokka",
+        "rat",
+        "robin",
+        "salamander",
+        "scorpion",
+        "sealion",
+        "skunk",
+        "sparrow",
+        "squid",
+        "starfish",
+        "stork",
+        "tarantula",
+        "turkey",
+        "viper",
+        "weasel",
+        "wolverine",
+        "yak",
+        "dragon",
+        "griffin",
+        "phoenix",
+        "unicorn",
+        "pegasus",
+        "kraken",
+    ];
+
+    /**
+     * Generate a random subdomain in the format: adjective-animal-number.
+     * - Number is a 3-digit integer in [100, 999] → 900 possibilities.
+     * - With ~200 adjectives and ~250 animals, the base pool size is:
+     *   200 × 250 × 900 = 45,000,000 possible subdomains.
+     * Str::slug() ensures a DNS-safe label.
+     */
+    public function generate(): string
+    {
+        $adjective = $this->adjectives[array_rand($this->adjectives)];
+        $animal = $this->animals[array_rand($this->animals)];
+        $number = mt_rand(100, 999);
+
+        // Ensure DNS-safe format
+        return Str::slug(sprintf("%s-%s%d", $adjective, $animal, $number));
+    }
+
+    /**
+     * Generate a unique subdomain not present in $existingSubdomains.
+     * Tries up to $maxAttempts times using the base pool (~45M possibilities).
+     * If all attempts collide, fall back to a larger space by appending a 5-char random suffix.
+     */
+    public function generateUnique(
+        array $existingSubdomains,
+        int $maxAttempts = 50
+    ): string {
+        $attempts = 0;
+
+        while ($attempts < $maxAttempts) {
+            $subdomain = $this->generate();
+
+            if (!in_array($subdomain, $existingSubdomains, true)) {
+                return $subdomain;
+            }
+
+            $attempts++;
+        }
+
+        // Fallback: ensure uniqueness with much larger pool.
+        // Str::random(5) → [a-z0-9], i.e. 36^5 = 60,466,176 suffix possibilities.
+        // With ~200 adjectives × ~250 animals, fallback space is:
+        // 200 × 250 × 60,466,176 = 3,023,308,800,000 (~3 trillion).
+        
+        // So basically, if we ever hit this fallback, we are almost certainly
+        // filthy rich or extremely unlucky. Either way, we win. - ellie
+        return Str::slug(
+            sprintf(
+                "%s-%s-%s",
+                $this->adjectives[array_rand($this->adjectives)],
+                $this->animals[array_rand($this->animals)],
+                strtolower(Str::random(5))
+            )
+        );
+    }
+}
diff --git a/app/Services/Subdomain/SubdomainManagementService.php b/app/Services/Subdomain/SubdomainManagementService.php
new file mode 100644
index 000000000..957f62107
--- /dev/null
+++ b/app/Services/Subdomain/SubdomainManagementService.php
@@ -0,0 +1,534 @@
+<?php
+
+namespace Pterodactyl\Services\Subdomain;
+
+use Pterodactyl\Models\Domain;
+use Pterodactyl\Models\Server;
+use Pterodactyl\Models\ServerSubdomain;
+use Pterodactyl\Contracts\Dns\DnsProviderInterface;
+use Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface;
+use Pterodactyl\Exceptions\Dns\DnsProviderException;
+use Pterodactyl\Services\Subdomain\Features\FactorioSubdomainFeature;
+use Pterodactyl\Services\Subdomain\Features\MinecraftSubdomainFeature;
+use Pterodactyl\Services\Subdomain\Features\RustSubdomainFeature;
+use Pterodactyl\Services\Subdomain\Features\TeamSpeakSubdomainFeature;
+use Pterodactyl\Services\Dns\Providers\CloudflareProvider;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+
+class SubdomainManagementService
+{
+    private array $dnsProviders = [];
+    private array $subdomainFeatures = [];
+
+    public function __construct()
+    {
+        // Register DNS providers
+        $this->dnsProviders = [
+            'cloudflare' => CloudflareProvider::class,
+        ];
+
+        // Register subdomain features
+        $this->subdomainFeatures = [
+            'subdomain_factorio' => FactorioSubdomainFeature::class,
+            'subdomain_minecraft' => MinecraftSubdomainFeature::class,
+            'subdomain_rust' => RustSubdomainFeature::class,
+            'subdomain_teamspeak' => TeamSpeakSubdomainFeature::class,
+        ];
+    }
+
+    /**
+     * Create a subdomain for a server
+     *
+     * @param Server $server
+     * @param Domain $domain
+     * @param string $subdomain
+     * @return ServerSubdomain
+     * @throws \Exception
+     */
+    public function createSubdomain(Server $server, Domain $domain, string $subdomain): ServerSubdomain
+    {
+        // Check if server supports subdomains
+        $feature = $this->getServerSubdomainFeature($server);
+        if (!$feature) {
+            throw new \Exception('Server does not support subdomains.');
+        }
+
+        // Validate subdomain
+        $this->validateSubdomain($subdomain, $feature, $domain);
+
+        // Get DNS provider
+        try {
+            $dnsProvider = $this->getDnsProvider($domain);
+        } catch (\Exception $e) {            
+            throw new \Exception('DNS service temporarily unavailable.');
+        }
+
+        // Get DNS records to create
+        $dnsRecords = $feature->getDnsRecords($server, $subdomain, $domain->name);
+        		
+        // Normalize IP addresses in DNS records
+        $dnsRecords = $this->normalizeIpAddresses($dnsRecords);
+
+        // Use database transaction for consistency
+        return DB::transaction(function () use ($server, $domain, $subdomain, $feature, $dnsProvider, $dnsRecords) {
+            // CRITICAL: Check if server already has an active subdomain (prevents race conditions)
+            $existingServerSubdomain = ServerSubdomain::where('server_id', $server->id)
+                ->where('is_active', true)
+                ->lockForUpdate() // Use row-level locking to prevent race conditions
+                ->first();
+
+            if ($existingServerSubdomain) {
+                throw new \Exception('Server already has an active subdomain. Please delete it first.');
+            }
+
+            // Double-check subdomain availability within transaction
+            $existing = ServerSubdomain::where('domain_id', $domain->id)
+                ->where('subdomain', $subdomain)
+                ->where('is_active', true)
+                ->first();
+
+            if ($existing) {
+                throw new \Exception('Subdomain is not available.');
+            }
+
+            // Create DNS records first
+            $createdRecordIds = [];
+            $rollbackRequired = false;
+            
+            try {
+                foreach ($dnsRecords as $record) {
+                    $recordId = $dnsProvider->createRecord(
+                        $domain->name,
+                        $record['name'],
+                        $record['type'],
+                        $record['content'],
+                        $record['ttl'] ?? 300
+                    );
+                    $createdRecordIds[] = $recordId;
+                }
+
+                // Create subdomain record in database
+                $serverSubdomain = ServerSubdomain::create([
+                    'server_id' => $server->id,
+                    'domain_id' => $domain->id,
+                    'subdomain' => $subdomain,
+                    'record_type' => str_replace('subdomain_', '', $feature->getFeatureName()),
+                    'dns_records' => $createdRecordIds,
+                    'is_active' => true,
+                ]);
+
+                return $serverSubdomain;
+            } catch (\Exception $e) {
+                $rollbackRequired = true;
+                throw $e;
+            } finally {
+                // Clean up DNS records if transaction failed
+                if ($rollbackRequired && !empty($createdRecordIds)) {
+                    $this->cleanupDnsRecords($dnsProvider, $domain->name, $createdRecordIds);
+                }
+            }
+        });
+    }
+
+    /**
+     * Update a subdomain's DNS records
+     *
+     * @param ServerSubdomain $serverSubdomain
+     * @return void
+     * @throws \Exception
+     */
+    public function updateSubdomain(ServerSubdomain $serverSubdomain): void
+    {
+        $server = $serverSubdomain->server;
+        $domain = $serverSubdomain->domain;
+
+        $feature = $this->getServerSubdomainFeature($server);
+        if (!$feature) {
+            throw new \Exception('Server no longer supports subdomains.');
+        }
+
+        try {
+            $dnsProvider = $this->getDnsProvider($domain);
+        } catch (\Exception $e) {
+            throw new \Exception('DNS service temporarily unavailable.');
+        }
+
+        $newDnsRecords = $feature->getDnsRecords($server, $serverSubdomain->subdomain, $domain->name);
+        $newDnsRecords = $this->normalizeIpAddresses($newDnsRecords);
+
+        DB::transaction(function () use ($serverSubdomain, $dnsProvider, $domain, $newDnsRecords) {
+            $recordIds = $serverSubdomain->dns_records;
+            $updatedRecordIds = [];
+            $rollbackData = [];
+
+            try {
+                // Update/create records
+                foreach ($newDnsRecords as $index => $record) {
+                    if (isset($recordIds[$index])) {
+                        // Store original state for potential rollback
+                        try {
+                            $originalRecord = $dnsProvider->getRecord($domain->name, $recordIds[$index]);
+                            $rollbackData[$recordIds[$index]] = $originalRecord;
+                        } catch (\Exception $e) {
+                            // If we can't get original record, we can't rollback safely
+                            Log::warning("Cannot retrieve original DNS record for rollback: {$recordIds[$index]}");
+                        }
+
+                        // Update existing record
+                        $dnsProvider->updateRecord(
+                            $domain->name,
+                            $recordIds[$index],
+                            $record['content'],
+                            $record['ttl'] ?? null
+                        );
+                        $updatedRecordIds[] = $recordIds[$index];
+                    } else {
+                        // Create new record if needed
+                        $recordId = $dnsProvider->createRecord(
+                            $domain->name,
+                            $record['name'],
+                            $record['type'],
+                            $record['content'],
+                            $record['ttl'] ?? 300
+                        );
+                        $updatedRecordIds[] = $recordId;
+                    }
+                }
+
+                // Delete any extra records
+                $recordsToDelete = array_slice($recordIds, count($newDnsRecords));
+                foreach ($recordsToDelete as $recordId) {
+                    $dnsProvider->deleteRecord($domain->name, $recordId);
+                }
+
+                // Update database record
+                $serverSubdomain->update([
+                    'dns_records' => $updatedRecordIds,
+                ]);    
+            } catch (\Exception $e) {
+                // Attempt rollback of DNS changes
+                $this->rollbackDnsChanges($dnsProvider, $domain->name, $rollbackData, $updatedRecordIds);
+                throw new \Exception('Failed to update subdomain DNS records.');
+            }
+        });
+    }
+
+    /**
+     * Delete a subdomain and its DNS records
+     *
+     * @param ServerSubdomain $serverSubdomain
+     * @return void
+     * @throws \Exception
+     */
+    public function deleteSubdomain(ServerSubdomain $serverSubdomain): void
+    {
+        $domain = $serverSubdomain->domain;
+        
+        DB::transaction(function () use ($serverSubdomain, $domain) {
+            $dnsRecordsToDelete = $serverSubdomain->dns_records ?? [];
+            
+            try {
+                // First, mark as inactive in database to prevent new operations
+                $serverSubdomain->update(['is_active' => false]);
+                
+                // Try to delete DNS records if provider is available
+                if (!empty($dnsRecordsToDelete)) {
+                    try {
+                        $dnsProvider = $this->getDnsProvider($domain);
+                        
+                        // Delete DNS records - don't fail the entire operation if some DNS deletions fail
+                        foreach ($dnsRecordsToDelete as $recordId) {
+                            try {
+                                $dnsProvider->deleteRecord($domain->name, $recordId);
+                            } catch (\Exception $e) {
+                                Log::warning("Failed to delete DNS record {$recordId} during subdomain deletion: {$e->getMessage()}");
+                            }
+                        }
+                        
+                    } catch (\Exception $e) {
+                        // DNS provider unavailable, log and continue with database deletion
+                        Log::warning("DNS provider unavailable during subdomain deletion for {$serverSubdomain->full_domain}: {$e->getMessage()}");
+                    }
+                }
+
+                // Delete database record - this should always succeed after marking inactive
+                $serverSubdomain->delete();
+                
+            } catch (\Exception $e) {
+                Log::error("Failed to delete subdomain {$serverSubdomain->full_domain}: {$e->getMessage()}");
+                throw new \Exception('Failed to delete subdomain completely.');
+            }
+        });
+    }
+
+    /**
+     * Get available domains for subdomain creation.
+     * Only returns safe data needed by the frontend.
+     *
+     * @return array
+     */
+    public function getAvailableDomains(): array
+    {
+        return Domain::where('is_active', true)
+            ->select(['id', 'name', 'is_active', 'is_default'])
+            ->get()
+            ->map(function ($domain) {
+                return [
+                    'id' => $domain->id,
+                    'name' => $domain->name,
+                    'is_active' => $domain->is_active,
+                    'is_default' => $domain->is_default,
+                ];
+            })
+            ->toArray();
+    }
+
+    /**
+     * Check if a subdomain is available for use.
+     *
+     * @param string $subdomain
+     * @param Domain $domain
+     * @param Server|null $excludeServer Exclude this server's subdomain from availability check
+     * @return array
+     */
+    public function checkSubdomainAvailability(string $subdomain, Domain $domain, ?Server $excludeServer = null): array
+    {
+        $subdomain = strtolower(trim($subdomain));
+
+        if (in_array($subdomain, $this->getReservedSubdomains())) {
+            return [
+                'available' => false,
+                'message' => 'This subdomain is reserved and cannot be used.',
+            ];
+        }
+
+        if (empty($subdomain)) {
+            return [
+                'available' => false,
+                'message' => 'Subdomain cannot be empty.',
+            ];
+        }
+
+        if (strlen($subdomain) > 63) {
+            return [
+                'available' => false,
+                'message' => 'Subdomain cannot be longer than 63 characters.',
+            ];
+        }
+
+        if (!preg_match('/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/', $subdomain)) {
+            return [
+                'available' => false,
+                'message' => 'Subdomain contains invalid characters.',
+            ];
+        }
+
+        if (preg_match('/[<>"\']/', $subdomain)) {
+            return [
+                'available' => false,
+                'message' => 'Subdomain contains invalid characters.',
+            ];
+        }
+
+        $query = ServerSubdomain::where('domain_id', $domain->id)
+            ->where('subdomain', $subdomain)
+            ->where('is_active', true);
+
+        if ($excludeServer) {
+            $query->where('server_id', '!=', $excludeServer->id);
+        }
+
+        $existing = $query->exists();
+
+        return [
+            'available' => !$existing,
+            'message' => $existing ? 'Subdomain is not available.' : 'Subdomain is available.',
+        ];
+    }
+
+    /**
+     * Get the list of reserved subdomains.
+     *
+     * @return array
+     */
+    public function getReservedSubdomains(): array
+    {
+        //? I used ChatGPT to generate this list based on common reserved subdomains
+        //? AND I AM PROUD - ellie
+
+        return array_map('strtolower', [
+            // Web & infra
+            'www', 'web', 'origin', 'edge', 'cdn', 'static', 'assets', 'files', 'media', 'img', 'images', 'downloads', 'dl',
+
+            // Email & DNS
+            'mail', 'webmail', 'smtp', 'imap', 'pop', 'pop3', 'mx', 'dns', 'ns',
+            'autodiscover', 'autoconfig', 'mta-sts', 'openpgpkey',
+
+            // Admin & control planes
+            'admin', 'administrator', 'root', 'sysadmin', 'panel', 'cp', 'cpanel', 'whm', 'webdisk',
+            'status', 'monitor', 'monitoring', 'health', 'uptime', 'metrics', 'logs', 'logging',
+
+            // Auth & accounts
+            'login', 'signin', 'sign-in', 'signup', 'sign-up', 'register', 'account', 'accounts',
+            'auth', 'oauth', 'oauth2', 'sso', 'id', 'identity', 'secure', 'passwd', 'password',
+
+            // APIs & developer endpoints
+            'api', 'apis', 'dev', 'development', 'test', 'testing', 'qa', 'stage', 'staging',
+            'preprod', 'preview', 'sandbox', 'prod', 'production', 'demo',
+
+            // Commerce / portals / docs
+            'billing', 'invoice', 'invoices', 'payments', 'pay', 'store', 'shop',
+            'support', 'help', 'docs', 'documentation', 'wiki', 'portal', 'dashboard',
+
+            // File transfer
+            'ftp', 'sftp', 'tftp',
+
+            // CI/CD & tooling often probed by scanners
+            'git', 'github', 'gitlab', 'gitea', 'bitbucket', 'hg', 'svn',
+            'jenkins', 'grafana', 'prometheus', 'kibana', 'elastic', 'sonarqube', 'nexus',
+
+            // Misc safety
+            'localhost', 'local', 'loopback', 'default', 'undefined', 'null',
+        ]);
+    }
+
+    /**
+     * Get the subdomain feature for a server.
+     *
+     * @return null|\Pterodactyl\Contracts\Subdomain\SubdomainFeatureInterface
+     */
+    public function getServerSubdomainFeature(Server $server): ?SubdomainFeatureInterface
+    {
+        if (!$server->egg) {
+            return null;
+        }
+
+        // Check in egg's direct features
+        if (is_array($server->egg->features)) {
+            foreach ($server->egg->features as $featureName) {
+                if (isset($this->subdomainFeatures[$featureName])) {
+                    $featureClass = $this->subdomainFeatures[$featureName];
+                    return new $featureClass();
+                }
+            }
+        }
+
+        // Check in inherited features
+        if (is_array($server->egg->inherit_features)) {
+            foreach ($server->egg->inherit_features as $featureName) {
+                if (isset($this->subdomainFeatures[$featureName])) {
+                    $featureClass = $this->subdomainFeatures[$featureName];
+                    return new $featureClass();
+                }
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Validate a subdomain name.
+     *
+     * @param string $subdomain
+     * @param SubdomainFeatureInterface $feature
+     * @param Domain $domain
+     * @return void
+     * @throws \Exception
+     */
+    private function validateSubdomain(string $subdomain, SubdomainFeatureInterface $feature, Domain $domain): void
+    {
+        $availabilityResult = $this->checkSubdomainAvailability($subdomain, $domain, null);
+        
+        if (!$availabilityResult['available']) {
+            throw new \Exception($availabilityResult['message']);
+        }
+    }
+
+    /**
+     * Get the DNS provider for a domain.
+     *
+     * @param Domain $domain
+     * @return \Pterodactyl\Contracts\Dns\DnsProviderInterface
+     * @throws \Exception
+     */
+    private function getDnsProvider(Domain $domain): DnsProviderInterface
+    {
+        $providerName = $domain->dns_provider;
+
+        if (!isset($this->dnsProviders[$providerName])) {            
+            throw new \Exception("Unsupported DNS provider: {$providerName}");
+        }
+
+        $providerClass = $this->dnsProviders[$providerName];
+        return new $providerClass($domain->dns_config);
+    }
+
+    /**
+     * Clean up DNS records in case of failure.
+     *
+     * @param DnsProviderInterface $dnsProvider
+     * @param string $domain
+     * @param array $recordIds
+     * @return void
+     */
+    private function cleanupDnsRecords(DnsProviderInterface $dnsProvider, string $domain, array $recordIds): void
+    {
+        foreach ($recordIds as $recordId) {
+            try {
+                $dnsProvider->deleteRecord($domain, $recordId);
+            } catch (\Exception $cleanupException) {
+                Log::error("Failed to cleanup DNS record {$recordId} for domain {$domain} during rollback");
+            }
+        }
+    }
+
+    /**
+     * Attempt to rollback DNS changes during update failures.
+     *
+     * @param DnsProviderInterface $dnsProvider
+     * @param string $domain
+     * @param array $rollbackData
+     * @param array $createdRecordIds
+     * @return void
+     */
+    private function rollbackDnsChanges(DnsProviderInterface $dnsProvider, string $domain, array $rollbackData, array $createdRecordIds): void
+    {
+        // Rollback updated records to original state
+        foreach ($rollbackData as $recordId => $originalRecord) {
+            try {
+                $dnsProvider->updateRecord(
+                    $domain,
+                    $recordId,
+                    $originalRecord['content'] ?? $originalRecord['data'] ?? '',
+                    $originalRecord['ttl'] ?? null
+                );
+            } catch (\Exception $e) {
+                Log::error("Failed to rollback DNS record {$recordId} during update failure");
+            }
+        }
+
+        // Delete any newly created records
+        $this->cleanupDnsRecords($dnsProvider, $domain, array_diff($createdRecordIds, array_keys($rollbackData)));
+    }
+
+    /**
+     * Normalize IP addresses in DNS records (convert localhost to 127.0.0.1).
+     * 
+     * @param array $dnsRecords
+     * @return array
+     */
+    private function normalizeIpAddresses(array $dnsRecords): array
+    {
+        foreach ($dnsRecords as &$record) {
+            if ($record['type'] === 'A' && isset($record['content'])) {
+                // Convert localhost to 127.0.0.1 for A records
+                if (strtolower($record['content']) === 'localhost') {
+                    $record['content'] = '127.0.0.1';
+                }
+            }
+        }
+
+        return $dnsRecords;
+    }
+}
\ No newline at end of file
diff --git a/app/Transformers/Api/Application/NodeTransformer.php b/app/Transformers/Api/Application/NodeTransformer.php
index 6347dfec3..546b4e26a 100644
--- a/app/Transformers/Api/Application/NodeTransformer.php
+++ b/app/Transformers/Api/Application/NodeTransformer.php
@@ -40,7 +40,7 @@ class NodeTransformer extends BaseTransformer
         $response[$node->getUpdatedAtColumn()] = $this->formatTimestamp($node->updated_at);
         $response[$node->getCreatedAtColumn()] = $this->formatTimestamp($node->created_at);
 
-        $resources = $node->servers()->select(['memory', 'disk'])->get();
+        $resources = $node->servers()->where('exclude_from_resource_calculation', false)->select(['memory', 'disk'])->get();
 
         $response['allocated_resources'] = [
             'memory' => $resources->sum('memory'),
diff --git a/app/Transformers/Api/Application/ServerTransformer.php b/app/Transformers/Api/Application/ServerTransformer.php
index e5db01fb2..1339b3b60 100644
--- a/app/Transformers/Api/Application/ServerTransformer.php
+++ b/app/Transformers/Api/Application/ServerTransformer.php
@@ -62,12 +62,14 @@ class ServerTransformer extends BaseTransformer
             'suspended' => $server->isSuspended(),
             'limits' => [
                 'memory' => $server->memory,
+                'overhead_memory' => $server->overhead_memory,
                 'swap' => $server->swap,
                 'disk' => $server->disk,
                 'io' => $server->io,
                 'cpu' => $server->cpu,
                 'threads' => $server->threads,
                 'oom_disabled' => $server->oom_disabled,
+                'exclude_from_resource_calculation' => $server->exclude_from_resource_calculation,
             ],
             'feature_limits' => [
                 'databases' => $server->database_limit,
diff --git a/app/Transformers/Api/Client/BackupTransformer.php b/app/Transformers/Api/Client/BackupTransformer.php
index 298c99642..fa102b9f3 100644
--- a/app/Transformers/Api/Client/BackupTransformer.php
+++ b/app/Transformers/Api/Client/BackupTransformer.php
@@ -3,9 +3,15 @@
 namespace Pterodactyl\Transformers\Api\Client;
 
 use Pterodactyl\Models\Backup;
+use Pterodactyl\Services\Backups\ServerStateService;
 
 class BackupTransformer extends BaseClientTransformer
 {
+    public function __construct(
+        private ServerStateService $serverStateService,
+    ) {
+    }
+
     public function getResourceName(): string
     {
         return Backup::RESOURCE_NAME;
@@ -13,7 +19,7 @@ class BackupTransformer extends BaseClientTransformer
 
     public function transform(Backup $backup): array
     {
-        return [
+        $data = [
             'uuid' => $backup->uuid,
             'is_successful' => $backup->is_successful,
             'is_locked' => $backup->is_locked,
@@ -24,5 +30,20 @@ class BackupTransformer extends BaseClientTransformer
             'created_at' => $backup->created_at->toAtomString(),
             'completed_at' => $backup->completed_at ? $backup->completed_at->toAtomString() : null,
         ];
+
+        // Add server state information if available
+        $stateSummary = $this->serverStateService->getStateSummary($backup);
+        $data['server_state'] = $stateSummary ? [
+            'has_state' => true,
+            'nest_name' => $stateSummary['nest_name'],
+            'egg_name' => $stateSummary['egg_name'],
+            'image' => $stateSummary['image'],
+            'variables_count' => $stateSummary['variables_count'],
+            'captured_at' => $stateSummary['captured_at'],
+        ] : [
+            'has_state' => false,
+        ];
+
+        return $data;
     }
 }
diff --git a/app/Transformers/Api/Client/EggController.php b/app/Transformers/Api/Client/EggController.php
deleted file mode 100644
index a00c793b3..000000000
--- a/app/Transformers/Api/Client/EggController.php
+++ /dev/null
@@ -1,33 +0,0 @@
-<?php
-
-namespace Pterodactyl\Http\Controllers\Api\CLient\Nests;
-
-use Pterodactyl\Models\Egg;
-use Pterodactyl\Models\Nest;
-use Pterodactyl\Transformers\Api\Application\EggTransformer;
-use Pterodactyl\Http\Requests\Api\Application\Nests\Eggs\GetEggRequest;
-use Pterodactyl\Http\Requests\Api\Application\Nests\Eggs\GetEggsRequest;
-use Pterodactyl\Http\Controllers\Api\Application\ApplicationApiController;
-
-class EggController extends ApplicationApiController
-{
-    /**
-     * Return all eggs that exist for a given nest.
-     */
-    public function index(GetEggsRequest $request, Nest $nest): array
-    {
-        return $this->fractal->collection($nest->eggs)
-            ->transformWith($this->getTransformer(EggTransformer::class))
-            ->toArray();
-    }
-
-    /**
-     * Return a single egg that exists on the specified nest.
-     */
-    public function view(GetEggRequest $request, Nest $nest, Egg $egg): array
-    {
-        return $this->fractal->item($egg)
-            ->transformWith($this->getTransformer(EggTransformer::class))
-            ->toArray();
-    }
-}
diff --git a/app/Transformers/Api/Client/ServerSubdomainTransformer.php b/app/Transformers/Api/Client/ServerSubdomainTransformer.php
new file mode 100644
index 000000000..d279f64fc
--- /dev/null
+++ b/app/Transformers/Api/Client/ServerSubdomainTransformer.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace Pterodactyl\Transformers\Api\Client;
+
+use Pterodactyl\Models\ServerSubdomain;
+use Pterodactyl\Transformers\Api\Client\BaseClientTransformer;
+
+class ServerSubdomainTransformer extends BaseClientTransformer
+{
+    /**
+     * The Fractal resource name for this transformer.
+     */
+    protected string $resourceName = 'server_subdomain';
+
+    /**
+     * Get the resource name for the transformer.
+     */
+    public function getResourceName(): string
+    {
+        return $this->resourceName;
+    }
+
+    /**
+     * Transform a ServerSubdomain model into a representation for the client API.
+     */
+    public function transform(ServerSubdomain $model): array
+    {
+        return [
+            'subdomain' => $model->subdomain,
+            'domain' => $model->domain->name,
+            'domain_id' => $model->domain_id,
+            'full_domain' => $model->full_domain,
+            'record_type' => $model->record_type,
+            'is_active' => $model->is_active,
+            'created_at' => $model->created_at->toISOString(),
+            'updated_at' => $model->updated_at->toISOString(),
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Transformers/Api/Client/ServerTransformer.php b/app/Transformers/Api/Client/ServerTransformer.php
index e5b5f2654..28d3dc1fc 100644
--- a/app/Transformers/Api/Client/ServerTransformer.php
+++ b/app/Transformers/Api/Client/ServerTransformer.php
@@ -55,6 +55,7 @@ class ServerTransformer extends BaseClientTransformer
       'description' => $server->description,
       'limits' => [
         'memory' => $server->memory,
+        'overhead_memory' => $server->overhead_memory,
         'swap' => $server->swap,
         'disk' => $server->disk,
         'io' => $server->io,
diff --git a/app/helpers.php b/app/helpers.php
index 59aa7166a..c0e531f32 100644
--- a/app/helpers.php
+++ b/app/helpers.php
@@ -33,3 +33,19 @@ if (!function_exists('object_get_strict')) {
         return $object;
     }
 }
+
+if (!function_exists('humanizeSize')) {
+    /**
+     * Convert bytes to a human readable format with binary units.
+     */
+    function humanizeSize(int|float $bytes): string
+    {
+        $units = ['B', 'KiB', 'MiB', 'GiB', 'TiB'];
+        $i = 0;
+        while ($bytes >= 1024 && $i < count($units) - 1) {
+            $bytes /= 1024;
+            $i++;
+        }
+        return round($bytes, 2) . ' ' . $units[$i];
+    }
+}
diff --git a/composer.lock b/composer.lock
index 9cc28c9eb..32686e826 100644
--- a/composer.lock
+++ b/composer.lock
@@ -160,16 +160,16 @@
         },
         {
             "name": "brick/math",
-            "version": "0.12.1",
+            "version": "0.12.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/brick/math.git",
-                "reference": "f510c0a40911935b77b86859eb5223d58d660df1"
+                "reference": "866551da34e9a618e64a819ee1e01c20d8a588ba"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/brick/math/zipball/f510c0a40911935b77b86859eb5223d58d660df1",
-                "reference": "f510c0a40911935b77b86859eb5223d58d660df1",
+                "url": "https://api.github.com/repos/brick/math/zipball/866551da34e9a618e64a819ee1e01c20d8a588ba",
+                "reference": "866551da34e9a618e64a819ee1e01c20d8a588ba",
                 "shasum": ""
             },
             "require": {
@@ -178,7 +178,7 @@
             "require-dev": {
                 "php-coveralls/php-coveralls": "^2.2",
                 "phpunit/phpunit": "^10.1",
-                "vimeo/psalm": "5.16.0"
+                "vimeo/psalm": "6.8.8"
             },
             "type": "library",
             "autoload": {
@@ -208,7 +208,7 @@
             ],
             "support": {
                 "issues": "https://github.com/brick/math/issues",
-                "source": "https://github.com/brick/math/tree/0.12.1"
+                "source": "https://github.com/brick/math/tree/0.12.3"
             },
             "funding": [
                 {
@@ -216,7 +216,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-11-29T23:19:16+00:00"
+            "time": "2025-02-28T13:11:00+00:00"
         },
         {
             "name": "carbonphp/carbon-doctrine-types",
@@ -597,16 +597,16 @@
         },
         {
             "name": "egulias/email-validator",
-            "version": "4.0.3",
+            "version": "4.0.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/egulias/EmailValidator.git",
-                "reference": "b115554301161fa21467629f1e1391c1936de517"
+                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/b115554301161fa21467629f1e1391c1936de517",
-                "reference": "b115554301161fa21467629f1e1391c1936de517",
+                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
+                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
                 "shasum": ""
             },
             "require": {
@@ -652,7 +652,7 @@
             ],
             "support": {
                 "issues": "https://github.com/egulias/EmailValidator/issues",
-                "source": "https://github.com/egulias/EmailValidator/tree/4.0.3"
+                "source": "https://github.com/egulias/EmailValidator/tree/4.0.4"
             },
             "funding": [
                 {
@@ -660,7 +660,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-12-27T00:36:43+00:00"
+            "time": "2025-03-06T22:45:56+00:00"
         },
         {
             "name": "fruitcake/php-cors",
@@ -797,16 +797,16 @@
         },
         {
             "name": "guzzlehttp/guzzle",
-            "version": "7.9.2",
+            "version": "7.9.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/guzzle.git",
-                "reference": "d281ed313b989f213357e3be1a179f02196ac99b"
+                "reference": "7b2f29fe81dc4da0ca0ea7d42107a0845946ea77"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/d281ed313b989f213357e3be1a179f02196ac99b",
-                "reference": "d281ed313b989f213357e3be1a179f02196ac99b",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/7b2f29fe81dc4da0ca0ea7d42107a0845946ea77",
+                "reference": "7b2f29fe81dc4da0ca0ea7d42107a0845946ea77",
                 "shasum": ""
             },
             "require": {
@@ -903,7 +903,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/guzzle/issues",
-                "source": "https://github.com/guzzle/guzzle/tree/7.9.2"
+                "source": "https://github.com/guzzle/guzzle/tree/7.9.3"
             },
             "funding": [
                 {
@@ -919,20 +919,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-07-24T11:22:20+00:00"
+            "time": "2025-03-27T13:37:11+00:00"
         },
         {
             "name": "guzzlehttp/promises",
-            "version": "2.0.4",
+            "version": "2.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/promises.git",
-                "reference": "f9c436286ab2892c7db7be8c8da4ef61ccf7b455"
+                "reference": "7c69f28996b0a6920945dd20b3857e499d9ca96c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/promises/zipball/f9c436286ab2892c7db7be8c8da4ef61ccf7b455",
-                "reference": "f9c436286ab2892c7db7be8c8da4ef61ccf7b455",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/7c69f28996b0a6920945dd20b3857e499d9ca96c",
+                "reference": "7c69f28996b0a6920945dd20b3857e499d9ca96c",
                 "shasum": ""
             },
             "require": {
@@ -986,7 +986,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/promises/issues",
-                "source": "https://github.com/guzzle/promises/tree/2.0.4"
+                "source": "https://github.com/guzzle/promises/tree/2.2.0"
             },
             "funding": [
                 {
@@ -1002,20 +1002,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-10-17T10:06:22+00:00"
+            "time": "2025-03-27T13:27:01+00:00"
         },
         {
             "name": "guzzlehttp/psr7",
-            "version": "2.7.0",
+            "version": "2.7.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/psr7.git",
-                "reference": "a70f5c95fb43bc83f07c9c948baa0dc1829bf201"
+                "reference": "c2270caaabe631b3b44c85f99e5a04bbb8060d16"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/a70f5c95fb43bc83f07c9c948baa0dc1829bf201",
-                "reference": "a70f5c95fb43bc83f07c9c948baa0dc1829bf201",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/c2270caaabe631b3b44c85f99e5a04bbb8060d16",
+                "reference": "c2270caaabe631b3b44c85f99e5a04bbb8060d16",
                 "shasum": ""
             },
             "require": {
@@ -1102,7 +1102,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/psr7/issues",
-                "source": "https://github.com/guzzle/psr7/tree/2.7.0"
+                "source": "https://github.com/guzzle/psr7/tree/2.7.1"
             },
             "funding": [
                 {
@@ -1118,7 +1118,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-07-18T11:15:46+00:00"
+            "time": "2025-03-27T12:30:47+00:00"
         },
         {
             "name": "guzzlehttp/uri-template",
@@ -1277,20 +1277,20 @@
         },
         {
             "name": "laracasts/utilities",
-            "version": "3.2.3",
+            "version": "3.2.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laracasts/PHP-Vars-To-Js-Transformer.git",
-                "reference": "4826fe062f58d07b13e72460141b21c8c07b736d"
+                "reference": "6bbd3a4c9602c2e44ee6e08d7f3fee62b6aa4146"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laracasts/PHP-Vars-To-Js-Transformer/zipball/4826fe062f58d07b13e72460141b21c8c07b736d",
-                "reference": "4826fe062f58d07b13e72460141b21c8c07b736d",
+                "url": "https://api.github.com/repos/laracasts/PHP-Vars-To-Js-Transformer/zipball/6bbd3a4c9602c2e44ee6e08d7f3fee62b6aa4146",
+                "reference": "6bbd3a4c9602c2e44ee6e08d7f3fee62b6aa4146",
                 "shasum": ""
             },
             "require": {
-                "illuminate/support": "^5.0|^6.0|^7.0|^8.0|^9.0|^10.0|^11.0",
+                "illuminate/support": "^5.0|^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
                 "php": ">=5.5.0|>=7.2.5|>=8.0.0"
             },
             "require-dev": {
@@ -1332,9 +1332,9 @@
             ],
             "support": {
                 "issues": "https://github.com/laracasts/PHP-Vars-To-Js-Transformer/issues",
-                "source": "https://github.com/laracasts/PHP-Vars-To-Js-Transformer/tree/3.2.3"
+                "source": "https://github.com/laracasts/PHP-Vars-To-Js-Transformer/tree/3.2.4"
             },
-            "time": "2024-03-03T16:53:37+00:00"
+            "time": "2025-02-27T15:16:31+00:00"
         },
         {
             "name": "laravel/framework",
@@ -1990,16 +1990,16 @@
         },
         {
             "name": "league/commonmark",
-            "version": "2.6.1",
+            "version": "2.7.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/commonmark.git",
-                "reference": "d990688c91cedfb69753ffc2512727ec646df2ad"
+                "reference": "6fbb36d44824ed4091adbcf4c7d4a3923cdb3405"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/d990688c91cedfb69753ffc2512727ec646df2ad",
-                "reference": "d990688c91cedfb69753ffc2512727ec646df2ad",
+                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/6fbb36d44824ed4091adbcf4c7d4a3923cdb3405",
+                "reference": "6fbb36d44824ed4091adbcf4c7d4a3923cdb3405",
                 "shasum": ""
             },
             "require": {
@@ -2036,7 +2036,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "2.7-dev"
+                    "dev-main": "2.8-dev"
                 }
             },
             "autoload": {
@@ -2093,7 +2093,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-29T14:10:59+00:00"
+            "time": "2025-05-05T12:20:28+00:00"
         },
         {
             "name": "league/config",
@@ -2414,16 +2414,16 @@
         },
         {
             "name": "league/fractal",
-            "version": "0.20.1",
+            "version": "0.20.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/fractal.git",
-                "reference": "8b9d39b67624db9195c06f9c1ffd0355151eaf62"
+                "reference": "573ca2e0e348a7fe573a3e8fbc29a6588ece8c4e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/fractal/zipball/8b9d39b67624db9195c06f9c1ffd0355151eaf62",
-                "reference": "8b9d39b67624db9195c06f9c1ffd0355151eaf62",
+                "url": "https://api.github.com/repos/thephpleague/fractal/zipball/573ca2e0e348a7fe573a3e8fbc29a6588ece8c4e",
+                "reference": "573ca2e0e348a7fe573a3e8fbc29a6588ece8c4e",
                 "shasum": ""
             },
             "require": {
@@ -2432,18 +2432,18 @@
             "require-dev": {
                 "doctrine/orm": "^2.5",
                 "illuminate/contracts": "~5.0",
+                "laminas/laminas-paginator": "~2.12",
                 "mockery/mockery": "^1.3",
-                "pagerfanta/pagerfanta": "~1.0.0",
+                "pagerfanta/pagerfanta": "~1.0.0|~4.0.0",
                 "phpstan/phpstan": "^1.4",
                 "phpunit/phpunit": "^9.5",
                 "squizlabs/php_codesniffer": "~3.4",
-                "vimeo/psalm": "^4.22",
-                "zendframework/zend-paginator": "~2.3"
+                "vimeo/psalm": "^4.30"
             },
             "suggest": {
                 "illuminate/pagination": "The Illuminate Pagination component.",
-                "pagerfanta/pagerfanta": "Pagerfanta Paginator",
-                "zendframework/zend-paginator": "Zend Framework Paginator"
+                "laminas/laminas-paginator": "Laminas Framework Paginator",
+                "pagerfanta/pagerfanta": "Pagerfanta Paginator"
             },
             "type": "library",
             "extra": {
@@ -2478,9 +2478,9 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/fractal/issues",
-                "source": "https://github.com/thephpleague/fractal/tree/0.20.1"
+                "source": "https://github.com/thephpleague/fractal/tree/0.20.2"
             },
-            "time": "2022-04-11T12:47:17+00:00"
+            "time": "2025-02-14T21:33:14+00:00"
         },
         {
             "name": "league/mime-type-detection",
@@ -2591,16 +2591,16 @@
         },
         {
             "name": "monolog/monolog",
-            "version": "3.8.1",
+            "version": "3.9.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Seldaek/monolog.git",
-                "reference": "aef6ee73a77a66e404dd6540934a9ef1b3c855b4"
+                "reference": "10d85740180ecba7896c87e06a166e0c95a0e3b6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/aef6ee73a77a66e404dd6540934a9ef1b3c855b4",
-                "reference": "aef6ee73a77a66e404dd6540934a9ef1b3c855b4",
+                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/10d85740180ecba7896c87e06a166e0c95a0e3b6",
+                "reference": "10d85740180ecba7896c87e06a166e0c95a0e3b6",
                 "shasum": ""
             },
             "require": {
@@ -2678,7 +2678,7 @@
             ],
             "support": {
                 "issues": "https://github.com/Seldaek/monolog/issues",
-                "source": "https://github.com/Seldaek/monolog/tree/3.8.1"
+                "source": "https://github.com/Seldaek/monolog/tree/3.9.0"
             },
             "funding": [
                 {
@@ -2690,7 +2690,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-05T17:15:07+00:00"
+            "time": "2025-03-24T10:02:05+00:00"
         },
         {
             "name": "mtdowling/jmespath.php",
@@ -2760,16 +2760,16 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "3.8.5",
+            "version": "3.9.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/CarbonPHP/carbon.git",
-                "reference": "b1a53a27898639579a67de42e8ced5d5386aa9a4"
+                "reference": "ced71f79398ece168e24f7f7710462f462310d4d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/b1a53a27898639579a67de42e8ced5d5386aa9a4",
-                "reference": "b1a53a27898639579a67de42e8ced5d5386aa9a4",
+                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/ced71f79398ece168e24f7f7710462f462310d4d",
+                "reference": "ced71f79398ece168e24f7f7710462f462310d4d",
                 "shasum": ""
             },
             "require": {
@@ -2862,7 +2862,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-11T16:28:45+00:00"
+            "time": "2025-05-01T19:51:51+00:00"
         },
         {
             "name": "nette/schema",
@@ -2928,16 +2928,16 @@
         },
         {
             "name": "nette/utils",
-            "version": "v4.0.5",
+            "version": "v4.0.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nette/utils.git",
-                "reference": "736c567e257dbe0fcf6ce81b4d6dbe05c6899f96"
+                "reference": "ce708655043c7050eb050df361c5e313cf708309"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nette/utils/zipball/736c567e257dbe0fcf6ce81b4d6dbe05c6899f96",
-                "reference": "736c567e257dbe0fcf6ce81b4d6dbe05c6899f96",
+                "url": "https://api.github.com/repos/nette/utils/zipball/ce708655043c7050eb050df361c5e313cf708309",
+                "reference": "ce708655043c7050eb050df361c5e313cf708309",
                 "shasum": ""
             },
             "require": {
@@ -3008,9 +3008,9 @@
             ],
             "support": {
                 "issues": "https://github.com/nette/utils/issues",
-                "source": "https://github.com/nette/utils/tree/v4.0.5"
+                "source": "https://github.com/nette/utils/tree/v4.0.6"
             },
-            "time": "2024-08-07T15:39:19+00:00"
+            "time": "2025-03-30T21:06:30+00:00"
         },
         {
             "name": "nikic/php-parser",
@@ -3072,31 +3072,31 @@
         },
         {
             "name": "nunomaduro/termwind",
-            "version": "v2.3.0",
+            "version": "v2.3.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nunomaduro/termwind.git",
-                "reference": "52915afe6a1044e8b9cee1bcff836fb63acf9cda"
+                "reference": "dfa08f390e509967a15c22493dc0bac5733d9123"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/52915afe6a1044e8b9cee1bcff836fb63acf9cda",
-                "reference": "52915afe6a1044e8b9cee1bcff836fb63acf9cda",
+                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/dfa08f390e509967a15c22493dc0bac5733d9123",
+                "reference": "dfa08f390e509967a15c22493dc0bac5733d9123",
                 "shasum": ""
             },
             "require": {
                 "ext-mbstring": "*",
                 "php": "^8.2",
-                "symfony/console": "^7.1.8"
+                "symfony/console": "^7.2.6"
             },
             "require-dev": {
-                "illuminate/console": "^11.33.2",
-                "laravel/pint": "^1.18.2",
+                "illuminate/console": "^11.44.7",
+                "laravel/pint": "^1.22.0",
                 "mockery/mockery": "^1.6.12",
-                "pestphp/pest": "^2.36.0",
-                "phpstan/phpstan": "^1.12.11",
-                "phpstan/phpstan-strict-rules": "^1.6.1",
-                "symfony/var-dumper": "^7.1.8",
+                "pestphp/pest": "^2.36.0 || ^3.8.2",
+                "phpstan/phpstan": "^1.12.25",
+                "phpstan/phpstan-strict-rules": "^1.6.2",
+                "symfony/var-dumper": "^7.2.6",
                 "thecodingmachine/phpstan-strict-rules": "^1.0.0"
             },
             "type": "library",
@@ -3139,7 +3139,7 @@
             ],
             "support": {
                 "issues": "https://github.com/nunomaduro/termwind/issues",
-                "source": "https://github.com/nunomaduro/termwind/tree/v2.3.0"
+                "source": "https://github.com/nunomaduro/termwind/tree/v2.3.1"
             },
             "funding": [
                 {
@@ -3155,7 +3155,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-11-21T10:39:51+00:00"
+            "time": "2025-05-08T08:14:37+00:00"
         },
         {
             "name": "paragonie/constant_time_encoding",
@@ -4104,16 +4104,16 @@
         },
         {
             "name": "psy/psysh",
-            "version": "v0.12.7",
+            "version": "v0.12.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/bobthecow/psysh.git",
-                "reference": "d73fa3c74918ef4522bb8a3bf9cab39161c4b57c"
+                "reference": "85057ceedee50c49d4f6ecaff73ee96adb3b3625"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/d73fa3c74918ef4522bb8a3bf9cab39161c4b57c",
-                "reference": "d73fa3c74918ef4522bb8a3bf9cab39161c4b57c",
+                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/85057ceedee50c49d4f6ecaff73ee96adb3b3625",
+                "reference": "85057ceedee50c49d4f6ecaff73ee96adb3b3625",
                 "shasum": ""
             },
             "require": {
@@ -4177,9 +4177,9 @@
             ],
             "support": {
                 "issues": "https://github.com/bobthecow/psysh/issues",
-                "source": "https://github.com/bobthecow/psysh/tree/v0.12.7"
+                "source": "https://github.com/bobthecow/psysh/tree/v0.12.8"
             },
-            "time": "2024-12-10T01:58:33+00:00"
+            "time": "2025-03-16T03:05:19+00:00"
         },
         {
             "name": "ralouphie/getallheaders",
@@ -4227,16 +4227,16 @@
         },
         {
             "name": "ramsey/collection",
-            "version": "2.0.0",
+            "version": "2.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/ramsey/collection.git",
-                "reference": "a4b48764bfbb8f3a6a4d1aeb1a35bb5e9ecac4a5"
+                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/ramsey/collection/zipball/a4b48764bfbb8f3a6a4d1aeb1a35bb5e9ecac4a5",
-                "reference": "a4b48764bfbb8f3a6a4d1aeb1a35bb5e9ecac4a5",
+                "url": "https://api.github.com/repos/ramsey/collection/zipball/344572933ad0181accbf4ba763e85a0306a8c5e2",
+                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2",
                 "shasum": ""
             },
             "require": {
@@ -4244,25 +4244,22 @@
             },
             "require-dev": {
                 "captainhook/plugin-composer": "^5.3",
-                "ergebnis/composer-normalize": "^2.28.3",
-                "fakerphp/faker": "^1.21",
+                "ergebnis/composer-normalize": "^2.45",
+                "fakerphp/faker": "^1.24",
                 "hamcrest/hamcrest-php": "^2.0",
-                "jangregor/phpstan-prophecy": "^1.0",
-                "mockery/mockery": "^1.5",
+                "jangregor/phpstan-prophecy": "^2.1",
+                "mockery/mockery": "^1.6",
                 "php-parallel-lint/php-console-highlighter": "^1.0",
-                "php-parallel-lint/php-parallel-lint": "^1.3",
-                "phpcsstandards/phpcsutils": "^1.0.0-rc1",
-                "phpspec/prophecy-phpunit": "^2.0",
-                "phpstan/extension-installer": "^1.2",
-                "phpstan/phpstan": "^1.9",
-                "phpstan/phpstan-mockery": "^1.1",
-                "phpstan/phpstan-phpunit": "^1.3",
-                "phpunit/phpunit": "^9.5",
-                "psalm/plugin-mockery": "^1.1",
-                "psalm/plugin-phpunit": "^0.18.4",
-                "ramsey/coding-standard": "^2.0.3",
-                "ramsey/conventional-commits": "^1.3",
-                "vimeo/psalm": "^5.4"
+                "php-parallel-lint/php-parallel-lint": "^1.4",
+                "phpspec/prophecy-phpunit": "^2.3",
+                "phpstan/extension-installer": "^1.4",
+                "phpstan/phpstan": "^2.1",
+                "phpstan/phpstan-mockery": "^2.0",
+                "phpstan/phpstan-phpunit": "^2.0",
+                "phpunit/phpunit": "^10.5",
+                "ramsey/coding-standard": "^2.3",
+                "ramsey/conventional-commits": "^1.6",
+                "roave/security-advisories": "dev-latest"
             },
             "type": "library",
             "extra": {
@@ -4300,19 +4297,9 @@
             ],
             "support": {
                 "issues": "https://github.com/ramsey/collection/issues",
-                "source": "https://github.com/ramsey/collection/tree/2.0.0"
+                "source": "https://github.com/ramsey/collection/tree/2.1.1"
             },
-            "funding": [
-                {
-                    "url": "https://github.com/ramsey",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/ramsey/collection",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-12-31T21:50:55+00:00"
+            "time": "2025-03-22T05:38:12+00:00"
         },
         {
             "name": "ramsey/uuid",
@@ -4606,16 +4593,16 @@
         },
         {
             "name": "spatie/laravel-package-tools",
-            "version": "1.19.0",
+            "version": "1.92.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-package-tools.git",
-                "reference": "1c9c30ac6a6576b8d15c6c37b6cf23d748df2faa"
+                "reference": "d20b1969f836d210459b78683d85c9cd5c5f508c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/1c9c30ac6a6576b8d15c6c37b6cf23d748df2faa",
-                "reference": "1c9c30ac6a6576b8d15c6c37b6cf23d748df2faa",
+                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/d20b1969f836d210459b78683d85c9cd5c5f508c",
+                "reference": "d20b1969f836d210459b78683d85c9cd5c5f508c",
                 "shasum": ""
             },
             "require": {
@@ -4626,6 +4613,7 @@
                 "mockery/mockery": "^1.5",
                 "orchestra/testbench": "^7.7|^8.0|^9.0|^10.0",
                 "pestphp/pest": "^1.23|^2.1|^3.1",
+                "phpunit/php-code-coverage": "^9.0|^10.0|^11.0",
                 "phpunit/phpunit": "^9.5.24|^10.5|^11.5",
                 "spatie/pest-plugin-test-time": "^1.1|^2.2"
             },
@@ -4654,7 +4642,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/laravel-package-tools/issues",
-                "source": "https://github.com/spatie/laravel-package-tools/tree/1.19.0"
+                "source": "https://github.com/spatie/laravel-package-tools/tree/1.92.4"
             },
             "funding": [
                 {
@@ -4662,7 +4650,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-02-06T14:58:20+00:00"
+            "time": "2025-04-11T15:27:14+00:00"
         },
         {
             "name": "spatie/laravel-query-builder",
@@ -4740,16 +4728,16 @@
         },
         {
             "name": "staudenmeir/belongs-to-through",
-            "version": "v2.16.3",
+            "version": "v2.16.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/staudenmeir/belongs-to-through.git",
-                "reference": "33f8b614bf2e84bf818911981326654a4a0c8741"
+                "reference": "451496e4272c11d87b404791acdd352c606f29c0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/staudenmeir/belongs-to-through/zipball/33f8b614bf2e84bf818911981326654a4a0c8741",
-                "reference": "33f8b614bf2e84bf818911981326654a4a0c8741",
+                "url": "https://api.github.com/repos/staudenmeir/belongs-to-through/zipball/451496e4272c11d87b404791acdd352c606f29c0",
+                "reference": "451496e4272c11d87b404791acdd352c606f29c0",
                 "shasum": ""
             },
             "require": {
@@ -4795,7 +4783,7 @@
             "description": "Laravel Eloquent BelongsToThrough relationships",
             "support": {
                 "issues": "https://github.com/staudenmeir/belongs-to-through/issues",
-                "source": "https://github.com/staudenmeir/belongs-to-through/tree/v2.16.3"
+                "source": "https://github.com/staudenmeir/belongs-to-through/tree/v2.16.4"
             },
             "funding": [
                 {
@@ -4803,7 +4791,7 @@
                     "type": "custom"
                 }
             ],
-            "time": "2025-02-02T11:46:25+00:00"
+            "time": "2025-02-20T19:20:43+00:00"
         },
         {
             "name": "symfony/clock",
@@ -4881,16 +4869,16 @@
         },
         {
             "name": "symfony/console",
-            "version": "v7.2.1",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "fefcc18c0f5d0efe3ab3152f15857298868dc2c3"
+                "reference": "0e2e3f38c192e93e622e41ec37f4ca70cfedf218"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/fefcc18c0f5d0efe3ab3152f15857298868dc2c3",
-                "reference": "fefcc18c0f5d0efe3ab3152f15857298868dc2c3",
+                "url": "https://api.github.com/repos/symfony/console/zipball/0e2e3f38c192e93e622e41ec37f4ca70cfedf218",
+                "reference": "0e2e3f38c192e93e622e41ec37f4ca70cfedf218",
                 "shasum": ""
             },
             "require": {
@@ -4954,7 +4942,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v7.2.1"
+                "source": "https://github.com/symfony/console/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -4970,7 +4958,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-11T03:49:26+00:00"
+            "time": "2025-04-07T19:09:28+00:00"
         },
         {
             "name": "symfony/css-selector",
@@ -5106,16 +5094,16 @@
         },
         {
             "name": "symfony/error-handler",
-            "version": "v7.2.3",
+            "version": "v7.2.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/error-handler.git",
-                "reference": "959a74d044a6db21f4caa6d695648dcb5584cb49"
+                "reference": "102be5e6a8e4f4f3eb3149bcbfa33a80d1ee374b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/959a74d044a6db21f4caa6d695648dcb5584cb49",
-                "reference": "959a74d044a6db21f4caa6d695648dcb5584cb49",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/102be5e6a8e4f4f3eb3149bcbfa33a80d1ee374b",
+                "reference": "102be5e6a8e4f4f3eb3149bcbfa33a80d1ee374b",
                 "shasum": ""
             },
             "require": {
@@ -5161,7 +5149,7 @@
             "description": "Provides tools to manage errors and ease debugging PHP code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v7.2.3"
+                "source": "https://github.com/symfony/error-handler/tree/v7.2.5"
             },
             "funding": [
                 {
@@ -5177,7 +5165,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-07T09:39:55+00:00"
+            "time": "2025-03-03T07:12:39+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
@@ -5573,16 +5561,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v7.2.3",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "ee1b504b8926198be89d05e5b6fc4c3810c090f0"
+                "reference": "6023ec7607254c87c5e69fb3558255aca440d72b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/ee1b504b8926198be89d05e5b6fc4c3810c090f0",
-                "reference": "ee1b504b8926198be89d05e5b6fc4c3810c090f0",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/6023ec7607254c87c5e69fb3558255aca440d72b",
+                "reference": "6023ec7607254c87c5e69fb3558255aca440d72b",
                 "shasum": ""
             },
             "require": {
@@ -5631,7 +5619,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v7.2.3"
+                "source": "https://github.com/symfony/http-foundation/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -5647,20 +5635,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-17T10:56:55+00:00"
+            "time": "2025-04-09T08:14:01+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v7.2.3",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "caae9807f8e25a9b43ce8cc6fafab6cf91f0cc9b"
+                "reference": "f9dec01e6094a063e738f8945ef69c0cfcf792ec"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/caae9807f8e25a9b43ce8cc6fafab6cf91f0cc9b",
-                "reference": "caae9807f8e25a9b43ce8cc6fafab6cf91f0cc9b",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/f9dec01e6094a063e738f8945ef69c0cfcf792ec",
+                "reference": "f9dec01e6094a063e738f8945ef69c0cfcf792ec",
                 "shasum": ""
             },
             "require": {
@@ -5745,7 +5733,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v7.2.3"
+                "source": "https://github.com/symfony/http-kernel/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -5761,20 +5749,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-29T07:40:13+00:00"
+            "time": "2025-05-02T09:04:03+00:00"
         },
         {
             "name": "symfony/mailer",
-            "version": "v7.2.3",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mailer.git",
-                "reference": "f3871b182c44997cf039f3b462af4a48fb85f9d3"
+                "reference": "998692469d6e698c6eadc7ef37a6530a9eabb356"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/f3871b182c44997cf039f3b462af4a48fb85f9d3",
-                "reference": "f3871b182c44997cf039f3b462af4a48fb85f9d3",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/998692469d6e698c6eadc7ef37a6530a9eabb356",
+                "reference": "998692469d6e698c6eadc7ef37a6530a9eabb356",
                 "shasum": ""
             },
             "require": {
@@ -5825,7 +5813,7 @@
             "description": "Helps sending emails",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/mailer/tree/v7.2.3"
+                "source": "https://github.com/symfony/mailer/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -5841,7 +5829,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-27T11:08:17+00:00"
+            "time": "2025-04-04T09:50:51+00:00"
         },
         {
             "name": "symfony/mailgun-mailer",
@@ -5914,16 +5902,16 @@
         },
         {
             "name": "symfony/mime",
-            "version": "v7.2.3",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mime.git",
-                "reference": "2fc3b4bd67e4747e45195bc4c98bea4628476204"
+                "reference": "706e65c72d402539a072d0d6ad105fff6c161ef1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/2fc3b4bd67e4747e45195bc4c98bea4628476204",
-                "reference": "2fc3b4bd67e4747e45195bc4c98bea4628476204",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/706e65c72d402539a072d0d6ad105fff6c161ef1",
+                "reference": "706e65c72d402539a072d0d6ad105fff6c161ef1",
                 "shasum": ""
             },
             "require": {
@@ -5978,7 +5966,7 @@
                 "mime-type"
             ],
             "support": {
-                "source": "https://github.com/symfony/mime/tree/v7.2.3"
+                "source": "https://github.com/symfony/mime/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -5994,11 +5982,11 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-27T11:08:17+00:00"
+            "time": "2025-04-27T13:34:41+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-ctype.git",
@@ -6057,7 +6045,7 @@
                 "portable"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6077,7 +6065,7 @@
         },
         {
             "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
@@ -6135,7 +6123,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6155,16 +6143,16 @@
         },
         {
             "name": "symfony/polyfill-intl-idn",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-idn.git",
-                "reference": "c36586dcf89a12315939e00ec9b4474adcb1d773"
+                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/c36586dcf89a12315939e00ec9b4474adcb1d773",
-                "reference": "c36586dcf89a12315939e00ec9b4474adcb1d773",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/9614ac4d8061dc257ecc64cba1b140873dce8ad3",
+                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3",
                 "shasum": ""
             },
             "require": {
@@ -6218,7 +6206,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6234,11 +6222,11 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-09-09T11:45:10+00:00"
+            "time": "2024-09-10T14:38:51+00:00"
         },
         {
             "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
@@ -6299,7 +6287,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6319,19 +6307,20 @@
         },
         {
             "name": "symfony/polyfill-mbstring",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "85181ba99b2345b0ef10ce42ecac37612d9fd341"
+                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/85181ba99b2345b0ef10ce42ecac37612d9fd341",
-                "reference": "85181ba99b2345b0ef10ce42ecac37612d9fd341",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/6d857f4d76bd4b343eac26d6b539585d2bc56493",
+                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493",
                 "shasum": ""
             },
             "require": {
+                "ext-iconv": "*",
                 "php": ">=7.2"
             },
             "provide": {
@@ -6379,7 +6368,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6395,20 +6384,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-09-09T11:45:10+00:00"
+            "time": "2024-12-23T08:48:59+00:00"
         },
         {
             "name": "symfony/polyfill-php80",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "60328e362d4c2c802a54fcbf04f9d3fb892b4cf8"
+                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/60328e362d4c2c802a54fcbf04f9d3fb892b4cf8",
-                "reference": "60328e362d4c2c802a54fcbf04f9d3fb892b4cf8",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
+                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
                 "shasum": ""
             },
             "require": {
@@ -6459,7 +6448,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php80/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-php80/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6475,11 +6464,11 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-09-09T11:45:10+00:00"
+            "time": "2025-01-02T08:10:11+00:00"
         },
         {
             "name": "symfony/polyfill-php83",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php83.git",
@@ -6535,7 +6524,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php83/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-php83/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6555,7 +6544,7 @@
         },
         {
             "name": "symfony/polyfill-uuid",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-uuid.git",
@@ -6614,7 +6603,7 @@
                 "uuid"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -6704,16 +6693,16 @@
         },
         {
             "name": "symfony/process",
-            "version": "v7.2.0",
+            "version": "v7.2.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "d34b22ba9390ec19d2dd966c40aa9e8462f27a7e"
+                "reference": "87b7c93e57df9d8e39a093d32587702380ff045d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/d34b22ba9390ec19d2dd966c40aa9e8462f27a7e",
-                "reference": "d34b22ba9390ec19d2dd966c40aa9e8462f27a7e",
+                "url": "https://api.github.com/repos/symfony/process/zipball/87b7c93e57df9d8e39a093d32587702380ff045d",
+                "reference": "87b7c93e57df9d8e39a093d32587702380ff045d",
                 "shasum": ""
             },
             "require": {
@@ -6745,7 +6734,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v7.2.0"
+                "source": "https://github.com/symfony/process/tree/v7.2.5"
             },
             "funding": [
                 {
@@ -6761,7 +6750,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-11-06T14:24:19+00:00"
+            "time": "2025-03-13T12:21:46+00:00"
         },
         {
             "name": "symfony/routing",
@@ -6929,16 +6918,16 @@
         },
         {
             "name": "symfony/string",
-            "version": "v7.2.0",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "446e0d146f991dde3e73f45f2c97a9faad773c82"
+                "reference": "a214fe7d62bd4df2a76447c67c6b26e1d5e74931"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/446e0d146f991dde3e73f45f2c97a9faad773c82",
-                "reference": "446e0d146f991dde3e73f45f2c97a9faad773c82",
+                "url": "https://api.github.com/repos/symfony/string/zipball/a214fe7d62bd4df2a76447c67c6b26e1d5e74931",
+                "reference": "a214fe7d62bd4df2a76447c67c6b26e1d5e74931",
                 "shasum": ""
             },
             "require": {
@@ -6996,7 +6985,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v7.2.0"
+                "source": "https://github.com/symfony/string/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -7012,20 +7001,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-11-13T13:31:26+00:00"
+            "time": "2025-04-20T20:18:16+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v7.2.2",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "e2674a30132b7cc4d74540d6c2573aa363f05923"
+                "reference": "e7fd8e2a4239b79a0fd9fb1fef3e0e7f969c6dc6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/e2674a30132b7cc4d74540d6c2573aa363f05923",
-                "reference": "e2674a30132b7cc4d74540d6c2573aa363f05923",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/e7fd8e2a4239b79a0fd9fb1fef3e0e7f969c6dc6",
+                "reference": "e7fd8e2a4239b79a0fd9fb1fef3e0e7f969c6dc6",
                 "shasum": ""
             },
             "require": {
@@ -7091,7 +7080,7 @@
             "description": "Provides tools to internationalize your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v7.2.2"
+                "source": "https://github.com/symfony/translation/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -7107,7 +7096,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-07T08:18:10+00:00"
+            "time": "2025-04-07T19:09:28+00:00"
         },
         {
             "name": "symfony/translation-contracts",
@@ -7263,16 +7252,16 @@
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v7.2.3",
+            "version": "v7.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "82b478c69745d8878eb60f9a049a4d584996f73a"
+                "reference": "9c46038cd4ed68952166cf7001b54eb539184ccb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/82b478c69745d8878eb60f9a049a4d584996f73a",
-                "reference": "82b478c69745d8878eb60f9a049a4d584996f73a",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/9c46038cd4ed68952166cf7001b54eb539184ccb",
+                "reference": "9c46038cd4ed68952166cf7001b54eb539184ccb",
                 "shasum": ""
             },
             "require": {
@@ -7326,7 +7315,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v7.2.3"
+                "source": "https://github.com/symfony/var-dumper/tree/v7.2.6"
             },
             "funding": [
                 {
@@ -7342,7 +7331,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-17T11:39:41+00:00"
+            "time": "2025-04-09T08:14:01+00:00"
         },
         {
             "name": "symfony/yaml",
@@ -7472,16 +7461,16 @@
         },
         {
             "name": "vlucas/phpdotenv",
-            "version": "v5.6.1",
+            "version": "v5.6.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/vlucas/phpdotenv.git",
-                "reference": "a59a13791077fe3d44f90e7133eb68e7d22eaff2"
+                "reference": "24ac4c74f91ee2c193fa1aaa5c249cb0822809af"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/a59a13791077fe3d44f90e7133eb68e7d22eaff2",
-                "reference": "a59a13791077fe3d44f90e7133eb68e7d22eaff2",
+                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/24ac4c74f91ee2c193fa1aaa5c249cb0822809af",
+                "reference": "24ac4c74f91ee2c193fa1aaa5c249cb0822809af",
                 "shasum": ""
             },
             "require": {
@@ -7540,7 +7529,7 @@
             ],
             "support": {
                 "issues": "https://github.com/vlucas/phpdotenv/issues",
-                "source": "https://github.com/vlucas/phpdotenv/tree/v5.6.1"
+                "source": "https://github.com/vlucas/phpdotenv/tree/v5.6.2"
             },
             "funding": [
                 {
@@ -7552,7 +7541,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-07-20T21:52:34+00:00"
+            "time": "2025-04-30T23:37:27+00:00"
         },
         {
             "name": "voku/portable-ascii",
@@ -7900,16 +7889,16 @@
         },
         {
             "name": "composer/class-map-generator",
-            "version": "1.6.0",
+            "version": "1.6.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/composer/class-map-generator.git",
-                "reference": "ffe442c5974c44a9343e37a0abcb1cc37319f5b9"
+                "reference": "134b705ddb0025d397d8318a75825fe3c9d1da34"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/composer/class-map-generator/zipball/ffe442c5974c44a9343e37a0abcb1cc37319f5b9",
-                "reference": "ffe442c5974c44a9343e37a0abcb1cc37319f5b9",
+                "url": "https://api.github.com/repos/composer/class-map-generator/zipball/134b705ddb0025d397d8318a75825fe3c9d1da34",
+                "reference": "134b705ddb0025d397d8318a75825fe3c9d1da34",
                 "shasum": ""
             },
             "require": {
@@ -7953,7 +7942,7 @@
             ],
             "support": {
                 "issues": "https://github.com/composer/class-map-generator/issues",
-                "source": "https://github.com/composer/class-map-generator/tree/1.6.0"
+                "source": "https://github.com/composer/class-map-generator/tree/1.6.1"
             },
             "funding": [
                 {
@@ -7969,7 +7958,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-05T10:05:34+00:00"
+            "time": "2025-03-24T13:50:44+00:00"
         },
         {
             "name": "composer/pcre",
@@ -8199,26 +8188,29 @@
         },
         {
             "name": "doctrine/deprecations",
-            "version": "1.1.4",
+            "version": "1.1.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/deprecations.git",
-                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9"
+                "reference": "459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/31610dbb31faa98e6b5447b62340826f54fbc4e9",
-                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9",
+                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38",
+                "reference": "459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.1 || ^8.0"
             },
+            "conflict": {
+                "phpunit/phpunit": "<=7.5 || >=13"
+            },
             "require-dev": {
-                "doctrine/coding-standard": "^9 || ^12",
-                "phpstan/phpstan": "1.4.10 || 2.0.3",
+                "doctrine/coding-standard": "^9 || ^12 || ^13",
+                "phpstan/phpstan": "1.4.10 || 2.1.11",
                 "phpstan/phpstan-phpunit": "^1.0 || ^2",
-                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.6 || ^10.5 || ^11.5 || ^12",
                 "psr/log": "^1 || ^2 || ^3"
             },
             "suggest": {
@@ -8238,9 +8230,9 @@
             "homepage": "https://www.doctrine-project.org/",
             "support": {
                 "issues": "https://github.com/doctrine/deprecations/issues",
-                "source": "https://github.com/doctrine/deprecations/tree/1.1.4"
+                "source": "https://github.com/doctrine/deprecations/tree/1.1.5"
             },
-            "time": "2024-12-07T21:18:45+00:00"
+            "time": "2025-04-07T20:06:18+00:00"
         },
         {
             "name": "evenement/evenement",
@@ -8415,16 +8407,16 @@
         },
         {
             "name": "filp/whoops",
-            "version": "2.17.0",
+            "version": "2.18.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filp/whoops.git",
-                "reference": "075bc0c26631110584175de6523ab3f1652eb28e"
+                "reference": "a7de6c3c6c3c022f5cfc337f8ede6a14460cf77e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filp/whoops/zipball/075bc0c26631110584175de6523ab3f1652eb28e",
-                "reference": "075bc0c26631110584175de6523ab3f1652eb28e",
+                "url": "https://api.github.com/repos/filp/whoops/zipball/a7de6c3c6c3c022f5cfc337f8ede6a14460cf77e",
+                "reference": "a7de6c3c6c3c022f5cfc337f8ede6a14460cf77e",
                 "shasum": ""
             },
             "require": {
@@ -8474,7 +8466,7 @@
             ],
             "support": {
                 "issues": "https://github.com/filp/whoops/issues",
-                "source": "https://github.com/filp/whoops/tree/2.17.0"
+                "source": "https://github.com/filp/whoops/tree/2.18.0"
             },
             "funding": [
                 {
@@ -8482,7 +8474,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-01-25T12:00:00+00:00"
+            "time": "2025-03-15T12:00:00+00:00"
         },
         {
             "name": "friendsofphp/php-cs-fixer",
@@ -8589,20 +8581,20 @@
         },
         {
             "name": "hamcrest/hamcrest-php",
-            "version": "v2.0.1",
+            "version": "v2.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/hamcrest/hamcrest-php.git",
-                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3"
+                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
-                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
+                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
+                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
                 "shasum": ""
             },
             "require": {
-                "php": "^5.3|^7.0|^8.0"
+                "php": "^7.4|^8.0"
             },
             "replace": {
                 "cordoval/hamcrest-php": "*",
@@ -8610,8 +8602,8 @@
                 "kodova/hamcrest-php": "*"
             },
             "require-dev": {
-                "phpunit/php-file-iterator": "^1.4 || ^2.0",
-                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0"
+                "phpunit/php-file-iterator": "^1.4 || ^2.0 || ^3.0",
+                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0 || ^8.0 || ^9.0"
             },
             "type": "library",
             "extra": {
@@ -8634,9 +8626,9 @@
             ],
             "support": {
                 "issues": "https://github.com/hamcrest/hamcrest-php/issues",
-                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.0.1"
+                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.1.1"
             },
-            "time": "2020-07-09T08:09:16+00:00"
+            "time": "2025-04-30T06:54:44+00:00"
         },
         {
             "name": "itsgoingd/clockwork",
@@ -9031,16 +9023,16 @@
         },
         {
             "name": "myclabs/deep-copy",
-            "version": "1.12.1",
+            "version": "1.13.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/myclabs/DeepCopy.git",
-                "reference": "123267b2c49fbf30d78a7b2d333f6be754b94845"
+                "reference": "1720ddd719e16cf0db4eb1c6eca108031636d46c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/123267b2c49fbf30d78a7b2d333f6be754b94845",
-                "reference": "123267b2c49fbf30d78a7b2d333f6be754b94845",
+                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/1720ddd719e16cf0db4eb1c6eca108031636d46c",
+                "reference": "1720ddd719e16cf0db4eb1c6eca108031636d46c",
                 "shasum": ""
             },
             "require": {
@@ -9079,7 +9071,7 @@
             ],
             "support": {
                 "issues": "https://github.com/myclabs/DeepCopy/issues",
-                "source": "https://github.com/myclabs/DeepCopy/tree/1.12.1"
+                "source": "https://github.com/myclabs/DeepCopy/tree/1.13.1"
             },
             "funding": [
                 {
@@ -9087,7 +9079,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-11-08T17:47:46+00:00"
+            "time": "2025-04-29T12:36:36+00:00"
         },
         {
             "name": "nunomaduro/collision",
@@ -9417,16 +9409,16 @@
         },
         {
             "name": "phpmyadmin/sql-parser",
-            "version": "5.10.3",
+            "version": "5.11.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpmyadmin/sql-parser.git",
-                "reference": "5346664973d10cf1abff20837fb1183f3c11a055"
+                "reference": "07044bc8c13abd542756c3fd34dc66a5d6dee8e4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpmyadmin/sql-parser/zipball/5346664973d10cf1abff20837fb1183f3c11a055",
-                "reference": "5346664973d10cf1abff20837fb1183f3c11a055",
+                "url": "https://api.github.com/repos/phpmyadmin/sql-parser/zipball/07044bc8c13abd542756c3fd34dc66a5d6dee8e4",
+                "reference": "07044bc8c13abd542756c3fd34dc66a5d6dee8e4",
                 "shasum": ""
             },
             "require": {
@@ -9441,9 +9433,11 @@
                 "phpbench/phpbench": "^1.1",
                 "phpmyadmin/coding-standard": "^3.0",
                 "phpmyadmin/motranslator": "^4.0 || ^5.0",
-                "phpstan/extension-installer": "^1.1",
-                "phpstan/phpstan": "^1.9.12",
-                "phpstan/phpstan-phpunit": "^1.3.3",
+                "phpstan/extension-installer": "^1.4",
+                "phpstan/phpstan": "^1.12",
+                "phpstan/phpstan-deprecation-rules": "^1.2",
+                "phpstan/phpstan-phpunit": "^1.4",
+                "phpstan/phpstan-strict-rules": "^1.6",
                 "phpunit/phpunit": "^8.5 || ^9.6",
                 "psalm/plugin-phpunit": "^0.16.1",
                 "vimeo/psalm": "^4.11",
@@ -9500,20 +9494,20 @@
                     "type": "other"
                 }
             ],
-            "time": "2025-01-19T04:14:02+00:00"
+            "time": "2025-02-22T20:00:59+00:00"
         },
         {
             "name": "phpstan/phpdoc-parser",
-            "version": "2.0.0",
+            "version": "2.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpstan/phpdoc-parser.git",
-                "reference": "c00d78fb6b29658347f9d37ebe104bffadf36299"
+                "reference": "9b30d6fd026b2c132b3985ce6b23bec09ab3aa68"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpdoc-parser/zipball/c00d78fb6b29658347f9d37ebe104bffadf36299",
-                "reference": "c00d78fb6b29658347f9d37ebe104bffadf36299",
+                "url": "https://api.github.com/repos/phpstan/phpdoc-parser/zipball/9b30d6fd026b2c132b3985ce6b23bec09ab3aa68",
+                "reference": "9b30d6fd026b2c132b3985ce6b23bec09ab3aa68",
                 "shasum": ""
             },
             "require": {
@@ -9545,22 +9539,22 @@
             "description": "PHPDoc parser with support for nullable, intersection and generic types",
             "support": {
                 "issues": "https://github.com/phpstan/phpdoc-parser/issues",
-                "source": "https://github.com/phpstan/phpdoc-parser/tree/2.0.0"
+                "source": "https://github.com/phpstan/phpdoc-parser/tree/2.1.0"
             },
-            "time": "2024-10-13T11:29:49+00:00"
+            "time": "2025-02-19T13:28:12+00:00"
         },
         {
             "name": "phpstan/phpstan",
-            "version": "1.12.17",
+            "version": "1.12.25",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpstan/phpstan.git",
-                "reference": "7027b3b0270bf392de0cfba12825979768d728bf"
+                "reference": "e310849a19e02b8bfcbb63147f495d8f872dd96f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/7027b3b0270bf392de0cfba12825979768d728bf",
-                "reference": "7027b3b0270bf392de0cfba12825979768d728bf",
+                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/e310849a19e02b8bfcbb63147f495d8f872dd96f",
+                "reference": "e310849a19e02b8bfcbb63147f495d8f872dd96f",
                 "shasum": ""
             },
             "require": {
@@ -9605,7 +9599,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-02-07T15:01:57+00:00"
+            "time": "2025-04-27T12:20:45+00:00"
         },
         {
             "name": "phpunit/php-code-coverage",
@@ -9930,16 +9924,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "10.5.45",
+            "version": "10.5.46",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "bd68a781d8e30348bc297449f5234b3458267ae8"
+                "reference": "8080be387a5be380dda48c6f41cee4a13aadab3d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/bd68a781d8e30348bc297449f5234b3458267ae8",
-                "reference": "bd68a781d8e30348bc297449f5234b3458267ae8",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/8080be387a5be380dda48c6f41cee4a13aadab3d",
+                "reference": "8080be387a5be380dda48c6f41cee4a13aadab3d",
                 "shasum": ""
             },
             "require": {
@@ -9949,7 +9943,7 @@
                 "ext-mbstring": "*",
                 "ext-xml": "*",
                 "ext-xmlwriter": "*",
-                "myclabs/deep-copy": "^1.12.1",
+                "myclabs/deep-copy": "^1.13.1",
                 "phar-io/manifest": "^2.0.4",
                 "phar-io/version": "^3.2.1",
                 "php": ">=8.1",
@@ -10011,7 +10005,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/10.5.45"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/10.5.46"
             },
             "funding": [
                 {
@@ -10022,12 +10016,20 @@
                     "url": "https://github.com/sebastianbergmann",
                     "type": "github"
                 },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
                 {
                     "url": "https://tidelift.com/funding/github/packagist/phpunit/phpunit",
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-06T16:08:12+00:00"
+            "time": "2025-05-02T06:46:24+00:00"
         },
         {
             "name": "react/cache",
@@ -11473,16 +11475,16 @@
         },
         {
             "name": "spatie/backtrace",
-            "version": "1.7.1",
+            "version": "1.7.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/backtrace.git",
-                "reference": "0f2477c520e3729de58e061b8192f161c99f770b"
+                "reference": "cd37a49fce7137359ac30ecc44ef3e16404cccbe"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/backtrace/zipball/0f2477c520e3729de58e061b8192f161c99f770b",
-                "reference": "0f2477c520e3729de58e061b8192f161c99f770b",
+                "url": "https://api.github.com/repos/spatie/backtrace/zipball/cd37a49fce7137359ac30ecc44ef3e16404cccbe",
+                "reference": "cd37a49fce7137359ac30ecc44ef3e16404cccbe",
                 "shasum": ""
             },
             "require": {
@@ -11520,7 +11522,7 @@
                 "spatie"
             ],
             "support": {
-                "source": "https://github.com/spatie/backtrace/tree/1.7.1"
+                "source": "https://github.com/spatie/backtrace/tree/1.7.4"
             },
             "funding": [
                 {
@@ -11532,34 +11534,34 @@
                     "type": "other"
                 }
             ],
-            "time": "2024-12-02T13:28:15+00:00"
+            "time": "2025-05-08T15:41:09+00:00"
         },
         {
             "name": "spatie/error-solutions",
-            "version": "1.1.2",
+            "version": "1.1.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/error-solutions.git",
-                "reference": "d239a65235a1eb128dfa0a4e4c4ef032ea11b541"
+                "reference": "e495d7178ca524f2dd0fe6a1d99a1e608e1c9936"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/error-solutions/zipball/d239a65235a1eb128dfa0a4e4c4ef032ea11b541",
-                "reference": "d239a65235a1eb128dfa0a4e4c4ef032ea11b541",
+                "url": "https://api.github.com/repos/spatie/error-solutions/zipball/e495d7178ca524f2dd0fe6a1d99a1e608e1c9936",
+                "reference": "e495d7178ca524f2dd0fe6a1d99a1e608e1c9936",
                 "shasum": ""
             },
             "require": {
                 "php": "^8.0"
             },
             "require-dev": {
-                "illuminate/broadcasting": "^10.0|^11.0",
-                "illuminate/cache": "^10.0|^11.0",
-                "illuminate/support": "^10.0|^11.0",
-                "livewire/livewire": "^2.11|^3.3.5",
+                "illuminate/broadcasting": "^10.0|^11.0|^12.0",
+                "illuminate/cache": "^10.0|^11.0|^12.0",
+                "illuminate/support": "^10.0|^11.0|^12.0",
+                "livewire/livewire": "^2.11|^3.5.20",
                 "openai-php/client": "^0.10.1",
-                "orchestra/testbench": "^7.0|8.22.3|^9.0",
-                "pestphp/pest": "^2.20",
-                "phpstan/phpstan": "^1.11",
+                "orchestra/testbench": "8.22.3|^9.0|^10.0",
+                "pestphp/pest": "^2.20|^3.0",
+                "phpstan/phpstan": "^2.1",
                 "psr/simple-cache": "^3.0",
                 "psr/simple-cache-implementation": "^3.0",
                 "spatie/ray": "^1.28",
@@ -11598,7 +11600,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/error-solutions/issues",
-                "source": "https://github.com/spatie/error-solutions/tree/1.1.2"
+                "source": "https://github.com/spatie/error-solutions/tree/1.1.3"
             },
             "funding": [
                 {
@@ -11606,24 +11608,24 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-12-11T09:51:56+00:00"
+            "time": "2025-02-14T12:29:50+00:00"
         },
         {
             "name": "spatie/flare-client-php",
-            "version": "1.10.0",
+            "version": "1.10.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/flare-client-php.git",
-                "reference": "140a42b2c5d59ac4ecf8f5b493386a4f2eb28272"
+                "reference": "bf1716eb98bd689451b071548ae9e70738dce62f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/flare-client-php/zipball/140a42b2c5d59ac4ecf8f5b493386a4f2eb28272",
-                "reference": "140a42b2c5d59ac4ecf8f5b493386a4f2eb28272",
+                "url": "https://api.github.com/repos/spatie/flare-client-php/zipball/bf1716eb98bd689451b071548ae9e70738dce62f",
+                "reference": "bf1716eb98bd689451b071548ae9e70738dce62f",
                 "shasum": ""
             },
             "require": {
-                "illuminate/pipeline": "^8.0|^9.0|^10.0|^11.0",
+                "illuminate/pipeline": "^8.0|^9.0|^10.0|^11.0|^12.0",
                 "php": "^8.0",
                 "spatie/backtrace": "^1.6.1",
                 "symfony/http-foundation": "^5.2|^6.0|^7.0",
@@ -11667,7 +11669,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/flare-client-php/issues",
-                "source": "https://github.com/spatie/flare-client-php/tree/1.10.0"
+                "source": "https://github.com/spatie/flare-client-php/tree/1.10.1"
             },
             "funding": [
                 {
@@ -11675,20 +11677,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-12-02T14:30:06+00:00"
+            "time": "2025-02-14T13:42:06+00:00"
         },
         {
             "name": "spatie/ignition",
-            "version": "1.15.0",
+            "version": "1.15.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/ignition.git",
-                "reference": "e3a68e137371e1eb9edc7f78ffa733f3b98991d2"
+                "reference": "31f314153020aee5af3537e507fef892ffbf8c85"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/ignition/zipball/e3a68e137371e1eb9edc7f78ffa733f3b98991d2",
-                "reference": "e3a68e137371e1eb9edc7f78ffa733f3b98991d2",
+                "url": "https://api.github.com/repos/spatie/ignition/zipball/31f314153020aee5af3537e507fef892ffbf8c85",
+                "reference": "31f314153020aee5af3537e507fef892ffbf8c85",
                 "shasum": ""
             },
             "require": {
@@ -11701,7 +11703,7 @@
                 "symfony/var-dumper": "^5.4|^6.0|^7.0"
             },
             "require-dev": {
-                "illuminate/cache": "^9.52|^10.0|^11.0",
+                "illuminate/cache": "^9.52|^10.0|^11.0|^12.0",
                 "mockery/mockery": "^1.4",
                 "pestphp/pest": "^1.20|^2.0",
                 "phpstan/extension-installer": "^1.1",
@@ -11758,7 +11760,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-06-12T14:55:22+00:00"
+            "time": "2025-02-21T14:31:39+00:00"
         },
         {
             "name": "spatie/laravel-ignition",
@@ -11986,7 +11988,7 @@
         },
         {
             "name": "symfony/polyfill-php81",
-            "version": "v1.31.0",
+            "version": "v1.32.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php81.git",
@@ -12042,7 +12044,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php81/tree/v1.31.0"
+                "source": "https://github.com/symfony/polyfill-php81/tree/v1.32.0"
             },
             "funding": [
                 {
@@ -12062,16 +12064,16 @@
         },
         {
             "name": "symfony/stopwatch",
-            "version": "v7.2.2",
+            "version": "v7.2.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/stopwatch.git",
-                "reference": "e46690d5b9d7164a6d061cab1e8d46141b9f49df"
+                "reference": "5a49289e2b308214c8b9c2fda4ea454d8b8ad7cd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/stopwatch/zipball/e46690d5b9d7164a6d061cab1e8d46141b9f49df",
-                "reference": "e46690d5b9d7164a6d061cab1e8d46141b9f49df",
+                "url": "https://api.github.com/repos/symfony/stopwatch/zipball/5a49289e2b308214c8b9c2fda4ea454d8b8ad7cd",
+                "reference": "5a49289e2b308214c8b9c2fda4ea454d8b8ad7cd",
                 "shasum": ""
             },
             "require": {
@@ -12104,7 +12106,7 @@
             "description": "Provides a way to profile code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/stopwatch/tree/v7.2.2"
+                "source": "https://github.com/symfony/stopwatch/tree/v7.2.4"
             },
             "funding": [
                 {
@@ -12120,7 +12122,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-18T14:28:33+00:00"
+            "time": "2025-02-24T10:49:57+00:00"
         },
         {
             "name": "theseer/tokenizer",
diff --git a/config/app.php b/config/app.php
index 4eaea69a1..6497ef694 100644
--- a/config/app.php
+++ b/config/app.php
@@ -3,231 +3,235 @@
 use Illuminate\Support\Facades\Facade;
 
 return [
-    /*
-    |--------------------------------------------------------------------------
-    | Application Version
-    |--------------------------------------------------------------------------
-    | This value is set when creating a Pterodactyl release. You should not
-    | change this value if you are not maintaining your own internal versions.
-    */
+  /*
+  |--------------------------------------------------------------------------
+  | Application Version
+  |--------------------------------------------------------------------------
+  | This value is set when creating a Pterodactyl release. You should not
+  | change this value if you are not maintaining your own internal versions.
+  */
 
-    'version' => '3.0.0',
+  'version' => 'canary',
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application Name
+  |--------------------------------------------------------------------------
+  |
+  | This value is the name of your application, which will be used when the
+  | framework needs to place the application's name in a notification or
+  | other UI elements where an application name needs to be displayed.
+  |
+  */
+
+  'name' => env('APP_NAME', 'Pyrodactyl'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application Environment
+  |--------------------------------------------------------------------------
+  |
+  | This value determines the "environment" your application is currently
+  | running in. This may determine how you prefer to configure various
+  | services the application utilizes. Set this in your ".env" file.
+  |
+  */
+
+  'env' => env('APP_ENV', 'production'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application Debug Mode
+  |--------------------------------------------------------------------------
+  |
+  | When your application is in debug mode, detailed error messages with
+  | stack traces will be shown on every error that occurs within your
+  | application. If disabled, a simple generic error page is shown.
+  |
+  */
+
+  'debug' => (bool) env('APP_DEBUG', false),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application URL
+  |--------------------------------------------------------------------------
+  |
+  | This URL is used by the console to properly generate URLs when using
+  | the Artisan command line tool. You should set this to the root of
+  | the application so that it's available within Artisan commands.
+  |
+  */
+
+  'url' => env('APP_URL', 'http://localhost'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application Timezone
+  |--------------------------------------------------------------------------
+  |
+  | Here you may specify the default timezone for your application, which
+  | will be used by the PHP date and date-time functions. The timezone
+  | is set to "UTC" by default as it is suitable for most use cases.
+  |
+  */
+
+  'timezone' => env('APP_TIMEZONE', 'UTC'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Application Locale Configuration
+  |--------------------------------------------------------------------------
+  |
+  | The application locale determines the default locale that will be used
+  | by Laravel's translation / localization methods. This option can be
+  | set to any locale for which you plan to have translation strings.
+  |
+  */
+
+  'locale' => env('APP_LOCALE', 'en'),
+
+  'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
+
+  'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Encryption Key
+  |--------------------------------------------------------------------------
+  |
+  | This key is utilized by Laravel's encryption services and should be set
+  | to a random, 32 character string to ensure that all encrypted values
+  | are secure. You should do this prior to deploying the application.
+  |
+  */
+
+  'cipher' => 'AES-256-CBC',
+
+  'key' => env('APP_KEY'),
+
+  'previous_keys' => [
+    ...array_filter(
+      explode(',', env('APP_PREVIOUS_KEYS', ''))
+    ),
+  ],
+
+  /*
+  |--------------------------------------------------------------------------
+  | Maintenance Mode Driver
+  |--------------------------------------------------------------------------
+  |
+  | These configuration options determine the driver used to determine and
+  | manage Laravel's "maintenance mode" status. The "cache" driver will
+  | allow maintenance mode to be controlled across multiple machines.
+  |
+  | Supported drivers: "file", "cache"
+  |
+  */
+
+  'maintenance' => [
+    'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
+    'store' => env('APP_MAINTENANCE_STORE', 'database'),
+  ],
+
+  /*
+  |--------------------------------------------------------------------------
+  | Exception Reporter Configuration
+  |--------------------------------------------------------------------------
+  |
+  | If you're encountering weird behavior with the Panel and no exceptions
+  | are being logged try changing the environment variable below to be true.
+  | This will override the default "don't report" behavior of the Panel and log
+  | all exceptions. This will be quite noisy.
+  |
+  */
+
+  'exceptions' => [
+    'report_all' => env('APP_REPORT_ALL_EXCEPTIONS', false),
+  ],
+
+  /*
+  |--------------------------------------------------------------------------
+  | Autoloaded Service Providers
+  |--------------------------------------------------------------------------
+  |
+  | The service providers listed here will be automatically loaded on the
+  | request to your application. Feel free to add your own services to
+  | this array to grant expanded functionality to your applications.
+  |
+  */
+
+  'providers' => [
+    /*
+     * Laravel Framework Service Providers...
+     */
+    Illuminate\Auth\AuthServiceProvider::class,
+    Illuminate\Broadcasting\BroadcastServiceProvider::class,
+    Illuminate\Bus\BusServiceProvider::class,
+    Illuminate\Cache\CacheServiceProvider::class,
+    Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
+    Illuminate\Cookie\CookieServiceProvider::class,
+    Illuminate\Database\DatabaseServiceProvider::class,
+    Illuminate\Encryption\EncryptionServiceProvider::class,
+    Illuminate\Filesystem\FilesystemServiceProvider::class,
+    Illuminate\Foundation\Providers\FoundationServiceProvider::class,
+    Illuminate\Hashing\HashServiceProvider::class,
+    Illuminate\Mail\MailServiceProvider::class,
+    Illuminate\Notifications\NotificationServiceProvider::class,
+    Illuminate\Pagination\PaginationServiceProvider::class,
+    Illuminate\Pipeline\PipelineServiceProvider::class,
+    Illuminate\Queue\QueueServiceProvider::class,
+    Illuminate\Redis\RedisServiceProvider::class,
+    Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
+    Illuminate\Session\SessionServiceProvider::class,
+    Illuminate\Translation\TranslationServiceProvider::class,
+    Illuminate\Validation\ValidationServiceProvider::class,
+    Illuminate\View\ViewServiceProvider::class,
 
     /*
-    |--------------------------------------------------------------------------
-    | Application Name
-    |--------------------------------------------------------------------------
-    |
-    | This value is the name of your application, which will be used when the
-    | framework needs to place the application's name in a notification or
-    | other UI elements where an application name needs to be displayed.
-    |
-    */
-
-    'name' => env('APP_NAME', 'Pyrodactyl'),
+     * Application Service Providers...
+     */
+    Pterodactyl\Providers\ActivityLogServiceProvider::class,
+    Pterodactyl\Providers\AppServiceProvider::class,
+    Pterodactyl\Providers\AuthServiceProvider::class,
+    Pterodactyl\Providers\BackupsServiceProvider::class,
+    Pterodactyl\Providers\BladeServiceProvider::class,
+    Pterodactyl\Providers\CaptchaServiceProvider::class,
+    Pterodactyl\Providers\EventServiceProvider::class,
+    Pterodactyl\Providers\HashidsServiceProvider::class,
+    Pterodactyl\Providers\ObserverServiceProvider::class,
+    Pterodactyl\Providers\RouteServiceProvider::class,
+    Pterodactyl\Providers\RepositoryServiceProvider::class,
+    Pterodactyl\Providers\ServerOperationServiceProvider::class,
+    Pterodactyl\Providers\SubdomainServiceProvider::class,
+    Pterodactyl\Providers\ViewComposerServiceProvider::class,
 
     /*
-    |--------------------------------------------------------------------------
-    | Application Environment
-    |--------------------------------------------------------------------------
-    |
-    | This value determines the "environment" your application is currently
-    | running in. This may determine how you prefer to configure various
-    | services the application utilizes. Set this in your ".env" file.
-    |
-    */
+     * Additional Dependencies
+     */
+    Prologue\Alerts\AlertsServiceProvider::class,
+  ],
 
-    'env' => env('APP_ENV', 'production'),
+  /*
+  |--------------------------------------------------------------------------
+  | Class Aliases
+  |--------------------------------------------------------------------------
+  |
+  | This array of class aliases will be registered when this application
+  | is started. However, feel free to register as many as you wish as
+  | the aliases are "lazy" loaded, so they don't hinder performance.
+  |
+  */
 
-    /*
-    |--------------------------------------------------------------------------
-    | Application Debug Mode
-    |--------------------------------------------------------------------------
-    |
-    | When your application is in debug mode, detailed error messages with
-    | stack traces will be shown on every error that occurs within your
-    | application. If disabled, a simple generic error page is shown.
-    |
-    */
+  'aliases' => Facade::defaultAliases()->merge([
+    'Alert' => Prologue\Alerts\Facades\Alert::class,
+    'Carbon' => Carbon\Carbon::class,
+    'JavaScript' => Laracasts\Utilities\JavaScript\JavaScriptFacade::class,
+    'Theme' => Pterodactyl\Extensions\Facades\Theme::class,
 
-    'debug' => (bool) env('APP_DEBUG', false),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application URL
-    |--------------------------------------------------------------------------
-    |
-    | This URL is used by the console to properly generate URLs when using
-    | the Artisan command line tool. You should set this to the root of
-    | the application so that it's available within Artisan commands.
-    |
-    */
-
-    'url' => env('APP_URL', 'http://localhost'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Timezone
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the default timezone for your application, which
-    | will be used by the PHP date and date-time functions. The timezone
-    | is set to "UTC" by default as it is suitable for most use cases.
-    |
-    */
-
-    'timezone' => env('APP_TIMEZONE', 'UTC'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Locale Configuration
-    |--------------------------------------------------------------------------
-    |
-    | The application locale determines the default locale that will be used
-    | by Laravel's translation / localization methods. This option can be
-    | set to any locale for which you plan to have translation strings.
-    |
-    */
-
-    'locale' => env('APP_LOCALE', 'en'),
-
-    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
-
-    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Encryption Key
-    |--------------------------------------------------------------------------
-    |
-    | This key is utilized by Laravel's encryption services and should be set
-    | to a random, 32 character string to ensure that all encrypted values
-    | are secure. You should do this prior to deploying the application.
-    |
-    */
-
-    'cipher' => 'AES-256-CBC',
-
-    'key' => env('APP_KEY'),
-
-    'previous_keys' => [
-        ...array_filter(
-            explode(',', env('APP_PREVIOUS_KEYS', ''))
-        ),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Maintenance Mode Driver
-    |--------------------------------------------------------------------------
-    |
-    | These configuration options determine the driver used to determine and
-    | manage Laravel's "maintenance mode" status. The "cache" driver will
-    | allow maintenance mode to be controlled across multiple machines.
-    |
-    | Supported drivers: "file", "cache"
-    |
-    */
-
-    'maintenance' => [
-        'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
-        'store' => env('APP_MAINTENANCE_STORE', 'database'),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Exception Reporter Configuration
-    |--------------------------------------------------------------------------
-    |
-    | If you're encountering weird behavior with the Panel and no exceptions
-    | are being logged try changing the environment variable below to be true.
-    | This will override the default "don't report" behavior of the Panel and log
-    | all exceptions. This will be quite noisy.
-    |
-    */
-
-    'exceptions' => [
-        'report_all' => env('APP_REPORT_ALL_EXCEPTIONS', false),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Autoloaded Service Providers
-    |--------------------------------------------------------------------------
-    |
-    | The service providers listed here will be automatically loaded on the
-    | request to your application. Feel free to add your own services to
-    | this array to grant expanded functionality to your applications.
-    |
-    */
-
-    'providers' => [
-        /*
-         * Laravel Framework Service Providers...
-         */
-        Illuminate\Auth\AuthServiceProvider::class,
-        Illuminate\Broadcasting\BroadcastServiceProvider::class,
-        Illuminate\Bus\BusServiceProvider::class,
-        Illuminate\Cache\CacheServiceProvider::class,
-        Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
-        Illuminate\Cookie\CookieServiceProvider::class,
-        Illuminate\Database\DatabaseServiceProvider::class,
-        Illuminate\Encryption\EncryptionServiceProvider::class,
-        Illuminate\Filesystem\FilesystemServiceProvider::class,
-        Illuminate\Foundation\Providers\FoundationServiceProvider::class,
-        Illuminate\Hashing\HashServiceProvider::class,
-        Illuminate\Mail\MailServiceProvider::class,
-        Illuminate\Notifications\NotificationServiceProvider::class,
-        Illuminate\Pagination\PaginationServiceProvider::class,
-        Illuminate\Pipeline\PipelineServiceProvider::class,
-        Illuminate\Queue\QueueServiceProvider::class,
-        Illuminate\Redis\RedisServiceProvider::class,
-        Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
-        Illuminate\Session\SessionServiceProvider::class,
-        Illuminate\Translation\TranslationServiceProvider::class,
-        Illuminate\Validation\ValidationServiceProvider::class,
-        Illuminate\View\ViewServiceProvider::class,
-
-        /*
-         * Application Service Providers...
-         */
-        Pterodactyl\Providers\ActivityLogServiceProvider::class,
-        Pterodactyl\Providers\AppServiceProvider::class,
-        Pterodactyl\Providers\AuthServiceProvider::class,
-        Pterodactyl\Providers\BackupsServiceProvider::class,
-        Pterodactyl\Providers\BladeServiceProvider::class,
-        Pterodactyl\Providers\EventServiceProvider::class,
-        Pterodactyl\Providers\HashidsServiceProvider::class,
-        Pterodactyl\Providers\RouteServiceProvider::class,
-        Pterodactyl\Providers\RepositoryServiceProvider::class,
-        Pterodactyl\Providers\ViewComposerServiceProvider::class,
-
-        /*
-         * Additional Dependencies
-         */
-        Prologue\Alerts\AlertsServiceProvider::class,
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Class Aliases
-    |--------------------------------------------------------------------------
-    |
-    | This array of class aliases will be registered when this application
-    | is started. However, feel free to register as many as you wish as
-    | the aliases are "lazy" loaded, so they don't hinder performance.
-    |
-    */
-
-    'aliases' => Facade::defaultAliases()->merge([
-        'Alert' => Prologue\Alerts\Facades\Alert::class,
-        'Carbon' => Carbon\Carbon::class,
-        'JavaScript' => Laracasts\Utilities\JavaScript\JavaScriptFacade::class,
-        'Theme' => Pterodactyl\Extensions\Facades\Theme::class,
-
-        // Custom Facades
-        'Activity' => Pterodactyl\Facades\Activity::class,
-        'LogBatch' => Pterodactyl\Facades\LogBatch::class,
-        'LogTarget' => Pterodactyl\Facades\LogTarget::class,
-    ])->toArray(),
+    // Custom Facades
+    'Activity' => Pterodactyl\Facades\Activity::class,
+    'LogBatch' => Pterodactyl\Facades\LogBatch::class,
+    'LogTarget' => Pterodactyl\Facades\LogTarget::class,
+  ])->toArray(),
 ];
diff --git a/config/backups.php b/config/backups.php
index f466ea4d5..e20d0a469 100644
--- a/config/backups.php
+++ b/config/backups.php
@@ -21,16 +21,6 @@ return [
     // to 6 hours.  To disable this feature, set the value to `0`.
     'prune_age' => env('BACKUP_PRUNE_AGE', 360),
 
-    // Defines the backup creation throttle limits for users. In this default example, we allow
-    // a user to create two (successful or pending) backups per 10 minutes. Even if they delete
-    // a backup it will be included in the throttle count.
-    //
-    // Set the period to "0" to disable this throttle. The period is defined in seconds.
-    'throttles' => [
-        'limit' => env('BACKUP_THROTTLE_LIMIT', 2),
-        'period' => env('BACKUP_THROTTLE_PERIOD', 600),
-    ],
-
     'disks' => [
         // There is no configuration for the local disk for Wings. That configuration
         // is determined by the Daemon configuration, and not the Panel.
diff --git a/config/captcha.php b/config/captcha.php
new file mode 100644
index 000000000..b5e2fef12
--- /dev/null
+++ b/config/captcha.php
@@ -0,0 +1,63 @@
+<?php
+
+return [
+  'driver' => env('CAPTCHA_DRIVER', 'none'),
+
+  'providers' => [
+    'hcaptcha' => [
+      'enabled' => env('HCAPTCHA_ENABLED', false),
+      'site_key' => env('HCAPTCHA_SITE_KEY'),
+      'secret_key' => env('HCAPTCHA_SECRET_KEY'),
+      'endpoint' => 'https://hcaptcha.com/siteverify',
+    ],
+
+    'mcaptcha' => [
+      'enabled' => env('MCAPTCHA_ENABLED', false),
+      'site_key' => env('MCAPTCHA_SITE_KEY'),
+      'secret_key' => env('MCAPTCHA_SECRET_KEY'),
+      'endpoint' => env('MCAPTCHA_ENDPOINT', 'https://mcaptcha.your-instance.com/api/v1/pow/verify'),
+    ],
+
+    'turnstile' => [
+      'enabled' => env('TURNSTILE_ENABLED', false),
+      'site_key' => env('TURNSTILE_SITE_KEY'),
+      'secret_key' => env('TURNSTILE_SECRET_KEY'),
+      'endpoint' => 'https://challenges.cloudflare.com/turnstile/v0/siteverify',
+      'theme' => env('TURNSTILE_THEME', 'auto'), // auto, light, dark
+      'size' => env('TURNSTILE_SIZE', 'normal'), // normal, compact, flexible
+      'action' => env('TURNSTILE_ACTION', null), // Optional action identifier
+      'cdata' => env('TURNSTILE_CDATA', null), // Optional customer data
+      'retry' => env('TURNSTILE_RETRY', 'auto'), // auto, never
+      'retry_interval' => env('TURNSTILE_RETRY_INTERVAL', 8000), // milliseconds
+      'refresh_expired' => env('TURNSTILE_REFRESH_EXPIRED', 'auto'), // auto, manual, never
+      'refresh_timeout' => env('TURNSTILE_REFRESH_TIMEOUT', 'auto'), // auto, manual, never
+      'appearance' => env('TURNSTILE_APPEARANCE', 'always'), // always, execute, interaction-only
+      'execution' => env('TURNSTILE_EXECUTION', 'render'), // render, execute
+    ],
+
+    'proton' => [
+      'enabled' => env('PROTON_CAPTCHA_ENABLED', false),
+      'site_key' => env('PROTON_CAPTCHA_SITE_KEY'),
+      'secret_key' => env('PROTON_CAPTCHA_SECRET_KEY'),
+      'endpoint' => 'https://api.proton.me/captcha/v3/verify',
+    ],
+
+    'friendly' => [
+      'enabled' => env('FRIENDLY_CAPTCHA_ENABLED', false),
+      'site_key' => env('FRIENDLY_CAPTCHA_SITE_KEY'),
+      'secret_key' => env('FRIENDLY_CAPTCHA_SECRET_KEY'),
+      'endpoint' => 'https://api.friendlycaptcha.com/api/v1/siteverify',
+    ],
+
+    'recaptcha' => [
+      'enabled' => env('RECAPTCHA_ENABLED', false),
+      'site_key' => env('RECAPTCHA_SITE_KEY'),
+      'secret_key' => env('RECAPTCHA_SECRET_KEY'),
+      'endpoint' => 'https://www.google.com/recaptcha/api/siteverify',
+    ],
+  ],
+
+  // Global settings
+  'verify_domain' => false,
+  'timeout' => 5, // seconds
+];
diff --git a/config/cors.php b/config/cors.php
index bf72895e0..2a1eac838 100644
--- a/config/cors.php
+++ b/config/cors.php
@@ -1,57 +1,57 @@
 <?php
 
 return [
-    /*
-    |--------------------------------------------------------------------------
-    | Cross-Origin Resource Sharing (CORS) Configuration
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure your settings for cross-origin resource sharing
-    | or "CORS". This determines what cross-origin operations may execute
-    | in web browsers. You are free to adjust these settings as needed.
-    |
-    | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
-    |
-    */
+  /*
+  |--------------------------------------------------------------------------
+  | Cross-Origin Resource Sharing (CORS) Configuration
+  |--------------------------------------------------------------------------
+  |
+  | Here you may configure your settings for cross-origin resource sharing
+  | or "CORS". This determines what cross-origin operations may execute
+  | in web browsers. You are free to adjust these settings as needed.
+  |
+  | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+  |
+  */
 
-    /*
-     * You can enable CORS for 1 or multiple paths.
-     * Example: ['api/*']
-     */
-    'paths' => ['/api/client', '/api/application', '/api/client/*', '/api/application/*'],
+  /*
+   * You can enable CORS for 1 or multiple paths.
+   * Example: ['api/*']
+   */
+  'paths' => ['/api/client', '/api/application', '/api/client/*', '/api/application/*'],
 
-    /*
-     * Matches the request method. `['*']` allows all methods.
-     */
-    'allowed_methods' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD'],
+  /*
+   * Matches the request method. `['*']` allows all methods.
+   */
+  'allowed_methods' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD'],
 
-    /*
-     * Matches the request origin. `['*']` allows all origins. Wildcards can be used, eg `*.mydomain.com`
-     */
-    'allowed_origins' => explode(',', env('APP_CORS_ALLOWED_ORIGINS') ?? ''),
+  /*
+   * Matches the request origin. `['*']` allows all origins. Wildcards can be used, eg `*.mydomain.com`
+   */
+  'allowed_origins' => explode(',', env('APP_CORS_ALLOWED_ORIGINS') ?? ''),
 
-    /*
-     * Patterns that can be used with `preg_match` to match the origin.
-     */
-    'allowed_origins_patterns' => [],
+  /*
+   * Patterns that can be used with `preg_match` to match the origin.
+   */
+  'allowed_origins_patterns' => [],
 
-    /*
-     * Sets the Access-Control-Allow-Headers response header. `['*']` allows all headers.
-     */
-    'allowed_headers' => ['*'],
+  /*
+   * Sets the Access-Control-Allow-Headers response header. `['*']` allows all headers.
+   */
+  'allowed_headers' => ['*'],
 
-    /*
-     * Sets the Access-Control-Expose-Headers response header with these headers.
-     */
-    'exposed_headers' => [],
+  /*
+   * Sets the Access-Control-Expose-Headers response header with these headers.
+   */
+  'exposed_headers' => [],
 
-    /*
-     * Sets the Access-Control-Max-Age response header when > 0.
-     */
-    'max_age' => 0,
+  /*
+   * Sets the Access-Control-Max-Age response header when > 0.
+   */
+  'max_age' => 0,
 
-    /*
-     * Sets the Access-Control-Allow-Credentials header.
-     */
-    'supports_credentials' => true,
+  /*
+   * Sets the Access-Control-Allow-Credentials header.
+   */
+  'supports_credentials' => true,
 ];
diff --git a/config/database.php b/config/database.php
index d82a6fb90..1fa31d610 100644
--- a/config/database.php
+++ b/config/database.php
@@ -48,7 +48,7 @@ return [
       'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
       'prefix' => env('DB_PREFIX', ''),
       'prefix_indexes' => true,
-      'strict' => env('DB_STRICT_MODE', false), // TODO: true by default
+      'strict' => env('DB_STRICT_MODE', false), // TODO: fix various errors with strict mode enabled
       'engine' => null,
       'timezone' => env('DB_TIMEZONE', Time::getMySQLTimezoneOffset(env('APP_TIMEZONE', 'UTC'))),
       'sslmode' => env('DB_SSLMODE', 'prefer'),
@@ -73,7 +73,7 @@ return [
       'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
       'prefix' => env('DB_PREFIX', ''),
       'prefix_indexes' => true,
-      'strict' => env('DB_STRICT_MODE', true),
+      'strict' => env('DB_STRICT_MODE', false), // TODO: fix various errors with strict mode enabled
       'engine' => null,
       'timezone' => env('DB_TIMEZONE', Time::getMySQLTimezoneOffset(env('APP_TIMEZONE', 'UTC'))),
       'sslmode' => env('DB_SSLMODE', 'prefer'),
diff --git a/config/pterodactyl.php b/config/pterodactyl.php
index 58c58bc9e..9eb17ee58 100644
--- a/config/pterodactyl.php
+++ b/config/pterodactyl.php
@@ -44,6 +44,35 @@ return [
         ],
     ],
 
+    /*
+    |--------------------------------------------------------------------------
+    | Captcha Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Configuration for captcha providers used in authentication forms.
+    */
+
+    'captcha' => [
+        'provider' => env('CAPTCHA_PROVIDER', 'none'),
+        'turnstile' => [
+            'site_key' => env('TURNSTILE_SITE_KEY', ''),
+            'secret_key' => env('TURNSTILE_SECRET_KEY', ''),
+        ],
+        'hcaptcha' => [
+            'site_key' => env('HCAPTCHA_SITE_KEY', ''),
+            'secret_key' => env('HCAPTCHA_SECRET_KEY', ''),
+        ],
+        'recaptcha' => [
+            'site_key' => env('RECAPTCHA_SITE_KEY', ''),
+            'secret_key' => env('RECAPTCHA_SECRET_KEY', ''),
+        ],
+        'forms' => [
+            'login' => env('CAPTCHA_LOGIN', false),
+            'forgot_password' => env('CAPTCHA_FORGOT_PASSWORD', false),
+            'reset_password' => env('CAPTCHA_RESET_PASSWORD', false),
+        ],
+    ],
+
     /*
     |--------------------------------------------------------------------------
     | Pagination
diff --git a/config/recaptcha.php b/config/recaptcha.php
deleted file mode 100644
index 757e184a5..000000000
--- a/config/recaptcha.php
+++ /dev/null
@@ -1,31 +0,0 @@
-<?php
-
-return [
-    /*
-     * Enable or disable captchas
-     */
-    'enabled' => env('RECAPTCHA_ENABLED', true),
-
-    /*
-     * API endpoint for recaptcha checks. You should not edit this.
-     */
-    'domain' => env('RECAPTCHA_DOMAIN', 'https://www.google.com/recaptcha/api/siteverify'),
-
-    /*
-     * Use a custom secret key, we use our public one by default
-     */
-    'secret_key' => env('RECAPTCHA_SECRET_KEY', '6LcJcjwUAAAAALOcDJqAEYKTDhwELCkzUkNDQ0J5'),
-    '_shipped_secret_key' => '6LcJcjwUAAAAALOcDJqAEYKTDhwELCkzUkNDQ0J5',
-
-    /*
-     * Use a custom website key, we use our public one by default
-     */
-    'website_key' => env('RECAPTCHA_WEBSITE_KEY', '6LcJcjwUAAAAAO_Xqjrtj9wWufUpYRnK6BW8lnfn'),
-    '_shipped_website_key' => '6LcJcjwUAAAAAO_Xqjrtj9wWufUpYRnK6BW8lnfn',
-
-    /*
-     * Domain verification is enabled by default and compares the domain used when solving the captcha
-     * as public keys can't have domain verification on google's side enabled (obviously).
-     */
-    'verify_domain' => true,
-];
diff --git a/config/server_operations.php b/config/server_operations.php
new file mode 100644
index 000000000..ef7a80458
--- /dev/null
+++ b/config/server_operations.php
@@ -0,0 +1,41 @@
+<?php
+
+/**
+ * Configuration for server operations system.
+ *
+ * Defines timeouts, cleanup policies, and other operational parameters
+ * for long-running server operations like egg changes and reinstalls.
+ */
+
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | Operation Timeouts
+    |--------------------------------------------------------------------------
+    |
+    | Maximum execution time (in seconds) for different types of server
+    | operations before they are considered timed out and marked as failed.
+    |
+    */
+    'timeouts' => [
+        'egg_change' => 1800,      // 30 minutes
+        'reinstall' => 1200,       // 20 minutes
+        'backup_restore' => 2400,  // 40 minutes
+        'default' => 900,          // 15 minutes
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Operation Cleanup
+    |--------------------------------------------------------------------------
+    |
+    | Configuration for automatic cleanup of old completed operations
+    | to prevent database bloat and maintain performance.
+    |
+    */
+    'cleanup' => [
+        'enabled' => true,      // Enable automatic cleanup
+        'retain_days' => 30,    // Days to retain completed operations
+        'chunk_size' => 100,    // Records to process per cleanup batch
+    ],
+];
\ No newline at end of file
diff --git a/config/turnstile.php b/config/turnstile.php
deleted file mode 100644
index 4754311c2..000000000
--- a/config/turnstile.php
+++ /dev/null
@@ -1,31 +0,0 @@
-<?php
-
-return [
-  /*
-   * Enable or disable captchas
-   */
-  'enabled' => env('TURNSTILE_ENABLED', false),
-
-  /*
-   * API endpoint for Turnstile checks.
-   * The endpoint is specific to Turnstile verification.
-   */
-  'domain' => env('TURNSTILE_DOMAIN', 'https://challenges.cloudflare.com/turnstile/v0/siteverify'),
-
-  /*
-   * Use a custom secret key for Turnstile. Replace with your Turnstile secret key.
-   */
-  'secret_key' => env('TURNSTILE_SECRET_KEY', 'your-turnstile-secret-key'),
-
-  /*
-   * Use a custom website key for Turnstile. Replace with your Turnstile website key.
-   */
-  'website_key' => env('TURNSTILE_WEBSITE_KEY', 'your-turnstile-website-key'),
-
-  /*
-   * Turnstile doesn't require domain verification, but if you want to implement domain validation, you can.
-   * Set this to false if you don't want to do domain verification.
-   */
-  'verify_domain' => false,  // You can change this based on your needs
-];
-
diff --git a/database/Seeders/eggs/minecraft/egg-bungeecord.json b/database/Seeders/eggs/minecraft/egg-bungeecord.json
index 0ecf03ac2..f654f886e 100644
--- a/database/Seeders/eggs/minecraft/egg-bungeecord.json
+++ b/database/Seeders/eggs/minecraft/egg-bungeecord.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "plugin/bungeecord",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/minecraft/egg-fabric.json b/database/Seeders/eggs/minecraft/egg-fabric.json
index f88d75a2b..8f6f14d27 100644
--- a/database/Seeders/eggs/minecraft/egg-fabric.json
+++ b/database/Seeders/eggs/minecraft/egg-fabric.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "mod/fabric",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/minecraft/egg-forge-minecraft.json b/database/Seeders/eggs/minecraft/egg-forge-minecraft.json
index a30a3087c..3efd54127 100644
--- a/database/Seeders/eggs/minecraft/egg-forge-minecraft.json
+++ b/database/Seeders/eggs/minecraft/egg-forge-minecraft.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "mod/forge",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/minecraft/egg-paper.json b/database/Seeders/eggs/minecraft/egg-paper.json
index fd05af6f1..71768a903 100644
--- a/database/Seeders/eggs/minecraft/egg-paper.json
+++ b/database/Seeders/eggs/minecraft/egg-paper.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "plugin/paper",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/minecraft/egg-purpur.json b/database/Seeders/eggs/minecraft/egg-purpur.json
index 799e7c172..f561d38b7 100644
--- a/database/Seeders/eggs/minecraft/egg-purpur.json
+++ b/database/Seeders/eggs/minecraft/egg-purpur.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "plugin/purpur",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io/pterodactyl/yolks:java_21",
@@ -22,7 +25,7 @@
         "Java 8": "ghcr.io/pterodactyl/yolks:java_8"
     },
     "file_denylist": [],
-    "startup": "java --add-modules=jdk.incubator.vector -Xms128M -Xmx{{SERVER_MEMORY}}M -Dterminal.jline=false -Dterminal.ansi=true -jar {{SERVER_JARFILE}}",
+    "startup": "java --add-modules=jdk.incubator.vector -Xms128M -XX:MaxRAMPercentage=95.0 -Dterminal.jline=false -Dterminal.ansi=true -jar {{SERVER_JARFILE}}",
     "config": {
         "files": "{\r\n    \"server.properties\": {\r\n        \"parser\": \"properties\",\r\n        \"find\": {\r\n            \"server-ip\": \"0.0.0.0\",\r\n            \"server-port\": \"{{server.build.default.port}}\"\r\n        }\r\n    }\r\n}",
         "logs": "{}",
diff --git a/database/Seeders/eggs/minecraft/egg-sponge--sponge-vanilla.json b/database/Seeders/eggs/minecraft/egg-sponge--sponge-vanilla.json
index 7a4c782b4..5735ac363 100644
--- a/database/Seeders/eggs/minecraft/egg-sponge--sponge-vanilla.json
+++ b/database/Seeders/eggs/minecraft/egg-sponge--sponge-vanilla.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "plugin/sponge",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/minecraft/egg-vanilla-minecraft.json b/database/Seeders/eggs/minecraft/egg-vanilla-minecraft.json
index 71fd16547..19db07133 100644
--- a/database/Seeders/eggs/minecraft/egg-vanilla-minecraft.json
+++ b/database/Seeders/eggs/minecraft/egg-vanilla-minecraft.json
@@ -11,7 +11,10 @@
     "features": [
         "eula",
         "java_version",
-        "pid_limit"
+        "pid_limit",
+        "vanilla",
+        "mclogs",
+        "subdomain_minecraft"
     ],
     "docker_images": {
         "Java 21": "ghcr.io\/pterodactyl\/yolks:java_21",
diff --git a/database/Seeders/eggs/rust/egg-rust.json b/database/Seeders/eggs/rust/egg-rust.json
index 35f543c75..2e0631ccf 100644
--- a/database/Seeders/eggs/rust/egg-rust.json
+++ b/database/Seeders/eggs/rust/egg-rust.json
@@ -9,7 +9,8 @@
     "author": "support@pterodactyl.io",
     "description": "The only aim in Rust is to survive. To do this you will need to overcome struggles such as hunger, thirst and cold. Build a fire. Build a shelter. Kill animals for meat. Protect yourself from other players, and kill them for meat. Create alliances with other players and form a town. Do whatever it takes to survive.",
     "features": [
-        "steam_disk_space"
+        "steam_disk_space",
+        "subdomain_rust"
     ],
     "docker_images": {
         "ghcr.io\/pterodactyl\/games:rust": "ghcr.io\/pterodactyl\/games:rust"
diff --git a/database/Seeders/eggs/voice-servers/egg-teamspeak3-server.json b/database/Seeders/eggs/voice-servers/egg-teamspeak3-server.json
index 01f7360bc..626d7e6a5 100644
--- a/database/Seeders/eggs/voice-servers/egg-teamspeak3-server.json
+++ b/database/Seeders/eggs/voice-servers/egg-teamspeak3-server.json
@@ -8,7 +8,9 @@
     "name": "Teamspeak3 Server",
     "author": "support@pterodactyl.io",
     "description": "VoIP software designed with security in mind, featuring crystal clear voice quality, endless customization options, and scalabilty up to thousands of simultaneous users.",
-    "features": null,
+    "features": [
+        "subdomain_teamspeak"
+    ],
     "docker_images": {
         "ghcr.io\/pterodactyl\/yolks:debian": "ghcr.io\/pterodactyl\/yolks:debian"
     },
diff --git a/database/migrations/2025_05_25_230411_add_internal_fqdn_to_nodes_table.php b/database/migrations/2025_05_25_230411_add_internal_fqdn_to_nodes_table.php
new file mode 100644
index 000000000..c3dea242e
--- /dev/null
+++ b/database/migrations/2025_05_25_230411_add_internal_fqdn_to_nodes_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+  /**
+   * Run the migrations.
+   */
+  public function up(): void
+  {
+    Schema::table('nodes', function (Blueprint $table) {
+      $table->string('internal_fqdn')->nullable()->after('fqdn');
+      $table->boolean('use_separate_fqdns')->default(false)->after('internal_fqdn');
+    });
+  }
+
+  /**
+   * Reverse the migrations.
+   */
+  public function down(): void
+  {
+    Schema::table('nodes', function (Blueprint $table) {
+      $table->dropColumn(['internal_fqdn', 'use_separate_fqdns']);
+    });
+  }
+};
diff --git a/database/migrations/2025_06_11_add_is_processing_to_tasks.php b/database/migrations/2025_06_11_add_is_processing_to_tasks.php
new file mode 100644
index 000000000..aea450e9e
--- /dev/null
+++ b/database/migrations/2025_06_11_add_is_processing_to_tasks.php
@@ -0,0 +1,21 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::table('tasks', function (Blueprint $table) {
+            $table->boolean('is_processing')->default(false)->after('is_queued');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('tasks', function (Blueprint $table) {
+            $table->dropColumn('is_processing');
+        });
+    }
+};
\ No newline at end of file
diff --git a/database/migrations/2025_08_06_192246_add_overhead_memory_to_servers_table.php b/database/migrations/2025_08_06_192246_add_overhead_memory_to_servers_table.php
new file mode 100644
index 000000000..54805324d
--- /dev/null
+++ b/database/migrations/2025_08_06_192246_add_overhead_memory_to_servers_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddOverheadMemoryToServersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('servers', function (Blueprint $table) {
+            $table->integer('overhead_memory')->unsigned()->default(0)->after('memory');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('servers', function (Blueprint $table) {
+            $table->dropColumn('overhead_memory');
+        });
+    }
+}
\ No newline at end of file
diff --git a/database/migrations/2025_08_14_025040_create_server_operations_table.php b/database/migrations/2025_08_14_025040_create_server_operations_table.php
new file mode 100644
index 000000000..1fd6c8227
--- /dev/null
+++ b/database/migrations/2025_08_14_025040_create_server_operations_table.php
@@ -0,0 +1,52 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Migration to create server operations tracking table.
+ *
+ * Creates table for tracking long-running server operations like egg changes,
+ * reinstalls, and backup restores with proper indexing for performance.
+ */
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('server_operations', function (Blueprint $table) {
+            $table->id();
+            $table->string('operation_id', 36)->unique();
+            $table->unsignedInteger('server_id');
+            $table->unsignedInteger('user_id');
+            $table->string('type', 50);
+            $table->string('status', 20)->default('pending');
+            $table->text('message')->nullable();
+            $table->json('parameters')->nullable();
+            $table->timestamp('started_at')->nullable();
+            $table->timestamps();
+
+            $table->foreign('server_id')->references('id')->on('servers')->onDelete('cascade');
+            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');
+
+            $table->index(['server_id', 'status', 'created_at'], 'server_operations_server_status_created');
+            $table->index(['type', 'status', 'created_at'], 'server_operations_type_status_created');
+            $table->index(['status', 'created_at'], 'server_operations_status_created');
+            $table->index(['server_id', 'status'], 'server_operations_server_status');
+            $table->index(['status', 'started_at'], 'server_operations_status_started');
+            $table->index(['user_id', 'type', 'created_at'], 'server_operations_user_type_created');
+            $table->index(['operation_id', 'server_id'], 'server_operations_operation_server');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('server_operations');
+    }
+};
\ No newline at end of file
diff --git a/database/migrations/2025_08_16_000000_add_server_state_to_backups.php b/database/migrations/2025_08_16_000000_add_server_state_to_backups.php
new file mode 100644
index 000000000..4bbf75937
--- /dev/null
+++ b/database/migrations/2025_08_16_000000_add_server_state_to_backups.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('backups', function (Blueprint $table) {
+            $table->json('server_state')->nullable()->after('ignored_files')
+                  ->comment('Captured server state at backup time including nest_id, egg_id, startup command, image, and variables');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('backups', function (Blueprint $table) {
+            $table->dropColumn('server_state');
+        });
+    }
+};
\ No newline at end of file
diff --git a/database/migrations/2025_08_17_225800_add_exclude_from_resource_calculation_to_servers_table.php b/database/migrations/2025_08_17_225800_add_exclude_from_resource_calculation_to_servers_table.php
new file mode 100644
index 000000000..00f22679b
--- /dev/null
+++ b/database/migrations/2025_08_17_225800_add_exclude_from_resource_calculation_to_servers_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddExcludeFromResourceCalculationToServersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('servers', function (Blueprint $table) {
+            $table->boolean('exclude_from_resource_calculation')->default(false)->after('oom_disabled');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('servers', function (Blueprint $table) {
+            $table->dropColumn('exclude_from_resource_calculation');
+        });
+    }
+}
\ No newline at end of file
diff --git a/database/migrations/2025_09_07_000001_create_subdomain_system.php b/database/migrations/2025_09_07_000001_create_subdomain_system.php
new file mode 100644
index 000000000..a60df3616
--- /dev/null
+++ b/database/migrations/2025_09_07_000001_create_subdomain_system.php
@@ -0,0 +1,60 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        // Create domains table
+        Schema::create('domains', function (Blueprint $table) {
+            $table->id();
+            $table->string('name')->unique(); // example.com
+            $table->string('dns_provider'); // cloudflare, route53, etc.
+            $table->json('dns_config'); // provider-specific configuration
+            $table->boolean('is_active')->default(true);
+            $table->boolean('is_default')->default(false);
+            $table->timestamps();
+            
+            $table->index(['is_active']);
+            $table->index(['is_default']);
+        });
+
+        // Create server_subdomains table
+        Schema::create('server_subdomains', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedInteger('server_id'); // Match servers table increments('id')
+            $table->unsignedBigInteger('domain_id'); // Match domains table id()
+            $table->string('subdomain'); // myserver
+            $table->string('record_type'); // A, SRV, CNAME, etc.
+            $table->json('dns_records'); // Array of DNS record IDs from the provider
+            $table->boolean('is_active')->default(true);
+            $table->timestamps();
+            
+            $table->foreign('server_id')->references('id')->on('servers')->onDelete('cascade');
+            $table->foreign('domain_id')->references('id')->on('domains')->onDelete('cascade');
+            
+            // Ensure unique subdomain per domain
+            $table->unique(['domain_id', 'subdomain']);
+            $table->unique(['server_id', 'is_active'], 'server_subdomains_server_active_unique');
+            
+            $table->index(['server_id']);
+            $table->index(['is_active']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('server_subdomains');
+        Schema::dropIfExists('domains');
+    }
+};
\ No newline at end of file
diff --git a/docker-compose.develop.yml b/docker-compose.develop.yml
new file mode 100644
index 000000000..8df2594aa
--- /dev/null
+++ b/docker-compose.develop.yml
@@ -0,0 +1,191 @@
+x-common:
+    database: &db-environment
+        # Do not remove the "&db-password" from the end of the line below, it is important
+        # for Panel functionality.
+        MYSQL_PASSWORD: &db-password 'password'
+        MYSQL_ROOT_PASSWORD: &db-root-password 'rootpassword'
+    panel: &panel-environment
+        APP_URL: 'http://panel'
+        # A list of valid timezones can be found here: http://php.net/manual/en/timezones.php
+        APP_TIMEZONE: 'UTC'
+        APP_SERVICE_AUTHOR: 'noreply@example.com'
+        DB_USERNAME: 'pterodactyl'
+        # DB_PASSWORD: "Uncomment this to user your own password"
+
+        # Uncomment the line below and set to a non-empty value if you want to use Let's Encrypt
+        # to generate an SSL certificate for the Panel.
+        # LE_EMAIL: ""
+
+    mail: &mail-environment
+        MAIL_FROM: 'noreply@example.com'
+        MAIL_DRIVER: 'smtp'
+        MAIL_HOST: 'mailpit'
+        MAIL_PORT: '1025'
+        MAIL_USERNAME: ''
+        MAIL_PASSWORD: ''
+        MAIL_ENCRYPTION: 'true'
+
+#
+# ------------------------------------------------------------------------------------------
+# DANGER ZONE BELOW
+#
+# The remainder of this file likely does not need to be changed. Please only make modifications
+# below if you understand what you are doing.
+#
+services:
+    database:
+        image: mariadb:10.5
+        restart: always
+        command: --default-authentication-plugin=mysql_native_password
+        volumes:
+            - './srv/database:/var/lib/mysql'
+        environment:
+            <<: *db-environment
+            MYSQL_DATABASE: 'panel'
+            MYSQL_USER: 'pterodactyl'
+        ports:
+            - '3306:3306'
+    cache:
+        image: redis:alpine
+        restart: always
+    panel:
+        image: pyrodactyl:develop
+        restart: always
+        ports:
+            - '3000:80'
+            # - '443:443'
+        links:
+            - database
+            - cache
+        volumes:
+            - '.:/app'
+            - './srv/var:/app/var'
+            - './srv/nginx/:/etc/nginx/http.d/'
+            - './srv/certs:/etc/letsencrypt'
+            - './srv/logs/:/app/storage/logs'
+            - './srv/pterodactyl/config/:/etc/pterodactyl'
+            # anonymous volumes below, meaning it'll use the image's directory instead of the host
+            - '/app/vendor'
+            # needed for linux permissions
+            # - '/app/storage'
+            # - '/app/storage/app/private'
+            - '/app/storage/framework/views'
+            - '/app/bootstrap/cache'
+        environment:
+            <<: [*panel-environment, *mail-environment]
+            DB_PASSWORD: *db-password
+            DB_ROOT_PASSWORD: *db-root-password
+            APP_ENV: 'local'
+            APP_DEBUG: 'true'
+            LOG_CHANNEL: 'stack'
+            LOG_LEVEL: 'debug'
+            APP_ENVIRONMENT_ONLY: 'false'
+            CACHE_DRIVER: 'redis'
+            SESSION_DRIVER: 'redis'
+            QUEUE_DRIVER: 'redis'
+            REDIS_HOST: 'cache'
+            DB_CONNECTION: 'mariadb'
+            DB_HOST: 'database'
+            DB_PORT: '3306'
+            HASHIDS_LENGTH: 8
+            WINGS_INTERNAL_IP: 'wings'
+            WINGS_DIR: '${PWD}/srv/'
+            PYRODACTYL_DOCKER_DEV: 'true'
+            MAIL_HOST: 'mailhog'
+            MAIL_PORT: 1025
+            MAIL_DRIVER: 'smtp'
+            APP_BACKUP_DRIVER: 's3'
+            AWS_DEFAULT_REGION: 'us-west-2'
+            AWS_ACCESS_KEY_ID: 'minioadmin'
+            AWS_SECRET_ACCESS_KEY: 'minioadmin'
+            AWS_BACKUPS_BUCKET: 'pyrodactyl'
+            AWS_ENDPOINT: 'http://minio:9000'
+            AWS_USE_PATH_STYLE_ENDPOINT: 'true'
+
+    minio:
+        image: quay.io/minio/minio:latest
+        hostname: minio
+        expose:
+            - '9000'
+            - '9001'
+        volumes:
+            - ./srv/data1-1:/data1
+            - ./srv/data1-2:/data2
+        command: server --console-address ":9001" http://minio/data{1...2}
+        environment:
+            MINIO_ROOT_USER: minioadmin
+            MINIO_ROOT_PASSWORD: minioadmin
+
+    createbuckets:
+        image: quay.io/minio/mc:latest
+        depends_on:
+            - minio
+        entrypoint: >
+            /bin/sh -c "
+              until mc alias set local http://minio:9000 minioadmin minioadmin; do
+                echo 'Waiting for MinIO to be ready...'
+                sleep 2
+              done &&
+              mc mb --ignore-existing local/pyrodactyl &&
+              echo 'Bucket created.'
+            "
+
+    wings:
+        # The default Wings image doesn't work on macOS Docker
+        # This fork simply removes the incompatible `io.priority` cgroup v2 flag
+        # For Linux users, you can use the default image by uncommenting the line below
+        # image: ghcr.io/pterodactyl/wings:latest
+        image: ghcr.io/he3als/wings-mac:latest
+        restart: always
+        ports:
+            - '8080:8080'
+            - '2022:2022'
+        tty: true
+        environment:
+            TZ: 'UTC'
+            WINGS_UID: 988
+            WINGS_GID: 988
+            WINGS_USERNAME: pterodactyl
+        volumes:
+            - '/var/run/docker.sock:/var/run/docker.sock'
+            - '/etc/ssl/certs:/etc/ssl/certs:ro'
+            - './srv/pterodactyl/config/:/etc/pterodactyl/'
+
+            # The volumes below need to be the exact same path in the container as on the host.
+            #
+            # The paths are currently hardcoded in the container on first run, meaning if you move
+            # this repo on your host, you'll need to delete "srv" folder so the paths can be recreated.
+            #
+            # If you change these from $PWD, make sure to update `WINGS_DIR` in the panel service too.
+            # Do not change anything but the $PWD part as this is also hardcoded in the container.
+
+            - './srv/wings/tmp/:${PWD}/srv/wings/tmp/'
+            - './srv/wings/docker/containers/:${PWD}/srv/wings/docker/containers/'
+            - './srv/wings/:${PWD}/srv/wings/'
+            - './wings/logs/:${PWD}/srv/wings/logs/'
+
+
+    mailpit:
+        image: axllent/mailpit
+        volumes:
+            - ./data/mailpit/:/data
+        ports:
+            - '1025:1025'
+            - '8025:8025'
+        environment:
+          MP_MAX_MESSAGES: ${MP_MAX_MESSAGES:-5000}
+          MP_DATABASE: ${MP_DATABASE:-/data/mailpit.db}
+          MP_SMTP_AUTH_ACCEPT_ANY: ${MP_SMTP_AUTH_ACCEPT_ANY:-1}
+          MP_SMTP_AUTH_ALLOW_INSECURE: ${MP_SMTP_AUTH_ALLOW_INSECURE:-1}
+
+networks:
+    default:
+        ipam:
+            config:
+                - subnet: 172.20.0.0/16
+
+volumes:
+    panel_vendor:
+    panel_storage:
+    panel_bootstrap_cache:
+    mailpit_data:
diff --git a/docker-compose.example.yml b/docker-compose.example.yml
index 541746666..33314243f 100644
--- a/docker-compose.example.yml
+++ b/docker-compose.example.yml
@@ -47,7 +47,7 @@ services:
         image: redis:alpine
         restart: always
     panel:
-        image: ghcr.io/pyrohost/pyrodactyl:main
+        image: ghcr.io/pyrohost/pyrodactyl:latest
         restart: always
         ports:
             - '80:80'
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 000000000..5b276f61b
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,72 @@
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import prettier from 'eslint-plugin-prettier';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import turbo from 'eslint-plugin-turbo';
+import { defineConfig } from 'eslint/config';
+import globals from 'globals';
+import { fileURLToPath } from 'node:url';
+import tsEslint from 'typescript-eslint';
+
+const gitignorePath = fileURLToPath(new URL('.gitignore', import.meta.url));
+
+export default defineConfig([
+    includeIgnoreFile(gitignorePath),
+    {
+        ignores: ['public/**'],
+    },
+    {
+        files: ['**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+        plugins: { js },
+        extends: ['js/recommended'],
+        languageOptions: { globals: { ...globals.browser } },
+    },
+    ...tsEslint.configs.recommended,
+    pluginReact.configs.flat.recommended,
+    eslintConfigPrettier,
+    {
+        plugins: {
+            'react-hooks': reactHooks,
+            turbo,
+            prettier,
+        },
+        settings: { react: { version: 'detect' } },
+        rules: {
+            // React
+            'react/react-in-jsx-scope': 'off',
+            'react/prop-types': 'off',
+
+            // React Hooks
+            ...reactHooks.configs.recommended.rules,
+            'react-hooks/rules-of-hooks': 'error',
+            'react-hooks/exhaustive-deps': 'warn',
+
+            // TypeScript
+            '@typescript-eslint/no-explicit-any': 'warn',
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_',
+                    varsIgnorePattern: '^_',
+                },
+            ],
+
+            // Prettier
+            'prettier/prettier': 'error',
+
+            // Turbo
+            'turbo/no-undeclared-env-vars': 'error',
+        },
+    },
+    {
+        files: ['**/*.{ts,tsx}'],
+        languageOptions: {
+            parserOptions: {
+                project: './tsconfig.json',
+                tsconfigRootDir: './',
+            },
+        },
+    },
+]);
diff --git a/eslint.config.mjs b/eslint.config.mjs
deleted file mode 100644
index fca5a8aba..000000000
--- a/eslint.config.mjs
+++ /dev/null
@@ -1,112 +0,0 @@
-import react from "eslint-plugin-react";
-import reactHooks from "eslint-plugin-react-hooks";
-import prettier from "eslint-plugin-prettier";
-import typescriptEslint from "@typescript-eslint/eslint-plugin";
-import { fixupPluginRules } from "@eslint/compat";
-import globals from "globals";
-import tsParser from "@typescript-eslint/parser";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
-});
-
-export default [{
-    ignores: [
-        "**/public",
-        "**/node_modules",
-        "resources/views",
-        "**/babel.config.js",
-        "**/tailwind.config.js",
-        "**/webpack.config.js",
-        "**/tsconfig.json",
-        "**/.eslintrc.js",
-    ],
-}, ...compat.extends(
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
-    "plugin:@typescript-eslint/recommended",
-), {
-    plugins: {
-        react,
-        "react-hooks": fixupPluginRules(reactHooks),
-        prettier,
-        "@typescript-eslint": typescriptEslint,
-    },
-
-    languageOptions: {
-        globals: {
-            ...globals.browser,
-            ...globals.node,
-        },
-
-        parser: tsParser,
-    },
-
-    settings: {
-        react: {
-            pragma: "React",
-            version: "detect",
-        },
-
-        linkComponents: [{
-            name: "Link",
-            linkAttribute: "to",
-        }, {
-            name: "NavLink",
-            linkAttribute: "to",
-        }],
-    },
-
-    rules: {
-        "@typescript-eslint/no-var-requires": 0,
-        "@typescript-eslint/ban-ts-comment": 0,
-
-        "prettier/prettier": ["warn", {
-            endOfLine: "auto",
-        }, {
-            usePrettierrc: true,
-        }],
-
-        "react/prop-types": 0,
-        "react/display-name": 0,
-
-        "react/no-unknown-property": ["error", {
-            ignore: ["css"],
-        }],
-
-        "@typescript-eslint/no-explicit-any": 0,
-        "@typescript-eslint/no-non-null-assertion": 0,
-        "no-use-before-define": 0,
-        "@typescript-eslint/no-use-before-define": "warn",
-
-        "@typescript-eslint/no-unused-vars": ["warn", {
-            argsIgnorePattern: "^_",
-            varsIgnorePattern: "^_",
-        }],
-    },
-}, {
-    files: ["**/*.ts", "**/*.tsx"],
-
-    languageOptions: {
-        ecmaVersion: 6,
-        sourceType: "script",
-
-        parserOptions: {
-            ecmaFeatures: {
-                jsx: true,
-            },
-
-            project: "./tsconfig.json",
-            tsconfigRootDir: "./",
-        },
-    },
-}];
\ No newline at end of file
diff --git a/flake.lock b/flake.lock
deleted file mode 100644
index 5ba6ab84e..000000000
--- a/flake.lock
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "nodes": {
-    "flake-utils": {
-      "inputs": {
-        "systems": "systems"
-      },
-      "locked": {
-        "lastModified": 1731533236,
-        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
-        "type": "github"
-      },
-      "original": {
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "type": "github"
-      }
-    },
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1732014248,
-        "narHash": "sha256-y/MEyuJ5oBWrWAic/14LaIr/u5E0wRVzyYsouYY3W6w=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "23e89b7da85c3640bbc2173fe04f4bd114342367",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixos-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "root": {
-      "inputs": {
-        "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs"
-      }
-    },
-    "systems": {
-      "locked": {
-        "lastModified": 1681028828,
-        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
-        "owner": "nix-systems",
-        "repo": "default",
-        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-systems",
-        "repo": "default",
-        "type": "github"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}
diff --git a/flake.nix b/flake.nix
deleted file mode 100644
index b41b29980..000000000
--- a/flake.nix
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  description = "Pterodactyl development environment";
-
-  inputs = {
-    nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
-    flake-utils.url = "github:numtide/flake-utils";
-  };
-
-  outputs = { self, nixpkgs, flake-utils }:
-    flake-utils.lib.eachDefaultSystem (system:
-      let
-        pkgs = import nixpkgs { inherit system; };
-
-        # Setup script
-        setupScript = pkgs.writeShellScriptBin "pterodactyl-setup" ''
-          ${builtins.readFile ./nix/buildsteps.sh}
-
-        '';
-      in {
-        # Development shell
-        devShell = pkgs.mkShell {
-          buildInputs = with pkgs; [
-            php82
-            php82Packages.composer
-            nodejs_20
-            redis
-            mariadb
-            caddy
-            git
-            docker
-            docker-compose
-            tmux
-            setupScript
-          ];
-          LC_ALL = "C.UTF-8";
-          LANG = "C.UTF-8";
-          shellHook = ''
-            redis-server --daemonize yes
-
-            echo "Pterodactyl development environment ready."
-            echo "Run 'pterodactyl-setup' to initialize development environment"
-          '';
-        };
-
-        # Default package (runs setup)
-        defaultPackage = setupScript;
-      }
-    );
-}
diff --git a/nix/buildsteps.sh b/nix/buildsteps.sh
index 8fed27684..7e30af441 100755
--- a/nix/buildsteps.sh
+++ b/nix/buildsteps.sh
@@ -123,7 +123,7 @@ main() {
 
     # Optional: Start development services
     tmux new-session -s pterodactyl-dev -d
-    tmux send-keys -t pterodactyl-dev 'npm run dev' C-m
+    tmux send-keys -t pterodactyl-dev 'pnpm run dev' C-m
     tmux new-window -t pterodactyl-dev
     tmux send-keys -t pterodactyl-dev 'php artisan serve' C-m
     tmux new-window -t pterodactyl-dev
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index e4b656519..000000000
--- a/package-lock.json
+++ /dev/null
@@ -1,10978 +0,0 @@
-{
-    "name": "pyrodactyl",
-    "version": "4.0.0-dev",
-    "lockfileVersion": 3,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "pyrodactyl",
-            "version": "4.0.0-dev",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.16.0",
-                "@codemirror/commands": "^6.3.3",
-                "@codemirror/language-data": "^6.5.1",
-                "@codemirror/legacy-modes": "^6.4.0",
-                "@codemirror/lint": "^6.8.2",
-                "@codemirror/search": "^6.5.7",
-                "@codemirror/state": "^6.4.1",
-                "@codemirror/view": "^6.34.3",
-                "@eslint/compat": "^1.2.2",
-                "@fortawesome/fontawesome-svg-core": "^6.6.0",
-                "@fortawesome/free-solid-svg-icons": "^6.6.0",
-                "@fortawesome/react-fontawesome": "^0.2.2",
-                "@headlessui/react": "^1.7.18",
-                "@preact/signals-react": "^2.0.1",
-                "@radix-ui/react-checkbox": "^1.0.4",
-                "@radix-ui/react-context-menu": "^2.1.5",
-                "@radix-ui/react-dropdown-menu": "^2.0.6",
-                "@radix-ui/react-icons": "^1.3.0",
-                "@radix-ui/react-switch": "^1.0.3",
-                "@radix-ui/react-tabs": "^1.0.4",
-                "@sentry/react": "^7.120.0",
-                "@sentry/vite-plugin": "^2.16.1",
-                "@tanstack/react-virtual": "^3.2.1",
-                "@xterm/addon-fit": "^0.10.0",
-                "@xterm/addon-search": "^0.15.0",
-                "@xterm/addon-web-links": "^0.11.0",
-                "@xterm/xterm": "^5.5.0",
-                "axios": "^1.7.7",
-                "browserslist": "^4.23.0",
-                "chart.js": "^4.4.4",
-                "clsx": "^2.1.0",
-                "cmdk": "^1.0.0",
-                "copy-to-clipboard": "^3.3.3",
-                "date-fns": "^3.6.0",
-                "debounce": "^2.2.0",
-                "deepmerge-ts": "^7.1.0",
-                "easy-peasy": "^6.0.4",
-                "events": "^3.3.0",
-                "formik": "^2.4.5",
-                "framer-motion": "^11.11.11",
-                "globals": "^15.9.0",
-                "i18next-http-backend": "^3.0.2",
-                "laravel-vite-plugin": "^1.0.2",
-                "million": "^3.0.6",
-                "pathe": "^1.1.2",
-                "qrcode.react": "^3.1.0",
-                "react": "^18.3.1",
-                "react-chartjs-2": "^5.2.0",
-                "react-dom": "^18.3.0",
-                "react-fast-compare": "^3.2.2",
-                "react-router-dom": "^6.22.3",
-                "reaptcha": "^1.12.1",
-                "sockette": "^2.0.6",
-                "sonner": "^1.4.41",
-                "styled-components": "^6.1.17",
-                "swr": "^2.2.5",
-                "tailwind-merge": "^2.2.2",
-                "tailwind-scrollbar": "^3.1.0",
-                "tailwindcss": "^3.4.10",
-                "tailwindcss-animate": "^1.0.7",
-                "turbo": "^2.0.14",
-                "twin.macro": "^3.4.1",
-                "uuid": "^9.0.1",
-                "vite": "^5.4.11",
-                "yup": "^1.4.0"
-            },
-            "devDependencies": {
-                "@swc/core": "^1.7.10",
-                "@swc/plugin-styled-components": "^2.0.11",
-                "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-                "@types/codemirror": "^5.60.15",
-                "@types/debounce": "^1.2.4",
-                "@types/events": "^3.0.3",
-                "@types/node": "^20.12.7",
-                "@types/qrcode.react": "^1.0.5",
-                "@types/react": "^18.3.1",
-                "@types/react-copy-to-clipboard": "^5.0.7",
-                "@types/react-dom": "^18.3.0",
-                "@types/react-redux": "^7.1.33",
-                "@types/uuid": "^9.0.8",
-                "@typescript-eslint/eslint-plugin": "^7.5.0",
-                "@typescript-eslint/parser": "^7.5.0",
-                "@vitejs/plugin-react-swc": "^3.6.0",
-                "autoprefixer": "^10.4.19",
-                "eslint": "^9.15.0",
-                "eslint-config-prettier": "^9.1.0",
-                "eslint-plugin-node": "^11.1.0",
-                "eslint-plugin-prettier": "^5.1.3",
-                "eslint-plugin-react": "^7.34.1",
-                "eslint-plugin-react-hooks": "^4.6.0",
-                "i18next": "^25.0.2",
-                "i18next-browser-languagedetector": "^8.0.5",
-                "postcss": "^8.4.38",
-                "postcss-import": "^16.1.0",
-                "postcss-nesting": "^12.1.1",
-                "postcss-preset-env": "^9.5.5",
-                "prettier": "^3.2.5",
-                "prettier-plugin-tailwindcss": "^0.5.13",
-                "react-i18next": "^15.5.1",
-                "tailwindcss-inner-border": "^0.2.0",
-                "ts-essentials": "^9.4.2",
-                "typescript": "^5.4.5",
-                "vite-plugin-manifest-sri": "^0.2.0"
-            },
-            "engines": {
-                "node": ">=20.0"
-            }
-        },
-        "node_modules/@alloc/quick-lru": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@ampproject/remapping": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-            "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/code-frame": {
-            "version": "7.26.2",
-            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
-            "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
-            "dependencies": {
-                "@babel/helper-validator-identifier": "^7.25.9",
-                "js-tokens": "^4.0.0",
-                "picocolors": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/compat-data": {
-            "version": "7.26.2",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
-            "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/core": {
-            "version": "7.26.0",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
-            "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
-            "dependencies": {
-                "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.26.0",
-                "@babel/generator": "^7.26.0",
-                "@babel/helper-compilation-targets": "^7.25.9",
-                "@babel/helper-module-transforms": "^7.26.0",
-                "@babel/helpers": "^7.26.0",
-                "@babel/parser": "^7.26.0",
-                "@babel/template": "^7.25.9",
-                "@babel/traverse": "^7.25.9",
-                "@babel/types": "^7.26.0",
-                "convert-source-map": "^2.0.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.3",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@babel/generator": {
-            "version": "7.26.2",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-            "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
-            "dependencies": {
-                "@babel/parser": "^7.26.2",
-                "@babel/types": "^7.26.0",
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.25",
-                "jsesc": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-compilation-targets": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
-            "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
-            "dependencies": {
-                "@babel/compat-data": "^7.25.9",
-                "@babel/helper-validator-option": "^7.25.9",
-                "browserslist": "^4.24.0",
-                "lru-cache": "^5.1.1",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-environment-visitor": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
-            "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
-            "dev": true,
-            "dependencies": {
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-function-name": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
-            "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/template": "^7.24.7",
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-hoist-variables": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
-            "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
-            "dev": true,
-            "dependencies": {
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-imports": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
-            "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
-            "dependencies": {
-                "@babel/traverse": "^7.25.9",
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-transforms": {
-            "version": "7.26.0",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
-            "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9",
-                "@babel/traverse": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-split-export-declaration": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-            "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-string-parser": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-option": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
-            "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helpers": {
-            "version": "7.26.0",
-            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
-            "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
-            "dependencies": {
-                "@babel/template": "^7.25.9",
-                "@babel/types": "^7.26.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/parser": {
-            "version": "7.26.2",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
-            "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
-            "dependencies": {
-                "@babel/types": "^7.26.0"
-            },
-            "bin": {
-                "parser": "bin/babel-parser.js"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/runtime": {
-            "version": "7.27.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
-            "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
-            "license": "MIT",
-            "dependencies": {
-                "regenerator-runtime": "^0.14.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/template": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
-            "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
-            "dependencies": {
-                "@babel/code-frame": "^7.25.9",
-                "@babel/parser": "^7.25.9",
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
-            "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
-            "dependencies": {
-                "@babel/code-frame": "^7.25.9",
-                "@babel/generator": "^7.25.9",
-                "@babel/parser": "^7.25.9",
-                "@babel/template": "^7.25.9",
-                "@babel/types": "^7.25.9",
-                "debug": "^4.3.1",
-                "globals": "^11.1.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse/node_modules/globals": {
-            "version": "11.12.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/types": {
-            "version": "7.26.0",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-            "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
-            "dependencies": {
-                "@babel/helper-string-parser": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@codemirror/autocomplete": {
-            "version": "6.18.3",
-            "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.3.tgz",
-            "integrity": "sha512-1dNIOmiM0z4BIBwxmxEfA1yoxh1MF/6KPBbh20a5vphGV0ictKlgQsbJs6D6SkR6iJpGbpwRsa6PFMNlg9T9pQ==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.17.0",
-                "@lezer/common": "^1.0.0"
-            },
-            "peerDependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.0.0",
-                "@lezer/common": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/commands": {
-            "version": "6.7.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.7.1.tgz",
-            "integrity": "sha512-llTrboQYw5H4THfhN4U3qCnSZ1SOJ60ohhz+SzU0ADGtwlc533DtklQP0vSFaQuCPDn3BPpOd1GbbnUtwNjsrw==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.4.0",
-                "@codemirror/view": "^6.27.0",
-                "@lezer/common": "^1.1.0"
-            }
-        },
-        "node_modules/@codemirror/lang-angular": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-angular/-/lang-angular-0.1.3.tgz",
-            "integrity": "sha512-xgeWGJQQl1LyStvndWtruUvb4SnBZDAu/gvFH/ZU+c0W25tQR8e5hq7WTwiIY2dNxnf+49mRiGI/9yxIwB6f5w==",
-            "dependencies": {
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/lang-javascript": "^6.1.2",
-                "@codemirror/language": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.3.3"
-            }
-        },
-        "node_modules/@codemirror/lang-cpp": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-cpp/-/lang-cpp-6.0.2.tgz",
-            "integrity": "sha512-6oYEYUKHvrnacXxWxYa6t4puTlbN3dgV662BDfSH8+MfjQjVmP697/KYTDOqpxgerkvoNm7q5wlFMBeX8ZMocg==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@lezer/cpp": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-css": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.0.tgz",
-            "integrity": "sha512-CyR4rUNG9OYcXDZwMPvJdtb6PHbBDKUc/6Na2BIwZ6dKab1JQqKa4di+RNRY9Myn7JB81vayKwJeQ7jEdmNVDA==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.0.2",
-                "@lezer/css": "^1.1.7"
-            }
-        },
-        "node_modules/@codemirror/lang-go": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-go/-/lang-go-6.0.1.tgz",
-            "integrity": "sha512-7fNvbyNylvqCphW9HD6WFnRpcDjr+KXX/FgqXy5H5ZS0eC5edDljukm/yNgYkwTsgp2busdod50AOTIy6Jikfg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.6.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/go": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-html": {
-            "version": "6.4.9",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.9.tgz",
-            "integrity": "sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/lang-css": "^6.0.0",
-                "@codemirror/lang-javascript": "^6.0.0",
-                "@codemirror/language": "^6.4.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.17.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/css": "^1.1.0",
-                "@lezer/html": "^1.3.0"
-            }
-        },
-        "node_modules/@codemirror/lang-java": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-java/-/lang-java-6.0.1.tgz",
-            "integrity": "sha512-OOnmhH67h97jHzCuFaIEspbmsT98fNdhVhmA3zCxW0cn7l8rChDhZtwiwJ/JOKXgfm4J+ELxQihxaI7bj7mJRg==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@lezer/java": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-javascript": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.2.tgz",
-            "integrity": "sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.6.0",
-                "@codemirror/lint": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.17.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/javascript": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-json": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-json/-/lang-json-6.0.1.tgz",
-            "integrity": "sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@lezer/json": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-less": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-less/-/lang-less-6.0.2.tgz",
-            "integrity": "sha512-EYdQTG22V+KUUk8Qq582g7FMnCZeEHsyuOJisHRft/mQ+ZSZ2w51NupvDUHiqtsOy7It5cHLPGfHQLpMh9bqpQ==",
-            "dependencies": {
-                "@codemirror/lang-css": "^6.2.0",
-                "@codemirror/language": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-liquid": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-liquid/-/lang-liquid-6.2.2.tgz",
-            "integrity": "sha512-7Dm841fk37+JQW6j2rI1/uGkJyESrjzyhiIkaLjbbR0U6aFFQvMrJn35WxQreRMADMhzkyVkZM4467OR7GR8nQ==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.0.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.3.1"
-            }
-        },
-        "node_modules/@codemirror/lang-markdown": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.3.1.tgz",
-            "integrity": "sha512-y3sSPuQjBKZQbQwe3ZJKrSW6Silyl9PnrU/Mf0m2OQgIlPoSYTtOvEL7xs94SVMkb8f4x+SQFnzXPdX4Wk2lsg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.7.1",
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/language": "^6.3.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.0.0",
-                "@lezer/common": "^1.2.1",
-                "@lezer/markdown": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-php": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-php/-/lang-php-6.0.1.tgz",
-            "integrity": "sha512-ublojMdw/PNWa7qdN5TMsjmqkNuTBD3k6ndZ4Z0S25SBAiweFGyY68AS3xNcIOlb6DDFDvKlinLQ40vSLqf8xA==",
-            "dependencies": {
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/php": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-python": {
-            "version": "6.1.6",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-python/-/lang-python-6.1.6.tgz",
-            "integrity": "sha512-ai+01WfZhWqM92UqjnvorkxosZ2aq2u28kHvr+N3gu012XqY2CThD67JPMHnGceRfXPDBmn1HnyqowdpF57bNg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.3.2",
-                "@codemirror/language": "^6.8.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.2.1",
-                "@lezer/python": "^1.1.4"
-            }
-        },
-        "node_modules/@codemirror/lang-rust": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-rust/-/lang-rust-6.0.1.tgz",
-            "integrity": "sha512-344EMWFBzWArHWdZn/NcgkwMvZIWUR1GEBdwG8FEp++6o6vT6KL9V7vGs2ONsKxxFUPXKI0SPcWhyYyl2zPYxQ==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@lezer/rust": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-sass": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-sass/-/lang-sass-6.0.2.tgz",
-            "integrity": "sha512-l/bdzIABvnTo1nzdY6U+kPAC51czYQcOErfzQ9zSm9D8GmNPD0WTW8st/CJwBTPLO8jlrbyvlSEcN20dc4iL0Q==",
-            "dependencies": {
-                "@codemirror/lang-css": "^6.2.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.0.2",
-                "@lezer/sass": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-sql": {
-            "version": "6.8.0",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-sql/-/lang-sql-6.8.0.tgz",
-            "integrity": "sha512-aGLmY4OwGqN3TdSx3h6QeA1NrvaYtF7kkoWR/+W7/JzB0gQtJ+VJxewlnE3+VImhA4WVlhmkJr109PefOOhjLg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-vue": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-vue/-/lang-vue-0.1.3.tgz",
-            "integrity": "sha512-QSKdtYTDRhEHCfo5zOShzxCmqKJvgGrZwDQSdbvCRJ5pRLWBS7pD/8e/tH44aVQT6FKm0t6RVNoSUWHOI5vNug==",
-            "dependencies": {
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/lang-javascript": "^6.1.2",
-                "@codemirror/language": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.3.1"
-            }
-        },
-        "node_modules/@codemirror/lang-wast": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-wast/-/lang-wast-6.0.2.tgz",
-            "integrity": "sha512-Imi2KTpVGm7TKuUkqyJ5NRmeFWF7aMpNiwHnLQe0x9kmrxElndyH0K6H/gXtWwY6UshMRAhpENsgfpSwsgmC6Q==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-xml": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.1.0.tgz",
-            "integrity": "sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.4.0",
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.0.0",
-                "@lezer/common": "^1.0.0",
-                "@lezer/xml": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/lang-yaml": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/lang-yaml/-/lang-yaml-6.1.1.tgz",
-            "integrity": "sha512-HV2NzbK9bbVnjWxwObuZh5FuPCowx51mEfoFT9y3y+M37fA3+pbxx4I7uePuygFzDsAmCTwQSc/kXh/flab4uw==",
-            "dependencies": {
-                "@codemirror/autocomplete": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/state": "^6.0.0",
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.2.0",
-                "@lezer/yaml": "^1.0.0"
-            }
-        },
-        "node_modules/@codemirror/language": {
-            "version": "6.10.4",
-            "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.10.4.tgz",
-            "integrity": "sha512-qjt7Wn/nxGuI278GYVlqE5V93Xn8ZQwzqZtgS0FaWr7K2yWgd5/FlBNqNi4jtUvBVvWJzAGfnggIlpyjTOaF4A==",
-            "dependencies": {
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.23.0",
-                "@lezer/common": "^1.1.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0",
-                "style-mod": "^4.0.0"
-            }
-        },
-        "node_modules/@codemirror/language-data": {
-            "version": "6.5.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/language-data/-/language-data-6.5.1.tgz",
-            "integrity": "sha512-0sWxeUSNlBr6OmkqybUTImADFUP0M3P0IiSde4nc24bz/6jIYzqYSgkOSLS+CBIoW1vU8Q9KUWXscBXeoMVC9w==",
-            "dependencies": {
-                "@codemirror/lang-angular": "^0.1.0",
-                "@codemirror/lang-cpp": "^6.0.0",
-                "@codemirror/lang-css": "^6.0.0",
-                "@codemirror/lang-go": "^6.0.0",
-                "@codemirror/lang-html": "^6.0.0",
-                "@codemirror/lang-java": "^6.0.0",
-                "@codemirror/lang-javascript": "^6.0.0",
-                "@codemirror/lang-json": "^6.0.0",
-                "@codemirror/lang-less": "^6.0.0",
-                "@codemirror/lang-liquid": "^6.0.0",
-                "@codemirror/lang-markdown": "^6.0.0",
-                "@codemirror/lang-php": "^6.0.0",
-                "@codemirror/lang-python": "^6.0.0",
-                "@codemirror/lang-rust": "^6.0.0",
-                "@codemirror/lang-sass": "^6.0.0",
-                "@codemirror/lang-sql": "^6.0.0",
-                "@codemirror/lang-vue": "^0.1.1",
-                "@codemirror/lang-wast": "^6.0.0",
-                "@codemirror/lang-xml": "^6.0.0",
-                "@codemirror/lang-yaml": "^6.0.0",
-                "@codemirror/language": "^6.0.0",
-                "@codemirror/legacy-modes": "^6.4.0"
-            }
-        },
-        "node_modules/@codemirror/legacy-modes": {
-            "version": "6.4.2",
-            "resolved": "https://registry.npmjs.org/@codemirror/legacy-modes/-/legacy-modes-6.4.2.tgz",
-            "integrity": "sha512-HsvWu08gOIIk303eZQCal4H4t65O/qp1V4ul4zVa3MHK5FJ0gz3qz3O55FIkm+aQUcshUOjBx38t2hPiJwW5/g==",
-            "dependencies": {
-                "@codemirror/language": "^6.0.0"
-            }
-        },
-        "node_modules/@codemirror/lint": {
-            "version": "6.8.3",
-            "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.3.tgz",
-            "integrity": "sha512-GSGfKxCo867P7EX1k2LoCrjuQFeqVgPGRRsSl4J4c0KMkD+k1y6WYvTQkzv0iZ8JhLJDujEvlnMchv4CZQLh3Q==",
-            "dependencies": {
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.35.0",
-                "crelt": "^1.0.5"
-            }
-        },
-        "node_modules/@codemirror/search": {
-            "version": "6.5.8",
-            "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.8.tgz",
-            "integrity": "sha512-PoWtZvo7c1XFeZWmmyaOp2G0XVbOnm+fJzvghqGAktBW3cufwJUWvSCcNG0ppXiBEM05mZu6RhMtXPv2hpllig==",
-            "dependencies": {
-                "@codemirror/state": "^6.0.0",
-                "@codemirror/view": "^6.0.0",
-                "crelt": "^1.0.5"
-            }
-        },
-        "node_modules/@codemirror/state": {
-            "version": "6.4.1",
-            "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.4.1.tgz",
-            "integrity": "sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A=="
-        },
-        "node_modules/@codemirror/view": {
-            "version": "6.35.0",
-            "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.35.0.tgz",
-            "integrity": "sha512-I0tYy63q5XkaWsJ8QRv5h6ves7kvtrBWjBcnf/bzohFJQc5c14a1AQRdE8QpPF9eMp5Mq2FMm59TCj1gDfE7kw==",
-            "dependencies": {
-                "@codemirror/state": "^6.4.0",
-                "style-mod": "^4.1.0",
-                "w3c-keyname": "^2.2.4"
-            }
-        },
-        "node_modules/@csstools/cascade-layer-name-parser": {
-            "version": "1.0.13",
-            "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.13.tgz",
-            "integrity": "sha512-MX0yLTwtZzr82sQ0zOjqimpZbzjMaK/h2pmlrLK7DCzlmiZLYFpoO94WmN1akRVo6ll/TdpHb53vihHLUMyvng==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            }
-        },
-        "node_modules/@csstools/color-helpers": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-4.2.1.tgz",
-            "integrity": "sha512-CEypeeykO9AN7JWkr1OEOQb0HRzZlPWGwV0Ya6DuVgFdDi6g3ma/cPZ5ZPZM4AWQikDpq/0llnGGlIL+j8afzw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            }
-        },
-        "node_modules/@csstools/css-calc": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.2.4.tgz",
-            "integrity": "sha512-tfOuvUQeo7Hz+FcuOd3LfXVp+342pnWUJ7D2y8NUpu1Ww6xnTbHLpz018/y6rtbHifJ3iIEf9ttxXd8KG7nL0Q==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            }
-        },
-        "node_modules/@csstools/css-color-parser": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-2.0.5.tgz",
-            "integrity": "sha512-lRZSmtl+DSjok3u9hTWpmkxFZnz7stkbZxzKc08aDUsdrWwhSgWo8yq9rq9DaFUtbAyAq2xnH92fj01S+pwIww==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/color-helpers": "^4.2.1",
-                "@csstools/css-calc": "^1.2.4"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            }
-        },
-        "node_modules/@csstools/css-parser-algorithms": {
-            "version": "2.7.1",
-            "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.7.1.tgz",
-            "integrity": "sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-tokenizer": "^2.4.1"
-            }
-        },
-        "node_modules/@csstools/css-tokenizer": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.4.1.tgz",
-            "integrity": "sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            }
-        },
-        "node_modules/@csstools/media-query-list-parser": {
-            "version": "2.1.13",
-            "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.13.tgz",
-            "integrity": "sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            }
-        },
-        "node_modules/@csstools/postcss-cascade-layers": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-4.0.6.tgz",
-            "integrity": "sha512-Xt00qGAQyqAODFiFEJNkTpSUz5VfYqnDLECdlA/Vv17nl/OIV5QfTRHGAXrBGG5YcJyHpJ+GF9gF/RZvOQz4oA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/selector-specificity": "^3.1.1",
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-color-function": {
-            "version": "3.0.19",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.19.tgz",
-            "integrity": "sha512-d1OHEXyYGe21G3q88LezWWx31ImEDdmINNDy0LyLNN9ChgN2bPxoubUPiHf9KmwypBMaHmNcMuA/WZOKdZk/Lg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-color-mix-function": {
-            "version": "2.0.19",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.19.tgz",
-            "integrity": "sha512-mLvQlMX+keRYr16AuvuV8WYKUwF+D0DiCqlBdvhQ0KYEtcQl9/is9Ssg7RcIys8x0jIn2h1zstS4izckdZj9wg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-content-alt-text": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-1.0.0.tgz",
-            "integrity": "sha512-SkHdj7EMM/57GVvSxSELpUg7zb5eAndBeuvGwFzYtU06/QXJ/h9fuK7wO5suteJzGhm3GDF/EWPCdWV2h1IGHQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-exponential-functions": {
-            "version": "1.0.9",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.9.tgz",
-            "integrity": "sha512-x1Avr15mMeuX7Z5RJUl7DmjhUtg+Amn5DZRD0fQ2TlTFTcJS8U1oxXQ9e5mA62S2RJgUU6db20CRoJyDvae2EQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-calc": "^1.2.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-font-format-keywords": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-3.0.2.tgz",
-            "integrity": "sha512-E0xz2sjm4AMCkXLCFvI/lyl4XO6aN1NCSMMVEOngFDJ+k2rDwfr6NDjWljk1li42jiLNChVX+YFnmfGCigZKXw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-gamut-mapping": {
-            "version": "1.0.11",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-1.0.11.tgz",
-            "integrity": "sha512-KrHGsUPXRYxboXmJ9wiU/RzDM7y/5uIefLWKFSc36Pok7fxiPyvkSHO51kh+RLZS1W5hbqw9qaa6+tKpTSxa5g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-gradients-interpolation-method": {
-            "version": "4.0.20",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.20.tgz",
-            "integrity": "sha512-ZFl2JBHano6R20KB5ZrB8KdPM2pVK0u+/3cGQ2T8VubJq982I2LSOvQ4/VtxkAXjkPkk1rXt4AD1ni7UjTZ1Og==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-hwb-function": {
-            "version": "3.0.18",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.18.tgz",
-            "integrity": "sha512-3ifnLltR5C7zrJ+g18caxkvSRnu9jBBXCYgnBznRjxm6gQJGnnCO9H6toHfywNdNr/qkiVf2dymERPQLDnjLRQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-ic-unit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-3.0.7.tgz",
-            "integrity": "sha512-YoaNHH2wNZD+c+rHV02l4xQuDpfR8MaL7hD45iJyr+USwvr0LOheeytJ6rq8FN6hXBmEeoJBeXXgGmM8fkhH4g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-initial": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-initial/-/postcss-initial-1.0.1.tgz",
-            "integrity": "sha512-wtb+IbUIrIf8CrN6MLQuFR7nlU5C7PwuebfeEXfjthUha1+XZj2RVi+5k/lukToA24sZkYAiSJfHM8uG/UZIdg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-is-pseudo-class": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-4.0.8.tgz",
-            "integrity": "sha512-0aj591yGlq5Qac+plaWCbn5cpjs5Sh0daovYUKJUOMjIp70prGH/XPLp7QjxtbFXz3CTvb0H9a35dpEuIuUi3Q==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/selector-specificity": "^3.1.1",
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-light-dark-function": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-1.0.8.tgz",
-            "integrity": "sha512-x0UtpCyVnERsplUeoaY6nEtp1HxTf4lJjoK/ULEm40DraqFfUdUSt76yoOyX5rGY6eeOUOkurHyYlFHVKv/pew==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-logical-float-and-clear": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-2.0.1.tgz",
-            "integrity": "sha512-SsrWUNaXKr+e/Uo4R/uIsqJYt3DaggIh/jyZdhy/q8fECoJSKsSMr7nObSLdvoULB69Zb6Bs+sefEIoMG/YfOA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-logical-overflow": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-overflow/-/postcss-logical-overflow-1.0.1.tgz",
-            "integrity": "sha512-Kl4lAbMg0iyztEzDhZuQw8Sj9r2uqFDcU1IPl+AAt2nue8K/f1i7ElvKtXkjhIAmKiy5h2EY8Gt/Cqg0pYFDCw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-logical-overscroll-behavior": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-overscroll-behavior/-/postcss-logical-overscroll-behavior-1.0.1.tgz",
-            "integrity": "sha512-+kHamNxAnX8ojPCtV8WPcUP3XcqMFBSDuBuvT6MHgq7oX4IQxLIXKx64t7g9LiuJzE7vd06Q9qUYR6bh4YnGpQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-logical-resize": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-resize/-/postcss-logical-resize-2.0.1.tgz",
-            "integrity": "sha512-W5Gtwz7oIuFcKa5SmBjQ2uxr8ZoL7M2bkoIf0T1WeNqljMkBrfw1DDA8/J83k57NQ1kcweJEjkJ04pUkmyee3A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-logical-viewport-units": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.11.tgz",
-            "integrity": "sha512-ElITMOGcjQtvouxjd90WmJRIw1J7KMP+M+O87HaVtlgOOlDt1uEPeTeii8qKGe2AiedEp0XOGIo9lidbiU2Ogg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-media-minmax": {
-            "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.1.8.tgz",
-            "integrity": "sha512-KYQCal2i7XPNtHAUxCECdrC7tuxIWQCW+s8eMYs5r5PaAiVTeKwlrkRS096PFgojdNCmHeG0Cb7njtuNswNf+w==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-calc": "^1.2.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/media-query-list-parser": "^2.1.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-media-queries-aspect-ratio-number-values": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.11.tgz",
-            "integrity": "sha512-YD6jrib20GRGQcnOu49VJjoAnQ/4249liuz7vTpy/JfgqQ1Dlc5eD4HPUMNLOw9CWey9E6Etxwf/xc/ZF8fECA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/media-query-list-parser": "^2.1.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-nested-calc": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-3.0.2.tgz",
-            "integrity": "sha512-ySUmPyawiHSmBW/VI44+IObcKH0v88LqFe0d09Sb3w4B1qjkaROc6d5IA3ll9kjD46IIX/dbO5bwFN/swyoyZA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-normalize-display-values": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-3.0.2.tgz",
-            "integrity": "sha512-fCapyyT/dUdyPtrelQSIV+d5HqtTgnNP/BEG9IuhgXHt93Wc4CfC1bQ55GzKAjWrZbgakMQ7MLfCXEf3rlZJOw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-oklab-function": {
-            "version": "3.0.19",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.19.tgz",
-            "integrity": "sha512-e3JxXmxjU3jpU7TzZrsNqSX4OHByRC3XjItV3Ieo/JEQmLg5rdOL4lkv/1vp27gXemzfNt44F42k/pn0FpE21Q==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-progressive-custom-properties": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.3.0.tgz",
-            "integrity": "sha512-W2oV01phnILaRGYPmGFlL2MT/OgYjQDrL9sFlbdikMFi6oQkFki9B86XqEWR7HCsTZFVq7dbzr/o71B75TKkGg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-relative-color-syntax": {
-            "version": "2.0.19",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.19.tgz",
-            "integrity": "sha512-MxUMSNvio1WwuS6WRLlQuv6nNPXwIWUFzBBAvL/tBdWfiKjiJnAa6eSSN5gtaacSqUkQ/Ce5Z1OzLRfeaWhADA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-scope-pseudo-class": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-3.0.1.tgz",
-            "integrity": "sha512-3ZFonK2gfgqg29gUJ2w7xVw2wFJ1eNWVDONjbzGkm73gJHVCYK5fnCqlLr+N+KbEfv2XbWAO0AaOJCFB6Fer6A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-stepped-value-functions": {
-            "version": "3.0.10",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.10.tgz",
-            "integrity": "sha512-MZwo0D0TYrQhT5FQzMqfy/nGZ28D1iFtpN7Su1ck5BPHS95+/Y5O9S4kEvo76f2YOsqwYcT8ZGehSI1TnzuX2g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-calc": "^1.2.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-text-decoration-shorthand": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-3.0.7.tgz",
-            "integrity": "sha512-+cptcsM5r45jntU6VjotnkC9GteFR7BQBfZ5oW7inLCxj7AfLGAzMbZ60hKTP13AULVZBdxky0P8um0IBfLHVA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/color-helpers": "^4.2.1",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-trigonometric-functions": {
-            "version": "3.0.10",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.10.tgz",
-            "integrity": "sha512-G9G8moTc2wiad61nY5HfvxLiM/myX0aYK4s1x8MQlPH29WDPxHQM7ghGgvv2qf2xH+rrXhztOmjGHJj4jsEqXw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-calc": "^1.2.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/postcss-unset-value": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-3.0.1.tgz",
-            "integrity": "sha512-dbDnZ2ja2U8mbPP0Hvmt2RMEGBiF1H7oY6HYSpjteXJGihYwgxgTr6KRbbJ/V6c+4wd51M+9980qG4gKVn5ttg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@csstools/selector-resolve-nested": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@csstools/selector-resolve-nested/-/selector-resolve-nested-1.1.0.tgz",
-            "integrity": "sha512-uWvSaeRcHyeNenKg8tp17EVDRkpflmdyvbE0DHo6D/GdBb6PDnCYYU6gRpXhtICMGMcahQmj2zGxwFM/WC8hCg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            }
-        },
-        "node_modules/@csstools/selector-specificity": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.1.1.tgz",
-            "integrity": "sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            }
-        },
-        "node_modules/@csstools/utilities": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@csstools/utilities/-/utilities-1.0.0.tgz",
-            "integrity": "sha512-tAgvZQe/t2mlvpNosA4+CkMiZ2azISW5WPAcdSalZlEjQvUfghHxfQcrCiK/7/CrfAWVxyM88kGFYO82heIGDg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/@emotion/is-prop-valid": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz",
-            "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==",
-            "dependencies": {
-                "@emotion/memoize": "^0.8.1"
-            }
-        },
-        "node_modules/@emotion/memoize": {
-            "version": "0.8.1",
-            "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-            "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-        },
-        "node_modules/@emotion/unitless": {
-            "version": "0.8.1",
-            "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-            "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
-        },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-            "cpu": [
-                "ia32"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-            "cpu": [
-                "loong64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-            "cpu": [
-                "mips64el"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-            "cpu": [
-                "ppc64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-            "cpu": [
-                "s390x"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-            "cpu": [
-                "ia32"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@eslint-community/eslint-utils": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
-            "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
-            "dev": true,
-            "dependencies": {
-                "eslint-visitor-keys": "^3.4.3"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-            }
-        },
-        "node_modules/@eslint-community/regexpp": {
-            "version": "4.12.1",
-            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-            "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
-            "dev": true,
-            "engines": {
-                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-            }
-        },
-        "node_modules/@eslint/compat": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@eslint/compat/-/compat-1.2.3.tgz",
-            "integrity": "sha512-wlZhwlDFxkxIZ571aH0FoK4h4Vwx7P3HJx62Gp8hTc10bfpwT2x0nULuAHmQSJBOWPgPeVf+9YtnD4j50zVHmA==",
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "peerDependencies": {
-                "eslint": "^9.10.0"
-            },
-            "peerDependenciesMeta": {
-                "eslint": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@eslint/config-array": {
-            "version": "0.19.0",
-            "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.0.tgz",
-            "integrity": "sha512-zdHg2FPIFNKPdcHWtiNT+jEFCHYVplAXRDlQDyqy0zGx/q2parwh7brGJSiTxRk/TSMkbM//zt/f5CHgyTyaSQ==",
-            "dev": true,
-            "dependencies": {
-                "@eslint/object-schema": "^2.1.4",
-                "debug": "^4.3.1",
-                "minimatch": "^3.1.2"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            }
-        },
-        "node_modules/@eslint/config-array/node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/@eslint/config-array/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/@eslint/core": {
-            "version": "0.9.0",
-            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.0.tgz",
-            "integrity": "sha512-7ATR9F0e4W85D/0w7cU0SNj7qkAexMG+bAHEZOjo9akvGuhHE2m7umzWzfnpa0XAg5Kxc1BWmtPMV67jJ+9VUg==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            }
-        },
-        "node_modules/@eslint/eslintrc": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.2.0.tgz",
-            "integrity": "sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==",
-            "dev": true,
-            "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.0",
-                "minimatch": "^3.1.2",
-                "strip-json-comments": "^3.1.1"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/globals": {
-            "version": "14.0.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-            "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/@eslint/js": {
-            "version": "9.15.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.15.0.tgz",
-            "integrity": "sha512-tMTqrY+EzbXmKJR5ToI8lxu7jaN5EdmrBFJpQk5JmSlyLsx6o4t27r883K5xsLuCYCpfKBCGswMSWXsM+jB7lg==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            }
-        },
-        "node_modules/@eslint/object-schema": {
-            "version": "2.1.4",
-            "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.4.tgz",
-            "integrity": "sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            }
-        },
-        "node_modules/@eslint/plugin-kit": {
-            "version": "0.2.3",
-            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.3.tgz",
-            "integrity": "sha512-2b/g5hRmpbb1o4GnTZax9N9m0FXzz9OV42ZzI4rDDMDuHUqigAiQCEWChBWCY4ztAGVRjoWT19v0yMmc5/L5kA==",
-            "dev": true,
-            "dependencies": {
-                "levn": "^0.4.1"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            }
-        },
-        "node_modules/@floating-ui/core": {
-            "version": "1.6.8",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
-            "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
-            "dependencies": {
-                "@floating-ui/utils": "^0.2.8"
-            }
-        },
-        "node_modules/@floating-ui/dom": {
-            "version": "1.6.12",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
-            "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
-            "dependencies": {
-                "@floating-ui/core": "^1.6.0",
-                "@floating-ui/utils": "^0.2.8"
-            }
-        },
-        "node_modules/@floating-ui/react-dom": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
-            "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
-            "dependencies": {
-                "@floating-ui/dom": "^1.0.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.8.0",
-                "react-dom": ">=16.8.0"
-            }
-        },
-        "node_modules/@floating-ui/utils": {
-            "version": "0.2.8",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-            "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
-        },
-        "node_modules/@fortawesome/fontawesome-common-types": {
-            "version": "6.7.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.1.tgz",
-            "integrity": "sha512-gbDz3TwRrIPT3i0cDfujhshnXO9z03IT1UKRIVi/VEjpNHtSBIP2o5XSm+e816FzzCFEzAxPw09Z13n20PaQJQ==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/fontawesome-svg-core": {
-            "version": "6.7.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.1.tgz",
-            "integrity": "sha512-8dBIHbfsKlCk2jHQ9PoRBg2Z+4TwyE3vZICSnoDlnsHA6SiMlTwfmW6yX0lHsRmWJugkeb92sA0hZdkXJhuz+g==",
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.7.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-solid-svg-icons": {
-            "version": "6.7.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.1.tgz",
-            "integrity": "sha512-BTKc0b0mgjWZ2UDKVgmwaE0qt0cZs6ITcDgjrti5f/ki7aF5zs+N91V6hitGo3TItCFtnKg6cUVGdTmBFICFRg==",
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.7.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/react-fontawesome": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.2.tgz",
-            "integrity": "sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==",
-            "dependencies": {
-                "prop-types": "^15.8.1"
-            },
-            "peerDependencies": {
-                "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-                "react": ">=16.3"
-            }
-        },
-        "node_modules/@headlessui/react": {
-            "version": "1.7.19",
-            "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.19.tgz",
-            "integrity": "sha512-Ll+8q3OlMJfJbAKM/+/Y2q6PPYbryqNTXDbryx7SXLIDamkF6iQFbriYHga0dY44PvDhvvBWCx1Xj4U5+G4hOw==",
-            "dependencies": {
-                "@tanstack/react-virtual": "^3.0.0-beta.60",
-                "client-only": "^0.0.1"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "react": "^16 || ^17 || ^18",
-                "react-dom": "^16 || ^17 || ^18"
-            }
-        },
-        "node_modules/@humanfs/core": {
-            "version": "0.19.1",
-            "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-            "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
-            "dev": true,
-            "engines": {
-                "node": ">=18.18.0"
-            }
-        },
-        "node_modules/@humanfs/node": {
-            "version": "0.16.6",
-            "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
-            "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
-            "dev": true,
-            "dependencies": {
-                "@humanfs/core": "^0.19.1",
-                "@humanwhocodes/retry": "^0.3.0"
-            },
-            "engines": {
-                "node": ">=18.18.0"
-            }
-        },
-        "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
-            "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
-            "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
-            "dev": true,
-            "engines": {
-                "node": ">=18.18"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
-        "node_modules/@humanwhocodes/module-importer": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-            "dev": true,
-            "engines": {
-                "node": ">=12.22"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
-        "node_modules/@humanwhocodes/retry": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz",
-            "integrity": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==",
-            "dev": true,
-            "engines": {
-                "node": ">=18.18"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
-        "node_modules/@isaacs/cliui": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-            "dependencies": {
-                "string-width": "^5.1.2",
-                "string-width-cjs": "npm:string-width@^4.2.0",
-                "strip-ansi": "^7.0.1",
-                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-                "wrap-ansi": "^8.1.0",
-                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-            "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-            "dependencies": {
-                "@jridgewell/set-array": "^1.2.1",
-                "@jridgewell/sourcemap-codec": "^1.4.10",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@jridgewell/resolve-uri": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@jridgewell/set-array": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-            "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
-        },
-        "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.25",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-            "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-            "dependencies": {
-                "@jridgewell/resolve-uri": "^3.1.0",
-                "@jridgewell/sourcemap-codec": "^1.4.14"
-            }
-        },
-        "node_modules/@kurkle/color": {
-            "version": "0.3.4",
-            "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
-            "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w=="
-        },
-        "node_modules/@lezer/common": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
-            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA=="
-        },
-        "node_modules/@lezer/cpp": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@lezer/cpp/-/cpp-1.1.2.tgz",
-            "integrity": "sha512-macwKtyeUO0EW86r3xWQCzOV9/CF8imJLpJlPv3sDY57cPGeUZ8gXWOWNlJr52TVByMV3PayFQCA5SHEERDmVQ==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/css": {
-            "version": "1.1.9",
-            "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.9.tgz",
-            "integrity": "sha512-TYwgljcDv+YrV0MZFFvYFQHCfGgbPMR6nuqLabBdmZoFH3EP1gvw8t0vae326Ne3PszQkbXfVBjCnf3ZVCr0bA==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/go": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@lezer/go/-/go-1.0.0.tgz",
-            "integrity": "sha512-co9JfT3QqX1YkrMmourYw2Z8meGC50Ko4d54QEcQbEYpvdUvN4yb0NBZdn/9ertgvjsySxHsKzH3lbm3vqJ4Jw==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/highlight": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
-            "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
-            "dependencies": {
-                "@lezer/common": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/html": {
-            "version": "1.3.10",
-            "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.10.tgz",
-            "integrity": "sha512-dqpT8nISx/p9Do3AchvYGV3qYc4/rKr3IBZxlHmpIKam56P47RSHkSF5f13Vu9hebS1jM0HmtJIwLbWz1VIY6w==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/java": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/@lezer/java/-/java-1.1.3.tgz",
-            "integrity": "sha512-yHquUfujwg6Yu4Fd1GNHCvidIvJwi/1Xu2DaKl/pfWIA2c1oXkVvawH3NyXhCaFx4OdlYBVX5wvz2f7Aoa/4Xw==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/javascript": {
-            "version": "1.4.19",
-            "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.19.tgz",
-            "integrity": "sha512-j44kbR1QL26l6dMunZ1uhKBFteVGLVCBGNUD2sUaMnic+rbTviVuoK0CD1l9FTW31EueWvFFswCKMH7Z+M3JRA==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.1.3",
-                "@lezer/lr": "^1.3.0"
-            }
-        },
-        "node_modules/@lezer/json": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.2.tgz",
-            "integrity": "sha512-xHT2P4S5eeCYECyKNPhr4cbEL9tc8w83SPwRC373o9uEdrvGKTZoJVAGxpOsZckMlEh9W23Pc72ew918RWQOBQ==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/lr": {
-            "version": "1.4.2",
-            "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
-            "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
-            "dependencies": {
-                "@lezer/common": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/markdown": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.3.2.tgz",
-            "integrity": "sha512-Wu7B6VnrKTbBEohqa63h5vxXjiC4pO5ZQJ/TDbhJxPQaaIoRD/6UVDhSDtVsCwVZV12vvN9KxuLL3ATMnlG0oQ==",
-            "dependencies": {
-                "@lezer/common": "^1.0.0",
-                "@lezer/highlight": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/php": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@lezer/php/-/php-1.0.2.tgz",
-            "integrity": "sha512-GN7BnqtGRpFyeoKSEqxvGvhJQiI4zkgmYnDk/JIyc7H7Ifc1tkPnUn/R2R8meH3h/aBf5rzjvU8ZQoyiNDtDrA==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.1.0"
-            }
-        },
-        "node_modules/@lezer/python": {
-            "version": "1.1.14",
-            "resolved": "https://registry.npmjs.org/@lezer/python/-/python-1.1.14.tgz",
-            "integrity": "sha512-ykDOb2Ti24n76PJsSa4ZoDF0zH12BSw1LGfQXCYJhJyOGiFTfGaX0Du66Ze72R+u/P35U+O6I9m8TFXov1JzsA==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/rust": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@lezer/rust/-/rust-1.0.2.tgz",
-            "integrity": "sha512-Lz5sIPBdF2FUXcWeCu1//ojFAZqzTQNRga0aYv6dYXqJqPfMdCAI0NzajWUd4Xijj1IKJLtjoXRPMvTKWBcqKg==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/sass": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/@lezer/sass/-/sass-1.0.7.tgz",
-            "integrity": "sha512-8HLlOkuX/SMHOggI2DAsXUw38TuURe+3eQ5hiuk9QmYOUyC55B1dYEIMkav5A4IELVaW4e1T4P9WRiI5ka4mdw==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/xml": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.5.tgz",
-            "integrity": "sha512-VFouqOzmUWfIg+tfmpcdV33ewtK+NSwd4ngSe1aG7HFb4BN0ExyY1b8msp+ndFrnlG4V4iC8yXacjFtrwERnaw==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.0.0"
-            }
-        },
-        "node_modules/@lezer/yaml": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/@lezer/yaml/-/yaml-1.0.3.tgz",
-            "integrity": "sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==",
-            "dependencies": {
-                "@lezer/common": "^1.2.0",
-                "@lezer/highlight": "^1.0.0",
-                "@lezer/lr": "^1.4.0"
-            }
-        },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@pkgjs/parseargs": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "optional": true,
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/@pkgr/core": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
-            "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
-            "dev": true,
-            "engines": {
-                "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/unts"
-            }
-        },
-        "node_modules/@preact/signals-core": {
-            "version": "1.8.0",
-            "resolved": "https://registry.npmjs.org/@preact/signals-core/-/signals-core-1.8.0.tgz",
-            "integrity": "sha512-OBvUsRZqNmjzCZXWLxkZfhcgT+Fk8DDcT/8vD6a1xhDemodyy87UJRJfASMuSD8FaAIeGgGm85ydXhm7lr4fyA==",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/preact"
-            }
-        },
-        "node_modules/@preact/signals-react": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@preact/signals-react/-/signals-react-2.2.0.tgz",
-            "integrity": "sha512-EPYlhXqqcOUxz2gTQGt4rtK6X7Jr04517DcJVZ4I5a7Gxy39haK24uFeVWtiU/tnEReRFcxpQN6poYra1jf68A==",
-            "dependencies": {
-                "@preact/signals-core": "^1.7.0",
-                "use-sync-external-store": "^1.2.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/preact"
-            },
-            "peerDependencies": {
-                "react": "^16.14.0 || 17.x || 18.x"
-            }
-        },
-        "node_modules/@radix-ui/primitive": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-            "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA=="
-        },
-        "node_modules/@radix-ui/react-arrow": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
-            "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
-            "dependencies": {
-                "@radix-ui/react-primitive": "2.0.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-checkbox": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.2.tgz",
-            "integrity": "sha512-/i0fl686zaJbDQLNKrkCbMyDm6FQMt4jg323k7HuqitoANm9sE23Ql8yOK3Wusk34HSLKDChhMux05FnP6KUkw==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-presence": "1.1.1",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0",
-                "@radix-ui/react-use-previous": "1.1.0",
-                "@radix-ui/react-use-size": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-collection": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
-            "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==",
-            "dependencies": {
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.0",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-slot": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-            "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-compose-refs": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-            "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-context": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-            "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-context-menu": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.2.tgz",
-            "integrity": "sha512-99EatSTpW+hRYHt7m8wdDlLtkmTovEe8Z/hnxUPV+SKuuNL5HWNhQI4QSdjZqNSgXHay2z4M3Dym73j9p2Gx5Q==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-menu": "2.1.2",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-dialog": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.2.tgz",
-            "integrity": "sha512-Yj4dZtqa2o+kG61fzB0H2qUvmwBA2oyQroGLyNtBj1beo1khoQ3q1a2AO8rrQYjd8256CO9+N8L9tvsS+bnIyA==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-dismissable-layer": "1.1.1",
-                "@radix-ui/react-focus-guards": "1.1.1",
-                "@radix-ui/react-focus-scope": "1.1.0",
-                "@radix-ui/react-id": "1.1.0",
-                "@radix-ui/react-portal": "1.1.2",
-                "@radix-ui/react-presence": "1.1.1",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-slot": "1.1.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0",
-                "aria-hidden": "^1.1.1",
-                "react-remove-scroll": "2.6.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-direction": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
-            "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-dismissable-layer": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-            "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0",
-                "@radix-ui/react-use-escape-keydown": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-dropdown-menu": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.2.tgz",
-            "integrity": "sha512-GVZMR+eqK8/Kes0a36Qrv+i20bAPXSn8rCBTHx30w+3ECnR5o3xixAlqcVaYvLeyKUsm0aqyhWfmUcqufM8nYA==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-id": "1.1.0",
-                "@radix-ui/react-menu": "2.1.2",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-focus-guards": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-            "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-focus-scope": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz",
-            "integrity": "sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==",
-            "dependencies": {
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-icons": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
-            "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
-            "peerDependencies": {
-                "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
-            }
-        },
-        "node_modules/@radix-ui/react-id": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
-            "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
-            "dependencies": {
-                "@radix-ui/react-use-layout-effect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-menu": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.2.tgz",
-            "integrity": "sha512-lZ0R4qR2Al6fZ4yCCZzu/ReTFrylHFxIqy7OezIpWF4bL0o9biKo0pFIvkaew3TyZ9Fy5gYVrR5zCGZBVbO1zg==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-collection": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-direction": "1.1.0",
-                "@radix-ui/react-dismissable-layer": "1.1.1",
-                "@radix-ui/react-focus-guards": "1.1.1",
-                "@radix-ui/react-focus-scope": "1.1.0",
-                "@radix-ui/react-id": "1.1.0",
-                "@radix-ui/react-popper": "1.2.0",
-                "@radix-ui/react-portal": "1.1.2",
-                "@radix-ui/react-presence": "1.1.1",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-roving-focus": "1.1.0",
-                "@radix-ui/react-slot": "1.1.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0",
-                "aria-hidden": "^1.1.1",
-                "react-remove-scroll": "2.6.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-popper": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-            "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
-            "dependencies": {
-                "@floating-ui/react-dom": "^2.0.0",
-                "@radix-ui/react-arrow": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.0",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0",
-                "@radix-ui/react-use-layout-effect": "1.1.0",
-                "@radix-ui/react-use-rect": "1.1.0",
-                "@radix-ui/react-use-size": "1.1.0",
-                "@radix-ui/rect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-            "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-portal": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-            "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
-            "dependencies": {
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-layout-effect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-presence": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-            "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
-            "dependencies": {
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-use-layout-effect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-primitive": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-            "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-            "dependencies": {
-                "@radix-ui/react-slot": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-roving-focus": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-            "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-collection": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.0",
-                "@radix-ui/react-direction": "1.1.0",
-                "@radix-ui/react-id": "1.1.0",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-callback-ref": "1.1.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-            "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-slot": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-            "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-            "dependencies": {
-                "@radix-ui/react-compose-refs": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-switch": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.1.tgz",
-            "integrity": "sha512-diPqDDoBcZPSicYoMWdWx+bCPuTRH4QSp9J+65IvtdS0Kuzt67bI6n32vCj8q6NZmYW/ah+2orOtMwcX5eQwIg==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-compose-refs": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0",
-                "@radix-ui/react-use-previous": "1.1.0",
-                "@radix-ui/react-use-size": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-tabs": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.1.tgz",
-            "integrity": "sha512-3GBUDmP2DvzmtYLMsHmpA1GtR46ZDZ+OreXM/N+kkQJOPIgytFWWTfDQmBQKBvaFS0Vno0FktdbVzN28KGrMdw==",
-            "dependencies": {
-                "@radix-ui/primitive": "1.1.0",
-                "@radix-ui/react-context": "1.1.1",
-                "@radix-ui/react-direction": "1.1.0",
-                "@radix-ui/react-id": "1.1.0",
-                "@radix-ui/react-presence": "1.1.1",
-                "@radix-ui/react-primitive": "2.0.0",
-                "@radix-ui/react-roving-focus": "1.1.0",
-                "@radix-ui/react-use-controllable-state": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "@types/react-dom": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-callback-ref": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-            "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-controllable-state": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
-            "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
-            "dependencies": {
-                "@radix-ui/react-use-callback-ref": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-escape-keydown": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
-            "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
-            "dependencies": {
-                "@radix-ui/react-use-callback-ref": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-layout-effect": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
-            "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-previous": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz",
-            "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==",
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-rect": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
-            "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
-            "dependencies": {
-                "@radix-ui/rect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/react-use-size": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
-            "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
-            "dependencies": {
-                "@radix-ui/react-use-layout-effect": "1.1.0"
-            },
-            "peerDependencies": {
-                "@types/react": "*",
-                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@radix-ui/rect": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-            "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
-        },
-        "node_modules/@remix-run/router": {
-            "version": "1.21.0",
-            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.21.0.tgz",
-            "integrity": "sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA==",
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/@rollup/pluginutils": {
-            "version": "5.1.3",
-            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.3.tgz",
-            "integrity": "sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==",
-            "dependencies": {
-                "@types/estree": "^1.0.0",
-                "estree-walker": "^2.0.2",
-                "picomatch": "^4.0.2"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
-            "integrity": "sha512-2Y3JT6f5MrQkICUyRVCw4oa0sutfAsgaSsb0Lmmy1Wi2y7X5vT9Euqw4gOsCyy0YfKURBg35nhUKZS4mDcfULw==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.4.tgz",
-            "integrity": "sha512-wzKRQXISyi9UdCVRqEd0H4cMpzvHYt1f/C3CoIjES6cG++RHKhrBj2+29nPF0IB5kpy9MS71vs07fvrNGAl/iA==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.4.tgz",
-            "integrity": "sha512-PlNiRQapift4LNS8DPUHuDX/IdXiLjf8mc5vdEmUR0fF/pyy2qWwzdLjB+iZquGr8LuN4LnUoSEvKRwjSVYz3Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.4.tgz",
-            "integrity": "sha512-o9bH2dbdgBDJaXWJCDTNDYa171ACUdzpxSZt+u/AAeQ20Nk5x+IhA+zsGmrQtpkLiumRJEYef68gcpn2ooXhSQ==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-freebsd-arm64": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.4.tgz",
-            "integrity": "sha512-NBI2/i2hT9Q+HySSHTBh52da7isru4aAAo6qC3I7QFVsuhxi2gM8t/EI9EVcILiHLj1vfi+VGGPaLOUENn7pmw==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "freebsd"
-            ]
-        },
-        "node_modules/@rollup/rollup-freebsd-x64": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.4.tgz",
-            "integrity": "sha512-wYcC5ycW2zvqtDYrE7deary2P2UFmSh85PUpAx+dwTCO9uw3sgzD6Gv9n5X4vLaQKsrfTSZZ7Z7uynQozPVvWA==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "freebsd"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.4.tgz",
-            "integrity": "sha512-9OwUnK/xKw6DyRlgx8UizeqRFOfi9mf5TYCw1uolDaJSbUmBxP85DE6T4ouCMoN6pXw8ZoTeZCSEfSaYo+/s1w==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.4.tgz",
-            "integrity": "sha512-Vgdo4fpuphS9V24WOV+KwkCVJ72u7idTgQaBoLRD0UxBAWTF9GWurJO9YD9yh00BzbkhpeXtm6na+MvJU7Z73A==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.4.tgz",
-            "integrity": "sha512-pleyNgyd1kkBkw2kOqlBx+0atfIIkkExOTiifoODo6qKDSpnc6WzUY5RhHdmTdIJXBdSnh6JknnYTtmQyobrVg==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.4.tgz",
-            "integrity": "sha512-caluiUXvUuVyCHr5DxL8ohaaFFzPGmgmMvwmqAITMpV/Q+tPoaHZ/PWa3t8B2WyoRcIIuu1hkaW5KkeTDNSnMA==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.4.tgz",
-            "integrity": "sha512-FScrpHrO60hARyHh7s1zHE97u0KlT/RECzCKAdmI+LEoC1eDh/RDji9JgFqyO+wPDb86Oa/sXkily1+oi4FzJQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.4.tgz",
-            "integrity": "sha512-qyyprhyGb7+RBfMPeww9FlHwKkCXdKHeGgSqmIXw9VSUtvyFZ6WZRtnxgbuz76FK7LyoN8t/eINRbPUcvXB5fw==",
-            "cpu": [
-                "riscv64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.4.tgz",
-            "integrity": "sha512-PFz+y2kb6tbh7m3A7nA9++eInGcDVZUACulf/KzDtovvdTizHpZaJty7Gp0lFwSQcrnebHOqxF1MaKZd7psVRg==",
-            "cpu": [
-                "s390x"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.4.tgz",
-            "integrity": "sha512-Ni8mMtfo+o/G7DVtweXXV/Ol2TFf63KYjTtoZ5f078AUgJTmaIJnj4JFU7TK/9SVWTaSJGxPi5zMDgK4w+Ez7Q==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.4.tgz",
-            "integrity": "sha512-5AeeAF1PB9TUzD+3cROzFTnAJAcVUGLuR8ng0E0WXGkYhp6RD6L+6szYVX+64Rs0r72019KHZS1ka1q+zU/wUw==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.4.tgz",
-            "integrity": "sha512-yOpVsA4K5qVwu2CaS3hHxluWIK5HQTjNV4tWjQXluMiiiu4pJj4BN98CvxohNCpcjMeTXk/ZMJBRbgRg8HBB6A==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.4.tgz",
-            "integrity": "sha512-KtwEJOaHAVJlxV92rNYiG9JQwQAdhBlrjNRp7P9L8Cb4Rer3in+0A+IPhJC9y68WAi9H0sX4AiG2NTsVlmqJeQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.4.tgz",
-            "integrity": "sha512-3j4jx1TppORdTAoBJRd+/wJRGCPC0ETWkXOecJ6PPZLj6SptXkrXcNqdj0oclbKML6FkQltdz7bBA3rUSirZug==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@sentry-internal/feedback": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.120.0.tgz",
-            "integrity": "sha512-+nU2PXMAyrYyK64PlfxXyRZ+LIl6IWAcdnBeX916WqOJy2WWmtdOrAX8muVwLVIXHzp1EMG1nEZgtpL/Vr2XKQ==",
-            "dependencies": {
-                "@sentry/core": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@sentry-internal/replay-canvas": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.120.0.tgz",
-            "integrity": "sha512-ZEFZBP+Jxmy/8IY7IZDZVPqAJ6pPxAFo1lNTd8xfpbno3WAtHw0FLewLfjrFt0zfIgCk8EXj4PW355zRP3C2NQ==",
-            "dependencies": {
-                "@sentry/core": "7.120.0",
-                "@sentry/replay": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@sentry-internal/tracing": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.120.0.tgz",
-            "integrity": "sha512-VymJoIGMV0PcTJyshka9uJ1sKpR7bHooqW5jTEr6g0dYAwB723fPXHjVW+7SETF7i5+yr2KMprYKreqRidKyKA==",
-            "dependencies": {
-                "@sentry/core": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/babel-plugin-component-annotate": {
-            "version": "2.22.6",
-            "resolved": "https://registry.npmjs.org/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-2.22.6.tgz",
-            "integrity": "sha512-V2g1Y1I5eSe7dtUVMBvAJr8BaLRr4CLrgNgtPaZyMT4Rnps82SrZ5zqmEkLXPumlXhLUWR6qzoMNN2u+RXVXfQ==",
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/@sentry/browser": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.120.0.tgz",
-            "integrity": "sha512-2hRE3QPLBBX+qqZEHY2IbJv4YvfXY7m/bWmNjN15phyNK3oBcm2Pa8ZiKUYrk8u/4DCEGzNUlhOmFgaxwSfpNw==",
-            "dependencies": {
-                "@sentry-internal/feedback": "7.120.0",
-                "@sentry-internal/replay-canvas": "7.120.0",
-                "@sentry-internal/tracing": "7.120.0",
-                "@sentry/core": "7.120.0",
-                "@sentry/integrations": "7.120.0",
-                "@sentry/replay": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/bundler-plugin-core": {
-            "version": "2.22.6",
-            "resolved": "https://registry.npmjs.org/@sentry/bundler-plugin-core/-/bundler-plugin-core-2.22.6.tgz",
-            "integrity": "sha512-1esQdgSUCww9XAntO4pr7uAM5cfGhLsgTK9MEwAKNfvpMYJi9NUTYa3A7AZmdA8V6107Lo4OD7peIPrDRbaDCg==",
-            "dependencies": {
-                "@babel/core": "^7.18.5",
-                "@sentry/babel-plugin-component-annotate": "2.22.6",
-                "@sentry/cli": "^2.36.1",
-                "dotenv": "^16.3.1",
-                "find-up": "^5.0.0",
-                "glob": "^9.3.2",
-                "magic-string": "0.30.8",
-                "unplugin": "1.0.1"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/@sentry/cli": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli/-/cli-2.39.0.tgz",
-            "integrity": "sha512-1Zb2F/yuccNqzbgj/I12Rktm0vtOobkG6I75/6o9Tk+nNuCD7tC+SO5b8bUDKrc3gDE+AI067wbaPKnXXjAwig==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "https-proxy-agent": "^5.0.0",
-                "node-fetch": "^2.6.7",
-                "progress": "^2.0.3",
-                "proxy-from-env": "^1.1.0",
-                "which": "^2.0.2"
-            },
-            "bin": {
-                "sentry-cli": "bin/sentry-cli"
-            },
-            "engines": {
-                "node": ">= 10"
-            },
-            "optionalDependencies": {
-                "@sentry/cli-darwin": "2.39.0",
-                "@sentry/cli-linux-arm": "2.39.0",
-                "@sentry/cli-linux-arm64": "2.39.0",
-                "@sentry/cli-linux-i686": "2.39.0",
-                "@sentry/cli-linux-x64": "2.39.0",
-                "@sentry/cli-win32-i686": "2.39.0",
-                "@sentry/cli-win32-x64": "2.39.0"
-            }
-        },
-        "node_modules/@sentry/cli-darwin": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-darwin/-/cli-darwin-2.39.0.tgz",
-            "integrity": "sha512-D3MbVK1gv3NIdwocYESbSWsiDRphmnXILFKKvfqTqnJ07oMh8qHh+saCBCUj8sECSinZIvWJP2weERg4zy8WsA==",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-linux-arm": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm/-/cli-linux-arm-2.39.0.tgz",
-            "integrity": "sha512-vL0X4hbujasgse7+ip06eOmgAxwQe82MFPZHtJhGz4okVwKkfaXat+2Quzl5qPpTBMNLbRCTQVs+yROF7MaNew==",
-            "cpu": [
-                "arm"
-            ],
-            "optional": true,
-            "os": [
-                "linux",
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-linux-arm64": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.39.0.tgz",
-            "integrity": "sha512-TAm5xQlrXr8aznQqvBvhTfS8+hbBdpoQ7SMVWtwI00Pf0dcg0N/yTGKAh9d25broPnZNyA2UjOrL4LuwLMc9Xw==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "linux",
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-linux-i686": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-linux-i686/-/cli-linux-i686-2.39.0.tgz",
-            "integrity": "sha512-Vytl5egCAuzOQeex8m/iKBGYKM+7uVBCZnEGlx+QJy7OgK9N/UEepeGZ8ISuoZJC4lQKHTi2eve5ZweXwdBLyw==",
-            "cpu": [
-                "x86",
-                "ia32"
-            ],
-            "optional": true,
-            "os": [
-                "linux",
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-linux-x64": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-linux-x64/-/cli-linux-x64-2.39.0.tgz",
-            "integrity": "sha512-eeuQKiqffU8lzsG3PLCBtHPnla25pnir5H2v1EoBc/Q7N/zuwUWhKzrecxbS4H9hPQQD88NfW9JxHSLCGclxQA==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "linux",
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-win32-i686": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-win32-i686/-/cli-win32-i686-2.39.0.tgz",
-            "integrity": "sha512-kkQo5rrEToR8H1zKpnOyAaMi4xFVOg5RhklwiB1YDlv6+cpy4lWISNWkUhVpe6jMIHaxvADLzYOPwbyBVsWiqg==",
-            "cpu": [
-                "x86",
-                "ia32"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/cli-win32-x64": {
-            "version": "2.39.0",
-            "resolved": "https://registry.npmjs.org/@sentry/cli-win32-x64/-/cli-win32-x64-2.39.0.tgz",
-            "integrity": "sha512-QVuw/WIWKRASGOKmVUiXIDGIFSqMFUZFWR2wSPmbTqxgTTsoDNYBQIYLsOw/bT+tkZBMiUxVdsdDKofPlHwzdw==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@sentry/core": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.120.0.tgz",
-            "integrity": "sha512-uTc2sUQ0heZrMI31oFOHGxjKgw16MbV3C2mcT7qcrb6UmSGR9WqPOXZhnVVuzPWCnQ8B5IPPVdynK//J+9/m6g==",
-            "dependencies": {
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/integrations": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.120.0.tgz",
-            "integrity": "sha512-/Hs9MgSmG4JFNyeQkJ+MWh/fxO/U38Pz0VSH3hDrfyCjI8vH9Vz9inGEQXgB9Ke4eH8XnhsQ7xPnM27lWJts6g==",
-            "dependencies": {
-                "@sentry/core": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0",
-                "localforage": "^1.8.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/react": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/react/-/react-7.120.0.tgz",
-            "integrity": "sha512-YTzmTRO9a2ZIdZiiT3Ob4h8/wLDEDC24qrUqomrYHG8Rcj+9EHjTqQQmoB8ARw9Kh0SrIzR5jbDK7C8JO6jzCQ==",
-            "dependencies": {
-                "@sentry/browser": "7.120.0",
-                "@sentry/core": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0",
-                "hoist-non-react-statics": "^3.3.2"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "peerDependencies": {
-                "react": "15.x || 16.x || 17.x || 18.x"
-            }
-        },
-        "node_modules/@sentry/replay": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.120.0.tgz",
-            "integrity": "sha512-wV9fIYwNtMvFOHQB5eSm+kCorRXsX5+v1DxyTC8Lee1hfzcUQ2Wvqh75VktpXuM9TeZE8h7aQ4Wo4qCgTUdtvA==",
-            "dependencies": {
-                "@sentry-internal/tracing": "7.120.0",
-                "@sentry/core": "7.120.0",
-                "@sentry/types": "7.120.0",
-                "@sentry/utils": "7.120.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@sentry/types": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.120.0.tgz",
-            "integrity": "sha512-3mvELhBQBo6EljcRrJzfpGJYHKIZuBXmqh0y8prh03SWE62pwRL614GIYtd4YOC6OP1gfPn8S8h9w3dD5bF5HA==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/utils": {
-            "version": "7.120.0",
-            "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.120.0.tgz",
-            "integrity": "sha512-XZsPcBHoYu4+HYn14IOnhabUZgCF99Xn4IdWn8Hjs/c+VPtuAVDhRTsfPyPrpY3OcN8DgO5fZX4qcv/6kNbX1A==",
-            "dependencies": {
-                "@sentry/types": "7.120.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/vite-plugin": {
-            "version": "2.22.6",
-            "resolved": "https://registry.npmjs.org/@sentry/vite-plugin/-/vite-plugin-2.22.6.tgz",
-            "integrity": "sha512-zIieP1VLWQb3wUjFJlwOAoaaJygJhXeUoGd0e/Ha2RLb2eW2S+4gjf6y6NqyY71tZ74LYVZKg/4prB6FAZSMXQ==",
-            "dependencies": {
-                "@sentry/bundler-plugin-core": "2.22.6",
-                "unplugin": "1.0.1"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/@swc/core": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.9.3.tgz",
-            "integrity": "sha512-oRj0AFePUhtatX+BscVhnzaAmWjpfAeySpM1TCbxA1rtBDeH/JDhi5yYzAKneDYtVtBvA7ApfeuzhMC9ye4xSg==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@swc/counter": "^0.1.3",
-                "@swc/types": "^0.1.17"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/swc"
-            },
-            "optionalDependencies": {
-                "@swc/core-darwin-arm64": "1.9.3",
-                "@swc/core-darwin-x64": "1.9.3",
-                "@swc/core-linux-arm-gnueabihf": "1.9.3",
-                "@swc/core-linux-arm64-gnu": "1.9.3",
-                "@swc/core-linux-arm64-musl": "1.9.3",
-                "@swc/core-linux-x64-gnu": "1.9.3",
-                "@swc/core-linux-x64-musl": "1.9.3",
-                "@swc/core-win32-arm64-msvc": "1.9.3",
-                "@swc/core-win32-ia32-msvc": "1.9.3",
-                "@swc/core-win32-x64-msvc": "1.9.3"
-            },
-            "peerDependencies": {
-                "@swc/helpers": "*"
-            },
-            "peerDependenciesMeta": {
-                "@swc/helpers": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@swc/core-darwin-arm64": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.9.3.tgz",
-            "integrity": "sha512-hGfl/KTic/QY4tB9DkTbNuxy5cV4IeejpPD4zo+Lzt4iLlDWIeANL4Fkg67FiVceNJboqg48CUX+APhDHO5G1w==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-darwin-x64": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.9.3.tgz",
-            "integrity": "sha512-IaRq05ZLdtgF5h9CzlcgaNHyg4VXuiStnOFpfNEMuI5fm5afP2S0FHq8WdakUz5WppsbddTdplL+vpeApt/WCQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-linux-arm-gnueabihf": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.9.3.tgz",
-            "integrity": "sha512-Pbwe7xYprj/nEnZrNBvZfjnTxlBIcfApAGdz2EROhjpPj+FBqBa3wOogqbsuGGBdCphf8S+KPprL1z+oDWkmSQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-linux-arm64-gnu": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.9.3.tgz",
-            "integrity": "sha512-AQ5JZiwNGVV/2K2TVulg0mw/3LYfqpjZO6jDPtR2evNbk9Yt57YsVzS+3vHSlUBQDRV9/jqMuZYVU3P13xrk+g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-linux-arm64-musl": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.9.3.tgz",
-            "integrity": "sha512-tzVH480RY6RbMl/QRgh5HK3zn1ZTFsThuxDGo6Iuk1MdwIbdFYUY034heWUTI4u3Db97ArKh0hNL0xhO3+PZdg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-linux-x64-gnu": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.9.3.tgz",
-            "integrity": "sha512-ivXXBRDXDc9k4cdv10R21ccBmGebVOwKXT/UdH1PhxUn9m/h8erAWjz5pcELwjiMf27WokqPgaWVfaclDbgE+w==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-linux-x64-musl": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.9.3.tgz",
-            "integrity": "sha512-ILsGMgfnOz1HwdDz+ZgEuomIwkP1PHT6maigZxaCIuC6OPEhKE8uYna22uU63XvYcLQvZYDzpR3ms47WQPuNEg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-win32-arm64-msvc": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.9.3.tgz",
-            "integrity": "sha512-e+XmltDVIHieUnNJHtspn6B+PCcFOMYXNJB1GqoCcyinkEIQNwC8KtWgMqUucUbEWJkPc35NHy9k8aCXRmw9Kg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-win32-ia32-msvc": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.9.3.tgz",
-            "integrity": "sha512-rqpzNfpAooSL4UfQnHhkW8aL+oyjqJniDP0qwZfGnjDoJSbtPysHg2LpcOBEdSnEH+uIZq6J96qf0ZFD8AGfXA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/core-win32-x64-msvc": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.3.tgz",
-            "integrity": "sha512-3YJJLQ5suIEHEKc1GHtqVq475guiyqisKSoUnoaRtxkDaW5g1yvPt9IoSLOe2mRs7+FFhGGU693RsBUSwOXSdQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@swc/counter": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-            "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
-            "dev": true
-        },
-        "node_modules/@swc/plugin-styled-components": {
-            "version": "2.0.12",
-            "resolved": "https://registry.npmjs.org/@swc/plugin-styled-components/-/plugin-styled-components-2.0.12.tgz",
-            "integrity": "sha512-ZlA2T++rRRH734gt3+/FGfQc/oIWVQ69xl+FbeWQflB8YYG30/ADCqDOJ90XXo21hk3FZ0sMilXfaqqFUvYy0g==",
-            "dev": true,
-            "dependencies": {
-                "@swc/counter": "^0.1.3"
-            }
-        },
-        "node_modules/@swc/types": {
-            "version": "0.1.17",
-            "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.17.tgz",
-            "integrity": "sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==",
-            "dev": true,
-            "dependencies": {
-                "@swc/counter": "^0.1.3"
-            }
-        },
-        "node_modules/@tanstack/react-virtual": {
-            "version": "3.10.9",
-            "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.10.9.tgz",
-            "integrity": "sha512-OXO2uBjFqA4Ibr2O3y0YMnkrRWGVNqcvHQXmGvMu6IK8chZl3PrDxFXdGZ2iZkSrKh3/qUYoFqYe+Rx23RoU0g==",
-            "dependencies": {
-                "@tanstack/virtual-core": "3.10.9"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            },
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/@tanstack/virtual-core": {
-            "version": "3.10.9",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.10.9.tgz",
-            "integrity": "sha512-kBknKOKzmeR7lN+vSadaKWXaLS0SZZG+oqpQ/k80Q6g9REn6zRHS/ZYdrIzHnpHgy/eWs00SujveUN/GJT2qTw==",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.3.0.tgz",
-            "integrity": "sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==",
-            "dev": true,
-            "dependencies": {
-                "@babel/generator": "7.17.7",
-                "@babel/parser": "^7.20.5",
-                "@babel/traverse": "7.23.2",
-                "@babel/types": "7.17.0",
-                "javascript-natural-sort": "0.7.1",
-                "lodash": "^4.17.21"
-            },
-            "peerDependencies": {
-                "@vue/compiler-sfc": "3.x",
-                "prettier": "2.x - 3.x"
-            },
-            "peerDependenciesMeta": {
-                "@vue/compiler-sfc": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/generator": {
-            "version": "7.17.7",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
-            "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
-            "dev": true,
-            "dependencies": {
-                "@babel/types": "^7.17.0",
-                "jsesc": "^2.5.1",
-                "source-map": "^0.5.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse": {
-            "version": "7.23.2",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
-            "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
-            "dev": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.22.13",
-                "@babel/generator": "^7.23.0",
-                "@babel/helper-environment-visitor": "^7.22.20",
-                "@babel/helper-function-name": "^7.23.0",
-                "@babel/helper-hoist-variables": "^7.22.5",
-                "@babel/helper-split-export-declaration": "^7.22.6",
-                "@babel/parser": "^7.23.0",
-                "@babel/types": "^7.23.0",
-                "debug": "^4.1.0",
-                "globals": "^11.1.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse/node_modules/@babel/generator": {
-            "version": "7.26.2",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-            "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
-            "dev": true,
-            "dependencies": {
-                "@babel/parser": "^7.26.2",
-                "@babel/types": "^7.26.0",
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.25",
-                "jsesc": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse/node_modules/@babel/types": {
-            "version": "7.26.0",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-            "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/helper-string-parser": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse/node_modules/jsesc": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-            "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-            "dev": true,
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/types": {
-            "version": "7.17.0",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
-            "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
-            "dev": true,
-            "dependencies": {
-                "@babel/helper-validator-identifier": "^7.16.7",
-                "to-fast-properties": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/globals": {
-            "version": "11.12.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/jsesc": {
-            "version": "2.5.2",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-            "dev": true,
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@types/codemirror": {
-            "version": "5.60.15",
-            "resolved": "https://registry.npmjs.org/@types/codemirror/-/codemirror-5.60.15.tgz",
-            "integrity": "sha512-dTOvwEQ+ouKJ/rE9LT1Ue2hmP6H1mZv5+CCnNWu2qtiOe2LQa9lCprEY20HxiDmV/Bxh+dXjywmy5aKvoGjULA==",
-            "dev": true,
-            "dependencies": {
-                "@types/tern": "*"
-            }
-        },
-        "node_modules/@types/debounce": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/@types/debounce/-/debounce-1.2.4.tgz",
-            "integrity": "sha512-jBqiORIzKDOToaF63Fm//haOCHuwQuLa2202RK4MozpA6lh93eCBc+/8+wZn5OzjJt3ySdc+74SXWXB55Ewtyw==",
-            "dev": true
-        },
-        "node_modules/@types/estree": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
-        },
-        "node_modules/@types/events": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.3.tgz",
-            "integrity": "sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==",
-            "dev": true
-        },
-        "node_modules/@types/hoist-non-react-statics": {
-            "version": "3.3.5",
-            "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
-            "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==",
-            "dependencies": {
-                "@types/react": "*",
-                "hoist-non-react-statics": "^3.3.0"
-            }
-        },
-        "node_modules/@types/json-schema": {
-            "version": "7.0.15",
-            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-            "dev": true
-        },
-        "node_modules/@types/node": {
-            "version": "20.17.7",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.7.tgz",
-            "integrity": "sha512-sZXXnpBFMKbao30dUAvzKbdwA2JM1fwUtVEq/kxKuPI5mMwZiRElCpTXb0Biq/LMEVpXDZL5G5V0RPnxKeyaYg==",
-            "dev": true,
-            "dependencies": {
-                "undici-types": "~6.19.2"
-            }
-        },
-        "node_modules/@types/parse-json": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-            "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
-            "license": "MIT"
-        },
-        "node_modules/@types/prop-types": {
-            "version": "15.7.13",
-            "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-            "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA=="
-        },
-        "node_modules/@types/qrcode.react": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@types/qrcode.react/-/qrcode.react-1.0.5.tgz",
-            "integrity": "sha512-BghPtnlwvrvq8QkGa1H25YnN+5OIgCKFuQruncGWLGJYOzeSKiix/4+B9BtfKF2wf5ja8yfyWYA3OXju995G8w==",
-            "dev": true,
-            "dependencies": {
-                "@types/react": "*"
-            }
-        },
-        "node_modules/@types/react": {
-            "version": "18.3.12",
-            "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz",
-            "integrity": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==",
-            "dependencies": {
-                "@types/prop-types": "*",
-                "csstype": "^3.0.2"
-            }
-        },
-        "node_modules/@types/react-copy-to-clipboard": {
-            "version": "5.0.7",
-            "resolved": "https://registry.npmjs.org/@types/react-copy-to-clipboard/-/react-copy-to-clipboard-5.0.7.tgz",
-            "integrity": "sha512-Gft19D+as4M+9Whq1oglhmK49vqPhcLzk8WfvfLvaYMIPYanyfLy0+CwFucMJfdKoSFyySPmkkWn8/E6voQXjQ==",
-            "dev": true,
-            "dependencies": {
-                "@types/react": "*"
-            }
-        },
-        "node_modules/@types/react-dom": {
-            "version": "18.3.1",
-            "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz",
-            "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==",
-            "dev": true,
-            "dependencies": {
-                "@types/react": "*"
-            }
-        },
-        "node_modules/@types/react-redux": {
-            "version": "7.1.34",
-            "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.34.tgz",
-            "integrity": "sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==",
-            "dev": true,
-            "dependencies": {
-                "@types/hoist-non-react-statics": "^3.3.0",
-                "@types/react": "*",
-                "hoist-non-react-statics": "^3.3.0",
-                "redux": "^4.0.0"
-            }
-        },
-        "node_modules/@types/stylis": {
-            "version": "4.2.5",
-            "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz",
-            "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw=="
-        },
-        "node_modules/@types/tern": {
-            "version": "0.23.9",
-            "resolved": "https://registry.npmjs.org/@types/tern/-/tern-0.23.9.tgz",
-            "integrity": "sha512-ypzHFE/wBzh+BlH6rrBgS5I/Z7RD21pGhZ2rltb/+ZrVM1awdZwjx7hE5XfuYgHWk9uvV5HLZN3SloevCAp3Bw==",
-            "dev": true,
-            "dependencies": {
-                "@types/estree": "*"
-            }
-        },
-        "node_modules/@types/uuid": {
-            "version": "9.0.8",
-            "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
-            "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
-            "dev": true
-        },
-        "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
-            "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/regexpp": "^4.10.0",
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/type-utils": "7.18.0",
-                "@typescript-eslint/utils": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "graphemer": "^1.4.0",
-                "ignore": "^5.3.1",
-                "natural-compare": "^1.4.0",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "@typescript-eslint/parser": "^7.0.0",
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/parser": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
-            "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/typescript-estree": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "debug": "^4.3.4"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/scope-manager": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
-            "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/type-utils": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
-            "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/typescript-estree": "7.18.0",
-                "@typescript-eslint/utils": "7.18.0",
-                "debug": "^4.3.4",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/types": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
-            "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
-            "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "debug": "^4.3.4",
-                "globby": "^11.1.0",
-                "is-glob": "^4.0.3",
-                "minimatch": "^9.0.4",
-                "semver": "^7.6.0",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-            "version": "7.6.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-            "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-            "dev": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@typescript-eslint/utils": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
-            "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/typescript-estree": "7.18.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            }
-        },
-        "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
-            "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "eslint-visitor-keys": "^3.4.3"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@vitejs/plugin-react-swc": {
-            "version": "3.7.1",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.7.1.tgz",
-            "integrity": "sha512-vgWOY0i1EROUK0Ctg1hwhtC3SdcDjZcdit4Ups4aPkDcB1jYhmo+RMYWY87cmXMhvtD5uf8lV89j2w16vkdSVg==",
-            "dev": true,
-            "dependencies": {
-                "@swc/core": "^1.7.26"
-            },
-            "peerDependencies": {
-                "vite": "^4 || ^5"
-            }
-        },
-        "node_modules/@xterm/addon-fit": {
-            "version": "0.10.0",
-            "resolved": "https://registry.npmjs.org/@xterm/addon-fit/-/addon-fit-0.10.0.tgz",
-            "integrity": "sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ==",
-            "peerDependencies": {
-                "@xterm/xterm": "^5.0.0"
-            }
-        },
-        "node_modules/@xterm/addon-search": {
-            "version": "0.15.0",
-            "resolved": "https://registry.npmjs.org/@xterm/addon-search/-/addon-search-0.15.0.tgz",
-            "integrity": "sha512-ZBZKLQ+EuKE83CqCmSSz5y1tx+aNOCUaA7dm6emgOX+8J9H1FWXZyrKfzjwzV+V14TV3xToz1goIeRhXBS5qjg==",
-            "peerDependencies": {
-                "@xterm/xterm": "^5.0.0"
-            }
-        },
-        "node_modules/@xterm/addon-web-links": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@xterm/addon-web-links/-/addon-web-links-0.11.0.tgz",
-            "integrity": "sha512-nIHQ38pQI+a5kXnRaTgwqSHnX7KE6+4SVoceompgHL26unAxdfP6IPqUTSYPQgSwM56hsElfoNrrW5V7BUED/Q==",
-            "peerDependencies": {
-                "@xterm/xterm": "^5.0.0"
-            }
-        },
-        "node_modules/@xterm/xterm": {
-            "version": "5.5.0",
-            "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-5.5.0.tgz",
-            "integrity": "sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A=="
-        },
-        "node_modules/acorn": {
-            "version": "8.14.0",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-            "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
-            "bin": {
-                "acorn": "bin/acorn"
-            },
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/acorn-jsx": {
-            "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-            "dev": true,
-            "peerDependencies": {
-                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            }
-        },
-        "node_modules/agent-base": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-            "dependencies": {
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 6.0.0"
-            }
-        },
-        "node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "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"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/ansi-regex": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/any-promise": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
-        },
-        "node_modules/anymatch": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-            "dependencies": {
-                "normalize-path": "^3.0.0",
-                "picomatch": "^2.0.4"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/arg": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
-        },
-        "node_modules/argparse": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-            "dev": true
-        },
-        "node_modules/aria-hidden": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
-            "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
-            "dependencies": {
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/array-buffer-byte-length": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-            "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.5",
-                "is-array-buffer": "^3.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array-includes": {
-            "version": "3.1.8",
-            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
-            "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.2",
-                "es-object-atoms": "^1.0.0",
-                "get-intrinsic": "^1.2.4",
-                "is-string": "^1.0.7"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array-union": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/array.prototype.findlast": {
-            "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
-            "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
-            "dev": true,
-            "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"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array.prototype.flat": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-            "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.2.0",
-                "es-abstract": "^1.22.1",
-                "es-shim-unscopables": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array.prototype.flatmap": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-            "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.2.0",
-                "es-abstract": "^1.22.1",
-                "es-shim-unscopables": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array.prototype.tosorted": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
-            "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
-            "dev": true,
-            "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"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/arraybuffer.prototype.slice": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-            "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
-            "dev": true,
-            "dependencies": {
-                "array-buffer-byte-length": "^1.0.1",
-                "call-bind": "^1.0.5",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.22.3",
-                "es-errors": "^1.2.1",
-                "get-intrinsic": "^1.2.3",
-                "is-array-buffer": "^3.0.4",
-                "is-shared-array-buffer": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-        },
-        "node_modules/autoprefixer": {
-            "version": "10.4.20",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-            "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "browserslist": "^4.23.3",
-                "caniuse-lite": "^1.0.30001646",
-                "fraction.js": "^4.3.7",
-                "normalize-range": "^0.1.2",
-                "picocolors": "^1.0.1",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "bin": {
-                "autoprefixer": "bin/autoprefixer"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/available-typed-arrays": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-            "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-            "dev": true,
-            "dependencies": {
-                "possible-typed-array-names": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/axios": {
-            "version": "1.7.7",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
-            "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
-            "dependencies": {
-                "follow-redirects": "^1.15.6",
-                "form-data": "^4.0.0",
-                "proxy-from-env": "^1.1.0"
-            }
-        },
-        "node_modules/babel-plugin-macros": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-            "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.12.5",
-                "cosmiconfig": "^7.0.0",
-                "resolve": "^1.19.0"
-            },
-            "engines": {
-                "node": ">=10",
-                "npm": ">=6"
-            }
-        },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-        },
-        "node_modules/binary-extensions": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/brace-expansion": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-            "dependencies": {
-                "balanced-match": "^1.0.0"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-            "dependencies": {
-                "fill-range": "^7.1.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/browserslist": {
-            "version": "4.24.2",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
-            "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "caniuse-lite": "^1.0.30001669",
-                "electron-to-chromium": "^1.5.41",
-                "node-releases": "^2.0.18",
-                "update-browserslist-db": "^1.1.1"
-            },
-            "bin": {
-                "browserslist": "cli.js"
-            },
-            "engines": {
-                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-            }
-        },
-        "node_modules/call-bind": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-            "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-            "dev": true,
-            "dependencies": {
-                "es-define-property": "^1.0.0",
-                "es-errors": "^1.3.0",
-                "function-bind": "^1.1.2",
-                "get-intrinsic": "^1.2.4",
-                "set-function-length": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/callsites": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/camelcase-css": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/camelize": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-            "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/caniuse-lite": {
-            "version": "1.0.30001684",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001684.tgz",
-            "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ]
-        },
-        "node_modules/chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
-        "node_modules/chart.js": {
-            "version": "4.4.6",
-            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.6.tgz",
-            "integrity": "sha512-8Y406zevUPbbIBA/HRk33khEmQPk5+cxeflWE/2rx1NJsjVWMPw/9mSP9rxHP5eqi6LNoPBVMfZHxbwLSgldYA==",
-            "dependencies": {
-                "@kurkle/color": "^0.3.0"
-            },
-            "engines": {
-                "pnpm": ">=8"
-            }
-        },
-        "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-            "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
-            },
-            "engines": {
-                "node": ">= 8.10.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/client-only": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-            "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-        },
-        "node_modules/clsx": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/cmdk": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-1.0.4.tgz",
-            "integrity": "sha512-AnsjfHyHpQ/EFeAnG216WY7A5LiYCoZzCSygiLvfXC3H3LFGCprErteUcszaVluGOhuOTbJS3jWHrSDYPBBygg==",
-            "dependencies": {
-                "@radix-ui/react-dialog": "^1.1.2",
-                "@radix-ui/react-id": "^1.1.0",
-                "@radix-ui/react-primitive": "^2.0.0",
-                "use-sync-external-store": "^1.2.2"
-            },
-            "peerDependencies": {
-                "react": "^18 || ^19 || ^19.0.0-rc",
-                "react-dom": "^18 || ^19 || ^19.0.0-rc"
-            }
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/concat-map": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "dev": true
-        },
-        "node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
-        },
-        "node_modules/copy-to-clipboard": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
-            "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
-            "dependencies": {
-                "toggle-selection": "^1.0.6"
-            }
-        },
-        "node_modules/cosmiconfig": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-            "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/parse-json": "^4.0.0",
-                "import-fresh": "^3.2.1",
-                "parse-json": "^5.0.0",
-                "path-type": "^4.0.0",
-                "yaml": "^1.10.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/cosmiconfig/node_modules/yaml": {
-            "version": "1.10.2",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-            "license": "ISC",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/crelt": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
-            "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g=="
-        },
-        "node_modules/cross-fetch": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.0.0.tgz",
-            "integrity": "sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==",
-            "license": "MIT",
-            "dependencies": {
-                "node-fetch": "^2.6.12"
-            }
-        },
-        "node_modules/cross-spawn": {
-            "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/css-blank-pseudo": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-6.0.2.tgz",
-            "integrity": "sha512-J/6m+lsqpKPqWHOifAFtKFeGLOzw3jR92rxQcwRUfA/eTuZzKfKlxOmYDx2+tqOPQAueNvBiY8WhAeHu5qNmTg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/css-color-keywords": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-            "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/css-has-pseudo": {
-            "version": "6.0.5",
-            "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-6.0.5.tgz",
-            "integrity": "sha512-ZTv6RlvJJZKp32jPYnAJVhowDCrRrHUTAxsYSuUPBEDJjzws6neMnzkRblxtgmv1RgcV5dhH2gn7E3wA9Wt6lw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/selector-specificity": "^3.1.1",
-                "postcss-selector-parser": "^6.0.13",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/css-prefers-color-scheme": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-9.0.1.tgz",
-            "integrity": "sha512-iFit06ochwCKPRiWagbTa1OAWCvWWVdEnIFd8BaRrgO8YrrNh4RAWUQTFcYX5tdFZgFl1DJ3iiULchZyEbnF4g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/css-to-react-native": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-            "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-            "dependencies": {
-                "camelize": "^1.0.0",
-                "css-color-keywords": "^1.0.0",
-                "postcss-value-parser": "^4.0.2"
-            }
-        },
-        "node_modules/cssdb": {
-            "version": "8.2.1",
-            "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-8.2.1.tgz",
-            "integrity": "sha512-KwEPys7lNsC8OjASI8RrmwOYYDcm0JOW9zQhcV83ejYcQkirTEyeAGui8aO2F5PiS6SLpxuTzl6qlMElIdsgIg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                }
-            ]
-        },
-        "node_modules/cssesc": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "bin": {
-                "cssesc": "bin/cssesc"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/csstype": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
-        },
-        "node_modules/data-view-buffer": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-            "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.6",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/data-view-byte-length": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-            "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/data-view-byte-offset": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-            "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.6",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/date-fns": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
-            "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/kossnocorp"
-            }
-        },
-        "node_modules/debounce": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/debounce/-/debounce-2.2.0.tgz",
-            "integrity": "sha512-Xks6RUDLZFdz8LIdR6q0MTH44k7FikOmnh5xkSjMig6ch45afc8sjTjRQf3P6ax8dMgcQrYO/AR2RGWURrruqw==",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/debug": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-            "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/deep-is": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-            "dev": true
-        },
-        "node_modules/deepmerge": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
-            "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/deepmerge-ts": {
-            "version": "7.1.3",
-            "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.3.tgz",
-            "integrity": "sha512-qCSH6I0INPxd9Y1VtAiLpnYvz5O//6rCfJXKk0z66Up9/VOSr+1yS8XSKA5IWRxjocFGlzPyaZYe+jxq7OOLtQ==",
-            "engines": {
-                "node": ">=16.0.0"
-            }
-        },
-        "node_modules/define-data-property": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-            "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-            "dev": true,
-            "dependencies": {
-                "es-define-property": "^1.0.0",
-                "es-errors": "^1.3.0",
-                "gopd": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/define-properties": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-            "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-            "dev": true,
-            "dependencies": {
-                "define-data-property": "^1.0.1",
-                "has-property-descriptors": "^1.0.0",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/detect-node-es": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-            "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
-        },
-        "node_modules/didyoumean": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
-        },
-        "node_modules/dir-glob": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-            "dev": true,
-            "dependencies": {
-                "path-type": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/dlv": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
-        },
-        "node_modules/doctrine": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-            "dev": true,
-            "dependencies": {
-                "esutils": "^2.0.2"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/dotenv": {
-            "version": "16.4.5",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
-            "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://dotenvx.com"
-            }
-        },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
-        },
-        "node_modules/easy-peasy": {
-            "version": "6.0.5",
-            "resolved": "https://registry.npmjs.org/easy-peasy/-/easy-peasy-6.0.5.tgz",
-            "integrity": "sha512-JRtbPp0uYVjCjG6CFr+lg7WqSHhB8p8SGBJihC2h3veP2a0EwUDYMlsSfWrYL2H7EiETVAlMbSusa5h2Tej6iQ==",
-            "dependencies": {
-                "@babel/runtime": "^7.22.6",
-                "fast-deep-equal": "^3.1.3",
-                "immer": "^9.0.21",
-                "redux": "^4.1.2",
-                "redux-thunk": "^2.4.1",
-                "ts-toolbelt": "^9.6.0",
-                "use-sync-external-store": "^1.2.0"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.8 || ^17.0 || ^18.0",
-                "@types/react-dom": "^16.8 || ^17.0 || ^18.0",
-                "react": "^16.8 || ^17.0 || ^18.0",
-                "react-dom": "^16.8 || ^17.0 || ^18.0",
-                "react-native": ">=0.59"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "@types/react-dom": {
-                    "optional": true
-                },
-                "react-dom": {
-                    "optional": true
-                },
-                "react-native": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/electron-to-chromium": {
-            "version": "1.5.64",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.64.tgz",
-            "integrity": "sha512-IXEuxU+5ClW2IGEYFC2T7szbyVgehupCWQe5GNh+H065CD6U6IFN0s4KeAMFGNmQolRU4IV7zGBWSYMmZ8uuqQ=="
-        },
-        "node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
-        },
-        "node_modules/error-ex": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-            "license": "MIT",
-            "dependencies": {
-                "is-arrayish": "^0.2.1"
-            }
-        },
-        "node_modules/es-abstract": {
-            "version": "1.23.5",
-            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.5.tgz",
-            "integrity": "sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ==",
-            "dev": true,
-            "dependencies": {
-                "array-buffer-byte-length": "^1.0.1",
-                "arraybuffer.prototype.slice": "^1.0.3",
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.7",
-                "data-view-buffer": "^1.0.1",
-                "data-view-byte-length": "^1.0.1",
-                "data-view-byte-offset": "^1.0.0",
-                "es-define-property": "^1.0.0",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.0.0",
-                "es-set-tostringtag": "^2.0.3",
-                "es-to-primitive": "^1.2.1",
-                "function.prototype.name": "^1.1.6",
-                "get-intrinsic": "^1.2.4",
-                "get-symbol-description": "^1.0.2",
-                "globalthis": "^1.0.4",
-                "gopd": "^1.0.1",
-                "has-property-descriptors": "^1.0.2",
-                "has-proto": "^1.0.3",
-                "has-symbols": "^1.0.3",
-                "hasown": "^2.0.2",
-                "internal-slot": "^1.0.7",
-                "is-array-buffer": "^3.0.4",
-                "is-callable": "^1.2.7",
-                "is-data-view": "^1.0.1",
-                "is-negative-zero": "^2.0.3",
-                "is-regex": "^1.1.4",
-                "is-shared-array-buffer": "^1.0.3",
-                "is-string": "^1.0.7",
-                "is-typed-array": "^1.1.13",
-                "is-weakref": "^1.0.2",
-                "object-inspect": "^1.13.3",
-                "object-keys": "^1.1.1",
-                "object.assign": "^4.1.5",
-                "regexp.prototype.flags": "^1.5.3",
-                "safe-array-concat": "^1.1.2",
-                "safe-regex-test": "^1.0.3",
-                "string.prototype.trim": "^1.2.9",
-                "string.prototype.trimend": "^1.0.8",
-                "string.prototype.trimstart": "^1.0.8",
-                "typed-array-buffer": "^1.0.2",
-                "typed-array-byte-length": "^1.0.1",
-                "typed-array-byte-offset": "^1.0.2",
-                "typed-array-length": "^1.0.6",
-                "unbox-primitive": "^1.0.2",
-                "which-typed-array": "^1.1.15"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/es-define-property": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-            "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.2.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-errors": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-iterator-helpers": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz",
-            "integrity": "sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.3",
-                "es-errors": "^1.3.0",
-                "es-set-tostringtag": "^2.0.3",
-                "function-bind": "^1.1.2",
-                "get-intrinsic": "^1.2.4",
-                "globalthis": "^1.0.4",
-                "gopd": "^1.0.1",
-                "has-property-descriptors": "^1.0.2",
-                "has-proto": "^1.0.3",
-                "has-symbols": "^1.0.3",
-                "internal-slot": "^1.0.7",
-                "iterator.prototype": "^1.1.3",
-                "safe-array-concat": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-object-atoms": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-            "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-            "dev": true,
-            "dependencies": {
-                "es-errors": "^1.3.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-set-tostringtag": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-            "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.2.4",
-                "has-tostringtag": "^1.0.2",
-                "hasown": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-shim-unscopables": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-            "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-            "dev": true,
-            "dependencies": {
-                "hasown": "^2.0.0"
-            }
-        },
-        "node_modules/es-to-primitive": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-            "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-            "dev": true,
-            "dependencies": {
-                "is-callable": "^1.1.4",
-                "is-date-object": "^1.0.1",
-                "is-symbol": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/esbuild": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-            "hasInstallScript": true,
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.21.5",
-                "@esbuild/android-arm": "0.21.5",
-                "@esbuild/android-arm64": "0.21.5",
-                "@esbuild/android-x64": "0.21.5",
-                "@esbuild/darwin-arm64": "0.21.5",
-                "@esbuild/darwin-x64": "0.21.5",
-                "@esbuild/freebsd-arm64": "0.21.5",
-                "@esbuild/freebsd-x64": "0.21.5",
-                "@esbuild/linux-arm": "0.21.5",
-                "@esbuild/linux-arm64": "0.21.5",
-                "@esbuild/linux-ia32": "0.21.5",
-                "@esbuild/linux-loong64": "0.21.5",
-                "@esbuild/linux-mips64el": "0.21.5",
-                "@esbuild/linux-ppc64": "0.21.5",
-                "@esbuild/linux-riscv64": "0.21.5",
-                "@esbuild/linux-s390x": "0.21.5",
-                "@esbuild/linux-x64": "0.21.5",
-                "@esbuild/netbsd-x64": "0.21.5",
-                "@esbuild/openbsd-x64": "0.21.5",
-                "@esbuild/sunos-x64": "0.21.5",
-                "@esbuild/win32-arm64": "0.21.5",
-                "@esbuild/win32-ia32": "0.21.5",
-                "@esbuild/win32-x64": "0.21.5"
-            }
-        },
-        "node_modules/escalade": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/escape-string-regexp": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/eslint": {
-            "version": "9.15.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.15.0.tgz",
-            "integrity": "sha512-7CrWySmIibCgT1Os28lUU6upBshZ+GxybLOrmRzi08kS8MBuO8QA7pXEgYgY5W8vK3e74xv0lpjo9DbaGU9Rkw==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.2.0",
-                "@eslint-community/regexpp": "^4.12.1",
-                "@eslint/config-array": "^0.19.0",
-                "@eslint/core": "^0.9.0",
-                "@eslint/eslintrc": "^3.2.0",
-                "@eslint/js": "9.15.0",
-                "@eslint/plugin-kit": "^0.2.3",
-                "@humanfs/node": "^0.16.6",
-                "@humanwhocodes/module-importer": "^1.0.1",
-                "@humanwhocodes/retry": "^0.4.1",
-                "@types/estree": "^1.0.6",
-                "@types/json-schema": "^7.0.15",
-                "ajv": "^6.12.4",
-                "chalk": "^4.0.0",
-                "cross-spawn": "^7.0.5",
-                "debug": "^4.3.2",
-                "escape-string-regexp": "^4.0.0",
-                "eslint-scope": "^8.2.0",
-                "eslint-visitor-keys": "^4.2.0",
-                "espree": "^10.3.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"
-            },
-            "bin": {
-                "eslint": "bin/eslint.js"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://eslint.org/donate"
-            },
-            "peerDependencies": {
-                "jiti": "*"
-            },
-            "peerDependenciesMeta": {
-                "jiti": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/eslint-config-prettier": {
-            "version": "9.1.0",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
-            "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
-            "dev": true,
-            "bin": {
-                "eslint-config-prettier": "bin/cli.js"
-            },
-            "peerDependencies": {
-                "eslint": ">=7.0.0"
-            }
-        },
-        "node_modules/eslint-plugin-es": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
-            "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
-            "dev": true,
-            "dependencies": {
-                "eslint-utils": "^2.0.0",
-                "regexpp": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mysticatea"
-            },
-            "peerDependencies": {
-                "eslint": ">=4.19.1"
-            }
-        },
-        "node_modules/eslint-plugin-node": {
-            "version": "11.1.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
-            "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
-            "dev": true,
-            "dependencies": {
-                "eslint-plugin-es": "^3.0.0",
-                "eslint-utils": "^2.0.0",
-                "ignore": "^5.1.1",
-                "minimatch": "^3.0.4",
-                "resolve": "^1.10.1",
-                "semver": "^6.1.0"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            },
-            "peerDependencies": {
-                "eslint": ">=5.16.0"
-            }
-        },
-        "node_modules/eslint-plugin-node/node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/eslint-plugin-node/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/eslint-plugin-prettier": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
-            "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
-            "dev": true,
-            "dependencies": {
-                "prettier-linter-helpers": "^1.0.0",
-                "synckit": "^0.9.1"
-            },
-            "engines": {
-                "node": "^14.18.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint-plugin-prettier"
-            },
-            "peerDependencies": {
-                "@types/eslint": ">=8.0.0",
-                "eslint": ">=8.0.0",
-                "eslint-config-prettier": "*",
-                "prettier": ">=3.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/eslint": {
-                    "optional": true
-                },
-                "eslint-config-prettier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/eslint-plugin-react": {
-            "version": "7.37.2",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz",
-            "integrity": "sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==",
-            "dev": true,
-            "dependencies": {
-                "array-includes": "^3.1.8",
-                "array.prototype.findlast": "^1.2.5",
-                "array.prototype.flatmap": "^1.3.2",
-                "array.prototype.tosorted": "^1.1.4",
-                "doctrine": "^2.1.0",
-                "es-iterator-helpers": "^1.1.0",
-                "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.8",
-                "object.fromentries": "^2.0.8",
-                "object.values": "^1.2.0",
-                "prop-types": "^15.8.1",
-                "resolve": "^2.0.0-next.5",
-                "semver": "^6.3.1",
-                "string.prototype.matchall": "^4.0.11",
-                "string.prototype.repeat": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=4"
-            },
-            "peerDependencies": {
-                "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
-            }
-        },
-        "node_modules/eslint-plugin-react-hooks": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
-            "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-            }
-        },
-        "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/eslint-plugin-react/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/eslint-plugin-react/node_modules/resolve": {
-            "version": "2.0.0-next.5",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-            "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-            "dev": true,
-            "dependencies": {
-                "is-core-module": "^2.13.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/eslint-scope": {
-            "version": "8.2.0",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
-            "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
-            "dev": true,
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-utils": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-            "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-            "dev": true,
-            "dependencies": {
-                "eslint-visitor-keys": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mysticatea"
-            }
-        },
-        "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/eslint-visitor-keys": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-            "dev": true,
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint/node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/eslint/node_modules/eslint-visitor-keys": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/espree": {
-            "version": "10.3.0",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
-            "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
-            "dev": true,
-            "dependencies": {
-                "acorn": "^8.14.0",
-                "acorn-jsx": "^5.3.2",
-                "eslint-visitor-keys": "^4.2.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/espree/node_modules/eslint-visitor-keys": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
-            "dev": true,
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/esquery": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-            "dev": true,
-            "dependencies": {
-                "estraverse": "^5.1.0"
-            },
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/esrecurse": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-            "dev": true,
-            "dependencies": {
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/estree-walker": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-        },
-        "node_modules/esutils": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/events": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-            "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-            "engines": {
-                "node": ">=0.8.x"
-            }
-        },
-        "node_modules/fast-deep-equal": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-        },
-        "node_modules/fast-diff": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-            "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-            "dev": true
-        },
-        "node_modules/fast-glob": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-            "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"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/fast-json-stable-stringify": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-            "dev": true
-        },
-        "node_modules/fast-levenshtein": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-            "dev": true
-        },
-        "node_modules/fastq": {
-            "version": "1.17.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-            "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-            "dependencies": {
-                "reusify": "^1.0.4"
-            }
-        },
-        "node_modules/file-entry-cache": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-            "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-            "dev": true,
-            "dependencies": {
-                "flat-cache": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=16.0.0"
-            }
-        },
-        "node_modules/fill-range": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/find-up": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-            "dependencies": {
-                "locate-path": "^6.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/flat-cache": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-            "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-            "dev": true,
-            "dependencies": {
-                "flatted": "^3.2.9",
-                "keyv": "^4.5.4"
-            },
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/flatted": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
-            "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
-            "dev": true
-        },
-        "node_modules/follow-redirects": {
-            "version": "1.15.9",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/for-each": {
-            "version": "0.3.3",
-            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-            "dev": true,
-            "dependencies": {
-                "is-callable": "^1.1.3"
-            }
-        },
-        "node_modules/foreground-child": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-            "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-            "dependencies": {
-                "cross-spawn": "^7.0.0",
-                "signal-exit": "^4.0.1"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/form-data": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
-            "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/formik": {
-            "version": "2.4.6",
-            "resolved": "https://registry.npmjs.org/formik/-/formik-2.4.6.tgz",
-            "integrity": "sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==",
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://opencollective.com/formik"
-                }
-            ],
-            "dependencies": {
-                "@types/hoist-non-react-statics": "^3.3.1",
-                "deepmerge": "^2.1.1",
-                "hoist-non-react-statics": "^3.3.0",
-                "lodash": "^4.17.21",
-                "lodash-es": "^4.17.21",
-                "react-fast-compare": "^2.0.1",
-                "tiny-warning": "^1.0.2",
-                "tslib": "^2.0.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.8.0"
-            }
-        },
-        "node_modules/formik/node_modules/react-fast-compare": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
-            "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw=="
-        },
-        "node_modules/fraction.js": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "type": "patreon",
-                "url": "https://github.com/sponsors/rawify"
-            }
-        },
-        "node_modules/framer-motion": {
-            "version": "11.11.17",
-            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.11.17.tgz",
-            "integrity": "sha512-O8QzvoKiuzI5HSAHbcYuL6xU+ZLXbrH7C8Akaato4JzQbX2ULNeniqC2Vo5eiCtFktX9XsJ+7nUhxcl2E2IjpA==",
-            "dependencies": {
-                "tslib": "^2.4.0"
-            },
-            "peerDependencies": {
-                "@emotion/is-prop-valid": "*",
-                "react": "^18.0.0",
-                "react-dom": "^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@emotion/is-prop-valid": {
-                    "optional": true
-                },
-                "react": {
-                    "optional": true
-                },
-                "react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/fs.realpath": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
-        },
-        "node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "hasInstallScript": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
-        "node_modules/function-bind": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/function.prototype.name": {
-            "version": "1.1.6",
-            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-            "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.2.0",
-                "es-abstract": "^1.22.1",
-                "functions-have-names": "^1.2.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/functions-have-names": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/gensync": {
-            "version": "1.0.0-beta.2",
-            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/get-intrinsic": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-            "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-            "dev": true,
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "function-bind": "^1.1.2",
-                "has-proto": "^1.0.1",
-                "has-symbols": "^1.0.3",
-                "hasown": "^2.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/get-nonce": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
-            "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/get-symbol-description": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-            "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.5",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/glob": {
-            "version": "9.3.5",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-9.3.5.tgz",
-            "integrity": "sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==",
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "minimatch": "^8.0.2",
-                "minipass": "^4.2.4",
-                "path-scurry": "^1.6.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dependencies": {
-                "is-glob": "^4.0.3"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/glob/node_modules/minimatch": {
-            "version": "8.0.4",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-8.0.4.tgz",
-            "integrity": "sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/globals": {
-            "version": "15.12.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-15.12.0.tgz",
-            "integrity": "sha512-1+gLErljJFhbOVyaetcwJiJ4+eLe45S2E7P5UiZ9xGfeq3ATQf5DOv9G7MH3gGbKQLkzmNh2DxfZwLdw+j6oTQ==",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globalthis": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-            "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
-            "dev": true,
-            "dependencies": {
-                "define-properties": "^1.2.1",
-                "gopd": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/globby": {
-            "version": "11.1.0",
-            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-            "dev": true,
-            "dependencies": {
-                "array-union": "^2.1.0",
-                "dir-glob": "^3.0.1",
-                "fast-glob": "^3.2.9",
-                "ignore": "^5.2.0",
-                "merge2": "^1.4.1",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/gopd": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.1.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/graphemer": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-            "dev": true
-        },
-        "node_modules/has-bigints": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-flag": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/has-property-descriptors": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-            "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-            "dev": true,
-            "dependencies": {
-                "es-define-property": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-proto": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-            "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-symbols": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-tostringtag": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-            "dev": true,
-            "dependencies": {
-                "has-symbols": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/hasown": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-            "dependencies": {
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/hoist-non-react-statics": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-            "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
-            "dependencies": {
-                "react-is": "^16.7.0"
-            }
-        },
-        "node_modules/html-parse-stringify": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-            "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "void-elements": "3.1.0"
-            }
-        },
-        "node_modules/https-proxy-agent": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-            "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-            "dependencies": {
-                "agent-base": "6",
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/i18next": {
-            "version": "25.0.2",
-            "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.0.2.tgz",
-            "integrity": "sha512-xWxgK8GAaPYkV9ia2tdgbtdM+qiC+ysVTBPvXhpCORU/+QkeQe3BSI7Crr+c4ZXULN1PfnXG/HY2n7HGx4KKBg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://locize.com"
-                },
-                {
-                    "type": "individual",
-                    "url": "https://locize.com/i18next.html"
-                },
-                {
-                    "type": "individual",
-                    "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.26.10"
-            },
-            "peerDependencies": {
-                "typescript": "^5"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/i18next-browser-languagedetector": {
-            "version": "8.0.5",
-            "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.0.5.tgz",
-            "integrity": "sha512-OstebRKqKiQw8xEvQF5aRyUujsCatanj7Q9eo5iiH2gJpoXGZ7483ol3sVBwfqbobTQPNH1J+NAyJ1aCQoEC+w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.23.2"
-            }
-        },
-        "node_modules/i18next-http-backend": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-3.0.2.tgz",
-            "integrity": "sha512-PdlvPnvIp4E1sYi46Ik4tBYh/v/NbYfFFgTjkwFl0is8A18s7/bx9aXqsrOax9WUbeNS6mD2oix7Z0yGGf6m5g==",
-            "license": "MIT",
-            "dependencies": {
-                "cross-fetch": "4.0.0"
-            }
-        },
-        "node_modules/ignore": {
-            "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-            "dev": true,
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/immediate": {
-            "version": "3.0.6",
-            "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
-            "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
-        },
-        "node_modules/immer": {
-            "version": "9.0.21",
-            "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
-            "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/immer"
-            }
-        },
-        "node_modules/import-fresh": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-            "dependencies": {
-                "parent-module": "^1.0.0",
-                "resolve-from": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/imurmurhash": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.8.19"
-            }
-        },
-        "node_modules/internal-slot": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-            "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-            "dev": true,
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "hasown": "^2.0.0",
-                "side-channel": "^1.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/invariant": {
-            "version": "2.2.4",
-            "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-            "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-            "dependencies": {
-                "loose-envify": "^1.0.0"
-            }
-        },
-        "node_modules/is-array-buffer": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-            "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "get-intrinsic": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-arrayish": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-            "license": "MIT"
-        },
-        "node_modules/is-async-function": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-            "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-bigint": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-            "dev": true,
-            "dependencies": {
-                "has-bigints": "^1.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-binary-path": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dependencies": {
-                "binary-extensions": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-boolean-object": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-callable": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-core-module": {
-            "version": "2.15.1",
-            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-            "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
-            "dependencies": {
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-data-view": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-            "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
-            "dev": true,
-            "dependencies": {
-                "is-typed-array": "^1.1.13"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-date-object": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-finalizationregistry": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.0.tgz",
-            "integrity": "sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-generator-function": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-            "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dependencies": {
-                "is-extglob": "^2.1.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-map": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-            "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-negative-zero": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-            "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "engines": {
-                "node": ">=0.12.0"
-            }
-        },
-        "node_modules/is-number-object": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-regex": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-set": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-            "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-shared-array-buffer": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-            "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-string": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-symbol": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-            "dev": true,
-            "dependencies": {
-                "has-symbols": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-typed-array": {
-            "version": "1.1.13",
-            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-            "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
-            "dev": true,
-            "dependencies": {
-                "which-typed-array": "^1.1.14"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakmap": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-            "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakref": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-            "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakset": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
-            "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "get-intrinsic": "^1.2.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/isarray": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-            "dev": true
-        },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
-        },
-        "node_modules/iterator.prototype": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.3.tgz",
-            "integrity": "sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==",
-            "dev": true,
-            "dependencies": {
-                "define-properties": "^1.2.1",
-                "get-intrinsic": "^1.2.1",
-                "has-symbols": "^1.0.3",
-                "reflect.getprototypeof": "^1.0.4",
-                "set-function-name": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/jackspeak": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            },
-            "optionalDependencies": {
-                "@pkgjs/parseargs": "^0.11.0"
-            }
-        },
-        "node_modules/javascript-natural-sort": {
-            "version": "0.7.1",
-            "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
-            "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
-            "dev": true
-        },
-        "node_modules/jiti": {
-            "version": "1.21.6",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-            "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-            "bin": {
-                "jiti": "bin/jiti.js"
-            }
-        },
-        "node_modules/js-tokens": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-        },
-        "node_modules/js-yaml": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-            "dev": true,
-            "dependencies": {
-                "argparse": "^2.0.1"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/jsesc": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-            "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/json-buffer": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-            "dev": true
-        },
-        "node_modules/json-parse-even-better-errors": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-            "license": "MIT"
-        },
-        "node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true
-        },
-        "node_modules/json-stable-stringify-without-jsonify": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-            "dev": true
-        },
-        "node_modules/json5": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-            "bin": {
-                "json5": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/jsx-ast-utils": {
-            "version": "3.3.5",
-            "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-            "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-            "dev": true,
-            "dependencies": {
-                "array-includes": "^3.1.6",
-                "array.prototype.flat": "^1.3.1",
-                "object.assign": "^4.1.4",
-                "object.values": "^1.1.6"
-            },
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/keyv": {
-            "version": "4.5.4",
-            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-            "dev": true,
-            "dependencies": {
-                "json-buffer": "3.0.1"
-            }
-        },
-        "node_modules/kleur": {
-            "version": "4.1.5",
-            "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-            "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/laravel-vite-plugin": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.0.6.tgz",
-            "integrity": "sha512-B34OqmZc/rV1KvSjst8SsUm/LKHsuDusw8jiZCIhlnTHXbXnK89JUM9pTJuk6E/Vc/1DT2gX7qNfhipak1WS8w==",
-            "dependencies": {
-                "picocolors": "^1.0.0",
-                "vite-plugin-full-reload": "^1.1.0"
-            },
-            "bin": {
-                "clean-orphaned-assets": "bin/clean.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            },
-            "peerDependencies": {
-                "vite": "^5.0.0"
-            }
-        },
-        "node_modules/levn": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "^1.2.1",
-                "type-check": "~0.4.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/lie": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz",
-            "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==",
-            "dependencies": {
-                "immediate": "~3.0.5"
-            }
-        },
-        "node_modules/lilconfig": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-        },
-        "node_modules/localforage": {
-            "version": "1.10.0",
-            "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz",
-            "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==",
-            "dependencies": {
-                "lie": "3.1.1"
-            }
-        },
-        "node_modules/locate-path": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-            "dependencies": {
-                "p-locate": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-        },
-        "node_modules/lodash-es": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-        },
-        "node_modules/lodash.get": {
-            "version": "4.4.2",
-            "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
-            "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
-            "deprecated": "This package is deprecated. Use the optional chaining (?.) operator instead.",
-            "license": "MIT"
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
-        },
-        "node_modules/loose-envify": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-            "dependencies": {
-                "js-tokens": "^3.0.0 || ^4.0.0"
-            },
-            "bin": {
-                "loose-envify": "cli.js"
-            }
-        },
-        "node_modules/lru-cache": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-            "dependencies": {
-                "yallist": "^3.0.2"
-            }
-        },
-        "node_modules/magic-string": {
-            "version": "0.30.8",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz",
-            "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.15"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/micromatch": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-            "dependencies": {
-                "braces": "^3.0.3",
-                "picomatch": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=8.6"
-            }
-        },
-        "node_modules/million": {
-            "version": "3.1.11",
-            "resolved": "https://registry.npmjs.org/million/-/million-3.1.11.tgz",
-            "integrity": "sha512-6Vh1s0da0PzSqbbp9Zd8yMTIkOWnvBU4vNJCMHTZPXaY3fZ5h+N7s5croS/RBgjJIHz3WQZnvyNBQz7gQ6cqJg==",
-            "dependencies": {
-                "@babel/core": "^7.23.7",
-                "@babel/types": "^7.23.6",
-                "@rollup/pluginutils": "^5.1.0",
-                "kleur": "^4.1.5",
-                "undici": "^6.3.0",
-                "unplugin": "^1.6.0"
-            },
-            "bin": {
-                "million": "cli.js"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/aidenybai"
-            }
-        },
-        "node_modules/million/node_modules/unplugin": {
-            "version": "1.16.0",
-            "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.0.tgz",
-            "integrity": "sha512-5liCNPuJW8dqh3+DM6uNM2EI3MLLpCKp/KY+9pB5M2S2SR2qvvDHhKgBOaTWEbZTAws3CXfB0rKTIolWKL05VQ==",
-            "dependencies": {
-                "acorn": "^8.14.0",
-                "webpack-virtual-modules": "^0.6.2"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/million/node_modules/webpack-virtual-modules": {
-            "version": "0.6.2",
-            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
-            "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ=="
-        },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dependencies": {
-                "mime-db": "1.52.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/minipass": {
-            "version": "4.2.8",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-4.2.8.tgz",
-            "integrity": "sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ms": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-        },
-        "node_modules/mz": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-            "dependencies": {
-                "any-promise": "^1.0.0",
-                "object-assign": "^4.0.1",
-                "thenify-all": "^1.0.0"
-            }
-        },
-        "node_modules/nanoid": {
-            "version": "3.3.7",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
-            },
-            "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-            }
-        },
-        "node_modules/natural-compare": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-            "dev": true
-        },
-        "node_modules/node-fetch": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-            "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-            "dependencies": {
-                "whatwg-url": "^5.0.0"
-            },
-            "engines": {
-                "node": "4.x || >=6.0.0"
-            },
-            "peerDependencies": {
-                "encoding": "^0.1.0"
-            },
-            "peerDependenciesMeta": {
-                "encoding": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/node-releases": {
-            "version": "2.0.18",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
-            "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
-        },
-        "node_modules/normalize-path": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/normalize-range": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object-hash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/object-inspect": {
-            "version": "1.13.3",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
-            "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object-keys": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/object.assign": {
-            "version": "4.1.5",
-            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-            "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.5",
-                "define-properties": "^1.2.1",
-                "has-symbols": "^1.0.3",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object.entries": {
-            "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
-            "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/object.fromentries": {
-            "version": "2.0.8",
-            "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
-            "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.2",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object.values": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-            "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/optionator": {
-            "version": "0.9.4",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-            "dev": true,
-            "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"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/p-limit": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-            "dependencies": {
-                "yocto-queue": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-locate": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-            "dependencies": {
-                "p-limit": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/package-json-from-dist": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
-        },
-        "node_modules/parent-module": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-            "dependencies": {
-                "callsites": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/parse-json": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.0.0",
-                "error-ex": "^1.3.1",
-                "json-parse-even-better-errors": "^2.3.0",
-                "lines-and-columns": "^1.1.6"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/path-exists": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-parse": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-        },
-        "node_modules/path-scurry": {
-            "version": "1.11.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-            "dependencies": {
-                "lru-cache": "^10.2.0",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/path-scurry/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
-        },
-        "node_modules/path-scurry/node_modules/minipass": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/path-type": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pathe": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-            "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="
-        },
-        "node_modules/picocolors": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
-        },
-        "node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/pify": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/pirates": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/possible-typed-array-names": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
-            "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/postcss": {
-            "version": "8.4.49",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-            "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "nanoid": "^3.3.7",
-                "picocolors": "^1.1.1",
-                "source-map-js": "^1.2.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            }
-        },
-        "node_modules/postcss-attribute-case-insensitive": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-6.0.3.tgz",
-            "integrity": "sha512-KHkmCILThWBRtg+Jn1owTnHPnFit4OkqS+eKiGEOPIGke54DCeYGJ6r0Fx/HjfE9M9kznApCLcU0DvnPchazMQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-clamp": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-clamp/-/postcss-clamp-4.1.0.tgz",
-            "integrity": "sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==",
-            "dev": true,
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": ">=7.6.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4.6"
-            }
-        },
-        "node_modules/postcss-color-functional-notation": {
-            "version": "6.0.14",
-            "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-6.0.14.tgz",
-            "integrity": "sha512-dNUX+UH4dAozZ8uMHZ3CtCNYw8fyFAmqqdcyxMr7PEdM9jLXV19YscoYO0F25KqZYhmtWKQ+4tKrIZQrwzwg7A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-color-hex-alpha": {
-            "version": "9.0.4",
-            "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.4.tgz",
-            "integrity": "sha512-XQZm4q4fNFqVCYMGPiBjcqDhuG7Ey2xrl99AnDJMyr5eDASsAGalndVgHZF8i97VFNy1GQeZc4q2ydagGmhelQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-color-rebeccapurple": {
-            "version": "9.0.3",
-            "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-9.0.3.tgz",
-            "integrity": "sha512-ruBqzEFDYHrcVq3FnW3XHgwRqVMrtEPLBtD7K2YmsLKVc2jbkxzzNEctJKsPCpDZ+LeMHLKRDoSShVefGc+CkQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-custom-media": {
-            "version": "10.0.8",
-            "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-10.0.8.tgz",
-            "integrity": "sha512-V1KgPcmvlGdxTel4/CyQtBJEFhMVpEmRGFrnVtgfGIHj5PJX9vO36eFBxKBeJn+aCDTed70cc+98Mz3J/uVdGQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/cascade-layer-name-parser": "^1.0.13",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/media-query-list-parser": "^2.1.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-custom-properties": {
-            "version": "13.3.12",
-            "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.12.tgz",
-            "integrity": "sha512-oPn/OVqONB2ZLNqN185LDyaVByELAA/u3l2CS2TS16x2j2XsmV4kd8U49+TMxmUsEU9d8fB/I10E6U7kB0L1BA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/cascade-layer-name-parser": "^1.0.13",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-custom-selectors": {
-            "version": "7.1.12",
-            "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-7.1.12.tgz",
-            "integrity": "sha512-ctIoprBMJwByYMGjXG0F7IT2iMF2hnamQ+aWZETyBM0aAlyaYdVZTeUkk8RB+9h9wP+NdN3f01lfvKl2ZSqC0g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/cascade-layer-name-parser": "^1.0.13",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "postcss-selector-parser": "^6.1.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-dir-pseudo-class": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-8.0.1.tgz",
-            "integrity": "sha512-uULohfWBBVoFiZXgsQA24JV6FdKIidQ+ZqxOouhWwdE+qJlALbkS5ScB43ZTjPK+xUZZhlaO/NjfCt5h4IKUfw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-double-position-gradients": {
-            "version": "5.0.7",
-            "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-5.0.7.tgz",
-            "integrity": "sha512-1xEhjV9u1s4l3iP5lRt1zvMjI/ya8492o9l/ivcxHhkO3nOz16moC4JpMxDUGrOs4R3hX+KWT7gKoV842cwRgg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-focus-visible": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-9.0.1.tgz",
-            "integrity": "sha512-N2VQ5uPz3Z9ZcqI5tmeholn4d+1H14fKXszpjogZIrFbhaq0zNAtq8sAnw6VLiqGbL8YBzsnu7K9bBkTqaRimQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-focus-within": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-8.0.1.tgz",
-            "integrity": "sha512-NFU3xcY/xwNaapVb+1uJ4n23XImoC86JNwkY/uduytSl2s9Ekc2EpzmRR63+ExitnW3Mab3Fba/wRPCT5oDILA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-font-variant": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
-            "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
-            "dev": true,
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-gap-properties": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-5.0.1.tgz",
-            "integrity": "sha512-k2z9Cnngc24c0KF4MtMuDdToROYqGMMUQGcE6V0odwjHyOHtaDBlLeRBV70y9/vF7KIbShrTRZ70JjsI1BZyWw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-image-set-function": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-6.0.3.tgz",
-            "integrity": "sha512-i2bXrBYzfbRzFnm+pVuxVePSTCRiNmlfssGI4H0tJQvDue+yywXwUxe68VyzXs7cGtMaH6MCLY6IbCShrSroCw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/utilities": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-import": {
-            "version": "16.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.1.0.tgz",
-            "integrity": "sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==",
-            "dev": true,
-            "dependencies": {
-                "postcss-value-parser": "^4.0.0",
-                "read-cache": "^1.0.0",
-                "resolve": "^1.1.7"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
-            }
-        },
-        "node_modules/postcss-js": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-            "dependencies": {
-                "camelcase-css": "^2.0.1"
-            },
-            "engines": {
-                "node": "^12 || ^14 || >= 16"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4.21"
-            }
-        },
-        "node_modules/postcss-lab-function": {
-            "version": "6.0.19",
-            "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.19.tgz",
-            "integrity": "sha512-vwln/mgvFrotJuGV8GFhpAOu9iGf3pvTBr6dLPDmUcqVD5OsQpEFyQMAFTxSxWXGEzBj6ld4pZ/9GDfEpXvo0g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/css-color-parser": "^2.0.4",
-                "@csstools/css-parser-algorithms": "^2.7.1",
-                "@csstools/css-tokenizer": "^2.4.1",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/utilities": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-load-config": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-            "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "lilconfig": "^3.0.0",
-                "yaml": "^2.3.4"
-            },
-            "engines": {
-                "node": ">= 14"
-            },
-            "peerDependencies": {
-                "postcss": ">=8.0.9",
-                "ts-node": ">=9.0.0"
-            },
-            "peerDependenciesMeta": {
-                "postcss": {
-                    "optional": true
-                },
-                "ts-node": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss-load-config/node_modules/lilconfig": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-            "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antonk52"
-            }
-        },
-        "node_modules/postcss-logical": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-7.0.1.tgz",
-            "integrity": "sha512-8GwUQZE0ri0K0HJHkDv87XOLC8DE0msc+HoWLeKdtjDZEwpZ5xuK3QdV6FhmHSQW40LPkg43QzvATRAI3LsRkg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-nested": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-            "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.1.1"
-            },
-            "engines": {
-                "node": ">=12.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.2.14"
-            }
-        },
-        "node_modules/postcss-nesting": {
-            "version": "12.1.5",
-            "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-12.1.5.tgz",
-            "integrity": "sha512-N1NgI1PDCiAGWPTYrwqm8wpjv0bgDmkYHH72pNsqTCv9CObxjxftdYu6AKtGN+pnJa7FQjMm3v4sp8QJbFsYdQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/selector-resolve-nested": "^1.1.0",
-                "@csstools/selector-specificity": "^3.1.1",
-                "postcss-selector-parser": "^6.1.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-opacity-percentage": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-2.0.0.tgz",
-            "integrity": "sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "kofi",
-                    "url": "https://ko-fi.com/mrcgrtz"
-                },
-                {
-                    "type": "liberapay",
-                    "url": "https://liberapay.com/mrcgrtz"
-                }
-            ],
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.2"
-            }
-        },
-        "node_modules/postcss-overflow-shorthand": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-5.0.1.tgz",
-            "integrity": "sha512-XzjBYKLd1t6vHsaokMV9URBt2EwC9a7nDhpQpjoPk2HRTSQfokPfyAS/Q7AOrzUu6q+vp/GnrDBGuj/FCaRqrQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-page-break": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
-            "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
-            "dev": true,
-            "peerDependencies": {
-                "postcss": "^8"
-            }
-        },
-        "node_modules/postcss-place": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-9.0.1.tgz",
-            "integrity": "sha512-JfL+paQOgRQRMoYFc2f73pGuG/Aw3tt4vYMR6UA3cWVMxivviPTnMFnFTczUJOA4K2Zga6xgQVE+PcLs64WC8Q==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-value-parser": "^4.2.0"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-preset-env": {
-            "version": "9.6.0",
-            "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.6.0.tgz",
-            "integrity": "sha512-Lxfk4RYjUdwPCYkc321QMdgtdCP34AeI94z+/8kVmqnTIlD4bMRQeGcMZgwz8BxHrzQiFXYIR5d7k/9JMs2MEA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "@csstools/postcss-cascade-layers": "^4.0.6",
-                "@csstools/postcss-color-function": "^3.0.19",
-                "@csstools/postcss-color-mix-function": "^2.0.19",
-                "@csstools/postcss-content-alt-text": "^1.0.0",
-                "@csstools/postcss-exponential-functions": "^1.0.9",
-                "@csstools/postcss-font-format-keywords": "^3.0.2",
-                "@csstools/postcss-gamut-mapping": "^1.0.11",
-                "@csstools/postcss-gradients-interpolation-method": "^4.0.20",
-                "@csstools/postcss-hwb-function": "^3.0.18",
-                "@csstools/postcss-ic-unit": "^3.0.7",
-                "@csstools/postcss-initial": "^1.0.1",
-                "@csstools/postcss-is-pseudo-class": "^4.0.8",
-                "@csstools/postcss-light-dark-function": "^1.0.8",
-                "@csstools/postcss-logical-float-and-clear": "^2.0.1",
-                "@csstools/postcss-logical-overflow": "^1.0.1",
-                "@csstools/postcss-logical-overscroll-behavior": "^1.0.1",
-                "@csstools/postcss-logical-resize": "^2.0.1",
-                "@csstools/postcss-logical-viewport-units": "^2.0.11",
-                "@csstools/postcss-media-minmax": "^1.1.8",
-                "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.11",
-                "@csstools/postcss-nested-calc": "^3.0.2",
-                "@csstools/postcss-normalize-display-values": "^3.0.2",
-                "@csstools/postcss-oklab-function": "^3.0.19",
-                "@csstools/postcss-progressive-custom-properties": "^3.3.0",
-                "@csstools/postcss-relative-color-syntax": "^2.0.19",
-                "@csstools/postcss-scope-pseudo-class": "^3.0.1",
-                "@csstools/postcss-stepped-value-functions": "^3.0.10",
-                "@csstools/postcss-text-decoration-shorthand": "^3.0.7",
-                "@csstools/postcss-trigonometric-functions": "^3.0.10",
-                "@csstools/postcss-unset-value": "^3.0.1",
-                "autoprefixer": "^10.4.19",
-                "browserslist": "^4.23.1",
-                "css-blank-pseudo": "^6.0.2",
-                "css-has-pseudo": "^6.0.5",
-                "css-prefers-color-scheme": "^9.0.1",
-                "cssdb": "^8.1.0",
-                "postcss-attribute-case-insensitive": "^6.0.3",
-                "postcss-clamp": "^4.1.0",
-                "postcss-color-functional-notation": "^6.0.14",
-                "postcss-color-hex-alpha": "^9.0.4",
-                "postcss-color-rebeccapurple": "^9.0.3",
-                "postcss-custom-media": "^10.0.8",
-                "postcss-custom-properties": "^13.3.12",
-                "postcss-custom-selectors": "^7.1.12",
-                "postcss-dir-pseudo-class": "^8.0.1",
-                "postcss-double-position-gradients": "^5.0.7",
-                "postcss-focus-visible": "^9.0.1",
-                "postcss-focus-within": "^8.0.1",
-                "postcss-font-variant": "^5.0.0",
-                "postcss-gap-properties": "^5.0.1",
-                "postcss-image-set-function": "^6.0.3",
-                "postcss-lab-function": "^6.0.19",
-                "postcss-logical": "^7.0.1",
-                "postcss-nesting": "^12.1.5",
-                "postcss-opacity-percentage": "^2.0.0",
-                "postcss-overflow-shorthand": "^5.0.1",
-                "postcss-page-break": "^3.0.4",
-                "postcss-place": "^9.0.1",
-                "postcss-pseudo-class-any-link": "^9.0.2",
-                "postcss-replace-overflow-wrap": "^4.0.0",
-                "postcss-selector-not": "^7.0.2"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-pseudo-class-any-link": {
-            "version": "9.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-9.0.2.tgz",
-            "integrity": "sha512-HFSsxIqQ9nA27ahyfH37cRWGk3SYyQLpk0LiWw/UGMV4VKT5YG2ONee4Pz/oFesnK0dn2AjcyequDbIjKJgB0g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-replace-overflow-wrap": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
-            "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
-            "dev": true,
-            "peerDependencies": {
-                "postcss": "^8.0.3"
-            }
-        },
-        "node_modules/postcss-selector-not": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-7.0.2.tgz",
-            "integrity": "sha512-/SSxf/90Obye49VZIfc0ls4H0P6i6V1iHv0pzZH8SdgvZOPFkF37ef1r5cyWcMflJSFJ5bfuoluTnFnBBFiuSA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": "^14 || ^16 || >=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4"
-            }
-        },
-        "node_modules/postcss-selector-parser": {
-            "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/postcss-value-parser": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-        },
-        "node_modules/prelude-ls": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/prettier": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-            "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
-            "dev": true,
-            "bin": {
-                "prettier": "bin/prettier.cjs"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/prettier/prettier?sponsor=1"
-            }
-        },
-        "node_modules/prettier-linter-helpers": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-            "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
-            "dev": true,
-            "dependencies": {
-                "fast-diff": "^1.1.2"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/prettier-plugin-tailwindcss": {
-            "version": "0.5.14",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.14.tgz",
-            "integrity": "sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=14.21.3"
-            },
-            "peerDependencies": {
-                "@ianvs/prettier-plugin-sort-imports": "*",
-                "@prettier/plugin-pug": "*",
-                "@shopify/prettier-plugin-liquid": "*",
-                "@trivago/prettier-plugin-sort-imports": "*",
-                "@zackad/prettier-plugin-twig-melody": "*",
-                "prettier": "^3.0",
-                "prettier-plugin-astro": "*",
-                "prettier-plugin-css-order": "*",
-                "prettier-plugin-import-sort": "*",
-                "prettier-plugin-jsdoc": "*",
-                "prettier-plugin-marko": "*",
-                "prettier-plugin-organize-attributes": "*",
-                "prettier-plugin-organize-imports": "*",
-                "prettier-plugin-sort-imports": "*",
-                "prettier-plugin-style-order": "*",
-                "prettier-plugin-svelte": "*"
-            },
-            "peerDependenciesMeta": {
-                "@ianvs/prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "@prettier/plugin-pug": {
-                    "optional": true
-                },
-                "@shopify/prettier-plugin-liquid": {
-                    "optional": true
-                },
-                "@trivago/prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "@zackad/prettier-plugin-twig-melody": {
-                    "optional": true
-                },
-                "prettier-plugin-astro": {
-                    "optional": true
-                },
-                "prettier-plugin-css-order": {
-                    "optional": true
-                },
-                "prettier-plugin-import-sort": {
-                    "optional": true
-                },
-                "prettier-plugin-jsdoc": {
-                    "optional": true
-                },
-                "prettier-plugin-marko": {
-                    "optional": true
-                },
-                "prettier-plugin-organize-attributes": {
-                    "optional": true
-                },
-                "prettier-plugin-organize-imports": {
-                    "optional": true
-                },
-                "prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "prettier-plugin-style-order": {
-                    "optional": true
-                },
-                "prettier-plugin-svelte": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/progress": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-            "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/prop-types": {
-            "version": "15.8.1",
-            "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-            "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-            "dependencies": {
-                "loose-envify": "^1.4.0",
-                "object-assign": "^4.1.1",
-                "react-is": "^16.13.1"
-            }
-        },
-        "node_modules/property-expr": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
-            "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA=="
-        },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-        },
-        "node_modules/punycode": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/qrcode.react": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.2.0.tgz",
-            "integrity": "sha512-YietHHltOHA4+l5na1srdaMx4sVSOjV9tamHs+mwiLWAMr6QVACRUw1Neax5CptFILcNoITctJY0Ipyn5enQ8g==",
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ]
-        },
-        "node_modules/react": {
-            "version": "18.3.1",
-            "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-            "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
-            "dependencies": {
-                "loose-envify": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/react-chartjs-2": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.2.0.tgz",
-            "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==",
-            "peerDependencies": {
-                "chart.js": "^4.1.1",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/react-dom": {
-            "version": "18.3.1",
-            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
-            "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
-            "dependencies": {
-                "loose-envify": "^1.1.0",
-                "scheduler": "^0.23.2"
-            },
-            "peerDependencies": {
-                "react": "^18.3.1"
-            }
-        },
-        "node_modules/react-fast-compare": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
-            "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
-        },
-        "node_modules/react-i18next": {
-            "version": "15.5.1",
-            "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.5.1.tgz",
-            "integrity": "sha512-C8RZ7N7H0L+flitiX6ASjq9p5puVJU1Z8VyL3OgM/QOMRf40BMZX+5TkpxzZVcTmOLPX5zlti4InEX5pFyiVeA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.25.0",
-                "html-parse-stringify": "^3.0.1"
-            },
-            "peerDependencies": {
-                "i18next": ">= 23.2.3",
-                "react": ">= 16.8.0",
-                "typescript": "^5"
-            },
-            "peerDependenciesMeta": {
-                "react-dom": {
-                    "optional": true
-                },
-                "react-native": {
-                    "optional": true
-                },
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/react-is": {
-            "version": "16.13.1",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-        },
-        "node_modules/react-remove-scroll": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
-            "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
-            "dependencies": {
-                "react-remove-scroll-bar": "^2.3.6",
-                "react-style-singleton": "^2.2.1",
-                "tslib": "^2.1.0",
-                "use-callback-ref": "^1.3.0",
-                "use-sidecar": "^1.1.2"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/react-remove-scroll-bar": {
-            "version": "2.3.6",
-            "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
-            "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
-            "dependencies": {
-                "react-style-singleton": "^2.2.1",
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/react-router": {
-            "version": "6.28.0",
-            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.28.0.tgz",
-            "integrity": "sha512-HrYdIFqdrnhDw0PqG/AKjAqEqM7AvxCz0DQ4h2W8k6nqmc5uRBYDag0SBxx9iYz5G8gnuNVLzUe13wl9eAsXXg==",
-            "dependencies": {
-                "@remix-run/router": "1.21.0"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.8"
-            }
-        },
-        "node_modules/react-router-dom": {
-            "version": "6.28.0",
-            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.28.0.tgz",
-            "integrity": "sha512-kQ7Unsl5YdyOltsPGl31zOjLrDv+m2VcIEcIHqYYD3Lp0UppLjrzcfJqDJwXxFw3TH/yvapbnUvPlAj7Kx5nbg==",
-            "dependencies": {
-                "@remix-run/router": "1.21.0",
-                "react-router": "6.28.0"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.8",
-                "react-dom": ">=16.8"
-            }
-        },
-        "node_modules/react-style-singleton": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-            "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
-            "dependencies": {
-                "get-nonce": "^1.0.0",
-                "invariant": "^2.2.4",
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/read-cache": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dependencies": {
-                "pify": "^2.3.0"
-            }
-        },
-        "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            }
-        },
-        "node_modules/reaptcha": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/reaptcha/-/reaptcha-1.12.1.tgz",
-            "integrity": "sha512-zoppfGKHmo8x4PBmSrIQYQOGgVp1e8wMhr6KbwAdbQ76rSky1DcDCXLWRtBg7HGXn2hw+o+0hknafMB0rnrzZQ==",
-            "peerDependencies": {
-                "react": "^16 || ^17 || ^18"
-            }
-        },
-        "node_modules/redux": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
-            "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
-            "dependencies": {
-                "@babel/runtime": "^7.9.2"
-            }
-        },
-        "node_modules/redux-thunk": {
-            "version": "2.4.2",
-            "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-            "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
-            "peerDependencies": {
-                "redux": "^4"
-            }
-        },
-        "node_modules/reflect.getprototypeof": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.7.tgz",
-            "integrity": "sha512-bMvFGIUKlc/eSfXNX+aZ+EL95/EgZzuwA0OBPTbZZDEJw/0AkentjMuM1oiRfwHrshqk4RzdgiTg5CcDalXN5g==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.5",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.4",
-                "gopd": "^1.0.1",
-                "which-builtin-type": "^1.1.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/regenerator-runtime": {
-            "version": "0.14.1",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-            "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-        },
-        "node_modules/regexp.prototype.flags": {
-            "version": "1.5.3",
-            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz",
-            "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-errors": "^1.3.0",
-                "set-function-name": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/regexpp": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mysticatea"
-            }
-        },
-        "node_modules/resolve": {
-            "version": "1.22.8",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-            "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-            "dependencies": {
-                "is-core-module": "^2.13.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/resolve-from": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/reusify": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rollup": {
-            "version": "4.27.4",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.27.4.tgz",
-            "integrity": "sha512-RLKxqHEMjh/RGLsDxAEsaLO3mWgyoU6x9w6n1ikAzet4B3gI2/3yP6PWY2p9QzRTh6MfEIXB3MwsOY0Iv3vNrw==",
-            "dependencies": {
-                "@types/estree": "1.0.6"
-            },
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.27.4",
-                "@rollup/rollup-android-arm64": "4.27.4",
-                "@rollup/rollup-darwin-arm64": "4.27.4",
-                "@rollup/rollup-darwin-x64": "4.27.4",
-                "@rollup/rollup-freebsd-arm64": "4.27.4",
-                "@rollup/rollup-freebsd-x64": "4.27.4",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.27.4",
-                "@rollup/rollup-linux-arm-musleabihf": "4.27.4",
-                "@rollup/rollup-linux-arm64-gnu": "4.27.4",
-                "@rollup/rollup-linux-arm64-musl": "4.27.4",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.27.4",
-                "@rollup/rollup-linux-riscv64-gnu": "4.27.4",
-                "@rollup/rollup-linux-s390x-gnu": "4.27.4",
-                "@rollup/rollup-linux-x64-gnu": "4.27.4",
-                "@rollup/rollup-linux-x64-musl": "4.27.4",
-                "@rollup/rollup-win32-arm64-msvc": "4.27.4",
-                "@rollup/rollup-win32-ia32-msvc": "4.27.4",
-                "@rollup/rollup-win32-x64-msvc": "4.27.4",
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
-            }
-        },
-        "node_modules/safe-array-concat": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-            "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "get-intrinsic": "^1.2.4",
-                "has-symbols": "^1.0.3",
-                "isarray": "^2.0.5"
-            },
-            "engines": {
-                "node": ">=0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/safe-regex-test": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-            "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.6",
-                "es-errors": "^1.3.0",
-                "is-regex": "^1.1.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/scheduler": {
-            "version": "0.23.2",
-            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-            "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-            "dependencies": {
-                "loose-envify": "^1.1.0"
-            }
-        },
-        "node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/set-function-length": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-            "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-            "dev": true,
-            "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"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/set-function-name": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
-            "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-            "dev": true,
-            "dependencies": {
-                "define-data-property": "^1.1.4",
-                "es-errors": "^1.3.0",
-                "functions-have-names": "^1.2.3",
-                "has-property-descriptors": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/shallowequal": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-        },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shebang-regex": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/side-channel": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-            "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.4",
-                "object-inspect": "^1.13.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/signal-exit": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/slash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/sockette": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/sockette/-/sockette-2.0.6.tgz",
-            "integrity": "sha512-W6iG8RGV6Zife3Cj+FhuyHV447E6fqFM2hKmnaQrTvg3OydINV3Msj3WPFbX76blUlUxvQSMMMdrJxce8NqI5Q=="
-        },
-        "node_modules/sonner": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.7.0.tgz",
-            "integrity": "sha512-W6dH7m5MujEPyug3lpI2l3TC3Pp1+LTgK0Efg+IHDrBbtEjyCmCHHo6yfNBOsf1tFZ6zf+jceWwB38baC8yO9g==",
-            "peerDependencies": {
-                "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
-                "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-            }
-        },
-        "node_modules/source-map": {
-            "version": "0.5.7",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-            "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/source-map-js": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/string-width-cjs": {
-            "name": "string-width",
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-        },
-        "node_modules/string-width-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string.prototype.matchall": {
-            "version": "4.0.11",
-            "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
-            "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
-            "dev": true,
-            "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",
-                "get-intrinsic": "^1.2.4",
-                "gopd": "^1.0.1",
-                "has-symbols": "^1.0.3",
-                "internal-slot": "^1.0.7",
-                "regexp.prototype.flags": "^1.5.2",
-                "set-function-name": "^2.0.2",
-                "side-channel": "^1.0.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/string.prototype.repeat": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
-            "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
-            "dev": true,
-            "dependencies": {
-                "define-properties": "^1.1.3",
-                "es-abstract": "^1.17.5"
-            }
-        },
-        "node_modules/string.prototype.trim": {
-            "version": "1.2.9",
-            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-            "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.0",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/string.prototype.trimend": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-            "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/string.prototype.trimstart": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
-            "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/strip-ansi-cjs": {
-            "name": "strip-ansi",
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-json-comments": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/style-mod": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.2.tgz",
-            "integrity": "sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw=="
-        },
-        "node_modules/styled-components": {
-            "version": "6.1.17",
-            "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.17.tgz",
-            "integrity": "sha512-97D7DwWanI7nN24v0D4SvbfjLE9656umNSJZkBkDIWL37aZqG/wRQ+Y9pWtXyBIM/NSfcBzHLErEsqHmJNSVUg==",
-            "license": "MIT",
-            "dependencies": {
-                "@emotion/is-prop-valid": "1.2.2",
-                "@emotion/unitless": "0.8.1",
-                "@types/stylis": "4.2.5",
-                "css-to-react-native": "3.2.0",
-                "csstype": "3.1.3",
-                "postcss": "8.4.49",
-                "shallowequal": "1.1.0",
-                "stylis": "4.3.2",
-                "tslib": "2.6.2"
-            },
-            "engines": {
-                "node": ">= 16"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/styled-components"
-            },
-            "peerDependencies": {
-                "react": ">= 16.8.0",
-                "react-dom": ">= 16.8.0"
-            }
-        },
-        "node_modules/styled-components/node_modules/tslib": {
-            "version": "2.6.2",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-            "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-        },
-        "node_modules/stylis": {
-            "version": "4.3.2",
-            "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz",
-            "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg=="
-        },
-        "node_modules/sucrase": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-            "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.2",
-                "commander": "^4.0.0",
-                "glob": "^10.3.10",
-                "lines-and-columns": "^1.1.6",
-                "mz": "^2.7.0",
-                "pirates": "^4.0.1",
-                "ts-interface-checker": "^0.1.9"
-            },
-            "bin": {
-                "sucrase": "bin/sucrase",
-                "sucrase-node": "bin/sucrase-node"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/sucrase/node_modules/glob": {
-            "version": "10.4.5",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-            "dependencies": {
-                "foreground-child": "^3.1.0",
-                "jackspeak": "^3.1.2",
-                "minimatch": "^9.0.4",
-                "minipass": "^7.1.2",
-                "package-json-from-dist": "^1.0.0",
-                "path-scurry": "^1.11.1"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/sucrase/node_modules/minipass": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/supports-preserve-symlinks-flag": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/swr": {
-            "version": "2.2.5",
-            "resolved": "https://registry.npmjs.org/swr/-/swr-2.2.5.tgz",
-            "integrity": "sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==",
-            "dependencies": {
-                "client-only": "^0.0.1",
-                "use-sync-external-store": "^1.2.0"
-            },
-            "peerDependencies": {
-                "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/synckit": {
-            "version": "0.9.2",
-            "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
-            "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
-            "dev": true,
-            "dependencies": {
-                "@pkgr/core": "^0.1.0",
-                "tslib": "^2.6.2"
-            },
-            "engines": {
-                "node": "^14.18.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/unts"
-            }
-        },
-        "node_modules/tailwind-merge": {
-            "version": "2.5.5",
-            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.5.tgz",
-            "integrity": "sha512-0LXunzzAZzo0tEPxV3I297ffKZPlKDrjj7NXphC8V5ak9yHC5zRmxnOe2m/Rd/7ivsOMJe3JZ2JVocoDdQTRBA==",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/dcastil"
-            }
-        },
-        "node_modules/tailwind-scrollbar": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-3.1.0.tgz",
-            "integrity": "sha512-pmrtDIZeHyu2idTejfV59SbaJyvp1VRjYxAjZBH0jnyrPRo6HL1kD5Glz8VPagasqr6oAx6M05+Tuw429Z8jxg==",
-            "engines": {
-                "node": ">=12.13.0"
-            },
-            "peerDependencies": {
-                "tailwindcss": "3.x"
-            }
-        },
-        "node_modules/tailwindcss": {
-            "version": "3.4.15",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.15.tgz",
-            "integrity": "sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==",
-            "dependencies": {
-                "@alloc/quick-lru": "^5.2.0",
-                "arg": "^5.0.2",
-                "chokidar": "^3.6.0",
-                "didyoumean": "^1.2.2",
-                "dlv": "^1.1.3",
-                "fast-glob": "^3.3.2",
-                "glob-parent": "^6.0.2",
-                "is-glob": "^4.0.3",
-                "jiti": "^1.21.6",
-                "lilconfig": "^2.1.0",
-                "micromatch": "^4.0.8",
-                "normalize-path": "^3.0.0",
-                "object-hash": "^3.0.0",
-                "picocolors": "^1.1.1",
-                "postcss": "^8.4.47",
-                "postcss-import": "^15.1.0",
-                "postcss-js": "^4.0.1",
-                "postcss-load-config": "^4.0.2",
-                "postcss-nested": "^6.2.0",
-                "postcss-selector-parser": "^6.1.2",
-                "resolve": "^1.22.8",
-                "sucrase": "^3.35.0"
-            },
-            "bin": {
-                "tailwind": "lib/cli.js",
-                "tailwindcss": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tailwindcss-animate": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
-            "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
-            "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders"
-            }
-        },
-        "node_modules/tailwindcss-inner-border": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/tailwindcss-inner-border/-/tailwindcss-inner-border-0.2.0.tgz",
-            "integrity": "sha512-IrKWoSHMisGY1FGfwD3+5nzPu1N9gWqUopqma72rS/5wp+DGxUltXhMm84TLpUeaUJyW6NDSHUO/qWh/+puZvg==",
-            "dev": true,
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/kripod"
-            },
-            "peerDependencies": {
-                "tailwindcss": ">=3"
-            }
-        },
-        "node_modules/tailwindcss/node_modules/postcss-import": {
-            "version": "15.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-            "dependencies": {
-                "postcss-value-parser": "^4.0.0",
-                "read-cache": "^1.0.0",
-                "resolve": "^1.1.7"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
-            }
-        },
-        "node_modules/thenify": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-            "dependencies": {
-                "any-promise": "^1.0.0"
-            }
-        },
-        "node_modules/thenify-all": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-            "dependencies": {
-                "thenify": ">= 3.1.0 < 4"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/tiny-case": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/tiny-case/-/tiny-case-1.0.3.tgz",
-            "integrity": "sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q=="
-        },
-        "node_modules/tiny-warning": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
-            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
-        },
-        "node_modules/to-fast-properties": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-            "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/to-regex-range": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dependencies": {
-                "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/toggle-selection": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
-            "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
-        },
-        "node_modules/toposort": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
-            "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg=="
-        },
-        "node_modules/tr46": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-            "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-        },
-        "node_modules/ts-api-utils": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.1.tgz",
-            "integrity": "sha512-5RU2/lxTA3YUZxju61HO2U6EoZLvBLtmV2mbTvqyu4a/7s7RmJPT+1YekhMVsQhznRWk/czIwDUg+V8Q9ZuG4w==",
-            "dev": true,
-            "engines": {
-                "node": ">=16"
-            },
-            "peerDependencies": {
-                "typescript": ">=4.2.0"
-            }
-        },
-        "node_modules/ts-essentials": {
-            "version": "9.4.2",
-            "resolved": "https://registry.npmjs.org/ts-essentials/-/ts-essentials-9.4.2.tgz",
-            "integrity": "sha512-mB/cDhOvD7pg3YCLk2rOtejHjjdSi9in/IBYE13S+8WA5FBSraYf4V/ws55uvs0IvQ/l0wBOlXy5yBNZ9Bl8ZQ==",
-            "dev": true,
-            "peerDependencies": {
-                "typescript": ">=4.1.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ts-interface-checker": {
-            "version": "0.1.13",
-            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
-        },
-        "node_modules/ts-toolbelt": {
-            "version": "9.6.0",
-            "resolved": "https://registry.npmjs.org/ts-toolbelt/-/ts-toolbelt-9.6.0.tgz",
-            "integrity": "sha512-nsZd8ZeNUzukXPlJmTBwUAuABDe/9qtVDelJeT/qW0ow3ZS3BsQJtNkan1802aM9Uf68/Y8ljw86Hu0h5IUW3w=="
-        },
-        "node_modules/tslib": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
-        },
-        "node_modules/turbo": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo/-/turbo-2.3.1.tgz",
-            "integrity": "sha512-vHZe/e6k1HZVKiMQPQ1BWFn53vjVQDFKdkjUq/pBKlRWi1gw9LQO6ntH4qZCcHY1rH6TXgsRmexXdgWl96YvVQ==",
-            "bin": {
-                "turbo": "bin/turbo"
-            },
-            "optionalDependencies": {
-                "turbo-darwin-64": "2.3.1",
-                "turbo-darwin-arm64": "2.3.1",
-                "turbo-linux-64": "2.3.1",
-                "turbo-linux-arm64": "2.3.1",
-                "turbo-windows-64": "2.3.1",
-                "turbo-windows-arm64": "2.3.1"
-            }
-        },
-        "node_modules/turbo-darwin-64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-2.3.1.tgz",
-            "integrity": "sha512-tjHfjW/Gs8Q9IO+9gPdIsSStZ8I09QYDRT/SyhFTPLnc7O2ZlxHPBVFfjUkHUjanHNYO8CpRGt+zdp1PaMCruw==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/turbo-darwin-arm64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-2.3.1.tgz",
-            "integrity": "sha512-At1WStnxCfrBQ4M2g6ynre8WsusGwA11okhVolBxyFUemYozDTtbZwelr+IqNggjT251vviokxOkcFzzogbiFw==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/turbo-linux-64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-2.3.1.tgz",
-            "integrity": "sha512-COwEev7s9fsxLM2eoRCyRLPj+BXvZjFIS+GxzdAubYhoSoZit8B8QGKczyDl6448xhuFEWKrpHhcR9aBuwB4ag==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/turbo-linux-arm64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-2.3.1.tgz",
-            "integrity": "sha512-AP0uE15Rhxza2Jl+Q3gxdXRA92IIeFAYaufz6CMcZuGy9yZsBlLt9w6T47H6g7XQPzWuw8pzfjM1omcTKkkDpQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/turbo-windows-64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-2.3.1.tgz",
-            "integrity": "sha512-HDSneq0dNZYZch74c2eygq+OiJE/JYDs7OsGM0yRYVj336383xkUnxz6W2I7qiyMCQXzp4UVUDZXvZhUYcX3BA==",
-            "cpu": [
-                "x64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/turbo-windows-arm64": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-2.3.1.tgz",
-            "integrity": "sha512-7/2/sJZiquwoT/jWBCfV0qKq4NarsJPmDRjMcR9dDMIwCYsGM8ljomkDRTCtkNeFcUvYw54MiRWHehWgbcRPsw==",
-            "cpu": [
-                "arm64"
-            ],
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/twin.macro": {
-            "version": "3.4.1",
-            "resolved": "https://registry.npmjs.org/twin.macro/-/twin.macro-3.4.1.tgz",
-            "integrity": "sha512-bxGKTV4u/iGcQqHIugPaW5YSLJ5rIr56ay4Pjcr2Mbb037k341bQ+eWT8z3F7r8ZGTXjTD3uiuxos+qQRy4VjQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/template": "^7.22.15",
-                "babel-plugin-macros": "^3.1.0",
-                "chalk": "4.1.2",
-                "lodash.get": "^4.4.2",
-                "lodash.merge": "^4.6.2",
-                "postcss-selector-parser": "^6.0.13"
-            },
-            "engines": {
-                "node": ">=16.14.0"
-            },
-            "peerDependencies": {
-                "tailwindcss": ">=3.3.1"
-            }
-        },
-        "node_modules/type-check": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/type-fest": {
-            "version": "2.19.0",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
-            "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-            "engines": {
-                "node": ">=12.20"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/typed-array-buffer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-            "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "es-errors": "^1.3.0",
-                "is-typed-array": "^1.1.13"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/typed-array-byte-length": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-            "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "has-proto": "^1.0.3",
-                "is-typed-array": "^1.1.13"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typed-array-byte-offset": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.3.tgz",
-            "integrity": "sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==",
-            "dev": true,
-            "dependencies": {
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.7",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "has-proto": "^1.0.3",
-                "is-typed-array": "^1.1.13",
-                "reflect.getprototypeof": "^1.0.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typed-array-length": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
-            "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
-            "dev": true,
-            "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"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typescript": {
-            "version": "5.7.2",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
-            "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
-            "dev": true,
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=14.17"
-            }
-        },
-        "node_modules/unbox-primitive": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-            "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-bigints": "^1.0.2",
-                "has-symbols": "^1.0.3",
-                "which-boxed-primitive": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/undici": {
-            "version": "6.21.0",
-            "resolved": "https://registry.npmjs.org/undici/-/undici-6.21.0.tgz",
-            "integrity": "sha512-BUgJXc752Kou3oOIuU1i+yZZypyZRqNPW0vqoMPl8VaoalSfeR0D8/t4iAS3yirs79SSMTxTag+ZC86uswv+Cw==",
-            "engines": {
-                "node": ">=18.17"
-            }
-        },
-        "node_modules/undici-types": {
-            "version": "6.19.8",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-            "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
-            "dev": true
-        },
-        "node_modules/unplugin": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.0.1.tgz",
-            "integrity": "sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==",
-            "dependencies": {
-                "acorn": "^8.8.1",
-                "chokidar": "^3.5.3",
-                "webpack-sources": "^3.2.3",
-                "webpack-virtual-modules": "^0.5.0"
-            }
-        },
-        "node_modules/update-browserslist-db": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
-            "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "escalade": "^3.2.0",
-                "picocolors": "^1.1.0"
-            },
-            "bin": {
-                "update-browserslist-db": "cli.js"
-            },
-            "peerDependencies": {
-                "browserslist": ">= 4.21.0"
-            }
-        },
-        "node_modules/uri-js": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-            "dev": true,
-            "dependencies": {
-                "punycode": "^2.1.0"
-            }
-        },
-        "node_modules/use-callback-ref": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
-            "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
-            "dependencies": {
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/use-sidecar": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
-            "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
-            "dependencies": {
-                "detect-node-es": "^1.1.0",
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/use-sync-external-store": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-            "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/util-deprecate": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-        },
-        "node_modules/uuid": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-            "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
-            "funding": [
-                "https://github.com/sponsors/broofa",
-                "https://github.com/sponsors/ctavan"
-            ],
-            "bin": {
-                "uuid": "dist/bin/uuid"
-            }
-        },
-        "node_modules/vite": {
-            "version": "5.4.11",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
-            "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
-            "dependencies": {
-                "esbuild": "^0.21.3",
-                "postcss": "^8.4.43",
-                "rollup": "^4.20.0"
-            },
-            "bin": {
-                "vite": "bin/vite.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/vitejs/vite?sponsor=1"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.3"
-            },
-            "peerDependencies": {
-                "@types/node": "^18.0.0 || >=20.0.0",
-                "less": "*",
-                "lightningcss": "^1.21.0",
-                "sass": "*",
-                "sass-embedded": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.4.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "lightningcss": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "sass-embedded": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "terser": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vite-plugin-full-reload": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
-            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
-            "dependencies": {
-                "picocolors": "^1.0.0",
-                "picomatch": "^2.3.1"
-            }
-        },
-        "node_modules/vite-plugin-manifest-sri": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-manifest-sri/-/vite-plugin-manifest-sri-0.2.0.tgz",
-            "integrity": "sha512-Zt5jt19xTIJ91LOuQTCtNG7rTFc5OziAjBz2H5NdCGqaOD1nxrWExLhcKW+W4/q8/jOPCg/n5ncYEQmqCxiGQQ==",
-            "dev": true
-        },
-        "node_modules/void-elements": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-            "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/w3c-keyname": {
-            "version": "2.2.8",
-            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
-            "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ=="
-        },
-        "node_modules/webidl-conversions": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-            "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-        },
-        "node_modules/webpack-sources": {
-            "version": "3.2.3",
-            "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-            "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/webpack-virtual-modules": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
-            "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw=="
-        },
-        "node_modules/whatwg-url": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-            "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-            "dependencies": {
-                "tr46": "~0.0.3",
-                "webidl-conversions": "^3.0.0"
-            }
-        },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/which-boxed-primitive": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-            "dev": true,
-            "dependencies": {
-                "is-bigint": "^1.0.1",
-                "is-boolean-object": "^1.1.0",
-                "is-number-object": "^1.0.4",
-                "is-string": "^1.0.5",
-                "is-symbol": "^1.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-builtin-type": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.0.tgz",
-            "integrity": "sha512-I+qLGQ/vucCby4tf5HsLmGueEla4ZhwTBSqaooS+Y0BuxN4Cp+okmGuV+8mXZ84KDI9BA+oklo+RzKg0ONdSUA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "function.prototype.name": "^1.1.6",
-                "has-tostringtag": "^1.0.2",
-                "is-async-function": "^2.0.0",
-                "is-date-object": "^1.0.5",
-                "is-finalizationregistry": "^1.1.0",
-                "is-generator-function": "^1.0.10",
-                "is-regex": "^1.1.4",
-                "is-weakref": "^1.0.2",
-                "isarray": "^2.0.5",
-                "which-boxed-primitive": "^1.0.2",
-                "which-collection": "^1.0.2",
-                "which-typed-array": "^1.1.15"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-collection": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
-            "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
-            "dev": true,
-            "dependencies": {
-                "is-map": "^2.0.3",
-                "is-set": "^2.0.3",
-                "is-weakmap": "^2.0.2",
-                "is-weakset": "^2.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-typed-array": {
-            "version": "1.1.15",
-            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-            "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
-            "dev": true,
-            "dependencies": {
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.7",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/word-wrap": {
-            "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/wrap-ansi": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "dependencies": {
-                "ansi-styles": "^6.1.0",
-                "string-width": "^5.0.1",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs": {
-            "name": "wrap-ansi",
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi/node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/yallist": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
-        },
-        "node_modules/yaml": {
-            "version": "2.6.1",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
-            "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
-            "bin": {
-                "yaml": "bin.mjs"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/yocto-queue": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/yup": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/yup/-/yup-1.4.0.tgz",
-            "integrity": "sha512-wPbgkJRCqIf+OHyiTBQoJiP5PFuAXaWiJK6AmYkzQAh5/c2K9hzSApBZG5wV9KoKSePF7sAxmNSvh/13YHkFDg==",
-            "dependencies": {
-                "property-expr": "^2.0.5",
-                "tiny-case": "^1.0.3",
-                "toposort": "^2.0.2",
-                "type-fest": "^2.19.0"
-            }
-        }
-    }
-}
diff --git a/package.json b/package.json
index 5dd75d0a5..4b0802f6b 100644
--- a/package.json
+++ b/package.json
@@ -7,114 +7,112 @@
     },
     "type": "module",
     "dependencies": {
-        "@codemirror/autocomplete": "^6.16.0",
-        "@codemirror/commands": "^6.3.3",
+        "@codemirror/autocomplete": "^6.18.6",
+        "@codemirror/commands": "^6.8.1",
+        "@codemirror/language": "^6.11.2",
         "@codemirror/language-data": "^6.5.1",
-        "@codemirror/legacy-modes": "^6.4.0",
-        "@codemirror/lint": "^6.8.2",
-        "@codemirror/search": "^6.5.7",
-        "@codemirror/state": "^6.4.1",
-        "@codemirror/view": "^6.34.3",
-        "@eslint/compat": "^1.2.2",
-        "@fortawesome/fontawesome-svg-core": "^6.6.0",
-        "@fortawesome/free-solid-svg-icons": "^6.6.0",
-        "@fortawesome/react-fontawesome": "^0.2.2",
-        "@headlessui/react": "^1.7.18",
-        "@preact/signals-react": "^2.0.1",
-        "@radix-ui/react-checkbox": "^1.0.4",
-        "@radix-ui/react-context-menu": "^2.1.5",
-        "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-icons": "^1.3.0",
-        "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-tabs": "^1.0.4",
-        "@sentry/react": "^7.120.0",
-        "@sentry/vite-plugin": "^2.16.1",
-        "@tanstack/react-virtual": "^3.2.1",
+        "@codemirror/lint": "^6.8.5",
+        "@codemirror/search": "^6.5.11",
+        "@codemirror/state": "^6.5.2",
+        "@codemirror/view": "^6.38.1",
+        "@date-fns/tz": "^1.3.1",
+        "@eslint/compat": "^1.3.1",
+        "@eslint/js": "^9.32.0",
+        "@hcaptcha/react-hcaptcha": "^1.12.0",
+        "@headlessui/react": "^2.2.7",
+        "@lezer/highlight": "^1.2.1",
+        "@marsidev/react-turnstile": "^1.2.0",
+        "@preact/signals-react": "^3.2.1",
+        "@radix-ui/react-checkbox": "^1.3.2",
+        "@radix-ui/react-context-menu": "^2.2.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.15",
+        "@radix-ui/react-switch": "^1.2.5",
+        "@radix-ui/react-tabs": "^1.1.12",
+        "@radix-ui/react-tooltip": "^1.2.7",
+        "@tailwindcss/postcss": "^4.1.11",
+        "@tanstack/react-virtual": "^3.13.12",
         "@xterm/addon-fit": "^0.10.0",
         "@xterm/addon-search": "^0.15.0",
         "@xterm/addon-web-links": "^0.11.0",
         "@xterm/xterm": "^5.5.0",
-        "axios": "^1.7.7",
-        "browserslist": "^4.23.0",
-        "chart.js": "^4.4.4",
-        "clsx": "^2.1.0",
-        "cmdk": "^1.0.0",
+        "axios": "^1.11.0",
+        "browserslist": "^4.25.1",
+        "chart.js": "^4.5.0",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.1.1",
         "copy-to-clipboard": "^3.3.3",
-        "date-fns": "^3.6.0",
+        "date-fns": "^4.1.0",
         "debounce": "^2.2.0",
-        "deepmerge-ts": "^7.1.0",
-        "easy-peasy": "^6.0.4",
+        "deepmerge-ts": "^7.1.5",
+        "easy-peasy": "^6.1.0",
+        "eslint-plugin-turbo": "^2.5.5",
         "events": "^3.3.0",
-        "formik": "^2.4.5",
-        "framer-motion": "^11.11.11",
-        "globals": "^15.9.0",
-        "laravel-vite-plugin": "^1.0.2",
-        "million": "^3.0.6",
-        "pathe": "^1.1.2",
-        "qrcode.react": "^3.1.0",
-        "react": "^18.3.1",
-        "react-chartjs-2": "^5.2.0",
-        "react-dom": "^18.3.0",
+        "formik": "^2.4.6",
+        "globals": "^16.3.0",
+        "install": "^0.13.0",
+        "laravel-vite-plugin": "^2.0.0",
+        "million": "^3.1.11",
+        "motion": "^12.23.12",
+        "pathe": "^2.0.3",
+        "qrcode.react": "^4.2.0",
+        "radix-ui": "^1.4.2",
+        "react": "^19.1.1",
+        "react-chartjs-2": "^5.3.0",
+        "react-dom": "^19.1.1",
         "react-fast-compare": "^3.2.2",
-        "react-router-dom": "^6.22.3",
-        "reaptcha": "^1.12.1",
+        "react-router-dom": "^7.7.1",
         "sockette": "^2.0.6",
-        "sonner": "^1.4.41",
-        "styled-components": "^6.1.17",
-        "swr": "^2.2.5",
-        "tailwind-merge": "^2.2.2",
-        "tailwind-scrollbar": "^3.1.0",
-        "tailwindcss": "^3.4.10",
-        "tailwindcss-animate": "^1.0.7",
-        "turbo": "^2.0.14",
-        "uuid": "^9.0.1",
-        "vite": "^5.4.11",
-        "yup": "^1.4.0"
+        "sonner": "^2.0.7",
+        "styled-components": "^6.1.19",
+        "swr": "^2.3.4",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss": "^4.1.11",
+        "turbo": "^2.5.5",
+        "typescript-eslint": "^8.39.0",
+        "uuid": "^11.1.0",
+        "vite": "^7.0.6",
+        "yup": "^1.7.0"
     },
     "devDependencies": {
-        "@swc/core": "^1.7.10",
-        "@swc/plugin-styled-components": "^2.0.11",
-        "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-        "@types/codemirror": "^5.60.15",
+        "@swc/core": "^1.13.3",
+        "@swc/plugin-styled-components": "^9.0.2",
+        "@trivago/prettier-plugin-sort-imports": "^5.2.2",
         "@types/debounce": "^1.2.4",
         "@types/events": "^3.0.3",
-        "@types/node": "^20.12.7",
-        "@types/qrcode.react": "^1.0.5",
-        "@types/react": "^18.3.1",
+        "@types/node": "^24.2.0",
+        "@types/react": "^19.1.9",
         "@types/react-copy-to-clipboard": "^5.0.7",
-        "@types/react-dom": "^18.3.0",
-        "@types/react-redux": "^7.1.33",
-        "@types/uuid": "^9.0.8",
-        "@typescript-eslint/eslint-plugin": "^7.5.0",
-        "@typescript-eslint/parser": "^7.5.0",
-        "@vitejs/plugin-react-swc": "^3.6.0",
-        "autoprefixer": "^10.4.19",
-        "eslint": "^9.15.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-node": "^11.1.0",
-        "eslint-plugin-prettier": "^5.1.3",
-        "eslint-plugin-react": "^7.34.1",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "i18next": "^25.0.2",
-        "i18next-browser-languagedetector": "^8.0.5",
-        "postcss": "^8.4.38",
-        "postcss-import": "^16.1.0",
-        "postcss-nesting": "^12.1.1",
-        "postcss-preset-env": "^9.5.5",
-        "prettier": "^3.2.5",
-        "prettier-plugin-tailwindcss": "^0.5.13",
-        "react-i18next": "^15.5.1",
-        "tailwindcss-inner-border": "^0.2.0",
-        "ts-essentials": "^9.4.2",
-        "typescript": "^5.4.5",
+        "@types/react-dom": "^19.1.7",
+        "@types/uuid": "^10.0.0",
+        "@vitejs/plugin-react-swc": "^3.11.0",
+        "autoprefixer": "^10.4.21",
+        "cross-env": "^10.0.0",
+        "eslint": "^9.32.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.3",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "postcss": "^8.5.6",
+        "postcss-import": "^16.1.1",
+        "prettier": "^3.6.2",
+        "prettier-plugin-tailwindcss": "^0.6.14",
+        "tailwind-scrollbar": "^4.0.2",
+        "ts-essentials": "^10.1.1",
+        "tw-animate-css": "^1.3.6",
+        "typescript": "^5.9.2",
         "vite-plugin-manifest-sri": "^0.2.0"
     },
     "scripts": {
-        "lint": "eslint ./resources/scripts/**/*.{ts,tsx} --fix",
+        "lint": "eslint . --fix",
         "lint:turbo": "turbo lint",
         "dev": "vite",
+        "dev:docker": "cross-env APP_URL=\"http://localhost:3000\" vite",
+        "dev:vagrant": "vagrant up && pnpm run dev",
+        "compose": "docker compose down && docker compose up -d",
+        "compose:down": "docker compose down",
         "build": "vite build",
         "build:turbo": "turbo build",
+        "build:docker:dev": "docker buildx build -t pyrodactyl:develop --build-arg DEV=true .",
         "ship": "turbo lint build"
     },
     "browserslist": [
@@ -123,5 +121,5 @@
         "firefox esr",
         "not dead"
     ],
-    "packageManager": "npm@10.8.1"
-}
+    "packageManager": "pnpm@10.13.1"
+}
\ No newline at end of file
diff --git a/phpunit.xml b/phpunit.xml
index bf173ed26..f93ee1588 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -1,31 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<phpunit
-    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-    xsi:noNamespaceSchemaLocation="./vendor/phpunit/phpunit/phpunit.xsd"
-    bootstrap="bootstrap/tests.php"
-    colors="true"
->
-    <coverage>
-        <include>
-            <directory suffix=".php">./app</directory>
-        </include>
-    </coverage>
-    <testsuites>
-        <testsuite name="Integration">
-            <directory>./tests/Integration</directory>
-        </testsuite>
-        <testsuite name="Unit">
-            <directory>./tests/Unit</directory>
-        </testsuite>
-    </testsuites>
-    <php>
-        <env name="APP_ENV" value="testing" />
-        <env name="APP_MAINTENANCE_DRIVER" value="file" />
-        <env name="BCRYPT_ROUNDS" value="4" />
-        <env name="CACHE_STORE" value="array" />
-        <env name="DB_DATABASE" value="testing" />
-        <env name="MAIL_MAILER" value="array" />
-        <env name="SESSION_DRIVER" value="array" />
-        <env name="QUEUE_CONNECTION" value="sync" />
-    </php>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://schema.phpunit.de/10.5/phpunit.xsd" bootstrap="bootstrap/tests.php" colors="true">
+  <testsuites>
+    <testsuite name="Integration">
+      <directory>./tests/Integration</directory>
+    </testsuite>
+    <testsuite name="Unit">
+      <directory>./tests/Unit</directory>
+    </testsuite>
+  </testsuites>
+  <php>
+    <env name="APP_ENV" value="testing"/>
+    <env name="APP_MAINTENANCE_DRIVER" value="file"/>
+    <env name="BCRYPT_ROUNDS" value="4"/>
+    <env name="CACHE_STORE" value="array"/>
+    <env name="DB_DATABASE" value="testing"/>
+    <env name="MAIL_MAILER" value="array"/>
+    <env name="SESSION_DRIVER" value="array"/>
+    <env name="QUEUE_CONNECTION" value="sync"/>
+  </php>
+  <source>
+    <include>
+      <directory suffix=".php">./app</directory>
+    </include>
+  </source>
 </phpunit>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 000000000..b7f51d58d
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,7421 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@codemirror/autocomplete':
+        specifier: ^6.18.6
+        version: 6.18.6
+      '@codemirror/commands':
+        specifier: ^6.8.1
+        version: 6.8.1
+      '@codemirror/language':
+        specifier: ^6.11.2
+        version: 6.11.2
+      '@codemirror/language-data':
+        specifier: ^6.5.1
+        version: 6.5.1
+      '@codemirror/lint':
+        specifier: ^6.8.5
+        version: 6.8.5
+      '@codemirror/search':
+        specifier: ^6.5.11
+        version: 6.5.11
+      '@codemirror/state':
+        specifier: ^6.5.2
+        version: 6.5.2
+      '@codemirror/view':
+        specifier: ^6.38.1
+        version: 6.38.1
+      '@date-fns/tz':
+        specifier: ^1.3.1
+        version: 1.3.1
+      '@eslint/compat':
+        specifier: ^1.3.1
+        version: 1.3.1(eslint@9.32.0(jiti@2.4.2))
+      '@eslint/js':
+        specifier: ^9.32.0
+        version: 9.32.0
+      '@hcaptcha/react-hcaptcha':
+        specifier: ^1.12.0
+        version: 1.12.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@headlessui/react':
+        specifier: ^2.2.7
+        version: 2.2.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@lezer/highlight':
+        specifier: ^1.2.1
+        version: 1.2.1
+      '@marsidev/react-turnstile':
+        specifier: ^1.2.0
+        version: 1.2.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@preact/signals-react':
+        specifier: ^3.2.1
+        version: 3.2.1(react@19.1.1)
+      '@radix-ui/react-checkbox':
+        specifier: ^1.3.2
+        version: 1.3.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-context-menu':
+        specifier: ^2.2.15
+        version: 2.2.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-dropdown-menu':
+        specifier: ^2.1.15
+        version: 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-switch':
+        specifier: ^1.2.5
+        version: 1.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-tabs':
+        specifier: ^1.1.12
+        version: 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-tooltip':
+        specifier: ^1.2.7
+        version: 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@tailwindcss/postcss':
+        specifier: ^4.1.11
+        version: 4.1.11
+      '@tanstack/react-virtual':
+        specifier: ^3.13.12
+        version: 3.13.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@xterm/addon-fit':
+        specifier: ^0.10.0
+        version: 0.10.0(@xterm/xterm@5.5.0)
+      '@xterm/addon-search':
+        specifier: ^0.15.0
+        version: 0.15.0(@xterm/xterm@5.5.0)
+      '@xterm/addon-web-links':
+        specifier: ^0.11.0
+        version: 0.11.0(@xterm/xterm@5.5.0)
+      '@xterm/xterm':
+        specifier: ^5.5.0
+        version: 5.5.0
+      axios:
+        specifier: ^1.11.0
+        version: 1.11.0
+      browserslist:
+        specifier: ^4.25.1
+        version: 4.25.1
+      chart.js:
+        specifier: ^4.5.0
+        version: 4.5.0
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      cmdk:
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      copy-to-clipboard:
+        specifier: ^3.3.3
+        version: 3.3.3
+      date-fns:
+        specifier: ^4.1.0
+        version: 4.1.0
+      debounce:
+        specifier: ^2.2.0
+        version: 2.2.0
+      deepmerge-ts:
+        specifier: ^7.1.5
+        version: 7.1.5
+      easy-peasy:
+        specifier: ^6.1.0
+        version: 6.1.0(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      eslint-plugin-turbo:
+        specifier: ^2.5.5
+        version: 2.5.5(eslint@9.32.0(jiti@2.4.2))(turbo@2.5.5)
+      events:
+        specifier: ^3.3.0
+        version: 3.3.0
+      formik:
+        specifier: ^2.4.6
+        version: 2.4.6(react@19.1.1)
+      globals:
+        specifier: ^16.3.0
+        version: 16.3.0
+      install:
+        specifier: ^0.13.0
+        version: 0.13.0
+      laravel-vite-plugin:
+        specifier: ^2.0.0
+        version: 2.0.0(vite@7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1))
+      million:
+        specifier: ^3.1.11
+        version: 3.1.11(rollup@4.46.2)
+      motion:
+        specifier: ^12.23.12
+        version: 12.23.12(@emotion/is-prop-valid@1.2.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      pathe:
+        specifier: ^2.0.3
+        version: 2.0.3
+      qrcode.react:
+        specifier: ^4.2.0
+        version: 4.2.0(react@19.1.1)
+      radix-ui:
+        specifier: ^1.4.2
+        version: 1.4.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react:
+        specifier: ^19.1.1
+        version: 19.1.1
+      react-chartjs-2:
+        specifier: ^5.3.0
+        version: 5.3.0(chart.js@4.5.0)(react@19.1.1)
+      react-dom:
+        specifier: ^19.1.1
+        version: 19.1.1(react@19.1.1)
+      react-fast-compare:
+        specifier: ^3.2.2
+        version: 3.2.2
+      react-router-dom:
+        specifier: ^7.7.1
+        version: 7.7.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      sockette:
+        specifier: ^2.0.6
+        version: 2.0.6
+      sonner:
+        specifier: ^2.0.7
+        version: 2.0.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      styled-components:
+        specifier: ^6.1.19
+        version: 6.1.19(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      swr:
+        specifier: ^2.3.4
+        version: 2.3.4(react@19.1.1)
+      tailwind-merge:
+        specifier: ^3.3.1
+        version: 3.3.1
+      tailwindcss:
+        specifier: ^4.1.11
+        version: 4.1.11
+      turbo:
+        specifier: ^2.5.5
+        version: 2.5.5
+      typescript-eslint:
+        specifier: ^8.39.0
+        version: 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      uuid:
+        specifier: ^11.1.0
+        version: 11.1.0
+      vite:
+        specifier: ^7.0.6
+        version: 7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1)
+      yup:
+        specifier: ^1.7.0
+        version: 1.7.0
+    devDependencies:
+      '@swc/core':
+        specifier: ^1.13.3
+        version: 1.13.3(@swc/helpers@0.5.17)
+      '@swc/plugin-styled-components':
+        specifier: ^9.0.2
+        version: 9.0.2
+      '@trivago/prettier-plugin-sort-imports':
+        specifier: ^5.2.2
+        version: 5.2.2(prettier@3.6.2)
+      '@types/debounce':
+        specifier: ^1.2.4
+        version: 1.2.4
+      '@types/events':
+        specifier: ^3.0.3
+        version: 3.0.3
+      '@types/node':
+        specifier: ^24.2.0
+        version: 24.2.0
+      '@types/react':
+        specifier: ^19.1.9
+        version: 19.1.9
+      '@types/react-copy-to-clipboard':
+        specifier: ^5.0.7
+        version: 5.0.7
+      '@types/react-dom':
+        specifier: ^19.1.7
+        version: 19.1.7(@types/react@19.1.9)
+      '@types/uuid':
+        specifier: ^10.0.0
+        version: 10.0.0
+      '@vitejs/plugin-react-swc':
+        specifier: ^3.11.0
+        version: 3.11.0(@swc/helpers@0.5.17)(vite@7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1))
+      autoprefixer:
+        specifier: ^10.4.21
+        version: 10.4.21(postcss@8.5.6)
+      cross-env:
+        specifier: ^10.0.0
+        version: 10.0.0
+      eslint:
+        specifier: ^9.32.0
+        version: 9.32.0(jiti@2.4.2)
+      eslint-config-prettier:
+        specifier: ^10.1.8
+        version: 10.1.8(eslint@9.32.0(jiti@2.4.2))
+      eslint-plugin-prettier:
+        specifier: ^5.5.3
+        version: 5.5.3(eslint-config-prettier@10.1.8(eslint@9.32.0(jiti@2.4.2)))(eslint@9.32.0(jiti@2.4.2))(prettier@3.6.2)
+      eslint-plugin-react:
+        specifier: ^7.37.5
+        version: 7.37.5(eslint@9.32.0(jiti@2.4.2))
+      eslint-plugin-react-hooks:
+        specifier: ^5.2.0
+        version: 5.2.0(eslint@9.32.0(jiti@2.4.2))
+      postcss:
+        specifier: ^8.5.6
+        version: 8.5.6
+      postcss-import:
+        specifier: ^16.1.1
+        version: 16.1.1(postcss@8.5.6)
+      prettier:
+        specifier: ^3.6.2
+        version: 3.6.2
+      prettier-plugin-tailwindcss:
+        specifier: ^0.6.14
+        version: 0.6.14(@trivago/prettier-plugin-sort-imports@5.2.2(prettier@3.6.2))(prettier@3.6.2)
+      tailwind-scrollbar:
+        specifier: ^4.0.2
+        version: 4.0.2(react@19.1.1)(tailwindcss@4.1.11)
+      ts-essentials:
+        specifier: ^10.1.1
+        version: 10.1.1(typescript@5.9.2)
+      tw-animate-css:
+        specifier: ^1.3.6
+        version: 1.3.6
+      typescript:
+        specifier: ^5.9.2
+        version: 5.9.2
+      vite-plugin-manifest-sri:
+        specifier: ^0.2.0
+        version: 0.2.0
+
+packages:
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.27.5':
+    resolution: {integrity: sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.27.4':
+    resolution: {integrity: sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.27.5':
+    resolution: {integrity: sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.27.3':
+    resolution: {integrity: sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.27.6':
+    resolution: {integrity: sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.27.5':
+    resolution: {integrity: sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/runtime@7.27.6':
+    resolution: {integrity: sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.27.4':
+    resolution: {integrity: sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.27.6':
+    resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@codemirror/autocomplete@6.18.6':
+    resolution: {integrity: sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==}
+
+  '@codemirror/commands@6.8.1':
+    resolution: {integrity: sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==}
+
+  '@codemirror/lang-angular@0.1.4':
+    resolution: {integrity: sha512-oap+gsltb/fzdlTQWD6BFF4bSLKcDnlxDsLdePiJpCVNKWXSTAbiiQeYI3UmES+BLAdkmIC1WjyztC1pi/bX4g==}
+
+  '@codemirror/lang-cpp@6.0.2':
+    resolution: {integrity: sha512-6oYEYUKHvrnacXxWxYa6t4puTlbN3dgV662BDfSH8+MfjQjVmP697/KYTDOqpxgerkvoNm7q5wlFMBeX8ZMocg==}
+
+  '@codemirror/lang-css@6.3.1':
+    resolution: {integrity: sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==}
+
+  '@codemirror/lang-go@6.0.1':
+    resolution: {integrity: sha512-7fNvbyNylvqCphW9HD6WFnRpcDjr+KXX/FgqXy5H5ZS0eC5edDljukm/yNgYkwTsgp2busdod50AOTIy6Jikfg==}
+
+  '@codemirror/lang-html@6.4.9':
+    resolution: {integrity: sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==}
+
+  '@codemirror/lang-java@6.0.1':
+    resolution: {integrity: sha512-OOnmhH67h97jHzCuFaIEspbmsT98fNdhVhmA3zCxW0cn7l8rChDhZtwiwJ/JOKXgfm4J+ELxQihxaI7bj7mJRg==}
+
+  '@codemirror/lang-javascript@6.2.4':
+    resolution: {integrity: sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==}
+
+  '@codemirror/lang-json@6.0.1':
+    resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
+
+  '@codemirror/lang-less@6.0.2':
+    resolution: {integrity: sha512-EYdQTG22V+KUUk8Qq582g7FMnCZeEHsyuOJisHRft/mQ+ZSZ2w51NupvDUHiqtsOy7It5cHLPGfHQLpMh9bqpQ==}
+
+  '@codemirror/lang-liquid@6.2.3':
+    resolution: {integrity: sha512-yeN+nMSrf/lNii3FJxVVEGQwFG0/2eDyH6gNOj+TGCa0hlNO4bhQnoO5ISnd7JOG+7zTEcI/GOoyraisFVY7jQ==}
+
+  '@codemirror/lang-markdown@6.3.3':
+    resolution: {integrity: sha512-1fn1hQAPWlSSMCvnF810AkhWpNLkJpl66CRfIy3vVl20Sl4NwChkorCHqpMtNbXr1EuMJsrDnhEpjZxKZ2UX3A==}
+
+  '@codemirror/lang-php@6.0.1':
+    resolution: {integrity: sha512-ublojMdw/PNWa7qdN5TMsjmqkNuTBD3k6ndZ4Z0S25SBAiweFGyY68AS3xNcIOlb6DDFDvKlinLQ40vSLqf8xA==}
+
+  '@codemirror/lang-python@6.2.1':
+    resolution: {integrity: sha512-IRjC8RUBhn9mGR9ywecNhB51yePWCGgvHfY1lWN/Mrp3cKuHr0isDKia+9HnvhiWNnMpbGhWrkhuWOc09exRyw==}
+
+  '@codemirror/lang-rust@6.0.1':
+    resolution: {integrity: sha512-344EMWFBzWArHWdZn/NcgkwMvZIWUR1GEBdwG8FEp++6o6vT6KL9V7vGs2ONsKxxFUPXKI0SPcWhyYyl2zPYxQ==}
+
+  '@codemirror/lang-sass@6.0.2':
+    resolution: {integrity: sha512-l/bdzIABvnTo1nzdY6U+kPAC51czYQcOErfzQ9zSm9D8GmNPD0WTW8st/CJwBTPLO8jlrbyvlSEcN20dc4iL0Q==}
+
+  '@codemirror/lang-sql@6.9.0':
+    resolution: {integrity: sha512-xmtpWqKSgum1B1J3Ro6rf7nuPqf2+kJQg5SjrofCAcyCThOe0ihSktSoXfXuhQBnwx1QbmreBbLJM5Jru6zitg==}
+
+  '@codemirror/lang-vue@0.1.3':
+    resolution: {integrity: sha512-QSKdtYTDRhEHCfo5zOShzxCmqKJvgGrZwDQSdbvCRJ5pRLWBS7pD/8e/tH44aVQT6FKm0t6RVNoSUWHOI5vNug==}
+
+  '@codemirror/lang-wast@6.0.2':
+    resolution: {integrity: sha512-Imi2KTpVGm7TKuUkqyJ5NRmeFWF7aMpNiwHnLQe0x9kmrxElndyH0K6H/gXtWwY6UshMRAhpENsgfpSwsgmC6Q==}
+
+  '@codemirror/lang-xml@6.1.0':
+    resolution: {integrity: sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==}
+
+  '@codemirror/lang-yaml@6.1.2':
+    resolution: {integrity: sha512-dxrfG8w5Ce/QbT7YID7mWZFKhdhsaTNOYjOkSIMt1qmC4VQnXSDSYVHHHn8k6kJUfIhtLo8t1JJgltlxWdsITw==}
+
+  '@codemirror/language-data@6.5.1':
+    resolution: {integrity: sha512-0sWxeUSNlBr6OmkqybUTImADFUP0M3P0IiSde4nc24bz/6jIYzqYSgkOSLS+CBIoW1vU8Q9KUWXscBXeoMVC9w==}
+
+  '@codemirror/language@6.11.2':
+    resolution: {integrity: sha512-p44TsNArL4IVXDTbapUmEkAlvWs2CFQbcfc0ymDsis1kH2wh0gcY96AS29c/vp2d0y2Tquk1EDSaawpzilUiAw==}
+
+  '@codemirror/legacy-modes@6.5.1':
+    resolution: {integrity: sha512-DJYQQ00N1/KdESpZV7jg9hafof/iBNp9h7TYo1SLMk86TWl9uDsVdho2dzd81K+v4retmK6mdC7WpuOQDytQqw==}
+
+  '@codemirror/lint@6.8.5':
+    resolution: {integrity: sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==}
+
+  '@codemirror/search@6.5.11':
+    resolution: {integrity: sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==}
+
+  '@codemirror/state@6.5.2':
+    resolution: {integrity: sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==}
+
+  '@codemirror/view@6.38.1':
+    resolution: {integrity: sha512-RmTOkE7hRU3OVREqFVITWHz6ocgBjv08GoePscAakgVQfciA3SGCEk7mb9IzwW61cKKmlTpHXG6DUE5Ubx+MGQ==}
+
+  '@date-fns/tz@1.3.1':
+    resolution: {integrity: sha512-LnBOyuj+piItX/D5BWBSckBsuZyOt7Jg2obGNiObq7qjl1A2/8F+i4RS8/MmkSdnw6hOe6afrJLCWrUWZw5Mlw==}
+
+  '@emotion/is-prop-valid@1.2.2':
+    resolution: {integrity: sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==}
+
+  '@emotion/memoize@0.8.1':
+    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+
+  '@emotion/unitless@0.8.1':
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+
+  '@epic-web/invariant@1.0.0':
+    resolution: {integrity: sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==}
+
+  '@esbuild/aix-ppc64@0.25.8':
+    resolution: {integrity: sha512-urAvrUedIqEiFR3FYSLTWQgLu5tb+m0qZw0NBEasUeo6wuqatkMDaRT+1uABiGXEu5vqgPd7FGE1BhsAIy9QVA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.25.8':
+    resolution: {integrity: sha512-OD3p7LYzWpLhZEyATcTSJ67qB5D+20vbtr6vHlHWSQYhKtzUYrETuWThmzFpZtFsBIxRvhO07+UgVA9m0i/O1w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.8':
+    resolution: {integrity: sha512-RONsAvGCz5oWyePVnLdZY/HHwA++nxYWIX1atInlaW6SEkwq6XkP3+cb825EUcRs5Vss/lGh/2YxAb5xqc07Uw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.8':
+    resolution: {integrity: sha512-yJAVPklM5+4+9dTeKwHOaA+LQkmrKFX96BM0A/2zQrbS6ENCmxc4OVoBs5dPkCCak2roAD+jKCdnmOqKszPkjA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.25.8':
+    resolution: {integrity: sha512-Jw0mxgIaYX6R8ODrdkLLPwBqHTtYHJSmzzd+QeytSugzQ0Vg4c5rDky5VgkoowbZQahCbsv1rT1KW72MPIkevw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.8':
+    resolution: {integrity: sha512-Vh2gLxxHnuoQ+GjPNvDSDRpoBCUzY4Pu0kBqMBDlK4fuWbKgGtmDIeEC081xi26PPjn+1tct+Bh8FjyLlw1Zlg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.25.8':
+    resolution: {integrity: sha512-YPJ7hDQ9DnNe5vxOm6jaie9QsTwcKedPvizTVlqWG9GBSq+BuyWEDazlGaDTC5NGU4QJd666V0yqCBL2oWKPfA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.8':
+    resolution: {integrity: sha512-MmaEXxQRdXNFsRN/KcIimLnSJrk2r5H8v+WVafRWz5xdSVmWLoITZQXcgehI2ZE6gioE6HirAEToM/RvFBeuhw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.25.8':
+    resolution: {integrity: sha512-WIgg00ARWv/uYLU7lsuDK00d/hHSfES5BzdWAdAig1ioV5kaFNrtK8EqGcUBJhYqotlUByUKz5Qo6u8tt7iD/w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.8':
+    resolution: {integrity: sha512-FuzEP9BixzZohl1kLf76KEVOsxtIBFwCaLupVuk4eFVnOZfU+Wsn+x5Ryam7nILV2pkq2TqQM9EZPsOBuMC+kg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.8':
+    resolution: {integrity: sha512-A1D9YzRX1i+1AJZuFFUMP1E9fMaYY+GnSQil9Tlw05utlE86EKTUA7RjwHDkEitmLYiFsRd9HwKBPEftNdBfjg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.8':
+    resolution: {integrity: sha512-O7k1J/dwHkY1RMVvglFHl1HzutGEFFZ3kNiDMSOyUrB7WcoHGf96Sh+64nTRT26l3GMbCW01Ekh/ThKM5iI7hQ==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.8':
+    resolution: {integrity: sha512-uv+dqfRazte3BzfMp8PAQXmdGHQt2oC/y2ovwpTteqrMx2lwaksiFZ/bdkXJC19ttTvNXBuWH53zy/aTj1FgGw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.8':
+    resolution: {integrity: sha512-GyG0KcMi1GBavP5JgAkkstMGyMholMDybAf8wF5A70CALlDM2p/f7YFE7H92eDeH/VBtFJA5MT4nRPDGg4JuzQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.8':
+    resolution: {integrity: sha512-rAqDYFv3yzMrq7GIcen3XP7TUEG/4LK86LUPMIz6RT8A6pRIDn0sDcvjudVZBiiTcZCY9y2SgYX2lgK3AF+1eg==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.8':
+    resolution: {integrity: sha512-Xutvh6VjlbcHpsIIbwY8GVRbwoviWT19tFhgdA7DlenLGC/mbc3lBoVb7jxj9Z+eyGqvcnSyIltYUrkKzWqSvg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.8':
+    resolution: {integrity: sha512-ASFQhgY4ElXh3nDcOMTkQero4b1lgubskNlhIfJrsH5OKZXDpUAKBlNS0Kx81jwOBp+HCeZqmoJuihTv57/jvQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.8':
+    resolution: {integrity: sha512-d1KfruIeohqAi6SA+gENMuObDbEjn22olAR7egqnkCD9DGBG0wsEARotkLgXDu6c4ncgWTZJtN5vcgxzWRMzcw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.8':
+    resolution: {integrity: sha512-nVDCkrvx2ua+XQNyfrujIG38+YGyuy2Ru9kKVNyh5jAys6n+l44tTtToqHjino2My8VAY6Lw9H7RI73XFi66Cg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.8':
+    resolution: {integrity: sha512-j8HgrDuSJFAujkivSMSfPQSAa5Fxbvk4rgNAS5i3K+r8s1X0p1uOO2Hl2xNsGFppOeHOLAVgYwDVlmxhq5h+SQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.8':
+    resolution: {integrity: sha512-1h8MUAwa0VhNCDp6Af0HToI2TJFAn1uqT9Al6DJVzdIBAd21m/G0Yfc77KDM3uF3T/YaOgQq3qTJHPbTOInaIQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.8':
+    resolution: {integrity: sha512-r2nVa5SIK9tSWd0kJd9HCffnDHKchTGikb//9c7HX+r+wHYCpQrSgxhlY6KWV1nFo1l4KFbsMlHk+L6fekLsUg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.25.8':
+    resolution: {integrity: sha512-zUlaP2S12YhQ2UzUfcCuMDHQFJyKABkAjvO5YSndMiIkMimPmxA+BYSBikWgsRpvyxuRnow4nS5NPnf9fpv41w==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.25.8':
+    resolution: {integrity: sha512-YEGFFWESlPva8hGL+zvj2z/SaK+pH0SwOM0Nc/d+rVnW7GSTFlLBGzZkuSU9kFIGIo8q9X3ucpZhu8PDN5A2sQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.8':
+    resolution: {integrity: sha512-hiGgGC6KZ5LZz58OL/+qVVoZiuZlUYlYHNAmczOm7bs2oE1XriPFi5ZHHrS8ACpV5EjySrnoCKmcbQMN+ojnHg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.8':
+    resolution: {integrity: sha512-cn3Yr7+OaaZq1c+2pe+8yxC8E144SReCQjN6/2ynubzYjvyqZjTXfQJpAcQpsdJq3My7XADANiYGHoFC69pLQw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.7.0':
+    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.1':
+    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/compat@1.3.1':
+    resolution: {integrity: sha512-k8MHony59I5EPic6EQTCNOuPoVBnoYXkP+20xvwFjN7t0qI3ImyvyBgg+hIVPwC8JaxVjjUZld+cLfBLFDLucg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.40 || 9
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/config-array@0.21.0':
+    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.3.0':
+    resolution: {integrity: sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.15.1':
+    resolution: {integrity: sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.1':
+    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.32.0':
+    resolution: {integrity: sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.6':
+    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.3.4':
+    resolution: {integrity: sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@floating-ui/core@1.7.1':
+    resolution: {integrity: sha512-azI0DrjMMfIug/ExbBaeDVJXcY0a7EPvPjb2xAJPa4HeimBX+Z18HK8QQR3jb6356SnDDdxx+hinMLcJEDdOjw==}
+
+  '@floating-ui/core@1.7.3':
+    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
+
+  '@floating-ui/dom@1.7.1':
+    resolution: {integrity: sha512-cwsmW/zyw5ltYTUeeYJ60CnQuPqmGwuGVhG9w0PRaRKkAyi38BT5CKrpIbb+jtahSwUl04cWzSx9ZOIxeS6RsQ==}
+
+  '@floating-ui/dom@1.7.3':
+    resolution: {integrity: sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==}
+
+  '@floating-ui/react-dom@2.1.3':
+    resolution: {integrity: sha512-huMBfiU9UnQ2oBwIhgzyIiSpVgvlDstU8CX0AF+wS+KzmYMs0J2a3GwuFHV1Lz+jlrQGeC1fF+Nv0QoumyV0bA==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/react-dom@2.1.5':
+    resolution: {integrity: sha512-HDO/1/1oH9fjj4eLgegrlH3dklZpHtUYYFiVwMUwfGvk9jWDRWqkklA2/NFScknrcNSspbV868WjXORvreDX+Q==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/react@0.26.28':
+    resolution: {integrity: sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.10':
+    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
+
+  '@floating-ui/utils@0.2.9':
+    resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
+
+  '@hcaptcha/loader@2.0.0':
+    resolution: {integrity: sha512-fFQH6ApU/zCCl6Y1bnbsxsp1Er/lKX+qlgljrpWDeFcenpEtoP68hExlKSXECospzKLeSWcr06cbTjlR/x3IJA==}
+
+  '@hcaptcha/react-hcaptcha@1.12.0':
+    resolution: {integrity: sha512-QiHnQQ52k8SJJSHkc3cq4TlYzag7oPd4f5ZqnjVSe4fJDSlZaOQFtu5F5AYisVslwaitdDELPVLRsRJxiiI0Aw==}
+    peerDependencies:
+      react: '>= 16.3.0'
+      react-dom: '>= 16.3.0'
+
+  '@headlessui/react@2.2.7':
+    resolution: {integrity: sha512-WKdTymY8Y49H8/gUc/lIyYK1M+/6dq0Iywh4zTZVAaiTDprRfioxSgD0wnXTQTBpjpGJuTL1NO/mqEvc//5SSg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.6':
+    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.3.1':
+    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
+    engines: {node: '>=18.18'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
+  '@jridgewell/gen-mapping@0.3.12':
+    resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.4':
+    resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
+
+  '@jridgewell/trace-mapping@0.3.29':
+    resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
+
+  '@kurkle/color@0.3.4':
+    resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
+
+  '@lezer/common@1.2.3':
+    resolution: {integrity: sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==}
+
+  '@lezer/cpp@1.1.3':
+    resolution: {integrity: sha512-ykYvuFQKGsRi6IcE+/hCSGUhb/I4WPjd3ELhEblm2wS2cOznDFzO+ubK2c+ioysOnlZ3EduV+MVQFCPzAIoY3w==}
+
+  '@lezer/css@1.2.1':
+    resolution: {integrity: sha512-2F5tOqzKEKbCUNraIXc0f6HKeyKlmMWJnBB0i4XW6dJgssrZO/YlZ2pY5xgyqDleqqhiNJ3dQhbrV2aClZQMvg==}
+
+  '@lezer/go@1.0.1':
+    resolution: {integrity: sha512-xToRsYxwsgJNHTgNdStpcvmbVuKxTapV0dM0wey1geMMRc9aggoVyKgzYp41D2/vVOx+Ii4hmE206kvxIXBVXQ==}
+
+  '@lezer/highlight@1.2.1':
+    resolution: {integrity: sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==}
+
+  '@lezer/html@1.3.10':
+    resolution: {integrity: sha512-dqpT8nISx/p9Do3AchvYGV3qYc4/rKr3IBZxlHmpIKam56P47RSHkSF5f13Vu9hebS1jM0HmtJIwLbWz1VIY6w==}
+
+  '@lezer/java@1.1.3':
+    resolution: {integrity: sha512-yHquUfujwg6Yu4Fd1GNHCvidIvJwi/1Xu2DaKl/pfWIA2c1oXkVvawH3NyXhCaFx4OdlYBVX5wvz2f7Aoa/4Xw==}
+
+  '@lezer/javascript@1.5.1':
+    resolution: {integrity: sha512-ATOImjeVJuvgm3JQ/bpo2Tmv55HSScE2MTPnKRMRIPx2cLhHGyX2VnqpHhtIV1tVzIjZDbcWQm+NCTF40ggZVw==}
+
+  '@lezer/json@1.0.3':
+    resolution: {integrity: sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==}
+
+  '@lezer/lr@1.4.2':
+    resolution: {integrity: sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==}
+
+  '@lezer/markdown@1.4.3':
+    resolution: {integrity: sha512-kfw+2uMrQ/wy/+ONfrH83OkdFNM0ye5Xq96cLlaCy7h5UT9FO54DU4oRoIc0CSBh5NWmWuiIJA7NGLMJbQ+Oxg==}
+
+  '@lezer/php@1.0.2':
+    resolution: {integrity: sha512-GN7BnqtGRpFyeoKSEqxvGvhJQiI4zkgmYnDk/JIyc7H7Ifc1tkPnUn/R2R8meH3h/aBf5rzjvU8ZQoyiNDtDrA==}
+
+  '@lezer/python@1.1.18':
+    resolution: {integrity: sha512-31FiUrU7z9+d/ElGQLJFXl+dKOdx0jALlP3KEOsGTex8mvj+SoE1FgItcHWK/axkxCHGUSpqIHt6JAWfWu9Rhg==}
+
+  '@lezer/rust@1.0.2':
+    resolution: {integrity: sha512-Lz5sIPBdF2FUXcWeCu1//ojFAZqzTQNRga0aYv6dYXqJqPfMdCAI0NzajWUd4Xijj1IKJLtjoXRPMvTKWBcqKg==}
+
+  '@lezer/sass@1.1.0':
+    resolution: {integrity: sha512-3mMGdCTUZ/84ArHOuXWQr37pnf7f+Nw9ycPUeKX+wu19b7pSMcZGLbaXwvD2APMBDOGxPmpK/O6S1v1EvLoqgQ==}
+
+  '@lezer/xml@1.0.6':
+    resolution: {integrity: sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==}
+
+  '@lezer/yaml@1.0.3':
+    resolution: {integrity: sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==}
+
+  '@marijn/find-cluster-break@1.0.2':
+    resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
+
+  '@marsidev/react-turnstile@1.2.0':
+    resolution: {integrity: sha512-UQ8AF7RFSq2zaoEjC9rcMtF8WOEQW2wDDg+QcMojci/pM37oUaX8n+xIJ9kTXfAOkrEYGvmlnFr/JkREKeA2Yw==}
+    peerDependencies:
+      react: ^17.0.2 || ^18.0.0 || ^19.0
+      react-dom: ^17.0.2 || ^18.0.0 || ^19.0
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@preact/signals-core@1.11.0':
+    resolution: {integrity: sha512-jglbibeWHuFRzEWVFY/TT7wB1PppJxmcSfUHcK+2J9vBRtiooMfw6tAPttojNYrrpdGViqAYCbPpmWYlMm+eMQ==}
+
+  '@preact/signals-react@3.2.1':
+    resolution: {integrity: sha512-kRaWeKpT4tUKfcvUB0QldqQ1p/Xjg6cXDN3ubdVwnRrCie+95IXcaOaRHSLiAPgxwdOQYrgEjHe6ms46FtzQhQ==}
+    peerDependencies:
+      react: ^16.14.0 || 17.x || 18.x || 19.x
+
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+
+  '@radix-ui/primitive@1.1.2':
+    resolution: {integrity: sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==}
+
+  '@radix-ui/react-accessible-icon@1.1.7':
+    resolution: {integrity: sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-accordion@1.2.11':
+    resolution: {integrity: sha512-l3W5D54emV2ues7jjeG1xcyN7S3jnK3zE2zHqgn0CmMsy9lNJwmgcrmaxS+7ipw15FAivzKNzH3d5EcGoFKw0A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-alert-dialog@1.1.14':
+    resolution: {integrity: sha512-IOZfZ3nPvN6lXpJTBCunFQPRSvK8MDgSc1FB85xnIpUKOw9en0dJj8JmCAxV7BiZdtYlUpmrQjoTFkVYtdoWzQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-aspect-ratio@1.1.7':
+    resolution: {integrity: sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-avatar@1.1.10':
+    resolution: {integrity: sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-checkbox@1.3.2':
+    resolution: {integrity: sha512-yd+dI56KZqawxKZrJ31eENUwqc1QSqg4OZ15rybGjF2ZNwMO+wCyHzAVLRp9qoYJf7kYy0YpZ2b0JCzJ42HZpA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collapsible@1.1.11':
+    resolution: {integrity: sha512-2qrRsVGSCYasSz1RFOorXwl0H7g7J1frQtgpQgYrt+MOidtPAINHn9CPovQXb83r8ahapdx3Tu0fa/pdFFSdPg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context-menu@2.2.15':
+    resolution: {integrity: sha512-UsQUMjcYTsBjTSXw0P3GO0werEQvUY2plgRQuKoCTtkNr45q1DiL51j4m7gxhABzZ0BadoXNsIbg7F3KwiUBbw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.14':
+    resolution: {integrity: sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.10':
+    resolution: {integrity: sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dropdown-menu@2.1.15':
+    resolution: {integrity: sha512-mIBnOjgwo9AH3FyKaSWoSu/dYj6VdhJ7frEPiGTeXCdUFHjl9h3mFh2wwhEtINOmYXWhdpf1rY2minFsmaNgVQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.2':
+    resolution: {integrity: sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-form@0.1.7':
+    resolution: {integrity: sha512-IXLKFnaYvFg/KkeV5QfOX7tRnwHXp127koOFUjLWMTrRv5Rny3DQcAtIFFeA/Cli4HHM8DuJCXAUsgnFVJndlw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-hover-card@1.1.14':
+    resolution: {integrity: sha512-CPYZ24Mhirm+g6D8jArmLzjYu4Eyg3TTUHswR26QgzXBHBe64BO/RHOJKzmF/Dxb4y4f9PKyJdwm/O/AhNkb+Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-label@2.1.7':
+    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menu@2.1.15':
+    resolution: {integrity: sha512-tVlmA3Vb9n8SZSd+YSbuFR66l87Wiy4du+YE+0hzKQEANA+7cWKH1WgqcEX4pXqxUFQKrWQGHdvEfw00TjFiew==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menubar@1.1.15':
+    resolution: {integrity: sha512-Z71C7LGD+YDYo3TV81paUs8f3Zbmkvg6VLRQpKYfzioOE6n7fOhA3ApK/V/2Odolxjoc4ENk8AYCjohCNayd5A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-navigation-menu@1.2.13':
+    resolution: {integrity: sha512-WG8wWfDiJlSF5hELjwfjSGOXcBR/ZMhBFCGYe8vERpC39CQYZeq1PQ2kaYHdye3V95d06H89KGMsVCIE4LWo3g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-one-time-password-field@0.1.7':
+    resolution: {integrity: sha512-w1vm7AGI8tNXVovOK7TYQHrAGpRF7qQL+ENpT1a743De5Zmay2RbWGKAiYDKIyIuqptns+znCKwNztE2xl1n0Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-password-toggle-field@0.1.2':
+    resolution: {integrity: sha512-F90uYnlBsLPU1UbSLciLsWQmk8+hdWa6SFw4GXaIdNWxFxI5ITKVdAG64f+Twaa9ic6xE7pqxPyUmodrGjT4pQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popover@1.1.14':
+    resolution: {integrity: sha512-ODz16+1iIbGUfFEfKx2HTPKizg2MN39uIOV8MXeHnmdd3i/N9Wt7vU46wbHsqA0xoaQyXVcs0KIlBdOA2Y95bw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.7':
+    resolution: {integrity: sha512-IUFAccz1JyKcf/RjB552PlWwxjeCJB8/4KxT7EhBHOJM+mN7LdW+B3kacJXILm32xawcMMjb2i0cIZpo+f9kiQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.4':
+    resolution: {integrity: sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-progress@1.1.7':
+    resolution: {integrity: sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-radio-group@1.3.7':
+    resolution: {integrity: sha512-9w5XhD0KPOrm92OTTE0SysH3sYzHsSTHNvZgUBo/VZ80VdYyB5RneDbc0dKpURS24IxkoFRu/hI0i4XyfFwY6g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.10':
+    resolution: {integrity: sha512-dT9aOXUen9JSsxnMPv/0VqySQf5eDQ6LCk5Sw28kamz8wSOW2bJdlX2Bg5VUIIcV+6XlHpWTIuTPCf/UNIyq8Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-scroll-area@1.2.9':
+    resolution: {integrity: sha512-YSjEfBXnhUELsO2VzjdtYYD4CfQjvao+lhhrX5XsHD7/cyUNzljF1FHEbgTPN7LH2MClfwRMIsYlqTYpKTTe2A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-select@2.2.5':
+    resolution: {integrity: sha512-HnMTdXEVuuyzx63ME0ut4+sEMYW6oouHWNGUZc7ddvUWIcfCva/AMoqEW/3wnEllriMWBa0RHspCYnfCWJQYmA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-separator@1.1.7':
+    resolution: {integrity: sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slider@1.3.5':
+    resolution: {integrity: sha512-rkfe2pU2NBAYfGaxa3Mqosi7VZEWX5CxKaanRv0vZd4Zhl9fvQrg0VM93dv3xGLGfrHuoTRF3JXH8nb9g+B3fw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-switch@1.2.5':
+    resolution: {integrity: sha512-5ijLkak6ZMylXsaImpZ8u4Rlf5grRmoc0p0QeX9VJtlrM4f5m3nCTX8tWga/zOA8PZYIR/t0p2Mnvd7InrJ6yQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tabs@1.1.12':
+    resolution: {integrity: sha512-GTVAlRVrQrSw3cEARM0nAx73ixrWDPNZAruETn3oHCNP6SbZ/hNxdxp+u7VkIEv3/sFoLq1PfcHrl7Pnp0CDpw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toast@1.2.14':
+    resolution: {integrity: sha512-nAP5FBxBJGQ/YfUB+r+O6USFVkWq3gAInkxyEnmvEV5jtSbfDhfa4hwX8CraCnbjMLsE7XSf/K75l9xXY7joWg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle-group@1.1.10':
+    resolution: {integrity: sha512-kiU694Km3WFLTC75DdqgM/3Jauf3rD9wxeS9XtyWFKsBUeZA337lC+6uUazT7I1DhanZ5gyD5Stf8uf2dbQxOQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle@1.1.9':
+    resolution: {integrity: sha512-ZoFkBBz9zv9GWer7wIjvdRxmh2wyc2oKWw6C6CseWd6/yq1DK/l5lJ+wnsmFwJZbBYqr02mrf8A2q/CVCuM3ZA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toolbar@1.1.10':
+    resolution: {integrity: sha512-jiwQsduEL++M4YBIurjSa+voD86OIytCod0/dbIxFZDLD8NfO1//keXYMfsW8BPcfqwoNjt+y06XcJqAb4KR7A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tooltip@1.2.7':
+    resolution: {integrity: sha512-Ap+fNYwKTYJ9pzqW+Xe2HtMRbQ/EeWkj2qykZ6SuEV4iS/o1bZI5ssJbk4D2r8XuDuOBVz/tIx2JObtuqU+5Zw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-is-hydrated@0.1.0':
+    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
+  '@react-aria/focus@3.21.0':
+    resolution: {integrity: sha512-7NEGtTPsBy52EZ/ToVKCu0HSelE3kq9qeis+2eEq90XSuJOMaDHUQrA7RC2Y89tlEwQB31bud/kKRi9Qme1dkA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/interactions@3.25.4':
+    resolution: {integrity: sha512-HBQMxgUPHrW8V63u9uGgBymkMfj6vdWbB0GgUJY49K9mBKMsypcHeWkWM6+bF7kxRO728/IK8bWDV6whDbqjHg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/ssr@3.9.10':
+    resolution: {integrity: sha512-hvTm77Pf+pMBhuBm760Li0BVIO38jv1IBws1xFm1NoL26PU+fe+FMW5+VZWyANR6nYL65joaJKZqOdTQMkO9IQ==}
+    engines: {node: '>= 12'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/utils@3.30.0':
+    resolution: {integrity: sha512-ydA6y5G1+gbem3Va2nczj/0G0W7/jUVo/cbN10WA5IizzWIwMP5qhFr7macgbKfHMkZ+YZC3oXnt2NNre5odKw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/flags@3.1.2':
+    resolution: {integrity: sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==}
+
+  '@react-stately/utils@3.10.8':
+    resolution: {integrity: sha512-SN3/h7SzRsusVQjQ4v10LaVsDc81jyyR0DD5HnsQitm/I5WDpaSr2nRHtyloPFU48jlql1XX/S04T2DLQM7Y3g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/shared@3.31.0':
+    resolution: {integrity: sha512-ua5U6V66gDcbLZe4P2QeyNgPp4YWD1ymGA6j3n+s8CGExtrCPe64v+g4mvpT8Bnb985R96e4zFT61+m0YCwqMg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@rolldown/pluginutils@1.0.0-beta.27':
+    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+
+  '@rollup/pluginutils@5.2.0':
+    resolution: {integrity: sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.46.2':
+    resolution: {integrity: sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.46.2':
+    resolution: {integrity: sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.46.2':
+    resolution: {integrity: sha512-HV7bW2Fb/F5KPdM/9bApunQh68YVDU8sO8BvcW9OngQVN3HHHkw99wFupuUJfGR9pYLLAjcAOA6iO+evsbBaPQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.46.2':
+    resolution: {integrity: sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.46.2':
+    resolution: {integrity: sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.46.2':
+    resolution: {integrity: sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.46.2':
+    resolution: {integrity: sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.46.2':
+    resolution: {integrity: sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.46.2':
+    resolution: {integrity: sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.46.2':
+    resolution: {integrity: sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.46.2':
+    resolution: {integrity: sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.46.2':
+    resolution: {integrity: sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.46.2':
+    resolution: {integrity: sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.46.2':
+    resolution: {integrity: sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.46.2':
+    resolution: {integrity: sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.46.2':
+    resolution: {integrity: sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.46.2':
+    resolution: {integrity: sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.46.2':
+    resolution: {integrity: sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.46.2':
+    resolution: {integrity: sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.46.2':
+    resolution: {integrity: sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core-darwin-arm64@1.13.3':
+    resolution: {integrity: sha512-ux0Ws4pSpBTqbDS9GlVP354MekB1DwYlbxXU3VhnDr4GBcCOimpocx62x7cFJkSpEBF8bmX8+/TTCGKh4PbyXw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@swc/core-darwin-x64@1.13.3':
+    resolution: {integrity: sha512-p0X6yhxmNUOMZrbeZ3ZNsPige8lSlSe1llllXvpCLkKKxN/k5vZt1sULoq6Nj4eQ7KeHQVm81/+AwKZyf/e0TA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@swc/core-linux-arm-gnueabihf@1.13.3':
+    resolution: {integrity: sha512-OmDoiexL2fVWvQTCtoh0xHMyEkZweQAlh4dRyvl8ugqIPEVARSYtaj55TBMUJIP44mSUOJ5tytjzhn2KFxFcBA==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@swc/core-linux-arm64-gnu@1.13.3':
+    resolution: {integrity: sha512-STfKku3QfnuUj6k3g9ld4vwhtgCGYIFQmsGPPgT9MK/dI3Lwnpe5Gs5t1inoUIoGNP8sIOLlBB4HV4MmBjQuhw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-arm64-musl@1.13.3':
+    resolution: {integrity: sha512-bc+CXYlFc1t8pv9yZJGus372ldzOVscBl7encUBlU1m/Sig0+NDJLz6cXXRcFyl6ABNOApWeR4Yl7iUWx6C8og==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-x64-gnu@1.13.3':
+    resolution: {integrity: sha512-dFXoa0TEhohrKcxn/54YKs1iwNeW6tUkHJgXW33H381SvjKFUV53WR231jh1sWVJETjA3vsAwxKwR23s7UCmUA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-linux-x64-musl@1.13.3':
+    resolution: {integrity: sha512-ieyjisLB+ldexiE/yD8uomaZuZIbTc8tjquYln9Quh5ykOBY7LpJJYBWvWtm1g3pHv6AXlBI8Jay7Fffb6aLfA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-win32-arm64-msvc@1.13.3':
+    resolution: {integrity: sha512-elTQpnaX5vESSbhCEgcwXjpMsnUbqqHfEpB7ewpkAsLzKEXZaK67ihSRYAuAx6ewRQTo7DS5iTT6X5aQD3MzMw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@swc/core-win32-ia32-msvc@1.13.3':
+    resolution: {integrity: sha512-nvehQVEOdI1BleJpuUgPLrclJ0TzbEMc+MarXDmmiRFwEUGqj+pnfkTSb7RZyS1puU74IXdK/YhTirHurtbI9w==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@swc/core-win32-x64-msvc@1.13.3':
+    resolution: {integrity: sha512-A+JSKGkRbPLVV2Kwx8TaDAV0yXIXm/gc8m98hSkVDGlPBBmydgzNdWy3X7HTUBM7IDk7YlWE7w2+RUGjdgpTmg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core@1.13.3':
+    resolution: {integrity: sha512-ZaDETVWnm6FE0fc+c2UE8MHYVS3Fe91o5vkmGfgwGXFbxYvAjKSqxM/j4cRc9T7VZNSJjriXq58XkfCp3Y6f+w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@swc/helpers': '>=0.5.17'
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
+  '@swc/helpers@0.5.17':
+    resolution: {integrity: sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==}
+
+  '@swc/plugin-styled-components@9.0.2':
+    resolution: {integrity: sha512-H9U124CME/JeZfsxnLcTs5adRXSEfDqlwYfzcgrhcUN1L/egi4zohvol0OyhtQJVhDBJ2gFKokxvf7EyRc8Sbg==}
+
+  '@swc/types@0.1.23':
+    resolution: {integrity: sha512-u1iIVZV9Q0jxY+yM2vw/hZGDNudsN85bBpTqzAQ9rzkxW9D+e3aEM4Han+ow518gSewkXgjmEK0BD79ZcNVgPw==}
+
+  '@tailwindcss/node@4.1.11':
+    resolution: {integrity: sha512-yzhzuGRmv5QyU9qLNg4GTlYI6STedBWRE7NjxP45CsFYYq9taI0zJXZBMqIC/c8fViNLhmrbpSFS57EoxUmD6Q==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.11':
+    resolution: {integrity: sha512-3IfFuATVRUMZZprEIx9OGDjG3Ou3jG4xQzNTvjDoKmU9JdmoCohQJ83MYd0GPnQIu89YoJqvMM0G3uqLRFtetg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.11':
+    resolution: {integrity: sha512-ESgStEOEsyg8J5YcMb1xl8WFOXfeBmrhAwGsFxxB2CxY9evy63+AtpbDLAyRkJnxLy2WsD1qF13E97uQyP1lfQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.11':
+    resolution: {integrity: sha512-EgnK8kRchgmgzG6jE10UQNaH9Mwi2n+yw1jWmof9Vyg2lpKNX2ioe7CJdf9M5f8V9uaQxInenZkOxnTVL3fhAw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.11':
+    resolution: {integrity: sha512-xdqKtbpHs7pQhIKmqVpxStnY1skuNh4CtbcyOHeX1YBE0hArj2romsFGb6yUmzkq/6M24nkxDqU8GYrKrz+UcA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.11':
+    resolution: {integrity: sha512-ryHQK2eyDYYMwB5wZL46uoxz2zzDZsFBwfjssgB7pzytAeCCa6glsiJGjhTEddq/4OsIjsLNMAiMlHNYnkEEeg==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.11':
+    resolution: {integrity: sha512-mYwqheq4BXF83j/w75ewkPJmPZIqqP1nhoghS9D57CLjsh3Nfq0m4ftTotRYtGnZd3eCztgbSPJ9QhfC91gDZQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.11':
+    resolution: {integrity: sha512-m/NVRFNGlEHJrNVk3O6I9ggVuNjXHIPoD6bqay/pubtYC9QIdAMpS+cswZQPBLvVvEF6GtSNONbDkZrjWZXYNQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.11':
+    resolution: {integrity: sha512-YW6sblI7xukSD2TdbbaeQVDysIm/UPJtObHJHKxDEcW2exAtY47j52f8jZXkqE1krdnkhCMGqP3dbniu1Te2Fg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.11':
+    resolution: {integrity: sha512-e3C/RRhGunWYNC3aSF7exsQkdXzQ/M+aYuZHKnw4U7KQwTJotnWsGOIVih0s2qQzmEzOFIJ3+xt7iq67K/p56Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.11':
+    resolution: {integrity: sha512-Xo1+/GU0JEN/C/dvcammKHzeM6NqKovG+6921MR6oadee5XPBaKOumrJCXvopJ/Qb5TH7LX/UAywbqrP4lax0g==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.11':
+    resolution: {integrity: sha512-UgKYx5PwEKrac3GPNPf6HVMNhUIGuUh4wlDFR2jYYdkX6pL/rn73zTq/4pzUm8fOjAn5L8zDeHp9iXmUGOXZ+w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.11':
+    resolution: {integrity: sha512-YfHoggn1j0LK7wR82TOucWc5LDCguHnoS879idHekmmiR7g9HUtMw9MI0NHatS28u/Xlkfi9w5RJWgz2Dl+5Qg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.11':
+    resolution: {integrity: sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.1.11':
+    resolution: {integrity: sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==}
+
+  '@tanstack/react-virtual@3.13.12':
+    resolution: {integrity: sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tanstack/virtual-core@3.13.12':
+    resolution: {integrity: sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==}
+
+  '@trivago/prettier-plugin-sort-imports@5.2.2':
+    resolution: {integrity: sha512-fYDQA9e6yTNmA13TLVSA+WMQRc5Bn/c0EUBditUHNfMMxN7M82c38b1kEggVE3pLpZ0FwkwJkUEKMiOi52JXFA==}
+    engines: {node: '>18.12'}
+    peerDependencies:
+      '@vue/compiler-sfc': 3.x
+      prettier: 2.x - 3.x
+      prettier-plugin-svelte: 3.x
+      svelte: 4.x || 5.x
+    peerDependenciesMeta:
+      '@vue/compiler-sfc':
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+      svelte:
+        optional: true
+
+  '@types/debounce@1.2.4':
+    resolution: {integrity: sha512-jBqiORIzKDOToaF63Fm//haOCHuwQuLa2202RK4MozpA6lh93eCBc+/8+wZn5OzjJt3ySdc+74SXWXB55Ewtyw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/events@3.0.3':
+    resolution: {integrity: sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==}
+
+  '@types/hoist-non-react-statics@3.3.6':
+    resolution: {integrity: sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/node@24.2.0':
+    resolution: {integrity: sha512-3xyG3pMCq3oYCNg7/ZP+E1ooTaGB4cG8JWRsqqOYQdbWNY4zbaV0Ennrd7stjiJEFZCaybcIgpTjJWHRfBSIDw==}
+
+  '@types/prismjs@1.26.5':
+    resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==}
+
+  '@types/react-copy-to-clipboard@5.0.7':
+    resolution: {integrity: sha512-Gft19D+as4M+9Whq1oglhmK49vqPhcLzk8WfvfLvaYMIPYanyfLy0+CwFucMJfdKoSFyySPmkkWn8/E6voQXjQ==}
+
+  '@types/react-dom@19.1.7':
+    resolution: {integrity: sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==}
+    peerDependencies:
+      '@types/react': ^19.0.0
+
+  '@types/react@19.1.9':
+    resolution: {integrity: sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==}
+
+  '@types/stylis@4.2.5':
+    resolution: {integrity: sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==}
+
+  '@types/uuid@10.0.0':
+    resolution: {integrity: sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==}
+
+  '@typescript-eslint/eslint-plugin@8.39.0':
+    resolution: {integrity: sha512-bhEz6OZeUR+O/6yx9Jk6ohX6H9JSFTaiY0v9/PuKT3oGK0rn0jNplLmyFUGV+a9gfYnVNwGDwS/UkLIuXNb2Rw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.39.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/parser@8.39.0':
+    resolution: {integrity: sha512-g3WpVQHngx0aLXn6kfIYCZxM6rRJlWzEkVpqEFLT3SgEDsp9cpCbxxgwnE504q4H+ruSDh/VGS6nqZIDynP+vg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.39.0':
+    resolution: {integrity: sha512-CTzJqaSq30V/Z2Og9jogzZt8lJRR5TKlAdXmWgdu4hgcC9Kww5flQ+xFvMxIBWVNdxJO7OifgdOK4PokMIWPew==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/scope-manager@8.39.0':
+    resolution: {integrity: sha512-8QOzff9UKxOh6npZQ/4FQu4mjdOCGSdO3p44ww0hk8Vu+IGbg0tB/H1LcTARRDzGCC8pDGbh2rissBuuoPgH8A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.39.0':
+    resolution: {integrity: sha512-Fd3/QjmFV2sKmvv3Mrj8r6N8CryYiCS8Wdb/6/rgOXAWGcFuc+VkQuG28uk/4kVNVZBQuuDHEDUpo/pQ32zsIQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.39.0':
+    resolution: {integrity: sha512-6B3z0c1DXVT2vYA9+z9axjtc09rqKUPRmijD5m9iv8iQpHBRYRMBcgxSiKTZKm6FwWw1/cI4v6em35OsKCiN5Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/types@8.39.0':
+    resolution: {integrity: sha512-ArDdaOllnCj3yn/lzKn9s0pBQYmmyme/v1HbGIGB0GB/knFI3fWMHloC+oYTJW46tVbYnGKTMDK4ah1sC2v0Kg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.39.0':
+    resolution: {integrity: sha512-ndWdiflRMvfIgQRpckQQLiB5qAKQ7w++V4LlCHwp62eym1HLB/kw7D9f2e8ytONls/jt89TEasgvb+VwnRprsw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.39.0':
+    resolution: {integrity: sha512-4GVSvNA0Vx1Ktwvf4sFE+exxJ3QGUorQG1/A5mRfRNZtkBT2xrA/BCO2H0eALx/PnvCS6/vmYwRdDA41EoffkQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.39.0':
+    resolution: {integrity: sha512-ldgiJ+VAhQCfIjeOgu8Kj5nSxds0ktPOSO9p4+0VDH2R2pLvQraaM5Oen2d7NxzMCm+Sn/vJT+mv2H5u6b/3fA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@vitejs/plugin-react-swc@3.11.0':
+    resolution: {integrity: sha512-YTJCGFdNMHCMfjODYtxRNVAYmTWQ1Lb8PulP/2/f/oEEtglw8oKxKIZmmRkyXrVrHfsKOaVkAc3NT9/dMutO5w==}
+    peerDependencies:
+      vite: ^4 || ^5 || ^6 || ^7
+
+  '@xterm/addon-fit@0.10.0':
+    resolution: {integrity: sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ==}
+    peerDependencies:
+      '@xterm/xterm': ^5.0.0
+
+  '@xterm/addon-search@0.15.0':
+    resolution: {integrity: sha512-ZBZKLQ+EuKE83CqCmSSz5y1tx+aNOCUaA7dm6emgOX+8J9H1FWXZyrKfzjwzV+V14TV3xToz1goIeRhXBS5qjg==}
+    peerDependencies:
+      '@xterm/xterm': ^5.0.0
+
+  '@xterm/addon-web-links@0.11.0':
+    resolution: {integrity: sha512-nIHQ38pQI+a5kXnRaTgwqSHnX7KE6+4SVoceompgHL26unAxdfP6IPqUTSYPQgSwM56hsElfoNrrW5V7BUED/Q==}
+    peerDependencies:
+      '@xterm/xterm': ^5.0.0
+
+  '@xterm/xterm@5.5.0':
+    resolution: {integrity: sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
+    engines: {node: '>= 0.4'}
+
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
+    engines: {node: '>= 0.4'}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  autoprefixer@10.4.21:
+    resolution: {integrity: sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  axios@1.11.0:
+    resolution: {integrity: sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.25.1:
+    resolution: {integrity: sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  camelize@1.0.1:
+    resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+
+  caniuse-lite@1.0.30001723:
+    resolution: {integrity: sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==}
+
+  caniuse-lite@1.0.30001727:
+    resolution: {integrity: sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chart.js@4.5.0:
+    resolution: {integrity: sha512-aYeC/jDgSEx8SHWZvANYMioYMZ2KX02W6f6uVfyteuCGcadDLcYVHdfdygsTQkQ4TKn5lghoojAsPj5pu0SnvQ==}
+    engines: {pnpm: '>=8'}
+
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  cmdk@1.1.1:
+    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
+    peerDependencies:
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@1.0.2:
+    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
+    engines: {node: '>=18'}
+
+  copy-to-clipboard@3.3.3:
+    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
+
+  crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+
+  cross-env@10.0.0:
+    resolution: {integrity: sha512-aU8qlEK/nHYtVuN4p7UQgAwVljzMg8hB4YK5ThRqD2l/ziSnryncPNn7bMLt5cFYsKVKBh8HqLqyCoTupEUu7Q==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css-color-keywords@1.0.0:
+    resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
+    engines: {node: '>=4'}
+
+  css-to-react-native@3.2.0:
+    resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
+    engines: {node: '>= 0.4'}
+
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
+  debounce@2.2.0:
+    resolution: {integrity: sha512-Xks6RUDLZFdz8LIdR6q0MTH44k7FikOmnh5xkSjMig6ch45afc8sjTjRQf3P6ax8dMgcQrYO/AR2RGWURrruqw==}
+    engines: {node: '>=18'}
+
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge-ts@7.1.5:
+    resolution: {integrity: sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==}
+    engines: {node: '>=16.0.0'}
+
+  deepmerge@2.2.1:
+    resolution: {integrity: sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==}
+    engines: {node: '>=0.10.0'}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@2.0.4:
+    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
+    engines: {node: '>=8'}
+
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
+  dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  easy-peasy@6.1.0:
+    resolution: {integrity: sha512-zW7mUATJRohNWWSrihmeFhS85jjsIHa1ptTDn6bSXa2DXh8Zeawfpmm1LtKa+Y6jNNz5aQlMjWZ8uuuVk5bdVQ==}
+    peerDependencies:
+      '@types/react': ^18.0 || ^19.0
+      '@types/react-dom': ^18.0 || ^19.0
+      react: ^18.0 || ^19.0
+      react-dom: ^18.0 || ^19.0
+      react-native: '>=0.59'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+
+  electron-to-chromium@1.5.180:
+    resolution: {integrity: sha512-ED+GEyEh3kYMwt2faNmgMB0b8O5qtATGgR4RmRsIp4T6p7B8vdMbIedYndnvZfsaXvSzegtpfqRMDNCjjiSduA==}
+
+  enhanced-resolve@5.18.2:
+    resolution: {integrity: sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==}
+    engines: {node: '>=10.13.0'}
+
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
+    engines: {node: '>= 0.4'}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-iterator-helpers@1.2.1:
+    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
+    engines: {node: '>= 0.4'}
+
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
+    engines: {node: '>= 0.4'}
+
+  esbuild@0.25.8:
+    resolution: {integrity: sha512-vVC0USHGtMi8+R4Kz8rt6JhEWLxsv9Rnu/lGYbPR8u47B+DCBksq9JarW0zOO7bs37hyOK1l2/oqtbciutL5+Q==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-plugin-prettier@5.5.3:
+    resolution: {integrity: sha512-NAdMYww51ehKfDyDhv59/eIItUVzU0Io9H2E8nHNGKEeeqlnci+1gCvrHib6EmZdf6GxF+LCV5K7UC65Ezvw7w==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+
+  eslint-plugin-react-hooks@5.2.0:
+    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+
+  eslint-plugin-react@7.37.5:
+    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+
+  eslint-plugin-turbo@2.5.5:
+    resolution: {integrity: sha512-IlN65X6W7rgK88u5xl1xC+7FIGKA7eyaca0yxZQ9CBNV6keAaqtjZQLw8ZfXdv7T+MzTLYkYOeOHAv8yCRUx4Q==}
+    peerDependencies:
+      eslint: '>6.6.0'
+      turbo: '>2.0.0'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.32.0:
+    resolution: {integrity: sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+
+  fdir@6.4.6:
+    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
+  follow-redirects@1.15.11:
+    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
+  form-data@4.0.4:
+    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
+    engines: {node: '>= 6'}
+
+  formik@2.4.6:
+    resolution: {integrity: sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
+  framer-motion@12.23.12:
+    resolution: {integrity: sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
+    engines: {node: '>= 0.4'}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.3.0:
+    resolution: {integrity: sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==}
+    engines: {node: '>=18'}
+
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  install@0.13.0:
+    resolution: {integrity: sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==}
+    engines: {node: '>= 0.10'}
+
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
+    engines: {node: '>= 0.4'}
+
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
+    engines: {node: '>= 0.4'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
+
+  is-generator-function@1.1.0:
+    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
+    engines: {node: '>= 0.4'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
+    engines: {node: '>= 0.4'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
+    engines: {node: '>= 0.4'}
+
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
+    engines: {node: '>= 0.4'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
+    engines: {node: '>= 0.4'}
+
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
+
+  javascript-natural-sort@0.7.1:
+    resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
+
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  laravel-vite-plugin@2.0.0:
+    resolution: {integrity: sha512-pnaKHInJgiWpG/g+LmaISHl7D/1s5wnOXnrGiBdt4NOs+tYZRw0v/ZANELGX2/dGgHyEzO+iZ6x4idpoK04z/Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      vite: ^7.0.0
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  million@3.1.11:
+    resolution: {integrity: sha512-6Vh1s0da0PzSqbbp9Zd8yMTIkOWnvBU4vNJCMHTZPXaY3fZ5h+N7s5croS/RBgjJIHz3WQZnvyNBQz7gQ6cqJg==}
+    hasBin: true
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minizlib@3.0.2:
+    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+    engines: {node: '>= 18'}
+
+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  motion-dom@12.23.12:
+    resolution: {integrity: sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==}
+
+  motion-utils@12.23.6:
+    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
+
+  motion@12.23.12:
+    resolution: {integrity: sha512-8jCD8uW5GD1csOoqh1WhH1A6j5APHVE15nuBkFeRiMzYBdRwyAHmSP/oXSuW0WJPZRXTFdBoG4hY9TFWNhhwng==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  node-releases@2.0.19:
+    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+
+  normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
+    engines: {node: '>= 0.4'}
+
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
+    engines: {node: '>= 0.4'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
+    engines: {node: '>= 0.4'}
+
+  postcss-import@16.1.1:
+    resolution: {integrity: sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.4.49:
+    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+
+  prettier-plugin-tailwindcss@0.6.14:
+    resolution: {integrity: sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==}
+    engines: {node: '>=14.21.3'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-hermes': '*'
+      '@prettier/plugin-oxc': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      '@zackad/prettier-plugin-twig': '*'
+      prettier: ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-import-sort: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-multiline-arrays: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-sort-imports: '*'
+      prettier-plugin-style-order: '*'
+      prettier-plugin-svelte: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-hermes':
+        optional: true
+      '@prettier/plugin-oxc':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      '@zackad/prettier-plugin-twig':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-import-sort:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-multiline-arrays:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-sort-imports:
+        optional: true
+      prettier-plugin-style-order:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+
+  prettier@3.6.2:
+    resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prism-react-renderer@2.4.1:
+    resolution: {integrity: sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==}
+    peerDependencies:
+      react: '>=16.0.0'
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  property-expr@2.0.6:
+    resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
+
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qrcode.react@4.2.0:
+    resolution: {integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  radix-ui@1.4.2:
+    resolution: {integrity: sha512-fT/3YFPJzf2WUpqDoQi005GS8EpCi+53VhcLaHUj5fwkPYiZAjk1mSxFvbMA8Uq71L03n+WysuYC+mlKkXxt/Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  react-chartjs-2@5.3.0:
+    resolution: {integrity: sha512-UfZZFnDsERI3c3CZGxzvNJd02SHjaSJ8kgW1djn65H1KK8rehwTjyrRKOG3VTMG8wtHZ5rgAO5oTHtHi9GCCmw==}
+    peerDependencies:
+      chart.js: ^4.1.1
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  react-dom@19.1.1:
+    resolution: {integrity: sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==}
+    peerDependencies:
+      react: ^19.1.1
+
+  react-fast-compare@2.0.4:
+    resolution: {integrity: sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==}
+
+  react-fast-compare@3.2.2:
+    resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.1:
+    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-router-dom@7.7.1:
+    resolution: {integrity: sha512-bavdk2BA5r3MYalGKZ01u8PGuDBloQmzpBZVhDLrOOv1N943Wq6dcM9GhB3x8b7AbqPMEezauv4PeGkAJfy7FQ==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+
+  react-router@7.7.1:
+    resolution: {integrity: sha512-jVKHXoWRIsD/qS6lvGveckwb862EekvapdHJN/cGmzw40KnJH5gg53ujOJ4qX6EKIK9LSBfFed/xiQ5yeXNrUA==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react@19.1.1:
+    resolution: {integrity: sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
+    engines: {node: '>= 0.4'}
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve@1.22.10:
+    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rollup@4.46.2:
+    resolution: {integrity: sha512-WMmLFI+Boh6xbop+OAGo9cQ3OgX9MIg7xOQjn+pTCwOkk+FNDAeAemXkJ3HzDJrVXleLOFVa1ipuc1AmEx1Dwg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safe-array-concat@1.1.3:
+    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
+    engines: {node: '>=0.4'}
+
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  scheduler@0.26.0:
+    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.2:
+    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-cookie-parser@2.7.1:
+    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
+  shallowequal@1.1.0:
+    resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
+  sockette@2.0.6:
+    resolution: {integrity: sha512-W6iG8RGV6Zife3Cj+FhuyHV447E6fqFM2hKmnaQrTvg3OydINV3Msj3WPFbX76blUlUxvQSMMMdrJxce8NqI5Q==}
+
+  sonner@2.0.7:
+    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.matchall@4.0.12:
+    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  style-mod@4.1.2:
+    resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
+
+  styled-components@6.1.19:
+    resolution: {integrity: sha512-1v/e3Dl1BknC37cXMhwGomhO8AkYmN41CqyX9xhUDxry1ns3BFQy2lLDRQXJRdVVWB9OHemv/53xaStimvWyuA==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      react: '>= 16.8.0'
+      react-dom: '>= 16.8.0'
+
+  stylis@4.3.2:
+    resolution: {integrity: sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  swr@2.3.4:
+    resolution: {integrity: sha512-bYd2lrhc+VarcpkgWclcUi92wYCpOgMws9Sd1hG1ntAu0NEy+14CbotuFjshBU2kt9rYj9TSmDcybpxpeTU1fg==}
+    peerDependencies:
+      react: ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  synckit@0.11.11:
+    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  tabbable@6.2.0:
+    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+
+  tailwind-merge@3.3.1:
+    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+
+  tailwind-scrollbar@4.0.2:
+    resolution: {integrity: sha512-wAQiIxAPqk0MNTPptVe/xoyWi27y+NRGnTwvn4PQnbvB9kp8QUBiGl/wsfoVBHnQxTmhXJSNt9NHTmcz9EivFA==}
+    engines: {node: '>=12.13.0'}
+    peerDependencies:
+      tailwindcss: 4.x
+
+  tailwindcss@4.1.11:
+    resolution: {integrity: sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==}
+
+  tapable@2.2.2:
+    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
+    engines: {node: '>=6'}
+
+  tar@7.4.3:
+    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+    engines: {node: '>=18'}
+
+  tiny-case@1.0.3:
+    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
+
+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
+  tinyglobby@0.2.14:
+    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
+    engines: {node: '>=12.0.0'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toggle-selection@1.0.6:
+    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
+
+  toposort@2.0.2:
+    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
+
+  ts-api-utils@2.1.0:
+    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-essentials@10.1.1:
+    resolution: {integrity: sha512-4aTB7KLHKmUvkjNj8V+EdnmuVTiECzn3K+zIbRthumvHu+j44x3w63xpfs0JL3NGIzGXqoQ7AV591xHO+XrOTw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  ts-toolbelt@9.6.0:
+    resolution: {integrity: sha512-nsZd8ZeNUzukXPlJmTBwUAuABDe/9qtVDelJeT/qW0ow3ZS3BsQJtNkan1802aM9Uf68/Y8ljw86Hu0h5IUW3w==}
+
+  tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  turbo-darwin-64@2.5.5:
+    resolution: {integrity: sha512-RYnTz49u4F5tDD2SUwwtlynABNBAfbyT2uU/brJcyh5k6lDLyNfYKdKmqd3K2ls4AaiALWrFKVSBsiVwhdFNzQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  turbo-darwin-arm64@2.5.5:
+    resolution: {integrity: sha512-Tk+ZeSNdBobZiMw9aFypQt0DlLsWSFWu1ymqsAdJLuPoAH05qCfYtRxE1pJuYHcJB5pqI+/HOxtJoQ40726Btw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  turbo-linux-64@2.5.5:
+    resolution: {integrity: sha512-2/XvMGykD7VgsvWesZZYIIVXMlgBcQy+ZAryjugoTcvJv8TZzSU/B1nShcA7IAjZ0q7OsZ45uP2cOb8EgKT30w==}
+    cpu: [x64]
+    os: [linux]
+
+  turbo-linux-arm64@2.5.5:
+    resolution: {integrity: sha512-DW+8CjCjybu0d7TFm9dovTTVg1VRnlkZ1rceO4zqsaLrit3DgHnN4to4uwyuf9s2V/BwS3IYcRy+HG9BL596Iw==}
+    cpu: [arm64]
+    os: [linux]
+
+  turbo-windows-64@2.5.5:
+    resolution: {integrity: sha512-q5p1BOy8ChtSZfULuF1BhFMYIx6bevXu4fJ+TE/hyNfyHJIfjl90Z6jWdqAlyaFLmn99X/uw+7d6T/Y/dr5JwQ==}
+    cpu: [x64]
+    os: [win32]
+
+  turbo-windows-arm64@2.5.5:
+    resolution: {integrity: sha512-AXbF1KmpHUq3PKQwddMGoKMYhHsy5t1YBQO8HZ04HLMR0rWv9adYlQ8kaeQJTko1Ay1anOBFTqaxfVOOsu7+1Q==}
+    cpu: [arm64]
+    os: [win32]
+
+  turbo@2.5.5:
+    resolution: {integrity: sha512-eZ7wI6KjtT1eBqCnh2JPXWNUAxtoxxfi6VdBdZFvil0ychCOTxbm7YLRBi1JSt7U3c+u3CLxpoPxLdvr/Npr3A==}
+    hasBin: true
+
+  tw-animate-css@1.3.6:
+    resolution: {integrity: sha512-9dy0R9UsYEGmgf26L8UcHiLmSFTHa9+D7+dAt/G/sF5dCnPePZbfgDYinc7/UzAM7g/baVrmS6m9yEpU46d+LA==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
+    engines: {node: '>= 0.4'}
+
+  typescript-eslint@8.39.0:
+    resolution: {integrity: sha512-lH8FvtdtzcHJCkMOKnN73LIn6SLTpoojgJqDAxPm1jCR14eWSGPX8ul/gggBdPMk/d5+u9V854vTYQ8T5jF/1Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  typescript@5.9.2:
+    resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
+
+  undici-types@7.10.0:
+    resolution: {integrity: sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==}
+
+  undici@6.21.3:
+    resolution: {integrity: sha512-gBLkYIlEnSp8pFbT64yFgGE6UIB9tAkhukC23PmMDCe5Nd+cRqKxSjw5y54MK2AZMgZfJWMaNE4nYUHgi1XEOw==}
+    engines: {node: '>=18.17'}
+
+  unplugin@1.16.1:
+    resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
+    engines: {node: '>=14.0.0'}
+
+  update-browserslist-db@1.1.3:
+    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sync-external-store@1.5.0:
+    resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
+    hasBin: true
+
+  vite-plugin-full-reload@1.2.0:
+    resolution: {integrity: sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==}
+
+  vite-plugin-manifest-sri@0.2.0:
+    resolution: {integrity: sha512-Zt5jt19xTIJ91LOuQTCtNG7rTFc5OziAjBz2H5NdCGqaOD1nxrWExLhcKW+W4/q8/jOPCg/n5ncYEQmqCxiGQQ==}
+
+  vite@7.0.6:
+    resolution: {integrity: sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
+
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.19:
+    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
+    engines: {node: '>= 0.4'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yup@1.7.0:
+    resolution: {integrity: sha512-VJce62dBd+JQvoc+fCVq+KZfPHr+hXaxCcVgotfwWvlR0Ja3ffYKaJBT8rptPOSKOGJDCUnW2C2JWpud7aRP6Q==}
+
+snapshots:
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.12
+      '@jridgewell/trace-mapping': 0.3.29
+
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.27.1
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.27.5': {}
+
+  '@babel/core@7.27.4':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.4)
+      '@babel/helpers': 7.27.6
+      '@babel/parser': 7.27.5
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.27.4
+      '@babel/types': 7.27.6
+      convert-source-map: 2.0.0
+      debug: 4.4.1
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.27.5':
+    dependencies:
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
+      '@jridgewell/gen-mapping': 0.3.12
+      '@jridgewell/trace-mapping': 0.3.29
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.27.5
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.25.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.27.4
+      '@babel/types': 7.27.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.4)':
+    dependencies:
+      '@babel/core': 7.27.4
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.27.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.27.6':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.6
+
+  '@babel/parser@7.27.5':
+    dependencies:
+      '@babel/types': 7.27.6
+
+  '@babel/runtime@7.27.6': {}
+
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
+
+  '@babel/traverse@7.27.4':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.5
+      '@babel/parser': 7.27.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.6
+      debug: 4.4.1
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.27.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@codemirror/autocomplete@6.18.6':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+
+  '@codemirror/commands@6.8.1':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+
+  '@codemirror/lang-angular@0.1.4':
+    dependencies:
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/lang-javascript': 6.2.4
+      '@codemirror/language': 6.11.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-cpp@6.0.2':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@lezer/cpp': 1.1.3
+
+  '@codemirror/lang-css@6.3.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/css': 1.2.1
+
+  '@codemirror/lang-go@6.0.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/go': 1.0.1
+
+  '@codemirror/lang-html@6.4.9':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/lang-javascript': 6.2.4
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/css': 1.2.1
+      '@lezer/html': 1.3.10
+
+  '@codemirror/lang-java@6.0.1':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@lezer/java': 1.1.3
+
+  '@codemirror/lang-javascript@6.2.4':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/lint': 6.8.5
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/javascript': 1.5.1
+
+  '@codemirror/lang-json@6.0.1':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@lezer/json': 1.0.3
+
+  '@codemirror/lang-less@6.0.2':
+    dependencies:
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/language': 6.11.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-liquid@6.2.3':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-markdown@6.3.3':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/markdown': 1.4.3
+
+  '@codemirror/lang-php@6.0.1':
+    dependencies:
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/php': 1.0.2
+
+  '@codemirror/lang-python@6.2.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/python': 1.1.18
+
+  '@codemirror/lang-rust@6.0.1':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@lezer/rust': 1.0.2
+
+  '@codemirror/lang-sass@6.0.2':
+    dependencies:
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/sass': 1.1.0
+
+  '@codemirror/lang-sql@6.9.0':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-vue@0.1.3':
+    dependencies:
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/lang-javascript': 6.2.4
+      '@codemirror/language': 6.11.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-wast@6.0.2':
+    dependencies:
+      '@codemirror/language': 6.11.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-xml@6.1.0':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/xml': 1.0.6
+
+  '@codemirror/lang-yaml@6.1.2':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.6
+      '@codemirror/language': 6.11.2
+      '@codemirror/state': 6.5.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+      '@lezer/yaml': 1.0.3
+
+  '@codemirror/language-data@6.5.1':
+    dependencies:
+      '@codemirror/lang-angular': 0.1.4
+      '@codemirror/lang-cpp': 6.0.2
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/lang-go': 6.0.1
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/lang-java': 6.0.1
+      '@codemirror/lang-javascript': 6.2.4
+      '@codemirror/lang-json': 6.0.1
+      '@codemirror/lang-less': 6.0.2
+      '@codemirror/lang-liquid': 6.2.3
+      '@codemirror/lang-markdown': 6.3.3
+      '@codemirror/lang-php': 6.0.1
+      '@codemirror/lang-python': 6.2.1
+      '@codemirror/lang-rust': 6.0.1
+      '@codemirror/lang-sass': 6.0.2
+      '@codemirror/lang-sql': 6.9.0
+      '@codemirror/lang-vue': 0.1.3
+      '@codemirror/lang-wast': 6.0.2
+      '@codemirror/lang-xml': 6.1.0
+      '@codemirror/lang-yaml': 6.1.2
+      '@codemirror/language': 6.11.2
+      '@codemirror/legacy-modes': 6.5.1
+
+  '@codemirror/language@6.11.2':
+    dependencies:
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+      style-mod: 4.1.2
+
+  '@codemirror/legacy-modes@6.5.1':
+    dependencies:
+      '@codemirror/language': 6.11.2
+
+  '@codemirror/lint@6.8.5':
+    dependencies:
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      crelt: 1.0.6
+
+  '@codemirror/search@6.5.11':
+    dependencies:
+      '@codemirror/state': 6.5.2
+      '@codemirror/view': 6.38.1
+      crelt: 1.0.6
+
+  '@codemirror/state@6.5.2':
+    dependencies:
+      '@marijn/find-cluster-break': 1.0.2
+
+  '@codemirror/view@6.38.1':
+    dependencies:
+      '@codemirror/state': 6.5.2
+      crelt: 1.0.6
+      style-mod: 4.1.2
+      w3c-keyname: 2.2.8
+
+  '@date-fns/tz@1.3.1': {}
+
+  '@emotion/is-prop-valid@1.2.2':
+    dependencies:
+      '@emotion/memoize': 0.8.1
+
+  '@emotion/memoize@0.8.1': {}
+
+  '@emotion/unitless@0.8.1': {}
+
+  '@epic-web/invariant@1.0.0': {}
+
+  '@esbuild/aix-ppc64@0.25.8':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/android-arm@0.25.8':
+    optional: true
+
+  '@esbuild/android-x64@0.25.8':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.8':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.8':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.8':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.8':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.8':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.8':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.8':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.8':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.8':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.8':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.8':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.8':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.8':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.8':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.8':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.8':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.32.0(jiti@2.4.2))':
+    dependencies:
+      eslint: 9.32.0(jiti@2.4.2)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.1': {}
+
+  '@eslint/compat@1.3.1(eslint@9.32.0(jiti@2.4.2))':
+    optionalDependencies:
+      eslint: 9.32.0(jiti@2.4.2)
+
+  '@eslint/config-array@0.21.0':
+    dependencies:
+      '@eslint/object-schema': 2.1.6
+      debug: 4.4.1
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.3.0': {}
+
+  '@eslint/core@0.15.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.1':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.1
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.32.0': {}
+
+  '@eslint/object-schema@2.1.6': {}
+
+  '@eslint/plugin-kit@0.3.4':
+    dependencies:
+      '@eslint/core': 0.15.1
+      levn: 0.4.1
+
+  '@floating-ui/core@1.7.1':
+    dependencies:
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/core@1.7.3':
+    dependencies:
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/dom@1.7.1':
+    dependencies:
+      '@floating-ui/core': 1.7.1
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/dom@1.7.3':
+    dependencies:
+      '@floating-ui/core': 1.7.3
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/react-dom@2.1.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@floating-ui/dom': 1.7.1
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@floating-ui/react-dom@2.1.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@floating-ui/dom': 1.7.3
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@floating-ui/react@0.26.28(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@floating-ui/utils': 0.2.10
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      tabbable: 6.2.0
+
+  '@floating-ui/utils@0.2.10': {}
+
+  '@floating-ui/utils@0.2.9': {}
+
+  '@hcaptcha/loader@2.0.0': {}
+
+  '@hcaptcha/react-hcaptcha@1.12.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@babel/runtime': 7.27.6
+      '@hcaptcha/loader': 2.0.0
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@headlessui/react@2.2.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@floating-ui/react': 0.26.28(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@react-aria/focus': 3.21.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@react-aria/interactions': 3.25.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@tanstack/react-virtual': 3.13.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      use-sync-external-store: 1.5.0(react@19.1.1)
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.6':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.3.1
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.3.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
+  '@jridgewell/gen-mapping@0.3.12':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.4
+      '@jridgewell/trace-mapping': 0.3.29
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.4': {}
+
+  '@jridgewell/trace-mapping@0.3.29':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.4
+
+  '@kurkle/color@0.3.4': {}
+
+  '@lezer/common@1.2.3': {}
+
+  '@lezer/cpp@1.1.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/css@1.2.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/go@1.0.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/highlight@1.2.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+
+  '@lezer/html@1.3.10':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/java@1.1.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/javascript@1.5.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/json@1.0.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/lr@1.4.2':
+    dependencies:
+      '@lezer/common': 1.2.3
+
+  '@lezer/markdown@1.4.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+
+  '@lezer/php@1.0.2':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/python@1.1.18':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/rust@1.0.2':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/sass@1.1.0':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/xml@1.0.6':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/yaml@1.0.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@marijn/find-cluster-break@1.0.2': {}
+
+  '@marsidev/react-turnstile@1.2.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.19.1
+
+  '@pkgr/core@0.2.9': {}
+
+  '@preact/signals-core@1.11.0': {}
+
+  '@preact/signals-react@3.2.1(react@19.1.1)':
+    dependencies:
+      '@preact/signals-core': 1.11.0
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+
+  '@radix-ui/number@1.1.1': {}
+
+  '@radix-ui/primitive@1.1.2': {}
+
+  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-accordion@1.2.11(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collapsible': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-alert-dialog@1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dialog': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-avatar@1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-checkbox@1.3.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-collapsible@1.1.11(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-context-menu@2.2.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-menu': 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-context@1.1.2(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-dialog@1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      aria-hidden: 1.2.6
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-remove-scroll: 2.7.1(@types/react@19.1.9)(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-direction@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-dismissable-layer@1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-dropdown-menu@2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-menu': 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-focus-guards@1.1.2(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-form@0.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-hover-card@1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-id@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-label@2.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-menu@2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      aria-hidden: 1.2.6
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-remove-scroll: 2.7.1(@types/react@19.1.9)(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-menubar@1.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-menu': 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-navigation-menu@1.2.13(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-one-time-password-field@0.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-password-toggle-field@0.1.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-popover@1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      aria-hidden: 1.2.6
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-remove-scroll: 2.7.1(@types/react@19.1.9)(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-popper@1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-presence@1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-radio-group@1.3.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-roving-focus@1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-scroll-area@1.2.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-select@2.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      aria-hidden: 1.2.6
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-remove-scroll: 2.7.1(@types/react@19.1.9)(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-separator@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-slider@1.3.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-slot@1.2.3(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-switch@1.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-tabs@1.1.12(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-toast@1.2.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-toggle-group@1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toggle': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-toggle@1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-toolbar@1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toggle-group': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-tooltip@1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.1.9)(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      react: 19.1.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  '@radix-ui/rect@1.1.1': {}
+
+  '@react-aria/focus@3.21.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@react-aria/interactions': 3.25.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@react-aria/utils': 3.30.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@react-types/shared': 3.31.0(react@19.1.1)
+      '@swc/helpers': 0.5.17
+      clsx: 2.1.1
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@react-aria/interactions@3.25.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@react-aria/ssr': 3.9.10(react@19.1.1)
+      '@react-aria/utils': 3.30.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@react-stately/flags': 3.1.2
+      '@react-types/shared': 3.31.0(react@19.1.1)
+      '@swc/helpers': 0.5.17
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@react-aria/ssr@3.9.10(react@19.1.1)':
+    dependencies:
+      '@swc/helpers': 0.5.17
+      react: 19.1.1
+
+  '@react-aria/utils@3.30.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@react-aria/ssr': 3.9.10(react@19.1.1)
+      '@react-stately/flags': 3.1.2
+      '@react-stately/utils': 3.10.8(react@19.1.1)
+      '@react-types/shared': 3.31.0(react@19.1.1)
+      '@swc/helpers': 0.5.17
+      clsx: 2.1.1
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@react-stately/flags@3.1.2':
+    dependencies:
+      '@swc/helpers': 0.5.17
+
+  '@react-stately/utils@3.10.8(react@19.1.1)':
+    dependencies:
+      '@swc/helpers': 0.5.17
+      react: 19.1.1
+
+  '@react-types/shared@3.31.0(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+
+  '@rolldown/pluginutils@1.0.0-beta.27': {}
+
+  '@rollup/pluginutils@5.2.0(rollup@4.46.2)':
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-walker: 2.0.2
+      picomatch: 4.0.2
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/rollup-android-arm-eabi@4.46.2':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.46.2':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.46.2':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.46.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.46.2':
+    optional: true
+
+  '@swc/core-darwin-arm64@1.13.3':
+    optional: true
+
+  '@swc/core-darwin-x64@1.13.3':
+    optional: true
+
+  '@swc/core-linux-arm-gnueabihf@1.13.3':
+    optional: true
+
+  '@swc/core-linux-arm64-gnu@1.13.3':
+    optional: true
+
+  '@swc/core-linux-arm64-musl@1.13.3':
+    optional: true
+
+  '@swc/core-linux-x64-gnu@1.13.3':
+    optional: true
+
+  '@swc/core-linux-x64-musl@1.13.3':
+    optional: true
+
+  '@swc/core-win32-arm64-msvc@1.13.3':
+    optional: true
+
+  '@swc/core-win32-ia32-msvc@1.13.3':
+    optional: true
+
+  '@swc/core-win32-x64-msvc@1.13.3':
+    optional: true
+
+  '@swc/core@1.13.3(@swc/helpers@0.5.17)':
+    dependencies:
+      '@swc/counter': 0.1.3
+      '@swc/types': 0.1.23
+    optionalDependencies:
+      '@swc/core-darwin-arm64': 1.13.3
+      '@swc/core-darwin-x64': 1.13.3
+      '@swc/core-linux-arm-gnueabihf': 1.13.3
+      '@swc/core-linux-arm64-gnu': 1.13.3
+      '@swc/core-linux-arm64-musl': 1.13.3
+      '@swc/core-linux-x64-gnu': 1.13.3
+      '@swc/core-linux-x64-musl': 1.13.3
+      '@swc/core-win32-arm64-msvc': 1.13.3
+      '@swc/core-win32-ia32-msvc': 1.13.3
+      '@swc/core-win32-x64-msvc': 1.13.3
+      '@swc/helpers': 0.5.17
+
+  '@swc/counter@0.1.3': {}
+
+  '@swc/helpers@0.5.17':
+    dependencies:
+      tslib: 2.8.1
+
+  '@swc/plugin-styled-components@9.0.2':
+    dependencies:
+      '@swc/counter': 0.1.3
+
+  '@swc/types@0.1.23':
+    dependencies:
+      '@swc/counter': 0.1.3
+
+  '@tailwindcss/node@4.1.11':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      enhanced-resolve: 5.18.2
+      jiti: 2.4.2
+      lightningcss: 1.30.1
+      magic-string: 0.30.17
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.11
+
+  '@tailwindcss/oxide-android-arm64@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.11':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.11':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.4.3
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.11
+      '@tailwindcss/oxide-darwin-arm64': 4.1.11
+      '@tailwindcss/oxide-darwin-x64': 4.1.11
+      '@tailwindcss/oxide-freebsd-x64': 4.1.11
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.11
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.11
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.11
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.11
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.11
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.11
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.11
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.11
+
+  '@tailwindcss/postcss@4.1.11':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.1.11
+      '@tailwindcss/oxide': 4.1.11
+      postcss: 8.5.6
+      tailwindcss: 4.1.11
+
+  '@tanstack/react-virtual@3.13.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@tanstack/virtual-core': 3.13.12
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  '@tanstack/virtual-core@3.13.12': {}
+
+  '@trivago/prettier-plugin-sort-imports@5.2.2(prettier@3.6.2)':
+    dependencies:
+      '@babel/generator': 7.27.5
+      '@babel/parser': 7.27.5
+      '@babel/traverse': 7.27.4
+      '@babel/types': 7.27.6
+      javascript-natural-sort: 0.7.1
+      lodash: 4.17.21
+      prettier: 3.6.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@types/debounce@1.2.4': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/events@3.0.3': {}
+
+  '@types/hoist-non-react-statics@3.3.6':
+    dependencies:
+      '@types/react': 19.1.9
+      hoist-non-react-statics: 3.3.2
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/node@24.2.0':
+    dependencies:
+      undici-types: 7.10.0
+
+  '@types/prismjs@1.26.5': {}
+
+  '@types/react-copy-to-clipboard@5.0.7':
+    dependencies:
+      '@types/react': 19.1.9
+
+  '@types/react-dom@19.1.7(@types/react@19.1.9)':
+    dependencies:
+      '@types/react': 19.1.9
+
+  '@types/react@19.1.9':
+    dependencies:
+      csstype: 3.1.3
+
+  '@types/stylis@4.2.5': {}
+
+  '@types/uuid@10.0.0': {}
+
+  '@typescript-eslint/eslint-plugin@8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2))(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/type-utils': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      '@typescript-eslint/visitor-keys': 8.39.0
+      eslint: 9.32.0(jiti@2.4.2)
+      graphemer: 1.4.0
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/visitor-keys': 8.39.0
+      debug: 4.4.1
+      eslint: 9.32.0(jiti@2.4.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.39.0(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/types': 8.39.0
+      debug: 4.4.1
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.39.0':
+    dependencies:
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/visitor-keys': 8.39.0
+
+  '@typescript-eslint/tsconfig-utils@8.39.0(typescript@5.9.2)':
+    dependencies:
+      typescript: 5.9.2
+
+  '@typescript-eslint/type-utils@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      debug: 4.4.1
+      eslint: 9.32.0(jiti@2.4.2)
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.39.0': {}
+
+  '@typescript-eslint/typescript-estree@8.39.0(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/visitor-keys': 8.39.0
+      debug: 4.4.1
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.7.2
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@2.4.2))
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      eslint: 9.32.0(jiti@2.4.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.39.0':
+    dependencies:
+      '@typescript-eslint/types': 8.39.0
+      eslint-visitor-keys: 4.2.1
+
+  '@vitejs/plugin-react-swc@3.11.0(@swc/helpers@0.5.17)(vite@7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@swc/core': 1.13.3(@swc/helpers@0.5.17)
+      vite: 7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1)
+    transitivePeerDependencies:
+      - '@swc/helpers'
+
+  '@xterm/addon-fit@0.10.0(@xterm/xterm@5.5.0)':
+    dependencies:
+      '@xterm/xterm': 5.5.0
+
+  '@xterm/addon-search@0.15.0(@xterm/xterm@5.5.0)':
+    dependencies:
+      '@xterm/xterm': 5.5.0
+
+  '@xterm/addon-web-links@0.11.0(@xterm/xterm@5.5.0)':
+    dependencies:
+      '@xterm/xterm': 5.5.0
+
+  '@xterm/xterm@5.5.0': {}
+
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn@8.15.0: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
+  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
+
+  array.prototype.findlast@1.2.5:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flat@1.3.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flatmap@1.3.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.1.0
+
+  arraybuffer.prototype.slice@1.0.4:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
+
+  async-function@1.0.0: {}
+
+  asynckit@0.4.0: {}
+
+  autoprefixer@10.4.21(postcss@8.5.6):
+    dependencies:
+      browserslist: 4.25.1
+      caniuse-lite: 1.0.30001723
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.1.1
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.1.0
+
+  axios@1.11.0:
+    dependencies:
+      follow-redirects: 1.15.11
+      form-data: 4.0.4
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
+  balanced-match@1.0.2: {}
+
+  brace-expansion@1.1.12:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.2:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.25.1:
+    dependencies:
+      caniuse-lite: 1.0.30001727
+      electron-to-chromium: 1.5.180
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.3(browserslist@4.25.1)
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  camelize@1.0.1: {}
+
+  caniuse-lite@1.0.30001723: {}
+
+  caniuse-lite@1.0.30001727: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chart.js@4.5.0:
+    dependencies:
+      '@kurkle/color': 0.3.4
+
+  chownr@3.0.0: {}
+
+  clsx@2.1.1: {}
+
+  cmdk@1.1.1(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dialog': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  concat-map@0.0.1: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie@1.0.2: {}
+
+  copy-to-clipboard@3.3.3:
+    dependencies:
+      toggle-selection: 1.0.6
+
+  crelt@1.0.6: {}
+
+  cross-env@10.0.0:
+    dependencies:
+      '@epic-web/invariant': 1.0.0
+      cross-spawn: 7.0.6
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css-color-keywords@1.0.0: {}
+
+  css-to-react-native@3.2.0:
+    dependencies:
+      camelize: 1.0.1
+      css-color-keywords: 1.0.0
+      postcss-value-parser: 4.2.0
+
+  csstype@3.1.3: {}
+
+  data-view-buffer@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-offset@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  date-fns@4.1.0: {}
+
+  debounce@2.2.0: {}
+
+  debug@4.4.1:
+    dependencies:
+      ms: 2.1.3
+
+  deep-is@0.1.4: {}
+
+  deepmerge-ts@7.1.5: {}
+
+  deepmerge@2.2.1: {}
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  delayed-stream@1.0.0: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@2.0.4: {}
+
+  detect-node-es@1.1.0: {}
+
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dotenv@16.0.3: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  easy-peasy@6.1.0(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      '@babel/runtime': 7.27.6
+      fast-deep-equal: 3.1.3
+      immer: 9.0.21
+      react: 19.1.1
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      ts-toolbelt: 9.6.0
+      use-sync-external-store: 1.5.0(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+      react-dom: 19.1.1(react@19.1.1)
+
+  electron-to-chromium@1.5.180: {}
+
+  enhanced-resolve@5.18.2:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.2
+
+  es-abstract@1.24.0:
+    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
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-iterator-helpers@1.2.1:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      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
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  es-shim-unscopables@1.1.0:
+    dependencies:
+      hasown: 2.0.2
+
+  es-to-primitive@1.3.0:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
+
+  esbuild@0.25.8:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.8
+      '@esbuild/android-arm': 0.25.8
+      '@esbuild/android-arm64': 0.25.8
+      '@esbuild/android-x64': 0.25.8
+      '@esbuild/darwin-arm64': 0.25.8
+      '@esbuild/darwin-x64': 0.25.8
+      '@esbuild/freebsd-arm64': 0.25.8
+      '@esbuild/freebsd-x64': 0.25.8
+      '@esbuild/linux-arm': 0.25.8
+      '@esbuild/linux-arm64': 0.25.8
+      '@esbuild/linux-ia32': 0.25.8
+      '@esbuild/linux-loong64': 0.25.8
+      '@esbuild/linux-mips64el': 0.25.8
+      '@esbuild/linux-ppc64': 0.25.8
+      '@esbuild/linux-riscv64': 0.25.8
+      '@esbuild/linux-s390x': 0.25.8
+      '@esbuild/linux-x64': 0.25.8
+      '@esbuild/netbsd-arm64': 0.25.8
+      '@esbuild/netbsd-x64': 0.25.8
+      '@esbuild/openbsd-arm64': 0.25.8
+      '@esbuild/openbsd-x64': 0.25.8
+      '@esbuild/openharmony-arm64': 0.25.8
+      '@esbuild/sunos-x64': 0.25.8
+      '@esbuild/win32-arm64': 0.25.8
+      '@esbuild/win32-ia32': 0.25.8
+      '@esbuild/win32-x64': 0.25.8
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-config-prettier@10.1.8(eslint@9.32.0(jiti@2.4.2)):
+    dependencies:
+      eslint: 9.32.0(jiti@2.4.2)
+
+  eslint-plugin-prettier@5.5.3(eslint-config-prettier@10.1.8(eslint@9.32.0(jiti@2.4.2)))(eslint@9.32.0(jiti@2.4.2))(prettier@3.6.2):
+    dependencies:
+      eslint: 9.32.0(jiti@2.4.2)
+      prettier: 3.6.2
+      prettier-linter-helpers: 1.0.0
+      synckit: 0.11.11
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@9.32.0(jiti@2.4.2))
+
+  eslint-plugin-react-hooks@5.2.0(eslint@9.32.0(jiti@2.4.2)):
+    dependencies:
+      eslint: 9.32.0(jiti@2.4.2)
+
+  eslint-plugin-react@7.37.5(eslint@9.32.0(jiti@2.4.2)):
+    dependencies:
+      array-includes: 3.1.9
+      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
+      eslint: 9.32.0(jiti@2.4.2)
+      estraverse: 5.3.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      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
+
+  eslint-plugin-turbo@2.5.5(eslint@9.32.0(jiti@2.4.2))(turbo@2.5.5):
+    dependencies:
+      dotenv: 16.0.3
+      eslint: 9.32.0(jiti@2.4.2)
+      turbo: 2.5.5
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint@9.32.0(jiti@2.4.2):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@2.4.2))
+      '@eslint-community/regexpp': 4.12.1
+      '@eslint/config-array': 0.21.0
+      '@eslint/config-helpers': 0.3.0
+      '@eslint/core': 0.15.1
+      '@eslint/eslintrc': 3.3.1
+      '@eslint/js': 9.32.0
+      '@eslint/plugin-kit': 0.3.4
+      '@humanfs/node': 0.16.6
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.1
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.6.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      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.4
+    optionalDependencies:
+      jiti: 2.4.2
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  esutils@2.0.3: {}
+
+  events@3.3.0: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-diff@1.3.0: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fastq@1.19.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.4.6(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.3
+      keyv: 4.5.4
+
+  flatted@3.3.3: {}
+
+  follow-redirects@1.15.11: {}
+
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
+  form-data@4.0.4:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
+  formik@2.4.6(react@19.1.1):
+    dependencies:
+      '@types/hoist-non-react-statics': 3.3.6
+      deepmerge: 2.2.1
+      hoist-non-react-statics: 3.3.2
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      react: 19.1.1
+      react-fast-compare: 2.0.4
+      tiny-warning: 1.0.3
+      tslib: 2.8.1
+
+  fraction.js@4.3.7: {}
+
+  framer-motion@12.23.12(@emotion/is-prop-valid@1.2.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      motion-dom: 12.23.12
+      motion-utils: 12.23.6
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  function.prototype.name@1.1.8:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
+
+  functions-have-names@1.2.3: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  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
+
+  get-nonce@1.0.1: {}
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-symbol-description@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globals@11.12.0: {}
+
+  globals@14.0.0: {}
+
+  globals@16.3.0: {}
+
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.2.0
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  has-bigints@1.1.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.1
+
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  immer@9.0.21: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  install@0.13.0: {}
+
+  internal-slot@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.1.0
+
+  is-array-buffer@3.0.5:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-async-function@2.1.1:
+    dependencies:
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.1.0
+
+  is-boolean-object@1.2.2:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-callable@1.2.7: {}
+
+  is-core-module@2.16.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-data-view@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
+
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-extglob@2.1.1: {}
+
+  is-finalizationregistry@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-generator-function@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-map@2.0.3: {}
+
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-number@7.0.0: {}
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.4:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-string@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
+
+  is-typed-array@1.1.15:
+    dependencies:
+      which-typed-array: 1.1.19
+
+  is-weakmap@2.0.2: {}
+
+  is-weakref@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-weakset@2.0.4:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  isarray@2.0.5: {}
+
+  isexe@2.0.0: {}
+
+  iterator.prototype@1.1.5:
+    dependencies:
+      define-data-property: 1.1.4
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
+      set-function-name: 2.0.2
+
+  javascript-natural-sort@0.7.1: {}
+
+  jiti@2.4.2: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.9
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  kleur@4.1.5: {}
+
+  laravel-vite-plugin@2.0.0(vite@7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1)):
+    dependencies:
+      picocolors: 1.1.1
+      vite: 7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1)
+      vite-plugin-full-reload: 1.2.0
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-darwin-arm64@1.30.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    optional: true
+
+  lightningcss@1.30.1:
+    dependencies:
+      detect-libc: 2.0.4
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.17.21: {}
+
+  lodash.merge@4.6.2: {}
+
+  lodash@4.17.21: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.4
+
+  math-intrinsics@1.1.0: {}
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  million@3.1.11(rollup@4.46.2):
+    dependencies:
+      '@babel/core': 7.27.4
+      '@babel/types': 7.27.6
+      '@rollup/pluginutils': 5.2.0(rollup@4.46.2)
+      kleur: 4.1.5
+      undici: 6.21.3
+      unplugin: 1.16.1
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.12
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.2
+
+  minipass@7.1.2: {}
+
+  minizlib@3.0.2:
+    dependencies:
+      minipass: 7.1.2
+
+  mkdirp@3.0.1: {}
+
+  motion-dom@12.23.12:
+    dependencies:
+      motion-utils: 12.23.6
+
+  motion-utils@12.23.6: {}
+
+  motion@12.23.12(@emotion/is-prop-valid@1.2.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      framer-motion: 12.23.12(@emotion/is-prop-valid@1.2.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.11: {}
+
+  natural-compare@1.4.0: {}
+
+  node-releases@2.0.19: {}
+
+  normalize-range@0.1.2: {}
+
+  object-assign@4.1.1: {}
+
+  object-inspect@1.13.4: {}
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
+      object-keys: 1.1.1
+
+  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
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+
+  object.values@1.2.1:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  pathe@2.0.3: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.1: {}
+
+  picomatch@4.0.2: {}
+
+  picomatch@4.0.3: {}
+
+  pify@2.3.0: {}
+
+  possible-typed-array-names@1.1.0: {}
+
+  postcss-import@16.1.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.10
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.4.49:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  prettier-linter-helpers@1.0.0:
+    dependencies:
+      fast-diff: 1.3.0
+
+  prettier-plugin-tailwindcss@0.6.14(@trivago/prettier-plugin-sort-imports@5.2.2(prettier@3.6.2))(prettier@3.6.2):
+    dependencies:
+      prettier: 3.6.2
+    optionalDependencies:
+      '@trivago/prettier-plugin-sort-imports': 5.2.2(prettier@3.6.2)
+
+  prettier@3.6.2: {}
+
+  prism-react-renderer@2.4.1(react@19.1.1):
+    dependencies:
+      '@types/prismjs': 1.26.5
+      clsx: 2.1.1
+      react: 19.1.1
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  property-expr@2.0.6: {}
+
+  proxy-from-env@1.1.0: {}
+
+  punycode@2.3.1: {}
+
+  qrcode.react@4.2.0(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+
+  queue-microtask@1.2.3: {}
+
+  radix-ui@1.4.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-accordion': 1.2.11(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-alert-dialog': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-checkbox': 1.3.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-collapsible': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-context-menu': 2.2.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-dialog': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-dropdown-menu': 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-focus-guards': 1.1.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-form': 0.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-hover-card': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-menu': 2.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-menubar': 1.1.15(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-navigation-menu': 1.2.13(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-one-time-password-field': 0.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-password-toggle-field': 0.1.2(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-popover': 1.1.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-progress': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-radio-group': 1.3.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-roving-focus': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-scroll-area': 1.2.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-select': 2.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slider': 1.3.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-switch': 1.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-tabs': 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toast': 1.2.14(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toggle': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toggle-group': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-toolbar': 1.1.10(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-tooltip': 1.2.7(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+      '@types/react-dom': 19.1.7(@types/react@19.1.9)
+
+  react-chartjs-2@5.3.0(chart.js@4.5.0)(react@19.1.1):
+    dependencies:
+      chart.js: 4.5.0
+      react: 19.1.1
+
+  react-dom@19.1.1(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      scheduler: 0.26.0
+
+  react-fast-compare@2.0.4: {}
+
+  react-fast-compare@3.2.2: {}
+
+  react-is@16.13.1: {}
+
+  react-remove-scroll-bar@2.3.8(@types/react@19.1.9)(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      react-style-singleton: 2.2.3(@types/react@19.1.9)(react@19.1.1)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  react-remove-scroll@2.7.1(@types/react@19.1.9)(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      react-remove-scroll-bar: 2.3.8(@types/react@19.1.9)(react@19.1.1)
+      react-style-singleton: 2.2.3(@types/react@19.1.9)(react@19.1.1)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.1.9)(react@19.1.1)
+      use-sidecar: 1.1.3(@types/react@19.1.9)(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  react-router-dom@7.7.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-router: 7.7.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+
+  react-router@7.7.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      cookie: 1.0.2
+      react: 19.1.1
+      set-cookie-parser: 2.7.1
+    optionalDependencies:
+      react-dom: 19.1.1(react@19.1.1)
+
+  react-style-singleton@2.2.3(@types/react@19.1.9)(react@19.1.1):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.1.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  react@19.1.1: {}
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
+  reflect.getprototypeof@1.0.10:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
+
+  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
+
+  resolve-from@4.0.0: {}
+
+  resolve@1.22.10:
+    dependencies:
+      is-core-module: 2.16.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  resolve@2.0.0-next.5:
+    dependencies:
+      is-core-module: 2.16.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  reusify@1.1.0: {}
+
+  rollup@4.46.2:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.46.2
+      '@rollup/rollup-android-arm64': 4.46.2
+      '@rollup/rollup-darwin-arm64': 4.46.2
+      '@rollup/rollup-darwin-x64': 4.46.2
+      '@rollup/rollup-freebsd-arm64': 4.46.2
+      '@rollup/rollup-freebsd-x64': 4.46.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.46.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.46.2
+      '@rollup/rollup-linux-arm64-gnu': 4.46.2
+      '@rollup/rollup-linux-arm64-musl': 4.46.2
+      '@rollup/rollup-linux-loongarch64-gnu': 4.46.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.46.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.46.2
+      '@rollup/rollup-linux-riscv64-musl': 4.46.2
+      '@rollup/rollup-linux-s390x-gnu': 4.46.2
+      '@rollup/rollup-linux-x64-gnu': 4.46.2
+      '@rollup/rollup-linux-x64-musl': 4.46.2
+      '@rollup/rollup-win32-arm64-msvc': 4.46.2
+      '@rollup/rollup-win32-ia32-msvc': 4.46.2
+      '@rollup/rollup-win32-x64-msvc': 4.46.2
+      fsevents: 2.3.3
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safe-array-concat@1.1.3:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
+      isarray: 2.0.5
+
+  safe-push-apply@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      isarray: 2.0.5
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  scheduler@0.26.0: {}
+
+  semver@6.3.1: {}
+
+  semver@7.7.2: {}
+
+  set-cookie-parser@2.7.1: {}
+
+  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.3.0
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+
+  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
+
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+
+  shallowequal@1.1.0: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  side-channel-list@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  sockette@2.0.6: {}
+
+  sonner@2.0.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
+  source-map-js@1.2.1: {}
+
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
+  string.prototype.matchall@4.0.12:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      regexp.prototype.flags: 1.5.4
+      set-function-name: 2.0.2
+      side-channel: 1.1.0
+
+  string.prototype.repeat@1.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+
+  string.prototype.trim@1.2.10:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-data-property: 1.1.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      has-property-descriptors: 1.0.2
+
+  string.prototype.trimend@1.0.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  strip-json-comments@3.1.1: {}
+
+  style-mod@4.1.2: {}
+
+  styled-components@6.1.19(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+    dependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/unitless': 0.8.1
+      '@types/stylis': 4.2.5
+      css-to-react-native: 3.2.0
+      csstype: 3.1.3
+      postcss: 8.4.49
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      shallowequal: 1.1.0
+      stylis: 4.3.2
+      tslib: 2.6.2
+
+  stylis@4.3.2: {}
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  swr@2.3.4(react@19.1.1):
+    dependencies:
+      dequal: 2.0.3
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+
+  synckit@0.11.11:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
+  tabbable@6.2.0: {}
+
+  tailwind-merge@3.3.1: {}
+
+  tailwind-scrollbar@4.0.2(react@19.1.1)(tailwindcss@4.1.11):
+    dependencies:
+      prism-react-renderer: 2.4.1(react@19.1.1)
+      tailwindcss: 4.1.11
+    transitivePeerDependencies:
+      - react
+
+  tailwindcss@4.1.11: {}
+
+  tapable@2.2.2: {}
+
+  tar@7.4.3:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.0.2
+      mkdirp: 3.0.1
+      yallist: 5.0.0
+
+  tiny-case@1.0.3: {}
+
+  tiny-warning@1.0.3: {}
+
+  tinyglobby@0.2.14:
+    dependencies:
+      fdir: 6.4.6(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toggle-selection@1.0.6: {}
+
+  toposort@2.0.2: {}
+
+  ts-api-utils@2.1.0(typescript@5.9.2):
+    dependencies:
+      typescript: 5.9.2
+
+  ts-essentials@10.1.1(typescript@5.9.2):
+    optionalDependencies:
+      typescript: 5.9.2
+
+  ts-toolbelt@9.6.0: {}
+
+  tslib@2.6.2: {}
+
+  tslib@2.8.1: {}
+
+  turbo-darwin-64@2.5.5:
+    optional: true
+
+  turbo-darwin-arm64@2.5.5:
+    optional: true
+
+  turbo-linux-64@2.5.5:
+    optional: true
+
+  turbo-linux-arm64@2.5.5:
+    optional: true
+
+  turbo-windows-64@2.5.5:
+    optional: true
+
+  turbo-windows-arm64@2.5.5:
+    optional: true
+
+  turbo@2.5.5:
+    optionalDependencies:
+      turbo-darwin-64: 2.5.5
+      turbo-darwin-arm64: 2.5.5
+      turbo-linux-64: 2.5.5
+      turbo-linux-arm64: 2.5.5
+      turbo-windows-64: 2.5.5
+      turbo-windows-arm64: 2.5.5
+
+  tw-animate-css@1.3.6: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@2.19.0: {}
+
+  typed-array-buffer@1.0.3:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-length@1.0.3:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-offset@1.0.4:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
+
+  typed-array-length@1.0.7:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
+      possible-typed-array-names: 1.1.0
+      reflect.getprototypeof: 1.0.10
+
+  typescript-eslint@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2))(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0(jiti@2.4.2))(typescript@5.9.2)
+      eslint: 9.32.0(jiti@2.4.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@5.9.2: {}
+
+  unbox-primitive@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
+
+  undici-types@7.10.0: {}
+
+  undici@6.21.3: {}
+
+  unplugin@1.16.1:
+    dependencies:
+      acorn: 8.15.0
+      webpack-virtual-modules: 0.6.2
+
+  update-browserslist-db@1.1.3(browserslist@4.25.1):
+    dependencies:
+      browserslist: 4.25.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  use-callback-ref@1.3.3(@types/react@19.1.9)(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  use-sidecar@1.1.3(@types/react@19.1.9)(react@19.1.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.1.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.9
+
+  use-sync-external-store@1.5.0(react@19.1.1):
+    dependencies:
+      react: 19.1.1
+
+  uuid@11.1.0: {}
+
+  vite-plugin-full-reload@1.2.0:
+    dependencies:
+      picocolors: 1.1.1
+      picomatch: 2.3.1
+
+  vite-plugin-manifest-sri@0.2.0: {}
+
+  vite@7.0.6(@types/node@24.2.0)(jiti@2.4.2)(lightningcss@1.30.1):
+    dependencies:
+      esbuild: 0.25.8
+      fdir: 6.4.6(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.46.2
+      tinyglobby: 0.2.14
+    optionalDependencies:
+      '@types/node': 24.2.0
+      fsevents: 2.3.3
+      jiti: 2.4.2
+      lightningcss: 1.30.1
+
+  w3c-keyname@2.2.8: {}
+
+  webpack-virtual-modules@0.6.2: {}
+
+  which-boxed-primitive@1.1.1:
+    dependencies:
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
+
+  which-builtin-type@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      function.prototype.name: 1.1.8
+      has-tostringtag: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.0
+      is-regex: 1.2.1
+      is-weakref: 1.1.1
+      isarray: 2.0.5
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.19
+
+  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.4
+
+  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
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  yallist@3.1.1: {}
+
+  yallist@5.0.0: {}
+
+  yocto-queue@0.1.0: {}
+
+  yup@1.7.0:
+    dependencies:
+      property-expr: 2.0.6
+      tiny-case: 1.0.3
+      toposort: 2.0.2
+      type-fest: 2.19.0
diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index 0cc56abe4..000000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,17 +0,0 @@
-module.exports = {
-    plugins: [
-        require('postcss-import'),
-        // We want to make use of nesting following the CSS Nesting spec, and not the
-        // SASS style nesting.
-        //
-        // @see https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting
-        require('tailwindcss/nesting')(require('postcss-nesting')),
-        require('tailwindcss'),
-        require('autoprefixer'),
-        require('postcss-preset-env')({
-            features: {
-                'nesting-rules': false,
-            },
-        }),
-    ],
-};
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 000000000..73b71ff17
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,10 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+    plugins: {
+        'postcss-import': {},
+        '@tailwindcss/postcss': {},
+        autoprefixer: {},
+    },
+};
+
+export default config;
diff --git a/public/favicons/apple-touch-icon.png b/public/favicons/apple-touch-icon.png
new file mode 100644
index 000000000..e834788f8
Binary files /dev/null and b/public/favicons/apple-touch-icon.png differ
diff --git a/public/favicons/favicon-180x180.png b/public/favicons/favicon-180x180.png
deleted file mode 100644
index f9e792cf0..000000000
Binary files a/public/favicons/favicon-180x180.png and /dev/null differ
diff --git a/public/favicons/favicon-96x96.png b/public/favicons/favicon-96x96.png
new file mode 100644
index 000000000..57d0fe3e3
Binary files /dev/null and b/public/favicons/favicon-96x96.png differ
diff --git a/public/favicons/favicon.ico b/public/favicons/favicon.ico
new file mode 100644
index 000000000..946b0a0ea
Binary files /dev/null and b/public/favicons/favicon.ico differ
diff --git a/public/favicons/favicon.svg b/public/favicons/favicon.svg
new file mode 100644
index 000000000..e87822ab3
--- /dev/null
+++ b/public/favicons/favicon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="180" height="180" viewBox="0 0 180 180"><image width="180" height="180" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAC9kSURBVHgB7X39ch3Hdec5c3HxQVor6AkI+QVI+wUAOrFF0bQJyo7jSmUXpJ3s7l8h9QQA9gUk/pHarVrbBFKpXSeWRNCWFVlKieALWOALSOQLhGAVJZAA7pz0x/nqAUgCFwQJSf1jgXfunZmenu5fn/6d0z09ABUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFQqEioojjo0Lr0/jSO9U3KZBuzLx3gd3H3dsJXTFkcWjC2fPU6+5EjZn0g9EhE2gLMHi2DvvL+52zlMJ/ein5+YJ6SK0cCIcjkjttYZouX/9325BRcUzBs3OTG42xy63DVxGwlcSRSNLA5nTAXE70BCgvTL+uw+uds/HJyY8cvxmSOZkTkATRT7xc2wHi316eANXVtehouIA2AqyYtA0CxCtcbTEgXIUqQvpI/xHkH+jbFeB7o1vffHtLvdGHneBh/3jb4UWciqmwSwm3pU+wzWnAHvXHjXH7z+aPbuCOHh79PqfbkNFxR6RjCYcu4xNc74FOoWZYYnNlGjHBI4MRt4LyAYVX9kce2k6bN7wae5qoTd+fmaqGYx8phSGbJzl4HSRdDm0dFKrorXwebWPzSo+QbhXfLORrDHhlcCe6cCcV4SsajEDsTCZZBBCZ04nGoafG5QDL4y984eC0Lta6GZ7ZA7QyRbMwiX/QrrNqYK0i0Dp74Ttpc3wU7DaSw3SUtXaFRE0MzO5/fLEPwQ6zrZEpxrjFxl/SAUtgUhmIW+kl6jpLD9G2/5a9zq7Ejq0gMk2ni7ygi9DzmSbdeacIYsTzmX4OtcSXnw4+/qdpm1X+tu9t/GDarW/adj60evTIagwvwnNqWSNPafYNUsUYsJlMhu/qPgGbF2J2paW8b33dvBpV0KHtO+IME+JiqneDWqoScSO/wqh6zhB2Luy2Ycrj86/voZEb/e3gySp5P7agt44e2Jzs70IDV4O2niSIxXZKBKpfNDvQiH/O8talRoqEfL54zS6sNu1d9XQ92ZnJ8f72581BJPp9KTQCezKLoGcPmfMJEpoce4i6E/KTbClm+FzuU+V3F8HREmx9a1jc6FiZ0MPP03sVxGqZJXIQiZLw6QRvqowThoakOUAoUjcrDbS8Qgr4797/8Ju+Xhs2C7FnwEWtFWIpiELnUhza7LCsfzxpfkC+eeUDIl20fMxH7EaOpFA7pFK7q8Qki5+aeIktG0Yq8iSQqMHXL9dQuu5hVUEEEKTUwbpOwpZQLVs+Dw98c77q7vl6Qlx6NnJRyPb94zQgIX+MTIaNzlHHDA0Pc0WOu1yZJYQjI9vh+2b4b9K7iOMrde/Px2dO+g1c6G+JnNUDU2ZmvV1wTBWyGiygb0uURSJFq06hgzlcnYjg/lcC5GN7z4ub/ikjG/85IfXQt7mcptrSwJK5FsOjhpDIoVgu7KCZwufo4lkAz/cEjjPeqOSUrTc0LsBg8Hq6J9qjPtFIpI4kGoWmmYuVM8rMgytkbCmSZ9a7+i0MFoAQXr3zE7HEdjFzrHFNAcx5AB6l0bf/f3y4/L5REJv/dWPpgdte9MZ5wwmNLYmmrl9muUG5yemzTaKE4uEdKy4OpfSTMVByMdEIX+nbfFWuOhS/98+vgUVh45E4hZnMVhiipYYWN/66ITVm3x6dcCel1Q3WpfO57teH4pzsBAolI1kc3f83T+8Ck/AEwkd8fCn54LzRtMifIWwJGY4a6ZEQr1RKmWJ1+BNKaTABVDMSWi9jrEGofsavA8DWI0av1ruZ4skJ6i5GHrm86HYJ00yQBrpEJmgFg7Bd9Q6ZK0RY4u35f8bN6Qt6ZK34uG7cxi57+ZeH98cf/f9q0/KfwNPQ/Ao3aW0dbF0ILkn6S5IHFSNmud2KedJGygigZxx9K3cLLcdKMaA4OXw3/lw1Nrm979/GSqeCbbO/GAeqbkZSDGXyJy1JnFPWfhPeZvsO6JTobmCfX06W6fhN/K9soOTnCS9fPx/jNoVeAqeSuiNrZHlkF6aAMKShsjuj69rvFOS8w1mC60NmVtmCsMgmSNI0hgkDT2/Q3KzAPy918xHbxsqDoTtH/wgkBgXIKvHHftTjcXyFv0gvzst2j1PggAIxShFwQ+fvp7HFpl3ZGMXQrx7mU7xVEK/srKyHrTyMvDwepELsu/M0RyW5kZbGFdncK3VcytGI6gc4wme0ueGIC3cteLJrbH+HFQcDAhzybCEITjv72uvS6JvvfXK5FdJzLZXqpN/tA8xXN0GI/6XshzRNHQ+uG1wGfaAp0uOmJlk6jVMR2Z++QakCWbJZI4iYhlvBDf66O+aHLmpCGaTShSwVpJ+w9x2+a9a6AOCZJxOf+iwDnPE1eoVNBqVt92o2o60NWaH3jKTH7tgDgiR+JISMbvzuLhzF3siNE8wult09UwtvTm20Hzzne7EczcT1MSW3azdHDsE2mAQTKqwteYkvBWvGB6hcKcKt8WTj1WmmGwxLoVkLLbNCptm7hzH6PJEN7JDmTgR/MgbsEfsidDpGgRLIvZ9H5NvLnuiJhm842fOoIh7dhJoh6SQAkCn1pno7HcUE79FtkDFs4E5PtY7shFDF80w4+LCtq5nLtICkKgH7mK8Oaxn7abQ59wD9Ft6G/aIPRO6bdtlEDfPeaF6D2TBCa+P9Ua5K2mYiIUTia7H0jYukgKKLsrOcV1ZCxUHRGOdq5hn3iOWCdWbIyp1tDEbrHcVDogTmGS4WW0+VSMK4jR6HZJlZbO2n7n1eyb0xMqHd8I1V8nxWUMx3LKo6yRC1sq+C/NSqyB7U7Rmr5/VYSgHbKDwsCsOhpY82XKp7yzfjkfnLDB2HEOTkiItiWNeFu4t5Id4ZOXlwvdoSPeOPROaL7C66+/CNWmtaNoWJQQnehltPIZ8L+VbqCQLLs7t0hXZMeRdVOyCBh3ZnOPnDZEXDOrfdAhakrQYe9thoS3AkA6WU0BVQNg3RvDU2HNxH/s5eMQR2kWirWsha9leOmgAHsDCPq7QSOP0u+hzlSPWJUqXtyOMWHEgqC1xjp/uY/0nzr9EqdTPAQuzae/rpYm7Blvs0oApCXLaHLZb2++jfPsidIx2hAvdi9toBMv56bRmkwniw+GOLkzvFctYTi40kPRl8qlaeSlULbiqoQ+MUK5T6MOsXgtn+0ouqkaFdoSOP2TOpDUAp5uFG1rXoKOM6cLmo7WrsE/su7PGFpZzAVj3IZnqSiCVGeDkg3h5u0QnlNOdc1jOMJvNodSGUyXHwbGLNtbOMJWx08hOXvIJ0LW0Puzm617idz4YoBEOshHCFBZuensO1wlG9nk8jDTN6qBt/fwJEqeUPeHcMkF1Bscl9fC0p5GWSjaBKXczTlo4PZaKmIzM/vJfBQsdh+fbtrkciDEbbuVlNgAQZ+vIHe0IxLMJk2AsOxpiREyTtnCrB4MF/OSTuzAk0tVyzVnAIY9qqD5GmVPZFDKPCjumght9XK8kNRt84GiVO9fPslvf62CKx74J3dvu3Rr0WpYAugDITvMMAF6HcXeGMuDEkQ+OjuSbyTXZgrZcHnHlu1U3OD0iw7P7cgHDkUUiMjSXw91cDvnOI5oILuZK5hekMmr1dwlmhT44PbiRH+8nlWAknjTC1AB6M+Fa38HV4Rb9EaMkdWYz3hqVvKqjYZfoUrZoJhHNUSJn18D7SKqbyUkRC2GtwhDYv+RYWQkFhms6hRSgCI4DmOMmEQ4FiStH9kAk6zGt1KZB02JOz4FQfUd5HFkMZv7iMmH/sxBLnQ8ZnmTniRtlg96RljBD15ewCELu2VpEc66ByzofdmKr15+DIVEQyvpFlg7oJCCpO64ncn7VLQTQXse7SXpfkIMGJlUV2fjl31ZhCOzbQqcLEt0KVz4lF3fiC0xpAOmcaZ3+j2XuybpO0pOplBrsNkvrZ11DEu0+iqwOlnKKoPebcP8zhO7RtKSomrsh/2+HrVOhn5vTpz6YON7xte4XlcydAVYp6VSSPYCTMCT8hPqiTiVPqKO8IDnSOnGE9z2v3TMUPqQFA/hqoXHHSVGgPhTB9mDrFgyBoQg9ALqNHXLmjHB+W42+5daMKEow5zZ1nWBreeSzTXcRzwvHsnNLp5AMf8uyI3CkEK1yizCPecIUukpONTkgvDC6+nFaIGVw+i9PJcPgipLDWUxyNpqQUsoPI6uPUWhR7urhOzAENs6cmVLpg6DaWWaLOa6rUcnV19hvbgBNn7FjuSIyRO+P74cbA2Qyi6QK3AZa/9bKx2swBIYidBgHX4VeD3wLzAzjnHseYjHULWTkc1o+n/0fKLxhFOGlWjrLEDIb0R4ZOketPOj1roXsngeQfKoPoPfVh8aKpqF75EeXNEIQb7qBsldjQS1Sj7Wb13nhv5dhWJi0IDBjY/KDLG6aq9hLFPRz1QnspzQCTLqPSu2c0wWtV5LWg0M/hTQUoeMw+KOfnrsXsvIK6NQqBLIbRz8+7u6ZCydnXCvcbtAfRPwYBEgEyNID9i+iBbCHc18U6HR8CpquBapOEZTTTFKNuWF9wu3rg7/4/tXQGIN1xtOlhOTZV0Ib9pel1tMWescLhNrioK/CgUBkcTkip+lJ7Y5pZ9X5UFhgsN4YCknSIX4hndjaZd400A5lnSOGs9CQ+pw74WOyG9ppuBJyLE20lU6yA/4OwCYmbjSF3JKCyczVAnG0JS/yUAMnLwRb3/vLtwZIKYyZsyV57XhD3IOFHyLp30rhOpZW6iCrsbUoAYB6/c5BBLTvaWM9/F3tbW5dhWGhhMWymzRNb8anKSf26+2aC6DkL3wfcB0Oohg0A5vy7RZXYUgMTegBtLcbwFNW4tBRGqyhgYcx3RPipssoOQQioVSYgA/p8Ic5GZaACM4XYKKj49f2+tfD5knJBMeleHEUgLKGTXoAmAZxFlj2eEKYCdbzUpkFqRK6ZaI1wuZ2b+vhyrDhOnA55X6AxTtiKWcAzLqiWSUxvHwE7xfim9h0Pi535zYAUZA8GLhecx+GxAEsNK6z+JemTa6lylOz7gQX3gFQGSISxdoxyuLAzgJY3+T1OFf4cx1YSXHlXv8fBgBXQvYmxWqVvUjXYc43JoFYzrrr3JwjJTs8UtcPgcQpuhQs8ebaQQm8476k3kC1rXqbWvw5eiFZ2iEbebSMRK6Y3DAikBQFqpYsbjaePr79xfOXHBQjHdk7cJWQPUCUZQjEJu0Q0cCr68Rf2pyccw6LW0R2/qi728IossjJYWLztddOhvGkmRbaKyEvJ8Q2FQch7mh4fAyJPkUTqmwQLTQtSRTto2nWwzFXm83Nq8+axIIRxBOETglyRsTwMskR1BUAsF6JIy1mZEufEk1W+DRSrQI4J1c7rfWDvBFiaEJzFqURkxranCstGOGeWFzHbTYKTZKXaZtLwioUitEqr9vAO535pTKLcIjoDdrr4TpT+ZrSj6iccF2OSS/19F3vxDtAvpfbfDEUA9FcD0T+xWERWRCCiVOhHtgwSWOzPlQOU1GVLKxaW1DjBTvbdydgUvS8cp/SI7N5ugsHwNCmbaTX+zzPCnIrd/G/nFnWYKoqrPKpdAUUoqms93YHomk6sWYuIDL98Oxrh7s+R4PLKJXHGkCG8nKFIphwsn98iBLcck6pl9KpkpjTlM/w48LIxx+9cehkjktAxHebOC76EVqpO9DbLPzzdBSiPQ4nDy/7dMz1yYmQeht8HIroTN8PdL9DE5pgkIR7cbOlGiKNnDZ+dCgTU/74Rrj+Sf0JXwCaHMoMKAspybE9xHk6e/YEHBJ6H320GG7jUsjNnewdiTeK6kMJIfOAgxDU3IpcUA0f16DdN0frxMI3uNj7948W4Tlg69hYiLjEcCOoOJbKsToyQ6LaD8AatJzow5NgxE7D/FgqNO1gRWpwQnFQBQ6AoQk96I2uk+v3vXXWGmICMq/N6dHj2F6B65WzxSrMb+IEd4UgVoK5D9ZjT27B4OZhkho/+mi5aZrTofFcChdfDde+Hch3J1TkjfB5ZWtr89Xexx818S8MfX8v/HaXVOtDp5GynWLek9xW6Ali44HngEdnz8QRzbmcFSqHBMWASCPT9up7STNaheNDeQBQ7jWOBKaxAxEWYozQHufjNIOeb+7BAXAwDe3uTv06MaBecblDgT1f9TaK9HJEGkR7OUPNARQldU7IQkZcF1NbNFgJ3ejpw+qq8cMP74SP+Lf8pOP6//7hapz9Nhgd/TTk8QTfQqG31E+Q31PfvbcFVQ6KzR/+IBJ53hqal83Jqlo4iS0xihfAGtpOzDegxhvR+5ahkTaqxQncMAKZowzPCENb6N5gM0+FJBmyzrRlzz3tEm8J0Xe/3FStzaI6DwDmJbF1sCAJaJBfyl0NHoAf1Tq5dXz8OhwBxEbVI7oYt7taVO4LOAISb26AcLf/4YercMjY/OGZueD/XJO8IO4glNP8mXBKOvWGid1EdK4Fao8rkkXrVaocHAfAJKt2vQfE0IRG6L3sJYT1VpQH5bk7kTEVkx6IPt9C0nSmqYmSpKhTF8BbEbZobg0QjRTMPDr72vWjsOYdfvzxrRbplsyZjIMNrXTY4hSC+CB0Bw4Zm+fOXg7FdC1RrlGzy5lN5arGc4esAwnsQOED5X2lfGSTDzmKxU6vEnzHuWzrJIo7PA4WwHUt0/xWNZVF1wqg4l97Oe/1C5XJIrJc1i35RPKbC4icAgVw1sHla3b72NjNI7GQYwsLsunyjCgc0bwfbjx9K2pmat+ScldDEPPCb4TQrIi2F2OU8+wsr71KUPQ0/4zqPLL8BKktYEkqNhxcOFcCfw0NPUoYMbxTGIa942e3+1AnaKejh15bWYsG9DrKZLkNF5LrlUSixAqQVs1ZIhLrL/17g6e2jo/9+TAdxb2gH6x0yPAt8XJzVWL+bLLvnG8VDiWfsVFvnj1zLfQOC+KAap2x764ueKyPxvWiIvs00oziLNnxsu09P2xQ9XRjnHBmCDi9Iq8DgqFHCSOGlxzUTnblAynnfEskKKIbZk1JWjiqR8FpyzEIUvGq21Lhgsy9haKX6DYKxtRW097cPvvaeXiBIMwLpngLyJZPMxvuaepZ9ygbZ2amQmju03CVixoZBQsTimQzDVwuuJmNqGqSnM+u9CtkICgHVCZ6oCext9aZDOM0tgoHwPB9HOKU21bPwMI4NkUjlYsz2dLNAId7vIazcLQF8UurkMUyugiBNAxJm3bm9tW2wZVH587MwwtCf3xrRZxiua98LzbIEvdvj48+swGih+deu9zrjf8ZouVnpaZ1kAuYoDOQJU4Mk9EMBEet/MCJkleMCdtw1SpymOmNBP2i6pR78bQG9M6Xae4HB5ActCbESWWg8TrRYxaIlAxLrBNBI0Jpl5SBdVcgR6Baam4Aqv/ABwXBLIGKczCnkmsocGZh89yZz16EBInzE0IOU2UpKdgQoAV2Yk89BwdEfAJl84evfdIAvh2uNunkQ7o8sNMmdlLjbY7s1Hit7HZLHTWuRwSQiflpVysOELKJR5GVCD54wB+5Bwif40QLcEAMTeg+4JqaRU3NyMMEzEXguhQN4BeFzJXbNOgJ6qxuNvDx2TPuAHM/AEp6Ibroai6+HPnzPWOWIHe2grV+3g5jyEvSh+gcKbF6roN+lV5/fRqGRLyvXg+CVcbTfE3Tv64XlavlSIdqNGq15+A8Q2ldxZikg7WHBP2x8Cqd1bL7Q82LOqSpB2+W97tK0m4YntC/+8OtkLObpV+mLES7Cd5gr7boYrSQzKL7KIDo6twYYkXkidO5YhoOqIA8Mg6Srlp8TR7T0+TqVOZmNb95fPzTzTM/OLBF3DMwSwv1Ndgko2raHEfbhv1bqvhO7WCVPwubYfQPrKGiFkZhWNgZ1cPE8TMtzYXb8dp0P3Gxd3sZYIHN51Hx8IUbYCGTWSFDd0epvwDPAAeKE/UIF1NNNMooZ2HBlVguICWrWHFwxwpQ7bqu6C9OiFoYtiJsqXPBNegW/ABO13o17mKd15qU0QkYaZaiDHkuxKZmkhJJGjSdJWMUYuyiNoKZrT1a6UTkc2duhuHlm+GWplJpseRCtHVNUPxwMTUQF8HKf/lYYNHs5RoUnbA8CIu7yMTUiza25p1dE7jsG72+yi22hgGXDqqdBQgHxMOf/eitkK/L2jGJk0GmqdMeyjvlvFwwvEu6RO2HXY8XT2/9w7DY1eAgJkMug+bPFI64nKt5kMoWvU70efhYPIz3j8doQ68Z+8xyS27D3wVJpldH//jh6cell16/1usthM0ZdBqhU9zd5w70evpEt+u1lA6uf+2ej14vu7TU8oqrKe3TOtzSoCGw/GkXJt75YBGeEQ5M6IiNv/7htdA050B1A9m7VMgXLO+Htghr+KA7FKNWHAQQ3WVGl9NmDUZQGGfxXSS9bmEiYFnhVFS4VNVyQ7Qy8sGf9r2+2m7YDBGHUEZvqeSBToOHUlunEVaExbH3PywqO1rkcNpCOGha6OIJJeWgRMWiAVtXLw48iFUu8wIuSqFgM29FpVXTWdcDyPW6ZboAatnjrMKxf33/mZFZkn4m2PjZuTAKRfMiLRpnRTE/EOpKmqzpxsojNE+bfONG6yBbKgvSH2MXYnKXTovMMe0SiC+v4RK1/GWa98O14xrFq33aDJZ7/+vHJescw2cx4gB2r10SKopuBe+GAlrD+CQHpYGXGcBydptaR5UX+T46jdXKWM5yheDvH7HMI0Hhf2umrXFm4yHOrRoMQM2LZoajI8GkLU6882zJ3L2rA2Pj57NTYcDlfODeTMj9dKiAV7xWjii6HShlg26p1UZrGBo13WlIpArLHlx+c92v3XL+Liv25MNdTRF1tAo3lmS1YrjydohNrYaMro2+/+Q32cYQWog6BH2bRwGLyvWEofIpHbOwTgeXlg8KSeFuvktk0DIA6hLL14mQs2z07pKaby5C7PRyTpH4mnWGKYZV7lKPLk38dv8LMe4Fz5TQXWz89NxM00svv58JOvgEXxK9pUaJXvA+G+cu5IRVFuxizToWuLB8rbMn4OukI2+KBoElgXYhG1iqcfrN56F13An3uB5IfjfUdJq6Gmp2Kvw3my2zkUfEqy575K5YSCN8cvVoTN/Jl7KwXK/jvG1/L1peWBJb0genlfk30F4GoNTsHfJrPeSNW5St8iocIg6V0AKanZ3cGk2WeyFU4k5LBV5wcfcF0NXXWb+J4tN6w5JwEcWSCZKwP1auJZbbDIic1tHV1rvyiYpOV+3vrbCAtIuXmo7Be5HwelxRcL47Ki+wwwoDAWEpq9AXM0LR0KWs/X0UvRFCx+9mhSeGHszyS8F0Lp+2wwjtjYnB6JVnFcV4Gp4LoQUbPz8z1Qz68+FO5+L3svuUWif3XVq/2TEsrTvYfMOyQnxSHm5AE7QfYNOC/EOqMAIoLFmRSGk6dQkr8vrRWbrHyYyWlvr9h29uDyb+w3f1xXnuetJwaKf1KxqJcrtbAE4yeOMbpVdKufgRXQt2deDK3qoOnZrjFDBo/xCOO2yL3MVzJbRg82c/ngsF9FbQr5PY6WalxNLXzC7OqLMMIPYA1OHQF7U4Z4hTKshQWHIn/JjGTo8AWO+BaiBbYIe3Iz+6UsGSlvwDddrb8ugfPrwUvz/60ZnPw/4TuxYWtzzpXmBH75ELBeXtxY+TD2AOXFeW8f7iki3YTasMLAZZ5HJ2qt4uwu3Rwejs87LKHi9kqfDRf/39ctv0vhtG7/INk5/hBbnq8hce9RMLlesvj2fn9aK1FNH5PFJlYmQQikk12RJzZaESAGRnHsSUCVE8WNCkMBrKscTp+sEJSaL1Fpn/NE/53DUhc0ITpxFgvgdM30EGrGSQOudTbrUBe9iWCS/D553GaBOKoJjbEvMj1l70NuRrYuv6TtRJScSXkadX0gl6qpNGt0e3Rk6/CDJHvLC17yd+u3KHmt7pUIDrgFB46q7yuWQpPQXjC9k0XIqWeMeH/6ybFAIXw+I5eRLOyYG5nkC5gmBPHJmtZqBwCoiHcfPyV/n8vN2gPuPfcsPojzQXfFnEdQLzPAeV6GyV5QINyjY3JrA8+ukTUn60YwF1u0+SxSNtgR5US6uZKKyyt8vpN8x9IhsQ7SyDzBjd7p/Oi+K/GLzQlzlEUjcEF7KlLHqzwsmCzBJbUjqZUHKFnmeHiZfP/T2kvyY/iiFlLrtd92h/Yk25Y1aSCTmM15AfLRKhaq1HvSPeVuVh3fxSdxJOiAStxvTU8vrj83wt8hbW9zTWzDkX2hDdc4C5AHKHl1eZJnAqDdjCy1+OKVsZFVbAyyi+/RilCuneGRv0Z14kmSNe+NtJ4iSnUHr8Luc0elSWm8gCNXvscwBCIUdy1ygakaUlSHefVXdTyhI9F40Fcv3s10gvatvFsZimZWi3LtcAMbJN7sJz35G7mAH2/qlbBlvU3pbGg6IyRP3TzmADMQdV9btP0D1K9DxdFNGXab6If/kPN2ZpFP564HsAB+8oYouLL0pmeByJ1+1sbPcW29BdOauRII6XiBHpGruRBGM4ZM3LOjtrXtQ1QlyjyMn7SgbYse0lCuvofABpFwCFhbSWVzzmFHcEXXor7hlv2s93LYScx7udtPQqJHrHCwDXINOlci8FqqKxzG88t5Vex8sTZ/lJuxwrK+/w5uuByQ1IxuTa6Lu/X4YjgCNB6FdCNzVCcFHlqevJXZ3wLqloZ1zAe/2+RViFaf/LlWdrMqN2x1LpLF0siiHHcshLrLM5a5IPkDRRu/982YUxHIu6+fY20dTupZDyvURxjT7Vv4V6NfPrWp70DFlaSQPV+8nTVVkzc08Bhf+Ilm+JIqEuLu+yp0bBVURMNKQ92o4uwhHBkXkhWpIeaTUisYxohIQ8TA0ARThMPXQ1lqCG2PiL4EcfZWqlfifnOIK2IpUTtpMKE94ND3qSa6ef8gh3x1Y+WIzacnTlg++M0MaOofIewnRuqIP1dGyQYNKgVDOb5uG8NXoLLv9gUSDQiAwUmbZ7Eb0sJI1TPK1XgEKWqUeAtjZdiu4QLh0FqSE4Wm/4w+ZGKmIRwMhdaEIuUOajGVwv68Syg9PI2k2bhTM/LlvuFjn05hzHnIau8ES6fgJfRzsD6fZF9ggBOXMh2LdQ3GJnqVianZkMyczHS4w1vfSi9j70g8ULI4hsWV0Pwtd1ZHP7SLsUVz454kbi5Jm65lA6a5Si97LwPKmx7zgU0umND/oLcIRwpAi98ahZDqW0Ls9N5XoSN7CcBWaVYr0hgglClX2aujhybOi6Fpwtl++e2SJJh0zdxhOtJMr6xyimj1td7lFokwaPnby0MXtmaguP3cSmNxUuuyjRjxQpQLoqXmLOCWlQhVQjW1o+/qwOc/pdY5wo9wvs/XL5qouhBrxBVXYS9YEc7rOQXa6j5aNknSOOFKGjlo7vQETU4D2kcTn0GsJq0ZwYLnvtIiVgJn4dqsi281gra6jKLBrIicIRzE9jtEymZNUhO1it1btlyvL32NeTPZw9d7nBXnz272RI/c3+e+Uk94ZoVcmcEnN6WeQCWbhNW7w29pwrl6Q09sLX0LKQa2SOm9Mr6aHUCGchHLTdo2U4YjjggufPHttNe2Okbc6zIDVZagPOuW+NB5OF4Fx0TitMK4vI5Db5/3Inzl8Q0EtOMieKLCRWaBwRqiJrOOwlzlXsbbr3FyXGo96xa0BtfP1bfHp+Pc3S6+ABjd2eaLZ0ghYnX0zN9A2xiDEqo/m1xurykeTbJrOke+JbofL+hf+kb67nXVnUrL/02z+swhHDkXtL9tbD0RVQ+ca8bcwhyn4IL/OKUDo9DESTEB55qDdrZY0GiCHKdYrkVKZaReySWZfv84+P8fRNdrh2XD1js3fsrXDAbDjmFuQVTO8HS33t4U/OFutxvJIGKDSurkrBpJY0HkB/i9wEs35HKIpJDLhPqwwvclk34hGXEY/cc8Z7TzMWV+AI4sgROlVkA1eFtPqKBK4nNSrJEOXsk1aORgRiGnfzH91RC4Qix8lFv9iSpzMlOMCLqIIaLzT/UohMTqdytw9UzAQMeDVaZLm3ONswHDEXTl0af/ePp8fe++Olifc+eDWceyucXhA6TrmVDBtxzYlLD51izis7i85dsHOIrIn6UKjuByYxgt27hndyeQuJraGHnqUdDP8KuUPEkZMcERsbvcWJiTY+FMDvrkZZQ5e/6SjXnRjqoxbXmvgkRANrY2E4fbc0I7G+6E9O9dvtqZDAdEjlVEhlmr169noKeUl5DgWw+ih6ZOc4WoAgSxQLxcTfg7yYCx+p8kce4YlBk45Z9XkLGVgNpJ73v231ts4z/XyHAUI8J6XA2Kit6n5Q92the40auj2A0bXeFqxPrFjZbMzOTg2OwWSv3Q5RluZkSGom0DiW91SWTr7B5kJKaeeVCBa+9bsPDrQG3WEB4Qjj0c/PzbfQXETKT7uE7fshDLYWNN3KRIiIHHTeQHxkrNe20y21F4HJ3X3My4fmBAjuGGG177rTQdoy7owNvvhuDNdt/tXZ0IiaP7dxnvC7f1zWfLxxdr5pmvmxd97PweWos/vHPw2JTlkmXLKOzBIDCo3vfhMsf9DkNw4yBzmWSTAkoSzaUO4wDdI287XWw1UXj/3L74+kdY440oQWPPib2bTS6fEv4c5hTX6JFdkMBvNE7ZzKBij9PyFygmO8s+pFfFrp3rZLozC+uEWbk9SDT0ObuTrWjr0dYh1h53jQ1Y8WQioXx9p2aqs/NkmDzaWQxEmfLrjYCUAxbLoavhzKo02xTAawOdM0Iy9j294efziy9qInHz0NXwlCP09EnYtt/2bgzBQ6n7NLWDXIjURsZbQNyxAeFaGzXS0/WtgFWWQUawDqNdki59/h1mER+auMSujHYOOnZ+dDN76A3Xjtbt0/GCkFBY93s+YdGVOcJI4wkXp7cnBI4F7wyN70kqXCUAn9BGz+9YWTA9oO4ak8oUjeCOqnBIqn6qLkSu42xQEtDuxNrSds3G4trELQ8UCtloJU2ewvHvVu/0WiEvopyE7S4GZ6Wt1G7vh1t46qNoLBETKVHZaY+03JTza4IYnnBEyDB7LfHwG8Eh9dg4onohJ6D0ikpkhqOEGd8US12t5Cm3RQEus6HKKbJTYozmMptUHOj481jW+NzBy1ORNHFZXQe0QkNdHg01BgxZrSXlIQYrkUmYQBwVtyG7+XYzSdtGGOXzj09tj2i3l6+quKIzdSeFQRn38MpHtbRwvJpmhSYRhIp73m/QQaA0wjmkZmDx0Z9WTefHFPT39VUQm9Dwya9q7Qt5xfItKB9CkV90gY2PxhmzPhRz0RZHkAklVEMpmr87dvHMmh76OKHjQn0obMG/YuIZSOnHmHNiMu2Ws37dNIbfuj5R/r9Wdx5b1K5iFQCb0fYG8G0gxodNNasRwY0SiFC9nJPol4CJFFb7vfW8Tb+P+qzBgWldB7xL2Ls5PwqJ0BJx2o8bM5QN/XkLbTRJ5m5/60ITIFdJkt+b1BeBkqhkbV0HvE+KOt8zKUlwVvGaoDAPDPaHXDcRqy81Mx5LEq/j1Pa4Wpe7NH4HXOX1FUQu8RBM1sIiOv0AQ6e4lnHCdHL02vtO3sPMp8adBj5e1Pjb3pK33ynPqxiZfmoWIo1Dj0HnDv52emxpvR+MIf7wXyEHVnrqmfo9EdYClmJoEb7C7Ok6HvixP/v44M7hfVQu8B481YtpjyOD8/4pX+dHUD8s/p5b8cnpPwHROW7GFW+d7IyDnISi/x1W5vb/zN83/j7VcdldBPwb047I0wx88zuoUt0qNQtsyLPJ3OX92GkJ8jHsinYia5X82GH69KuoPgZYSR61CxL1RCPwXjTXyzFxtdsco6Ntj5Ta00k1XWmnN+I5M+W2Ox7BbClt9k8ObUl3/742f2MvtvAiqhn4ConUMJXUxfZFq9gXad02yL45AcxsZ3PWwuh5+vQnziu/vkC7r0xILnLzNQsWfUOPQTMN4fu5k2Coet8N0I7KETiyjbvGfgCforEyN4CZdsKPthsLzhiLfABl9ER0Mx1wOrzdkPamk9Bht/++N54Dd2QY4ni0PI/9DLDjKJAeD/wolXjv3zjQuezBHj//z7YKlhsUij4TfKO8sfNo/k+hdHFZXQu2Djv16YDuSaz8vm8/oVeTZc3C0znMtZdrLYR5bBskpnIPMTnpAeaZbd+aJoiMRqN3hn4p+u19DdPlAlRwcxqkFISwC8qAFkhqGfh5F+0KX6QRaq0UR4QPGRJ+xjQF6G25MsEhFZhIp9oVpoh0jm8TH4JHDpBPIUUFkGrlwizLHQD5aQf5tX/P3JE+YGW+20HGqDjyBLilXrPAQqoRn3Ls5OjY3BzcDGV/PMOACnm0GnWwCvaitzn2XaXVqClp82YY6Ptv/liSG3kZHmsszMk1deyCvYsNdU6zwEKqGByQwQIhqULLOGLHQsj2SqMnSXLvBLEpSr96fVjK6kWXqPQTgqLaAjDwWIhY4pbhPdhYp94xtP6C/+24XzowR/DhyaArRVTSN0jKSxT1uUUeY4c0J5GBwLiw4w2QeYety15XxpGCJt4tcRxBNQsW98YwkdLeeXF2ffanpwPfBoUkbsUIb74nsIiQehI3jNu7BvPex+Mxzw7XDegkgRm3AEHHvOdvx4r7n32EwgL9pYNJb8Q0juIlTsG99IQm9cujA9Cvhp4N1lfpLExqbdlFCLJ+cpF9g0t4718NSxpZWrE0tpJc9lYXF6caauFMrfEa/hrx//9Ek48lL4fz29y0UmNkmvADj9xcXZeajYF75RhI5E/vIXFz5pgW4G7p2Q10sQ6KgeuJE7p43jqpv05sS166cLgiJOizWWiEgKjuRZc3fHmyeH3WKjGOnhaeRhcpQJS8BPsyAuVFLvD98IQiuRcxc/k37kFb2QHzSRd7XI5Ht5R/eA6OoE0bejVe6mG86PZNvZALL6WHiSdRaM/ub67ZCRN+MZrQysyNB5bhzzX/yiknqvQPiaIpJ4gDQbuDEXKDfpZ2AwUP8nfeAV3SjfathafGlpZXW39B9cujAXjl6SqIRLNJxPd479euXbsA9k0uKCxLH9uneZ27B4fGllESqeiK8doR/93YXzWy0uBUq+XMbXgMf+bMqcv3ldwQhoNTSExZd+tTuRBQ8uzX4eTpkqQnecdNuD7z3t/N3w5aXZGAef1qR4ww3sXP3Wb1behIrH4mtF6M3/ceHk9gDXtOcGeZ4pY8cyoDrOHH9pbg1wsLgXIkbr3zawim5FOk4nXeDYb64PJeVSugg3JU85YW5oMtEDcPn4b967BBW74ms1l2Nziy6izHwjW1aOiqN0hn0YmaN74fNqGJa7cfz//m5f7wzJi8W4YW/grd3mSO8RAxq53+C2XQMKicQNj+a+/OVP1o79+t0j+1qIF4mvFaF7PVxpCYJmJhudQ47qmim9Hby+1QE0N1761TurMAQeEt0ebZqCuLIUWLxMtLQhInIL9gvcPqlPdIHG8NYQ2pPyWwt4/zhQnVL6GHztNDRdmZ188GDkFLXtVA/aE4ES69vU3G96vbXjx7fu4NvPZr24B794462Q9hWwp8BBZE74vnrs1+99D/aJL3/5xichsdO6kA3hYpAXixQGgR6MjJwKTWb9+Fa4h6W65t3j8LWNcjwPfPHLC5+Gj5NG6AjW7rR/rfvgFxc+D3b/REolNMRjhN/ZS+ivwlAnJx0ATZ8uhBJcz3M33FIGabCQ5h788o1r+0mvF4bSefx9PTipi5XM+0e10AfExt+HeDfhqpujROSW6AibC8d/ff1/7SfNKDGqrBgOldDPAF/89zf+HLh7qlTTkOfSpVHxdvH4r+qgyPNAlRzPAgS3y682npMC09DMf/F3dfj6eaAS+hmA2JEr50a7BQnSYo3NwoO/z2/ErTg8VEIfEPFpl8DaGX6HCr8kk+6EzZXo3MVjYoA6RC8+Pz76hLnRFc8E9anvA2Ks3zvfIul0kWiZj43gDP7juylCsfE/A+EDJv5Pmj9dcciohD4gcKRdi++RcG//XsJ/tHBbJfLzRZUcB8TE/75+K7B5IWyuBVLf6o2k7YqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqvKP4TjWEE+enYzyIAAAAASUVORK5CYII="></image><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/public/favicons/site.webmanifest b/public/favicons/site.webmanifest
new file mode 100644
index 000000000..e74c28b30
--- /dev/null
+++ b/public/favicons/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Pyrodactyl",
+  "short_name": "Pyrodactyl",
+  "icons": [
+    {
+      "src": "/favicons/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicons/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/public/favicons/web-app-manifest-192x192.png b/public/favicons/web-app-manifest-192x192.png
new file mode 100644
index 000000000..a94de4942
Binary files /dev/null and b/public/favicons/web-app-manifest-192x192.png differ
diff --git a/public/favicons/web-app-manifest-512x512.png b/public/favicons/web-app-manifest-512x512.png
new file mode 100644
index 000000000..8393655d9
Binary files /dev/null and b/public/favicons/web-app-manifest-512x512.png differ
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 89f315cba..b94ff89cb 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -3,12 +3,22 @@
         "language": "Language",
         "save_changes": "Save Changes",
         "loading": "Loading...",
+        "updating": "Updating...",
         "error": "Error",
         "creating": "Creating...",
-        "success": "Success"
+        "success": "Success",
+        "email": "Email",
+        "event": "Event",
+        "events": "Events",
+        "enter_value": "Enter value...",
+        "deleting": "Deleting...",
+        "not_set": "Not set",
+        "rules": "Rules",
+        "confirmation_modal": "ConfirmationModal"
     },
     "settings": {
         "your_settings": "Your Settings",
+        "account_email": "Account Email",
         "account_info": "Account Information",
         "password_auth": "Password and Authentication",
         "app": "App",
@@ -16,6 +26,9 @@
         "email_address": "Email Address",
         "language": "Language",
         "multi_factor_auth": "Multi-Factor Authentication",
+        "version": "Version",
+        "commit": "Commit",
+        "filter": "Filter",
         "panel_version": "Panel Version",
         "panel_version_desc": "This is useful to provide Pyro staff if you run into an unexpected issue.",
         "two_factor_required": "2-Factor Required",
@@ -74,22 +87,46 @@
     },
     "api": {
         "account_api": "Account API",
-        "create_api_key": "Create API Key",
+        "·": "Create API Key",
+        "key": "Key",
         "api_keys": "API Keys",
         "delete_api_key_title": "Delete API Key",
+        "create_key": "Create Key",
+        "create_api_key": "Create Api Key",
         "delete_key": "Delete Key",
-        "delete_api_key_desc": "All requests using the {{key}} key will be invalidated.",
-        "no_api_keys": "No API keys exist for this account.",
+        "all_using": "All requests using the",
+        "key_invalidated": "key will be invalidated",
+        "no_api_keys": "No API keys",
         "last_used": "Last used:",
         "never": "Never",
         "key_description": "Description",
         "key_description_description": "A description of this API key.",
         "allowed_ips": "Allowed IPs",
-        "allowed_ips_description": "Leave blank to allow any IP address to use this API key, otherwise provide each IP address on a new line."
+        "allowed_ips_description": "Leave blank to allow any IP address to use this API key, otherwise provide each IP address on a new line.",
+        "load_keys": "Loading your API keys...",
+        "no_keys_created": "You haven't created any API keys yet. Create one to get started with the API."
     },
     "activity_log": {
+        "log": "Activity Log",
         "title": "Account Activity Log",
-        "clear_filters": "Clear Filters"
+        "clear_filters": "Clear All Filters",
+        "adjust_filters": "Adjust Filters",
+        "toggle_filters": "Toggle Filters (Ctrl+F)",
+        "events": "Activity Events",
+        "auto_refresh": "Auto Refresh (Ctrl+R)",
+        "export_csv": "Export CSV (Ctrl+E)",
+        "export": "Export",
+        "live": "Live",
+        "refresh": "Refresh",
+        "filters": "Filters",
+        "all_events": "All Events",
+        "all_time": "All Time",
+        "last_hour": "Last Hour",
+        "last_24": "Last 24 Hours",
+        "last_7": "Last 7 Days",
+        "last_30": "Last 30 Days",
+        "try_adjust": "Try adjusting your filters or search terms to find the activity you're looking for.",
+        "no_logs": "Activity logs will appear here as you use your account. Check back later or perform some actions to see them here."
     },
     "ssh_key": {
         "name": "SSH Key Name",
@@ -104,7 +141,114 @@
         "delete_confirm": "Delete Key",
         "delete_message": "Removing the {name} SSH key will invalidate its usage across the Panel."
     },
+    "home": {
+        "show_personal": "Show personal servers",
+        "show_others": "Show other servers",
+        "view_list": "View servers in a list layout.",
+        "view_grid": "View servers in a grid layout.",
+        "no_servers_found": "No servers found",
+        "no_others_found": "No other servers found",
+        "no_display_servers": "There are no other servers to display.",
+        "no_associated_servers": "There are no servers associated with your account.",
+        "servers": {
+            "sit_tight": "Sit tight!",
+            "cpu": "CPU",
+            "ram": "RAM",
+            "storage": "Storage"
+        }
+    },
     "server": {
+        "shell": {
+            "current_software": "Current Software",
+            "software_management": "Software Management",
+            "no_software_selected": "No software selected",
+            "manage_server_software": "Manage your server's game or software configuration",
+            "error_in_software_click": "Error in change software click:",
+            "change_software": "Change Software",
+            "type_of_software": "Choose the type of game or software you want to run",
+            "software_version": "Choose the specific software version for your server",
+            "load_software": "Loading software options...",
+            "back_to_games": "Back to Games",
+            "software_config": "Software Configuration",
+            "custom_startup": "Enter custom startup command...",
+            "use_var_like": "Use variables like",
+            "docker_image": "Docker Image",
+            "runtime_env": "Container runtime environment for your server",
+            "env_variables": "Environment Variables",
+            "create_backup": "Create Backup",
+            "safety_options": "Safety Options",
+            "wipe_files": "Wipe Files",
+            "wipe_description": "Delete all files before installing new software",
+            "back_to_software": "Back to Software",
+            "review_changes": "Review Changes",
+            "no_software": "No software",
+            "startup_config": "Startup Configuration",
+            "startup_command": "Startup Command",
+            "variable_config": "Variable Configuration",
+            "subdomain_incompatible": "Subdomain Will Be Deleted",
+            "important_warning": "Important Warning",
+            "warning_1": "Your server will be stopped and reinstalled",
+            "warning_2": "This process may take several minutes to complete",
+            "warning_3": "Some files may be modified or removed during installation",
+            "warning_4": "Make sure you have backups of important data",
+            "back_to_overview": "Back to Overview",
+            "back_to_configure": "Back to Configure",
+            "apply_changes": "Apply Changes",
+            "loading_server_info": "Loading server information...",
+            "change_server_software_memo": "Change your server's game or software with our guided configuration wizard,",
+            "step_1": "overview",
+            "step_2": "select-game",
+            "step_3": "select-software",
+            "step_4": "configure",
+            "step_5": "review",
+            "no_backup_selected": "DANGER: No Backup Selected",
+            "wipe_no_backup": "You have chosen to wipe all files <strong>without creating a backup</strong>. This action will <strong>permanently delete ALL files</strong> on your server and cannot be undone.",
+            "last_warn_1": "All server files will be permanently deleted",
+            "last_warn_2": "Your server will be stopped and reinstalled",
+            "last_warn_3": "Any custom configurations or data will be lost",
+            "last_warn_4": "This action cannot be reversed",
+            "last_chance": "Are you absolutely sure you want to proceed without a backup?",
+            "of_four": "of 4",
+            "select_category": "Select Category"
+        },
+        "users": {
+            "new_user": "New User",
+            "description": "Manage user access to your server. Grant specific permissions to other users to help you manage and maintain your server.",
+            "users": "users",
+            "no_additional_users": "Your server does not have any additional users. Add others to help you manage your server.",
+            "no_users_found": "No users found",
+            "zero_users": "0 users"
+        },
+        "network": {
+            "subdomain": {
+                "edit": "Edit Subdomain",
+                "required": "A subdomain name is required.",
+                "min_name": "Subdomain must be at least 1 character.",
+                "max_name": "Subdomain cannot exceed 63 characters.",
+                "invalid": "Subdomain can only contain lowercase letters, numbers, and hyphens. It must start and end with a letter or number.",
+                "domain_required": "A domain must be selected.",
+                "failed_ability_check": "Failed to check availability. Please try again.",
+                "final_delete_check": "Are you sure you want to delete this subdomain? This will remove all associated DNS records and cannot be undone.",
+                "load_subdomain_config": "Loading subdomain configuration...",
+                "no_domains_configured": "No domains configured",
+                "subdomain_management": "Subdomain Management",
+                "contact_admin": "Contact your administrator to configure subdomain support for this server.",
+                "current_subdomain": "Current Subdomain",
+                "delete_subdomain": "Delete Subdomain",
+                "check_availability": "Checking availability",
+                "description": "Choose a unique name for your subdomain. Only lowercase letters, numbers, and hyphens are allowed.",
+                "confirm_delete": "Are you sure you want to delete this allocation?"
+            },
+            "allocation": {
+                "notes": "Notes",
+                "notes_placeholder": "Add notes for this allocation...",
+                "add_notes": "Click to add notes...",
+                "already_primary": "This is already the primary allocation",
+                "make_primary": "Make this the primary allocation",
+                "connot_delete_primary": "Cannot delete the primary allocation",
+                "delete_allocation": "Delete this allocation"
+            }
+        },
         "settings": {
             "header": "Settings",
             "debug_information": "Debug Information",
@@ -113,6 +257,7 @@
             "sftp_details": "SFTP Details",
             "server_address": "Server Address",
             "username": "Username",
+            "configure_settings": "Configure your server settings, manage SFTP access, and access debug information. Make changes to server name and reinstall when needed.",
             "sftp_password_note": "Your SFTP password is the same as the password you use to access this panel.",
             "launch_sftp": "Launch SFTP",
             "rename": {
@@ -137,6 +282,11 @@
                     "reinstall_started": "Your server has begun the reinstallation process."
                 }
             }
+        },
+        "schedules": {
+            "no_schedules_found": "No schedules found",
+            "no_scheduled_tasks": "Your server does not have any scheduled tasks. Create one to automate server management.",
+            "automate_tasks": "Automate server tasks with scheduled commands. Create recurring tasks to manage your server, run backups, or execute custom commands."
         }
     },
     "auth": {
@@ -151,6 +301,7 @@
         "return_to_login": "Return to Login",
         "email": "Email",
         "send_email": "Send Email",
+        "email_sent": "Email Sent",
         "reset_email_info": "We'll send you an email with a link to reset your password.",
         "two_factor_authentication": "Two Factor Authentication",
         "check_device_for_code": "Check device linked with your account for code.",
@@ -167,7 +318,16 @@
             "password_min_length": "Your new password should be at least 8 characters in length.",
             "password_confirmation_required": "Your new password does not match.",
             "password_confirmation_mismatch": "Your new password does not match.",
-            "email_required_reset": "Please enter your email address to reset your password."
+            "email_required_reset": "Please enter your email address to reset your password.",
+            "invalid_username_password": "Invalid username or password. Please try again."
+
+        },
+        "catpcha": {
+            "captcha_error": "Captcha Error",
+            "verification_failed": "Captcha verification failed. Please try again.",
+            "please_complete": "Please complete the captcha verification",
+            "no_response": "Captcha enabled but no response available"
+
         }
     },
     "errors": {
@@ -203,5 +363,14 @@
     "build": "Build",
     "commit": "Commit",
     "close": "Close",
-    "error": "Error"
+    "error": "Error",
+    "read_only": "Read-only",
+    "required": "Required",
+    "optional": "Optional",
+    "to": "to",
+    "category": "Category",
+    "yes": "Yes",
+    "no": "No",
+    "warning": "Warning",
+    "delete": "delete"
 }
diff --git a/public/themes/pterodactyl/css/terminal.css b/public/themes/pterodactyl/css/terminal.css
index 3c46a8750..b93e96ba4 100644
--- a/public/themes/pterodactyl/css/terminal.css
+++ b/public/themes/pterodactyl/css/terminal.css
@@ -1,5 +1,5 @@
 /*Design for Terminal*/
-@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
+@import url('https://fonts.bunny.net/css?family=Source+Code+Pro');
 
 #terminal-body {
     background: rgb(26, 26, 26);
diff --git a/resources/css/app.css b/resources/css/app.css
index b5c61c956..e69de29bb 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/resources/lang/en/strings.php b/resources/lang/en/strings.php
index ddade2cea..87d613843 100644
--- a/resources/lang/en/strings.php
+++ b/resources/lang/en/strings.php
@@ -73,7 +73,6 @@ return [
     'owner' => 'Owner',
     'admin' => 'Admin',
     'subuser' => 'Subuser',
-    'captcha_invalid' => 'The provided captcha is invalid.',
     'tasks' => 'Tasks',
     'seconds' => 'Seconds',
     'minutes' => 'Minutes',
diff --git a/resources/scripts/api/auth/login.ts b/resources/scripts/api/auth/login.ts
index 57552e5ed..1358c74b6 100644
--- a/resources/scripts/api/auth/login.ts
+++ b/resources/scripts/api/auth/login.ts
@@ -1,38 +1,61 @@
 import http from '@/api/http';
 
-export interface LoginResponse {
+interface LoginData {
+    user: string;
+    password: string;
+    [key: string]: any; // Allow additional fields like captcha responses
+}
+
+interface LoginResponse {
     complete: boolean;
     intended?: string;
     confirmationToken?: string;
+    error?: string;
 }
 
-export interface LoginData {
-    username: string;
-    password: string;
-    recaptchaData?: string | null;
-}
+export default async (data: LoginData): Promise<LoginResponse> => {
+    try {
+        await http.get('/sanctum/csrf-cookie');
 
-export default ({ username, password, recaptchaData }: LoginData): Promise<LoginResponse> => {
-    return new Promise((resolve, reject) => {
-        http.get('/sanctum/csrf-cookie')
-            .then(() =>
-                http.post('/auth/login', {
-                    user: username,
-                    password,
-                    'g-recaptcha-response': recaptchaData,
-                }),
-            )
-            .then((response) => {
-                if (!(response.data instanceof Object)) {
-                    return reject(new Error('An error occurred while processing the login request.'));
-                }
+        // Pass through all data including captcha responses
+        const payload: Record<string, any> = {
+            ...data,
+        };
 
-                return resolve({
-                    complete: response.data.data.complete,
-                    intended: response.data.data.intended || undefined,
-                    confirmationToken: response.data.data.confirmation_token || undefined,
-                });
-            })
-            .catch(reject);
-    });
+        const response = await http.post('/auth/login', payload);
+
+        if (!response.data || typeof response.data !== 'object') {
+            throw new Error('Invalid server response format');
+        }
+
+        return {
+            complete: response.data.complete ?? response.data.data?.complete ?? false,
+            intended: response.data.intended ?? response.data.data?.intended,
+            confirmationToken:
+                response.data.confirmationToken ??
+                response.data.data?.confirmation_token ??
+                response.data.data?.confirmationToken,
+            error: response.data.error ?? response.data.message,
+        };
+    } catch (error: any) {
+        const loginError = new Error(
+            error.response?.data?.error ??
+                error.response?.data?.message ??
+                error.message ??
+                'Login failed. Please try again.',
+        ) as any;
+
+        loginError.response = error.response;
+        loginError.detail = error.response?.data?.errors?.[0]?.detail;
+        loginError.code = error.response?.data?.errors?.[0]?.code;
+
+        console.error('Login API Error:', {
+            status: error.response?.status,
+            data: error.response?.data,
+            detail: loginError.detail,
+            message: loginError.message,
+        });
+
+        throw loginError;
+    }
 };
diff --git a/resources/scripts/api/auth/performPasswordReset.ts b/resources/scripts/api/auth/performPasswordReset.ts
index 0106e8d26..f1b7b8c46 100644
--- a/resources/scripts/api/auth/performPasswordReset.ts
+++ b/resources/scripts/api/auth/performPasswordReset.ts
@@ -4,6 +4,7 @@ interface Data {
     token: string;
     password: string;
     passwordConfirmation: string;
+    [key: string]: string;
 }
 
 interface PasswordResetResponse {
@@ -15,9 +16,7 @@ export default (email: string, data: Data): Promise<PasswordResetResponse> => {
     return new Promise((resolve, reject) => {
         http.post('/auth/password/reset', {
             email,
-            token: data.token,
-            password: data.password,
-            password_confirmation: data.passwordConfirmation,
+            ...data,
         })
             .then((response) =>
                 resolve({
diff --git a/resources/scripts/api/auth/requestPasswordResetEmail.ts b/resources/scripts/api/auth/requestPasswordResetEmail.ts
deleted file mode 100644
index d68fa4447..000000000
--- a/resources/scripts/api/auth/requestPasswordResetEmail.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import http from '@/api/http';
-
-export default (email: string, recaptchaData?: string): Promise<string> => {
-    return new Promise((resolve, reject) => {
-        http.post('/auth/password', { email, 'g-recaptcha-response': recaptchaData })
-            .then((response) => resolve(response.data.status || ''))
-            .catch(reject);
-    });
-};
diff --git a/resources/scripts/api/definitions/index.d.ts b/resources/scripts/api/definitions/index.d.ts
index 3f6a6750d..92eef5a6d 100644
--- a/resources/scripts/api/definitions/index.d.ts
+++ b/resources/scripts/api/definitions/index.d.ts
@@ -4,7 +4,7 @@ import { FractalResponseData, FractalResponseList } from '../http';
 
 export type UUID = string;
 
-export interface Model {}
+export type Model = object;
 
 interface ModelWithRelationships extends Model {
     relationships: Record<string, FractalResponseData | FractalResponseList | undefined>;
diff --git a/resources/scripts/api/http.ts b/resources/scripts/api/http.ts
index f692909f4..9b38c01d4 100644
--- a/resources/scripts/api/http.ts
+++ b/resources/scripts/api/http.ts
@@ -50,7 +50,7 @@ export function httpErrorToHuman(error: any): string {
         if (typeof data === 'string') {
             try {
                 data = JSON.parse(data);
-            } catch (e) {
+            } catch {
                 // do nothing, bad json
             }
         }
diff --git a/resources/scripts/api/mclo.gs/mclogsApi.ts b/resources/scripts/api/mclo.gs/mclogsApi.ts
new file mode 100644
index 000000000..436dd2095
--- /dev/null
+++ b/resources/scripts/api/mclo.gs/mclogsApi.ts
@@ -0,0 +1,95 @@
+export interface MclogsInsight {
+    id: string;
+    name: string;
+    type: string;
+    version: string;
+    title: string;
+    analysis: {
+        problems: Array<{
+            message: string;
+            counter: number;
+            entry: {
+                level: number;
+                time: string | null;
+                prefix: string;
+                lines: Array<{
+                    number: number;
+                    content: string;
+                }>;
+            };
+            solutions: Array<{
+                message: string;
+            }>;
+        }>;
+        information: Array<{
+            message: string;
+            counter: number;
+            label: string;
+            value: string;
+            entry: {
+                level: number;
+                time: string | null;
+                prefix: string;
+                lines: Array<{
+                    number: number;
+                    content: string;
+                }>;
+            };
+        }>;
+    };
+}
+
+export interface MclogsAnalyzeRequest {
+    content: string;
+}
+
+export interface MclogsErrorResponse {
+    success: false;
+    error: string;
+}
+
+/**
+ * Analyzes log content using the mclo.gs API without saving it
+ */
+export const analyzeLogs = async (logContent: string): Promise<MclogsInsight> => {
+    const response = await fetch('https://api.mclo.gs/1/analyse', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: new URLSearchParams({
+            content: logContent,
+        }),
+    });
+
+    if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const data = await response.json();
+
+    if ('success' in data && data.success === false) {
+        throw new Error(data.error || 'Failed to analyze logs');
+    }
+
+    return data as MclogsInsight;
+};
+
+/**
+ * Gets insights from an existing mclo.gs paste
+ */
+export const getInsights = async (logId: string): Promise<MclogsInsight> => {
+    const response = await fetch(`https://api.mclo.gs/1/insights/${logId}`);
+
+    if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const data = await response.json();
+
+    if ('success' in data && data.success === false) {
+        throw new Error(data.error || 'Log not found');
+    }
+
+    return data as MclogsInsight;
+};
diff --git a/resources/scripts/api/server/applyEggChange.ts b/resources/scripts/api/server/applyEggChange.ts
new file mode 100644
index 000000000..79bcecc20
--- /dev/null
+++ b/resources/scripts/api/server/applyEggChange.ts
@@ -0,0 +1,26 @@
+import http from '@/api/http';
+
+export interface ApplyEggChangeRequest {
+    egg_id: number;
+    nest_id: number;
+    docker_image?: string;
+    startup_command?: string;
+    environment?: Record<string, string>;
+    should_backup?: boolean;
+    should_wipe?: boolean;
+}
+
+export interface ApplyEggChangeResponse {
+    message: string;
+    operation_id: string;
+    status: string;
+}
+
+/**
+ * Apply egg configuration changes to a server asynchronously.
+ * This initiates a background operation to change the server's egg configuration.
+ */
+export default async (uuid: string, data: ApplyEggChangeRequest): Promise<ApplyEggChangeResponse> => {
+    const { data: response } = await http.post(`/api/client/servers/${uuid}/settings/egg/apply`, data);
+    return response;
+};
diff --git a/resources/scripts/api/server/backups/deleteBackup.ts b/resources/scripts/api/server/backups/deleteBackup.ts
deleted file mode 100644
index 01f48d23f..000000000
--- a/resources/scripts/api/server/backups/deleteBackup.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import http from '@/api/http';
-
-export default (uuid: string, backup: string): Promise<void> => {
-    return new Promise((resolve, reject) => {
-        http.delete(`/api/client/servers/${uuid}/backups/${backup}`)
-            .then(() => resolve())
-            .catch(reject);
-    });
-};
diff --git a/resources/scripts/api/server/backups/deleteServerBackup.ts b/resources/scripts/api/server/backups/deleteServerBackup.ts
new file mode 100644
index 000000000..1d9d0b0ca
--- /dev/null
+++ b/resources/scripts/api/server/backups/deleteServerBackup.ts
@@ -0,0 +1,5 @@
+import http from '@/api/http';
+
+export default async (uuid: string, backup: string): Promise<void> => {
+    await http.delete(`/api/client/servers/${uuid}/backups/${backup}`);
+};
diff --git a/resources/scripts/api/server/backups/getBackupDownloadUrl.ts b/resources/scripts/api/server/backups/getBackupDownloadUrl.ts
deleted file mode 100644
index 70a3ae5e4..000000000
--- a/resources/scripts/api/server/backups/getBackupDownloadUrl.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import http from '@/api/http';
-
-export default (uuid: string, backup: string): Promise<string> => {
-    return new Promise((resolve, reject) => {
-        http.get(`/api/client/servers/${uuid}/backups/${backup}/download`)
-            .then(({ data }) => resolve(data.attributes.url))
-            .catch(reject);
-    });
-};
diff --git a/resources/scripts/api/server/backups/getServerBackupDownloadUrl.ts b/resources/scripts/api/server/backups/getServerBackupDownloadUrl.ts
new file mode 100644
index 000000000..263f16347
--- /dev/null
+++ b/resources/scripts/api/server/backups/getServerBackupDownloadUrl.ts
@@ -0,0 +1,6 @@
+import http from '@/api/http';
+
+export default async (uuid: string, backup: string): Promise<string> => {
+    const { data } = await http.get(`/api/client/servers/${uuid}/backups/${backup}/download`);
+    return data.attributes.url;
+};
diff --git a/resources/scripts/api/server/backups/index.ts b/resources/scripts/api/server/backups/index.ts
index 4f1311fdf..9e84a1f61 100644
--- a/resources/scripts/api/server/backups/index.ts
+++ b/resources/scripts/api/server/backups/index.ts
@@ -1,7 +1,10 @@
 import http from '@/api/http';
 
-export const restoreServerBackup = async (uuid: string, backup: string, truncate?: boolean): Promise<void> => {
-    await http.post(`/api/client/servers/${uuid}/backups/${backup}/restore`, {
-        truncate,
-    });
+export const restoreServerBackup = async (uuid: string, backup: string): Promise<void> => {
+    await http.post(`/api/client/servers/${uuid}/backups/${backup}/restore`, {});
 };
+
+export { default as createServerBackup } from './createServerBackup';
+export { default as deleteServerBackup } from './deleteServerBackup';
+export { default as getServerBackupDownloadUrl } from './getServerBackupDownloadUrl';
+export { default as renameServerBackup } from './renameServerBackup';
diff --git a/resources/scripts/api/server/backups/renameServerBackup.ts b/resources/scripts/api/server/backups/renameServerBackup.ts
new file mode 100644
index 000000000..2e6c7a958
--- /dev/null
+++ b/resources/scripts/api/server/backups/renameServerBackup.ts
@@ -0,0 +1,11 @@
+import http from '@/api/http';
+import { ServerBackup } from '@/api/server/types';
+import { rawDataToServerBackup } from '@/api/transformers';
+
+export default async (uuid: string, backup: string, name: string): Promise<ServerBackup> => {
+    const { data } = await http.post(`/api/client/servers/${uuid}/backups/${backup}/rename`, {
+        name: name,
+    });
+
+    return rawDataToServerBackup(data);
+};
diff --git a/resources/scripts/api/server/network/subdomain.ts b/resources/scripts/api/server/network/subdomain.ts
new file mode 100644
index 000000000..6733d1e1f
--- /dev/null
+++ b/resources/scripts/api/server/network/subdomain.ts
@@ -0,0 +1,64 @@
+import http from '@/api/http';
+
+export interface SubdomainInfo {
+    supported: boolean;
+    current_subdomain?: {
+        object: string;
+        attributes: {
+            subdomain: string;
+            domain: string;
+            domain_id: number;
+            full_domain: string;
+            is_active: boolean;
+        };
+    };
+    available_domains: Array<{
+        id: number;
+        name: string;
+        is_active: boolean;
+    }>;
+    message?: string;
+}
+
+export interface AvailabilityResponse {
+    available: boolean;
+    message: string;
+}
+
+export const getSubdomainInfo = (uuid: string): Promise<SubdomainInfo> => {
+    return new Promise((resolve, reject) => {
+        http.get(`/api/client/servers/${uuid}/subdomain`)
+            .then(({ data }) => resolve(data))
+            .catch(reject);
+    });
+};
+
+export const setSubdomain = (uuid: string, subdomain: string, domainId: number): Promise<void> => {
+    return new Promise((resolve, reject) => {
+        http.post(`/api/client/servers/${uuid}/subdomain`, {
+            subdomain,
+            domain_id: domainId,
+        })
+            .then(() => resolve())
+            .catch(reject);
+    });
+};
+
+export const deleteSubdomain = (uuid: string): Promise<void> => {
+    return new Promise((resolve, reject) => {
+        http.delete(`/api/client/servers/${uuid}/subdomain`)
+            .then(() => resolve())
+            .catch(reject);
+    });
+};
+
+export const checkSubdomainAvailability = (uuid: string, subdomain: string, domainId: number): Promise<AvailabilityResponse> => {
+    return new Promise((resolve, reject) => {
+        http.post(`/api/client/servers/${uuid}/subdomain/check-availability`, {
+            subdomain,
+            domain_id: domainId,
+        })
+            .then(({ data }) => resolve(data))
+            .catch(reject);
+    });
+};
\ No newline at end of file
diff --git a/resources/scripts/api/server/previewEggChange.ts b/resources/scripts/api/server/previewEggChange.ts
new file mode 100644
index 000000000..725ffcb18
--- /dev/null
+++ b/resources/scripts/api/server/previewEggChange.ts
@@ -0,0 +1,40 @@
+import http from '@/api/http';
+
+export interface EggPreview {
+    egg: {
+        id: number;
+        name: string;
+        description: string;
+        startup: string;
+    };
+    variables: Array<{
+        id: number;
+        name: string;
+        description: string;
+        env_variable: string;
+        default_value: string;
+        user_viewable: boolean;
+        user_editable: boolean;
+        rules: string;
+    }>;
+    docker_images: Record<string, string>;
+    default_docker_image: string | null;
+    warnings?: Array<{
+        type: string;
+        message: string;
+        severity: string;
+    }>;
+}
+
+/**
+ * Preview egg configuration changes before applying them.
+ * Returns egg details, variables, and available Docker images.
+ */
+export default async (uuid: string, eggId: number, nestId: number): Promise<EggPreview> => {
+    const { data } = await http.post(`/api/client/servers/${uuid}/settings/egg/preview`, {
+        egg_id: eggId,
+        nest_id: nestId,
+    });
+
+    return data;
+};
diff --git a/resources/scripts/api/server/processStartupCommand.ts b/resources/scripts/api/server/processStartupCommand.ts
new file mode 100644
index 000000000..78412e09f
--- /dev/null
+++ b/resources/scripts/api/server/processStartupCommand.ts
@@ -0,0 +1,9 @@
+import http from '@/api/http';
+
+export default (uuid: string, command: string): Promise<string> => {
+    return new Promise((resolve, reject) => {
+        http.post(`/api/client/servers/${uuid}/startup/command/process`, { command })
+            .then(({ data }) => resolve(data.processed_command))
+            .catch(reject);
+    });
+};
diff --git a/resources/scripts/api/server/resetStartupCommand.ts b/resources/scripts/api/server/resetStartupCommand.ts
new file mode 100644
index 000000000..1d684d05e
--- /dev/null
+++ b/resources/scripts/api/server/resetStartupCommand.ts
@@ -0,0 +1,7 @@
+import http from '@/api/http';
+
+export default async (uuid: string): Promise<string> => {
+    const { data } = await http.get(`/api/client/servers/${uuid}/startup/command/default`);
+
+    return data.default_startup_command;
+};
diff --git a/resources/scripts/api/server/revertDockerImage.ts b/resources/scripts/api/server/revertDockerImage.ts
new file mode 100644
index 000000000..a1b692089
--- /dev/null
+++ b/resources/scripts/api/server/revertDockerImage.ts
@@ -0,0 +1,5 @@
+import http from '@/api/http';
+
+export default async (uuid: string): Promise<void> => {
+    await http.post(`/api/client/servers/${uuid}/settings/docker-image/revert`, { confirm: true });
+};
diff --git a/resources/scripts/api/server/serverOperations.ts b/resources/scripts/api/server/serverOperations.ts
new file mode 100644
index 000000000..30b1e2279
--- /dev/null
+++ b/resources/scripts/api/server/serverOperations.ts
@@ -0,0 +1,181 @@
+import React from 'react';
+
+import http from '@/api/http';
+
+/**
+ * Server operation status constants.
+ */
+export const OPERATION_STATUS = {
+    PENDING: 'pending',
+    RUNNING: 'running',
+    COMPLETED: 'completed',
+    FAILED: 'failed',
+    CANCELLED: 'cancelled',
+} as const;
+
+export type OperationStatus = (typeof OPERATION_STATUS)[keyof typeof OPERATION_STATUS];
+
+/**
+ * Polling configuration for operation status updates.
+ */
+export const POLLING_CONFIG = {
+    INITIAL_INTERVAL: 2000,
+    MAX_INTERVAL: 8000,
+    MAX_ATTEMPTS: 90,
+    JITTER_RANGE: 500,
+    BACKOFF_MULTIPLIER: 1.05,
+    BACKOFF_THRESHOLD: 5,
+};
+
+export interface ServerOperation {
+    operation_id: string;
+    type: string;
+    status: OperationStatus;
+    message: string;
+    created_at: string;
+    updated_at: string;
+    parameters?: Record<string, unknown>;
+    is_active: boolean;
+    is_completed: boolean;
+    has_failed: boolean;
+}
+
+export interface ApplyEggChangeAsyncResponse {
+    message: string;
+    operation_id: string;
+    status: string;
+}
+
+/**
+ * Get specific operation status by ID.
+ */
+export const getOperationStatus = async (uuid: string, operationId: string): Promise<ServerOperation> => {
+    const { data } = await http.get(`/api/client/servers/${uuid}/operations/${operationId}`);
+    return data;
+};
+
+/**
+ * Get all operations for a server.
+ */
+export const getServerOperations = async (uuid: string): Promise<{ operations: ServerOperation[] }> => {
+    const { data } = await http.get(`/api/client/servers/${uuid}/operations`);
+    return data;
+};
+
+/**
+ * Poll operation status with exponential backoff and jitter.
+ */
+export const pollOperationStatus = (
+    uuid: string,
+    operationId: string,
+    onUpdate: (operation: ServerOperation) => void,
+    onComplete: (operation: ServerOperation) => void,
+    onError: (error: Error) => void,
+): (() => void) => {
+    let timeoutId: NodeJS.Timeout | null = null;
+    let intervalMs = POLLING_CONFIG.INITIAL_INTERVAL;
+    const maxInterval = POLLING_CONFIG.MAX_INTERVAL;
+    let attempts = 0;
+    let stopped = false;
+
+    const poll = async () => {
+        if (stopped) return;
+
+        try {
+            attempts++;
+
+            if (attempts > POLLING_CONFIG.MAX_ATTEMPTS) {
+                onError(new Error('Operation polling timed out after 15 minutes'));
+                return;
+            }
+
+            const operation = await getOperationStatus(uuid, operationId);
+
+            if (stopped) return;
+
+            onUpdate(operation);
+
+            if (operation.is_completed || operation.has_failed) {
+                onComplete(operation);
+                return;
+            }
+
+            if (operation.is_active) {
+                if (attempts > POLLING_CONFIG.BACKOFF_THRESHOLD) {
+                    intervalMs = Math.min(intervalMs * POLLING_CONFIG.BACKOFF_MULTIPLIER, maxInterval);
+                }
+
+                const jitter = Math.random() * POLLING_CONFIG.JITTER_RANGE;
+                timeoutId = setTimeout(poll, intervalMs + jitter);
+            } else {
+                onError(new Error('Operation is no longer active'));
+            }
+        } catch (error) {
+            if (!stopped) {
+                onError(error as Error);
+            }
+        }
+    };
+
+    timeoutId = setTimeout(poll, 1000);
+
+    return () => {
+        stopped = true;
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+    };
+};
+
+/**
+ * React hook for managing operation polling lifecycle.
+ */
+export const useOperationPolling = () => {
+    const activePollers = React.useRef(new Map<string, () => void>()).current;
+
+    React.useEffect(() => {
+        return () => {
+            activePollers.forEach((cleanup) => cleanup());
+            activePollers.clear();
+        };
+    }, [activePollers]);
+
+    const startPolling = React.useCallback(
+        (
+            uuid: string,
+            operationId: string,
+            onUpdate: (operation: ServerOperation) => void,
+            onComplete: (operation: ServerOperation) => void,
+            onError: (error: Error) => void,
+        ) => {
+            stopPolling(operationId);
+            const cleanup = pollOperationStatus(uuid, operationId, onUpdate, onComplete, onError);
+            activePollers.set(operationId, cleanup);
+        },
+        [activePollers],
+    );
+
+    const stopPolling = React.useCallback(
+        (operationId: string) => {
+            const cleanup = activePollers.get(operationId);
+            if (cleanup) {
+                cleanup();
+                activePollers.delete(operationId);
+            }
+        },
+        [activePollers],
+    );
+
+    const stopAllPolling = React.useCallback(() => {
+        activePollers.forEach((cleanup) => cleanup());
+        activePollers.clear();
+    }, [activePollers]);
+
+    return {
+        startPolling,
+        stopPolling,
+        stopAllPolling,
+        hasActivePolling: (operationId: string) => activePollers.has(operationId),
+    };
+};
diff --git a/resources/scripts/api/server/setSelectedEggImage.ts b/resources/scripts/api/server/setSelectedEggImage.ts
deleted file mode 100644
index 0c23a0d00..000000000
--- a/resources/scripts/api/server/setSelectedEggImage.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import http from '@/api/http';
-
-export default async (uuid: string, eggid: number, nestid: number): Promise<void> => {
-    await http.put(`/api/client/servers/${uuid}/settings/egg`, { egg_id: eggid, nest_id: nestid });
-
-    const { data } = await http.get(`/api/client/servers/${uuid}/startup`);
-    const docker_images = data.meta.docker_images || {};
-    const image = Object.values(docker_images)[0] as string;
-
-    await http.put(`/api/client/servers/${uuid}/settings/docker-image`, { docker_image: image });
-};
diff --git a/resources/scripts/api/server/updateStartupCommand.ts b/resources/scripts/api/server/updateStartupCommand.ts
new file mode 100644
index 000000000..06c9c1070
--- /dev/null
+++ b/resources/scripts/api/server/updateStartupCommand.ts
@@ -0,0 +1,7 @@
+import http from '@/api/http';
+
+export default async (uuid: string, startup: string): Promise<string> => {
+    const { data } = await http.put(`/api/client/servers/${uuid}/startup/command`, { startup });
+
+    return data.meta.startup_command;
+};
diff --git a/resources/scripts/api/swr/getServerStartup.ts b/resources/scripts/api/swr/getServerStartup.ts
index df05bdb3f..069bd6c1b 100644
--- a/resources/scripts/api/swr/getServerStartup.ts
+++ b/resources/scripts/api/swr/getServerStartup.ts
@@ -10,6 +10,7 @@ interface Response {
     invocation: string;
     variables: ServerEggVariable[];
     dockerImages: Record<string, string>;
+    rawStartupCommand: string;
 }
 
 export default (uuid: string, fallbackData?: Response, config?: SWRConfiguration<Response, AxiosError>) =>
@@ -24,6 +25,7 @@ export default (uuid: string, fallbackData?: Response, config?: SWRConfiguration
                 variables,
                 invocation: data.meta.startup_command,
                 dockerImages: data.meta.docker_images || {},
+                rawStartupCommand: data.meta.raw_startup_command,
             };
         },
         { fallbackData, errorRetryCount: 3, ...(config ?? {}) },
diff --git a/resources/scripts/assets/css/GlobalStylesheet.ts b/resources/scripts/assets/css/GlobalStylesheet.ts
index 86675c0da..ffc9f3d9a 100644
--- a/resources/scripts/assets/css/GlobalStylesheet.ts
+++ b/resources/scripts/assets/css/GlobalStylesheet.ts
@@ -1,9 +1,9 @@
 import { createGlobalStyle } from 'styled-components';
 
 export default createGlobalStyle`
-    * {
-        min-width: 0
-    }
+    // * {
+    //     min-width: 0
+    // }
 
     html, body, #app {
         position: relative;
diff --git a/resources/scripts/assets/tailwind.css b/resources/scripts/assets/tailwind.css
index b5c61c956..d4973e8f6 100644
--- a/resources/scripts/assets/tailwind.css
+++ b/resources/scripts/assets/tailwind.css
@@ -1,3 +1,300 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@plugin 'tailwind-scrollbar';
+
+@theme {
+    --font-jakarta: 'Plus Jakarta Sans', sans-serif;
+
+    --color-inherit: inherit;
+    --color-current: currentColor;
+    --color-transparent: transparent;
+    --color-black: #000000;
+    --color-white: #fff;
+
+    --color-slate-50: #f8fafc;
+    --color-slate-100: #f1f5f9;
+    --color-slate-200: #e2e8f0;
+    --color-slate-300: #cbd5e1;
+    --color-slate-400: #94a3b8;
+    --color-slate-500: #64748b;
+    --color-slate-600: #475569;
+    --color-slate-700: #334155;
+    --color-slate-800: #1e293b;
+    --color-slate-900: #0f172a;
+    --color-slate-950: #020617;
+
+    --color-gray-50: #f9fafb;
+    --color-gray-100: #f3f4f6;
+    --color-gray-200: #e5e7eb;
+    --color-gray-300: #d1d5db;
+    --color-gray-400: #9ca3af;
+    --color-gray-500: #6b7280;
+    --color-gray-600: #4b5563;
+    --color-gray-700: #374151;
+    --color-gray-800: #1f2937;
+    --color-gray-900: #111827;
+    --color-gray-950: #030712;
+
+    --color-zinc-50: #fafafa;
+    --color-zinc-100: #f4f4f5;
+    --color-zinc-200: #e4e4e7;
+    --color-zinc-300: #d4d4d8;
+    --color-zinc-400: #a1a1aa;
+    --color-zinc-500: #71717a;
+    --color-zinc-600: #52525b;
+    --color-zinc-700: #3f3f46;
+    --color-zinc-800: #27272a;
+    --color-zinc-900: #18181b;
+    --color-zinc-950: #09090b;
+
+    --color-neutral-50: #fafafa;
+    --color-neutral-100: #f5f5f5;
+    --color-neutral-200: #e5e5e5;
+    --color-neutral-300: #d4d4d4;
+    --color-neutral-400: #a3a3a3;
+    --color-neutral-500: #737373;
+    --color-neutral-600: #525252;
+    --color-neutral-700: #404040;
+    --color-neutral-800: #262626;
+    --color-neutral-900: #171717;
+    --color-neutral-950: #0a0a0a;
+
+    --color-stone-50: #fafaf9;
+    --color-stone-100: #f5f5f4;
+    --color-stone-200: #e7e5e4;
+    --color-stone-300: #d6d3d1;
+    --color-stone-400: #a8a29e;
+    --color-stone-500: #78716c;
+    --color-stone-600: #57534e;
+    --color-stone-700: #44403c;
+    --color-stone-800: #292524;
+    --color-stone-900: #1c1917;
+    --color-stone-950: #0c0a09;
+
+    --color-red-50: #fef2f2;
+    --color-red-100: #fee2e2;
+    --color-red-200: #fecaca;
+    --color-red-300: #fca5a5;
+    --color-red-400: #f87171;
+    --color-red-500: #ef4444;
+    --color-red-600: #dc2626;
+    --color-red-700: #b91c1c;
+    --color-red-800: #991b1b;
+    --color-red-900: #7f1d1d;
+    --color-red-950: #450a0a;
+
+    --color-orange-50: #fff7ed;
+    --color-orange-100: #ffedd5;
+    --color-orange-200: #fed7aa;
+    --color-orange-300: #fdba74;
+    --color-orange-400: #fb923c;
+    --color-orange-500: #f97316;
+    --color-orange-600: #ea580c;
+    --color-orange-700: #c2410c;
+    --color-orange-800: #9a3412;
+    --color-orange-900: #7c2d12;
+    --color-orange-950: #431407;
+
+    --color-amber-50: #fffbeb;
+    --color-amber-100: #fef3c7;
+    --color-amber-200: #fde68a;
+    --color-amber-300: #fcd34d;
+    --color-amber-400: #fbbf24;
+    --color-amber-500: #f59e0b;
+    --color-amber-600: #d97706;
+    --color-amber-700: #b45309;
+    --color-amber-800: #92400e;
+    --color-amber-900: #78350f;
+    --color-amber-950: #451a03;
+
+    --color-yellow-50: #fefce8;
+    --color-yellow-100: #fef9c3;
+    --color-yellow-200: #fef08a;
+    --color-yellow-300: #fde047;
+    --color-yellow-400: #facc15;
+    --color-yellow-500: #eab308;
+    --color-yellow-600: #ca8a04;
+    --color-yellow-700: #a16207;
+    --color-yellow-800: #854d0e;
+    --color-yellow-900: #713f12;
+    --color-yellow-950: #422006;
+
+    --color-lime-50: #f7fee7;
+    --color-lime-100: #ecfccb;
+    --color-lime-200: #d9f99d;
+    --color-lime-300: #bef264;
+    --color-lime-400: #a3e635;
+    --color-lime-500: #84cc16;
+    --color-lime-600: #65a30d;
+    --color-lime-700: #4d7c0f;
+    --color-lime-800: #3f6212;
+    --color-lime-900: #365314;
+    --color-lime-950: #1a2e05;
+
+    --color-green-50: #f0fdf4;
+    --color-green-100: #dcfce7;
+    --color-green-200: #bbf7d0;
+    --color-green-300: #86efac;
+    --color-green-400: #4ade80;
+    --color-green-500: #22c55e;
+    --color-green-600: #16a34a;
+    --color-green-700: #15803d;
+    --color-green-800: #166534;
+    --color-green-900: #14532d;
+    --color-green-950: #052e16;
+
+    --color-emerald-50: #ecfdf5;
+    --color-emerald-100: #d1fae5;
+    --color-emerald-200: #a7f3d0;
+    --color-emerald-300: #6ee7b7;
+    --color-emerald-400: #34d399;
+    --color-emerald-500: #10b981;
+    --color-emerald-600: #059669;
+    --color-emerald-700: #047857;
+    --color-emerald-800: #065f46;
+    --color-emerald-900: #064e3b;
+    --color-emerald-950: #022c22;
+
+    --color-teal-50: #f0fdfa;
+    --color-teal-100: #ccfbf1;
+    --color-teal-200: #99f6e4;
+    --color-teal-300: #5eead4;
+    --color-teal-400: #2dd4bf;
+    --color-teal-500: #14b8a6;
+    --color-teal-600: #0d9488;
+    --color-teal-700: #0f766e;
+    --color-teal-800: #115e59;
+    --color-teal-900: #134e4a;
+    --color-teal-950: #042f2e;
+
+    --color-cyan-50: #ecfeff;
+    --color-cyan-100: #cffafe;
+    --color-cyan-200: #a5f3fc;
+    --color-cyan-300: #67e8f9;
+    --color-cyan-400: #22d3ee;
+    --color-cyan-500: #06b6d4;
+    --color-cyan-600: #0891b2;
+    --color-cyan-700: #0e7490;
+    --color-cyan-800: #155e75;
+    --color-cyan-900: #164e63;
+    --color-cyan-950: #083344;
+
+    --color-sky-50: #f0f9ff;
+    --color-sky-100: #e0f2fe;
+    --color-sky-200: #bae6fd;
+    --color-sky-300: #7dd3fc;
+    --color-sky-400: #38bdf8;
+    --color-sky-500: #0ea5e9;
+    --color-sky-600: #0284c7;
+    --color-sky-700: #0369a1;
+    --color-sky-800: #075985;
+    --color-sky-900: #0c4a6e;
+    --color-sky-950: #082f49;
+
+    --color-blue-50: #eff6ff;
+    --color-blue-100: #dbeafe;
+    --color-blue-200: #bfdbfe;
+    --color-blue-300: #93c5fd;
+    --color-blue-400: #60a5fa;
+    --color-blue-500: #3b82f6;
+    --color-blue-600: #2563eb;
+    --color-blue-700: #1d4ed8;
+    --color-blue-800: #1e40af;
+    --color-blue-900: #1e3a8a;
+    --color-blue-950: #172554;
+
+    --color-indigo-50: #eef2ff;
+    --color-indigo-100: #e0e7ff;
+    --color-indigo-200: #c7d2fe;
+    --color-indigo-300: #a5b4fc;
+    --color-indigo-400: #818cf8;
+    --color-indigo-500: #6366f1;
+    --color-indigo-600: #4f46e5;
+    --color-indigo-700: #4338ca;
+    --color-indigo-800: #3730a3;
+    --color-indigo-900: #312e81;
+    --color-indigo-950: #1e1b4b;
+
+    --color-violet-50: #f5f3ff;
+    --color-violet-100: #ede9fe;
+    --color-violet-200: #ddd6fe;
+    --color-violet-300: #c4b5fd;
+    --color-violet-400: #a78bfa;
+    --color-violet-500: #8b5cf6;
+    --color-violet-600: #7c3aed;
+    --color-violet-700: #6d28d9;
+    --color-violet-800: #5b21b6;
+    --color-violet-900: #4c1d95;
+    --color-violet-950: #2e1065;
+
+    --color-purple-50: #faf5ff;
+    --color-purple-100: #f3e8ff;
+    --color-purple-200: #e9d5ff;
+    --color-purple-300: #d8b4fe;
+    --color-purple-400: #c084fc;
+    --color-purple-500: #a855f7;
+    --color-purple-600: #9333ea;
+    --color-purple-700: #7e22ce;
+    --color-purple-800: #6b21a8;
+    --color-purple-900: #581c87;
+    --color-purple-950: #3b0764;
+
+    --color-fuchsia-50: #fdf4ff;
+    --color-fuchsia-100: #fae8ff;
+    --color-fuchsia-200: #f5d0fe;
+    --color-fuchsia-300: #f0abfc;
+    --color-fuchsia-400: #e879f9;
+    --color-fuchsia-500: #d946ef;
+    --color-fuchsia-600: #c026d3;
+    --color-fuchsia-700: #a21caf;
+    --color-fuchsia-800: #86198f;
+    --color-fuchsia-900: #701a75;
+    --color-fuchsia-950: #4a044e;
+
+    --color-pink-50: #fdf2f8;
+    --color-pink-100: #fce7f3;
+    --color-pink-200: #fbcfe8;
+    --color-pink-300: #f9a8d4;
+    --color-pink-400: #f472b6;
+    --color-pink-500: #ec4899;
+    --color-pink-600: #db2777;
+    --color-pink-700: #be185d;
+    --color-pink-800: #9d174d;
+    --color-pink-900: #831843;
+    --color-pink-950: #500724;
+
+    --color-rose-50: #fff1f2;
+    --color-rose-100: #ffe4e6;
+    --color-rose-200: #fecdd3;
+    --color-rose-300: #fda4af;
+    --color-rose-400: #fb7185;
+    --color-rose-500: #f43f5e;
+    --color-rose-600: #e11d48;
+    --color-rose-700: #be123c;
+    --color-rose-800: #9f1239;
+    --color-rose-900: #881337;
+    --color-rose-950: #4c0519;
+
+    --color-brand-grad: radial-gradient(109.26% 109.26% at 49.83% 13.37%, #ff343c 0%, #f06f53 100%);
+    --color-brand: #fa4e49;
+
+    --transition-duration-250: 250ms;
+}
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentcolor);
+    }
+}
diff --git a/resources/scripts/components/auth/ForgotPasswordContainer.tsx b/resources/scripts/components/auth/ForgotPasswordContainer.tsx
index 5c9467ada..ffa82b7dc 100644
--- a/resources/scripts/components/auth/ForgotPasswordContainer.tsx
+++ b/resources/scripts/components/auth/ForgotPasswordContainer.tsx
@@ -1,19 +1,19 @@
-import { useStoreState } from 'easy-peasy';
 import type { FormikHelpers } from 'formik';
 import { Formik } from 'formik';
-import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import Reaptcha from 'reaptcha';
 import { object, string } from 'yup';
 
 import LoginFormContainer from '@/components/auth/LoginFormContainer';
 import Button from '@/components/elements/Button';
+import Captcha, { getCaptchaResponse } from '@/components/elements/Captcha';
 import ContentBox from '@/components/elements/ContentBox';
 import Field from '@/components/elements/Field';
 
-import requestPasswordResetEmail from '@/api/auth/requestPasswordResetEmail';
+import CaptchaManager from '@/lib/captcha';
+
 import { httpErrorToHuman } from '@/api/http';
+import http from '@/api/http';
 
 import useFlash from '@/plugins/useFlash';
 
@@ -23,45 +23,31 @@ interface Values {
     email: string;
 }
 
-export default () => {
+const ForgotPasswordContainer = () => {
+
     const { t } = useTranslation();
-    const ref = useRef<Reaptcha>(null);
-    const [token, setToken] = useState('');
-
     const { clearFlashes, addFlash } = useFlash();
-    const { enabled: recaptchaEnabled, siteKey } = useStoreState((state) => state.settings.data!.recaptcha);
-
-    useEffect(() => {
-        clearFlashes();
-    }, []);
 
     const handleSubmission = ({ email }: Values, { setSubmitting, resetForm }: FormikHelpers<Values>) => {
         clearFlashes();
 
-        // If there is no token in the state yet, request the token and then abort this submit request
-        // since it will be re-submitted when the recaptcha data is returned by the component.
-        if (recaptchaEnabled && !token) {
-            ref.current!.execute().catch((error) => {
-                console.error(error);
+        const captchaResponse = getCaptchaResponse();
 
-                setSubmitting(false);
-                addFlash({
-                    type: 'error',
-                    title: t('common.error'),
-                    message: httpErrorToHuman(error),
-                });
-            });
-
-            return;
+        let requestData: any = { email };
+        if (CaptchaManager.isEnabled() && captchaResponse) {
+            const fieldName = CaptchaManager.getProviderInstance().getResponseFieldName();
+            if (fieldName) {
+                requestData = { ...requestData, [fieldName]: captchaResponse };
+            }
         }
 
-        requestPasswordResetEmail(email, token)
+        http.post('/auth/password', requestData)
             .then((response) => {
                 resetForm();
                 addFlash({
                     type: 'success',
                     title: t('common.success'),
-                    message: response,
+                    message: response.data.status || t('auth.email_sent'),
                 });
             })
             .catch((error) => {
@@ -72,12 +58,7 @@ export default () => {
                     message: httpErrorToHuman(error),
                 });
             })
-            .then(() => {
-                setToken('');
-                if (ref.current !== null) {
-                    void ref.current.reset();
-                }
-
+            .finally(() => {
                 setSubmitting(false);
             });
     };
@@ -93,7 +74,7 @@ export default () => {
                         .required(t('auth.validation.email_required_reset')),
                 })}
             >
-                {({ isSubmitting, setSubmitting, submitForm }) => (
+                {({ isSubmitting }) => (
                     <LoginFormContainer className={`w-full flex`}>
                         <Link to='/'>
                             <div className='flex h-12 mb-4 items-center w-full'>
@@ -101,45 +82,41 @@ export default () => {
                             </div>
                         </Link>
                         <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
-                        <h2 className='text-xl font-extrabold mb-2'>{t('auth.reset_password')}</h2>
-                        <div className='text-sm mb-6'>{t('auth.reset_email_info')}</div>
-                        <Field id='email' label={t('auth.email')} name={'email'} type={'email'} />
-                        <div className={`mt-6`}>
+                        <h2 className='text-xl font-extrabold mb-2'>Reset Password</h2>
+                        <div className='text-sm mb-6'>{t('auth.email.reset_email_info')}</div>
+                        <Field id='email' label={t('common.email')} name={'email'} type={'email'} />
+
+                        <Captcha
+                            className='mt-6'
+                            onError={(error) => {
+                                console.error(t('auth.captcha.captcha_error'), error);
+                                addFlash({
+                                    type: 'error',
+                                    title: t('common.error'),
+                                    message: t('auth.captcha.verification_failed'),
+                                });
+                            }}
+                        />
+
+                        <div className='mt-6'>
                             <Button
-                                className={`w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-none capitalize font-bold text-sm py-2`}
-                                type={'submit'}
-                                size={'xlarge'}
+                                className={`w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2`}
+                                type='submit'
+                                size='xlarge'
                                 isLoading={isSubmitting}
                                 disabled={isSubmitting}
                             >
                                 {t('auth.send_email')}
                             </Button>
                         </div>
-                        {recaptchaEnabled && (
-                            <Reaptcha
-                                ref={ref}
-                                size={'invisible'}
-                                sitekey={siteKey || '_invalid_key'}
-                                onVerify={(response) => {
-                                    setToken(response);
-                                    setTimeout(() => {
-                                        submitForm();
-                                    }, 0);
-                                }}
-                                onExpire={() => {
-                                    setSubmitting(false);
-                                    setToken('');
-                                }}
-                            />
-                        )}
-                        <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
 
+                        <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
                         <div
-                            className={`text-center w-full rounded-lg bg-[#ffffff33] border-0 ring-0 outline-none capitalize font-bold text-sm py-2 `}
+                            className={`text-center w-full rounded-lg border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2 `}
                         >
                             <Link
-                                to={'/auth/login'}
-                                className={`text-xs text-white tracking-wide uppercase no-underline hover:text-neutral-700 border-color-[#ffffff33] pt-4`}
+                                to='/auth/login'
+                                className='block w-full text-center py-2.5 px-4 text-xs font-medium tracking-wide uppercase text-white hover:text-white/80 transition-colors duration-200 border border-white/20 rounded-full hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/30'
                             >
                                 {t('auth.return_to_login')}
                             </Link>
@@ -150,3 +127,5 @@ export default () => {
         </ContentBox>
     );
 };
+
+export default ForgotPasswordContainer;
diff --git a/resources/scripts/components/auth/LoginCheckpointContainer.tsx b/resources/scripts/components/auth/LoginCheckpointContainer.tsx
index a2d3e7c72..ed9fbd9aa 100644
--- a/resources/scripts/components/auth/LoginCheckpointContainer.tsx
+++ b/resources/scripts/components/auth/LoginCheckpointContainer.tsx
@@ -29,16 +29,13 @@ type Props = OwnProps & {
     clearAndAddHttpError: ActionCreator<FlashStore['clearAndAddHttpError']['payload']>;
 };
 
-/**
- * Component hiển thị form xác thực hai yếu tố khi đăng nhập
- */
-function LoginCheckpointContainer() {
+function LoginCheckpointForm() {
     const { t } = useTranslation();
     const { isSubmitting, setFieldValue } = useFormikContext<Values>();
     const [isMissingDevice, setIsMissingDevice] = useState(false);
 
     return (
-        <ContentBox className='p-12 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-xl'>
+        <ContentBox className='p-12 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-xl'>
             <LoginFormContainer className={`w-full flex`}>
                 <Link to='/'>
                     <div className='flex h-12 mb-4 items-center w-full'>
@@ -51,7 +48,7 @@ function LoginCheckpointContainer() {
 
                 <div className={`mt-6`}>
                     <Field
-                        name={isMissingDevice ? 'recoveryCode' : 'code'}
+                        name={isMissingDevice ? t('auth.recovery_code') : t('auth.authentication_code')}
                         title={isMissingDevice ? t('auth.recovery_code') : t('auth.authentication_code')}
                         placeholder='000000'
                         description={
@@ -66,7 +63,7 @@ function LoginCheckpointContainer() {
                 </div>
                 <div className={`mt-6`}>
                     <Button
-                        className='w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-none capitalize font-bold text-sm py-2'
+                        className='w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2'
                         size={'xlarge'}
                         type={'submit'}
                         disabled={isSubmitting}
@@ -78,7 +75,7 @@ function LoginCheckpointContainer() {
                 <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
 
                 <div
-                    className={`mt-6 text-center w-full rounded-t-lg bg-[#ffffff33] border-0 ring-0 outline-none capitalize font-bold text-sm py-2 mb-2 `}
+                    className={`mt-6 text-center w-full rounded-t-lg border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2 mb-2 hover:cursor-pointer `}
                 >
                     <span
                         onClick={() => {
@@ -86,17 +83,22 @@ function LoginCheckpointContainer() {
                             setFieldValue('recoveryCode', '');
                             setIsMissingDevice((s) => !s);
                         }}
-                        className={`cursor-pointer text-xs text-white tracking-wide uppercase no-underline hover:text-neutral-700`}
+                        // className={`cursor-pointer text-xs text-white tracking-wide uppercase no-underline hover:text-neutral-700`}
+                        className={
+                            'block w-full text-center py-2.5 px-4 text-xs font-medium tracking-wide uppercase text-white hover:text-white/80 transition-colors duration-200 border border-white/20 rounded-full hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/30'
+                        }
                     >
                         {!isMissingDevice ? t('auth.lost_device') : t('auth.have_device')}
                     </span>
                 </div>
                 <div
-                    className={`text-center w-full rounded-b-lg bg-[#ffffff33] border-0 ring-0 outline-none capitalize font-bold text-sm py-2 `}
+                    className={`text-center w-full rounded-b-lg  border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2 hover:cursor-pointer `}
                 >
                     <Link
                         to={'/auth/login'}
-                        className={`text-xs text-white tracking-wide uppercase no-underline hover:text-neutral-700 border-color-[#ffffff33]`}
+                        className={
+                            'block w-full text-center py-2.5 px-4 text-xs font-medium tracking-wide uppercase text-white hover:text-white/80 transition-colors duration-200 border border-white/20 rounded-full hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/30'
+                        }
                     >
                         {t('auth.return_to_login')}
                     </Link>
@@ -111,7 +113,6 @@ const EnhancedForm = withFormik<Props & { location: Location }, Values>({
         loginCheckpoint(location.state?.token || '', code, recoveryCode)
             .then((response) => {
                 if (response.complete) {
-                    // @ts-expect-error this is valid
                     window.location = response.intended || '/';
                     return;
                 }
@@ -129,9 +130,9 @@ const EnhancedForm = withFormik<Props & { location: Location }, Values>({
         code: '',
         recoveryCode: '',
     }),
-})(LoginCheckpointContainer);
+})(LoginCheckpointForm);
 
-export default ({ ...props }: OwnProps) => {
+const LoginCheckpointContainer = ({ ...props }: OwnProps) => {
     const { clearAndAddHttpError } = useFlash();
 
     const location = useLocation();
@@ -145,3 +146,5 @@ export default ({ ...props }: OwnProps) => {
 
     return <EnhancedForm clearAndAddHttpError={clearAndAddHttpError} location={location} {...props} />;
 };
+
+export default LoginCheckpointContainer;
diff --git a/resources/scripts/components/auth/LoginContainer.tsx b/resources/scripts/components/auth/LoginContainer.tsx
index 15fba5383..c010c0315 100644
--- a/resources/scripts/components/auth/LoginContainer.tsx
+++ b/resources/scripts/components/auth/LoginContainer.tsx
@@ -1,35 +1,31 @@
-import { useStoreState } from 'easy-peasy';
 import type { FormikHelpers } from 'formik';
 import { Formik } from 'formik';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useNavigate } from 'react-router-dom';
-import Reaptcha from 'reaptcha';
 import { object, string } from 'yup';
 
 import LoginFormContainer from '@/components/auth/LoginFormContainer';
 import Button from '@/components/elements/Button';
+import Captcha, { getCaptchaResponse } from '@/components/elements/Captcha';
 import Field from '@/components/elements/Field';
+import Logo from '@/components/elements/PyroLogo';
+
+import CaptchaManager from '@/lib/captcha';
 
 import login from '@/api/auth/login';
 
 import useFlash from '@/plugins/useFlash';
 
-import Logo from '../elements/PyroLogo';
-
 interface Values {
-    username: string;
+    user: string;
     password: string;
 }
 
 function LoginContainer() {
     const { t } = useTranslation();
-    const ref = useRef<Reaptcha>(null);
-    const [token, setToken] = useState('');
 
     const { clearFlashes, clearAndAddHttpError } = useFlash();
-    const { enabled: recaptchaEnabled, siteKey } = useStoreState((state) => state.settings.data!.recaptcha);
-
     const navigate = useNavigate();
 
     useEffect(() => {
@@ -39,72 +35,70 @@ function LoginContainer() {
     const onSubmit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes();
 
-        // If there is no token in the state yet, request the token and then abort this submit request
-        // since it will be re-submitted when the recaptcha data is returned by the component.
-        if (recaptchaEnabled && !token) {
-            ref.current!.execute().catch((error) => {
-                console.error(error);
+        // Get captcha response if enabled
+        let loginData: any = values;
+        if (CaptchaManager.isEnabled()) {
+            const captchaResponse = getCaptchaResponse();
+            const fieldName = CaptchaManager.getProviderInstance().getResponseFieldName();
 
-                setSubmitting(false);
-                clearAndAddHttpError({ error });
-            });
+            console.log('Captcha enabled, response:', captchaResponse, 'fieldName:', fieldName);
 
-            return;
-        }
-
-        login({ ...values, recaptchaData: token })
-            .then((response) => {
-                if (response.complete) {
-                    // @ts-expect-error this is valid
-                    window.location = response.intended || '/';
+            if (fieldName) {
+                if (captchaResponse) {
+                    loginData = { ...values, [fieldName]: captchaResponse };
+                    console.log('Adding captcha to login data:', loginData);
+                } else {
+                    console.error(t('auth.captcha.no_response'));
+                    clearAndAddHttpError({
+                        error: new Error(t('auth.captcha.please_complete')),
+                    });
+                    setSubmitting(false);
                     return;
                 }
+            }
+        } else {
+            console.log('Captcha not enabled');
+        }
 
-                navigate('/auth/login/checkpoint', { state: { token: response.confirmationToken } });
-            })
-            .catch((error) => {
-                console.error(error);
-
-                setToken('');
-                // https://github.com/jsardev/reaptcha/issues/218
-                if (ref.current) {
-                    setTimeout(() => {
-                        if (ref.current) {
-                            ref.current.reset();
-                        }
-                    }, 500);
+        login(loginData)
+            .then((response) => {
+                if (response.complete) {
+                    window.location.href = response.intended || '/';
+                    return;
                 }
-
+                navigate('/auth/login/checkpoint', {
+                    state: { token: response.confirmationToken },
+                });
+            })
+            .catch((error: any) => {
                 setSubmitting(false);
-                clearAndAddHttpError({ error });
+
+                if (error.code === 'InvalidCredentials') {
+                    clearAndAddHttpError({
+                        error: new Error(t('auth.validation.invalid_username_password')),
+                    });
+                } else if (error.code === 'DisplayException') {
+                    clearAndAddHttpError({
+                        error: new Error(error.detail || error.message),
+                    });
+                } else {
+                    clearAndAddHttpError({ error });
+                }
             });
     };
 
     return (
         <Formik
             onSubmit={onSubmit}
-            initialValues={{ username: '', password: '' }}
+            initialValues={{ user: '', password: '' }}
             validationSchema={object().shape({
-                username: string().required(t('auth.validation.username_required')),
+                user: string().required(t('auth.validation.username_required')),
                 password: string().required(t('auth.validation.password_required')),
             })}
         >
-            {({ isSubmitting, setSubmitting, submitForm }) => (
+            {({ isSubmitting, isValid }) => (
                 <LoginFormContainer className={`w-full flex`}>
                     <div className='flex h-12 mb-4 items-center w-full'>
-                        {/* temp src */}
-                        {/* <img
-                            className='w-full max-w-full h-full'
-                            loading='lazy'
-                            decoding='async'
-                            alt=''
-                            aria-hidden
-                            style={{
-                                color: 'transparent',
-                            }}
-                            src='https://i.imgur.com/Hbum4fc.png'
-                        /> */}
-                        {/* <NavLink to={'/'} className='flex shrink-0 h-full w-fit'> */}
                         <Logo />
                     </div>
                     <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
@@ -113,7 +107,7 @@ function LoginContainer() {
                         id='usernameOrEmail'
                         type={'text'}
                         label={t('auth.username_or_email')}
-                        name={'username'}
+                        name={'user'}
                         disabled={isSubmitting}
                     />
                     <div className={`relative mt-6`}>
@@ -131,33 +125,28 @@ function LoginContainer() {
                             {t('auth.forgot_password')}
                         </Link>
                     </div>
+
+                    <Captcha
+                        className='mt-6'
+                        onError={(error) => {
+                            console.error('Captcha error:', error);
+                            clearAndAddHttpError({
+                                error: new Error(t('auth.captcha.verification_failed')),
+                            });
+                        }}
+                    />
+
                     <div className={`mt-6`}>
                         <Button
-                            className={`relative mt-4 w-full rounded-full bg-brand border-0 ring-0 outline-none capitalize font-bold text-sm py-2`}
+                            className={`relative mt-4 w-full rounded-full bg-brand border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2 hover:cursor-pointer`}
                             type={'submit'}
                             size={'xlarge'}
                             isLoading={isSubmitting}
-                            disabled={isSubmitting}
+                            disabled={isSubmitting || !isValid}
                         >
                             {t('auth.login')}
                         </Button>
                     </div>
-                    {recaptchaEnabled && (
-                        <Reaptcha
-                            ref={ref}
-                            size={'invisible'}
-                            sitekey={siteKey || '_invalid_key'}
-                            onVerify={(response) => {
-                                setToken(response);
-                                // Ensure submitForm is called after token is updated
-                                setTimeout(submitForm, 100);
-                            }}
-                            onExpire={() => {
-                                setSubmitting(false);
-                                setToken('');
-                            }}
-                        />
-                    )}
                 </LoginFormContainer>
             )}
         </Formik>
diff --git a/resources/scripts/components/auth/LoginFormContainer.tsx b/resources/scripts/components/auth/LoginFormContainer.tsx
index 25162bd69..379ea6da3 100644
--- a/resources/scripts/components/auth/LoginFormContainer.tsx
+++ b/resources/scripts/components/auth/LoginFormContainer.tsx
@@ -4,25 +4,35 @@ import { useTranslation } from 'react-i18next';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
 
-type Props = React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> & {
-    title?: string;
+type Props = React.DetailedHTMLProps<
+  React.FormHTMLAttributes<HTMLFormElement>,
+  HTMLFormElement
+> & {
+  title?: string;
 };
 
-export default forwardRef<HTMLFormElement, Props>(({ title, ...props }, ref) => {
+const LoginFormContainer = forwardRef<HTMLFormElement, Props>(
+  ({ title, ...props }, ref) => {
     const { t } = useTranslation();
+
     return (
-        <div className='w-full max-w-lg px-8'>
-            {title && (
-                <h2 className={`text-3xl text-center text-zinc-100 font-medium py-4`}>
-                    {title.startsWith('auth.') ? t(title) : title}
-                </h2>
-            )}
-            <FlashMessageRender />
-            <Form {...props} ref={ref}>
-                <div className={`flex w-full`}>
-                    <div className={`flex-1`}>{props.children}</div>
-                </div>
-            </Form>
-        </div>
+      <div className="w-full max-w-lg px-8">
+        {title && (
+          <h2 className="text-3xl text-center text-zinc-100 font-medium py-4">
+            {title.startsWith('auth.') ? t(title) : title}
+          </h2>
+        )}
+        <FlashMessageRender />
+        <Form {...props} ref={ref}>
+          <div className="flex w-full">
+            <div className="flex-1">{props.children}</div>
+          </div>
+        </Form>
+      </div>
     );
-});
+  }
+);
+
+LoginFormContainer.displayName = 'LoginFormContainer';
+
+export default LoginFormContainer;
diff --git a/resources/scripts/components/auth/ResetPasswordContainer.tsx b/resources/scripts/components/auth/ResetPasswordContainer.tsx
index 96972361a..93751a3a5 100644
--- a/resources/scripts/components/auth/ResetPasswordContainer.tsx
+++ b/resources/scripts/components/auth/ResetPasswordContainer.tsx
@@ -1,33 +1,38 @@
-import { Actions, useStoreActions } from 'easy-peasy';
 import { Formik, FormikHelpers } from 'formik';
-import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useEffect, useState } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import { object, ref, string } from 'yup';
 
 import LoginFormContainer from '@/components/auth/LoginFormContainer';
 import Button from '@/components/elements/Button';
+import Captcha, { getCaptchaResponse } from '@/components/elements/Captcha';
 import ContentBox from '@/components/elements/ContentBox';
 import Field from '@/components/elements/Field';
 import Input from '@/components/elements/Input';
 
-import performPasswordReset from '@/api/auth/performPasswordReset';
-import { httpErrorToHuman } from '@/api/http';
+import CaptchaManager from '@/lib/captcha';
 
-import { ApplicationStore } from '@/state';
+import performPasswordReset from '@/api/auth/performPasswordReset';
+
+import useFlash from '@/plugins/useFlash';
 
 import Logo from '../elements/PyroLogo';
 
 interface Values {
     password: string;
-    passwordConfirmation: string;
+    password_confirmation: string;
 }
 
 function ResetPasswordContainer() {
     const { t } = useTranslation();
     const [email, setEmail] = useState('');
 
-    const { clearFlashes, addFlash } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
+    const { clearFlashes, clearAndAddHttpError } = useFlash();
+
+    useEffect(() => {
+        clearFlashes();
+    }, []);
 
     const parsed = new URLSearchParams(location.search);
     if (email.length === 0 && parsed.get('email')) {
@@ -36,9 +41,38 @@ function ResetPasswordContainer() {
 
     const params = useParams<'token'>();
 
-    const submit = ({ password, passwordConfirmation }: Values, { setSubmitting }: FormikHelpers<Values>) => {
+    const submit = ({ password, password_confirmation }: Values, { setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes();
-        performPasswordReset(email, { token: params.token ?? '', password, passwordConfirmation })
+
+        // Get captcha response if enabled
+        const captchaResponse = getCaptchaResponse();
+
+        let resetData: any = { token: params.token ?? '', password, password_confirmation };
+        if (CaptchaManager.isEnabled()) {
+            const fieldName = CaptchaManager.getProviderInstance().getResponseFieldName();
+
+            // console.log('Captcha enabled, response:', captchaResponse, 'fieldName:', fieldName);
+
+            if (fieldName) {
+                if (captchaResponse) {
+                    resetData = {
+                        ...resetData,
+                        [fieldName]: captchaResponse,
+                    };
+
+                    console.log('Adding captcha to reset data:');
+                    console.debug(resetData);
+                } else {
+                    console.error('Captcha enabled but no response available');
+                    console.log(captchaResponse);
+                    clearAndAddHttpError({ error: new Error(t('auth.captcha.please_complete')) });
+                    setSubmitting(false);
+                    return;
+                }
+            }
+        }
+
+        performPasswordReset(email, resetData)
             .then(() => {
                 // @ts-expect-error this is valid
                 window.location = '/';
@@ -47,7 +81,9 @@ function ResetPasswordContainer() {
                 console.error(error);
 
                 setSubmitting(false);
-                addFlash({ type: 'error', title: t('common.error'), message: httpErrorToHuman(error) });
+                clearAndAddHttpError({
+                    error: new Error(error),
+                });
             });
     };
 
@@ -57,7 +93,7 @@ function ResetPasswordContainer() {
                 onSubmit={submit}
                 initialValues={{
                     password: '',
-                    passwordConfirmation: '',
+                    password_confirmation: '',
                 }}
                 validationSchema={object().shape({
                     password: string()
@@ -78,8 +114,7 @@ function ResetPasswordContainer() {
                         <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
 
                         <div className='text-center'>
-                            {/* <label>Email</label> */}
-                            <Input className='text-center' value={email} isLight disabled />
+                            <Input className='text-center' value={email} disabled />
                         </div>
                         <div className={`mt-6`}>
                             <Field
@@ -96,9 +131,19 @@ function ResetPasswordContainer() {
                                 type={'password'}
                             />
                         </div>
+                        <Captcha
+                            className='mt-6'
+                            onError={(error) => {
+                                console.error('Captcha error:', error);
+                                clearAndAddHttpError({
+                                    error: new Error('Captcha verification failed. Please try again.'),
+                                });
+                            }}
+                        />
+
                         <div className={`mt-6`}>
                             <Button
-                                className='w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-none capitalize font-bold text-sm py-2'
+                                className='w-full mt-4 rounded-full bg-brand border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2'
                                 size={'xlarge'}
                                 type={'submit'}
                                 disabled={isSubmitting}
@@ -110,7 +155,7 @@ function ResetPasswordContainer() {
                         <div aria-hidden className='my-8 bg-[#ffffff33] min-h-[1px]'></div>
 
                         <div
-                            className={`text-center w-full rounded-lg bg-[#ffffff33] border-0 ring-0 outline-none capitalize font-bold text-sm py-2 `}
+                            className={`text-center w-full rounded-lg bg-[#ffffff33] border-0 ring-0 outline-hidden capitalize font-bold text-sm py-2 `}
                         >
                             <Link
                                 to={'/auth/login'}
diff --git a/resources/scripts/components/dashboard/AccountApiContainer.tsx b/resources/scripts/components/dashboard/AccountApiContainer.tsx
index 75acf4334..180ad1230 100644
--- a/resources/scripts/components/dashboard/AccountApiContainer.tsx
+++ b/resources/scripts/components/dashboard/AccountApiContainer.tsx
@@ -1,28 +1,52 @@
-import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { format } from 'date-fns';
+import { Actions, useStoreActions } from 'easy-peasy';
+import { Field, Form, Formik, FormikHelpers } from 'formik';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
-import CreateApiKeyForm from '@/components/dashboard/forms/CreateApiKeyForm';
-import Button from '@/components/elements/Button';
-import ContentBox from '@/components/elements/ContentBox';
+import ApiKeyModal from '@/components/dashboard/ApiKeyModal';
+import ActionButton from '@/components/elements/ActionButton';
+import Code from '@/components/elements/Code';
+import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
+import Input from '@/components/elements/Input';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import PageContentBlock from '@/components/elements/PageContentBlock';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import { Dialog } from '@/components/elements/dialog';
+import HugeIconsEye from '@/components/elements/hugeicons/Eye';
+import HugeIconsEyeSlash from '@/components/elements/hugeicons/EyeSlash';
+import HugeIconsKey from '@/components/elements/hugeicons/Key';
+import HugeIconsPlus from '@/components/elements/hugeicons/Plus';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
 
+import createApiKey from '@/api/account/createApiKey';
 import deleteApiKey from '@/api/account/deleteApiKey';
 import getApiKeys, { ApiKey } from '@/api/account/getApiKeys';
+import { httpErrorToHuman } from '@/api/http';
+
+import { ApplicationStore } from '@/state';
 
 import { useFlashKey } from '@/plugins/useFlash';
 
-export default () => {
+interface CreateValues {
+    description: string;
+    allowedIps: string;
+}
+
+const AccountApiContainer = () => {
     const { t } = useTranslation();
+
     const [deleteIdentifier, setDeleteIdentifier] = useState('');
     const [keys, setKeys] = useState<ApiKey[]>([]);
     const [loading, setLoading] = useState(true);
-    const { clearAndAddHttpError } = useFlashKey('account');
+    const [showCreateModal, setShowCreateModal] = useState(false);
+    const [apiKey, setApiKey] = useState('');
+    const [showKeys, setShowKeys] = useState<Record<string, boolean>>({});
+
+    const { clearAndAddHttpError } = useFlashKey('api-keys');
+    const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
 
     useEffect(() => {
         getApiKeys()
@@ -33,7 +57,6 @@ export default () => {
 
     const doDeletion = (identifier: string) => {
         setLoading(true);
-
         clearAndAddHttpError();
         deleteApiKey(identifier)
             .then(() => setKeys((s) => [...(s || []).filter((key) => key.identifier !== identifier)]))
@@ -44,58 +67,213 @@ export default () => {
             });
     };
 
-    return (
-        <PageContentBlock title={t('api.account_api')}>
-            {/* Flash messages will now appear at the top of the page */}
-            <FlashMessageRender byKey='account' />
-            <div className='md:flex flex-nowrap my-10 space-x-8'>
-                <ContentBox title={t('api.create_api_key')} className='flex-none w-full md:w-1/1'>
-                    <CreateApiKeyForm onKeyCreated={(key) => setKeys((s) => [...s!, key])} />
-                </ContentBox>
-            </div>
-            <ContentBox title={t('api.api_keys')}>
-                <SpinnerOverlay visible={loading} />
-                <Dialog.Confirm
-                    title={t('api.delete_api_key_title')}
-                    confirm={t('api.delete_key')}
-                    open={!!deleteIdentifier}
-                    onClose={() => setDeleteIdentifier('')}
-                    onConfirmed={() => doDeletion(deleteIdentifier)}
-                >
-                    {t('api.delete_api_key_desc', { key: deleteIdentifier })}
-                </Dialog.Confirm>
+    const submitCreate = (values: CreateValues, { setSubmitting, resetForm }: FormikHelpers<CreateValues>) => {
+        clearFlashes('account');
+        createApiKey(values.description, values.allowedIps)
+            .then(({ secretToken, ...key }) => {
+                resetForm();
+                setSubmitting(false);
+                setApiKey(`${key.identifier}${secretToken}`);
+                setKeys((s) => [...s!, key]);
+                setShowCreateModal(false);
+            })
+            .catch((error) => {
+                console.error(error);
+                addError({ key: 'account', message: httpErrorToHuman(error) });
+                setSubmitting(false);
+            });
+    };
 
-                {keys.length === 0 ? (
-                    <p className='text-center text-sm text-gray-500'>
-                        {loading ? t('common.loading') : t('api.no_api_keys')}
-                    </p>
-                ) : (
-                    keys.map((key) => (
-                        <div key={key.identifier} className='flex flex-col mb-6 space-y-4'>
-                            <div className='flex items-center justify-between space-x-4 border border-gray-300 rounded-lg p-4 transition duration-200'>
-                                <div className='flex-1'>
-                                    <p className='text-sm font-medium'>{key.description}</p>
-                                    <p className='text-xs text-gray-500 uppercase'>
-                                        {t('api.last_used')}{' '}
-                                        {key.lastUsedAt ? format(key.lastUsedAt, 'MMM d, yyyy HH:mm') : t('api.never')}
-                                    </p>
-                                </div>
-                                <p className='text-sm text-gray-600 hidden md:block'>
-                                    <code className='font-mono py-1 px-2 bg-gray-800 rounded text-white'>
-                                        {key.identifier}
-                                    </code>
-                                </p>
-                                <Button
-                                    className='p-2 text-red-500 hover:text-red-700'
-                                    onClick={() => setDeleteIdentifier(key.identifier)}
+    const toggleKeyVisibility = (identifier: string) => {
+        setShowKeys((prev) => ({
+            ...prev,
+            [identifier]: !prev[identifier],
+        }));
+    };
+
+    return (
+        <PageContentBlock title={t('api.api_keys')}>
+            <FlashMessageRender byKey='account' />
+            <ApiKeyModal visible={apiKey.length > 0} onModalDismissed={() => setApiKey('')} apiKey={apiKey} />
+
+            {/* Create API Key Modal */}
+            {showCreateModal && (
+                <Dialog.Confirm
+                    open={showCreateModal}
+                    onClose={() => setShowCreateModal(false)}
+                    title={t('api.create_api_key')}
+                    confirm={t('api.create_key')}
+                    onConfirmed={() => {
+                        const form = document.getElementById('create-api-form') as HTMLFormElement;
+                        if (form) {
+                            const submitButton = form.querySelector('button[type="submit"]') as HTMLButtonElement;
+                            if (submitButton) submitButton.click();
+                        }
+                    }}
+                >
+                    <Formik
+                        onSubmit={submitCreate}
+                        initialValues={{ description: '', allowedIps: '' }}
+                        validationSchema={object().shape({
+                            allowedIps: string(),
+                            description: string().required().min(4),
+                        })}
+                    >
+                        {({ isSubmitting }) => (
+                            <Form id='create-api-form' className='space-y-4'>
+                                <SpinnerOverlay visible={isSubmitting} />
+
+                                <FormikFieldWrapper
+                                    label={t('api.key_description')}
+                                    name='description'
+                                    description={t('api.key_description_description')}
                                 >
-                                    <FontAwesomeIcon icon={faTrashAlt} size='lg' />
-                                </Button>
+                                    <Field name='description' as={Input} className='w-full' />
+                                </FormikFieldWrapper>
+
+                                <FormikFieldWrapper
+                                    label={t('api.allowed_ips')}
+                                    name='allowedIps'
+                                    description={t('api.allowed_ips_description')}
+                                >
+                                    <Field name='allowedIps' as={Input} className='w-full' />
+                                </FormikFieldWrapper>
+
+                                <button type='submit' className='hidden' />
+                            </Form>
+                        )}
+                    </Formik>
+                </Dialog.Confirm>
+            )}
+
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
+                <div
+                    className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                    style={{
+                        animationDelay: '50ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <MainPageHeader
+                        title={t('api.api_keys')}
+                        titleChildren={
+                            <ActionButton
+                                variant='primary'
+                                onClick={() => setShowCreateModal(true)}
+                                className='flex items-center gap-2'
+                            >
+                                <HugeIconsPlus className='w-4 h-4' fill='currentColor' />
+                                {t('api.·')}
+                            </ActionButton>
+                        }
+                    />
+                </div>
+
+                <div
+                    className='transform-gpu skeleton-anim-2'
+                    style={{
+                        animationDelay: '75ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 sm:p-6 shadow-sm'>
+                        <SpinnerOverlay visible={loading} />
+                        <Dialog.Confirm
+                            title={'Delete API Key'}
+                            confirm={'Delete Key'}
+                            open={!!deleteIdentifier}
+                            onClose={() => setDeleteIdentifier('')}
+                            onConfirmed={() => doDeletion(deleteIdentifier)}
+                        >
+                            {t('api.all_using')} <Code>{deleteIdentifier}</Code> {t('api.key_invalidated')}
+                        </Dialog.Confirm>
+
+                        {keys.length === 0 ? (
+                            <div className='text-center py-12'>
+                                <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                    <HugeIconsKey className='w-8 h-8 text-zinc-400' fill='currentColor' />
+                                </div>
+                                <h3 className='text-lg font-medium text-zinc-200 mb-2'>{t('api.no_api_keys')}</h3>
+                                <p className='text-sm text-zinc-400 max-w-sm mx-auto'>
+                                    {loading ? t('api.load_keys') : t('api.no_keys_created')}
+                                </p>
                             </div>
-                        </div>
-                    ))
-                )}
-            </ContentBox>
+                        ) : (
+                            <div className='space-y-3'>
+                                {keys.map((key, index) => (
+                                    <div
+                                        key={key.identifier}
+                                        className='transform-gpu skeleton-anim-2'
+                                        style={{
+                                            animationDelay: `${index * 25 + 100}ms`,
+                                            animationTimingFunction:
+                                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                                        }}
+                                    >
+                                        <div className='bg-[#ffffff05] border-[1px] border-[#ffffff08] rounded-lg p-4 hover:border-[#ffffff15] transition-all duration-150'>
+                                            <div className='flex items-center justify-between'>
+                                                <div className='flex-1 min-w-0'>
+                                                    <div className='flex items-center gap-3 mb-2'>
+                                                        <h4 className='text-sm font-medium text-zinc-100 truncate'>
+                                                            {key.description}
+                                                        </h4>
+                                                    </div>
+                                                    <div className='flex items-center gap-4 text-xs text-zinc-400'>
+                                                        <span>
+                                                            {t('api.last_used')}:{' '}
+                                                            {key.lastUsedAt
+                                                                ? format(key.lastUsedAt, 'MMM d, yyyy HH:mm')
+                                                                : t('api.never')}
+                                                        </span>
+                                                        <div className='flex items-center gap-2'>
+                                                            <span>{t('api.key')}:</span>
+                                                            <code className='font-mono px-2 py-1 bg-[#ffffff08] border border-[#ffffff08] rounded text-zinc-300'>
+                                                                {showKeys[key.identifier]
+                                                                    ? key.identifier
+                                                                    : '••••••••••••••••'}
+                                                            </code>
+                                                            <ActionButton
+                                                                variant='secondary'
+                                                                size='sm'
+                                                                onClick={() => toggleKeyVisibility(key.identifier)}
+                                                                className='p-1 text-zinc-400 hover:text-zinc-300'
+                                                            >
+                                                                {showKeys[key.identifier] ? (
+                                                                    <HugeIconsEyeSlash
+                                                                        className='w-3 h-3'
+                                                                        fill='currentColor'
+                                                                    />
+                                                                ) : (
+                                                                    <HugeIconsEye
+                                                                        className='w-3 h-3'
+                                                                        fill='currentColor'
+                                                                    />
+                                                                )}
+                                                            </ActionButton>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <ActionButton
+                                                    variant='danger'
+                                                    size='sm'
+                                                    className='ml-4'
+                                                    onClick={() => setDeleteIdentifier(key.identifier)}
+                                                >
+                                                    <HugeIconsTrash className='w-4 h-4' fill='currentColor' />
+                                                </ActionButton>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        )}
+                    </div>
+                </div>
+            </div>
         </PageContentBlock>
     );
 };
+
+export default AccountApiContainer;
diff --git a/resources/scripts/components/dashboard/AccountOverviewContainer.tsx b/resources/scripts/components/dashboard/AccountOverviewContainer.tsx
index d991c4636..e662a5ec0 100644
--- a/resources/scripts/components/dashboard/AccountOverviewContainer.tsx
+++ b/resources/scripts/components/dashboard/AccountOverviewContainer.tsx
@@ -11,48 +11,85 @@ import PageContentBlock from '@/components/elements/PageContentBlock';
 
 import Code from '../elements/Code';
 
-export default () => {
+const AccountOverviewContainer = () => {
     const { t } = useTranslation();
     const { state } = useLocation();
 
     return (
         <PageContentBlock title={t('settings.your_settings')}>
-            <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem] mb-8'>
-                {t('settings.your_settings')}
-            </h1>
-            {state?.twoFactorRedirect && (
-                <MessageBox title={t('settings.two_factor_required')} type={'error'}>
-                    {t('settings.two_factor_error')}
-                </MessageBox>
-            )}
-
-            <div className='flex flex-col w-full h-full gap-4'>
-                <h2 className='mt-8 font-extrabold text-2xl'>{t('settings.account_info')}</h2>
-                <ContentBox title={t('settings.email_address')} showFlashes={'account:email'}>
-                    <UpdateEmailAddressForm />
-                </ContentBox>
-                <h2 className='mt-8 font-extrabold text-2xl'>{t('settings.password_auth')}</h2>
-                <ContentBox title={t('settings.account_password')} showFlashes={'account:password'}>
-                    <UpdatePasswordForm />
-                </ContentBox>
-                <ContentBox title={t('settings.language')}>
-                    <UpdateLanguageForm />
-                </ContentBox>
-                <ContentBox title={t('settings.multi_factor_auth')}>
-                    <ConfigureTwoFactorForm />
-                </ContentBox>
-                <h2 className='mt-8 font-extrabold text-2xl'>{t('settings.app')}</h2>
-                <ContentBox title={t('settings.panel_version')}>
-                    <p className='text-sm mb-4'>{t('settings.panel_version_desc')}</p>
-                    <div className='flex flex-col gap-4'>
-                        <Code>{import.meta.env.VITE_PYRODACTYL_VERSION}</Code>
-                        <Code>
-                            {t('build')} {import.meta.env.VITE_PYRODACTYL_BUILD_NUMBER}, {t('commit')}{' '}
-                            {import.meta.env.VITE_COMMIT_HASH.slice(0, 7)}
-                        </Code>
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
+                {state?.twoFactorRedirect && (
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '25ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <MessageBox title={t('two_factor_required')} type={'error'}>
+                            {t('settings.two_factor_error')}
+                        </MessageBox>
                     </div>
-                </ContentBox>
+                )}
+
+                <div className='flex flex-col w-full h-full gap-4'>
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '50ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <ContentBox title={t('settings.account_email')} showFlashes={'account:email'}>
+                            <UpdateEmailAddressForm />
+                        </ContentBox>
+                    </div>
+
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '75ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='space-y-4'>
+                            <ContentBox title={t('settings.account_password')} showFlashes={'account:password'}>
+                                <UpdatePasswordForm />
+                            </ContentBox>
+                            <ContentBox title={t('settings.multi_factor_auth')}>
+                                <ConfigureTwoFactorForm />
+                            </ContentBox>
+                        </div>
+                    </div>
+
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '100ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <ContentBox title={t('settings.panel_version')}>
+                            <p className='text-sm mb-4 text-zinc-300'>
+                                {t('settings.panel_version_desc')}
+                            </p>
+                            <div className='flex flex-col gap-4'>
+                                <Code>
+                                    {t('settings.version')}: {import.meta.env.VITE_PYRODACTYL_VERSION} -{' '}
+                                    {import.meta.env.VITE_BRANCH_NAME}
+                                </Code>
+                                <Code>{t('settings.commit')} : {import.meta.env.VITE_COMMIT_HASH.slice(0, 7)}</Code>
+                            </div>
+                        </ContentBox>
+                    </div>
+                </div>
             </div>
         </PageContentBlock>
     );
 };
+
+export default AccountOverviewContainer;
diff --git a/resources/scripts/components/dashboard/ApiKeyModal.tsx b/resources/scripts/components/dashboard/ApiKeyModal.tsx
index b589d3326..d4cb82c5e 100644
--- a/resources/scripts/components/dashboard/ApiKeyModal.tsx
+++ b/resources/scripts/components/dashboard/ApiKeyModal.tsx
@@ -17,7 +17,7 @@ const ApiKeyModal = ({ apiKey }: Props) => {
     const { t } = useTranslation();
 
     return (
-        <div className='p-6 space-y-6 max-w-lg mx-auto  rounded-lg shadow-lg '>
+        <div className='p-6 space-y-6 max-w-lg mx-auto rounded-lg shadow-lg'>
             {/* Flash message section */}
             <FlashMessageRender byKey='account' />
 
@@ -41,7 +41,7 @@ const ApiKeyModal = ({ apiKey }: Props) => {
                 <Button
                     type='button'
                     onClick={() => dismiss()}
-                    className='bg-red-600 text-white hover:bg-red-700 px-6 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-500'
+                    className='bg-red-600 text-white hover:bg-red-700 px-6 py-2 rounded-md focus:outline-hidden focus:ring-2 focus:ring-gray-500 cursor-pointer'
                 >
                     {t('api_key_modal.close')}
                 </Button>
diff --git a/resources/scripts/components/dashboard/DashboardContainer.tsx b/resources/scripts/components/dashboard/DashboardContainer.tsx
index 49a15edc5..294c8f063 100644
--- a/resources/scripts/components/dashboard/DashboardContainer.tsx
+++ b/resources/scripts/components/dashboard/DashboardContainer.tsx
@@ -1,5 +1,6 @@
 import { useStoreState } from 'easy-peasy';
 import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
 import useSWR from 'swr';
 
@@ -13,6 +14,7 @@ import {
 import PageContentBlock from '@/components/elements/PageContentBlock';
 import Pagination from '@/components/elements/Pagination';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/elements/Tabs';
+import { PageListContainer } from '@/components/elements/pages/PageList';
 
 import getServers from '@/api/getServers';
 import { PaginatedResult } from '@/api/http';
@@ -23,7 +25,9 @@ import { usePersistedState } from '@/plugins/usePersistedState';
 
 import { MainPageHeader } from '../elements/MainPageHeader';
 
-export default () => {
+const DashboardContainer = () => {
+    const { t } = useTranslation();
+
     const { search } = useLocation();
     const defaultPage = Number(new URLSearchParams(search).get('page') || '1');
 
@@ -64,160 +68,226 @@ export default () => {
 
     return (
         <PageContentBlock title={'Dashboard'} showFlashKey={'dashboard'}>
-            <Tabs
-                defaultValue={dashboardDisplayOption}
-                onValueChange={(value) => {
-                    setDashboardDisplayOption(value);
-                }}
-                className='w-full'
-            >
-                <MainPageHeader title={showOnlyAdmin ? 'Other Servers' : 'Your Servers'}>
-                    <div className='flex gap-4'>
-                        <DropdownMenu>
-                            <DropdownMenuTrigger asChild>
-                                <button className='flex items-center gap-2 font-bold text-sm px-3 py-1 rounded-md bg-[#ffffff11] hover:bg-[#ffffff22] transition hover:duration-0'>
-                                    <svg
-                                        xmlns='http://www.w3.org/2000/svg'
-                                        width='20'
-                                        height='21'
-                                        viewBox='0 0 20 21'
-                                        fill='none'
-                                    >
-                                        <path
-                                            d='M17 3.25C17 3.05109 16.921 2.86032 16.7803 2.71967C16.6397 2.57902 16.4489 2.5 16.25 2.5C16.0511 2.5 15.8603 2.57902 15.7197 2.71967C15.579 2.86032 15.5 3.05109 15.5 3.25V8.75C15.5 8.94891 15.579 9.13968 15.7197 9.28033C15.8603 9.42098 16.0511 9.5 16.25 9.5C16.4489 9.5 16.6397 9.42098 16.7803 9.28033C16.921 9.13968 17 8.94891 17 8.75V3.25ZM17 16.25C17 16.0511 16.921 15.8603 16.7803 15.7197C16.6397 15.579 16.4489 15.5 16.25 15.5C16.0511 15.5 15.8603 15.579 15.7197 15.7197C15.579 15.8603 15.5 16.0511 15.5 16.25V17.75C15.5 17.9489 15.579 18.1397 15.7197 18.2803C15.8603 18.421 16.0511 18.5 16.25 18.5C16.4489 18.5 16.6397 18.421 16.7803 18.2803C16.921 18.1397 17 17.9489 17 17.75V16.25ZM3.75 15.5C3.94891 15.5 4.13968 15.579 4.28033 15.7197C4.42098 15.8603 4.5 16.0511 4.5 16.25V17.75C4.5 17.9489 4.42098 18.1397 4.28033 18.2803C4.13968 18.421 3.94891 18.5 3.75 18.5C3.55109 18.5 3.36032 18.421 3.21967 18.2803C3.07902 18.1397 3 17.9489 3 17.75V16.25C3 16.0511 3.07902 15.8603 3.21967 15.7197C3.36032 15.579 3.55109 15.5 3.75 15.5ZM4.5 3.25C4.5 3.05109 4.42098 2.86032 4.28033 2.71967C4.13968 2.57902 3.94891 2.5 3.75 2.5C3.55109 2.5 3.36032 2.57902 3.21967 2.71967C3.07902 2.86032 3 3.05109 3 3.25V8.75C3 8.94891 3.07902 9.13968 3.21967 9.28033C3.36032 9.42098 3.55109 9.5 3.75 9.5C3.94891 9.5 4.13968 9.42098 4.28033 9.28033C4.42098 9.13968 4.5 8.94891 4.5 8.75V3.25ZM10 11.5C10.1989 11.5 10.3897 11.579 10.5303 11.7197C10.671 11.8603 10.75 12.0511 10.75 12.25V17.75C10.75 17.9489 10.671 18.1397 10.5303 18.2803C10.3897 18.421 10.1989 18.5 10 18.5C9.80109 18.5 9.61032 18.421 9.46967 18.2803C9.32902 18.1397 9.25 17.9489 9.25 17.75V12.25C9.25 12.0511 9.32902 11.8603 9.46967 11.7197C9.61032 11.579 9.80109 11.5 10 11.5ZM10.75 3.25C10.75 3.05109 10.671 2.86032 10.5303 2.71967C10.3897 2.57902 10.1989 2.5 10 2.5C9.80109 2.5 9.61032 2.57902 9.46967 2.71967C9.32902 2.86032 9.25 3.05109 9.25 3.25V4.75C9.25 4.94891 9.32902 5.13968 9.46967 5.28033C9.61032 5.42098 9.80109 5.5 10 5.5C10.1989 5.5 10.3897 5.42098 10.5303 5.28033C10.671 5.13968 10.75 4.94891 10.75 4.75V3.25ZM10 6.5C9.46957 6.5 8.96086 6.71071 8.58579 7.08579C8.21071 7.46086 8 7.96957 8 8.5C8 9.03043 8.21071 9.53914 8.58579 9.91421C8.96086 10.2893 9.46957 10.5 10 10.5C10.5304 10.5 11.0391 10.2893 11.4142 9.91421C11.7893 9.53914 12 9.03043 12 8.5C12 7.96957 11.7893 7.46086 11.4142 7.08579C11.0391 6.71071 10.5304 6.5 10 6.5ZM3.75 10.5C3.21957 10.5 2.71086 10.7107 2.33579 11.0858C1.96071 11.4609 1.75 11.9696 1.75 12.5C1.75 13.0304 1.96071 13.5391 2.33579 13.9142C2.71086 14.2893 3.21957 14.5 3.75 14.5C4.28043 14.5 4.78914 14.2893 5.16421 13.9142C5.53929 13.5391 5.75 13.0304 5.75 12.5C5.75 11.9696 5.53929 11.4609 5.16421 11.0858C4.78914 10.7107 4.28043 10.5 3.75 10.5ZM16.25 10.5C15.7196 10.5 15.2109 10.7107 14.8358 11.0858C14.4607 11.4609 14.25 11.9696 14.25 12.5C14.25 13.0304 14.4607 13.5391 14.8358 13.9142C15.2109 14.2893 15.7196 14.5 16.25 14.5C16.7804 14.5 17.2891 14.2893 17.6642 13.9142C18.0393 13.5391 18.25 13.0304 18.25 12.5C18.25 11.9696 18.0393 11.4609 17.6642 11.0858C17.2891 10.7107 16.7804 10.5 16.25 10.5Z'
-                                            fill='white'
-                                        />
-                                    </svg>
-                                    <div>Filter</div>
-                                    <svg
-                                        xmlns='http://www.w3.org/2000/svg'
-                                        width='13'
-                                        height='13'
-                                        viewBox='0 0 13 13'
-                                        fill='none'
-                                    >
-                                        <path
-                                            fillRule='evenodd'
-                                            clipRule='evenodd'
-                                            d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
-                                            fill='white'
-                                            fillOpacity='0.37'
-                                        />
-                                    </svg>
-                                </button>
-                            </DropdownMenuTrigger>
-                            <DropdownMenuContent className='flex flex-col gap-1 z-[99999]' sideOffset={8}>
-                                <div className='text-xs opacity-50 text-center'>More filters coming soon!</div>
-                                {rootAdmin && (
-                                    <DropdownMenuItem
-                                        onSelect={() => {
-                                            setShowOnlyAdmin((s) => !s);
-                                        }}
-                                    >
-                                        {showOnlyAdmin ? 'Show personal servers' : 'Show other servers'}
-                                    </DropdownMenuItem>
-                                )}
-                            </DropdownMenuContent>
-                        </DropdownMenu>
-                        <TabsList>
-                            <TabsTrigger aria-label='View servers in a list layout.' value='list'>
-                                <svg
-                                    width='16'
-                                    height='17'
-                                    viewBox='0 0 16 17'
-                                    fill='none'
-                                    xmlns='http://www.w3.org/2000/svg'
-                                >
-                                    <path
-                                        d='M1 2.3C1 2.02 1 1.88 1.054 1.773C1.10215 1.67903 1.17881 1.60272 1.273 1.555C1.38 1.5 1.52 1.5 1.8 1.5H14.2C14.48 1.5 14.62 1.5 14.727 1.554C14.821 1.60215 14.8973 1.67881 14.945 1.773C15 1.88 15 2.02 15 2.3V2.7C15 2.98 15 3.12 14.945 3.227C14.8973 3.32119 14.821 3.39785 14.727 3.446C14.62 3.5 14.48 3.5 14.2 3.5H1.8C1.52 3.5 1.38 3.5 1.273 3.446C1.17903 3.39785 1.10272 3.32119 1.055 3.227C1 3.12 1 2.98 1 2.7V2.3ZM1 14.3C1 14.02 1 13.88 1.054 13.773C1.10215 13.679 1.17881 13.6027 1.273 13.555C1.38 13.5 1.52 13.5 1.8 13.5H14.2C14.48 13.5 14.62 13.5 14.727 13.555C14.8208 13.6029 14.8971 13.6792 14.945 13.773C15 13.88 15 14.02 15 14.3V14.7C15 14.98 15 15.12 14.945 15.227C14.8971 15.3208 14.8208 15.3971 14.727 15.445C14.62 15.5 14.48 15.5 14.2 15.5H1.8C1.52 15.5 1.38 15.5 1.273 15.445C1.17919 15.3971 1.10289 15.3208 1.055 15.227C1 15.12 1 14.98 1 14.7V14.3ZM1 10.3C1 10.02 1 9.88 1.054 9.773C1.10215 9.67903 1.17881 9.60272 1.273 9.555C1.38 9.5 1.52 9.5 1.8 9.5H14.2C14.48 9.5 14.62 9.5 14.727 9.555C14.8208 9.60289 14.8971 9.67918 14.945 9.773C15 9.88 15 10.02 15 10.3V10.7C15 10.98 15 11.12 14.945 11.227C14.8971 11.3208 14.8208 11.3971 14.727 11.445C14.62 11.5 14.48 11.5 14.2 11.5H1.8C1.52 11.5 1.38 11.5 1.273 11.445C1.17919 11.3971 1.10289 11.3208 1.055 11.227C1 11.12 1 10.98 1 10.7V10.3ZM1 6.3C1 6.02 1 5.88 1.054 5.773C1.10215 5.67903 1.17881 5.60272 1.273 5.555C1.38 5.5 1.52 5.5 1.8 5.5H14.2C14.48 5.5 14.62 5.5 14.727 5.554C14.821 5.60215 14.8973 5.67881 14.945 5.773C15 5.88 15 6.02 15 6.3V6.7C15 6.98 15 7.12 14.945 7.227C14.8971 7.32082 14.8208 7.39711 14.727 7.445C14.62 7.5 14.48 7.5 14.2 7.5H1.8C1.52 7.5 1.38 7.5 1.273 7.446C1.17903 7.39785 1.10272 7.32119 1.055 7.227C1 7.12 1 6.98 1 6.7V6.3Z'
-                                        fill='currentColor'
-                                    />
-                                </svg>
-                            </TabsTrigger>
-                            <TabsTrigger aria-label='View servers in a grid layout.' value='grid'>
-                                <svg
-                                    width='16'
-                                    height='17'
-                                    viewBox='0 0 16 17'
-                                    fill='none'
-                                    xmlns='http://www.w3.org/2000/svg'
-                                >
-                                    <path
-                                        d='M1 3.1C1 2.54 1 2.26 1.109 2.046C1.20487 1.85785 1.35785 1.70487 1.546 1.609C1.76 1.5 2.04 1.5 2.6 1.5H5.4C5.96 1.5 6.24 1.5 6.454 1.609C6.64215 1.70487 6.79513 1.85785 6.891 2.046C7 2.26 7 2.54 7 3.1V3.9C7 4.46 7 4.74 6.891 4.954C6.79513 5.14215 6.64215 5.29513 6.454 5.391C6.24 5.5 5.96 5.5 5.4 5.5H2.6C2.04 5.5 1.76 5.5 1.546 5.391C1.35785 5.29513 1.20487 5.14215 1.109 4.954C1 4.74 1 4.46 1 3.9V3.1ZM9 3.1C9 2.54 9 2.26 9.109 2.046C9.20487 1.85785 9.35785 1.70487 9.546 1.609C9.76 1.5 10.04 1.5 10.6 1.5H13.4C13.96 1.5 14.24 1.5 14.454 1.609C14.6422 1.70487 14.7951 1.85785 14.891 2.046C15 2.26 15 2.54 15 3.1V3.9C15 4.46 15 4.74 14.891 4.954C14.7951 5.14215 14.6422 5.29513 14.454 5.391C14.24 5.5 13.96 5.5 13.4 5.5H10.6C10.04 5.5 9.76 5.5 9.546 5.391C9.35785 5.29513 9.20487 5.14215 9.109 4.954C9 4.74 9 4.46 9 3.9V3.1ZM1 8.1C1 7.54 1 7.26 1.109 7.046C1.20487 6.85785 1.35785 6.70487 1.546 6.609C1.76 6.5 2.04 6.5 2.6 6.5H5.4C5.96 6.5 6.24 6.5 6.454 6.609C6.64215 6.70487 6.79513 6.85785 6.891 7.046C7 7.26 7 7.54 7 8.1V8.9C7 9.46 7 9.74 6.891 9.954C6.79513 10.1422 6.64215 10.2951 6.454 10.391C6.24 10.5 5.96 10.5 5.4 10.5H2.6C2.04 10.5 1.76 10.5 1.546 10.391C1.35785 10.2951 1.20487 10.1422 1.109 9.954C1 9.74 1 9.46 1 8.9V8.1ZM9 8.1C9 7.54 9 7.26 9.109 7.046C9.20487 6.85785 9.35785 6.70487 9.546 6.609C9.76 6.5 10.04 6.5 10.6 6.5H13.4C13.96 6.5 14.24 6.5 14.454 6.609C14.6422 6.70487 14.7951 6.85785 14.891 7.046C15 7.26 15 7.54 15 8.1V8.9C15 9.46 15 9.74 14.891 9.954C14.7951 10.1422 14.6422 10.2951 14.454 10.391C14.24 10.5 13.96 10.5 13.4 10.5H10.6C10.04 10.5 9.76 10.5 9.546 10.391C9.35785 10.2951 9.20487 10.1422 9.109 9.954C9 9.74 9 9.46 9 8.9V8.1ZM1 13.1C1 12.54 1 12.26 1.109 12.046C1.20487 11.8578 1.35785 11.7049 1.546 11.609C1.76 11.5 2.04 11.5 2.6 11.5H5.4C5.96 11.5 6.24 11.5 6.454 11.609C6.64215 11.7049 6.79513 11.8578 6.891 12.046C7 12.26 7 12.54 7 13.1V13.9C7 14.46 7 14.74 6.891 14.954C6.79513 15.1422 6.64215 15.2951 6.454 15.391C6.24 15.5 5.96 15.5 5.4 15.5H2.6C2.04 15.5 1.76 15.5 1.546 15.391C1.35785 15.2951 1.20487 15.1422 1.109 14.954C1 14.74 1 14.46 1 13.9V13.1ZM9 13.1C9 12.54 9 12.26 9.109 12.046C9.20487 11.8578 9.35785 11.7049 9.546 11.609C9.76 11.5 10.04 11.5 10.6 11.5H13.4C13.96 11.5 14.24 11.5 14.454 11.609C14.6422 11.7049 14.7951 11.8578 14.891 12.046C15 12.26 15 12.54 15 13.1V13.9C15 14.46 15 14.74 14.891 14.954C14.7951 15.1422 14.6422 15.2951 14.454 15.391C14.24 15.5 13.96 15.5 13.4 15.5H10.6C10.04 15.5 9.76 15.5 9.546 15.391C9.35785 15.2951 9.20487 15.1422 9.109 14.954C9 14.74 9 14.46 9 13.9V13.1Z'
-                                        fill='currentColor'
-                                    />
-                                </svg>
-                            </TabsTrigger>
-                        </TabsList>
-                    </div>
-                </MainPageHeader>
-                {!servers ? (
-                    <></>
-                ) : (
-                    <>
-                        <TabsContent value='list'>
-                            <Pagination data={servers} onPageSelect={setPage}>
-                                {({ items }) =>
-                                    items.length > 0 ? (
-                                        items.map((server, index) => (
-                                            <div
-                                                key={server.uuid}
-                                                className='transform-gpu skeleton-anim-2 mb-4'
-                                                style={{
-                                                    animationDelay: `${index * 50 + 50}ms`,
-                                                    animationTimingFunction:
-                                                        'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
+                <Tabs
+                    defaultValue={dashboardDisplayOption}
+                    onValueChange={(value) => {
+                        setDashboardDisplayOption(value);
+                    }}
+                    className='w-full'
+                >
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '50ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <MainPageHeader
+                            title={showOnlyAdmin ? t('server_titles.other_servers') : t('server_titles.your_servers')}
+                        >
+                            <div className='flex gap-4'>
+                                <DropdownMenu>
+                                    <DropdownMenuTrigger asChild>
+                                        <button className='inline-flex h-9 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md bg-[#ffffff11] px-3 py-1.5 text-sm font-medium text-[#ffffff88] transition-all hover:bg-[#ffffff23] hover:text-[#ffffff] focus-visible:outline-hidden'>
+                                            <svg
+                                                xmlns='http://www.w3.org/2000/svg'
+                                                width='20'
+                                                height='21'
+                                                viewBox='0 0 20 21'
+                                                fill='none'
+                                            >
+                                                <path
+                                                    d='M17 3.25C17 3.05109 16.921 2.86032 16.7803 2.71967C16.6397 2.57902 16.4489 2.5 16.25 2.5C16.0511 2.5 15.8603 2.57902 15.7197 2.71967C15.579 2.86032 15.5 3.05109 15.5 3.25V8.75C15.5 8.94891 15.579 9.13968 15.7197 9.28033C15.8603 9.42098 16.0511 9.5 16.25 9.5C16.4489 9.5 16.6397 9.42098 16.7803 9.28033C16.921 9.13968 17 8.94891 17 8.75V3.25ZM17 16.25C17 16.0511 16.921 15.8603 16.7803 15.7197C16.6397 15.579 16.4489 15.5 16.25 15.5C16.0511 15.5 15.8603 15.579 15.7197 15.7197C15.579 15.8603 15.5 16.0511 15.5 16.25V17.75C15.5 17.9489 15.579 18.1397 15.7197 18.2803C15.8603 18.421 16.0511 18.5 16.25 18.5C16.4489 18.5 16.6397 18.421 16.7803 18.2803C16.921 18.1397 17 17.9489 17 17.75V16.25ZM3.75 15.5C3.94891 15.5 4.13968 15.579 4.28033 15.7197C4.42098 15.8603 4.5 16.0511 4.5 16.25V17.75C4.5 17.9489 4.42098 18.1397 4.28033 18.2803C4.13968 18.421 3.94891 18.5 3.75 18.5C3.55109 18.5 3.36032 18.421 3.21967 18.2803C3.07902 18.1397 3 17.9489 3 17.75V16.25C3 16.0511 3.07902 15.8603 3.21967 15.7197C3.36032 15.579 3.55109 15.5 3.75 15.5ZM4.5 3.25C4.5 3.05109 4.42098 2.86032 4.28033 2.71967C4.13968 2.57902 3.94891 2.5 3.75 2.5C3.55109 2.5 3.36032 2.57902 3.21967 2.71967C3.07902 2.86032 3 3.05109 3 3.25V8.75C3 8.94891 3.07902 9.13968 3.21967 9.28033C3.36032 9.42098 3.55109 9.5 3.75 9.5C3.94891 9.5 4.13968 9.42098 4.28033 9.28033C4.42098 9.13968 4.5 8.94891 4.5 8.75V3.25ZM10 11.5C10.1989 11.5 10.3897 11.579 10.5303 11.7197C10.671 11.8603 10.75 12.0511 10.75 12.25V17.75C10.75 17.9489 10.671 18.1397 10.5303 18.2803C10.3897 18.421 10.1989 18.5 10 18.5C9.80109 18.5 9.61032 18.421 9.46967 18.2803C9.32902 18.1397 9.25 17.9489 9.25 17.75V12.25C9.25 12.0511 9.32902 11.8603 9.46967 11.7197C9.61032 11.579 9.80109 11.5 10 11.5ZM10.75 3.25C10.75 3.05109 10.671 2.86032 10.5303 2.71967C10.3897 2.57902 10.1989 2.5 10 2.5C9.80109 2.5 9.61032 2.57902 9.46967 2.71967C9.32902 2.86032 9.25 3.05109 9.25 3.25V4.75C9.25 4.94891 9.32902 5.13968 9.46967 5.28033C9.61032 5.42098 9.80109 5.5 10 5.5C10.1989 5.5 10.3897 5.42098 10.5303 5.28033C10.671 5.13968 10.75 4.94891 10.75 4.75V3.25ZM10 6.5C9.46957 6.5 8.96086 6.71071 8.58579 7.08579C8.21071 7.46086 8 7.96957 8 8.5C8 9.03043 8.21071 9.53914 8.58579 9.91421C8.96086 10.2893 9.46957 10.5 10 10.5C10.5304 10.5 11.0391 10.2893 11.4142 9.91421C11.7893 9.53914 12 9.03043 12 8.5C12 7.96957 11.7893 7.46086 11.4142 7.08579C11.0391 6.71071 10.5304 6.5 10 6.5ZM3.75 10.5C3.21957 10.5 2.71086 10.7107 2.33579 11.0858C1.96071 11.4609 1.75 11.9696 1.75 12.5C1.75 13.0304 1.96071 13.5391 2.33579 13.9142C2.71086 14.2893 3.21957 14.5 3.75 14.5C4.28043 14.5 4.78914 14.2893 5.16421 13.9142C5.53929 13.5391 5.75 13.0304 5.75 12.5C5.75 11.9696 5.53929 11.4609 5.16421 11.0858C4.78914 10.7107 4.28043 10.5 3.75 10.5ZM16.25 10.5C15.7196 10.5 15.2109 10.7107 14.8358 11.0858C14.4607 11.4609 14.25 11.9696 14.25 12.5C14.25 13.0304 14.4607 13.5391 14.8358 13.9142C15.2109 14.2893 15.7196 14.5 16.25 14.5C16.7804 14.5 17.2891 14.2893 17.6642 13.9142C18.0393 13.5391 18.25 13.0304 18.25 12.5C18.25 11.9696 18.0393 11.4609 17.6642 11.0858C17.2891 10.7107 16.7804 10.5 16.25 10.5Z'
+                                                    fill='white'
+                                                />
+                                            </svg>
+                                            <div>{t('settings.filter')}</div>
+                                            <svg
+                                                xmlns='http://www.w3.org/2000/svg'
+                                                width='13'
+                                                height='13'
+                                                viewBox='0 0 13 13'
+                                                fill='none'
+                                            >
+                                                <path
+                                                    fillRule='evenodd'
+                                                    clipRule='evenodd'
+                                                    d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
+                                                    fill='white'
+                                                    fillOpacity='0.37'
+                                                />
+                                            </svg>
+                                        </button>
+                                    </DropdownMenuTrigger>
+                                    <DropdownMenuContent className='flex flex-col gap-1 z-99999' sideOffset={8}>
+                                        {rootAdmin && (
+                                            <DropdownMenuItem
+                                                onSelect={() => {
+                                                    setShowOnlyAdmin((s) => !s);
                                                 }}
                                             >
-                                                <ServerRow className='flex-row' key={server.uuid} server={server} />
-                                            </div>
-                                        ))
-                                    ) : (
-                                        <p className={`text-center text-sm text-zinc-400`}>
-                                            {showOnlyAdmin
-                                                ? 'There are no other servers to display.'
-                                                : 'There are no servers associated with your account.'}
-                                        </p>
-                                    )
-                                }
-                            </Pagination>
-                        </TabsContent>
-                        <TabsContent value='grid'>
-                            <div className='grid grid-cols-2 gap-x-4'>
+                                                {showOnlyAdmin ? t('home.show_personal') : t('home.show_others')}
+                                            </DropdownMenuItem>
+                                        )}
+                                    </DropdownMenuContent>
+                                </DropdownMenu>
+                                <TabsList>
+                                    <TabsTrigger aria-label={t('home.view_list')} value='list'>
+                                        <svg
+                                            width='16'
+                                            height='17'
+                                            viewBox='0 0 16 17'
+                                            fill='none'
+                                            xmlns='http://www.w3.org/2000/svg'
+                                        >
+                                            <path
+                                                d='M1 2.3C1 2.02 1 1.88 1.054 1.773C1.10215 1.67903 1.17881 1.60272 1.273 1.555C1.38 1.5 1.52 1.5 1.8 1.5H14.2C14.48 1.5 14.62 1.5 14.727 1.554C14.821 1.60215 14.8973 1.67881 14.945 1.773C15 1.88 15 2.02 15 2.3V2.7C15 2.98 15 3.12 14.945 3.227C14.8973 3.32119 14.821 3.39785 14.727 3.446C14.62 3.5 14.48 3.5 14.2 3.5H1.8C1.52 3.5 1.38 3.5 1.273 3.446C1.17903 3.39785 1.10272 3.32119 1.055 3.227C1 3.12 1 2.98 1 2.7V2.3ZM1 14.3C1 14.02 1 13.88 1.054 13.773C1.10215 13.679 1.17881 13.6027 1.273 13.555C1.38 13.5 1.52 13.5 1.8 13.5H14.2C14.48 13.5 14.62 13.5 14.727 13.555C14.8208 13.6029 14.8971 13.6792 14.945 13.773C15 13.88 15 14.02 15 14.3V14.7C15 14.98 15 15.12 14.945 15.227C14.8971 15.3208 14.8208 15.3971 14.727 15.445C14.62 15.5 14.48 15.5 14.2 15.5H1.8C1.52 15.5 1.38 15.5 1.273 15.445C1.17919 15.3971 1.10289 15.3208 1.055 15.227C1 15.12 1 14.98 1 14.7V14.3ZM1 10.3C1 10.02 1 9.88 1.054 9.773C1.10215 9.67903 1.17881 9.60272 1.273 9.555C1.38 9.5 1.52 9.5 1.8 9.5H14.2C14.48 9.5 14.62 9.5 14.727 9.555C14.8208 9.60289 14.8971 9.67918 14.945 9.773C15 9.88 15 10.02 15 10.3V10.7C15 10.98 15 11.12 14.945 11.227C14.8971 11.3208 14.8208 11.3971 14.727 11.445C14.62 11.5 14.48 11.5 14.2 11.5H1.8C1.52 11.5 1.38 11.5 1.273 11.445C1.17919 11.3971 1.10289 11.3208 1.055 11.227C1 11.12 1 10.98 1 10.7V10.3ZM1 6.3C1 6.02 1 5.88 1.054 5.773C1.10215 5.67903 1.17881 5.60272 1.273 5.555C1.38 5.5 1.52 5.5 1.8 5.5H14.2C14.48 5.5 14.62 5.5 14.727 5.554C14.821 5.60215 14.8973 5.67881 14.945 5.773C15 5.88 15 6.02 15 6.3V6.7C15 6.98 15 7.12 14.945 7.227C14.8971 7.32082 14.8208 7.39711 14.727 7.445C14.62 7.5 14.48 7.5 14.2 7.5H1.8C1.52 7.5 1.38 7.5 1.273 7.446C1.17903 7.39785 1.10272 7.32119 1.055 7.227C1 7.12 1 6.98 1 6.7V6.3Z'
+                                                fill='currentColor'
+                                            />
+                                        </svg>
+                                    </TabsTrigger>
+                                    <TabsTrigger aria-label={t('home.view_grid')} value='grid'>
+                                        <svg
+                                            width='16'
+                                            height='17'
+                                            viewBox='0 0 16 17'
+                                            fill='none'
+                                            xmlns='http://www.w3.org/2000/svg'
+                                        >
+                                            <path
+                                                d='M1 3.1C1 2.54 1 2.26 1.109 2.046C1.20487 1.85785 1.35785 1.70487 1.546 1.609C1.76 1.5 2.04 1.5 2.6 1.5H5.4C5.96 1.5 6.24 1.5 6.454 1.609C6.64215 1.70487 6.79513 1.85785 6.891 2.046C7 2.26 7 2.54 7 3.1V3.9C7 4.46 7 4.74 6.891 4.954C6.79513 5.14215 6.64215 5.29513 6.454 5.391C6.24 5.5 5.96 5.5 5.4 5.5H2.6C2.04 5.5 1.76 5.5 1.546 5.391C1.35785 5.29513 1.20487 5.14215 1.109 4.954C1 4.74 1 4.46 1 3.9V3.1ZM9 3.1C9 2.54 9 2.26 9.109 2.046C9.20487 1.85785 9.35785 1.70487 9.546 1.609C9.76 1.5 10.04 1.5 10.6 1.5H13.4C13.96 1.5 14.24 1.5 14.454 1.609C14.6422 1.70487 14.7951 1.85785 14.891 2.046C15 2.26 15 2.54 15 3.1V3.9C15 4.46 15 4.74 14.891 4.954C14.7951 5.14215 14.6422 5.29513 14.454 5.391C14.24 5.5 13.96 5.5 13.4 5.5H10.6C10.04 5.5 9.76 5.5 9.546 5.391C9.35785 5.29513 9.20487 5.14215 9.109 4.954C9 4.74 9 4.46 9 3.9V3.1ZM1 8.1C1 7.54 1 7.26 1.109 7.046C1.20487 6.85785 1.35785 6.70487 1.546 6.609C1.76 6.5 2.04 6.5 2.6 6.5H5.4C5.96 6.5 6.24 6.5 6.454 6.609C6.64215 6.70487 6.79513 6.85785 6.891 7.046C7 7.26 7 7.54 7 8.1V8.9C7 9.46 7 9.74 6.891 9.954C6.79513 10.1422 6.64215 10.2951 6.454 10.391C6.24 10.5 5.96 10.5 5.4 10.5H2.6C2.04 10.5 1.76 10.5 1.546 10.391C1.35785 10.2951 1.20487 10.1422 1.109 9.954C1 9.74 1 9.46 1 8.9V8.1ZM9 8.1C9 7.54 9 7.26 9.109 7.046C9.20487 6.85785 9.35785 6.70487 9.546 6.609C9.76 6.5 10.04 6.5 10.6 6.5H13.4C13.96 6.5 14.24 6.5 14.454 6.609C14.6422 6.70487 14.7951 6.85785 14.891 7.046C15 7.26 15 7.54 15 8.1V8.9C15 9.46 15 9.74 14.891 9.954C14.7951 10.1422 14.6422 10.2951 14.454 10.391C14.24 10.5 13.96 10.5 13.4 10.5H10.6C10.04 10.5 9.76 10.5 9.546 10.391C9.35785 10.2951 9.20487 10.1422 9.109 9.954C9 9.74 9 9.46 9 8.9V8.1ZM1 13.1C1 12.54 1 12.26 1.109 12.046C1.20487 11.8578 1.35785 11.7049 1.546 11.609C1.76 11.5 2.04 11.5 2.6 11.5H5.4C5.96 11.5 6.24 11.5 6.454 11.609C6.64215 11.7049 6.79513 11.8578 6.891 12.046C7 12.26 7 12.54 7 13.1V13.9C7 14.46 7 14.74 6.891 14.954C6.79513 15.1422 6.64215 15.2951 6.454 15.391C6.24 15.5 5.96 15.5 5.4 15.5H2.6C2.04 15.5 1.76 15.5 1.546 15.391C1.35785 15.2951 1.20487 15.1422 1.109 14.954C1 14.74 1 14.46 1 13.9V13.1ZM9 13.1C9 12.54 9 12.26 9.109 12.046C9.20487 11.8578 9.35785 11.7049 9.546 11.609C9.76 11.5 10.04 11.5 10.6 11.5H13.4C13.96 11.5 14.24 11.5 14.454 11.609C14.6422 11.7049 14.7951 11.8578 14.891 12.046C15 12.26 15 12.54 15 13.1V13.9C15 14.46 15 14.74 14.891 14.954C14.7951 15.1422 14.6422 15.2951 14.454 15.391C14.24 15.5 13.96 15.5 13.4 15.5H10.6C10.04 15.5 9.76 15.5 9.546 15.391C9.35785 15.2951 9.20487 15.1422 9.109 14.954C9 14.74 9 14.46 9 13.9V13.1Z'
+                                                fill='currentColor'
+                                            />
+                                        </svg>
+                                    </TabsTrigger>
+                                </TabsList>
+                            </div>
+                        </MainPageHeader>
+                    </div>
+                    {!servers ? (
+                        <div className='flex items-center justify-center py-12'>
+                            <div className='animate-spin rounded-full h-8 w-8 border-b-2 border-brand'></div>
+                        </div>
+                    ) : (
+                        <>
+                            <TabsContent value='list'>
                                 <Pagination data={servers} onPageSelect={setPage}>
                                     {({ items }) =>
                                         items.length > 0 ? (
-                                            items.map((server, index) => (
-                                                <div
-                                                    key={server.uuid}
-                                                    className='transform-gpu skeleton-anim-2 mb-4 w-full'
-                                                    style={{
-                                                        animationDelay: `${index * 50 + 50}ms`,
-                                                        animationTimingFunction:
-                                                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
-                                                    }}
-                                                >
-                                                    <ServerRow
-                                                        className='!items-start flex-col w-full gap-4 [&>div~div]:w-full'
+                                            <PageListContainer>
+                                                {items.map((server, index) => (
+                                                    <div
                                                         key={server.uuid}
-                                                        server={server}
-                                                    />
-                                                </div>
-                                            ))
+                                                        className='transform-gpu skeleton-anim-2'
+                                                        style={{
+                                                            animationDelay: `${index * 50 + 50}ms`,
+                                                            animationTimingFunction:
+                                                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                                                        }}
+                                                    >
+                                                        <ServerRow
+                                                            className='flex-row'
+                                                            key={server.uuid}
+                                                            server={server}
+                                                        />
+                                                    </div>
+                                                ))}
+                                            </PageListContainer>
                                         ) : (
-                                            <p className={`text-center text-sm text-zinc-400`}>
-                                                {showOnlyAdmin
-                                                    ? 'There are no other servers to display.'
-                                                    : 'There are no servers associated with your account.'}
-                                            </p>
+                                            <div className='flex flex-col items-center justify-center py-12 px-4'>
+                                                <div className='text-center'>
+                                                    <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                                        <svg
+                                                            className='w-8 h-8 text-zinc-400'
+                                                            fill='currentColor'
+                                                            viewBox='0 0 20 20'
+                                                        >
+                                                            <path
+                                                                fillRule='evenodd'
+                                                                d='M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z'
+                                                                clipRule='evenodd'
+                                                            />
+                                                        </svg>
+                                                    </div>
+                                                    <h3 className='text-lg font-medium text-zinc-200 mb-2'>
+                                                        {showOnlyAdmin
+                                                            ? t('home.no_others_found')
+                                                            : t('home.no_servers_found')}
+                                                    </h3>
+                                                    <p className='text-sm text-zinc-400 max-w-sm'>
+                                                        {showOnlyAdmin
+                                                            ? t('home.no_display_servers')
+                                                            : t('home.no_associated_servers')}
+                                                    </p>
+                                                </div>
+                                            </div>
                                         )
                                     }
                                 </Pagination>
-                            </div>
-                        </TabsContent>
-                    </>
-                )}
-            </Tabs>
+                            </TabsContent>
+                            <TabsContent value='grid'>
+                                <Pagination data={servers} onPageSelect={setPage}>
+                                    {({ items }) =>
+                                        items.length > 0 ? (
+                                            <div className='grid grid-cols-1 md:grid-cols-2 gap-4'>
+                                                {items.map((server, index) => (
+                                                    <div
+                                                        key={server.uuid}
+                                                        className='transform-gpu skeleton-anim-2'
+                                                        style={{
+                                                            animationDelay: `${index * 50 + 50}ms`,
+                                                            animationTimingFunction:
+                                                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                                                        }}
+                                                    >
+                                                        <ServerRow
+                                                            className='items-start! flex-col w-full gap-4 [&>div~div]:w-full'
+                                                            key={server.uuid}
+                                                            server={server}
+                                                        />
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        ) : (
+                                            <div className='flex flex-col items-center justify-center py-12 px-4'>
+                                                <div className='text-center'>
+                                                    <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                                        <svg
+                                                            className='w-8 h-8 text-zinc-400'
+                                                            fill='currentColor'
+                                                            viewBox='0 0 20 20'
+                                                        >
+                                                            <path
+                                                                fillRule='evenodd'
+                                                                d='M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z'
+                                                                clipRule='evenodd'
+                                                            />
+                                                        </svg>
+                                                    </div>
+                                                    <h3 className='text-lg font-medium text-zinc-200 mb-2'>
+                                                        {showOnlyAdmin
+                                                            ? t('home.no_others_found')
+                                                            : t('home.no_servers_found')}
+                                                    </h3>
+                                                    <p className='text-sm text-zinc-400 max-w-sm'>
+                                                        {showOnlyAdmin
+                                                            ? t('home.no_display_servers')
+                                                            : t('home.no_associated_servers')}
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        )
+                                    }
+                                </Pagination>
+                            </TabsContent>
+                        </>
+                    )}
+                </Tabs>
+            </div>
         </PageContentBlock>
     );
 };
+
+export default DashboardContainer;
diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
index 06443e3ab..9a42c7f6c 100644
--- a/resources/scripts/components/dashboard/ServerRow.tsx
+++ b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -1,4 +1,5 @@
 import { Fragment, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 
@@ -12,9 +13,8 @@ import getServerResourceUsage, { ServerPowerState, ServerStats } from '@/api/ser
 const isAlarmState = (current: number, limit: number): boolean => limit > 0 && current / (limit * 1024 * 1024) >= 0.9;
 
 const StatusIndicatorBox = styled.div<{ $status: ServerPowerState | undefined }>`
-    // background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.044) 100%);
-    border: 1px solid #ffffff07;
     background: #ffffff11;
+    border: 1px solid #ffffff12;
     transition: all 250ms ease-in-out;
     padding: 1.75rem 2rem;
     cursor: pointer;
@@ -25,8 +25,9 @@ const StatusIndicatorBox = styled.div<{ $status: ServerPowerState | undefined }>
     position: relative;
 
     &:hover {
-        border: 1px solid #ffffff11;
-        background: #ffffff18;
+        border: 1px solid #ffffff19;
+        background: #ffffff19;
+        transition-duration: 0ms;
     }
 
     & .status-bar {
@@ -57,7 +58,9 @@ const StatusIndicatorBox = styled.div<{ $status: ServerPowerState | undefined }>
 
 type Timer = ReturnType<typeof setInterval>;
 
-export default ({ server, className }: { server: Server; className?: string }) => {
+const ServerRow = ({ server, className }: { server: Server; className?: string }) => {
+    const { t } = useTranslation();
+
     const interval = useRef<Timer>(null) as React.MutableRefObject<Timer>;
     const [isSuspended, setIsSuspended] = useState(server.status === 'suspended');
     const [stats, setStats] = useState<ServerStats | null>(null);
@@ -81,7 +84,7 @@ export default ({ server, className }: { server: Server; className?: string }) =
         });
 
         return () => {
-            interval.current && clearInterval(interval.current);
+            if (interval.current) clearInterval(interval.current);
         };
     }, [isSuspended]);
 
@@ -121,7 +124,11 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 </div>
             </div>
             <div
-                className={`h-full hidden sm:flex items-center justify-center bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-md w-fit whitespace-nowrap px-4 py-2 text-sm gap-4`}
+                style={{
+                    background:
+                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
+                }}
+                className={`h-full hidden sm:flex items-center justify-center border-[1px] border-[#ffffff12] shadow-md rounded-lg w-fit whitespace-nowrap px-4 py-2 text-sm gap-4`}
             >
                 {!stats || isSuspended ? (
                     isSuspended ? (
@@ -145,50 +152,39 @@ export default ({ server, className }: { server: Server; className?: string }) =
                     ) : (
                         // <Spinner size={'small'} />
                         // <></>
-                        <div className='text-xs opacity-25'>Sit tight!</div>
+                        <div className='text-xs opacity-25'>{t('home.servers.sit_tight')}</div>
                     )
                 ) : (
                     <Fragment>
                         <div className={`sm:flex hidden`}>
                             <div className={`flex justify-center gap-2 w-fit`}>
-                                <p className='text-sm text-[#ffffff66] font-bold w-fit whitespace-nowrap'>CPU</p>
-                                <p className='font-bold w-fit whitespace-nowrap'>{stats.cpuUsagePercent.toFixed(2)}%</p>
+                                <p className='text-xs text-zinc-400 font-medium w-fit whitespace-nowrap'>
+                                    {t('home.servers.cpu')}
+                                </p>
+                                <p className='text-xs font-bold w-fit whitespace-nowrap'>
+                                    {stats.cpuUsagePercent.toFixed(2)}%
+                                </p>
                             </div>
-                            {/* <p className={`text-xs text-zinc-600 text-center mt-1`}>of {cpuLimit}</p> */}
                         </div>
                         <div className={`sm:flex hidden`}>
-                            {/* <p className={`text-xs text-zinc-600 text-center mt-1`}>of {memoryLimit}</p> */}
                             <div className={`flex justify-center gap-2 w-fit`}>
-                                <p className='text-sm text-[#ffffff66] font-bold w-fit whitespace-nowrap'>RAM</p>
-                                <p className='font-bold w-fit whitespace-nowrap'>
+                                <p className='text-xs text-zinc-400 font-medium w-fit whitespace-nowrap'>
+                                    {t('home.servers.ram')}
+                                </p>
+                                <p className='text-xs font-bold w-fit whitespace-nowrap'>
                                     {bytesToString(stats.memoryUsageInBytes, 0)}
                                 </p>
                             </div>
                         </div>
                         <div className={`sm:flex hidden`}>
                             <div className={`flex justify-center gap-2 w-fit`}>
-                                <p className='text-sm text-[#ffffff66] font-bold w-fit whitespace-nowrap'>Storage</p>
-                                <p className='font-bold w-fit whitespace-nowrap'>
+                                <p className='text-xs text-zinc-400 font-medium w-fit whitespace-nowrap'>
+                                    {t('home.servers.storage')}
+                                </p>
+                                <p className='text-xs font-bold w-fit whitespace-nowrap'>
                                     {bytesToString(stats.diskUsageInBytes, 0)}
                                 </p>
                             </div>
-                            {/* Pyro has unlimited storage */}
-                            {/* ░░░░░▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▄▄▄░░░░░░░
-                            ░░░░░█░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▀▀▄░░░░
-                            ░░░░█░░░▒▒▒▒▒▒░░░░░░░░▒▒▒░░█░░░
-                            ░░░█░░░░░░▄██▀▄▄░░░░░▄▄▄░░░░█░░
-                            ░▄▀▒▄▄▄▒░█▀▀▀▀▄▄█░░░██▄▄█░░░░█░
-                            █░▒█▒▄░▀▄▄▄▀░░░░░░░░█░░░▒▒▒▒▒░█
-                            █░▒█░█▀▄▄░░░░░█▀░░░░▀▄░░▄▀▀▀▄▒█
-                            ░█░▀▄░█▄░█▀▄▄░▀░▀▀░▄▄▀░░░░█░░█░
-                            ░░█░░░▀▄▀█▄▄░█▀▀▀▄▄▄▄▀▀█▀██░█░░
-                            ░░░█░░░░██░░▀█▄▄▄█▄▄█▄████░█░░░
-                            ░░░░█░░░░▀▀▄░█░░░█░█▀██████░█░░
-                            ░░░░░▀▄░░░░░▀▀▄▄▄█▄█▄█▄█▄▀░░█░░
-                            ░░░░░░░▀▄▄░▒▒▒▒░░░░░░░░░░▒░░░█░
-                            ░░░░░░░░░░▀▀▄▄░▒▒▒▒▒▒▒▒▒▒░░░░█░
-                            ░░░░░░░░░░░░░░▀▄▄▄▄▄░░░░░░░░█░░ */}
-                            {/* <p className={`text-xs text-zinc-600 text-center mt-1`}>of {diskLimit}</p> */}
                         </div>
                     </Fragment>
                 )}
@@ -196,3 +192,5 @@ export default ({ server, className }: { server: Server; className?: string }) =
         </StatusIndicatorBox>
     );
 };
+
+export default ServerRow;
diff --git a/resources/scripts/components/dashboard/activity/ActivityLogContainer.tsx b/resources/scripts/components/dashboard/activity/ActivityLogContainer.tsx
index e0c53d308..ec73be42c 100644
--- a/resources/scripts/components/dashboard/activity/ActivityLogContainer.tsx
+++ b/resources/scripts/components/dashboard/activity/ActivityLogContainer.tsx
@@ -1,15 +1,19 @@
-import clsx from 'clsx';
-import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
+import { useEffect, useMemo, useState } from 'react';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
-import ContentBox from '@/components/elements/ContentBox';
+import ActionButton from '@/components/elements/ActionButton';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import PageContentBlock from '@/components/elements/PageContentBlock';
-// FIXME: add icons back
+import Select from '@/components/elements/Select';
 import Spinner from '@/components/elements/Spinner';
 import ActivityLogEntry from '@/components/elements/activity/ActivityLogEntry';
-import { styles as btnStyles } from '@/components/elements/button/index';
+import HugeIconsDownload from '@/components/elements/hugeicons/Download';
+import HugeIconsFilter from '@/components/elements/hugeicons/Filter';
+import HugeIconsHistory from '@/components/elements/hugeicons/History';
+import HugeIconsSearch from '@/components/elements/hugeicons/Search';
+import HugeIconsX from '@/components/elements/hugeicons/X';
+import { Input } from '@/components/elements/inputs';
 import PaginationFooter from '@/components/elements/table/PaginationFooter';
 
 import { ActivityLogFilters, useActivityLogs } from '@/api/account/activity';
@@ -17,16 +21,138 @@ import { ActivityLogFilters, useActivityLogs } from '@/api/account/activity';
 import { useFlashKey } from '@/plugins/useFlash';
 import useLocationHash from '@/plugins/useLocationHash';
 
-export default () => {
+const ActivityLogContainer = () => {
     const { t } = useTranslation();
     const { hash } = useLocationHash();
     const { clearAndAddHttpError } = useFlashKey('account');
     const [filters, setFilters] = useState<ActivityLogFilters>({ page: 1, sorts: { timestamp: -1 } });
+    const [searchTerm, setSearchTerm] = useState('');
+    const [selectedEventType, setSelectedEventType] = useState('');
+    const [showFilters, setShowFilters] = useState(false);
+    const [autoRefresh, setAutoRefresh] = useState(false);
+    const [dateRange, setDateRange] = useState('all');
+
     const { data, isValidating, error } = useActivityLogs(filters, {
         revalidateOnMount: true,
         revalidateOnFocus: false,
+        refreshInterval: autoRefresh ? 30000 : 0, // Auto-refresh every 30 seconds
     });
 
+    // Extract unique event types for filter dropdown
+    const eventTypes = useMemo(() => {
+        if (!data?.items) return [];
+        const types = [...new Set(data.items.map((item) => item.event))];
+        return types.sort();
+    }, [data?.items]);
+
+    // Filter data based on search term and event type
+    const filteredData = useMemo(() => {
+        if (!data?.items) return data;
+
+        let filtered = data.items;
+
+        if (searchTerm) {
+            filtered = filtered.filter(
+                (item) =>
+                    item.event.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    item.ip?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    item.relationships.actor?.username?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    JSON.stringify(item.properties).toLowerCase().includes(searchTerm.toLowerCase()),
+            );
+        }
+
+        if (selectedEventType) {
+            filtered = filtered.filter((item) => item.event === selectedEventType);
+        }
+
+        // Apply date range filtering
+        if (dateRange !== 'all') {
+            const now = new Date();
+            const cutoff = new Date();
+
+            switch (dateRange) {
+                case '1h':
+                    cutoff.setHours(now.getHours() - 1);
+                    break;
+                case '24h':
+                    cutoff.setDate(now.getDate() - 1);
+                    break;
+                case '7d':
+                    cutoff.setDate(now.getDate() - 7);
+                    break;
+                case '30d':
+                    cutoff.setDate(now.getDate() - 30);
+                    break;
+            }
+
+            filtered = filtered.filter((item) => new Date(item.timestamp) >= cutoff);
+        }
+
+        return { ...data, items: filtered };
+    }, [data, searchTerm, selectedEventType, dateRange]);
+
+    const exportLogs = () => {
+        if (!filteredData?.items) return;
+
+        const csvContent = [
+            ['Timestamp', 'Event', 'Actor', 'IP Address', 'Properties'].join(','),
+            ...filteredData.items.map((item) =>
+                [
+                    new Date(item.timestamp).toISOString(),
+                    item.event,
+                    item.relationships.actor?.username || 'System',
+                    item.ip || '',
+                    JSON.stringify(item.properties).replace(/"/g, '""'),
+                ]
+                    .map((field) => `"${field}"`)
+                    .join(','),
+            ),
+        ].join('\n');
+
+        const blob = new Blob([csvContent], { type: 'text/csv' });
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `activity-log-${new Date().toISOString().split('T')[0]}.csv`;
+        a.click();
+        window.URL.revokeObjectURL(url);
+    };
+
+    const clearAllFilters = () => {
+        setFilters((value) => ({ ...value, filters: {} }));
+        setSearchTerm('');
+        setSelectedEventType('');
+        setDateRange('all');
+    };
+
+    const hasActiveFilters =
+        filters.filters?.event || filters.filters?.ip || searchTerm || selectedEventType || dateRange !== 'all';
+
+    // Keyboard shortcuts
+    useEffect(() => {
+        const handleKeyDown = (e: KeyboardEvent) => {
+            if (e.ctrlKey || e.metaKey) {
+                switch (e.key) {
+                    case 'f':
+                        e.preventDefault();
+                        setShowFilters(!showFilters);
+                        break;
+                    case 'r':
+                        e.preventDefault();
+                        setAutoRefresh(!autoRefresh);
+                        break;
+                    case 'e':
+                        e.preventDefault();
+                        exportLogs();
+                        break;
+                }
+            }
+        };
+
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [showFilters, autoRefresh]);
+
     useEffect(() => {
         setFilters((value) => ({ ...value, filters: { ip: hash.ip, event: hash.event } }));
     }, [hash]);
@@ -37,37 +163,223 @@ export default () => {
 
     return (
         <PageContentBlock title={t('activity_log.title')}>
-            <ContentBox title={t('activity_log.title')}>
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
                 <FlashMessageRender byKey={'account'} />
-                {(filters.filters?.event || filters.filters?.ip) && (
-                    <div className={'flex justify-end mb-2'}>
-                        <Link
-                            to={'#'}
-                            className={clsx(btnStyles.button, btnStyles.text, 'w-full sm:w-auto')}
-                            onClick={() => setFilters((value) => ({ ...value, filters: {} }))}
-                        >
-                            {t('activity_log.clear_filters')}
-                        </Link>
+
+                <div
+                    className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                    style={{
+                        animationDelay: '75ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <MainPageHeader title={t('activity_log.log')}>
+                        <div className='flex gap-2 items-center flex-wrap'>
+                            <ActionButton
+                                variant='secondary'
+                                onClick={() => setShowFilters(!showFilters)}
+                                className='flex items-center gap-2'
+                                title={t('activity_log.toggle_filters')}
+                            >
+                                <HugeIconsFilter className='w-4 h-4' fill='currentColor' />
+                                {t('Filters')}
+                                {hasActiveFilters && <span className='w-2 h-2 bg-blue-500 rounded-full'></span>}
+                            </ActionButton>
+                            <ActionButton
+                                variant={autoRefresh ? 'primary' : 'secondary'}
+                                onClick={() => setAutoRefresh(!autoRefresh)}
+                                className='flex items-center gap-2'
+                                title={t('activity_log.auto_refresh')}
+                            >
+                                {autoRefresh ? (
+                                    <HugeIconsX className='w-4 h-4' fill='currentColor' />
+                                ) : (
+                                    <HugeIconsSearch className='w-4 h-4' fill='currentColor' />
+                                )}
+                                {autoRefresh ? t('live') : t('refresh')}
+                            </ActionButton>
+                            <ActionButton
+                                variant='secondary'
+                                onClick={exportLogs}
+                                disabled={!filteredData?.items?.length}
+                                className='flex items-center gap-2'
+                                title={t('activity_log.export_csv')}
+                            >
+                                <HugeIconsDownload className='w-4 h-4' fill='currentColor' />
+                                {t('activity_log.export')}
+                            </ActionButton>
+                        </div>
+                    </MainPageHeader>
+                </div>
+
+                {showFilters && (
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '100ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <div className='flex items-center gap-2 mb-4'>
+                                <div className='w-5 h-5 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                                    <HugeIconsFilter className='w-2.5 h-2.5 text-zinc-400' fill='currentColor' />
+                                </div>
+                                <h3 className='text-base font-semibold text-zinc-100'>Filters</h3>
+                            </div>
+
+                            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Search</label>
+                                    <div className='relative'>
+                                        <HugeIconsSearch
+                                            className='absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-zinc-400 pointer-events-none z-10'
+                                            fill='currentColor'
+                                        />
+                                        <Input.Text
+                                            type='text'
+                                            placeholder='Search events, IPs, users...'
+                                            value={searchTerm}
+                                            onChange={(e) => setSearchTerm(e.target.value)}
+                                            style={{ paddingLeft: '2.5rem' }}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Event Type</label>
+                                    <Select
+                                        value={selectedEventType}
+                                        onChange={(e) => setSelectedEventType(e.target.value)}
+                                        className='w-full px-3 py-2 bg-zinc-800 border border-zinc-600 rounded-lg text-zinc-100 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 hover:border-zinc-500 transition-colors duration-150'
+                                    >
+                                        <option value='' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.all_events')}
+                                        </option>
+                                        {eventTypes.map((type) => (
+                                            <option
+                                                key={type}
+                                                value={type}
+                                                style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}
+                                            >
+                                                {type}
+                                            </option>
+                                        ))}
+                                    </Select>
+                                </div>
+
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Time Range</label>
+                                    <Select
+                                        value={dateRange}
+                                        onChange={(e) => setDateRange(e.target.value)}
+                                        className='w-full px-3 py-2 bg-zinc-800 border border-zinc-600 rounded-lg text-zinc-100 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 hover:border-zinc-500 transition-colors duration-150'
+                                    >
+                                        <option value='all' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.all_time')}
+                                        </option>
+                                        <option value='1h' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.last_hour')}
+                                        </option>
+                                        <option value='24h' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.last_24')}
+                                        </option>
+                                        <option value='7d' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.last_7')}
+                                        </option>
+                                        <option value='30d' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            {t('activity_log.last_30')}
+                                        </option>
+                                    </Select>
+                                </div>
+
+                                <div className='flex items-end'>
+                                    {hasActiveFilters && (
+                                        <ActionButton
+                                            variant='secondary'
+                                            onClick={clearAllFilters}
+                                            className='flex items-center gap-2 w-full'
+                                        >
+                                            <HugeIconsX className='w-4 h-4' fill='currentColor' />
+                                            {t('activity_log.clear_filters')}
+                                        </ActionButton>
+                                    )}
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 )}
-                {!data && isValidating ? (
-                    <Spinner centered />
-                ) : (
-                    <div>
-                        {data?.items.map((activity) => (
-                            <ActivityLogEntry key={activity.id} activity={activity}>
-                                {typeof activity.properties.useragent === 'string' && <span></span>}
-                            </ActivityLogEntry>
-                        ))}
+
+                <div
+                    className='transform-gpu skeleton-anim-2'
+                    style={{
+                        animationDelay: '125ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                        <div className='flex items-center gap-2 mb-4'>
+                            <div className='w-5 h-5 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                                <HugeIconsHistory className='w-2.5 h-2.5 text-zinc-400' fill='currentColor' />
+                            </div>
+                            <h3 className='text-base font-semibold text-zinc-100'>{t('activity_log.events')}</h3>
+                            {filteredData?.items && (
+                                <span className='text-sm text-zinc-400'>
+                                    ({filteredData.items.length} {filteredData.items.length === 1 ? t('common.event') : t('common.events')})
+                                </span>
+                            )}
+                        </div>
+
+                        {!data && isValidating ? (
+                            <Spinner centered />
+                        ) : !filteredData?.items?.length ? (
+                            <div className='text-center py-12'>
+                                <HugeIconsHistory className='w-16 h-16 text-zinc-600 mb-4' fill='currentColor' />
+                                <h3 className='text-lg font-semibold text-zinc-300 mb-2'>
+                                    {hasActiveFilters ? 'No Matching Activity' : 'No Activity Yet'}
+                                </h3>
+                                <p className='text-sm text-zinc-400 mb-4 max-w-lg mx-auto leading-relaxed'>
+                                    {hasActiveFilters
+                                        ? t('activity_log.try_adjust')
+                                        : t('activity_log.no_logs')}
+                                </p>
+                                {hasActiveFilters && (
+                                    <div className='flex gap-2 justify-center'>
+                                        <ActionButton variant='secondary' onClick={clearAllFilters}>
+                                            {t('activity_log.clear_filters')}
+                                        </ActionButton>
+                                        <ActionButton variant='secondary' onClick={() => setShowFilters(true)}>
+                                            {t('activity_log.adjust_filters')}
+                                        </ActionButton>
+                                    </div>
+                                )}
+                            </div>
+                        ) : (
+                            <div className='divide-y divide-zinc-800/30'>
+                                {filteredData.items.map((activity) => (
+                                    <ActivityLogEntry key={activity.id} activity={activity}>
+                                        {typeof activity.properties.useragent === 'string' && <span></span>}
+                                    </ActivityLogEntry>
+                                ))}
+                            </div>
+                        )}
+
+                        {data && (
+                            <div className='mt-4'>
+                                <PaginationFooter
+                                    pagination={data.pagination}
+                                    onPageSelect={(page) => setFilters((value) => ({ ...value, page }))}
+                                />
+                            </div>
+                        )}
                     </div>
-                )}
-                {data && (
-                    <PaginationFooter
-                        pagination={data.pagination}
-                        onPageSelect={(page) => setFilters((value) => ({ ...value, page }))}
-                    />
-                )}
-            </ContentBox>
+                </div>
+            </div>
         </PageContentBlock>
     );
 };
+
+export default ActivityLogContainer;
diff --git a/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx b/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
index e1c55c2ba..16690573f 100644
--- a/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
+++ b/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
@@ -5,13 +5,13 @@ import { useTranslation } from 'react-i18next';
 import DisableTOTPDialog from '@/components/dashboard/forms/DisableTOTPDialog';
 import RecoveryTokensDialog from '@/components/dashboard/forms/RecoveryTokensDialog';
 import SetupTOTPDialog from '@/components/dashboard/forms/SetupTOTPDialog';
-import { Button } from '@/components/elements/button/index';
+import ActionButton from '@/components/elements/ActionButton';
 
 import { ApplicationStore } from '@/state';
 
 import { useFlashKey } from '@/plugins/useFlash';
 
-export default () => {
+const ConfigureTwoFactorForm = () => {
     const [tokens, setTokens] = useState<string[]>([]);
     const [visible, setVisible] = useState<'enable' | 'disable' | null>(null);
     const isEnabled = useStoreState((state: ApplicationStore) => state.user.data!.useTotp);
@@ -39,13 +39,17 @@ export default () => {
             </p>
             <div className={`mt-6`}>
                 {isEnabled ? (
-                    <Button.Danger onClick={() => setVisible('disable')}>
+                    <ActionButton variant='danger' onClick={() => setVisible('disable')}>
                         {t('settings.2fa.buttons.disable')}
-                    </Button.Danger>
+                    </ActionButton>
                 ) : (
-                    <Button onClick={() => setVisible('enable')}>{t('settings.2fa.buttons.enable')}</Button>
+                    <ActionButton variant='primary' onClick={() => setVisible('enable')}>
+                        {t('settings.2fa.buttons.enable')}
+                    </ActionButton>
                 )}
             </div>
         </div>
     );
 };
+
+export default ConfigureTwoFactorForm;
diff --git a/resources/scripts/components/dashboard/forms/CreateApiKeyForm.tsx b/resources/scripts/components/dashboard/forms/CreateApiKeyForm.tsx
index 6f22da6be..979b76f80 100644
--- a/resources/scripts/components/dashboard/forms/CreateApiKeyForm.tsx
+++ b/resources/scripts/components/dashboard/forms/CreateApiKeyForm.tsx
@@ -6,11 +6,11 @@ import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
 import ApiKeyModal from '@/components/dashboard/ApiKeyModal';
+import ActionButton from '@/components/elements/ActionButton';
 import ContentBox from '@/components/elements/ContentBox';
 import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
 import Input from '@/components/elements/Input';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 
 import createApiKey from '@/api/account/createApiKey';
 import { ApiKey } from '@/api/account/getApiKeys';
@@ -23,7 +23,7 @@ interface Values {
     allowedIps: string;
 }
 
-export default ({ onKeyCreated }: { onKeyCreated: (key: ApiKey) => void }) => {
+const CreateApiKeyForm = ({ onKeyCreated }: { onKeyCreated: (key: ApiKey) => void }) => {
     const { t } = useTranslation();
     const [apiKey, setApiKey] = useState('');
     const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
@@ -88,9 +88,9 @@ export default ({ onKeyCreated }: { onKeyCreated: (key: ApiKey) => void }) => {
 
                             {/* Submit Button below form fields */}
                             <div className='flex justify-end mt-6'>
-                                <Button type='submit' disabled={isSubmitting}>
+                                <ActionButton type='submit' disabled={isSubmitting}>
                                     {isSubmitting ? t('common.creating') : t('api.create_api_key')}
-                                </Button>
+                                </ActionButton>
                             </div>
                         </Form>
                     )}
@@ -99,3 +99,6 @@ export default ({ onKeyCreated }: { onKeyCreated: (key: ApiKey) => void }) => {
         </>
     );
 };
+
+CreateApiKeyForm.displayName = 'CreateApiKeyForm';
+export default CreateApiKeyForm;
diff --git a/resources/scripts/components/dashboard/forms/DisableTOTPDialog.tsx b/resources/scripts/components/dashboard/forms/DisableTOTPDialog.tsx
index 81fa585a8..c108de8a2 100644
--- a/resources/scripts/components/dashboard/forms/DisableTOTPDialog.tsx
+++ b/resources/scripts/components/dashboard/forms/DisableTOTPDialog.tsx
@@ -4,7 +4,7 @@ import { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
-import { Button } from '@/components/elements/button/index';
+import ActionButton from '@/components/elements/ActionButton';
 import { Dialog, DialogWrapperContext } from '@/components/elements/dialog';
 import { Input } from '@/components/elements/inputs';
 
@@ -25,8 +25,12 @@ const DisableTOTPDialog = () => {
     const updateUserData = useStoreActions((actions) => actions.user.updateUserData);
 
     useEffect(() => {
-        setProps((state) => ({ ...state, preventExternalClose: submitting }));
-    }, [submitting]);
+        setProps({
+            title: t('settings.2fa.disable.title'),
+            description: t('settings.2fa.disable.description'),
+            preventExternalClose: submitting,
+        });
+    }, [submitting, t]);
 
     const submit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
@@ -59,22 +63,21 @@ const DisableTOTPDialog = () => {
                 onChange={(e) => setPassword(e.currentTarget.value)}
             />
             <Dialog.Footer>
-                <Button.Text onClick={close}>{t('cancel')}</Button.Text>
-                {/* <Tooltip
-                    delay={100}
-                    disabled={password.length > 0}
-                    content={'You must enter your account password to continue.'}
-                > */}
-                <Button.Danger type={'submit'} form={'disable-totp-form'} disabled={submitting || !password.length}>
+                <ActionButton variant='secondary' onClick={close}>
+                    {t('cancel')}
+                </ActionButton>
+                <ActionButton
+                    variant='danger'
+                    type={'submit'}
+                    form={'disable-totp-form'}
+                    disabled={submitting || !password.length}
+                >
                     {t('settings.2fa.buttons.disable')}
-                </Button.Danger>
-                {/* </Tooltip> */}
+                </ActionButton>
             </Dialog.Footer>
         </form>
     );
 };
 
-export default asDialog({
-    title: 'Remove Authenticator App',
-    description: 'Removing your authenticator app will make your account less secure.',
-})(DisableTOTPDialog);
+// Export with empty initial props since we set them dynamically in the component
+export default asDialog()(DisableTOTPDialog);
diff --git a/resources/scripts/components/dashboard/forms/RecoveryTokensDialog.tsx b/resources/scripts/components/dashboard/forms/RecoveryTokensDialog.tsx
index 54d220d08..7ffdb5bf5 100644
--- a/resources/scripts/components/dashboard/forms/RecoveryTokensDialog.tsx
+++ b/resources/scripts/components/dashboard/forms/RecoveryTokensDialog.tsx
@@ -1,15 +1,15 @@
 import { Trans, useTranslation } from 'react-i18next';
 
+import ActionButton from '@/components/elements/ActionButton';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import { Alert } from '@/components/elements/alert';
-import { Button } from '@/components/elements/button/index';
 import { Dialog, DialogProps } from '@/components/elements/dialog';
 
 interface RecoveryTokenDialogProps extends DialogProps {
     tokens: string[];
 }
 
-export default ({ tokens, open, onClose }: RecoveryTokenDialogProps) => {
+const RecoveryTokensDialog = ({ tokens, open, onClose }: RecoveryTokenDialogProps) => {
     const { t } = useTranslation();
     const grouped = [] as [string, string][];
     tokens.forEach((token, index) => {
@@ -29,7 +29,7 @@ export default ({ tokens, open, onClose }: RecoveryTokenDialogProps) => {
         >
             <Dialog.Icon position={'container'} type={'success'} />
             <CopyOnClick text={tokens.join('\n')} showInNotification={false}>
-                <pre className={'bg-zinc-800 rounded p-2 mt-6'}>
+                <pre className={'bg-zinc-800 rounded-sm p-2 mt-6'}>
                     {grouped.map((value) => (
                         <span key={value.join('_')} className={'block'}>
                             {value[0]}
@@ -44,8 +44,12 @@ export default ({ tokens, open, onClose }: RecoveryTokenDialogProps) => {
                 {t('settings.2fa.recovery.alert')}
             </Alert>
             <Dialog.Footer>
-                <Button.Text onClick={onClose}>{t('done')}</Button.Text>
+                <ActionButton variant='primary' onClick={onClose}>
+                    {t('done')}
+                </ActionButton>
             </Dialog.Footer>
         </Dialog>
     );
 };
+
+export default RecoveryTokensDialog;
diff --git a/resources/scripts/components/dashboard/forms/SetupTOTPDialog.tsx b/resources/scripts/components/dashboard/forms/SetupTOTPDialog.tsx
index 8454f24a9..aa2f1f43e 100644
--- a/resources/scripts/components/dashboard/forms/SetupTOTPDialog.tsx
+++ b/resources/scripts/components/dashboard/forms/SetupTOTPDialog.tsx
@@ -1,14 +1,14 @@
 // FIXME: replace with radix tooltip
 // import Tooltip from '@/components/elements/tooltip/Tooltip';
 import { Actions, useStoreActions } from 'easy-peasy';
-import QRCode from 'qrcode.react';
+import { QRCodeSVG } from 'qrcode.react';
 import { useContext, useEffect, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import Spinner from '@/components/elements/Spinner';
-import { Button } from '@/components/elements/button/index';
 import { Dialog, DialogWrapperContext } from '@/components/elements/dialog';
 import { Input } from '@/components/elements/inputs';
 
@@ -26,13 +26,13 @@ interface Props {
 }
 
 const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
+    const { t } = useTranslation(); // Moved inside the component
     const [submitting, setSubmitting] = useState(false);
     const [value, setValue] = useState('');
     const [password, setPassword] = useState('');
     const [token, setToken] = useState<TwoFactorTokenData | null>(null);
     const { clearAndAddHttpError } = useFlashKey('account:two-step');
     const updateUserData = useStoreActions((actions: Actions<ApplicationStore>) => actions.user.updateUserData);
-    const { t } = useTranslation();
 
     const { close, setProps } = useContext(DialogWrapperContext);
 
@@ -68,11 +68,11 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
     return (
         <form id={'enable-totp-form'} onSubmit={submit}>
             <FlashMessageRender byKey={'account:two-step'} />
-            <div className={'flex items-center justify-center w-56 h-56 p-2 bg-zinc-50 shadow mx-auto mt-6'}>
+            <div className={'flex items-center justify-center w-56 h-56 p-2 bg-zinc-50 shadow-sm mx-auto mt-6'}>
                 {!token ? (
                     <Spinner />
                 ) : (
-                    <QRCode renderAs={'svg'} value={token.image_url_data} className={`w-full h-full shadow-none`} />
+                    <QRCodeSVG value={token.image_url_data} className={`w-full h-full shadow-none`} />
                 )}
             </div>
             <CopyOnClick text={token?.secret}>
@@ -81,10 +81,7 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
                 </p>
             </CopyOnClick>
             <p id={'totp-code-description'} className={'mt-6'}>
-                <Trans i18nKey={'settings.2fa.setup.description'}>
-                    Scan the QR code above using an authenticator app, or enter the secret code above. Then, enter the
-                    6-digit code it generates below.
-                </Trans>
+                {t('settings.2fa.setup.description')}
             </p>
             <Input.Text
                 aria-labelledby={'totp-code-description'}
@@ -109,7 +106,9 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
                 onChange={(e) => setPassword(e.currentTarget.value)}
             />
             <Dialog.Footer>
-                <Button.Text onClick={close}>{t('cancel')}</Button.Text>
+                <ActionButton variant='secondary' onClick={close}>
+                    {t('cancel')}
+                </ActionButton>
                 {/* <Tooltip
                     disabled={password.length > 0 && value.length === 6}
                     content={
@@ -119,20 +118,30 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
                     }
                     delay={100}
                 > */}
-                <Button
+                <ActionButton
+                    variant='primary'
                     disabled={!token || value.length !== 6 || !password.length}
                     type={'submit'}
                     form={'enable-totp-form'}
                 >
                     {t('enable')}
-                </Button>
+                </ActionButton>
                 {/* </Tooltip> */}
             </Dialog.Footer>
         </form>
     );
 };
 
-export default asDialog({
-    title: 'Enable Authenticator App',
-    description: "You'll be required to enter a verification code each time you sign in.",
-})(ConfigureTwoFactorForm);
+// Create a wrapper component to handle the dialog with translations
+const ConfigureTwoFactorDialogWrapper = (props: any) => {
+    const { t } = useTranslation();
+
+    const DialogComponent = asDialog({
+        title: t('settings.2fa.setup.title'),
+        description: t('settings.2fa.setup.description_dialog'),
+    })(ConfigureTwoFactorForm);
+
+    return <DialogComponent {...props} />;
+};
+
+export default ConfigureTwoFactorDialogWrapper;
diff --git a/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx b/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
index 7b7091d0f..98800b834 100644
--- a/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
+++ b/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
@@ -4,9 +4,9 @@ import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import * as Yup from 'yup';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 
 import { httpErrorToHuman } from '@/api/http';
 
@@ -17,8 +17,11 @@ interface Values {
     password: string;
 }
 
-export default () => {
+
+
+const UpdateEmailAddressForm = () => {
     const { t } = useTranslation();
+
     const user = useStoreState((state: State<ApplicationStore>) => state.user.data);
     const updateEmail = useStoreActions((state: Actions<ApplicationStore>) => state.user.updateUserEmail);
 
@@ -62,15 +65,12 @@ export default () => {
                     <Form className={`m-0`}>
                         <Field id={'current_email'} type={'email'} name={'email'} label={t('auth.email')} />
                         <div className={`mt-6`}>
-                            <Field
-                                id={'confirm_password'}
-                                type={'password'}
-                                name={'password'}
-                                label={t('settings.password.confirm_password')}
-                            />
+                            <Field id={'confirm_password'} type={'password'} name={'password'} label={t('settings.password.confirm_password')} />
                         </div>
                         <div className={`mt-6`}>
-                            <Button disabled={isSubmitting || !isValid}>{t('settings.email.update_email')}</Button>
+                            <ActionButton variant='primary' disabled={isSubmitting || !isValid}>
+                                {t('settings.email.update_email')}
+                            </ActionButton>
                         </div>
                     </Form>
                 </Fragment>
@@ -78,3 +78,5 @@ export default () => {
         </Formik>
     );
 };
+
+export default UpdateEmailAddressForm;
diff --git a/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx b/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
index 2636896c2..1d0a3b4dd 100644
--- a/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
+++ b/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
@@ -4,9 +4,10 @@ import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import * as Yup from 'yup';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
+import Spinner from '@/components/elements/Spinner';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 
 import updateAccountPassword from '@/api/account/updateAccountPassword';
 import { httpErrorToHuman } from '@/api/http';
@@ -19,26 +20,20 @@ interface Values {
     confirmPassword: string;
 }
 
-export default () => {
-    const { t } = useTranslation();
-
-    const schema = Yup.object().shape({
-        current: Yup.string().min(1).required(t('settings.password.validation.current_required')),
-        password: Yup.string()
-            .min(8, t('settings.password.validation.at_least_8_characters'))
-            .required(t('settings.password.validation.password_required')),
-        confirmPassword: Yup.string().test(
-            'password',
-            t('settings.password.validation.password_mismatch'),
-            function (value) {
-                return value === this.parent.password;
-            },
-        ),
-    });
-
+const UpdatePasswordForm = () => {
+    const { t } = useTranslation(); // Moved inside the component
     const user = useStoreState((state: State<ApplicationStore>) => state.user.data);
     const { clearFlashes, addFlash } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
 
+    // Define the validation schema inside the component to access the t function
+    const schema = Yup.object().shape({
+        current: Yup.string().min(1).required(t('settings.password.validation.current_required')),
+        password: Yup.string().min(8).required(t('settings.password.validation.password_required')),
+        confirmPassword: Yup.string()
+            .required(t('settings.password.validation.confirm_required'))
+            .oneOf([Yup.ref('password')], t('settings.password.validation.passwords_must_match')),
+    });
+
     if (!user) {
         return null;
     }
@@ -96,9 +91,10 @@ export default () => {
                                 />
                             </div>
                             <div className={`mt-6`}>
-                                <Button disabled={isSubmitting || !isValid}>
-                                    {t('settings.password.update_password')}
-                                </Button>
+                                <ActionButton variant='primary' disabled={isSubmitting || !isValid}>
+                                    {isSubmitting && <Spinner size='small' />}
+                                    {isSubmitting ? t('common.updating') : t('settings.password.update_password')}
+                                </ActionButton>
                             </div>
                         </Form>
                     </Fragment>
@@ -107,3 +103,5 @@ export default () => {
         </Fragment>
     );
 };
+
+export default UpdatePasswordForm;
diff --git a/resources/scripts/components/dashboard/ssh/AccountSSHContainer.tsx b/resources/scripts/components/dashboard/ssh/AccountSSHContainer.tsx
index 5b6816e8d..7dab26e58 100644
--- a/resources/scripts/components/dashboard/ssh/AccountSSHContainer.tsx
+++ b/resources/scripts/components/dashboard/ssh/AccountSSHContainer.tsx
@@ -1,23 +1,44 @@
 import { format } from 'date-fns';
+import { Actions, useStoreActions } from 'easy-peasy';
+import { Field, Form, Formik, FormikHelpers } from 'formik';
 import { useEffect, useState } from 'react';
+import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
-import CreateSSHKeyForm from '@/components/dashboard/ssh/CreateSSHKeyForm';
-import DeleteSSHKeyButton from '@/components/dashboard/ssh/DeleteSSHKeyButton';
+import ActionButton from '@/components/elements/ActionButton';
 import Code from '@/components/elements/Code';
-import ContentBox from '@/components/elements/ContentBox';
+import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
+import Input from '@/components/elements/Input';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import PageContentBlock from '@/components/elements/PageContentBlock';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import { Dialog } from '@/components/elements/dialog';
+import HugeIconsEye from '@/components/elements/hugeicons/Eye';
+import HugeIconsEyeSlash from '@/components/elements/hugeicons/EyeSlash';
+import HugeIconsKey from '@/components/elements/hugeicons/Key';
+import HugeIconsPlus from '@/components/elements/hugeicons/Plus';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
 
-import { useSSHKeys } from '@/api/account/ssh-keys';
+import { createSSHKey, deleteSSHKey, useSSHKeys } from '@/api/account/ssh-keys';
+import { httpErrorToHuman } from '@/api/http';
+
+import { ApplicationStore } from '@/state';
 
 import { useFlashKey } from '@/plugins/useFlash';
 
-export default () => {
-    const [deleteIdentifier, setDeleteIdentifier] = useState('');
+interface CreateValues {
+    name: string;
+    publicKey: string;
+}
+
+const AccountSSHContainer = () => {
+    const [deleteKey, setDeleteKey] = useState<{ name: string; fingerprint: string } | null>(null);
+    const [showCreateModal, setShowCreateModal] = useState(false);
+    const [showKeys, setShowKeys] = useState<Record<string, boolean>>({});
+
     const { clearAndAddHttpError } = useFlashKey('account');
-    const { data, isValidating, error } = useSSHKeys({
+    const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
+    const { data, isValidating, error, mutate } = useSSHKeys({
         revalidateOnMount: true,
         revalidateOnFocus: false,
     });
@@ -26,54 +47,228 @@ export default () => {
         clearAndAddHttpError(error);
     }, [error]);
 
-    const doDeletion = (fingerprint: string) => {};
+    const doDeletion = () => {
+        if (!deleteKey) return;
+
+        clearAndAddHttpError();
+        Promise.all([
+            mutate((data) => data?.filter((value) => value.fingerprint !== deleteKey.fingerprint), false),
+            deleteSSHKey(deleteKey.fingerprint),
+        ])
+            .catch((error) => {
+                mutate(undefined, true).catch(console.error);
+                clearAndAddHttpError(error);
+            })
+            .finally(() => {
+                setDeleteKey(null);
+            });
+    };
+
+    const submitCreate = (values: CreateValues, { setSubmitting, resetForm }: FormikHelpers<CreateValues>) => {
+        clearFlashes('ssh-keys');
+        createSSHKey(values.name, values.publicKey)
+            .then((key) => {
+                resetForm();
+                setSubmitting(false);
+                mutate((data) => (data || []).concat(key));
+                setShowCreateModal(false);
+            })
+            .catch((error) => {
+                console.error(error);
+                addError({ key: 'account', message: httpErrorToHuman(error) });
+                setSubmitting(false);
+            });
+    };
+
+    const toggleKeyVisibility = (fingerprint: string) => {
+        setShowKeys((prev) => ({
+            ...prev,
+            [fingerprint]: !prev[fingerprint],
+        }));
+    };
 
     return (
         <PageContentBlock title={'SSH Keys'}>
             <FlashMessageRender byKey={'account'} />
-            <div className='md:flex flex-nowrap my-10 space-x-8'>
-                {/* Create SSH Key Section */}
-                <ContentBox title={'Add SSH Key'} className='flex-none w-full md:w-1/1'>
-                    <CreateSSHKeyForm />
-                </ContentBox>
-            </div>
-            {/* SSH Keys List Section */}
-            <ContentBox title={'SSH Keys'}>
-                <SpinnerOverlay visible={!data && isValidating} />
+
+            {/* Create SSH Key Modal */}
+            {showCreateModal && (
                 <Dialog.Confirm
-                    title={'Delete SSH Key'}
-                    confirm={'Delete Key'}
-                    open={!!deleteIdentifier}
-                    onClose={() => setDeleteIdentifier('')}
-                    onConfirmed={() => doDeletion(deleteIdentifier)}
+                    open={showCreateModal}
+                    onClose={() => setShowCreateModal(false)}
+                    title='Add SSH Key'
+                    confirm='Add Key'
+                    onConfirmed={() => {
+                        const form = document.getElementById('create-ssh-form') as HTMLFormElement;
+                        if (form) {
+                            const submitButton = form.querySelector('button[type="submit"]') as HTMLButtonElement;
+                            if (submitButton) submitButton.click();
+                        }
+                    }}
                 >
-                    Deleting this key will revoke access for any system using it.
+                    <Formik
+                        onSubmit={submitCreate}
+                        initialValues={{ name: '', publicKey: '' }}
+                        validationSchema={object().shape({
+                            name: string().required('SSH Key Name is required'),
+                            publicKey: string().required('Public Key is required'),
+                        })}
+                    >
+                        {({ isSubmitting }) => (
+                            <Form id='create-ssh-form' className='space-y-4'>
+                                <SpinnerOverlay visible={isSubmitting} />
+
+                                <FormikFieldWrapper
+                                    label='SSH Key Name'
+                                    name='name'
+                                    description='A name to identify this SSH key.'
+                                >
+                                    <Field name='name' as={Input} className='w-full' />
+                                </FormikFieldWrapper>
+
+                                <FormikFieldWrapper
+                                    label='Public Key'
+                                    name='publicKey'
+                                    description='Enter your public SSH key.'
+                                >
+                                    <Field name='publicKey' as={Input} className='w-full' />
+                                </FormikFieldWrapper>
+
+                                <button type='submit' className='hidden' />
+                            </Form>
+                        )}
+                    </Formik>
                 </Dialog.Confirm>
-                {!data || data.length === 0 ? (
-                    <p className='text-center text-sm text-gray-500'>
-                        {!data ? 'Loading...' : 'No SSH keys exist for this account.'}
-                    </p>
-                ) : (
-                    data.map((key) => (
-                        <div key={key.fingerprint} className='flex flex-col mb-6 space-y-4'>
-                            <div className='flex items-center justify-between space-x-4 border border-gray-300 rounded-lg p-4 transition duration-200'>
-                                <div className='flex-1'>
-                                    <p className='text-sm font-medium'>{key.name}</p>
-                                    <p className='text-xs text-gray-500 uppercase'>
-                                        Added on: {format(key.createdAt, 'MMM d, yyyy HH:mm')}
-                                    </p>
+            )}
+
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
+                <div
+                    className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                    style={{
+                        animationDelay: '50ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <MainPageHeader
+                        title='SSH Keys'
+                        titleChildren={
+                            <ActionButton
+                                variant='primary'
+                                onClick={() => setShowCreateModal(true)}
+                                className='flex items-center gap-2'
+                            >
+                                <HugeIconsPlus className='w-4 h-4' fill='currentColor' />
+                                Add SSH Key
+                            </ActionButton>
+                        }
+                    />
+                </div>
+
+                <div
+                    className='transform-gpu skeleton-anim-2'
+                    style={{
+                        animationDelay: '75ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 sm:p-6 shadow-sm'>
+                        <SpinnerOverlay visible={!data && isValidating} />
+                        <Dialog.Confirm
+                            title={'Delete SSH Key'}
+                            confirm={'Delete Key'}
+                            open={!!deleteKey}
+                            onClose={() => setDeleteKey(null)}
+                            onConfirmed={doDeletion}
+                        >
+                            Removing the <Code>{deleteKey?.name}</Code> SSH key will invalidate its usage across the
+                            Panel.
+                        </Dialog.Confirm>
+
+                        {!data || data.length === 0 ? (
+                            <div className='text-center py-12'>
+                                <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                    <HugeIconsKey className='w-8 h-8 text-zinc-400' fill='currentColor' />
                                 </div>
-                                <p className='text-sm text-gray-600 hidden md:block'>
-                                    <code className='font-mono py-1 px-2 bg-gray-800 rounded text-white'>
-                                        SHA256: {key.fingerprint}
-                                    </code>
+                                <h3 className='text-lg font-medium text-zinc-200 mb-2'>No SSH Keys</h3>
+                                <p className='text-sm text-zinc-400 max-w-sm mx-auto'>
+                                    {!data
+                                        ? 'Loading your SSH keys...'
+                                        : "You haven't added any SSH keys yet. Add one to securely access your servers."}
                                 </p>
-                                <DeleteSSHKeyButton name={key.name} fingerprint={key.fingerprint} />
                             </div>
-                        </div>
-                    ))
-                )}
-            </ContentBox>
+                        ) : (
+                            <div className='space-y-3'>
+                                {data.map((key, index) => (
+                                    <div
+                                        key={key.fingerprint}
+                                        className='transform-gpu skeleton-anim-2'
+                                        style={{
+                                            animationDelay: `${index * 25 + 100}ms`,
+                                            animationTimingFunction:
+                                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                                        }}
+                                    >
+                                        <div className='bg-[#ffffff05] border-[1px] border-[#ffffff08] rounded-lg p-4 hover:border-[#ffffff15] transition-all duration-150'>
+                                            <div className='flex items-center justify-between'>
+                                                <div className='flex-1 min-w-0'>
+                                                    <div className='flex items-center gap-3 mb-2'>
+                                                        <h4 className='text-sm font-medium text-zinc-100 truncate'>
+                                                            {key.name}
+                                                        </h4>
+                                                    </div>
+                                                    <div className='flex items-center gap-4 text-xs text-zinc-400'>
+                                                        <span>Added: {format(key.createdAt, 'MMM d, yyyy HH:mm')}</span>
+                                                        <div className='flex items-center gap-2'>
+                                                            <span>Fingerprint:</span>
+                                                            <code className='font-mono px-2 py-1 bg-[#ffffff08] border border-[#ffffff08] rounded text-zinc-300'>
+                                                                {showKeys[key.fingerprint]
+                                                                    ? `SHA256:${key.fingerprint}`
+                                                                    : 'SHA256:••••••••••••••••'}
+                                                            </code>
+                                                            <ActionButton
+                                                                variant='secondary'
+                                                                size='sm'
+                                                                onClick={() => toggleKeyVisibility(key.fingerprint)}
+                                                                className='p-1 text-zinc-400 hover:text-zinc-300'
+                                                            >
+                                                                {showKeys[key.fingerprint] ? (
+                                                                    <HugeIconsEyeSlash
+                                                                        className='w-3 h-3'
+                                                                        fill='currentColor'
+                                                                    />
+                                                                ) : (
+                                                                    <HugeIconsEye
+                                                                        className='w-3 h-3'
+                                                                        fill='currentColor'
+                                                                    />
+                                                                )}
+                                                            </ActionButton>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <ActionButton
+                                                    variant='danger'
+                                                    size='sm'
+                                                    className='ml-4'
+                                                    onClick={() =>
+                                                        setDeleteKey({ name: key.name, fingerprint: key.fingerprint })
+                                                    }
+                                                >
+                                                    <HugeIconsTrash className='w-4 h-4' fill='currentColor' />
+                                                </ActionButton>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        )}
+                    </div>
+                </div>
+            </div>
         </PageContentBlock>
     );
 };
+
+export default AccountSSHContainer;
diff --git a/resources/scripts/components/dashboard/ssh/CreateSSHKeyForm.tsx b/resources/scripts/components/dashboard/ssh/CreateSSHKeyForm.tsx
index 0bb0deccd..f4a8f9b3a 100644
--- a/resources/scripts/components/dashboard/ssh/CreateSSHKeyForm.tsx
+++ b/resources/scripts/components/dashboard/ssh/CreateSSHKeyForm.tsx
@@ -5,11 +5,11 @@ import { useTranslation } from 'react-i18next';
 import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import ContentBox from '@/components/elements/ContentBox';
 import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
 import Input from '@/components/elements/Input';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 
 import { createSSHKey } from '@/api/account/ssh-keys';
 import { useSSHKeys } from '@/api/account/ssh-keys';
@@ -22,14 +22,14 @@ interface Values {
     publicKey: string;
 }
 
-export default () => {
+const CreateSSHKeyForm = () => {
     const { t } = useTranslation();
     const [sshKey, setSshKey] = useState('');
     const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
     const { mutate } = useSSHKeys();
 
     const submit = (values: Values, { setSubmitting, resetForm }: FormikHelpers<Values>) => {
-        clearFlashes('account');
+        clearFlashes('ssh-keys');
         createSSHKey(values.name, values.publicKey)
             .then((key) => {
                 resetForm();
@@ -39,7 +39,7 @@ export default () => {
             })
             .catch((error) => {
                 console.error(error);
-                addError({ key: 'account', message: httpErrorToHuman(error) });
+                addError({ key: 'ssh-keys', message: httpErrorToHuman(error) });
                 setSubmitting(false);
             });
     };
@@ -87,9 +87,9 @@ export default () => {
 
                             {/* Submit Button below form fields */}
                             <div className='flex justify-end mt-6'>
-                                <Button type='submit' disabled={isSubmitting}>
+                                <ActionButton type='submit' disabled={isSubmitting}>
                                     {isSubmitting ? t('ssh_key.creating') : t('ssh_key.create')}
-                                </Button>
+                                </ActionButton>
                             </div>
                         </Form>
                     )}
@@ -98,3 +98,5 @@ export default () => {
         </>
     );
 };
+
+export default CreateSSHKeyForm;
diff --git a/resources/scripts/components/dashboard/ssh/DeleteSSHKeyButton.tsx b/resources/scripts/components/dashboard/ssh/DeleteSSHKeyButton.tsx
index bbdffb8c9..0321b970d 100644
--- a/resources/scripts/components/dashboard/ssh/DeleteSSHKeyButton.tsx
+++ b/resources/scripts/components/dashboard/ssh/DeleteSSHKeyButton.tsx
@@ -9,8 +9,8 @@ import { deleteSSHKey, useSSHKeys } from '@/api/account/ssh-keys';
 
 import { useFlashKey } from '@/plugins/useFlash';
 
-export default ({ name, fingerprint }: { name: string; fingerprint: string }) => {
-    const { clearAndAddHttpError } = useFlashKey('account');
+const DeleteSSHKeyButton = ({ name, fingerprint }: { name: string; fingerprint: string }) => {
+    const { clearAndAddHttpError } = useFlashKey('ssh-keys');
     const [visible, setVisible] = useState(false);
     const { mutate } = useSSHKeys();
 
@@ -37,9 +37,14 @@ export default ({ name, fingerprint }: { name: string; fingerprint: string }) =>
             >
                 Removing the <Code>{name}</Code> SSH key will invalidate its usage across the Panel.
             </Dialog.Confirm>
-            <button className={`p-2 text-red-500 hover:text-red-700`} onClick={() => setVisible(true)}>
-                <FontAwesomeIcon icon={faTrashAlt} size='lg' />{' '}
+            <button
+                className='p-2 text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded-lg transition-all duration-150'
+                onClick={() => setVisible(true)}
+            >
+                <FontAwesomeIcon icon={faTrashAlt} size='lg' />
             </button>
         </>
     );
 };
+
+export default DeleteSSHKeyButton;
diff --git a/resources/scripts/components/elements/ActionButton.tsx b/resources/scripts/components/elements/ActionButton.tsx
new file mode 100644
index 000000000..1e492f68f
--- /dev/null
+++ b/resources/scripts/components/elements/ActionButton.tsx
@@ -0,0 +1,41 @@
+import { forwardRef } from 'react';
+
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+}
+
+const ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(
+    ({ variant = 'primary', size = 'md', className = '', children, ...props }, ref) => {
+        const baseClasses =
+            'inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-lg font-medium transition-all focus-visible:outline-hidden disabled:opacity-50 disabled:cursor-not-allowed';
+
+        const variantClasses = {
+            primary: 'bg-brand text-white hover:bg-brand/80 active:bg-brand/90 border border-brand/20',
+            secondary:
+                'bg-[#ffffff11] text-[#ffffff88] hover:bg-[#ffffff23] hover:text-[#ffffff] border border-[#ffffff12]',
+            danger: 'bg-brand/20 text-red-400 hover:bg-brand/30 hover:text-red-300 border border-brand/40 hover:border-brand/60',
+        };
+
+        const sizeClasses = {
+            sm: 'h-8 px-3 py-1.5 text-xs',
+            md: 'h-10 px-4 py-2 text-sm',
+            lg: 'h-12 px-6 py-3 text-base',
+        };
+
+        return (
+            <button
+                ref={ref}
+                className={`${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`}
+                {...props}
+            >
+                {children}
+            </button>
+        );
+    },
+);
+
+ActionButton.displayName = 'ActionButton';
+
+export default ActionButton;
diff --git a/resources/scripts/components/elements/ButtonV2.tsx b/resources/scripts/components/elements/ButtonV2.tsx
index 133d3e1fb..875ddda88 100644
--- a/resources/scripts/components/elements/ButtonV2.tsx
+++ b/resources/scripts/components/elements/ButtonV2.tsx
@@ -9,7 +9,7 @@ const Button = ({ className, ...props }: Props) => {
     return (
         <button
             className={clsx(
-                'flex items-center justify-center h-8 px-4 text-sm font-medium text-white transition-colors duration-150 bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] inner-border-[1px] inner-border-[#ffffff15] border border-transparent rounded-full shadow-sm hover:from-[#ffffff05] hover:to-[#ffffff04]',
+                'flex items-center justify-center h-8 px-4 text-sm font-medium text-white transition-colors duration-150 bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#ffffff15] rounded-full shadow-xs hover:from-[#ffffff05] hover:to-[#ffffff04] cursor-pointer',
                 className,
             )}
             {...props}
diff --git a/resources/scripts/components/elements/Captcha.tsx b/resources/scripts/components/elements/Captcha.tsx
new file mode 100644
index 000000000..708bd86cb
--- /dev/null
+++ b/resources/scripts/components/elements/Captcha.tsx
@@ -0,0 +1,186 @@
+import { useEffect, useRef, useState } from 'react';
+
+import CaptchaManager from '@/lib/captcha';
+
+interface CaptchaProps {
+    onSuccess?: (token: string) => void;
+    onError?: (error: any) => void;
+    onExpired?: () => void;
+    className?: string;
+    theme?: 'light' | 'dark' | 'auto';
+    size?: 'normal' | 'compact' | 'invisible';
+}
+
+export default function Captcha({
+    onSuccess,
+    onError,
+    onExpired,
+    className,
+    theme = 'auto',
+    size = 'normal',
+}: CaptchaProps) {
+    const containerRef = useRef<HTMLDivElement>(null);
+    const [widgetId, setWidgetId] = useState<string | null>(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+
+    // Use refs to store the latest callback values to avoid recreating the effect
+    const onSuccessRef = useRef(onSuccess);
+    const onErrorRef = useRef(onError);
+    const onExpiredRef = useRef(onExpired);
+
+    // Update refs when callbacks change
+    useEffect(() => {
+        onSuccessRef.current = onSuccess;
+        onErrorRef.current = onError;
+        onExpiredRef.current = onExpired;
+    });
+
+    // Stable callback functions that use refs
+    const handleSuccess = (token: string) => {
+        onSuccessRef.current?.(token);
+    };
+
+    const handleError = (err: any) => {
+        setError('Captcha verification failed');
+        onErrorRef.current?.(err);
+    };
+
+    const handleExpired = () => {
+        setError('Captcha expired');
+        onExpiredRef.current?.();
+    };
+
+    useEffect(() => {
+        if (!CaptchaManager.isEnabled()) {
+            return;
+        }
+
+        let mounted = true;
+
+        const initializeCaptcha = async () => {
+            if (!containerRef.current) return;
+
+            // Clean up any existing widget first
+            if (widgetId) {
+                CaptchaManager.removeWidget();
+                setWidgetId(null);
+            }
+
+            // Clear the container
+            if (containerRef.current) {
+                containerRef.current.innerHTML = '';
+            }
+
+            setIsLoading(true);
+            setError(null);
+
+            try {
+                // Load the SDK first
+                await CaptchaManager.loadSdk();
+
+                if (!mounted) return;
+
+                // Render the widget
+                const id = await CaptchaManager.renderWidget(containerRef.current, {
+                    theme,
+                    size,
+                    onSuccess: handleSuccess,
+                    onError: handleError,
+                    onExpired: handleExpired,
+                });
+
+                if (mounted) {
+                    setWidgetId(id);
+                }
+            } catch (err) {
+                if (mounted) {
+                    setError('Failed to load captcha');
+                }
+            } finally {
+                if (mounted) {
+                    setIsLoading(false);
+                }
+            }
+        };
+
+        initializeCaptcha();
+
+        return () => {
+            mounted = false;
+            if (widgetId) {
+                CaptchaManager.removeWidget();
+            }
+        };
+    }, [theme, size]);
+
+    // Set up event listeners for captcha events
+    useEffect(() => {
+        const handleSuccess = (event: CustomEvent) => {
+            setError(null);
+        };
+
+        const handleError = (event: CustomEvent) => {
+            setError('Captcha verification failed');
+        };
+
+        const handleExpired = (event: CustomEvent) => {
+            setError('Captcha expired');
+        };
+
+        window.addEventListener('captcha:success', handleSuccess as EventListener);
+        window.addEventListener('captcha:error', handleError as EventListener);
+        window.addEventListener('captcha:expired', handleExpired as EventListener);
+
+        return () => {
+            window.removeEventListener('captcha:success', handleSuccess as EventListener);
+            window.removeEventListener('captcha:error', handleError as EventListener);
+            window.removeEventListener('captcha:expired', handleExpired as EventListener);
+        };
+    }, []);
+
+    // Don't render anything if captcha is disabled
+    if (!CaptchaManager.isEnabled()) {
+        return null;
+    }
+
+    return (
+        <div className={className}>
+            <div ref={containerRef} />
+            {isLoading && <div className='text-sm text-gray-500 mt-2'>Loading captcha...</div>}
+            {error && <div className='text-sm text-red-500 mt-2'>{error}</div>}
+        </div>
+    );
+}
+
+/**
+ * Get the captcha response
+ */
+export function getCaptchaResponse(): string | null {
+    if (!CaptchaManager.isEnabled()) {
+        return null;
+    }
+
+    return CaptchaManager.getResponse();
+}
+
+/**
+ * Reset the captcha widget
+ */
+export function resetCaptcha(): void {
+    CaptchaManager.resetWidget();
+}
+
+/**
+ * Remove the captcha widget
+ */
+export function removeCaptcha(): void {
+    CaptchaManager.removeWidget();
+}
+
+/**
+ * Create a hidden input field for form submission
+ */
+export function createCaptchaHiddenInput(formElement: HTMLFormElement): HTMLInputElement | null {
+    return CaptchaManager.createHiddenInput(formElement);
+}
diff --git a/resources/scripts/components/elements/CheckBoxMods.tsx b/resources/scripts/components/elements/CheckBoxMods.tsx
index d6a7e6d07..750c4a251 100644
--- a/resources/scripts/components/elements/CheckBoxMods.tsx
+++ b/resources/scripts/components/elements/CheckBoxMods.tsx
@@ -28,4 +28,6 @@ const CheckBox = forwardRef<HTMLInputElement, Props>(({ className, label, inputF
     </div>
 ));
 
+CheckBox.displayName = 'CheckBox';
+
 export default CheckBox;
diff --git a/resources/scripts/components/elements/Checkbox.tsx b/resources/scripts/components/elements/Checkbox.tsx
index bd55d03cc..e9f121c3a 100644
--- a/resources/scripts/components/elements/Checkbox.tsx
+++ b/resources/scripts/components/elements/Checkbox.tsx
@@ -31,7 +31,11 @@ const Checkbox = ({ name, value, className, ...props }: Props & InputProps) => (
                     onClick={() => form.setFieldTouched(field.name, true)}
                     onChange={(e) => {
                         const set = new Set(field.value);
-                        set.has(value) ? set.delete(value) : set.add(value);
+                        if (set.has(value)) {
+                            set.delete(value);
+                        } else {
+                            set.add(value);
+                        }
 
                         field.onChange(e);
                         form.setFieldValue(field.name, Array.from(set));
diff --git a/resources/scripts/components/elements/CheckboxNew.tsx b/resources/scripts/components/elements/CheckboxNew.tsx
index d0ec6cb39..4778d5504 100644
--- a/resources/scripts/components/elements/CheckboxNew.tsx
+++ b/resources/scripts/components/elements/CheckboxNew.tsx
@@ -1,7 +1,8 @@
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon } from '@radix-ui/react-icons';
 import * as React from 'react';
 
+import HugeIconsCheck from '@/components/elements/hugeicons/Check';
+
 import { cn } from '@/lib/utils';
 
 const Checkbox = React.forwardRef<
@@ -11,13 +12,13 @@ const Checkbox = React.forwardRef<
     <CheckboxPrimitive.Root
         ref={ref}
         className={cn(
-            'peer h-5 w-5 shrink-0 rounded-md border-2 border-[#ffffff66] shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[deepskyblue] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:text-primary-foreground',
+            'peer h-5 w-5 shrink-0 rounded-md border-2 border-[#ffffff66] shadow-sm focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-[deepskyblue] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:text-primary-foreground',
             className,
         )}
         {...props}
     >
         <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>
-            <CheckIcon className='h-4 w-4' />
+            <HugeIconsCheck fill='currentColor' className='h-4 w-4' />
         </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
 ));
diff --git a/resources/scripts/components/elements/Code.tsx b/resources/scripts/components/elements/Code.tsx
index a0ce42bfa..aee285ac5 100644
--- a/resources/scripts/components/elements/Code.tsx
+++ b/resources/scripts/components/elements/Code.tsx
@@ -6,9 +6,9 @@ interface CodeProps {
     children: React.ReactNode;
 }
 
-export default ({ dark, className, children }: CodeProps) => (
+const Code = ({ dark, className, children }: CodeProps) => (
     <code
-        className={clsx('font-mono text-sm px-2 py-1 inline-block rounded w-fit', className, {
+        className={clsx('font-mono text-sm px-2 py-1 inline-block rounded-sm w-fit', className, {
             'bg-zinc-900': !dark,
             'bg-zinc-900 text-zinc-100': dark,
         })}
@@ -16,3 +16,5 @@ export default ({ dark, className, children }: CodeProps) => (
         {children}
     </code>
 );
+
+export default Code;
diff --git a/resources/scripts/components/elements/ConfirmationModal.tsx b/resources/scripts/components/elements/ConfirmationModal.tsx
index daa470040..682a4a8b3 100644
--- a/resources/scripts/components/elements/ConfirmationModal.tsx
+++ b/resources/scripts/components/elements/ConfirmationModal.tsx
@@ -2,7 +2,7 @@ import ModalContext from '@/context/ModalContext';
 import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { Button } from '@/components/elements/button/index';
+import ActionButton from '@/components/elements/ActionButton';
 
 import asModal from '@/hoc/asModal';
 
@@ -11,29 +11,40 @@ type Props = {
     buttonText: string;
     onConfirmed: () => void;
     showSpinnerOverlay?: boolean;
+    disabled?: boolean;
     children: React.ReactNode;
 };
 
-const ConfirmationModal: React.FC<Props> = ({ children, buttonText, onConfirmed }) => {
+const ConfirmationModal: React.FC<Props> = ({ children, buttonText, onConfirmed, disabled }) => {
+    const { t } = useTranslation(); // Only keep this one
     const { dismiss } = useContext(ModalContext);
-    const { t } = useTranslation();
 
     return (
         <>
             <div className='flex flex-col w-full'>
                 <div className={`text-zinc-300`}>{children}</div>
                 <div className={`flex gap-4 items-center justify-end my-6`}>
-                    <Button.Text onClick={() => dismiss()}>{t('cancel')}</Button.Text>
-                    <Button onClick={() => onConfirmed()}>{buttonText}</Button>
+                    <ActionButton variant='secondary' onClick={() => dismiss()}>
+                        {t('cancel')}
+                    </ActionButton>
+                    <ActionButton onClick={() => onConfirmed()} disabled={disabled}>
+                        {buttonText}
+                    </ActionButton>
                 </div>
             </div>
         </>
     );
 };
 
+// For the displayName, you can either use a static string or create a wrapper component
 ConfirmationModal.displayName = 'ConfirmationModal';
 
+// Create a wrapper component to handle the modal with translations if needed
+const ConfirmationModalWrapper = (props: Props) => {
+    return <ConfirmationModal {...props} />;
+};
+
 export default asModal<Props>((props) => ({
     title: props.title,
     showSpinnerOverlay: props.showSpinnerOverlay,
-}))(ConfirmationModal);
+}))(ConfirmationModalWrapper);
diff --git a/resources/scripts/components/elements/ContentBox.tsx b/resources/scripts/components/elements/ContentBox.tsx
index dde5afe08..00006596b 100644
--- a/resources/scripts/components/elements/ContentBox.tsx
+++ b/resources/scripts/components/elements/ContentBox.tsx
@@ -11,7 +11,7 @@ type Props = Readonly<
 >;
 
 const ContentBox = ({ title, showFlashes, showLoadingOverlay, children, ...props }: Props) => (
-    <div className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-xl' {...props}>
+    <div className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-xl' {...props}>
         {title && <h2 className={`font-extrabold mb-4  text-2xl`}>{title}</h2>}
         {showFlashes && <FlashMessageRender byKey={typeof showFlashes === 'string' ? showFlashes : undefined} />}
         <div>
diff --git a/resources/scripts/components/elements/ContextMenu.tsx b/resources/scripts/components/elements/ContextMenu.tsx
index 0331cec51..b086e55fb 100644
--- a/resources/scripts/components/elements/ContextMenu.tsx
+++ b/resources/scripts/components/elements/ContextMenu.tsx
@@ -1,7 +1,10 @@
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
 import * as React from 'react';
 
+import HugeIconsCheck from '@/components/elements/hugeicons/Check';
+import HugeIconsChevronRight from '@/components/elements/hugeicons/ChevronRight';
+import HugeIconsDotFilled from '@/components/elements/hugeicons/DotFilled';
+
 import { cn } from '@/lib/utils';
 
 const ContextMenu = ContextMenuPrimitive.Root;
@@ -25,14 +28,14 @@ const ContextMenuSubTrigger = React.forwardRef<
     <ContextMenuPrimitive.SubTrigger
         ref={ref}
         className={cn(
-            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+            'flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
             inset && 'pl-8',
             className,
         )}
         {...props}
     >
         {children}
-        <ChevronRightIcon className='ml-auto h-4 w-4' />
+        <HugeIconsChevronRight className='ml-auto h-4 w-4' />
     </ContextMenuPrimitive.SubTrigger>
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
@@ -44,7 +47,7 @@ const ContextMenuSubContent = React.forwardRef<
     <ContextMenuPrimitive.SubContent
         ref={ref}
         className={cn(
-            'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,_rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
             className,
         )}
         {...props}
@@ -60,7 +63,7 @@ const ContextMenuContent = React.forwardRef<
         <ContextMenuPrimitive.Content
             ref={ref}
             className={cn(
-                'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,_rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+                'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                 className,
             )}
             {...props}
@@ -78,7 +81,7 @@ const ContextMenuItem = React.forwardRef<
     <ContextMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'font-bold relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff33] data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'font-bold relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff33] data-disabled:pointer-events-none data-disabled:opacity-50',
             inset && 'pl-8',
             className,
         )}
@@ -94,7 +97,7 @@ const ContextMenuCheckboxItem = React.forwardRef<
     <ContextMenuPrimitive.CheckboxItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
             className,
         )}
         checked={checked}
@@ -102,7 +105,7 @@ const ContextMenuCheckboxItem = React.forwardRef<
     >
         <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
             <ContextMenuPrimitive.ItemIndicator>
-                <CheckIcon className='h-4 w-4' />
+                <HugeIconsCheck className='h-4 w-4' />
             </ContextMenuPrimitive.ItemIndicator>
         </span>
         {children}
@@ -117,14 +120,14 @@ const ContextMenuRadioItem = React.forwardRef<
     <ContextMenuPrimitive.RadioItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
             className,
         )}
         {...props}
     >
         <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
             <ContextMenuPrimitive.ItemIndicator>
-                <DotFilledIcon className='h-4 w-4 fill-current' />
+                <HugeIconsDotFilled className='h-4 w-4 fill-current' />
             </ContextMenuPrimitive.ItemIndicator>
         </span>
         {children}
diff --git a/resources/scripts/components/elements/CopyOnClick.tsx b/resources/scripts/components/elements/CopyOnClick.tsx
index 42545f61c..dc697eb9e 100644
--- a/resources/scripts/components/elements/CopyOnClick.tsx
+++ b/resources/scripts/components/elements/CopyOnClick.tsx
@@ -41,7 +41,7 @@ const CopyOnClick = ({ text, children, showInNotification }: CopyOnClickProps) =
     const child = !text
         ? React.Children.only(children)
         : React.cloneElement(React.Children.only(children), {
-              // @ts-ignore
+              // @ts-expect-error - Props type inference issue with React.cloneElement
               className: clsx(children.props.className || '', 'cursor-pointer'),
               onClick: (e: React.MouseEvent<HTMLElement>) => {
                   copy(String(text));
diff --git a/resources/scripts/components/elements/DropdownMenu.tsx b/resources/scripts/components/elements/DropdownMenu.tsx
index a2140bf91..3d530af2d 100644
--- a/resources/scripts/components/elements/DropdownMenu.tsx
+++ b/resources/scripts/components/elements/DropdownMenu.tsx
@@ -1,9 +1,11 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { CheckIcon, ChevronRightIcon } from '@radix-ui/react-icons';
 import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
+import HugeIconsCheck from './hugeicons/Check';
+import HugeIconsChevronRight from './hugeicons/ChevronRight';
+
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -25,14 +27,14 @@ const DropdownMenuSubTrigger = React.forwardRef<
     <DropdownMenuPrimitive.SubTrigger
         ref={ref}
         className={cn(
-            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+            'flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent',
             inset && 'pl-8',
             className,
         )}
         {...props}
     >
         {children}
-        <ChevronRightIcon className='ml-auto h-4 w-4' />
+        <HugeIconsChevronRight className='ml-auto h-4 w-4' fill='currentColor' />
     </DropdownMenuPrimitive.SubTrigger>
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
@@ -44,7 +46,7 @@ const DropdownMenuSubContent = React.forwardRef<
     <DropdownMenuPrimitive.SubContent
         ref={ref}
         className={cn(
-            'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,_rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-2xl p-2 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
             className,
         )}
         {...props}
@@ -61,7 +63,7 @@ const DropdownMenuContent = React.forwardRef<
             ref={ref}
             sideOffset={sideOffset}
             className={cn(
-                'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,_rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-[6px] p-2 shadow-md',
+                'z-50 min-w-[14rem] overflow-hidden rounded-xl bg-[radial-gradient(124.75%_124.75%_at_50.01%_-10.55%,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0.02)_100%)] backdrop-blur-[6px] p-2 shadow-md',
                 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                 className,
             )}
@@ -80,7 +82,7 @@ const DropdownMenuItem = React.forwardRef<
     <DropdownMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'font-bold relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff33] data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'font-bold relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff33] data-disabled:pointer-events-none data-disabled:opacity-50',
             inset && 'pl-8',
             className,
         )}
@@ -96,7 +98,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     <DropdownMenuPrimitive.CheckboxItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff33] focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
             className,
         )}
         checked={checked}
@@ -104,7 +106,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     >
         <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
             <DropdownMenuPrimitive.ItemIndicator>
-                <CheckIcon className='h-4 w-4' />
+                <HugeIconsCheck className='h-4 w-4' fill='currentColor' />
             </DropdownMenuPrimitive.ItemIndicator>
         </span>
         {children}
@@ -119,7 +121,7 @@ const DropdownMenuRadioItem = React.forwardRef<
     <DropdownMenuPrimitive.RadioItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition focus:duration-0 focus:bg-[#ffffff10] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition focus:duration-0 focus:bg-[#ffffff10] focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
             className,
         )}
         {...props}
diff --git a/resources/scripts/components/elements/ErrorBoundary.tsx b/resources/scripts/components/elements/ErrorBoundary.tsx
index f4c3a57bc..1d6c16379 100644
--- a/resources/scripts/components/elements/ErrorBoundary.tsx
+++ b/resources/scripts/components/elements/ErrorBoundary.tsx
@@ -1,18 +1,16 @@
-import { Component } from 'react';
+import { Component, ReactNode } from 'react';
 import { withTranslation } from 'react-i18next';
 
+interface Props {
+    children?: ReactNode;
+    t: (key: string) => string;
+}
+
 interface State {
     hasError: boolean;
 }
 
-interface ErrorBoundaryProps {
-    t: (key: string) => string;
-}
-
-/**
- * Component bắt lỗi React và hiển thị thông báo lỗi thân thiện
- */
-class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
+class ErrorBoundary extends Component<Props, State> {
     override state: State = {
         hasError: false,
     };
@@ -27,16 +25,19 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
 
     override render() {
         const { t } = this.props;
-
-        return this.state.hasError ? (
-            <div className={`flex items-center justify-center w-full my-4`}>
-                <div className={`flex items-center bg-neutral-900 rounded p-3 text-red-500`}>
-                    <p className={`text-sm text-neutral-100`}>{t('errors.rendering_error')}</p>
+        if (this.state.hasError) {
+            return (
+                <div className={`flex items-center justify-center w-full my-4`}>
+                    <div className={`flex items-center bg-neutral-900 rounded-sm p-3 text-red-500`}>
+                        <p className={`text-sm text-neutral-100`}>
+                            {t('errors.rendering_error')}
+                        </p>
+                    </div>
                 </div>
-            </div>
-        ) : (
-            (this.props as any).children
-        );
+            );
+        }
+
+        return this.props.children;
     }
 }
 
diff --git a/resources/scripts/components/elements/Field.tsx b/resources/scripts/components/elements/Field.tsx
index bbe6987c9..b18acccfc 100644
--- a/resources/scripts/components/elements/Field.tsx
+++ b/resources/scripts/components/elements/Field.tsx
@@ -21,7 +21,7 @@ const Field = forwardRef<HTMLInputElement, Props>(
                         </label>
                     )}
                     <input
-                        className='px-4 py-2 rounded-lg outline-none bg-[#ffffff17] text-sm'
+                        className='px-4 py-2 rounded-lg outline-hidden bg-[#ffffff17] text-sm'
                         id={id}
                         {...field}
                         {...props}
diff --git a/resources/scripts/components/elements/Input.tsx b/resources/scripts/components/elements/Input.tsx
index a610384c0..78c591e79 100644
--- a/resources/scripts/components/elements/Input.tsx
+++ b/resources/scripts/components/elements/Input.tsx
@@ -6,6 +6,12 @@ export interface Props {
 }
 
 const checkboxStyle = css<Props>`
+    appearance: none;
+    width: 1rem;
+    height: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 0.25rem;
+    background-color: rgba(255, 255, 255, 0.09);
     color-adjust: exact;
     background-origin: border-box;
     transition:
@@ -13,13 +19,27 @@ const checkboxStyle = css<Props>`
         box-shadow 25ms linear;
 
     &:checked {
-        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
-        background-color: white;
+        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
+        background-color: #3b82f6;
+        border-color: #3b82f6;
         background-size: 100% 100%;
+        background-position: center;
+        background-repeat: no-repeat;
+    }
+
+    &:hover {
+        border-color: rgba(255, 255, 255, 0.3);
     }
 
     &:focus {
-        box-shadow: 0 0 0 1px rgba(9, 103, 210, 0.25);
+        outline: none;
+        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
+        border-color: #3b82f6;
+    }
+
+    &:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
     }
 `;
 
diff --git a/resources/scripts/components/elements/ItemContainer.tsx b/resources/scripts/components/elements/ItemContainer.tsx
index 6e4d5bb7f..18b923544 100644
--- a/resources/scripts/components/elements/ItemContainer.tsx
+++ b/resources/scripts/components/elements/ItemContainer.tsx
@@ -1,6 +1,4 @@
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { v4 } from 'uuid';
 
 import CopyOnClick from './CopyOnClick';
@@ -9,7 +7,7 @@ export interface ContainerProps {
     title: string;
     description: string;
     children?: React.ReactNode;
-    icon?: IconDefinition;
+    icon?: React.ComponentType<{ className?: string; fill?: string }>;
     labelClasses?: string;
     titleClasses?: string;
     descriptionClasses?: string;
@@ -36,7 +34,7 @@ const ItemContainer = ({
         >
             {icon && (
                 <div className={`w-10 h-10 items-center justify-center hidden sm:flex`}>
-                    <FontAwesomeIcon icon={icon} />
+                    {React.createElement(icon, { className: 'w-6 h-6', fill: 'currentColor' })}
                 </div>
             )}
             <div className={`flex flex-1 flex-col`}>
diff --git a/resources/scripts/components/elements/MainPageHeader.tsx b/resources/scripts/components/elements/MainPageHeader.tsx
index a9522459b..98ae0d778 100644
--- a/resources/scripts/components/elements/MainPageHeader.tsx
+++ b/resources/scripts/components/elements/MainPageHeader.tsx
@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import { JSX } from 'react';
 import styled from 'styled-components';
 
 const HeaderWrapper = styled.div``;
@@ -17,19 +18,25 @@ export const MainPageHeader: React.FC<MainPageHeaderProps> = ({
     direction = 'row',
 }) => {
     return (
-        <HeaderWrapper
-            className={clsx(
-                'flex',
-                direction === 'row' ? 'items-center flex-col md:flex-row' : 'items-start flex-col',
-                'justify-between',
-                'mb-8 gap-8 mt-8 md:mt-0 select-none',
-            )}
-        >
-            <div className='flex items-center gap-4 flex-wrap'>
-                <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem]'>{title}</h1>
-                {titleChildren}
+        <HeaderWrapper className={clsx('flex flex-col', 'mb-4 gap-4 md:gap-8 mt-8 md:mt-0 select-none')}>
+            <div
+                className={clsx(
+                    'flex',
+                    direction === 'row'
+                        ? 'flex-col sm:flex-row sm:items-center'
+                        : 'flex-col sm:flex-row sm:items-start',
+                    'justify-between',
+                    'gap-4',
+                )}
+            >
+                <div className='flex items-center gap-4 flex-wrap min-w-0 flex-1'>
+                    <h1 className='text-2xl sm:text-3xl md:text-4xl lg:text-[52px] font-extrabold leading-[98%] tracking-[-0.02em] sm:tracking-[-0.06em] md:tracking-[-0.14rem] break-words'>
+                        {title}
+                    </h1>
+                </div>
+                {titleChildren && <div className='flex-shrink-0 w-full sm:w-auto'>{titleChildren}</div>}
             </div>
-            {children}
+            {direction === 'column' && children && <div className='-mt-2 md:-mt-4'>{children}</div>}
         </HeaderWrapper>
     );
 };
diff --git a/resources/scripts/components/elements/MainSidebar.tsx b/resources/scripts/components/elements/MainSidebar.tsx
index f201e5ced..84bfe89a9 100644
--- a/resources/scripts/components/elements/MainSidebar.tsx
+++ b/resources/scripts/components/elements/MainSidebar.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 const MainSidebar = styled.nav`
     width: 300px;
     flex-direction: column;
-    flex-shrink: 0;
+    shrink: 0;
     border-radius: 8px;
     overflow-x: hidden;
     padding: 32px;
diff --git a/resources/scripts/components/elements/MobileFullScreenMenu.tsx b/resources/scripts/components/elements/MobileFullScreenMenu.tsx
new file mode 100644
index 000000000..cd7049a44
--- /dev/null
+++ b/resources/scripts/components/elements/MobileFullScreenMenu.tsx
@@ -0,0 +1,229 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+
+import Can from '@/components/elements/Can';
+import HugeIconsApi from '@/components/elements/hugeicons/Api';
+import HugeIconsClock from '@/components/elements/hugeicons/Clock';
+import HugeIconsCloudUp from '@/components/elements/hugeicons/CloudUp';
+import HugeIconsConnections from '@/components/elements/hugeicons/Connections';
+import HugeIconsConsole from '@/components/elements/hugeicons/Console';
+import HugeIconsController from '@/components/elements/hugeicons/Controller';
+import HugeIconsDashboardSettings from '@/components/elements/hugeicons/DashboardSettings';
+import HugeIconsDatabase from '@/components/elements/hugeicons/Database';
+import HugeIconsFolder from '@/components/elements/hugeicons/Folder';
+import HugeIconsHome from '@/components/elements/hugeicons/Home';
+import HugeIconsPencil from '@/components/elements/hugeicons/Pencil';
+import HugeIconsPeople from '@/components/elements/hugeicons/People';
+import HugeIconsSsh from '@/components/elements/hugeicons/Ssh';
+import HugeIconsX from '@/components/elements/hugeicons/X';
+
+interface MobileFullScreenMenuProps {
+    isVisible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+
+const MobileFullScreenMenu = ({ isVisible, onClose, children }: MobileFullScreenMenuProps) => {
+    if (!isVisible) return null;
+
+    return (
+        <div className='lg:hidden fixed inset-0 z-9999 bg-[#1a1a1a] pt-16'>
+            {/* Close button */}
+            <button
+                onClick={onClose}
+                className='absolute top-4 right-4 p-2 text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-all duration-200'
+                aria-label='Close menu'
+            >
+                <HugeIconsX fill='currentColor' />
+            </button>
+
+            {/* Full screen navigation menu */}
+            <div className='h-full overflow-y-auto'>
+                <div className='p-6'>
+                    {/* Menu items */}
+                    <nav className='space-y-2'>{children}</nav>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+interface DashboardMobileMenuProps {
+    isVisible: boolean;
+    onClose: () => void;
+}
+
+export const DashboardMobileMenu = ({ isVisible, onClose }: DashboardMobileMenuProps) => {
+    const NavigationItem = ({
+        to,
+        icon: Icon,
+        children,
+        end = false,
+    }: {
+        to: string;
+        icon: React.ComponentType<{ fill: string }>;
+        children: React.ReactNode;
+        end?: boolean;
+    }) => (
+        <NavLink
+            to={to}
+            end={end}
+            className={({ isActive }) =>
+                `flex items-center gap-4 p-4 rounded-md transition-all duration-200 ${
+                    isActive
+                        ? 'bg-gradient-to-r from-brand/20 to-brand/10 border-l-4 border-brand text-white'
+                        : 'text-white/80 hover:text-white hover:bg-[#ffffff11] border-l-4 border-transparent'
+                }`
+            }
+            onClick={onClose}
+        >
+            <Icon fill='currentColor' />
+            <span className='text-lg font-medium'>{children}</span>
+        </NavLink>
+    );
+
+    return (
+        <MobileFullScreenMenu isVisible={isVisible} onClose={onClose}>
+            <NavigationItem to='/' icon={HugeIconsHome} end>
+                Servers
+            </NavigationItem>
+            <NavigationItem to='/account/api' icon={HugeIconsApi} end>
+                API Keys
+            </NavigationItem>
+            <NavigationItem to='/account/ssh' icon={HugeIconsSsh} end>
+                SSH Keys
+            </NavigationItem>
+            <NavigationItem to='/account' icon={HugeIconsDashboardSettings} end>
+                Settings
+            </NavigationItem>
+        </MobileFullScreenMenu>
+    );
+};
+
+interface ServerMobileMenuProps {
+    isVisible: boolean;
+    onClose: () => void;
+    serverId?: string;
+    databaseLimit?: number;
+    backupLimit?: number;
+    allocationLimit?: number;
+    subdomainSupported?: boolean;
+}
+
+export const ServerMobileMenu = ({
+    isVisible,
+    onClose,
+    serverId,
+    databaseLimit = 0,
+    backupLimit = 0,
+    allocationLimit = 0,
+    subdomainSupported = false,
+}: ServerMobileMenuProps) => {
+    const NavigationItem = ({
+        to,
+        icon: Icon,
+        children,
+        end = false,
+    }: {
+        to: string;
+        icon: React.ComponentType<{ fill: string }>;
+        children: React.ReactNode;
+        end?: boolean;
+    }) => (
+        <NavLink
+            to={to}
+            end={end}
+            className={({ isActive }) =>
+                `flex items-center gap-4 p-4 rounded-md transition-all duration-200 ${
+                    isActive
+                        ? 'bg-gradient-to-r from-brand/20 to-brand/10 border-l-4 border-brand text-white'
+                        : 'text-white/80 hover:text-white hover:bg-[#ffffff11] border-l-4 border-transparent'
+                }`
+            }
+            onClick={onClose}
+        >
+            <Icon fill='currentColor' />
+            <span className='text-lg font-medium'>{children}</span>
+        </NavLink>
+    );
+
+    if (!serverId) return null;
+
+    return (
+        <MobileFullScreenMenu isVisible={isVisible} onClose={onClose}>
+            <NavigationItem to={`/server/${serverId}`} icon={HugeIconsHome} end>
+                Home
+            </NavigationItem>
+
+            <>
+                <Can action={'file.*'} matchAny>
+                    <NavigationItem to={`/server/${serverId}/files`} icon={HugeIconsFolder}>
+                        Files
+                    </NavigationItem>
+                </Can>
+
+                {databaseLimit > 0 && (
+                    <Can action={'database.*'} matchAny>
+                        <NavigationItem to={`/server/${serverId}/databases`} icon={HugeIconsDatabase} end>
+                            Databases
+                        </NavigationItem>
+                    </Can>
+                )}
+
+                {backupLimit > 0 && (
+                    <Can action={'backup.*'} matchAny>
+                        <NavigationItem to={`/server/${serverId}/backups`} icon={HugeIconsCloudUp} end>
+                            Backups
+                        </NavigationItem>
+                    </Can>
+                )}
+
+                {(allocationLimit > 0 || subdomainSupported) && (
+                    <Can action={'allocation.*'} matchAny>
+                        <NavigationItem to={`/server/${serverId}/network`} icon={HugeIconsConnections} end>
+                            Networking
+                        </NavigationItem>
+                    </Can>
+                )}
+
+                <Can action={'user.*'} matchAny>
+                    <NavigationItem to={`/server/${serverId}/users`} icon={HugeIconsPeople} end>
+                        Users
+                    </NavigationItem>
+                </Can>
+
+                <Can action={['startup.read', 'startup.update', 'startup.command', 'startup.docker-image']} matchAny>
+                    <NavigationItem to={`/server/${serverId}/startup`} icon={HugeIconsConsole} end>
+                        Startup
+                    </NavigationItem>
+                </Can>
+
+                <Can action={'schedule.*'} matchAny>
+                    <NavigationItem to={`/server/${serverId}/schedules`} icon={HugeIconsClock}>
+                        Schedules
+                    </NavigationItem>
+                </Can>
+
+                <Can action={['settings.*', 'file.sftp']} matchAny>
+                    <NavigationItem to={`/server/${serverId}/settings`} icon={HugeIconsDashboardSettings} end>
+                        Settings
+                    </NavigationItem>
+                </Can>
+
+                <Can action={['activity.*', 'activity.read']} matchAny>
+                    <NavigationItem to={`/server/${serverId}/activity`} icon={HugeIconsPencil} end>
+                        Activity
+                    </NavigationItem>
+                </Can>
+            </>
+
+            <Can action={'startup.software'}>
+                <NavigationItem to={`/server/${serverId}/shell`} icon={HugeIconsController} end>
+                    Software
+                </NavigationItem>
+            </Can>
+        </MobileFullScreenMenu>
+    );
+};
+
+export default MobileFullScreenMenu;
diff --git a/resources/scripts/components/elements/MobileTopBar.tsx b/resources/scripts/components/elements/MobileTopBar.tsx
new file mode 100644
index 000000000..6d79e3ad9
--- /dev/null
+++ b/resources/scripts/components/elements/MobileTopBar.tsx
@@ -0,0 +1,102 @@
+import { NavLink } from 'react-router-dom';
+
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from '@/components/elements/DropdownMenu';
+import Logo from '@/components/elements/PyroLogo';
+import HugeIconsMenu from '@/components/elements/hugeicons/Menu';
+
+interface MobileTopBarProps {
+    onMenuToggle: () => void;
+    onTriggerLogout: () => void;
+    onSelectAdminPanel?: () => void;
+    rootAdmin?: boolean;
+}
+
+const MobileTopBar = ({ onMenuToggle, onTriggerLogout, onSelectAdminPanel, rootAdmin }: MobileTopBarProps) => {
+    const handleMenuToggle = () => {
+        try {
+            if (onMenuToggle && typeof onMenuToggle === 'function') {
+                onMenuToggle();
+            }
+        } catch (error) {
+            console.error('Error in mobile menu toggle:', error);
+        }
+    };
+
+    const handleLogout = () => {
+        try {
+            if (onTriggerLogout && typeof onTriggerLogout === 'function') {
+                onTriggerLogout();
+            }
+        } catch (error) {
+            console.error('Error in logout trigger:', error);
+        }
+    };
+
+    const handleAdminPanel = () => {
+        try {
+            if (onSelectAdminPanel && typeof onSelectAdminPanel === 'function') {
+                onSelectAdminPanel();
+            }
+        } catch (error) {
+            console.error('Error in admin panel select:', error);
+        }
+    };
+
+    return (
+        <div className='lg:hidden fixed top-0 left-0 right-0 z-50 bg-[#1a1a1a] border-b border-[#ffffff08] h-16 flex items-center justify-between px-4'>
+            {/* Logo */}
+            <NavLink to={'/'} className='flex shrink-0 h-8 w-fit'>
+                <Logo uniqueId='mobile-topbar' />
+            </NavLink>
+
+            <div className='flex items-center gap-2'>
+                {/* User Menu */}
+                <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                        <button className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2 cursor-pointer'>
+                            <svg
+                                xmlns='http://www.w3.org/2000/svg'
+                                width='16'
+                                height='15'
+                                fill='currentColor'
+                                viewBox='0 0 16 15'
+                                className='flex shrink-0 h-full w-full'
+                            >
+                                <path d='M8.9375 7.3775C8.9375 7.56341 8.88252 7.74515 8.7795 7.89974C8.67649 8.05432 8.53007 8.1748 8.35877 8.24595C8.18746 8.31709 7.99896 8.33571 7.8171 8.29944C7.63525 8.26317 7.4682 8.17364 7.33709 8.04218C7.20598 7.91072 7.11669 7.74323 7.08051 7.56088C7.04434 7.37854 7.06291 7.18954 7.13386 7.01778C7.20482 6.84601 7.32498 6.69921 7.47915 6.59592C7.63332 6.49263 7.81458 6.4375 8 6.4375C8.24864 6.4375 8.4871 6.53654 8.66291 6.71282C8.83873 6.8891 8.9375 7.1282 8.9375 7.3775ZM1.625 6.4375C1.43958 6.4375 1.25832 6.49263 1.10415 6.59592C0.949982 6.69921 0.829821 6.84601 0.758863 7.01778C0.687906 7.18954 0.669341 7.37854 0.705514 7.56088C0.741688 7.74323 0.830976 7.91072 0.962088 8.04218C1.0932 8.17364 1.26025 8.26317 1.4421 8.29944C1.62396 8.33571 1.81246 8.31709 1.98377 8.24595C2.15507 8.1748 2.30149 8.05432 2.4045 7.89974C2.50752 7.74515 2.5625 7.56341 2.5625 7.3775C2.5625 7.1282 2.46373 6.8891 2.28791 6.71282C2.1121 6.53654 1.87364 6.4375 1.625 6.4375ZM14.375 6.4375C14.1896 6.4375 14.0083 6.49263 13.8542 6.59592C13.7 6.69921 13.5798 6.84601 13.5089 7.01778C13.4379 7.18954 13.4193 7.37854 13.4555 7.56088C13.4917 7.74323 13.581 7.91072 13.7121 8.04218C13.8432 8.17364 14.0102 8.26317 14.1921 8.29944C14.374 8.33571 14.5625 8.31709 14.7338 8.24595C14.9051 8.1748 15.0515 8.05432 15.1545 7.89974C15.2575 7.74515 15.3125 7.56341 15.3125 7.3775C15.3125 7.1282 15.2137 6.8891 15.0379 6.71282C14.8621 6.53654 14.6236 6.4375 14.375 6.4375Z' />
+                            </svg>
+                        </button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent className='z-99999' sideOffset={8}>
+                        {rootAdmin && onSelectAdminPanel && (
+                            <DropdownMenuItem onSelect={handleAdminPanel}>
+                                Admin Panel
+                                <span className='ml-2 z-10 rounded-full bg-brand px-2 py-1 text-xs text-white'>
+                                    Staff
+                                </span>
+                            </DropdownMenuItem>
+                        )}
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem onSelect={handleLogout}>Log Out</DropdownMenuItem>
+                    </DropdownMenuContent>
+                </DropdownMenu>
+
+                {/* Menu Toggle Button */}
+                <button
+                    onClick={handleMenuToggle}
+                    className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2 cursor-pointer'
+                    aria-label='Toggle navigation menu'
+                >
+                    <HugeIconsMenu fill='currentColor' />
+                </button>
+            </div>
+        </div>
+    );
+};
+
+export default MobileTopBar;
diff --git a/resources/scripts/components/elements/Modal.tsx b/resources/scripts/components/elements/Modal.tsx
index e69d30046..46ecd0868 100644
--- a/resources/scripts/components/elements/Modal.tsx
+++ b/resources/scripts/components/elements/Modal.tsx
@@ -1,11 +1,11 @@
 import { Dialog as HDialog } from '@headlessui/react';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 import { useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Spinner from '@/components/elements/Spinner';
-import { Button } from '@/components/elements/button/index';
 import { DialogContext, IconPosition, styles } from '@/components/elements/dialog';
 
 import HugeIconsX from './hugeicons/X';
@@ -99,7 +99,7 @@ const Modal: React.FC<ModalProps> = ({
         <>
             {showSpinnerOverlay && (
                 <div
-                    className={`fixed inset-0 w-full h-full rounded flex items-center justify-center`}
+                    className={`fixed inset-0 w-full h-full rounded-sm flex items-center justify-center`}
                     style={{ background: 'rgba(0,0,0,0.75)', zIndex: 9999 }}
                 >
                     <Spinner />
@@ -123,12 +123,12 @@ const Modal: React.FC<ModalProps> = ({
                                     background:
                                         'radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.94) 100%)',
                                 }}
-                                className={'fixed inset-0 backdrop-blur-sm z-[9997]'}
+                                className={'fixed inset-0 backdrop-blur-xs z-9997'}
                             />
-                            <div className={'fixed inset-0 overflow-y-auto z-[9998]'}>
+                            <div className={'fixed inset-0 overflow-y-auto z-9998'}>
                                 <div
                                     ref={container}
-                                    className={styles.container}
+                                    className={styles.dialogContainer}
                                     onMouseDown={onContainerClick.bind(this, true)}
                                     onMouseUp={onContainerClick.bind(this, false)}
                                 >
@@ -145,7 +145,7 @@ const Modal: React.FC<ModalProps> = ({
                                             {dismissable && (
                                                 <button
                                                     onClick={onDismissed}
-                                                    className={'opacity-45 hover:opacity-100 p-6 -m-6'}
+                                                    className={'opacity-45 hover:opacity-100 p-6 -m-6 cursor-pointer'}
                                                 >
                                                     <HugeIconsX fill='currentColor' />
                                                 </button>
@@ -166,9 +166,9 @@ const Modal: React.FC<ModalProps> = ({
                                                 </div>
                                                 {closeButton && (
                                                     <div className={`my-6 sm:flex items-center justify-end`}>
-                                                        <Button onClick={onDismissed} className={`min-w-full`}>
+                                                        <ActionButton onClick={onDismissed} className={`min-w-full`}>
                                                             <div>{t('close')}</div>
-                                                        </Button>
+                                                        </ActionButton>
                                                     </div>
                                                 )}
                                             </div>
diff --git a/resources/scripts/components/elements/Pagination.tsx b/resources/scripts/components/elements/Pagination.tsx
index d1dfaef57..3d50ea01a 100644
--- a/resources/scripts/components/elements/Pagination.tsx
+++ b/resources/scripts/components/elements/Pagination.tsx
@@ -35,7 +35,7 @@ function Pagination<T>({ data: { items, pagination }, onPageSelect, children }:
     const end = Math.min(pagination.totalPages, pagination.currentPage + 5);
 
     for (let i = start; i <= end; i++) {
-        // @ts-ignore
+        // @ts-expect-error - Type issue with array push
         pages.push(i);
     }
 
@@ -45,7 +45,7 @@ function Pagination<T>({ data: { items, pagination }, onPageSelect, children }:
             {pages.length > 1 && (
                 <div className={`flex justify-center mt-4`}>
                     <div
-                        className={`flex justify-center gap-3 p-[4px] w-fit bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] inner-border-[1px] inner-border-[#00000017] rounded-md`}
+                        className={`flex justify-center gap-3 p-[4px] w-fit bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#00000017] rounded-md`}
                     >
                         <Block
                             isSecondary
diff --git a/resources/scripts/components/elements/PermissionRoute.tsx b/resources/scripts/components/elements/PermissionRoute.tsx
index 09b57ad75..d96e08749 100644
--- a/resources/scripts/components/elements/PermissionRoute.tsx
+++ b/resources/scripts/components/elements/PermissionRoute.tsx
@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { JSX, ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { ServerError } from '@/components/elements/ScreenBlock';
@@ -7,18 +7,18 @@ import { usePermissions } from '@/plugins/usePermissions';
 
 interface Props {
     children?: ReactNode;
-
     permission?: string | string[];
 }
 
 function PermissionRoute({ children, permission }: Props): JSX.Element {
+    const can = usePermissions(permission || []);
+    const { t } = useTranslation();
+
     if (permission === undefined || permission === null) {
         return <>{children}</>;
     }
 
-    const can = usePermissions(permission);
 
-    const { t } = useTranslation();
 
     if (can.filter((p) => p).length > 0) {
         return <>{children}</>;
diff --git a/resources/scripts/components/elements/PyroLogo.tsx b/resources/scripts/components/elements/PyroLogo.tsx
index 092d607b0..2f7e6bba3 100644
--- a/resources/scripts/components/elements/PyroLogo.tsx
+++ b/resources/scripts/components/elements/PyroLogo.tsx
@@ -1,16 +1,20 @@
 // million-ignore
-const Logo = () => {
+const Logo = ({ className, uniqueId }: { className?: string; uniqueId?: string } = {}) => {
+    const gradientId = uniqueId
+        ? `paint0_radial_${uniqueId}`
+        : `paint0_radial_${Math.random().toString(36).substr(2, 9)}`;
+
     return (
         <svg
             xmlns='http://www.w3.org/2000/svg'
-            className='flex h-full w-full shrink-0'
+            className={className || 'flex h-full w-full shrink-0'}
             width='284'
             height='61'
             fill='none'
             viewBox='0 0 284 61'
         >
             <path
-                fill='url(#paint0_radial_10_136)'
+                fill={`url(#${gradientId})`}
                 fillRule='evenodd'
                 d='M.221 5.894c2.105 4.942 3.762 10.569 3.518 15.349-.124 2.415 2.375 5.89 4.683 6.683 2.568.881 4.998 2.762 6.208 6.329.66 1.942 3.005 3.258 4.995 2.696 4.253-1.203 9.98-1.256 14.475 3.247.529.53.764 1.286.597 2.012a15.343 15.343 0 01-10.022 10.946c-1.798.623-2.37 2.472-.468 2.575 2.41.13 6.157-.897 11.586-4.603.3-.205.71-.175.968.08.228.225.284.57.14.854l-.644 1.276c-.47.93-.358 2.043.287 2.864l.73.93c.431.549.54 1.28.285 1.928l-.192.49c-.14.353-.077.754.162 1.05.485.6 1.434.51 1.793-.172l.329-.623c.187-.355.445-.597.801-.407.717.382 2.333.346 2.279-.458l-.002-.029a.74.74 0 00-.22-.5L40.47 56.33a2.679 2.679 0 01-.396-3.238l.93-1.579a1.478 1.478 0 00-.104-1.656 1.48 1.48 0 01.292-2.097l.93-.69a1.89 1.89 0 012.297.036c.71.562.91 1.548.474 2.339l-.027.05a1.909 1.909 0 00.22 2.162l1.67 1.958c.405.476.502 1.139.25 1.709l-.165.375a.974.974 0 00.155 1.032.997.997 0 001.656-.232l.312-.68c.136-.296.445-.486.761-.398.091.026.186.057.282.095.69.27 2.127.084 2.052-.647a.675.675 0 00-.2-.402l-2.52-2.423a2.68 2.68 0 01-.523-3.172l.414-.796c.417-.802.408-1.762-.115-2.502a19.405 19.405 0 00-.56-.752c-.843-1.077-1.013-2.612-.04-3.576 3.14-3.11 8.802-6.355 15.662-4.248 2.002.614 4.458-.647 5.178-2.596.796-2.157 2.177-4.31 4.396-5.684 2.262-1.4 6.302-6.74 6.465-9.377.228-3.701 1.408-8.64 4.302-14.947 1.104-2.407-1.49-5.198-3.953-4.176C75.77 2.205 69.92 4.458 64.573 6.11c-1.138.352-1.935 1.377-1.96 2.557l-.183 8.996c-.008.393-.095.781-.308 1.112-1.138 1.767-4.333 5.01-10.452 7.749-1.31.586-2.828-.035-3.426-1.33l-.826-1.79c-1.06-2.565.04-5.525 6.322-6.655l.017-.003c.025-.004.04-.007.068-.017l.033-.012c.565-.203 1.4-.503 1.43-1.086.061-1.177-.167-2.505-1.224-2.907a1.529 1.529 0 00-.547-.078h-9.795c-.212 0-.424.02-.626.087-1.419.465-3.466 1.923-5.226 3.175-1.36.967-2.547 1.813-3.14 1.983a.5.5 0 01-.142.017c-.54 0-.847.572-.46.943.823.788 2.085 1.456 3.651 1.142 1.366-.274 2.94-.274 3.674.9 1.309 2.095 2.165 4.855.056 6.647-.361.307-.835.439-1.31.433-4.32-.057-12.867-1.902-18.27-9.031a2.514 2.514 0 01-.496-1.523v-8.77c0-1.227-.833-2.297-2.025-2.636A156.196 156.196 0 014.896 1.071C2.294.032-.869 3.334.221 5.894zM43.993 15.92a.823.823 0 00.827-.82.823.823 0 00-.827-.818.823.823 0 00-.827.819c0 .452.37.819.827.819z'
                 clipRule='evenodd'
@@ -28,7 +32,7 @@ const Logo = () => {
             ></path>
             <defs>
                 <radialGradient
-                    id='paint0_radial_10_136'
+                    id={gradientId}
                     cx='0'
                     cy='0'
                     r='1'
diff --git a/resources/scripts/components/elements/Spinner.tsx b/resources/scripts/components/elements/Spinner.tsx
index 03e5853a9..52d022995 100644
--- a/resources/scripts/components/elements/Spinner.tsx
+++ b/resources/scripts/components/elements/Spinner.tsx
@@ -16,20 +16,20 @@ interface Props {
 
 interface Spinner extends React.FC<Props> {
     Size: Record<'SMALL' | 'BASE' | 'LARGE', SpinnerSize>;
-    Suspense: React.FC<Props>;
+    Suspense: React.FC<{ children: React.ReactNode }>; // ✅ Correct
 }
 
 const spin = keyframes`
     to { transform: rotate(360deg); }
 `;
 
-// noinspection CssOverwrittenProperties
 const SpinnerComponent = styled.div<Props>`
     width: 32px;
     height: 32px;
     border-width: 3px;
     border-radius: 50%;
     animation: ${spin} 1s cubic-bezier(0.55, 0.25, 0.25, 0.7) infinite;
+    aspect-ratio: 1 / 1;
 
     ${(props) =>
         props.size === 'small'
@@ -55,12 +55,18 @@ const SpinnerComponent = styled.div<Props>`
 const Spinner: Spinner = ({ centered, visible = true, ...props }) =>
     visible &&
     (centered ? (
-        <div className={`flex justify-center items-center`}>
+        <div
+            className={`
+              flex justify-center items-center w-full
+              sm:absolute sm:inset-0 sm:z-50
+          `}
+        >
             <SpinnerComponent {...props} />
         </div>
     ) : (
         <SpinnerComponent {...props} />
     ));
+
 Spinner.displayName = 'Spinner';
 
 Spinner.Size = {
@@ -69,16 +75,8 @@ Spinner.Size = {
     LARGE: 'large',
 };
 
-/**
- * Component Suspense kết hợp với Spinner
- * @param children Nội dung bên trong
- * @param centered Hiển thị spinner chính giữa
- * @param size Kích thước spinner
- * @param fallback Component hiển thị khi đang loading (mặc định là Spinner)
- * @param props Props khác
- */
-Spinner.Suspense = ({ children, centered = true, size = Spinner.Size.LARGE, fallback = null, ...props }) => (
-    <Suspense fallback={fallback ?? <Spinner centered={centered} size={size} {...props} />}>
+Spinner.Suspense = ({ children }) => (
+    <Suspense fallback={<Spinner centered size={Spinner.Size.LARGE} />}>
         <ErrorBoundary>{children}</ErrorBoundary>
     </Suspense>
 );
diff --git a/resources/scripts/components/elements/SwitchV2.tsx b/resources/scripts/components/elements/SwitchV2.tsx
index f439b288c..18bcbbe80 100644
--- a/resources/scripts/components/elements/SwitchV2.tsx
+++ b/resources/scripts/components/elements/SwitchV2.tsx
@@ -11,7 +11,7 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
     <SwitchPrimitives.Root
         className={cn(
-            'peer inline-flex h-7 w-14 shrink-0 cursor-pointer items-center rounded-full p-px transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 bg-gradient-to-b from-[#ffffff0f] to-[#ffffff0a]',
+            'peer inline-flex h-7 w-14 shrink-0 cursor-pointer items-center rounded-full p-px transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 bg-linear-to-b from-[#ffffff0f] to-[#ffffff0a]',
             'data-[state=checked]:bg-[#fa4f49f5]',
             className,
         )}
@@ -20,7 +20,7 @@ const Switch = React.forwardRef<
     >
         <SwitchPrimitives.Thumb
             className={cn(
-                'pointer-events-none block h-6 w-6 rounded-full bg-gradient-to-br from-[#ffffffcf] to-[#ffffffa1] inner-border-[1px] shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0.5',
+                'pointer-events-none block h-6 w-6 rounded-full bg-linear-to-br from-[#ffffffcf] to-[#ffffffa1] border shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0.5',
             )}
         />
     </SwitchPrimitives.Root>
diff --git a/resources/scripts/components/elements/Tabs.tsx b/resources/scripts/components/elements/Tabs.tsx
index eb68483f0..f880bd56d 100644
--- a/resources/scripts/components/elements/Tabs.tsx
+++ b/resources/scripts/components/elements/Tabs.tsx
@@ -27,7 +27,7 @@ const TabsTrigger = React.forwardRef<
     <TabsPrimitive.Trigger
         ref={ref}
         className={cn(
-            'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#ffffff23] data-[state=active]:text-[#ffffff] data-[state=active]:shadow',
+            'inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#ffffff23] data-[state=active]:text-[#ffffff] data-[state=active]:shadow-sm',
             className,
         )}
         {...props}
@@ -42,7 +42,7 @@ const TabsContent = React.forwardRef<
     <TabsPrimitive.Content
         ref={ref}
         className={cn(
-            'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+            'mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
             className,
         )}
         {...props}
diff --git a/resources/scripts/components/elements/TextInput.tsx b/resources/scripts/components/elements/TextInput.tsx
index f57c75bc9..179001cdd 100644
--- a/resources/scripts/components/elements/TextInput.tsx
+++ b/resources/scripts/components/elements/TextInput.tsx
@@ -2,14 +2,14 @@ import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
     return (
         <input
             type={type}
             className={cn(
-                'flex h-8 w-full rounded-full bg-transparent bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] inner-border-[1px] inner-border-[#ffffff15] px-3 py-2 text-sm ring-offset-[#ffffff15] placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#ffffff15] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                'flex h-8 w-full rounded-full bg-transparent bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#ffffff15] px-3 py-2 text-sm ring-offset-[#ffffff15] placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-[#ffffff15] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
                 className,
             )}
             ref={ref}
diff --git a/resources/scripts/components/elements/activity/ActivityLogEntry.tsx b/resources/scripts/components/elements/activity/ActivityLogEntry.tsx
index 2469caac0..e0f71c93a 100644
--- a/resources/scripts/components/elements/activity/ActivityLogEntry.tsx
+++ b/resources/scripts/components/elements/activity/ActivityLogEntry.tsx
@@ -21,58 +21,73 @@ interface Props {
     children?: React.ReactNode;
 }
 
-export default ({ activity, children }: Props) => {
+const ActivityLogEntry = ({ activity, children }: Props) => {
     const { pathTo } = useLocationHash();
     const actor = activity.relationships.actor;
 
     return (
-        <div className={'grid grid-cols-10 py-4 border-b-2 border-zinc-800 last:rounded-b last:border-0 group'}>
-            <div className={'hidden sm:flex sm:col-span-1 items-center justify-center select-none'}>
-                <div className={'flex items-center w-10 h-10 rounded-full bg-zinc-600 overflow-hidden'}>
-                    <img src={actor?.image} />
-                </div>
-            </div>
-            <div className={'col-span-10 sm:col-span-9 flex'}>
-                <div className={'flex-1 px-4 sm:px-0'}>
-                    <div className={'flex items-center text-zinc-50'}>
-                        {/* <Tooltip placement={'top'} content={actor?.email || 'System User'}> */}
-                        <span>{actor?.username || 'System'}</span>
-                        {/* </Tooltip> */}
-                        <span className={'text-zinc-400'}>&nbsp;&mdash;&nbsp;</span>
-                        <Link
-                            to={`#${pathTo({ event: activity.event })}`}
-                            className={'transition-colors duration-75 active:text-blue-400 hover:text-red-400'}
-                        >
-                            {activity.event}
-                        </Link>
-                        <div className={clsx(style.icons, 'group-hover:text-zinc-300')}>
-                            {activity.isApi && <TerminalIcon fill='contentColor' />}
-                            {activity.event.startsWith('server:sftp.') && (
-                                // <Tooltip placement={'top'} content={'Using SFTP'}>
-                                <FolderIcon fill='contentColor' />
-                            )}
-                            {children}
-                        </div>
+        <div className='flex items-center py-2 px-3 border-b border-zinc-800/30 last:border-0 group hover:bg-zinc-800/20 transition-colors duration-150'>
+            {/* Compact Avatar */}
+            <div className='flex-shrink-0 w-8 h-8 rounded-full bg-zinc-600 overflow-hidden mr-3'>
+                {actor?.image ? (
+                    <img src={actor.image} alt={actor.username || 'System'} className='w-full h-full object-cover' />
+                ) : (
+                    <div className='w-full h-full flex items-center justify-center text-zinc-300 text-xs font-semibold'>
+                        {(actor?.username || 'S').charAt(0).toUpperCase()}
                     </div>
-                    {!activity.hasAdditionalMetadata && (
-                        <p className={style.description}>
-                            <pre>{formatObjectToIdentString(activity.properties)}</pre>
-                        </p>
-                    )}
-                    <div className={'mt-1 flex items-center text-sm'}>
-                        {activity.ip && (
-                            <span>
-                                {activity.ip}
-                                <span className={'text-zinc-400'}>&nbsp;|&nbsp;</span>
+                )}
+            </div>
+
+            {/* Main Content - Compact Layout */}
+            <div className='flex-1 min-w-0'>
+                <div className='flex items-center gap-2 text-sm'>
+                    <span className='font-medium text-zinc-100 truncate'>{actor?.username || 'System'}</span>
+                    <span className='text-zinc-500'>•</span>
+                    <Link
+                        to={`#${pathTo({ event: activity.event })}`}
+                        className='font-mono text-xs bg-zinc-800/50 text-zinc-300 px-2 py-1 rounded hover:bg-zinc-700/50 hover:text-brand transition-colors duration-150 truncate'
+                    >
+                        {activity.event}
+                    </Link>
+
+                    {/* Compact badges */}
+                    <div className='flex items-center gap-1 ml-auto'>
+                        {activity.isApi && (
+                            <span className='text-xs bg-blue-900/30 text-blue-300 px-1.5 py-0.5 rounded flex items-center gap-1'>
+                                <TerminalIcon fill='currentColor' className='w-3 h-3' />
+                                API
                             </span>
                         )}
-                        {/* <Tooltip placement={'right'} content={format(activity.timestamp, 'MMM do, yyyy H:mm:ss')}> */}
-                        <span>{formatDistanceToNowStrict(activity.timestamp, { addSuffix: true })}</span>
-                        {/* </Tooltip> */}
+                        {children}
                     </div>
                 </div>
-                {activity.hasAdditionalMetadata && <ActivityLogMetaButton meta={activity.properties} />}
+
+                {/* Compact metadata and timestamp */}
+                <div className='flex items-center gap-3 mt-1 text-xs text-zinc-400'>
+                    {activity.ip && (
+                        <span className='font-mono bg-zinc-800/30 px-1.5 py-0.5 rounded'>{activity.ip}</span>
+                    )}
+                    <span>{formatDistanceToNowStrict(activity.timestamp, { addSuffix: true })}</span>
+
+                    {/* Inline properties for compact view */}
+                    {!activity.hasAdditionalMetadata &&
+                        activity.properties &&
+                        Object.keys(activity.properties).length > 0 && (
+                            <span className='text-zinc-500 truncate max-w-xs'>
+                                {formatObjectToIdentString(activity.properties)}
+                            </span>
+                        )}
+                </div>
             </div>
+
+            {/* Metadata button */}
+            {activity.hasAdditionalMetadata && (
+                <div className='flex-shrink-0 ml-2'>
+                    <ActivityLogMetaButton meta={activity.properties} />
+                </div>
+            )}
         </div>
     );
 };
+
+export default ActivityLogEntry;
diff --git a/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx b/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
index c293475fb..3bdf5a057 100644
--- a/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
+++ b/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
@@ -1,37 +1,77 @@
 import { useState } from 'react';
 
-import { Button } from '@/components/elements/button/index';
+import ActionButton from '@/components/elements/ActionButton';
 import { Dialog } from '@/components/elements/dialog';
-import MetaDataIcon from '@/components/elements/hugeicons/MetaData';
+import HugeIconsCode from '@/components/elements/hugeicons/Code';
+import HugeIconsCopy from '@/components/elements/hugeicons/Copy';
 
 import { formatObjectToIdentString } from '@/lib/objects';
 
-export default ({ meta }: { meta: Record<string, unknown> }) => {
+const ActivityLogMetaButton = ({ meta }: { meta: Record<string, unknown> }) => {
     const [open, setOpen] = useState(false);
+    const [copied, setCopied] = useState(false);
+
+    const copyToClipboard = async () => {
+        try {
+            await navigator.clipboard.writeText(JSON.stringify(meta, null, 2));
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        } catch (err) {
+            console.error('Failed to copy metadata:', err);
+        }
+    };
+
+    const metadataString = formatObjectToIdentString(meta);
+    const metadataJson = JSON.stringify(meta, null, 2);
 
     return (
-        <div className={'self-center md:px-4'}>
-            <Dialog open={open} onClose={() => setOpen(false)} hideCloseIcon title={'Metadata'}>
-                <pre
-                    className={
-                        'bg-zinc-900 rounded p-2 font-mono text-sm leading-relaxed overflow-x-scroll whitespace-pre-wrap'
-                    }
-                >
-                    {formatObjectToIdentString(meta)}
-                </pre>
+        <>
+            <Dialog open={open} onClose={() => setOpen(false)} hideCloseIcon title={'Event Metadata'}>
+                <div className='space-y-4'>
+                    <div className='flex items-center justify-between'>
+                        <h4 className='text-sm font-medium text-zinc-300'>Formatted View</h4>
+                        <ActionButton
+                            variant='secondary'
+                            onClick={copyToClipboard}
+                            className='flex items-center gap-2 text-xs'
+                        >
+                            <HugeIconsCopy className='w-3 h-3' />
+                            {copied ? 'Copied!' : 'Copy JSON'}
+                        </ActionButton>
+                    </div>
+
+                    <div className='bg-zinc-900 rounded-lg p-4 border border-zinc-800 max-h-96 overflow-auto'>
+                        <pre className='font-mono text-sm leading-relaxed whitespace-pre-wrap text-zinc-300'>
+                            {metadataString}
+                        </pre>
+                    </div>
+
+                    <div>
+                        <h4 className='text-sm font-medium text-zinc-300 mb-2'>Raw JSON</h4>
+                        <div className='bg-zinc-900 rounded-lg p-4 border border-zinc-800 max-h-64 overflow-auto'>
+                            <pre className='font-mono text-xs leading-relaxed whitespace-pre-wrap text-zinc-400'>
+                                {metadataJson}
+                            </pre>
+                        </div>
+                    </div>
+                </div>
+
                 <Dialog.Footer>
-                    <Button.Text onClick={() => setOpen(false)}>Close</Button.Text>
+                    <ActionButton variant='secondary' onClick={() => setOpen(false)}>
+                        Close
+                    </ActionButton>
                 </Dialog.Footer>
             </Dialog>
+
             <button
-                aria-describedby={'View additional event metadata'}
-                className={
-                    'p-2 transition-colors duration-100 text-zinc-400 group-hover:text-zinc-300 group-hover:hover:text-zinc-50'
-                }
+                aria-label='View additional event metadata'
+                className='w-6 h-6 rounded text-zinc-400 hover:text-zinc-100 hover:bg-zinc-800/50 transition-colors duration-150 flex items-center justify-center'
                 onClick={() => setOpen(true)}
             >
-                <MetaDataIcon fill='currentColor' className={'w-5 h-5'} />
+                <HugeIconsCode className='w-3 h-3' />
             </button>
-        </div>
+        </>
     );
 };
+
+export default ActivityLogMetaButton;
diff --git a/resources/scripts/components/elements/activity/style.module.css b/resources/scripts/components/elements/activity/style.module.css
index b4449c7d6..a37da7cba 100644
--- a/resources/scripts/components/elements/activity/style.module.css
+++ b/resources/scripts/components/elements/activity/style.module.css
@@ -1,15 +1,17 @@
+@import '../../../assets/tailwind.css';
+
 .icons {
-    @apply flex space-x-1 mx-2 transition-colors duration-100 text-zinc-400;
+    @apply mx-2 flex space-x-1 text-zinc-400 transition-colors duration-100;
 
     & svg {
-        @apply px-1 py-px cursor-pointer hover:text-zinc-50 h-5 w-auto;
+        @apply h-5 w-auto cursor-pointer px-1 py-px hover:text-zinc-50;
     }
 }
 
 .description {
-    @apply mt-1 text-sm break-words  pr-4;
+    @apply mt-1 pr-4 text-sm break-words;
 
     & strong {
-        @apply text-zinc-50 font-semibold break-all;
+        @apply font-semibold break-all text-zinc-50;
     }
 }
diff --git a/resources/scripts/components/elements/alert/Alert.tsx b/resources/scripts/components/elements/alert/Alert.tsx
index 52400dbcd..ff309b36f 100644
--- a/resources/scripts/components/elements/alert/Alert.tsx
+++ b/resources/scripts/components/elements/alert/Alert.tsx
@@ -8,11 +8,11 @@ interface AlertProps {
     children: React.ReactNode;
 }
 
-export default ({ type, className, children }: AlertProps) => {
+const Alert = ({ type, className, children }: AlertProps) => {
     return (
         <div
             className={clsx(
-                'flex items-center border-l-8 text-zinc-50 rounded-md shadow px-4 py-3',
+                'flex items-center border-l-8 text-zinc-50 rounded-md shadow-sm px-4 py-3',
                 {
                     ['border-red-500 bg-red-500/25']: type === 'danger',
                     ['border-yellow-500 bg-yellow-500/25']: type === 'warning',
@@ -30,3 +30,5 @@ export default ({ type, className, children }: AlertProps) => {
         </div>
     );
 };
+
+export default Alert;
diff --git a/resources/scripts/components/elements/button/Button.tsx b/resources/scripts/components/elements/button/Button.tsx
index 38ce69983..326479417 100644
--- a/resources/scripts/components/elements/button/Button.tsx
+++ b/resources/scripts/components/elements/button/Button.tsx
@@ -45,4 +45,8 @@ const _Button = Object.assign(Button, {
     Danger: DangerButton,
 });
 
+Button.displayName = 'Button';
+TextButton.displayName = 'TextButton';
+DangerButton.displayName = 'DangerButton';
+
 export default _Button;
diff --git a/resources/scripts/components/elements/button/style.module.css b/resources/scripts/components/elements/button/style.module.css
index 79e509fd6..ee6d86eb9 100644
--- a/resources/scripts/components/elements/button/style.module.css
+++ b/resources/scripts/components/elements/button/style.module.css
@@ -1,73 +1,2 @@
-.button {
-    @apply inline-flex items-center justify-center px-4 py-2;
-    @apply rounded-xl text-sm font-bold transition-all duration-100;
-    @apply focus:ring-[3px] focus:ring-opacity-50 focus:ring-offset-2 focus:ring-offset-zinc-700;
-
-    /* Sizing Controls */
-    &.small {
-        @apply h-8 px-4 py-0 text-sm font-normal focus:ring-2;
-    }
-
-    &.large {
-        @apply px-5 py-3;
-    }
-
-    &.secondary {
-        @apply bg-white bg-opacity-10;
-
-        &:disabled {
-            background: transparent !important;
-        }
-    }
-
-    &:disabled {
-        @apply cursor-not-allowed;
-    }
-
-    &.square {
-        @apply h-12 w-12 p-0;
-
-        &.small {
-            @apply h-8 w-8;
-        }
-    }
-}
-
-.primary {
-    @apply bg-brand text-blue-50;
-    @apply hover:bg-brand/70 focus:ring-brand/50 focus:ring-opacity-75 active:bg-brand;
-
-    &.secondary {
-        @apply hover:bg-opacity-10 active:bg-brand;
-    }
-
-    &:disabled {
-        @apply bg-brand/25;
-    }
-}
-
-.text {
-    @apply bg-zinc-700 text-zinc-50;
-    @apply hover:bg-zinc-600 focus:ring-zinc-300 focus:ring-opacity-50 active:bg-zinc-600;
-
-    &.secondary {
-        @apply hover:bg-zinc-500 active:bg-zinc-500;
-    }
-
-    &:disabled {
-        @apply bg-zinc-500/75 text-zinc-200/75;
-    }
-}
-
-.danger {
-    @apply bg-red-600 text-zinc-50;
-    @apply hover:bg-red-500 focus:ring-red-400 focus:ring-opacity-75 active:bg-red-500;
-
-    &.secondary {
-        @apply hover:bg-red-600 active:bg-red-600;
-    }
-
-    &:disabled {
-        @apply bg-red-600/75 text-red-50/75;
-    }
-}
+/* @import "../../../../scripts/assets/tailwind.css'; */
+@import '../../../assets/tailwind.css'
\ No newline at end of file
diff --git a/resources/scripts/components/elements/button/types.ts b/resources/scripts/components/elements/button/types.ts
index 273ac3b67..e86ec5e26 100644
--- a/resources/scripts/components/elements/button/types.ts
+++ b/resources/scripts/components/elements/button/types.ts
@@ -1,15 +1,15 @@
-enum Shape {
+export enum Shape {
     Default,
     IconSquare,
 }
 
-enum Size {
+export enum Size {
     Default,
     Small,
     Large,
 }
 
-enum Variant {
+export enum Variant {
     Primary,
     Secondary,
 }
diff --git a/resources/scripts/components/elements/commandk/CmdK.tsx b/resources/scripts/components/elements/commandk/CmdK.tsx
index a1601ad55..0b60b6fcb 100644
--- a/resources/scripts/components/elements/commandk/CmdK.tsx
+++ b/resources/scripts/components/elements/commandk/CmdK.tsx
@@ -7,12 +7,18 @@ import Can from '@/components/elements/Can';
 
 import { ServerContext } from '@/state/server';
 
+import ModrinthLogo from '../ModrinthLogo';
+import HugeIconsClock from '../hugeicons/Clock';
 import HugeIconsCloudUp from '../hugeicons/CloudUp';
 import HugeIconsConnections from '../hugeicons/Connections';
+import HugeIconsConsole from '../hugeicons/Console';
+import HugeIconsController from '../hugeicons/Controller';
 import HugeIconsDashboardSettings from '../hugeicons/DashboardSettings';
 import HugeIconsDatabase from '../hugeicons/Database';
 import HugeIconsFolder from '../hugeicons/Folder';
 import HugeIconsHome from '../hugeicons/Home';
+import HugeIconsPencil from '../hugeicons/Pencil';
+import HugeIconsPeople from '../hugeicons/People';
 import HugeIconsZap from '../hugeicons/Zap';
 
 const CommandMenu = () => {
@@ -89,12 +95,48 @@ const CommandMenu = () => {
                             Networking
                         </Command.Item>
                     </Can>
+                    <Can action={'user.*'} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/users')}>
+                            <HugeIconsPeople fill='currentColor' />
+                            Users
+                        </Command.Item>
+                    </Can>
+                    <Can action={['startup.*']} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/startup')}>
+                            <HugeIconsConsole fill='currentColor' />
+                            Startup
+                        </Command.Item>
+                    </Can>
+                    <Can action={['schedule.*']} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/schedules')}>
+                            <HugeIconsClock fill='currentColor' />
+                            Schedules
+                        </Command.Item>
+                    </Can>
                     <Can action={['settings.*', 'file.sftp']} matchAny>
                         <Command.Item onSelect={() => cmdkNavigate('/settings')}>
                             <HugeIconsDashboardSettings fill='currentColor' />
                             Settings
                         </Command.Item>
                     </Can>
+                    <Can action={['activity.*']} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/activity')}>
+                            <HugeIconsPencil fill='currentColor' />
+                            Activity
+                        </Command.Item>
+                    </Can>
+                    <Can action={['modrinth.*']} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/mods')}>
+                            <ModrinthLogo />
+                            Mods/Plugins
+                        </Command.Item>
+                    </Can>
+                    <Can action={['software.*']} matchAny>
+                        <Command.Item onSelect={() => cmdkNavigate('/shell')}>
+                            <HugeIconsController fill='currentColor' />
+                            Software
+                        </Command.Item>
+                    </Can>
                 </Command.Group>
                 <Command.Group heading='Server'>
                     <Can action={'control.start'}>
diff --git a/resources/scripts/components/elements/dialog/ConfirmationDialog.tsx b/resources/scripts/components/elements/dialog/ConfirmationDialog.tsx
index 4c8b4f875..efc5d3ca9 100644
--- a/resources/scripts/components/elements/dialog/ConfirmationDialog.tsx
+++ b/resources/scripts/components/elements/dialog/ConfirmationDialog.tsx
@@ -1,26 +1,36 @@
 import { useTranslation } from 'react-i18next';
 
-import { Button } from '@/components/elements/button/index';
+import ActionButton from '@/components/elements/ActionButton';
+import Spinner from '@/components/elements/Spinner';
 
 import { Dialog, RenderDialogProps } from './';
 
 type ConfirmationProps = Omit<RenderDialogProps, 'description' | 'children'> & {
     children: React.ReactNode;
-    confirm?: string | undefined;
+    confirm?: string;
+    loading?: boolean;
     onConfirmed: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
 
-export default ({ confirm, children, onConfirmed, ...props }: ConfirmationProps) => {
+const ConfirmationDialog = ({ children, confirm, onConfirmed, loading, ...props }: ConfirmationProps) => {
     const { t } = useTranslation();
-    const confirmText = confirm || t('ok');
 
     return (
         <Dialog {...props} description={typeof children === 'string' ? children : undefined}>
             {typeof children !== 'string' && children}
             <Dialog.Footer>
-                <Button.Text onClick={props.onClose}>{t('cancel')}</Button.Text>
-                <Button.Danger onClick={onConfirmed}>{confirmText}</Button.Danger>
+                <ActionButton variant='secondary' onClick={props.onClose}>
+                    {t('cancel')}
+                </ActionButton>
+                <ActionButton variant='danger' onClick={onConfirmed} disabled={loading}>
+                    <div className='flex items-center gap-2'>
+                        {loading && <Spinner size='small' />}
+                        <span>{confirm ?? t('ok')}</span>
+                    </div>
+                </ActionButton>
             </Dialog.Footer>
         </Dialog>
     );
 };
+
+export default ConfirmationDialog;
diff --git a/resources/scripts/components/elements/dialog/Dialog.tsx b/resources/scripts/components/elements/dialog/Dialog.tsx
index 46d83a00b..2f8f9faca 100644
--- a/resources/scripts/components/elements/dialog/Dialog.tsx
+++ b/resources/scripts/components/elements/dialog/Dialog.tsx
@@ -1,5 +1,5 @@
 import { Dialog as HDialog } from '@headlessui/react';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 import { useRef, useState } from 'react';
 
 import HugeIconsX from '../hugeicons/X';
@@ -31,7 +31,7 @@ const variants = {
     },
 };
 
-export default ({
+const Dialog = ({
     open,
     title,
     description,
@@ -77,12 +77,12 @@ export default ({
                                 background:
                                     'radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.94) 100%)',
                             }}
-                            className={'fixed inset-0 backdrop-blur-sm z-[9997]'}
+                            className={'fixed inset-0 backdrop-blur-xs z-9997'}
                         />
-                        <div className={'fixed inset-0 overflow-y-auto z-[9998]'}>
+                        <div className={'fixed inset-0 overflow-y-auto z-9998'}>
                             <div
                                 ref={container}
-                                className={styles.container}
+                                className={styles.dialogContainer}
                                 onMouseDown={onContainerClick.bind(this, true)}
                                 onMouseUp={onContainerClick.bind(this, false)}
                             >
@@ -116,7 +116,7 @@ export default ({
                                     {/* Keep this below the other buttons so that it isn't the default focus if they're present. */}
                                     {!hideCloseIcon && (
                                         <div className={'absolute right-0 top-0 m-4 p-2 opacity-45 hover:opacity-100'}>
-                                            <button onClick={onClose}>
+                                            <button onClick={onClose} className='cursor-pointer'>
                                                 <HugeIconsX fill='currentColor' />
                                             </button>
                                         </div>
@@ -130,3 +130,5 @@ export default ({
         </AnimatePresence>
     );
 };
+
+export default Dialog;
diff --git a/resources/scripts/components/elements/dialog/style.module.css b/resources/scripts/components/elements/dialog/style.module.css
index 5e91b9914..7b4462721 100644
--- a/resources/scripts/components/elements/dialog/style.module.css
+++ b/resources/scripts/components/elements/dialog/style.module.css
@@ -1,22 +1,24 @@
-.container {
+@import '../../../assets/tailwind.css';
+
+.dialogContainer {
     @apply flex min-h-full items-center justify-center p-4 text-center;
 }
 
 .panel {
-    @apply relative border-[1px] border-[#ffffff07] rounded-2xl max-w-xl w-full mx-auto text-left shadow-2xl backdrop-blur-3xl;
+    @apply relative mx-auto w-full max-w-xl rounded-2xl border-[1px] border-[#ffffff07] text-left shadow-2xl backdrop-blur-3xl;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(255, 255, 255, 0.12);
 }
 
 .title {
-    @apply text-2xl tracking-tight font-extrabold mb-2 pr-4;
+    @apply mb-2 pr-4 text-2xl font-extrabold tracking-tight;
 }
 
 .close_icon {
-    @apply w-5 h-5 group-hover:rotate-90 transition-transform duration-100;
+    @apply h-5 w-5 transition-transform duration-100 group-hover:rotate-90;
 }
 
 .dialog_icon {
-    @apply flex items-center justify-center w-10 h-10 rounded-full mr-4;
+    @apply mr-4 flex h-10 w-10 items-center justify-center rounded-full;
 
     &.danger {
         @apply bg-red-500 text-red-50;
diff --git a/resources/scripts/components/elements/hugeicons/Alert.tsx b/resources/scripts/components/elements/hugeicons/Alert.tsx
index efff148fe..339876cc9 100644
--- a/resources/scripts/components/elements/hugeicons/Alert.tsx
+++ b/resources/scripts/components/elements/hugeicons/Alert.tsx
@@ -14,7 +14,7 @@ const HugeIconsAlert = (props: HugeIconProps) => {
                 fillRule='evenodd'
                 clipRule='evenodd'
                 d='M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725L4.69218 9.27249C5.87921 7.17206 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015ZM11 17C11 16.4477 11.4457 16 11.9955 16H12.0045C12.5543 16 13 16.4477 13 17C13 17.5523 12.5543 18 12.0045 18H11.9955C11.4457 18 11 17.5523 11 17ZM11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9V13Z'
-                fill={props.fill}
+                fill={props.fill || 'currentColor'}
             />
         </svg>
     );
diff --git a/resources/scripts/components/elements/hugeicons/Calendar.tsx b/resources/scripts/components/elements/hugeicons/Calendar.tsx
new file mode 100644
index 000000000..3576f5730
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Calendar.tsx
@@ -0,0 +1,29 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsCalendar = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M8.1 1.25C8.63848 1.25 9.075 1.68754 9.075 2.22727V3.21284C9.6529 3.20453 10.2784 3.20453 10.9537 3.20454H13.0463C13.7216 3.20453 14.3471 3.20453 14.925 3.21284V2.22727C14.925 1.68754 15.3615 1.25 15.9 1.25C16.4385 1.25 16.875 1.68754 16.875 2.22727V3.29947C17.0513 3.31556 17.221 3.33437 17.3843 3.35638C18.5544 3.51407 19.5397 3.85141 20.3221 4.63573C21.1046 5.42004 21.4412 6.40758 21.5985 7.58045C21.75 8.71014 21.75 10.1465 21.75 11.9285V14.026C21.75 15.808 21.75 17.2444 21.5985 18.3741C21.4412 19.547 21.1046 20.5345 20.3221 21.3188C19.5397 22.1031 18.5544 22.4405 17.3843 22.5982C16.2572 22.75 14.8242 22.75 13.0463 22.75H10.9537C9.17581 22.75 7.74279 22.75 6.61573 22.5982C5.44558 22.4405 4.46035 22.1031 3.67786 21.3188C2.89537 20.5345 2.5588 19.547 2.40148 18.3741C2.24995 17.2444 2.24998 15.8081 2.25 14.0261V11.9285C2.24998 10.1465 2.24995 8.71012 2.40148 7.58045C2.5588 6.40758 2.89537 5.42004 3.67786 4.63573C4.46035 3.85141 5.44558 3.51407 6.61573 3.35638C6.77902 3.33437 6.94874 3.31556 7.125 3.29947V2.22727C7.125 1.68754 7.56152 1.25 8.1 1.25ZM4.21386 9.75C4.20045 10.3958 4.20001 11.1378 4.20001 12V13.9545C4.20001 15.8249 4.20208 17.1294 4.3341 18.1137C4.46235 19.0698 4.69693 19.5761 5.05673 19.9367C5.41652 20.2974 5.92166 20.5325 6.87557 20.6611C7.85752 20.7934 9.15897 20.7955 11.025 20.7955H12.975C14.8411 20.7955 16.1425 20.7934 17.1245 20.6611C18.0784 20.5325 18.5835 20.2974 18.9433 19.9367C19.3031 19.5761 19.5377 19.0698 19.6659 18.1137C19.7979 17.1294 19.8 15.8249 19.8 13.9545V12C19.8 11.1378 19.7996 10.3958 19.7862 9.75H4.21386Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M7 13.2734C7 12.7212 7.44772 12.2734 8 12.2734H8.00897C8.56126 12.2734 9.00897 12.7212 9.00897 13.2734C9.00897 13.8257 8.56126 14.2734 8.00897 14.2734H8C7.44772 14.2734 7 13.8257 7 13.2734ZM10.9955 13.2734C10.9955 12.7212 11.4432 12.2734 11.9955 12.2734H12.0045C12.5568 12.2734 13.0045 12.7212 13.0045 13.2734C13.0045 13.8257 12.5568 14.2734 12.0045 14.2734H11.9955C11.4432 14.2734 10.9955 13.8257 10.9955 13.2734ZM14.991 13.2734C14.991 12.7212 15.4387 12.2734 15.991 12.2734H16C16.5523 12.2734 17 12.7212 17 13.2734C17 13.8257 16.5523 14.2734 16 14.2734H15.991C15.4387 14.2734 14.991 13.8257 14.991 13.2734ZM7 17.2734C7 16.7212 7.44772 16.2734 8 16.2734H8.00897C8.56126 16.2734 9.00897 16.7212 9.00897 17.2734C9.00897 17.8257 8.56126 18.2734 8.00897 18.2734H8C7.44772 18.2734 7 17.8257 7 17.2734ZM10.9955 17.2734C10.9955 16.7212 11.4432 16.2734 11.9955 16.2734H12.0045C12.5568 16.2734 13.0045 16.7212 13.0045 17.2734C13.0045 17.8257 12.5568 18.2734 12.0045 18.2734H11.9955C11.4432 18.2734 10.9955 17.8257 10.9955 17.2734Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsCalendar;
diff --git a/resources/scripts/components/elements/hugeicons/Check.tsx b/resources/scripts/components/elements/hugeicons/Check.tsx
new file mode 100644
index 000000000..81b7c9a65
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Check.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsCheck = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M11.4743 17.3058C14.4874 14.0819 17.3962 11.8949 21.0501 8.79776C22.1437 7.87072 22.3126 6.24578 21.4547 5.09453C20.5429 3.87098 18.8103 3.62642 17.6376 4.59913C14.2907 7.37521 11.6868 10.0482 9.21679 12.9051C9.08718 13.055 9.02237 13.13 8.95511 13.1722C8.78453 13.2792 8.57138 13.2803 8.3997 13.1751C8.33199 13.1336 8.26707 13.0601 8.13722 12.9131L6.82103 11.4229C5.6201 10.0631 3.46608 10.2137 2.46339 11.7274C1.76171 12.7867 1.86569 14.1905 2.71567 15.1334L4.7796 17.4229C6.32334 19.1353 7.09521 19.9916 8.02185 19.9999C8.94849 20.0083 9.79043 19.1075 11.4743 17.3058Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsCheck;
diff --git a/resources/scripts/components/elements/hugeicons/ChevronDown.tsx b/resources/scripts/components/elements/hugeicons/ChevronDown.tsx
new file mode 100644
index 000000000..5453d392f
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/ChevronDown.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsChevronDown = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8L11.9999 8L17.9999 8C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsChevronDown;
diff --git a/resources/scripts/components/elements/hugeicons/ChevronLeft.tsx b/resources/scripts/components/elements/hugeicons/ChevronLeft.tsx
new file mode 100644
index 000000000..cd9f03bd8
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/ChevronLeft.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsChevronLeft = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M15.8051 5.40705C15.4776 4.96235 14.8516 4.86736 14.4069 5.19488C14.0615 5.44927 13.7332 5.70372 13.4472 5.92689C12.8764 6.3724 12.1118 6.98572 11.3444 7.65208C10.5819 8.31412 9.79361 9.04815 9.18811 9.73344C8.88637 10.0749 8.60888 10.4279 8.4014 10.7721C8.21046 11.0888 8 11.524 8 12.0001C8 12.4762 8.21046 12.9115 8.4014 13.2282C8.60888 13.5724 8.88637 13.9253 9.18811 14.2668C9.79361 14.9521 10.5819 15.6861 11.3444 16.3482C12.1118 17.0145 12.8764 17.6278 13.4472 18.0734C13.7332 18.2965 14.0615 18.551 14.4069 18.8054C14.8516 19.1329 15.4776 19.0379 15.8051 18.5932C15.9368 18.4144 16.0002 18.2064 16 18.0002V12.0001V6.00007C16.0002 5.79387 15.9368 5.58581 15.8051 5.40705Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsChevronLeft;
diff --git a/resources/scripts/components/elements/hugeicons/ChevronRight.tsx b/resources/scripts/components/elements/hugeicons/ChevronRight.tsx
new file mode 100644
index 000000000..482d41bdc
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/ChevronRight.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsChevronRight = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M8.19486 5.40705C8.52237 4.96235 9.14837 4.86736 9.59306 5.19488C9.93847 5.44927 10.2668 5.70372 10.5528 5.92689C11.1236 6.3724 11.8882 6.98573 12.6556 7.65208C13.4181 8.31412 14.2064 9.04815 14.8119 9.73344C15.1136 10.0749 15.3911 10.4279 15.5986 10.7721C15.7895 11.0888 16 11.524 16 12.0001C16 12.4762 15.7895 12.9115 15.5986 13.2282C15.3911 13.5724 15.1136 13.9253 14.8119 14.2668C14.2064 14.9521 13.4181 15.6861 12.6556 16.3482C11.8882 17.0145 11.1236 17.6278 10.5528 18.0734C10.2668 18.2965 9.93847 18.551 9.59307 18.8054C9.14837 19.1329 8.52237 19.0379 8.19486 18.5932C8.0632 18.4144 7.99983 18.2064 8.00001 18.0002L8 12.0001L8 6.00007C7.99983 5.79387 8.0632 5.58581 8.19486 5.40705Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsChevronRight;
diff --git a/resources/scripts/components/elements/hugeicons/ChevronUp.tsx b/resources/scripts/components/elements/hugeicons/ChevronUp.tsx
new file mode 100644
index 000000000..de302175a
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/ChevronUp.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsChevronUp = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M18.593 15.8051C19.0376 15.4776 19.1326 14.8516 18.8051 14.4069C18.5507 14.0615 18.2963 13.7332 18.0731 13.4472C17.6276 12.8764 17.0143 12.1118 16.3479 11.3444C15.6859 10.5819 14.9518 9.79361 14.2666 9.18811C13.9251 8.88637 13.5721 8.60888 13.2279 8.4014C12.9112 8.21046 12.476 8 11.9999 8C11.5238 8 11.0885 8.21046 10.7718 8.4014C10.4276 8.60888 10.0747 8.88637 9.7332 9.18811C9.04791 9.79361 8.31387 10.5819 7.65183 11.3444C6.98548 12.1118 6.37216 12.8764 5.92664 13.4472C5.70347 13.7332 5.44902 14.0615 5.19463 14.4069C4.86712 14.8516 4.96211 15.4776 5.4068 15.8051C5.58556 15.9368 5.79362 16.0002 5.99982 16L11.9999 16L17.9999 16C18.2061 16.0002 18.4142 15.9368 18.593 15.8051Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsChevronUp;
diff --git a/resources/scripts/components/elements/hugeicons/CloudUp.tsx b/resources/scripts/components/elements/hugeicons/CloudUp.tsx
index c53343bd9..5d5e6ebb8 100644
--- a/resources/scripts/components/elements/hugeicons/CloudUp.tsx
+++ b/resources/scripts/components/elements/hugeicons/CloudUp.tsx
@@ -14,11 +14,11 @@ const HugeIconsCloudUp = (props: HugeIconProps) => {
                 fillRule='evenodd'
                 clipRule='evenodd'
                 d='M13.0059 21.25C13.0059 21.8023 12.5581 22.25 12.0059 22.25C11.4536 22.25 11.0059 21.8023 11.0059 21.25L11.0059 16.75L10.4116 16.75C10.236 16.7501 10.0203 16.7503 9.84387 16.7282L9.84053 16.7278C9.71408 16.712 9.13804 16.6402 8.86368 16.0746C8.58872 15.5077 8.89065 15.0076 8.95597 14.8994L8.95841 14.8954C9.05062 14.7424 9.18477 14.5715 9.29511 14.4309L9.31885 14.4007C9.61348 14.0248 9.99545 13.5406 10.3759 13.1496C10.5657 12.9545 10.783 12.7533 11.0139 12.5944C11.2191 12.4532 11.5693 12.25 12 12.25C12.4307 12.25 12.7809 12.4532 12.9861 12.5944C13.217 12.7533 13.4343 12.9545 13.6241 13.1496C14.0046 13.5406 14.3865 14.0248 14.6812 14.4007L14.7049 14.4309C14.8152 14.5715 14.9494 14.7423 15.0416 14.8954L15.044 14.8994C15.1093 15.0076 15.4113 15.5078 15.1363 16.0746C14.862 16.6402 14.2859 16.712 14.1595 16.7278L14.1561 16.7282C13.9797 16.7503 13.764 16.7501 13.5884 16.75L13.0059 16.75L13.0059 21.25Z'
-                fill={props.fill}
+                fill={props.fill || 'currentColor'}
             />
             <path
                 d='M1.25 12.5C1.25 9.85826 3.03106 7.6332 5.45825 6.95919C5.65424 6.90476 5.75224 6.87755 5.80872 6.8197C5.8652 6.76184 5.88991 6.66384 5.93931 6.46783C6.62272 3.75653 9.07671 1.75 12 1.75C15.2149 1.75 17.8628 4.17731 18.2112 7.29924C18.2385 7.54459 18.2522 7.6673 18.3147 7.73828C18.3772 7.80927 18.4989 7.8388 18.7423 7.89786C21.0422 8.45589 22.75 10.5285 22.75 13C22.75 15.8995 20.3995 18.25 17.5 18.25H16.4006C15.942 18.25 15.7126 18.25 15.6826 18.2119C15.6679 18.1933 15.6641 18.1839 15.6617 18.1603C15.6567 18.1121 15.8519 17.9223 16.2425 17.5427C17.2326 16.5804 17.255 14.9976 16.2927 14.0075C15.6442 13.1982 15.0315 12.3422 14.2379 11.6663C13.6086 11.1303 12.8426 10.75 12 10.75C11.1574 10.75 10.3914 11.1303 9.76209 11.6663C8.96846 12.3422 8.35575 13.1982 7.7073 14.0075C6.74496 14.9976 6.76745 16.5804 7.75753 17.5427C8.14807 17.9223 8.34334 18.1121 8.33832 18.1603C8.33587 18.1839 8.33206 18.1933 8.31739 18.2119C8.28737 18.25 8.05801 18.25 7.59942 18.25H7C3.82436 18.25 1.25 15.6756 1.25 12.5Z'
-                fill={props.fill}
+                fill={props.fill || 'currentColor'}
             />
         </svg>
     );
diff --git a/resources/scripts/components/elements/hugeicons/Code.tsx b/resources/scripts/components/elements/hugeicons/Code.tsx
new file mode 100644
index 000000000..470c571aa
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Code.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsCode = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M17.312 1.93059C15.9686 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68802 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50272 4.21911 2.11568 5.31137 1.93059 6.68802C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9686 1.93059 17.312C2.11568 18.6886 2.50272 19.7809 3.36091 20.6391C4.21911 21.4973 5.31137 21.8843 6.68802 22.0694C8.03144 22.25 9.7521 22.25 11.9428 22.25H11.9428H12.0572H12.0572C14.2479 22.25 15.9686 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6391 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9686 22.25 14.2479 22.25 12.0572V12.0572V11.9428V11.9428C22.25 9.7521 22.25 8.03144 22.0694 6.68802C21.8843 5.31137 21.4973 4.21911 20.6391 3.36091C19.7809 2.50272 18.6886 2.11568 17.312 1.93059ZM15.3471 10.7575C14.9288 10.3969 14.882 9.76547 15.2425 9.34714C15.6031 8.9288 16.2345 8.88198 16.6529 9.24255L17.8794 10.2997L17.9165 10.3317C18.1415 10.5255 18.3806 10.7314 18.5554 10.9289C18.7531 11.1522 19 11.5066 19 12C19 12.4934 18.7531 12.8478 18.5554 13.0711C18.3806 13.2686 18.1415 13.4746 17.9165 13.6684L17.8794 13.7003L16.6529 14.7575C16.2345 15.1181 15.6031 15.0712 15.2425 14.6529C14.882 14.2346 14.9288 13.6031 15.3471 13.2426L16.5737 12.1854C16.6552 12.1151 16.7256 12.0544 16.7876 12C16.7256 11.9456 16.6552 11.885 16.5737 11.8147L15.3471 10.7575ZM8.75746 9.34714C9.11804 9.76547 9.07121 10.3969 8.65288 10.7575L7.42634 11.8147C7.34477 11.885 7.27445 11.9456 7.21242 12C7.27445 12.0544 7.34477 12.1151 7.42634 12.1854L8.65288 13.2426C9.07121 13.6031 9.11804 14.2346 8.75746 14.6529C8.39689 15.0712 7.76546 15.1181 7.34712 14.7575L6.12058 13.7003L6.08353 13.6684L6.08353 13.6684C5.8585 13.4746 5.61941 13.2686 5.44458 13.0711C5.24691 12.8478 5 12.4934 5 12C5 11.5066 5.24691 11.1522 5.44458 10.9289C5.61941 10.7314 5.85851 10.5255 6.08354 10.3317L6.12058 10.2997L7.34712 9.24255C7.76546 8.88198 8.39689 8.9288 8.75746 9.34714ZM13.949 9.3165C14.1236 8.79256 13.8404 8.22624 13.3165 8.05159C12.7926 7.87694 12.2262 8.1601 12.0516 8.68404L10.0516 14.684C9.87694 15.208 10.1601 15.7743 10.684 15.949C11.208 16.1236 11.7743 15.8404 11.949 15.3165L13.949 9.3165Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsCode;
diff --git a/resources/scripts/components/elements/hugeicons/Copy.tsx b/resources/scripts/components/elements/hugeicons/Copy.tsx
index 649b2a39d..1e8588e16 100644
--- a/resources/scripts/components/elements/hugeicons/Copy.tsx
+++ b/resources/scripts/components/elements/hugeicons/Copy.tsx
@@ -12,11 +12,11 @@ const HugeIconsCopy = (props: HugeIconProps) => {
         >
             <path
                 d='M16.0549 8.25C17.4225 8.24998 18.5248 8.24996 19.3918 8.36652C20.2919 8.48754 21.0497 8.74643 21.6517 9.34835C22.2536 9.95027 22.5125 10.7081 22.6335 11.6083C22.75 12.4752 22.75 13.5775 22.75 14.9451V14.9451V16.0549V16.0549C22.75 17.4225 22.75 18.5248 22.6335 19.3918C22.5125 20.2919 22.2536 21.0497 21.6517 21.6517C21.0497 22.2536 20.2919 22.5125 19.3918 22.6335C18.5248 22.75 17.4225 22.75 16.0549 22.75H16.0549H14.9451H14.9451C13.5775 22.75 12.4752 22.75 11.6082 22.6335C10.7081 22.5125 9.95027 22.2536 9.34835 21.6516C8.74643 21.0497 8.48754 20.2919 8.36652 19.3918C8.24996 18.5248 8.24998 17.4225 8.25 16.0549V16.0549V14.9451V14.9451C8.24998 13.5775 8.24996 12.4752 8.36652 11.6082C8.48754 10.7081 8.74643 9.95027 9.34835 9.34835C9.95027 8.74643 10.7081 8.48754 11.6083 8.36652C12.4752 8.24996 13.5775 8.24998 14.9451 8.25H14.9451H16.0549H16.0549Z'
-                fill={props.fill}
+                fill={props.fill || 'currentColor'}
             />
             <path
                 d='M6.75 14.8569C6.74991 13.5627 6.74983 12.3758 6.8799 11.4084C7.0232 10.3425 7.36034 9.21504 8.28769 8.28769C9.21504 7.36034 10.3425 7.0232 11.4084 6.8799C12.3758 6.74983 13.5627 6.74991 14.8569 6.75L17.0931 6.75C17.3891 6.75 17.5371 6.75 17.6261 6.65419C17.7151 6.55838 17.7045 6.4142 17.6833 6.12584C17.6648 5.87546 17.6412 5.63892 17.6111 5.41544C17.4818 4.45589 17.2232 3.6585 16.6718 2.98663C16.4744 2.74612 16.2539 2.52558 16.0134 2.3282C15.3044 1.74638 14.4557 1.49055 13.4248 1.36868C12.4205 1.24998 11.1512 1.24999 9.54893 1.25H9.45109C7.84883 1.24999 6.57947 1.24998 5.57525 1.36868C4.54428 1.49054 3.69558 1.74638 2.98663 2.3282C2.74612 2.52558 2.52558 2.74612 2.3282 2.98663C1.74638 3.69558 1.49055 4.54428 1.36868 5.57525C1.24998 6.57947 1.24999 7.84882 1.25 9.45108V9.54891C1.24999 11.1512 1.24998 12.4205 1.36868 13.4247C1.49054 14.4557 1.74638 15.3044 2.3282 16.0134C2.52558 16.2539 2.74612 16.4744 2.98663 16.6718C3.6585 17.2232 4.45589 17.4818 5.41544 17.6111C5.63892 17.6412 5.87546 17.6648 6.12584 17.6833C6.4142 17.7045 6.55838 17.7151 6.65419 17.6261C6.75 17.5371 6.75 17.3891 6.75 17.0931V14.8569Z'
-                fill={props.fill}
+                fill={props.fill || 'currentColor'}
             />
         </svg>
     );
diff --git a/resources/scripts/components/elements/hugeicons/Crown.tsx b/resources/scripts/components/elements/hugeicons/Crown.tsx
new file mode 100644
index 000000000..2aa31a47b
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Crown.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsCrown = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M12.0001 2.75C11.4225 2.75 10.8839 3.05506 10.5924 3.55801L8.37786 7.37849C7.99369 8.04127 7.74288 8.47065 7.51666 8.7611C7.30379 9.03441 7.18618 9.08598 7.10577 9.10498C7.02537 9.12398 6.89711 9.1305 6.58443 8.98137C6.25214 8.82288 5.83567 8.55116 5.19549 8.13042L3.96317 7.32052C3.2731 6.867 2.35495 6.95526 1.7658 7.53606C1.29559 7.99961 1.12862 8.68945 1.34078 9.31693L3.60182 15.7757C3.76066 16.2295 3.89999 16.6276 4.05222 16.9433C4.21683 17.2846 4.4266 17.5969 4.76235 17.8351C5.0981 18.0733 5.46217 18.1681 5.83874 18.2107C6.18698 18.2501 6.6087 18.25 7.08953 18.25H7.08955H16.9106H16.9106C17.3915 18.25 17.8132 18.2501 18.1614 18.2107C18.538 18.1681 18.9021 18.0733 19.2378 17.8351C19.5736 17.5969 19.7833 17.2846 19.9479 16.9433C20.1002 16.6276 20.2395 16.2296 20.3983 15.7758L20.3983 15.7757L20.3983 15.7757L22.6568 9.32451L22.6593 9.31692C22.8715 8.68944 22.7046 7.99961 22.2344 7.53606C21.6452 6.95526 20.7271 6.867 20.037 7.32052L18.8047 8.13042C18.1645 8.55116 17.748 8.82288 17.4157 8.98137C17.1031 9.1305 16.9748 9.12398 16.8944 9.10498C16.814 9.08598 16.6964 9.03441 16.4835 8.7611C16.2573 8.47065 16.0065 8.04127 15.6223 7.3785L13.4078 3.55801C13.1162 3.05506 12.5776 2.75 12.0001 2.75ZM5 19.25C4.44772 19.25 4 19.6977 4 20.25C4 20.8023 4.44772 21.25 5 21.25H19C19.5523 21.25 20 20.8023 20 20.25C20 19.6977 19.5523 19.25 19 19.25H5Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsCrown;
diff --git a/resources/scripts/components/elements/hugeicons/DotFilled.tsx b/resources/scripts/components/elements/hugeicons/DotFilled.tsx
new file mode 100644
index 000000000..6e242ce81
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/DotFilled.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsDotFilled = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsDotFilled;
diff --git a/resources/scripts/components/elements/hugeicons/Download.tsx b/resources/scripts/components/elements/hugeicons/Download.tsx
index ae52bea9d..47738a60a 100644
--- a/resources/scripts/components/elements/hugeicons/Download.tsx
+++ b/resources/scripts/components/elements/hugeicons/Download.tsx
@@ -3,17 +3,24 @@ import { HugeIconProps } from './props';
 // million-ignore
 const HugeIconsDownload = (props: HugeIconProps) => {
     return (
-        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
+        <svg
+            xmlns='http://www.w3.org/2000/svg'
+            viewBox='0 0 24 24'
+            width='24'
+            height='24'
+            fill='none'
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+        >
             <path
                 d='M12 14.5L12 4.5M12 14.5C11.2998 14.5 9.99153 12.5057 9.5 12M12 14.5C12.7002 14.5 14.0085 12.5057 14.5 12'
-                stroke='currentColor'
+                stroke={props.fill || 'currentColor'}
                 strokeWidth='1.5'
                 strokeLinecap='round'
                 strokeLinejoin='round'
             />
             <path
                 d='M20 16.5C20 18.982 19.482 19.5 17 19.5H7C4.518 19.5 4 18.982 4 16.5'
-                stroke='currentColor'
+                stroke={props.fill || 'currentColor'}
                 strokeWidth='1.5'
                 strokeLinecap='round'
                 strokeLinejoin='round'
diff --git a/resources/scripts/components/elements/hugeicons/Eye.tsx b/resources/scripts/components/elements/hugeicons/Eye.tsx
new file mode 100644
index 000000000..d915125f9
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Eye.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsEye = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M5.52031 6.71298C7.22595 5.38141 9.42944 4.25 12 4.25C14.5706 4.25 16.774 5.38141 18.4797 6.71298C20.1869 8.04576 21.4487 9.61974 22.1546 10.6095L22.2078 10.6837C22.461 11.0358 22.75 11.4378 22.75 12C22.75 12.5622 22.461 12.9642 22.2078 13.3163L22.1546 13.3905C21.4487 14.3803 20.1869 15.9542 18.4797 17.287C16.774 18.6186 14.5706 19.75 12 19.75C9.42944 19.75 7.22595 18.6186 5.52031 17.287C3.81313 15.9542 2.55126 14.3803 1.84541 13.3905L1.79219 13.3163C1.53904 12.9642 1.25 12.5622 1.25 12C1.25 11.4378 1.53904 11.0358 1.79219 10.6837L1.84541 10.6095C2.55126 9.61974 3.81313 8.04576 5.52031 6.71298ZM8.5 12C8.5 13.933 10.067 15.5 12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsEye;
diff --git a/resources/scripts/components/elements/hugeicons/EyeSlash.tsx b/resources/scripts/components/elements/hugeicons/EyeSlash.tsx
new file mode 100644
index 000000000..5be15a778
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/EyeSlash.tsx
@@ -0,0 +1,29 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsEyeSlash = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M12 4.25C11.0058 4.25 10.0648 4.41965 9.18654 4.70497C8.93836 4.78559 8.74992 4.98943 8.689 5.24317C8.62807 5.49691 8.70342 5.76408 8.88794 5.9486L18.9086 15.9693C19.2008 16.2614 19.6741 16.2623 19.9673 15.9713C20.9298 15.016 21.7239 13.9948 22.2078 13.3163C22.461 12.9642 22.75 12.5622 22.75 12C22.75 11.4378 22.4077 10.9616 22.1546 10.6095C21.4487 9.61974 20.1869 8.04576 18.4797 6.71298C16.774 5.38141 14.5706 4.25 12 4.25ZM7.27775 6.21709C7.02388 5.96322 6.62572 5.92487 6.32806 6.12561C4.20574 7.55694 2.60227 9.54781 1.79219 10.6837C1.53904 11.0358 1.25 11.4378 1.25 12C1.25 12.5622 1.59226 13.0384 1.84541 13.3905C2.55126 14.3803 3.81313 15.9542 5.52031 17.287C7.22595 18.6186 9.42944 19.75 12 19.75C14.1829 19.75 16.1016 18.9335 17.6719 17.8744C17.8576 17.7491 17.9776 17.5475 17.9991 17.3245C18.0206 17.1015 17.9413 16.8806 17.7829 16.7223L7.27775 6.21709ZM9.52944 9.5C8.8934 10.136 8.5 11.0147 8.5 11.9853C8.5 13.9264 10.0736 15.5 12.0147 15.5C12.9853 15.5 13.864 15.1066 14.5 14.4706L9.52944 9.5Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsEyeSlash;
diff --git a/resources/scripts/components/elements/hugeicons/File.tsx b/resources/scripts/components/elements/hugeicons/File.tsx
new file mode 100644
index 000000000..3f5ad183a
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/File.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsFile = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M11.5875 22.75C12.1575 22.7507 12.662 22.7514 13.1374 22.5827C13.2354 22.548 13.3314 22.508 13.4252 22.4629C13.88 22.2442 14.2363 21.8852 14.6387 21.4795L19.4216 16.6719C19.8889 16.2035 20.3037 15.7879 20.5278 15.2441C20.7518 14.7004 20.7509 14.1116 20.7499 13.4482L20.7498 9.97396C20.7498 8.19195 20.7498 6.7556 20.5987 5.62592C20.4419 4.45306 20.1063 3.46554 19.326 2.68123C18.5458 1.89693 17.5634 1.55958 16.3966 1.40189C15.2727 1.25002 13.8438 1.25004 12.071 1.25006C10.2982 1.25004 8.72712 1.25002 7.60328 1.4019C6.43649 1.55958 5.45408 1.89693 4.67383 2.68123C3.89358 3.46554 3.55798 4.45307 3.40111 5.62592C3.25002 6.75558 3.25004 8.19193 3.25006 9.97389V9.9739V9.97392V9.97394V14.5475V14.5475V14.5475V14.5476C3.25005 16.0812 3.25003 17.3177 3.36431 18.3015C3.48255 19.3195 3.73424 20.1917 4.32688 20.9305C4.54441 21.2017 4.79018 21.4488 5.05999 21.6674C5.79501 22.2632 6.66272 22.5162 7.67541 22.635C8.65417 22.7499 10.0618 22.75 11.5875 22.75ZM18.7314 14.4962C18.6746 14.634 18.5693 14.7644 17.9512 15.3857L13.3463 20.0145C12.8133 20.5502 12.6719 20.6837 12.4903 20.7383C12.4903 19.3765 12.4903 18.7204 12.6066 17.8552C12.7276 16.9551 12.9865 16.1972 13.5884 15.5953C14.1903 14.9934 14.9482 14.7345 15.8483 14.6135C16.7153 14.4969 17.3638 14.4961 18.7314 14.4962ZM16.7501 7.00006C16.7501 7.41428 16.4143 7.75006 16.0001 7.75006L8.00006 7.75006C7.58585 7.75006 7.25006 7.41428 7.25006 7.00006C7.25006 6.58585 7.58585 6.25006 8.00006 6.25006L16.0001 6.25006C16.4143 6.25006 16.7501 6.58585 16.7501 7.00006ZM12.0001 11.7501C12.4143 11.7501 12.7501 11.4143 12.7501 11.0001C12.7501 10.5858 12.4143 10.2501 12.0001 10.2501H8.00006C7.58585 10.2501 7.25006 10.5858 7.25006 11.0001C7.25006 11.4143 7.58585 11.7501 8.00006 11.7501H12.0001Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsFile;
diff --git a/resources/scripts/components/elements/hugeicons/Filter.tsx b/resources/scripts/components/elements/hugeicons/Filter.tsx
new file mode 100644
index 000000000..521820689
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Filter.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsFilter = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M6.18213 2.25C6.19946 2.25 6.21686 2.25 6.23431 2.25L17.8178 2.25C18.5884 2.24997 19.2426 2.24994 19.7587 2.32026C20.3049 2.3947 20.8273 2.56273 21.2272 3.00266C21.6306 3.44644 21.741 3.98125 21.7494 4.52794C21.7573 5.0385 21.6757 5.67272 21.5805 6.41218L21.5735 6.46603C21.5399 6.72771 21.4893 6.9808 21.384 7.23419C21.2771 7.49146 21.1298 7.71058 20.9464 7.92833C19.9667 9.09153 18.1454 11.1937 15.5814 13.108C15.54 13.139 15.4876 13.2124 15.4776 13.3225C15.2294 16.0654 15.0167 17.4903 14.8513 18.3729C14.68 19.2866 13.9733 19.9238 13.3719 20.3592C13.0559 20.588 12.7217 20.7934 12.4259 20.9732C12.3991 20.9895 12.3726 21.0055 12.3466 21.0213C12.0744 21.1866 11.8463 21.3251 11.6591 21.4574C11.1464 21.8198 10.5353 21.8337 10.0428 21.5646C9.56871 21.3055 9.25434 20.8158 9.18796 20.2555C9.0506 19.0959 8.79286 16.7485 8.51176 13.3161C8.50273 13.206 8.45034 13.1318 8.40839 13.1005C5.84956 11.1885 4.03182 9.09 3.05351 7.92829C2.87013 7.71054 2.72289 7.49143 2.61595 7.23416C2.51062 6.98078 2.46012 6.7277 2.42644 6.46603C2.42412 6.44801 2.42181 6.43006 2.41951 6.41217C2.32429 5.67272 2.24262 5.0385 2.25053 4.52794C2.259 3.98125 2.36942 3.44644 2.7728 3.00266C3.17269 2.56273 3.69502 2.3947 4.2413 2.32026C4.75741 2.24994 5.41157 2.24997 6.18213 2.25Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsFilter;
diff --git a/resources/scripts/components/elements/hugeicons/History.tsx b/resources/scripts/components/elements/hugeicons/History.tsx
new file mode 100644
index 000000000..d2da784ba
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/History.tsx
@@ -0,0 +1,29 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsHistory = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M11.0564 1.25C12.8942 1.24999 14.3498 1.24997 15.489 1.40314C16.6614 1.56076 17.6104 1.89288 18.3588 2.64124C19.1071 3.38961 19.4392 4.33856 19.5969 5.51098C19.75 6.65018 19.75 8.10585 19.75 9.94359V11.8696C18.7939 11.3165 17.6839 11 16.5 11C12.9101 11 10 13.9101 10 17.5C10 19.6536 11.0474 21.5626 12.6606 22.7454C12.1617 22.75 11.6278 22.75 11.0572 22.75H11.0564C9.21865 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24999 15.8942 2.25 14.0564V14.0564V9.94357V9.94356C2.24999 8.10581 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.21867 1.24999 11.0564 1.25H11.0564ZM7 6.25C6.58579 6.25 6.25 6.58579 6.25 7C6.25 7.41421 6.58579 7.75 7 7.75H15C15.4142 7.75 15.75 7.41421 15.75 7C15.75 6.58579 15.4142 6.25 15 6.25H7ZM7 10.25C6.58579 10.25 6.25 10.5858 6.25 11C6.25 11.4142 6.58579 11.75 7 11.75H11.5C11.9142 11.75 12.25 11.4142 12.25 11C12.25 10.5858 11.9142 10.25 11.5 10.25H7Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M16.5 12.25C13.6005 12.25 11.25 14.6005 11.25 17.5C11.25 20.3995 13.6005 22.75 16.5 22.75C19.3995 22.75 21.75 20.3995 21.75 17.5C21.75 14.6005 19.3995 12.25 16.5 12.25ZM17.25 15.5C17.25 15.0858 16.9142 14.75 16.5 14.75C16.0858 14.75 15.75 15.0858 15.75 15.5V17.95C15.75 18.2646 15.9464 18.5458 16.2418 18.6542L17.7418 19.2042C18.1307 19.3468 18.5616 19.1471 18.7042 18.7582C18.8468 18.3693 18.6471 17.9384 18.2582 17.7958L17.25 17.4262V15.5Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsHistory;
diff --git a/resources/scripts/components/elements/hugeicons/Key.tsx b/resources/scripts/components/elements/hugeicons/Key.tsx
new file mode 100644
index 000000000..357c9e507
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Key.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsKey = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M15.5 1.75C11.7721 1.75 8.75 4.77208 8.75 8.5C8.75 9.30306 8.89055 10.0746 9.14879 10.7906L1.96967 17.9697C1.82902 18.1103 1.75 18.3011 1.75 18.5V21.5C1.75 21.9142 2.08579 22.25 2.5 22.25H5.5C5.91421 22.25 6.25 21.9142 6.25 21.5V19.75H8C8.41421 19.75 8.75 19.4142 8.75 19V17.25H10.5C10.6989 17.25 10.8897 17.171 11.0303 17.0303L13.2094 14.8512C13.9254 15.1094 14.6969 15.25 15.5 15.25C19.2279 15.25 22.25 12.2279 22.25 8.5C22.25 4.77208 19.2279 1.75 15.5 1.75ZM18.0303 7.03033C18.3232 6.73744 18.3232 6.26256 18.0303 5.96967C17.7374 5.67678 17.2626 5.67678 16.9697 5.96967L15.9697 6.96967C15.6768 7.26256 15.6768 7.73744 15.9697 8.03033C16.2626 8.32322 16.7374 8.32322 17.0303 8.03033L18.0303 7.03033Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsKey;
diff --git a/resources/scripts/components/elements/hugeicons/Link.tsx b/resources/scripts/components/elements/hugeicons/Link.tsx
index 1a1a6456e..1afec3c88 100644
--- a/resources/scripts/components/elements/hugeicons/Link.tsx
+++ b/resources/scripts/components/elements/hugeicons/Link.tsx
@@ -5,7 +5,7 @@ const HugeIconsLink = (props: HugeIconProps) => {
         <svg
             xmlns='http://www.w3.org/2000/svg'
             viewBox='0 0 24 24'
-            fill={props.fill}
+            fill={props.fill || 'currentColor'}
             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
         >
             <path
diff --git a/resources/scripts/components/elements/hugeicons/Menu.tsx b/resources/scripts/components/elements/hugeicons/Menu.tsx
new file mode 100644
index 000000000..a1121c328
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Menu.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsMenu = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M3 5C2.44772 5 2 5.44772 2 6C2 6.55228 2.44772 7 3 7H17C17.5523 7 18 6.55228 18 6C18 5.44772 17.5523 5 17 5H3ZM3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H13C13.5523 13 14 12.5523 14 12C14 11.4477 13.5523 11 13 11H3ZM2 18C2 17.4477 2.44772 17 3 17H17C17.5523 17 18 17.4477 18 18C18 18.5523 17.5523 19 17 19H3C2.44772 19 2 18.5523 2 18ZM22 8.00001C22 7.62012 21.7848 7.27304 21.4445 7.1042C21.1042 6.93536 20.6976 6.97392 20.3951 7.20372L19.2413 8.08025L19.1813 8.12578L19.1813 8.12579C18.2838 8.80759 17.5248 9.38414 16.9999 9.91583C16.4481 10.4748 16 11.1354 16 12C16 12.8646 16.4481 13.5252 16.9999 14.0842C17.5248 14.6159 18.2838 15.1924 19.1814 15.8742L20.3951 16.7963C20.6976 17.0261 21.1042 17.0646 21.4445 16.8958C21.7848 16.727 22 16.3799 22 16V8.00001Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsMenu;
diff --git a/resources/scripts/components/elements/hugeicons/MoreHorizontal.tsx b/resources/scripts/components/elements/hugeicons/MoreHorizontal.tsx
new file mode 100644
index 000000000..c738c867e
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/MoreHorizontal.tsx
@@ -0,0 +1,35 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsMoreHorizontal = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M10.2459 12C10.2459 11.0335 11.0294 10.25 11.9959 10.25H12.0049C12.9714 10.25 13.7549 11.0335 13.7549 12C13.7549 12.9665 12.9714 13.75 12.0049 13.75H11.9959C11.0294 13.75 10.2459 12.9665 10.2459 12Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M16.2498 12C16.2498 11.0335 17.0333 10.25 17.9998 10.25H18.0088C18.9753 10.25 19.7588 11.0335 19.7588 12C19.7588 12.9665 18.9753 13.75 18.0088 13.75H17.9998C17.0333 13.75 16.2498 12.9665 16.2498 12Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M4.2498 12C4.2498 11.0335 5.0333 10.25 5.9998 10.25H6.00878C6.97528 10.25 7.75878 11.0335 7.75878 12C7.75878 12.9665 6.97528 13.75 6.00878 13.75H5.9998C5.0333 13.75 4.2498 12.9665 4.2498 12Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsMoreHorizontal;
diff --git a/resources/scripts/components/elements/hugeicons/NetworkAntenna.tsx b/resources/scripts/components/elements/hugeicons/NetworkAntenna.tsx
new file mode 100644
index 000000000..11e9be57e
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/NetworkAntenna.tsx
@@ -0,0 +1,35 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsNetworkAntenna = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M16.3544 4.20332C16.7944 3.86951 17.4217 3.95559 17.7555 4.39558C18.5342 5.42194 19 6.65916 19 7.99999C19 9.34083 18.5342 10.578 17.7555 11.6044C17.4217 12.0444 16.7944 12.1305 16.3544 11.7967C15.9144 11.4629 15.8283 10.8356 16.1622 10.3956C16.703 9.68272 17 8.86315 17 7.99999C17 7.13684 16.703 6.31727 16.1622 5.6044C15.8283 5.16441 15.9144 4.53713 16.3544 4.20332ZM7.64558 4.20332C8.08557 4.53713 8.17165 5.16441 7.83785 5.6044C7.29702 6.31727 7 7.13684 7 7.99999C7 8.86315 7.29702 9.68272 7.83785 10.3956C8.17165 10.8356 8.08557 11.4629 7.64558 11.7967C7.20559 12.1305 6.57831 12.0444 6.2445 11.6044C5.46584 10.578 5 9.34083 5 7.99999C5 6.65916 5.46584 5.42194 6.2445 4.39558C6.57831 3.95559 7.20559 3.86951 7.64558 4.20332Z'
+                fill={props.fill || 'currentColor'}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M4.28091 2.19757C4.72405 2.52718 4.81607 3.15363 4.48646 3.59676C3.54203 4.86646 3 6.37944 3 7.99994C3 9.62044 3.54203 11.1334 4.48646 12.4031C4.81607 12.8463 4.72405 13.4727 4.28091 13.8023C3.83777 14.1319 3.21133 14.0399 2.88171 13.5968C1.69869 12.0063 1 10.0798 1 7.99994C1 5.92012 1.69869 3.99358 2.88171 2.40312C3.21133 1.95998 3.83777 1.86795 4.28091 2.19757ZM19.7191 2.19757C20.1622 1.86795 20.7887 1.95998 21.1183 2.40312C22.3013 3.99358 23 5.92012 23 7.99994C23 10.0798 22.3013 12.0063 21.1183 13.5968C20.7887 14.0399 20.1622 14.1319 19.7191 13.8023C19.276 13.4727 19.1839 12.8463 19.5135 12.4031C20.458 11.1334 21 9.62044 21 7.99994C21 6.37944 20.458 4.86646 19.5135 3.59676C19.1839 3.15363 19.276 2.52718 19.7191 2.19757Z'
+                fill={props.fill || 'currentColor'}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M12.0003 5.24994C10.4815 5.24994 9.25027 6.48116 9.25027 7.99994C9.25027 8.72194 9.52851 9.37895 9.98361 9.8696L6.06048 20.6582C5.87174 21.1772 6.1395 21.751 6.65853 21.9397C7.17756 22.1285 7.75133 21.8607 7.94007 21.3417L9.15525 17.9999H14.8453L16.0605 21.3417C16.2492 21.8607 16.823 22.1285 17.342 21.9397C17.861 21.751 18.1288 21.1772 17.9401 20.6582L14.0169 9.8696C14.472 9.37895 14.7503 8.72194 14.7503 7.99994C14.7503 6.48116 13.5191 5.24994 12.0003 5.24994ZM14.118 15.9999L12.2062 10.7423C12.1382 10.7474 12.0695 10.7499 12.0003 10.7499C11.931 10.7499 11.8623 10.7474 11.7944 10.7423L9.88252 15.9999H14.118Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsNetworkAntenna;
diff --git a/resources/scripts/components/elements/hugeicons/Plus.tsx b/resources/scripts/components/elements/hugeicons/Plus.tsx
new file mode 100644
index 000000000..92c3e2f65
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Plus.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsPlus = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H13.25V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V13.25H4C3.30964 13.25 2.75 12.6904 2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H10.75V4C10.75 3.30964 11.3096 2.75 12 2.75Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsPlus;
diff --git a/resources/scripts/components/elements/hugeicons/Power.tsx b/resources/scripts/components/elements/hugeicons/Power.tsx
new file mode 100644
index 000000000..7a72c01f2
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Power.tsx
@@ -0,0 +1,25 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsPower = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M2.25 12C2.25 6.61522 6.52365 2.25 11.7955 2.25C12.3226 2.25 12.75 2.68652 12.75 3.225C12.75 3.76348 12.3226 4.2 11.7955 4.2C7.57801 4.2 4.15909 7.69218 4.15909 12C4.15909 16.3078 7.57801 19.8 11.7955 19.8C12.3226 19.8 12.75 20.2365 12.75 20.775C12.75 21.3135 12.3226 21.75 11.7955 21.75C6.52365 21.75 2.25 17.3848 2.25 12Z'
+                fill={props.fill || 'currentColor'}
+            />
+            <path
+                d='M15.9443 7.40733C16.2718 6.96276 16.8981 6.86726 17.3428 7.19444L17.3447 7.19542L17.3467 7.19737C17.349 7.19905 17.3523 7.20213 17.3564 7.20519C17.3648 7.21135 17.3771 7.22004 17.3926 7.23155C17.4235 7.25458 17.4679 7.2885 17.5244 7.33116C17.6374 7.41648 17.7981 7.53862 17.9902 7.68858C18.3736 7.98773 18.8879 8.40051 19.4053 8.84972C19.9178 9.29469 20.456 9.79558 20.874 10.2687C21.0819 10.504 21.2818 10.7556 21.4346 11.0089C21.5708 11.2349 21.75 11.5898 21.75 12.0001C21.75 12.4103 21.5708 12.7653 21.4346 12.9913C21.2818 13.2447 21.0819 13.4963 20.874 13.7316C20.456 14.2046 19.9178 14.7055 19.4053 15.1505C18.8879 15.5997 18.3736 16.0125 17.9902 16.3116C17.798 16.4616 17.6374 16.5837 17.5244 16.6691C17.4679 16.7117 17.4235 16.7456 17.3926 16.7687C17.3771 16.7802 17.3648 16.7889 17.3564 16.795C17.3523 16.7981 17.3489 16.8002 17.3467 16.8019L17.3447 16.8048H17.3428C16.8981 17.1319 16.2727 17.0374 15.9453 16.5929C15.6178 16.1482 15.7125 15.522 16.1572 15.1944L16.1592 15.1935C16.1592 15.1935 16.1628 15.19 16.166 15.1876C16.1728 15.1826 16.1835 15.1754 16.1973 15.1651C16.225 15.1445 16.2665 15.1133 16.3193 15.0733C16.4251 14.9935 16.5772 14.8779 16.7598 14.7355C17.1264 14.4493 17.6122 14.0597 18.0947 13.6407C18.3407 13.4272 18.5794 13.2102 18.7988 13.0001H9.25C8.69772 13.0001 8.25 12.5524 8.25 12.0001C8.25 11.4478 8.69772 11.0001 9.25 11.0001H18.7988C18.5793 10.7901 18.3407 10.573 18.0947 10.3595C17.6122 9.94054 17.1264 9.55086 16.7598 9.26476C16.5772 9.12228 16.4251 9.00673 16.3193 8.92686C16.2665 8.88693 16.225 8.85571 16.1973 8.83507C16.1835 8.82484 16.1728 8.81763 16.166 8.81261C16.1628 8.81024 16.1592 8.80675 16.1592 8.80675L16.1572 8.80577C15.7127 8.47835 15.6172 7.85201 15.9443 7.40733Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsPower;
diff --git a/resources/scripts/components/elements/hugeicons/Question.tsx b/resources/scripts/components/elements/hugeicons/Question.tsx
new file mode 100644
index 000000000..6aa2bcaf8
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Question.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsQuestion = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18H12.0088L12.1113 17.9951C12.6155 17.9439 13.0088 17.5177 13.0088 17C13.0088 16.4823 12.6155 16.0561 12.1113 16.0049L12.0088 16H12ZM12 6C10.067 6 8.5 7.567 8.5 9.5C8.5 10.0523 8.94772 10.5 9.5 10.5C10.0523 10.5 10.5 10.0523 10.5 9.5C10.5 8.67158 11.1716 8 12 8C12.8284 8 13.5 8.67158 13.5 9.5C13.5 9.9492 13.3034 10.3529 12.9883 10.6289L12.8467 10.7383C12.4769 10.9917 12.0355 11.3308 11.6807 11.7578C11.322 12.1896 11 12.7754 11 13.5C11 14.0523 11.4477 14.5 12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 13.3962 13.0426 13.2483 13.2188 13.0361C13.3989 12.8193 13.6632 12.6035 13.9766 12.3887L14.1455 12.2656C14.9681 11.6267 15.5 10.6255 15.5 9.5C15.5 7.567 13.933 6 12 6Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsQuestion;
diff --git a/resources/scripts/components/elements/hugeicons/Refresh.tsx b/resources/scripts/components/elements/hugeicons/Refresh.tsx
new file mode 100644
index 000000000..e165d2f36
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Refresh.tsx
@@ -0,0 +1,27 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsRefresh = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M11.9948 3C7.02756 3 2.99994 7.02895 2.99994 12C2.99994 15.5612 5.06694 18.6409 8.07007 20.1006C8.56679 20.342 8.77374 20.9404 8.53231 21.4371C8.29088 21.9339 7.69249 22.1408 7.19577 21.8994C3.52998 20.1176 0.999939 16.3552 0.999939 12C0.999939 5.92535 5.92202 1 11.9948 1C14.173 1 16.2037 1.63426 17.9116 2.72723L19.1269 1.51197C19.3403 1.2797 19.6249 1 19.9999 1C20.5522 1 20.9999 1.44772 20.9999 2V5.13219C20.9999 6.35267 19.4828 6.91172 18.6911 5.99084C17.0429 4.15339 14.6541 3 11.9948 3Z'
+                fill={props.fill || 'currentColor'}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M21.4622 7.70601C21.9936 7.55563 22.5463 7.86452 22.6967 8.39593C22.8198 8.83111 22.9164 9.27057 22.9872 9.71205C23.0747 10.2574 22.7036 10.7704 22.1583 10.8579C21.613 10.9454 21.1 10.5742 21.0125 10.0289C20.9538 9.6631 20.8739 9.29971 20.7723 8.94052C20.6219 8.4091 20.9308 7.85639 21.4622 7.70601ZM22.1384 12.5547C22.6823 12.6503 23.0458 13.1687 22.9502 13.7127C22.8737 14.1476 22.7742 14.5781 22.6525 15.002C22.5 15.5328 21.9461 15.8396 21.4153 15.6871C20.8844 15.5346 20.5777 14.9807 20.7302 14.4499C20.8326 14.0934 20.9162 13.7316 20.9804 13.3665C21.076 12.8225 21.5944 12.4591 22.1384 12.5547ZM20.726 17.1687C21.1839 17.4775 21.3048 18.099 20.996 18.5569C20.7367 18.9414 20.4554 19.3119 20.153 19.6658C19.7942 20.0857 19.1629 20.1352 18.7431 19.7764C18.3232 19.4176 18.2737 18.7864 18.6325 18.3665C18.8851 18.071 19.1205 17.761 19.3378 17.4387C19.6466 16.9808 20.2682 16.8599 20.726 17.1687ZM17.4392 20.8655C17.7135 21.3448 17.5473 21.9558 17.068 22.2301C16.6804 22.452 16.2768 22.6528 15.8581 22.8304C15.3497 23.0461 14.7627 22.8088 14.547 22.3004C14.3313 21.792 14.5686 21.205 15.077 20.9893C15.4221 20.8429 15.7548 20.6773 16.0745 20.4943C16.5538 20.22 17.1648 20.3862 17.4392 20.8655ZM9.89763 21.7767C9.97118 21.2293 10.4745 20.8452 11.0219 20.9188C11.4279 20.9733 11.8429 21.0016 12.2651 21.0016C12.8174 21.0016 13.2651 21.4493 13.2651 22.0016C13.2651 22.5538 12.8174 23.0016 12.2651 23.0016C11.7536 23.0016 11.2496 22.9673 10.7556 22.901C10.2082 22.8274 9.82409 22.3241 9.89763 21.7767Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsRefresh;
diff --git a/resources/scripts/components/elements/hugeicons/Search.tsx b/resources/scripts/components/elements/hugeicons/Search.tsx
new file mode 100644
index 000000000..b3ac4c42e
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Search.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsSearch = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M19.8055 16.6529C19.1892 16.0366 18.3018 15.8566 17.5271 16.1129L15.8199 14.4056C16.8729 13.051 17.5 11.3487 17.5 9.5C17.5 5.08172 13.9183 1.5 9.5 1.5C5.08172 1.5 1.5 5.08172 1.5 9.5C1.5 13.9183 5.08172 17.5 9.5 17.5C11.3487 17.5 13.051 16.8729 14.4056 15.8199L16.1129 17.5271C15.8566 18.3018 16.0366 19.1892 16.6529 19.8055L18.6945 21.8471C19.5651 22.7176 20.9765 22.7176 21.8471 21.8471C22.7176 20.9765 22.7176 19.5651 21.8471 18.6945L19.8055 16.6529ZM3.5 9.5C3.5 6.18629 6.18629 3.5 9.5 3.5C12.8137 3.5 15.5 6.18629 15.5 9.5C15.5 12.8137 12.8137 15.5 9.5 15.5C6.18629 15.5 3.5 12.8137 3.5 9.5Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsSearch;
diff --git a/resources/scripts/components/elements/hugeicons/Server.tsx b/resources/scripts/components/elements/hugeicons/Server.tsx
new file mode 100644
index 000000000..8358e7d07
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Server.tsx
@@ -0,0 +1,29 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsServer = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M19.0253 13.25H19.0253C19.4697 13.25 19.8408 13.25 20.1454 13.2708C20.4625 13.2924 20.762 13.339 21.0524 13.4593C21.7262 13.7384 22.2616 14.2738 22.5407 14.9476C22.661 15.238 22.7076 15.5375 22.7292 15.8546C22.75 16.1592 22.75 16.5808 22.75 17.0253C22.75 17.4697 22.75 17.8408 22.7292 18.1454C22.7076 18.4625 22.661 18.762 22.5407 19.0524C22.2616 19.7262 21.7262 20.2616 21.0524 20.5407C20.762 20.661 20.4625 20.7076 20.1454 20.7292C19.8408 20.75 19.4697 20.75 19.0253 20.75H4.97474C4.53028 20.75 4.15925 20.75 3.85464 20.7292C3.53754 20.7076 3.23801 20.661 2.94762 20.5407C2.27379 20.2616 1.73844 19.7262 1.45933 19.0524C1.33905 18.762 1.29241 18.4625 1.27077 18.1454C1.24999 17.8408 1.24999 17.4697 1.25 17.0253V17.0253V17.0253C1.24999 16.5808 1.24999 16.1592 1.27077 15.8546C1.29241 15.5375 1.33905 15.238 1.45933 14.9476C1.73844 14.2738 2.27379 13.7384 2.94762 13.4593C3.23801 13.339 3.53754 13.2924 3.85464 13.2708C4.15924 13.25 4.53027 13.25 4.97472 13.25H4.97474H4.97475H19.0253ZM5 17C5 16.4477 5.44772 16 6 16H6.01C6.56229 16 7.01 16.4477 7.01 17C7.01 17.5523 6.56229 18 6.01 18H6C5.44772 18 5 17.5523 5 17ZM10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18H10.01C10.5623 18 11.01 17.5523 11.01 17C11.01 16.4477 10.5623 16 10.01 16H10Z'
+                fill={props.fill || 'currentColor'}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M19.0253 3.25C19.4697 3.24999 19.8408 3.24999 20.1454 3.27077C20.4625 3.29241 20.762 3.33905 21.0524 3.45933C21.7262 3.73844 22.2616 4.27379 22.5407 4.94762C22.661 5.23801 22.7076 5.53754 22.7292 5.85464C22.75 6.15925 22.75 6.5808 22.75 7.02526C22.75 7.46972 22.75 7.84075 22.7292 8.14537C22.7076 8.46247 22.661 8.76199 22.5407 9.05238C22.2616 9.72621 21.7262 10.2616 21.0524 10.5407C20.762 10.661 20.4625 10.7076 20.1454 10.7292C19.8408 10.75 19.4697 10.75 19.0253 10.75H4.97474C4.53028 10.75 4.15925 10.75 3.85464 10.7292C3.53754 10.7076 3.23801 10.661 2.94762 10.5407C2.27379 10.2616 1.73844 9.72621 1.45933 9.05238C1.33905 8.76199 1.29241 8.46247 1.27077 8.14537C1.24999 7.84076 1.24999 7.46972 1.25 7.02526V7.02525C1.24999 6.58079 1.24999 6.15925 1.27077 5.85464C1.29241 5.53754 1.33905 5.23801 1.45933 4.94762C1.73844 4.27379 2.27379 3.73844 2.94762 3.45933C3.23801 3.33905 3.53754 3.29241 3.85464 3.27077C4.15925 3.24999 4.53028 3.24999 4.97474 3.25H4.97475H19.0253ZM5 7C5 6.44772 5.44772 6 6 6H6.01C6.56229 6 7.01 6.44772 7.01 7C7.01 7.55229 6.56229 8 6.01 8H6C5.44772 8 5 7.55229 5 7ZM10 6C9.44771 6 9 6.44772 9 7C9 7.55229 9.44771 8 10 8H10.01C10.5623 8 11.01 7.55229 11.01 7C11.01 6.44772 10.5623 6 10.01 6H10Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsServer;
diff --git a/resources/scripts/components/elements/hugeicons/Settings.tsx b/resources/scripts/components/elements/hugeicons/Settings.tsx
new file mode 100644
index 000000000..a7e728759
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Settings.tsx
@@ -0,0 +1,23 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsSettings = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M8.70208 2.00968C8.41768 1.9716 8.17792 2.05387 8.01469 2.1251C7.86464 2.19058 7.69535 2.28616 7.53113 2.37889L5.28197 3.66739C5.13616 3.77054 4.93913 3.93475 4.82604 4.20047C4.70258 4.49056 4.74241 4.78294 4.77174 4.95206C4.80348 5.13505 4.86932 5.387 4.93233 5.62811C5.32857 7.14492 4.36065 8.77664 2.79378 9.19656L2.76618 9.20395C2.52912 9.26746 2.30699 9.32697 2.13327 9.3896C1.97074 9.4482 1.69912 9.55819 1.50772 9.80652C1.33182 10.0347 1.28519 10.2849 1.26684 10.4619C1.24992 10.6252 1.24996 10.8205 1.25 11.0105V12.9897C1.24996 13.1797 1.24992 13.375 1.26684 13.5383C1.28519 13.7153 1.33181 13.9654 1.5077 14.1936C1.69909 14.4419 1.97071 14.5519 2.13322 14.6105C2.30694 14.6732 2.79374 14.8036 2.79374 14.8036C4.36003 15.2235 5.32731 16.8549 4.93082 18.3719C4.93082 18.3719 4.80192 18.8649 4.77017 19.0479C4.74082 19.217 4.70097 19.5094 4.82441 19.7995C4.93749 20.0653 5.13453 20.2295 5.28035 20.3327L7.52952 21.6212L7.52962 21.6212C7.6938 21.7139 7.86312 21.8095 8.01315 21.875C8.17639 21.9462 8.41618 22.0285 8.70059 21.9904C9.00977 21.949 9.23894 21.7725 9.37072 21.6623C9.51065 21.5453 9.86249 21.1963 9.86249 21.1963C10.4459 20.6176 11.2229 20.3281 12 20.3279C12.7771 20.3281 13.5541 20.6176 14.1375 21.1963C14.1375 21.1963 14.4894 21.5453 14.6293 21.6623C14.7611 21.7725 14.9902 21.949 15.2994 21.9904C15.5838 22.0285 15.8236 21.9462 15.9869 21.875C16.1369 21.8095 16.3062 21.7139 16.4704 21.6212L16.4705 21.6212L18.7196 20.3327C18.8655 20.2295 19.0625 20.0653 19.1756 19.7995C19.299 19.5094 19.2592 19.217 19.2298 19.0479C19.1981 18.8649 19.0692 18.3719 19.0692 18.3719C18.6727 16.8549 19.64 15.2235 21.2063 14.8036C21.2063 14.8036 21.6931 14.6732 21.8668 14.6105C22.0293 14.5519 22.3009 14.4419 22.4923 14.1936C22.6682 13.9654 22.7148 13.7153 22.7332 13.5383C22.7501 13.375 22.75 13.1797 22.75 12.9897V11.0105C22.75 10.8205 22.7501 10.6252 22.7332 10.4619C22.7148 10.2849 22.6682 10.0347 22.4923 9.80652C22.3009 9.55819 22.0293 9.4482 21.8667 9.3896C21.693 9.32697 21.4709 9.26746 21.2338 9.20395L21.2062 9.19656C19.6393 8.77664 18.6714 7.14492 19.0677 5.62811C19.1307 5.387 19.1965 5.13505 19.2283 4.95206C19.2576 4.78294 19.2974 4.49056 19.174 4.20047C19.0609 3.93475 18.8638 3.77054 18.718 3.66739L16.4689 2.37889C16.3046 2.28616 16.1354 2.19058 15.9853 2.1251C15.8221 2.05387 15.5823 1.9716 15.2979 2.00968C14.9888 2.05108 14.7596 2.22753 14.6278 2.3377C14.4879 2.45467 14.136 2.80369 14.136 2.80369C13.5529 3.38184 12.7765 3.67103 12 3.67124C11.2235 3.67103 10.4471 3.38184 9.86405 2.80369C9.86405 2.80369 9.51213 2.45467 9.37221 2.3377C9.24043 2.22753 9.01124 2.05108 8.70208 2.00968ZM12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.50004 12 8.50004C10.067 8.50004 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsSettings;
diff --git a/resources/scripts/components/elements/hugeicons/Shield.tsx b/resources/scripts/components/elements/hugeicons/Shield.tsx
new file mode 100644
index 000000000..b8dea4ef2
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Shield.tsx
@@ -0,0 +1,21 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsShield = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                d='M14.1699 22.1006C16.8466 20.7234 21.7499 17.3739 21.75 11.2373V7.74805C21.75 6.40064 21.7719 5.46059 21.1885 4.51855C20.6144 3.59166 19.9634 3.2822 19.043 2.82422C17.04 1.82765 14.6089 1.25 12 1.25C9.39104 1.25 6.95999 1.82764 4.95702 2.82422C4.03654 3.2822 3.38562 3.59166 2.81151 4.51855C2.22802 5.46059 2.24998 6.40064 2.24999 7.74805V11.2373C2.25012 17.3739 7.15334 20.7234 9.83006 22.1006L9.86676 22.1195C10.5845 22.4889 11.0919 22.75 12 22.75C12.9081 22.75 13.4154 22.4889 14.1332 22.1195L14.1699 22.1006Z'
+                fill={props.fill || 'currentColor'}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsShield;
diff --git a/resources/scripts/components/elements/hugeicons/Trash.tsx b/resources/scripts/components/elements/hugeicons/Trash.tsx
new file mode 100644
index 000000000..26413836f
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/Trash.tsx
@@ -0,0 +1,29 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsTrash = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M19.5825 15.6564C19.5058 16.9096 19.4449 17.9041 19.3202 18.6984C19.1922 19.5131 18.9874 20.1915 18.5777 20.7849C18.2029 21.3278 17.7204 21.786 17.1608 22.1303C16.5491 22.5067 15.8661 22.6713 15.0531 22.75L8.92739 22.7499C8.1135 22.671 7.42972 22.5061 6.8176 22.129C6.25763 21.7841 5.77494 21.3251 5.40028 20.7813C4.99073 20.1869 4.78656 19.5075 4.65957 18.6917C4.53574 17.8962 4.47623 16.9003 4.40122 15.6453L3.75 4.75H20.25L19.5825 15.6564ZM9.5 17.9609C9.08579 17.9609 8.75 17.6252 8.75 17.2109L8.75 11.2109C8.75 10.7967 9.08579 10.4609 9.5 10.4609C9.91421 10.4609 10.25 10.7967 10.25 11.2109L10.25 17.2109C10.25 17.6252 9.91421 17.9609 9.5 17.9609ZM15.25 11.2109C15.25 10.7967 14.9142 10.4609 14.5 10.4609C14.0858 10.4609 13.75 10.7967 13.75 11.2109V17.2109C13.75 17.6252 14.0858 17.9609 14.5 17.9609C14.9142 17.9609 15.25 17.6252 15.25 17.2109V11.2109Z'
+                fill={props.fill}
+            />
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M13.3473 1.28277C13.9124 1.33331 14.4435 1.50576 14.8996 1.84591C15.2369 2.09748 15.4712 2.40542 15.6714 2.73893C15.8569 3.04798 16.0437 3.4333 16.2555 3.8704L16.6823 4.7507H21C21.5523 4.7507 22 5.19842 22 5.7507C22 6.30299 21.5523 6.7507 21 6.7507C14.9998 6.7507 9.00019 6.7507 3 6.7507C2.44772 6.7507 2 6.30299 2 5.7507C2 5.19842 2.44772 4.7507 3 4.7507H7.40976L7.76556 3.97016C7.97212 3.51696 8.15403 3.11782 8.33676 2.79754C8.53387 2.45207 8.76721 2.13237 9.10861 1.87046C9.57032 1.51626 10.1121 1.33669 10.6899 1.28409C11.1249 1.24449 11.5634 1.24994 12 1.25064C12.5108 1.25146 12.97 1.24902 13.3473 1.28277ZM9.60776 4.7507H14.4597C14.233 4.28331 14.088 3.98707 13.9566 3.7682C13.7643 3.44787 13.5339 3.30745 13.1691 3.27482C12.9098 3.25163 12.5719 3.2507 12.0345 3.2507C11.4837 3.2507 11.137 3.25166 10.8712 3.27585C10.4971 3.30991 10.2639 3.45568 10.0739 3.78866C9.94941 4.00687 9.81387 4.29897 9.60776 4.7507Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsTrash;
diff --git a/resources/scripts/components/elements/hugeicons/User.tsx b/resources/scripts/components/elements/hugeicons/User.tsx
new file mode 100644
index 000000000..efab9f59b
--- /dev/null
+++ b/resources/scripts/components/elements/hugeicons/User.tsx
@@ -0,0 +1,31 @@
+import { HugeIconProps } from './props';
+
+const HugeIconsUser = (props: HugeIconProps) => {
+    return (
+        <svg
+            className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
+            width='24'
+            height='24'
+            viewBox='0 0 24 24'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <path
+                fillRule='evenodd'
+                clipRule='evenodd'
+                d='M12 3.20455C7.1424 3.20455 3.20455 7.1424 3.20455 12C3.20455 16.8576 7.1424 20.7955 12 20.7955C16.8576 20.7955 20.7955 16.8576 20.7955 12C20.7955 7.1424 16.8576 3.20455 12 3.20455ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z'
+                fill={props.fill}
+            />
+            <path
+                d='M8.5 9.5C8.5 7.567 10.067 6 12 6C13.933 6 15.5 7.567 15.5 9.5C15.5 11.433 13.933 13 12 13C10.067 13 8.5 11.433 8.5 9.5Z'
+                fill={props.fill}
+            />
+            <path
+                d='M5.40873 17.6472C6.43247 15.8556 8.3377 14.75 10.4011 14.75H13.5979C15.6613 14.75 17.5666 15.8556 18.5903 17.6472L19.6094 19.5928C17.6634 21.5432 14.9724 22.7499 11.9996 22.7499C9.0267 22.7499 6.33569 21.5431 4.38965 19.5928L5.40873 17.6472Z'
+                fill={props.fill}
+            />
+        </svg>
+    );
+};
+
+export default HugeIconsUser;
diff --git a/resources/scripts/components/elements/hugeicons/props.ts b/resources/scripts/components/elements/hugeicons/props.ts
index 202ff6d12..f419224a4 100644
--- a/resources/scripts/components/elements/hugeicons/props.ts
+++ b/resources/scripts/components/elements/hugeicons/props.ts
@@ -1,4 +1,4 @@
 export interface HugeIconProps {
-    fill: string;
+    fill?: string;
     className?: string;
 }
diff --git a/resources/scripts/components/elements/inputs/Checkbox.tsx b/resources/scripts/components/elements/inputs/Checkbox.tsx
index 7fd497680..2f6296efc 100644
--- a/resources/scripts/components/elements/inputs/Checkbox.tsx
+++ b/resources/scripts/components/elements/inputs/Checkbox.tsx
@@ -30,4 +30,6 @@ const CheckBox = forwardRef<HTMLInputElement, Props>(({ className, label, inputF
     </div>
 ));
 
+CheckBox.displayName = 'CheckBox';
+
 export default CheckBox;
diff --git a/resources/scripts/components/elements/inputs/InputField.tsx b/resources/scripts/components/elements/inputs/InputField.tsx
index 87d8c6f87..977c28957 100644
--- a/resources/scripts/components/elements/inputs/InputField.tsx
+++ b/resources/scripts/components/elements/inputs/InputField.tsx
@@ -23,4 +23,6 @@ const Component = forwardRef<HTMLInputElement, InputFieldProps>(({ className, va
 
 const InputField = Object.assign(Component, { Variants: Variant });
 
+Component.displayName = 'InputField';
+
 export default InputField;
diff --git a/resources/scripts/components/elements/inputs/styles.module.css b/resources/scripts/components/elements/inputs/styles.module.css
index f7c2f40ca..442afc14d 100644
--- a/resources/scripts/components/elements/inputs/styles.module.css
+++ b/resources/scripts/components/elements/inputs/styles.module.css
@@ -1,3 +1,5 @@
+@import '../../../assets/tailwind.css';
+
 .checkbox_input {
     @apply h-4 w-4 rounded-sm border-zinc-500 bg-zinc-600 text-zinc-500;
 
diff --git a/resources/scripts/components/elements/pages/PageList.tsx b/resources/scripts/components/elements/pages/PageList.tsx
index 803f15d2b..118cd9e4b 100644
--- a/resources/scripts/components/elements/pages/PageList.tsx
+++ b/resources/scripts/components/elements/pages/PageList.tsx
@@ -24,7 +24,7 @@ const PageListItem = ({ className, children }: Props) => {
         <div
             className={clsx(
                 className,
-                'flex items-center rounded-md bg-[#ffffff11] px-2 sm:px-6 py-4 transition duration-100 hover:bg-[#ffffff19] hover:duration-0 gap-4 flex-col sm:flex-row',
+                'bg-linear-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff15] p-4 sm:p-5 rounded-xl hover:border-[#ffffff20] transition-all flex items-center gap-4 flex-col sm:flex-row',
             )}
         >
             {children}
diff --git a/resources/scripts/components/elements/table/PaginationFooter.tsx b/resources/scripts/components/elements/table/PaginationFooter.tsx
index b7b1638f0..33ae401d9 100644
--- a/resources/scripts/components/elements/table/PaginationFooter.tsx
+++ b/resources/scripts/components/elements/table/PaginationFooter.tsx
@@ -1,13 +1,11 @@
 import clsx from 'clsx';
 
-import { Button } from '@/components/elements/button/index';
-import ArrowLeft from '@/components/elements/hugeicons/ArrowLeft';
-import ArrowRight from '@/components/elements/hugeicons/ArrowRight';
+import ActionButton from '@/components/elements/ActionButton';
+import HugeIconsChevronLeft from '@/components/elements/hugeicons/ChevronLeft';
+import HugeIconsChevronRight from '@/components/elements/hugeicons/ChevronRight';
 
 import { PaginationDataSet } from '@/api/http';
 
-// FIXME: add icons back
-
 interface Props {
     className?: string;
     pagination: PaginationDataSet;
@@ -34,13 +32,6 @@ const PaginationFooter = ({ pagination, className, onPageSelect }: Props) => {
         return null;
     }
 
-    const buttonProps = (page: number) => ({
-        size: Button.Sizes.Small,
-        shape: Button.Shapes.IconSquare,
-        variant: Button.Variants.Secondary,
-        onClick: () => onPageSelect(page),
-    });
-
     return (
         <div className={clsx('flex items-center justify-between my-2', className)}>
             <p className={'text-sm text-zinc-500'}>
@@ -52,25 +43,54 @@ const PaginationFooter = ({ pagination, className, onPageSelect }: Props) => {
             </p>
             {pagination.totalPages > 1 && (
                 <div className={'flex space-x-1'}>
-                    <Button.Text {...buttonProps(1)} disabled={pages.previous.length !== 2}>
-                        <ArrowLeft fill='currentColor' className={'w-3 h-3'} />
-                    </Button.Text>
+                    <ActionButton
+                        variant='secondary'
+                        size='sm'
+                        onClick={() => onPageSelect(current - 1)}
+                        disabled={current <= 1}
+                        className='w-8 h-8 p-0 flex items-center justify-center'
+                    >
+                        <HugeIconsChevronLeft fill='currentColor' className='w-3 h-3' />
+                    </ActionButton>
                     {pages.previous.reverse().map((value) => (
-                        <Button.Text key={`previous-${value}`} {...buttonProps(value)}>
+                        <ActionButton
+                            key={`previous-${value}`}
+                            variant='secondary'
+                            size='sm'
+                            onClick={() => onPageSelect(value)}
+                            className='w-8 h-8 p-0 flex items-center justify-center'
+                        >
                             {value}
-                        </Button.Text>
+                        </ActionButton>
                     ))}
-                    <Button size={Button.Sizes.Small} shape={Button.Shapes.IconSquare}>
+                    <ActionButton
+                        variant='primary'
+                        size='sm'
+                        className='w-8 h-8 p-0 flex items-center justify-center'
+                        disabled
+                    >
                         {current}
-                    </Button>
+                    </ActionButton>
                     {pages.next.map((value) => (
-                        <Button.Text key={`next-${value}`} {...buttonProps(value)}>
+                        <ActionButton
+                            key={`next-${value}`}
+                            variant='secondary'
+                            size='sm'
+                            onClick={() => onPageSelect(value)}
+                            className='w-8 h-8 p-0 flex items-center justify-center'
+                        >
                             {value}
-                        </Button.Text>
+                        </ActionButton>
                     ))}
-                    <Button.Text {...buttonProps(total)} disabled={pages.next.length !== 2}>
-                        <ArrowRight fill='currentColor' className={'w-3 h-3'} />
-                    </Button.Text>
+                    <ActionButton
+                        variant='secondary'
+                        size='sm'
+                        onClick={() => onPageSelect(current + 1)}
+                        disabled={current >= total}
+                        className='w-8 h-8 p-0 flex items-center justify-center'
+                    >
+                        <HugeIconsChevronRight fill='currentColor' className='w-3 h-3' />
+                    </ActionButton>
                 </div>
             )}
         </div>
diff --git a/resources/scripts/components/elements/transitions/FadeTransition.tsx b/resources/scripts/components/elements/transitions/FadeTransition.tsx
index dc59f0883..2ec0398a1 100644
--- a/resources/scripts/components/elements/transitions/FadeTransition.tsx
+++ b/resources/scripts/components/elements/transitions/FadeTransition.tsx
@@ -15,7 +15,7 @@ interface Props {
 function FadeTransition({ children, duration, ...props }: Props) {
     const [enterDuration, exitDuration] = Array.isArray(duration)
         ? duration
-        : !duration
+        : duration!
           ? ['duration-200', 'duration-100']
           : [duration, duration];
 
diff --git a/resources/scripts/components/server/ConflictStateRenderer.tsx b/resources/scripts/components/server/ConflictStateRenderer.tsx
index d3e140509..9f3b91c45 100644
--- a/resources/scripts/components/server/ConflictStateRenderer.tsx
+++ b/resources/scripts/components/server/ConflictStateRenderer.tsx
@@ -4,7 +4,7 @@ import { ServerContext } from '@/state/server';
 
 import Spinner from '../elements/Spinner';
 
-export default () => {
+const ConflictStateRenderer = () => {
     const status = ServerContext.useStoreState((state) => state.server.data?.status || null);
     const isTransferring = ServerContext.useStoreState((state) => state.server.data?.isTransferring || false);
     const isNodeUnderMaintenance = ServerContext.useStoreState(
@@ -12,11 +12,11 @@ export default () => {
     );
 
     return status === 'installing' || status === 'install_failed' || status === 'reinstall_failed' ? (
-        <div className={'flex items-center justify-center h-full'}>
+        <div className={'flex flex-col items-center justify-center h-full'}>
             <Spinner size={'large'} />
-            <div className='flex flex-col ml-4'>
+            <div className='flex flex-col mt-4 text-center'>
                 <label className='text-neutral-100 text-lg font-bold'>Server is Installing</label>
-                <label className='text-neutral-500 text-md font-semibold'>
+                <label className='text-neutral-500 text-md font-semibold mt-1'>
                     Your server should be ready soon, for more details visit the home page.
                 </label>
             </div>
@@ -39,3 +39,5 @@ export default () => {
         />
     );
 };
+
+export default ConflictStateRenderer;
diff --git a/resources/scripts/components/server/ServerActivityLogContainer.tsx b/resources/scripts/components/server/ServerActivityLogContainer.tsx
index dcb63fdf7..601ba207d 100644
--- a/resources/scripts/components/server/ServerActivityLogContainer.tsx
+++ b/resources/scripts/components/server/ServerActivityLogContainer.tsx
@@ -1,32 +1,151 @@
-import clsx from 'clsx';
-import { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { useEffect, useMemo, useState } from 'react';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
-import ContentBox from '@/components/elements/ContentBox';
+import ActionButton from '@/components/elements/ActionButton';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
+import Select from '@/components/elements/Select';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
 import Spinner from '@/components/elements/Spinner';
 import ActivityLogEntry from '@/components/elements/activity/ActivityLogEntry';
-import { styles as btnStyles } from '@/components/elements/button/index';
+import HugeIconsDownload from '@/components/elements/hugeicons/Download';
+import HugeIconsFilter from '@/components/elements/hugeicons/Filter';
+import HugeIconsHistory from '@/components/elements/hugeicons/History';
+import HugeIconsSearch from '@/components/elements/hugeicons/Search';
+import HugeIconsX from '@/components/elements/hugeicons/X';
+import { Input } from '@/components/elements/inputs';
 import PaginationFooter from '@/components/elements/table/PaginationFooter';
 
 import { ActivityLogFilters } from '@/api/account/activity';
 import { useActivityLogs } from '@/api/server/activity';
 
 import { useFlashKey } from '@/plugins/useFlash';
-// FIXME: add icons back
 import useLocationHash from '@/plugins/useLocationHash';
 
-export default () => {
+const ServerActivityLogContainer = () => {
     const { hash } = useLocationHash();
     const { clearAndAddHttpError } = useFlashKey('server:activity');
     const [filters, setFilters] = useState<ActivityLogFilters>({ page: 1, sorts: { timestamp: -1 } });
+    const [searchTerm, setSearchTerm] = useState('');
+    const [selectedEventType, setSelectedEventType] = useState('');
+    const [showFilters, setShowFilters] = useState(false);
+    const [dateRange, setDateRange] = useState('all');
 
     const { data, isValidating, error } = useActivityLogs(filters, {
         revalidateOnMount: true,
         revalidateOnFocus: false,
     });
 
+    // Extract unique event types for filter dropdown
+    const eventTypes = useMemo(() => {
+        if (!data?.items) return [];
+        const types = [...new Set(data.items.map((item) => item.event))];
+        return types.sort();
+    }, [data?.items]);
+
+    // Filter data based on search term and event type
+    const filteredData = useMemo(() => {
+        if (!data?.items) return data;
+
+        let filtered = data.items;
+
+        if (searchTerm) {
+            filtered = filtered.filter(
+                (item) =>
+                    item.event.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    item.ip?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    item.relationships.actor?.username?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                    JSON.stringify(item.properties).toLowerCase().includes(searchTerm.toLowerCase()),
+            );
+        }
+
+        if (selectedEventType) {
+            filtered = filtered.filter((item) => item.event === selectedEventType);
+        }
+
+        // Apply date range filtering
+        if (dateRange !== 'all') {
+            const now = new Date();
+            const cutoff = new Date();
+
+            switch (dateRange) {
+                case '1h':
+                    cutoff.setHours(now.getHours() - 1);
+                    break;
+                case '24h':
+                    cutoff.setDate(now.getDate() - 1);
+                    break;
+                case '7d':
+                    cutoff.setDate(now.getDate() - 7);
+                    break;
+                case '30d':
+                    cutoff.setDate(now.getDate() - 30);
+                    break;
+            }
+
+            filtered = filtered.filter((item) => new Date(item.timestamp) >= cutoff);
+        }
+
+        return { ...data, items: filtered };
+    }, [data, searchTerm, selectedEventType, dateRange]);
+
+    const exportLogs = () => {
+        if (!filteredData?.items) return;
+
+        const csvContent = [
+            ['Timestamp', 'Event', 'Actor', 'IP Address', 'Properties'].join(','),
+            ...filteredData.items.map((item) =>
+                [
+                    new Date(item.timestamp).toISOString(),
+                    item.event,
+                    item.relationships.actor?.username || 'System',
+                    item.ip || '',
+                    JSON.stringify(item.properties).replace(/"/g, '""'),
+                ]
+                    .map((field) => `"${field}"`)
+                    .join(','),
+            ),
+        ].join('\n');
+
+        const blob = new Blob([csvContent], { type: 'text/csv' });
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `server-activity-log-${new Date().toISOString().split('T')[0]}.csv`;
+        a.click();
+        window.URL.revokeObjectURL(url);
+    };
+
+    const clearAllFilters = () => {
+        setFilters((value) => ({ ...value, filters: {} }));
+        setSearchTerm('');
+        setSelectedEventType('');
+        setDateRange('all');
+    };
+
+    const hasActiveFilters =
+        filters.filters?.event || filters.filters?.ip || searchTerm || selectedEventType || dateRange !== 'all';
+
+    // Keyboard shortcuts
+    useEffect(() => {
+        const handleKeyDown = (e: KeyboardEvent) => {
+            if (e.ctrlKey || e.metaKey) {
+                switch (e.key) {
+                    case 'f':
+                        e.preventDefault();
+                        setShowFilters(!showFilters);
+                        break;
+                    case 'e':
+                        e.preventDefault();
+                        exportLogs();
+                        break;
+                }
+            }
+        };
+
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [showFilters]);
+
     useEffect(() => {
         setFilters((value) => ({ ...value, filters: { ip: hash.ip, event: hash.event } }));
     }, [hash]);
@@ -37,40 +156,219 @@ export default () => {
 
     return (
         <ServerContentBlock title={'Activity Log'}>
-            <FlashMessageRender byKey={'server:activity'} />
-            <ContentBox title='Server Activity Logs'>
-                {(filters.filters?.event || filters.filters?.ip) && (
-                    <div className={'flex justify-end mb-2'}>
-                        <Link
-                            to={'#'}
-                            className={clsx(btnStyles.button, btnStyles.text, 'w-full sm:w-auto')}
-                            onClick={() => setFilters((value) => ({ ...value, filters: {} }))}
-                        >
-                            Clear Filters
-                            {/* FIXME: X icon */}
-                        </Link>
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
+                <FlashMessageRender byKey={'server:activity'} />
+
+                <div
+                    className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                    style={{
+                        animationDelay: '75ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <MainPageHeader
+                        direction='column'
+                        title={'Activity Log'}
+                        titleChildren={
+                            <div className='flex gap-2 items-center flex-wrap'>
+                                <ActionButton
+                                    variant='secondary'
+                                    onClick={() => setShowFilters(!showFilters)}
+                                    className='flex items-center gap-2'
+                                    title='Toggle Filters (Ctrl+F)'
+                                >
+                                    <HugeIconsFilter className='w-4 h-4' fill='currentColor' />
+                                    Filters
+                                    {hasActiveFilters && <span className='w-2 h-2 bg-brand rounded-full'></span>}
+                                </ActionButton>
+                                <ActionButton
+                                    variant='secondary'
+                                    onClick={exportLogs}
+                                    disabled={!filteredData?.items?.length}
+                                    className='flex items-center gap-2'
+                                    title='Export CSV (Ctrl+E)'
+                                >
+                                    <HugeIconsDownload className='w-4 h-4' fill='currentColor' />
+                                    Export
+                                </ActionButton>
+                            </div>
+                        }
+                    >
+                        <p className='text-sm text-neutral-400 leading-relaxed'>
+                            Monitor all server activity and track user actions. Filter events, search for specific
+                            activities, and export logs for audit purposes.
+                        </p>
+                    </MainPageHeader>
+                </div>
+
+                {showFilters && (
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '100ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <div className='flex items-center gap-2 mb-4'>
+                                <div className='w-5 h-5 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                                    <HugeIconsFilter className='w-2.5 h-2.5 text-zinc-400' fill='currentColor' />
+                                </div>
+                                <h3 className='text-base font-semibold text-zinc-100'>Filters</h3>
+                            </div>
+
+                            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Search</label>
+                                    <div className='relative'>
+                                        <HugeIconsSearch
+                                            className='absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-zinc-400 pointer-events-none z-10'
+                                            fill='currentColor'
+                                        />
+                                        <Input.Text
+                                            type='text'
+                                            placeholder='Search events, IPs, users...'
+                                            value={searchTerm}
+                                            onChange={(e) => setSearchTerm(e.target.value)}
+                                            style={{ paddingLeft: '2.5rem' }}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Event Type</label>
+                                    <Select
+                                        value={selectedEventType}
+                                        onChange={(e) => setSelectedEventType(e.target.value)}
+                                        className='w-full px-3 py-2 bg-zinc-800 border border-zinc-600 rounded-lg text-zinc-100 focus:border-brand focus:ring-1 focus:ring-brand hover:border-zinc-500 transition-colors duration-150'
+                                    >
+                                        <option value='' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            All Events
+                                        </option>
+                                        {eventTypes.map((type) => (
+                                            <option
+                                                key={type}
+                                                value={type}
+                                                style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}
+                                            >
+                                                {type}
+                                            </option>
+                                        ))}
+                                    </Select>
+                                </div>
+
+                                <div>
+                                    <label className='block text-sm font-medium text-zinc-300 mb-2'>Time Range</label>
+                                    <Select
+                                        value={dateRange}
+                                        onChange={(e) => setDateRange(e.target.value)}
+                                        className='w-full px-3 py-2 bg-zinc-800 border border-zinc-600 rounded-lg text-zinc-100 focus:border-brand focus:ring-1 focus:ring-brand hover:border-zinc-500 transition-colors duration-150'
+                                    >
+                                        <option value='all' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            All Time
+                                        </option>
+                                        <option value='1h' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            Last Hour
+                                        </option>
+                                        <option value='24h' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            Last 24 Hours
+                                        </option>
+                                        <option value='7d' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            Last 7 Days
+                                        </option>
+                                        <option value='30d' style={{ backgroundColor: '#27272a', color: '#f4f4f5' }}>
+                                            Last 30 Days
+                                        </option>
+                                    </Select>
+                                </div>
+
+                                <div className='flex items-end'>
+                                    {hasActiveFilters && (
+                                        <ActionButton
+                                            variant='secondary'
+                                            onClick={clearAllFilters}
+                                            className='flex items-center gap-2 w-full'
+                                        >
+                                            <HugeIconsX className='w-4 h-4' fill='currentColor' />
+                                            Clear All Filters
+                                        </ActionButton>
+                                    )}
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 )}
-                {!data && isValidating ? (
-                    <Spinner centered />
-                ) : !data?.items.length ? (
-                    <p className={'text-sm text-center text-zinc-400'}>No activity logs available for this server.</p>
-                ) : (
-                    <div>
-                        {data?.items.map((activity) => (
-                            <ActivityLogEntry key={activity.id} activity={activity}>
-                                <span />
-                            </ActivityLogEntry>
-                        ))}
+
+                <div
+                    className='transform-gpu skeleton-anim-2'
+                    style={{
+                        animationDelay: '125ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                        <div className='flex items-center gap-2 mb-4'>
+                            <div className='w-5 h-5 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                                <HugeIconsHistory className='w-2.5 h-2.5 text-zinc-400' fill='currentColor' />
+                            </div>
+                            <h3 className='text-base font-semibold text-zinc-100'>Events</h3>
+                            {filteredData?.items && (
+                                <span className='text-sm text-zinc-400'>
+                                    ({filteredData.items.length} {filteredData.items.length === 1 ? 'event' : 'events'})
+                                </span>
+                            )}
+                        </div>
+
+                        {!data && isValidating ? (
+                            <Spinner centered />
+                        ) : !filteredData?.items?.length ? (
+                            <div className='text-center py-12'>
+                                <HugeIconsHistory className='w-16 h-16 text-zinc-600 mb-4' fill='currentColor' />
+                                <h3 className='text-lg font-semibold text-zinc-300 mb-2'>
+                                    {hasActiveFilters ? 'No Matching Activity' : 'No Server Activity Yet'}
+                                </h3>
+                                <p className='text-sm text-zinc-400 mb-4 max-w-lg mx-auto leading-relaxed'>
+                                    {hasActiveFilters
+                                        ? "Try adjusting your filters or search terms to find the activity you're looking for."
+                                        : 'Server activity logs will appear here as you manage your server. Start your server or perform actions to see them here.'}
+                                </p>
+                                {hasActiveFilters && (
+                                    <div className='flex gap-2 justify-center'>
+                                        <ActionButton variant='secondary' onClick={clearAllFilters}>
+                                            Clear All Filters
+                                        </ActionButton>
+                                        <ActionButton variant='secondary' onClick={() => setShowFilters(true)}>
+                                            Adjust Filters
+                                        </ActionButton>
+                                    </div>
+                                )}
+                            </div>
+                        ) : (
+                            <div className='divide-y divide-zinc-800/30'>
+                                {filteredData.items.map((activity) => (
+                                    <ActivityLogEntry key={activity.id} activity={activity}>
+                                        <span />
+                                    </ActivityLogEntry>
+                                ))}
+                            </div>
+                        )}
+
+                        {data && (
+                            <div className='mt-4'>
+                                <PaginationFooter
+                                    pagination={data.pagination}
+                                    onPageSelect={(page) => setFilters((value) => ({ ...value, page }))}
+                                />
+                            </div>
+                        )}
                     </div>
-                )}
-                {data && (
-                    <PaginationFooter
-                        pagination={data.pagination}
-                        onPageSelect={(page) => setFilters((value) => ({ ...value, page }))}
-                    />
-                )}
-            </ContentBox>
+                </div>
+            </div>
         </ServerContentBlock>
     );
 };
+
+export default ServerActivityLogContainer;
diff --git a/resources/scripts/components/server/UptimeDuration.tsx b/resources/scripts/components/server/UptimeDuration.tsx
index e87700a61..337c897d8 100644
--- a/resources/scripts/components/server/UptimeDuration.tsx
+++ b/resources/scripts/components/server/UptimeDuration.tsx
@@ -1,4 +1,4 @@
-export default ({ uptime }: { uptime: number }) => {
+const UptimeDuration = ({ uptime }: { uptime: number }) => {
     const days = Math.floor(uptime / (24 * 60 * 60));
     const hours = Math.floor((Math.floor(uptime) / 60 / 60) % 24);
     const remainder = Math.floor(uptime - hours * 60 * 60);
@@ -19,3 +19,5 @@ export default ({ uptime }: { uptime: number }) => {
         </>
     );
 };
+
+export default UptimeDuration;
diff --git a/resources/scripts/components/server/WebsocketHandler.tsx b/resources/scripts/components/server/WebsocketHandler.tsx
index cb0e9d2c6..c79f1f3f9 100644
--- a/resources/scripts/components/server/WebsocketHandler.tsx
+++ b/resources/scripts/components/server/WebsocketHandler.tsx
@@ -89,12 +89,12 @@ function WebsocketHandler() {
     };
 
     useEffect(() => {
-        connected && setError('');
+        if (connected) setError('');
     }, [connected]);
 
     useEffect(() => {
         return () => {
-            instance && instance.close();
+            if (instance) instance.close();
         };
     }, [instance]);
 
@@ -111,7 +111,7 @@ function WebsocketHandler() {
     return error ? (
         <FadeTransition duration='duration-150' show>
             <div
-                className={`flex items-center px-4 rounded-full fixed w-fit mx-auto left-0 right-0 top-4 bg-red-500 py-2 z-[9999]`}
+                className={`flex items-center px-4 rounded-full fixed w-fit mx-auto left-0 right-0 top-4 bg-red-500 py-2 z-9999`}
             >
                 {error === 'connecting' ? (
                     <>
diff --git a/resources/scripts/components/server/backups/BackupContainer.tsx b/resources/scripts/components/server/backups/BackupContainer.tsx
index 06354854a..aadf97d47 100644
--- a/resources/scripts/components/server/backups/BackupContainer.tsx
+++ b/resources/scripts/components/server/backups/BackupContainer.tsx
@@ -1,27 +1,135 @@
+import { Form, Formik, Field as FormikField, FormikHelpers, useFormikContext } from 'formik';
 import { useContext, useEffect, useState } from 'react';
+import { boolean, object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
+import Field from '@/components/elements/Field';
+import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
+import FormikSwitchV2 from '@/components/elements/FormikSwitchV2';
+import { Textarea } from '@/components/elements/Input';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
+import Modal, { RequiredModalProps } from '@/components/elements/Modal';
 import Pagination from '@/components/elements/Pagination';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import Spinner from '@/components/elements/Spinner';
 import { PageListContainer } from '@/components/elements/pages/PageList';
 import BackupRow from '@/components/server/backups/BackupRow';
-import CreateBackupButton from '@/components/server/backups/CreateBackupButton';
 
+import createServerBackup from '@/api/server/backups/createServerBackup';
 import getServerBackups, { Context as ServerBackupContext } from '@/api/swr/getServerBackups';
 
 import { ServerContext } from '@/state/server';
 
 import useFlash from '@/plugins/useFlash';
 
+interface BackupValues {
+    name: string;
+    ignored: string;
+    isLocked: boolean;
+}
+
+const ModalContent = ({ ...props }: RequiredModalProps) => {
+    const { isSubmitting } = useFormikContext<BackupValues>();
+
+    return (
+        <Modal {...props} showSpinnerOverlay={isSubmitting} title='Create server backup'>
+            <Form>
+                <FlashMessageRender byKey={'backups:create'} />
+                <Field
+                    name={'name'}
+                    label={'Backup name'}
+                    description={'If provided, the name that should be used to reference this backup.'}
+                />
+                <div className={`mt-6 flex flex-col`}>
+                    <FormikFieldWrapper
+                        className='flex flex-col gap-2'
+                        name={'ignored'}
+                        label={'Ignored Files & Directories'}
+                        description={`
+                            Enter the files or folders to ignore while generating this backup. Leave blank to use
+                            the contents of the .pteroignore file in the root of the server directory if present.
+                            Wildcard matching of files and folders is supported in addition to negating a rule by
+                            prefixing the path with an exclamation point.
+                        `}
+                    >
+                        <FormikField
+                            as={Textarea}
+                            className='px-4 py-2 rounded-lg outline-hidden bg-[#ffffff17] text-sm'
+                            name={'ignored'}
+                            rows={6}
+                        />
+                    </FormikFieldWrapper>
+                </div>
+                <Can action={'backup.delete'}>
+                    <div className={`my-6`}>
+                        <FormikSwitchV2
+                            name={'isLocked'}
+                            label={'Locked'}
+                            description={'Prevents this backup from being deleted until explicitly unlocked.'}
+                        />
+                    </div>
+                </Can>
+                <div className={`flex justify-end mb-6`}>
+                    <ActionButton variant='primary' type={'submit'} disabled={isSubmitting}>
+                        {isSubmitting && <Spinner size='small' />}
+                        {isSubmitting ? 'Creating backup...' : 'Start backup'}
+                    </ActionButton>
+                </div>
+            </Form>
+        </Modal>
+    );
+};
+
 const BackupContainer = () => {
     const { page, setPage } = useContext(ServerBackupContext);
     const { clearFlashes, clearAndAddHttpError } = useFlash();
-    const { data: backups, error, isValidating } = getServerBackups();
+    const { data: backups, error, isValidating, mutate } = getServerBackups();
+    const [createModalVisible, setCreateModalVisible] = useState(false);
 
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const backupLimit = ServerContext.useStoreState((state) => state.server.data!.featureLimits.backups);
 
+    const hasBackupsInProgress = backups?.items.some((backup) => backup.completedAt === null) || false;
+
+    useEffect(() => {
+        let interval: NodeJS.Timeout;
+
+        if (hasBackupsInProgress) {
+            interval = setInterval(() => {
+                mutate();
+            }, 2000);
+        }
+
+        return () => {
+            if (interval) {
+                clearInterval(interval);
+            }
+        };
+    }, [hasBackupsInProgress, mutate]);
+
+    useEffect(() => {
+        clearFlashes('backups:create');
+    }, [createModalVisible]);
+
+    const submitBackup = (values: BackupValues, { setSubmitting }: FormikHelpers<BackupValues>) => {
+        clearFlashes('backups:create');
+        createServerBackup(uuid, values)
+            .then(async (backup) => {
+                await mutate(
+                    (data) => ({ ...data!, items: data!.items.concat(backup), backupCount: data!.backupCount + 1 }),
+                    false,
+                );
+                setSubmitting(false);
+                setCreateModalVisible(false);
+            })
+            .catch((error) => {
+                clearAndAddHttpError({ key: 'backups:create', error });
+                setSubmitting(false);
+            });
+    };
+
     useEffect(() => {
         if (!error) {
             clearFlashes('backups');
@@ -35,38 +143,87 @@ const BackupContainer = () => {
     if (!backups || (error && isValidating)) {
         return (
             <ServerContentBlock title={'Backups'}>
-                <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem]'>Backups</h1>
+                <FlashMessageRender byKey={'backups'} />
+                <MainPageHeader direction='column' title={'Backups'}>
+                    <p className='text-sm text-neutral-400 leading-relaxed'>
+                        Create and manage server backups to protect your data. Schedule automated backups, download
+                        existing ones, and restore when needed.
+                    </p>
+                </MainPageHeader>
+                <div className='flex items-center justify-center py-12'>
+                    <div className='animate-spin rounded-full h-8 w-8 border-b-2 border-brand'></div>
+                </div>
             </ServerContentBlock>
         );
     }
 
     return (
         <ServerContentBlock title={'Backups'}>
-            <MainPageHeader title={'Backups'}>
-                <Can action={'backup.create'}>
-                    <div className={`flex flex-col sm:flex-row items-center justify-end`}>
-                        {backupLimit > 0 && backups.backupCount > 0 && (
-                            <p className={`text-sm text-zinc-300 mb-4 sm:mr-6 sm:mb-0 text-right`}>
-                                {backups.backupCount} of {backupLimit} backups
-                            </p>
-                        )}
-                        {backupLimit > 0 && backupLimit > backups.backupCount && <CreateBackupButton />}
-                    </div>
-                </Can>
-            </MainPageHeader>
             <FlashMessageRender byKey={'backups'} />
+            <MainPageHeader
+                direction='column'
+                title={'Backups'}
+                titleChildren={
+                    <Can action={'backup.create'}>
+                        <div className='flex flex-col sm:flex-row items-center justify-end gap-4'>
+                            {backupLimit > 0 && (
+                                <p className='text-sm text-zinc-300 text-center sm:text-right'>
+                                    {backups.backupCount} of {backupLimit} backups
+                                </p>
+                            )}
+                            {backupLimit > 0 && backupLimit > backups.backupCount && (
+                                <ActionButton variant='primary' onClick={() => setCreateModalVisible(true)}>
+                                    New Backup
+                                </ActionButton>
+                            )}
+                        </div>
+                    </Can>
+                }
+            >
+                <p className='text-sm text-neutral-400 leading-relaxed'>
+                    Create and manage server backups to protect your data. Schedule automated backups, download existing
+                    ones, and restore when needed.
+                </p>
+            </MainPageHeader>
+
+            {createModalVisible && (
+                <Formik
+                    onSubmit={submitBackup}
+                    initialValues={{ name: '', ignored: '', isLocked: false }}
+                    validationSchema={object().shape({
+                        name: string().max(191),
+                        ignored: string(),
+                        isLocked: boolean(),
+                    })}
+                >
+                    <ModalContent visible={createModalVisible} onDismissed={() => setCreateModalVisible(false)} />
+                </Formik>
+            )}
+
             <Pagination data={backups} onPageSelect={setPage}>
                 {({ items }) =>
                     !items.length ? (
-                        // Don't show any error messages if the server has no backups and the user cannot
-                        // create additional ones for the server.
-                        !backupLimit ? null : (
-                            <p className={`text-center text-sm text-zinc-300`}>
-                                {page > 1
-                                    ? "Looks like we've run out of backups to show you, try going back a page."
-                                    : 'Your server does not have any backups.'}
-                            </p>
-                        )
+                        <div className='flex flex-col items-center justify-center min-h-[60vh] py-12 px-4'>
+                            <div className='text-center'>
+                                <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                    <svg className='w-8 h-8 text-zinc-400' fill='currentColor' viewBox='0 0 20 20'>
+                                        <path
+                                            fillRule='evenodd'
+                                            d='M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z'
+                                            clipRule='evenodd'
+                                        />
+                                    </svg>
+                                </div>
+                                <h3 className='text-lg font-medium text-zinc-200 mb-2'>
+                                    {backupLimit > 0 ? 'No backups found' : 'Backups unavailable'}
+                                </h3>
+                                <p className='text-sm text-zinc-400 max-w-sm'>
+                                    {backupLimit > 0
+                                        ? 'Your server does not have any backups. Create one to get started.'
+                                        : 'Backups cannot be created for this server.'}
+                                </p>
+                            </div>
+                        </div>
                     ) : (
                         <PageListContainer>
                             {items.map((backup) => (
@@ -76,14 +233,11 @@ const BackupContainer = () => {
                     )
                 }
             </Pagination>
-            {backupLimit === 0 && (
-                <p className={`text-center text-sm text-zinc-300`}>Backups cannot be created for this server.</p>
-            )}
         </ServerContentBlock>
     );
 };
 
-export default () => {
+const BackupContainerWrapper = () => {
     const [page, setPage] = useState<number>(1);
     return (
         <ServerBackupContext.Provider value={{ page, setPage }}>
@@ -91,3 +245,5 @@ export default () => {
         </ServerBackupContext.Provider>
     );
 };
+
+export default BackupContainerWrapper;
diff --git a/resources/scripts/components/server/backups/BackupContextMenu.tsx b/resources/scripts/components/server/backups/BackupContextMenu.tsx
index 502cdd1e9..d76f775ca 100644
--- a/resources/scripts/components/server/backups/BackupContextMenu.tsx
+++ b/resources/scripts/components/server/backups/BackupContextMenu.tsx
@@ -1,18 +1,31 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
-import { ContextMenuContent, ContextMenuItem } from '@/components/elements/ContextMenu';
-import Input from '@/components/elements/Input';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from '@/components/elements/DropdownMenu';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import { Dialog } from '@/components/elements/dialog';
+import HugeIconsAlert from '@/components/elements/hugeicons/Alert';
+import HugeIconsCloudUp from '@/components/elements/hugeicons/CloudUp';
 import HugeIconsDelete from '@/components/elements/hugeicons/Delete';
 import HugeIconsFileDownload from '@/components/elements/hugeicons/FileDownload';
 import HugeIconsFileSecurity from '@/components/elements/hugeicons/FileSecurity';
+import HugeIconsPencil from '@/components/elements/hugeicons/Pencil';
+import HugeIconsHamburger from '@/components/elements/hugeicons/hamburger';
 
 import http, { httpErrorToHuman } from '@/api/http';
-import { restoreServerBackup } from '@/api/server/backups';
-import deleteBackup from '@/api/server/backups/deleteBackup';
-import getBackupDownloadUrl from '@/api/server/backups/getBackupDownloadUrl';
+import {
+    deleteServerBackup,
+    getServerBackupDownloadUrl,
+    renameServerBackup,
+    restoreServerBackup,
+} from '@/api/server/backups';
 import { ServerBackup } from '@/api/server/types';
 import getServerBackups from '@/api/swr/getServerBackups';
 
@@ -24,19 +37,20 @@ interface Props {
     backup: ServerBackup;
 }
 
-export default ({ backup }: Props) => {
+const BackupContextMenu = ({ backup }: Props) => {
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const setServerFromState = ServerContext.useStoreActions((actions) => actions.server.setServerFromState);
     const [modal, setModal] = useState('');
     const [loading, setLoading] = useState(false);
-    const [truncate, setTruncate] = useState(false);
+    const [countdown, setCountdown] = useState(5);
+    const [newName, setNewName] = useState(backup.name);
     const { clearFlashes, clearAndAddHttpError } = useFlash();
     const { mutate } = getServerBackups();
 
     const doDownload = () => {
         setLoading(true);
         clearFlashes('backups');
-        getBackupDownloadUrl(uuid, backup.uuid)
+        getServerBackupDownloadUrl(uuid, backup.uuid)
             .then((url) => {
                 // @ts-expect-error this is valid
                 window.location = url;
@@ -51,7 +65,7 @@ export default ({ backup }: Props) => {
     const doDeletion = () => {
         setLoading(true);
         clearFlashes('backups');
-        deleteBackup(uuid, backup.uuid)
+        deleteServerBackup(uuid, backup.uuid)
             .then(
                 async () =>
                     await mutate(
@@ -73,7 +87,7 @@ export default ({ backup }: Props) => {
     const doRestorationAction = () => {
         setLoading(true);
         clearFlashes('backups');
-        restoreServerBackup(uuid, backup.uuid, truncate)
+        restoreServerBackup(uuid, backup.uuid)
             .then(() =>
                 setServerFromState((s) => ({
                     ...s,
@@ -115,8 +129,94 @@ export default ({ backup }: Props) => {
             .then(() => setModal(''));
     };
 
+    const doRename = () => {
+        setLoading(true);
+        clearFlashes('backups');
+        renameServerBackup(uuid, backup.uuid, newName.trim())
+            .then(
+                async () =>
+                    await mutate(
+                        (data) => ({
+                            ...data!,
+                            items: data!.items.map((b) =>
+                                b.uuid !== backup.uuid
+                                    ? b
+                                    : {
+                                          ...b,
+                                          name: newName.trim(),
+                                      },
+                            ),
+                        }),
+                        false,
+                    ),
+            )
+            .catch((error) => {
+                console.error(error);
+                clearAndAddHttpError({ key: 'backups', error });
+            })
+            .then(() => {
+                setLoading(false);
+                setModal('');
+            });
+    };
+
+    // Countdown effect for restore modal
+    useEffect(() => {
+        let interval: NodeJS.Timeout;
+        if (modal === 'restore' && countdown > 0) {
+            interval = setInterval(() => {
+                setCountdown((prev) => prev - 1);
+            }, 1000);
+        }
+        return () => {
+            if (interval) clearInterval(interval);
+        };
+    }, [modal, countdown]);
+
+    // Reset countdown when modal opens
+    useEffect(() => {
+        if (modal === 'restore') {
+            setCountdown(5);
+        }
+    }, [modal]);
+
+    // Reset name when modal opens
+    useEffect(() => {
+        if (modal === 'rename') {
+            setNewName(backup.name);
+        }
+    }, [modal, backup.name]);
+
     return (
         <>
+            <Dialog open={modal === 'rename'} onClose={() => setModal('')} title='Rename Backup'>
+                <div className='space-y-4'>
+                    <div>
+                        <label className='block text-sm font-medium text-zinc-200 mb-2'>Backup Name</label>
+                        <input
+                            type='text'
+                            value={newName}
+                            onChange={(e) => setNewName(e.target.value)}
+                            className='w-full px-3 py-2 bg-zinc-800 border border-zinc-600 rounded-lg text-zinc-100 placeholder-zinc-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500'
+                            placeholder='Enter backup name...'
+                            maxLength={191}
+                        />
+                    </div>
+                </div>
+
+                <Dialog.Footer>
+                    <ActionButton onClick={() => setModal('')} variant='secondary'>
+                        Cancel
+                    </ActionButton>
+                    <ActionButton
+                        onClick={doRename}
+                        variant='primary'
+                        disabled={!newName.trim() || newName.trim() === backup.name}
+                    >
+                        Rename Backup
+                    </ActionButton>
+                </Dialog.Footer>
+            </Dialog>
             <Dialog.Confirm
                 open={modal === 'unlock'}
                 onClose={() => setModal('')}
@@ -125,30 +225,41 @@ export default ({ backup }: Props) => {
             >
                 This backup will no longer be protected from automated or accidental deletions.
             </Dialog.Confirm>
-            <Dialog.Confirm
-                open={modal === 'restore'}
-                onClose={() => setModal('')}
-                confirm={'Restore'}
-                title={`Restore "${backup.name}"`}
-                onConfirmed={() => doRestorationAction()}
-            >
-                <p>
-                    Your server will be stopped. You will not be able to control the power state, access the file
-                    manager, or create additional backups until completed.
-                </p>
-                <p className={`mt-4 -mb-2 bg-zinc-700 p-3 rounded`}>
-                    <label htmlFor={'restore_truncate'} className={`text-base flex items-center cursor-pointer`}>
-                        <Input
-                            type={'checkbox'}
-                            id={'restore_truncate'}
-                            value={'true'}
-                            checked={truncate}
-                            onChange={() => setTruncate((s) => !s)}
-                        />
-                        Delete all files before restoring backup.
-                    </label>
-                </p>
-            </Dialog.Confirm>
+            <Dialog open={modal === 'restore'} onClose={() => setModal('')} title='Restore Backup'>
+                <div className='space-y-4'>
+                    <div className='space-y-2'>
+                        <p className='text-sm font-medium text-zinc-200'>&quot;{backup.name}&quot;</p>
+                        <p className='text-sm text-zinc-400'>
+                            Your server will be stopped during the restoration process. You will not be able to control
+                            the power state, access the file manager, or create additional backups until completed.
+                        </p>
+                    </div>
+
+                    <div className='p-4 bg-red-500/10 border border-red-500/20 rounded-lg'>
+                        <div className='flex items-start space-x-3'>
+                            <HugeIconsAlert fill='currentColor' className='w-5 h-5 text-red-400 flex-shrink-0 mt-0.5' />
+                            <div className='space-y-1'>
+                                <h4 className='text-sm text-red-200 font-medium'>
+                                    Destructive Action - Complete Server Restore
+                                </h4>
+                                <p className='text-xs text-red-300'>
+                                    All current files and server configuration will be deleted and replaced with the
+                                    backup data. This action cannot be undone.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <Dialog.Footer>
+                    <ActionButton onClick={() => setModal('')} variant='secondary'>
+                        Cancel
+                    </ActionButton>
+                    <ActionButton onClick={() => doRestorationAction()} variant='danger' disabled={countdown > 0}>
+                        {countdown > 0 ? `Delete All & Restore (${countdown}s)` : 'Delete All & Restore Backup'}
+                    </ActionButton>
+                </Dialog.Footer>
+            </Dialog>
             <Dialog.Confirm
                 title={`Delete "${backup.name}"`}
                 confirm={'Continue'}
@@ -160,42 +271,69 @@ export default ({ backup }: Props) => {
             </Dialog.Confirm>
             <SpinnerOverlay visible={loading} fixed />
             {backup.isSuccessful ? (
-                <ContextMenuContent className='flex flex-col gap-1'>
-                    <Can action={'backup.download'}>
-                        <ContextMenuItem className='flex gap-2' onSelect={doDownload}>
-                            <HugeIconsFileDownload className='!h-4 !w-4' fill='currentColor' />
-                            Download Backup
-                        </ContextMenuItem>
-                    </Can>
-                    <Can action={'backup.restore'}>
-                        <ContextMenuItem className='flex gap-2' onSelect={() => setModal('restore')}>
-                            <HugeIconsFileDownload className='!h-4 !w-4' fill='currentColor' />
-                            Restore Backup
-                        </ContextMenuItem>
-                    </Can>
-                    <Can action={'backup.delete'}>
-                        <>
-                            <ContextMenuItem className='flex gap-2' onClick={onLockToggle}>
-                                <HugeIconsFileSecurity className='!h-4 !w-4' fill='currentColor' />
+                <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                        <ActionButton
+                            variant='secondary'
+                            size='sm'
+                            disabled={loading}
+                            className='flex items-center justify-center w-8 h-8 p-0 hover:bg-zinc-700'
+                        >
+                            <HugeIconsHamburger className='h-4 w-4' fill='currentColor' />
+                        </ActionButton>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align='end' className='w-48'>
+                        <Can action={'backup.download'}>
+                            <DropdownMenuItem onClick={doDownload} className='cursor-pointer'>
+                                <HugeIconsFileDownload className='h-4 w-4 mr-2' fill='currentColor' />
+                                Download
+                            </DropdownMenuItem>
+                        </Can>
+                        <Can action={'backup.restore'}>
+                            <DropdownMenuItem onClick={() => setModal('restore')} className='cursor-pointer'>
+                                <HugeIconsCloudUp className='h-4 w-4 mr-2' fill='currentColor' />
+                                Restore
+                            </DropdownMenuItem>
+                        </Can>
+                        <Can action={'backup.delete'}>
+                            <DropdownMenuSeparator />
+                            <DropdownMenuItem onClick={() => setModal('rename')} className='cursor-pointer'>
+                                <HugeIconsPencil className='h-4 w-4 mr-2' fill='currentColor' />
+                                Rename
+                            </DropdownMenuItem>
+                            <DropdownMenuItem onClick={onLockToggle} className='cursor-pointer'>
+                                <HugeIconsFileSecurity className='h-4 w-4 mr-2' fill='currentColor' />
                                 {backup.isLocked ? 'Unlock' : 'Lock'}
-                            </ContextMenuItem>
+                            </DropdownMenuItem>
                             {!backup.isLocked && (
-                                <ContextMenuItem className='flex gap-2' onSelect={() => setModal('delete')}>
-                                    <HugeIconsDelete className='!h-4 !w-4' fill='currentColor' />
-                                    Delete Backup
-                                </ContextMenuItem>
+                                <>
+                                    <DropdownMenuSeparator />
+                                    <DropdownMenuItem
+                                        onClick={() => setModal('delete')}
+                                        className='cursor-pointer text-red-400 focus:text-red-300'
+                                    >
+                                        <HugeIconsDelete className='h-4 w-4 mr-2' fill='currentColor' />
+                                        Delete
+                                    </DropdownMenuItem>
+                                </>
                             )}
-                        </>
-                    </Can>
-                </ContextMenuContent>
+                        </Can>
+                    </DropdownMenuContent>
+                </DropdownMenu>
             ) : (
-                <button
+                <ActionButton
+                    variant='danger'
+                    size='sm'
                     onClick={() => setModal('delete')}
-                    className={`text-zinc-200 transition-colors duration-150 hover:text-zinc-100 p-2`}
+                    disabled={loading}
+                    className='flex items-center gap-2'
                 >
-                    Delete Backup
-                </button>
+                    <HugeIconsDelete className='h-4 w-4' fill='currentColor' />
+                    <span className='hidden sm:inline'>Delete</span>
+                </ActionButton>
             )}
         </>
     );
 };
+
+export default BackupContextMenu;
diff --git a/resources/scripts/components/server/backups/BackupRow.tsx b/resources/scripts/components/server/backups/BackupRow.tsx
index ae6c6745b..7e666b16a 100644
--- a/resources/scripts/components/server/backups/BackupRow.tsx
+++ b/resources/scripts/components/server/backups/BackupRow.tsx
@@ -1,20 +1,17 @@
-import { faFile, faLock } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { format, formatDistanceToNow } from 'date-fns';
 
 import Can from '@/components/elements/Can';
-import { ContextMenu, ContextMenuTrigger } from '@/components/elements/ContextMenu';
 import Spinner from '@/components/elements/Spinner';
+import HugeIconsSquareLock from '@/components/elements/hugeicons/SquareLock';
+import HugeIconsStorage from '@/components/elements/hugeicons/Storage';
 import { PageListItem } from '@/components/elements/pages/PageList';
 import { SocketEvent } from '@/components/server/events';
 
 import { bytesToString } from '@/lib/formatters';
 
 import { ServerBackup } from '@/api/server/types';
-// import BackupContextMenu from '@/components/server/backups/BackupContextMenu';
 import getServerBackups from '@/api/swr/getServerBackups';
 
-// import Can from '@/components/elements/Can';
 import useWebsocketEvent from '@/plugins/useWebsocketEvent';
 
 import BackupContextMenu from './BackupContextMenu';
@@ -23,94 +20,83 @@ interface Props {
     backup: ServerBackup;
 }
 
-export default ({ backup }: Props) => {
+const BackupRow = ({ backup }: Props) => {
     const { mutate } = getServerBackups();
 
-    useWebsocketEvent(`${SocketEvent.BACKUP_COMPLETED}:${backup.uuid}` as SocketEvent, async (data) => {
+    useWebsocketEvent(`${SocketEvent.BACKUP_COMPLETED}:${backup.uuid}` as SocketEvent, async () => {
         try {
-            const parsed = JSON.parse(data);
-
-            await mutate(
-                (data) => ({
-                    ...data!,
-                    items: data!.items.map((b) =>
-                        b.uuid !== backup.uuid
-                            ? b
-                            : {
-                                  ...b,
-                                  isSuccessful: parsed.is_successful || true,
-                                  checksum: (parsed.checksum_type || '') + ':' + (parsed.checksum || ''),
-                                  bytes: parsed.file_size || 0,
-                                  completedAt: new Date(),
-                              },
-                    ),
-                }),
-                false,
-            );
+            // When backup completes, refresh the backup list from API to get accurate completion time
+            // This ensures we get the exact completion timestamp from the database, not the websocket receive time
+            await mutate();
         } catch (e) {
             console.warn(e);
         }
     });
 
     return (
-        <ContextMenu>
-            <ContextMenuTrigger>
-                <PageListItem>
-                    <div className={`flex-auto max-w-full box-border`}>
-                        <div className='flex flex-row align-middle items-center gap-6 truncate'>
-                            <div className='flex-none'>
-                                {backup.completedAt === null ? (
-                                    <Spinner size={'small'} />
-                                ) : backup.isLocked ? (
-                                    <FontAwesomeIcon icon={faLock} className='text-red-500' />
-                                ) : (
-                                    <FontAwesomeIcon icon={faFile} />
-                                )}
-                            </div>
-                            <div className={`flex items-center w-full md:flex-1`}>
-                                <div className={`flex flex-col`}>
-                                    <div className={`flex items-center text-sm mb-1`}>
-                                        {backup.completedAt !== null && !backup.isSuccessful && (
-                                            <span
-                                                className={`bg-red-500 py-px px-2 rounded-full text-white text-xs uppercase border border-red-600 mr-2`}
-                                            >
-                                                Failed
-                                            </span>
-                                        )}
-                                        <div className={`flex gap-2 items-center justify-center`}>
-                                            <p className='break-words truncate text-lg'>{backup.name}</p>
-                                        </div>
-                                    </div>
-                                    {backup.checksum && (
-                                        <p className={`mt-1 md:mt-0 text-xs text-zinc-400 font-mono truncate`}>
-                                            {backup.checksum}
-                                        </p>
-                                    )}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+        <PageListItem>
+            <div className='flex items-center gap-4 w-full py-1'>
+                {/* Status Icon */}
+                <div className='flex-shrink-0 w-8 h-8 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                    {backup.completedAt === null ? (
+                        <Spinner size={'small'} />
+                    ) : backup.isLocked ? (
+                        <HugeIconsSquareLock className='text-red-400 w-4 h-4' fill='currentColor' />
+                    ) : backup.isSuccessful ? (
+                        <HugeIconsStorage className='text-green-400 w-4 h-4' fill='currentColor' />
+                    ) : (
+                        <HugeIconsStorage className='text-red-400 w-4 h-4' fill='currentColor' />
+                    )}
+                </div>
 
-                    <div className='flex flex-row justify-center font-medium sm:justify-between min-w-full lg:w-96 sm:min-w-40'>
-                        {backup.completedAt !== null && backup.isSuccessful && (
-                            <>
-                                <span className={`text-xs sm:flex-initial sm:ml-0`}>{bytesToString(backup.bytes)}</span>
-                                <p className={`text-xs inline sm:hidden`}>,&nbsp;</p>
-                            </>
+                {/* Main Content */}
+                <div className='flex-1 min-w-0'>
+                    <div className='flex items-center gap-2 mb-1'>
+                        {backup.completedAt !== null && !backup.isSuccessful && (
+                            <span className='bg-red-500/20 border border-red-500/30 py-0.5 px-2 rounded text-red-300 text-xs font-medium'>
+                                Failed
+                            </span>
                         )}
-                        <p
-                            title={format(backup.createdAt, 'ddd, MMMM do, yyyy HH:mm:ss')}
-                            className={`text-xs sm:flex-initial`}
+                        <h3 className='text-sm font-medium text-zinc-100 truncate'>{backup.name}</h3>
+                        <span
+                            className={`text-xs text-red-400 font-medium bg-red-500/10 border border-red-500/20 px-1.5 py-0.5 rounded transition-opacity ${
+                                backup.isLocked ? 'opacity-100' : 'opacity-0'
+                            }`}
                         >
-                            {formatDistanceToNow(backup.createdAt, { includeSeconds: true, addSuffix: true })}
-                        </p>
+                            Locked
+                        </span>
                     </div>
+                    {backup.checksum && <p className='text-xs text-zinc-400 font-mono truncate'>{backup.checksum}</p>}
+                </div>
 
+                {/* Size Info */}
+                {backup.completedAt !== null && backup.isSuccessful && (
+                    <div className='hidden sm:block flex-shrink-0 text-right'>
+                        <p className='text-xs text-zinc-500 uppercase tracking-wide'>Size</p>
+                        <p className='text-sm text-zinc-300 font-medium'>{bytesToString(backup.bytes)}</p>
+                    </div>
+                )}
+
+                {/* Date Info */}
+                <div className='hidden sm:block flex-shrink-0 text-right min-w-[120px]'>
+                    <p className='text-xs text-zinc-500 uppercase tracking-wide'>Created</p>
+                    <p
+                        className='text-sm text-zinc-300 font-medium'
+                        title={format(backup.createdAt, 'ddd, MMMM do, yyyy HH:mm:ss')}
+                    >
+                        {formatDistanceToNow(backup.createdAt, { includeSeconds: true, addSuffix: true })}
+                    </p>
+                </div>
+
+                {/* Actions Menu */}
+                <div className='flex-shrink-0'>
                     <Can action={['backup.download', 'backup.restore', 'backup.delete']} matchAny>
-                        {!backup.completedAt ? <></> : <BackupContextMenu backup={backup} />}
+                        {backup.completedAt ? <BackupContextMenu backup={backup} /> : null}
                     </Can>
-                </PageListItem>
-            </ContextMenuTrigger>
-        </ContextMenu>
+                </div>
+            </div>
+        </PageListItem>
     );
 };
+
+export default BackupRow;
diff --git a/resources/scripts/components/server/backups/CreateBackupButton.tsx b/resources/scripts/components/server/backups/CreateBackupButton.tsx
deleted file mode 100644
index 211eba1cb..000000000
--- a/resources/scripts/components/server/backups/CreateBackupButton.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Form, Formik, Field as FormikField, FormikHelpers, useFormikContext } from 'formik';
-import { useEffect, useState } from 'react';
-import { boolean, object, string } from 'yup';
-
-import FlashMessageRender from '@/components/FlashMessageRender';
-import Can from '@/components/elements/Can';
-import Field from '@/components/elements/Field';
-import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
-import FormikSwitchV2 from '@/components/elements/FormikSwitchV2';
-import { Textarea } from '@/components/elements/Input';
-import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
-
-import createServerBackup from '@/api/server/backups/createServerBackup';
-import getServerBackups from '@/api/swr/getServerBackups';
-
-import { ServerContext } from '@/state/server';
-
-import useFlash from '@/plugins/useFlash';
-
-interface Values {
-    name: string;
-    ignored: string;
-    isLocked: boolean;
-    children?: React.ReactNode;
-}
-
-const ModalContent = ({ ...props }: RequiredModalProps) => {
-    const { isSubmitting } = useFormikContext<Values>();
-
-    return (
-        <Modal {...props} showSpinnerOverlay={isSubmitting} title='Create server backup'>
-            <Form>
-                <FlashMessageRender byKey={'backups:create'} />
-                <Field
-                    name={'name'}
-                    label={'Backup name'}
-                    description={'If provided, the name that should be used to reference this backup.'}
-                />
-                <div className={`mt-6 flex flex-col`}>
-                    <FormikFieldWrapper
-                        className='flex flex-col gap-2'
-                        name={'ignored'}
-                        label={'Ignored Files & Directories'}
-                        description={`
-                            Enter the files or folders to ignore while generating this backup. Leave blank to use
-                            the contents of the .pteroignore file in the root of the server directory if present.
-                            Wildcard matching of files and folders is supported in addition to negating a rule by
-                            prefixing the path with an exclamation point.
-                        `}
-                    >
-                        <FormikField
-                            as={Textarea}
-                            className='px-4 py-2 rounded-lg outline-none bg-[#ffffff17] text-sm'
-                            name={'ignored'}
-                            rows={6}
-                        />
-                    </FormikFieldWrapper>
-                </div>
-                <Can action={'backup.delete'}>
-                    <div className={`my-6`}>
-                        <FormikSwitchV2
-                            name={'isLocked'}
-                            label={'Locked'}
-                            description={'Prevents this backup from being deleted until explicitly unlocked.'}
-                        />
-                    </div>
-                </Can>
-                <div className={`flex justify-end mb-6`}>
-                    <Button role={'switch'} type={'submit'} disabled={isSubmitting}>
-                        Start backup
-                    </Button>
-                </div>
-            </Form>
-        </Modal>
-    );
-};
-
-export default () => {
-    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
-    const { clearFlashes, clearAndAddHttpError } = useFlash();
-    const [visible, setVisible] = useState(false);
-    const { mutate } = getServerBackups();
-
-    useEffect(() => {
-        clearFlashes('backups:create');
-    }, [visible]);
-
-    const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
-        clearFlashes('backups:create');
-        createServerBackup(uuid, values)
-            .then(async (backup) => {
-                await mutate(
-                    (data) => ({ ...data!, items: data!.items.concat(backup), backupCount: data!.backupCount + 1 }),
-                    false,
-                );
-                setVisible(false);
-            })
-            .catch((error) => {
-                clearAndAddHttpError({ key: 'backups:create', error });
-                setSubmitting(false);
-            });
-    };
-
-    return (
-        <>
-            {visible && (
-                <Formik
-                    onSubmit={submit}
-                    initialValues={{ name: '', ignored: '', isLocked: false }}
-                    validationSchema={object().shape({
-                        name: string().max(191),
-                        ignored: string(),
-                        isLocked: boolean(),
-                    })}
-                >
-                    <ModalContent appear visible={visible} onDismissed={() => setVisible(false)} />
-                </Formik>
-            )}
-            <button
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-full text-sm font-bold shadow-md'
-                onClick={() => setVisible(true)}
-            >
-                New Backup
-            </button>
-        </>
-    );
-};
diff --git a/resources/scripts/components/server/console/ChartBlock.tsx b/resources/scripts/components/server/console/ChartBlock.tsx
index 877cbdcae..b10eecd4a 100644
--- a/resources/scripts/components/server/console/ChartBlock.tsx
+++ b/resources/scripts/components/server/console/ChartBlock.tsx
@@ -8,12 +8,15 @@ interface ChartBlockProps {
     children: React.ReactNode;
 }
 
+// eslint-disable-next-line react/display-name
 export default ({ title, legend, children }: ChartBlockProps) => (
-    <div className={clsx(styles.chart_container, 'group !p-8')}>
-        <div className={'flex items-center justify-between mb-4'}>
-            <h3 className={'font-extrabold text-sm'}>{title}</h3>
-            {legend && <p className={'text-sm flex items-center'}>{legend}</p>}
+    <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 group h-full shadow-sm'>
+        <div className={'flex items-center justify-between mb-3 sm:mb-4'}>
+            <h3 className={'font-semibold text-sm text-zinc-100 group-hover:text-white transition-colors duration-150'}>
+                {title}
+            </h3>
+            {legend && <div className={'text-xs sm:text-sm flex items-center text-zinc-400'}>{legend}</div>}
         </div>
-        <div className={'z-10 overflow-hidden rounded-lg'}>{children}</div>
+        <div className={'z-10 overflow-hidden rounded-lg h-40 sm:h-48'}>{children}</div>
     </div>
 );
diff --git a/resources/scripts/components/server/console/Console.tsx b/resources/scripts/components/server/console/Console.tsx
index 8a9d66e79..07e222d06 100644
--- a/resources/scripts/components/server/console/Console.tsx
+++ b/resources/scripts/components/server/console/Console.tsx
@@ -45,16 +45,22 @@ const terminalProps: ITerminalOptions = {
     disableStdin: true,
     cursorStyle: 'underline',
     allowTransparency: true,
-    fontSize: 12,
-    fontFamily: 'monospace, monospace',
-    // rows: 30,
+    fontSize: window.innerWidth < 640 ? 11 : 12,
+    fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace',
     theme: theme,
 };
 
-export default () => {
-    const TERMINAL_PRELUDE = '\u001b[1m\u001b[33mcontainer@pterodactyl~ \u001b[0m';
+const Console = () => {
+    const TERMINAL_PRELUDE = '\u001b[1m\u001b[33mcontainer@pyrodactyl~ \u001b[0m';
     const ref = useRef<HTMLDivElement>(null);
-    const terminal = useMemo(() => new Terminal({ ...terminalProps, rows: 30 }), []);
+    const terminal = useMemo(
+        () =>
+            new Terminal({
+                ...terminalProps,
+                rows: window.innerWidth < 640 ? 20 : 25,
+            }),
+        [],
+    );
     const fitAddon = new FitAddon();
     const searchAddon = new SearchAddon();
     const webLinksAddon = new WebLinksAddon();
@@ -109,7 +115,7 @@ export default () => {
             setHistory((prevHistory) => [command, ...prevHistory!].slice(0, 32));
             setHistoryIndex(-1);
 
-            instance && instance.send('send command', command);
+            if (instance) instance.send('send command', command);
             e.currentTarget.value = '';
         }
     };
@@ -145,6 +151,9 @@ export default () => {
         'resize',
         debounce(() => {
             if (terminal.element) {
+                // Update font size based on window width
+                const newFontSize = window.innerWidth < 640 ? 11 : 12;
+                terminal.options.fontSize = newFontSize;
                 fitAddon.fit();
             }
         }, 100),
@@ -193,35 +202,25 @@ export default () => {
     }, [connected, instance]);
 
     return (
-        <div
-            className='transform-gpu skeleton-anim-2'
-            style={{
-                display: 'flex',
-                width: '100%',
-                height: '100%',
-                animationDelay: `250ms`,
-                animationTimingFunction:
-                    'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
-            }}
-        >
-            <div className={clsx(styles.terminal, 'relative')}>
+        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl hover:border-[#ffffff20] transition-all duration-150 overflow-hidden shadow-sm'>
+            <div className='relative'>
                 <SpinnerOverlay visible={!connected} size={'large'} />
-                <div className={clsx(styles.container, styles.overflows_container, { 'rounded-b': !canSendCommands })}>
-                    <div className={'h-full'}>
-                        <div id={styles.terminal} ref={ref} />
+                <div className='bg-[#131313] min-h-[280px] sm:min-h-[380px] p-3 sm:p-4 font-mono overflow-hidden'>
+                    <div className='h-full w-full'>
+                        <div ref={ref} className='h-full w-full' />
                     </div>
                 </div>
                 {canSendCommands && (
-                    <div className={clsx('relative', styles.overflows_container)}>
+                    <div className='relative border-t-[1px] border-[#ffffff11] bg-[#0f0f0f]'>
                         <input
-                            className={clsx('peer', styles.command_input)}
-                            type={'text'}
-                            placeholder={'Enter a command'}
-                            aria-label={'Console command input.'}
+                            className='w-full bg-transparent px-3 py-2.5 sm:px-4 sm:py-3 font-mono text-xs sm:text-sm text-zinc-100 placeholder-zinc-500 border-0 outline-none focus:ring-0 focus:outline-none focus:bg-[#1a1a1a] transition-colors duration-150'
+                            type='text'
+                            placeholder='Enter a command...'
+                            aria-label='Console command input.'
                             disabled={!instance || !connected}
                             onKeyDown={handleCommandKeyDown}
-                            autoCorrect={'off'}
-                            autoCapitalize={'none'}
+                            autoCorrect='off'
+                            autoCapitalize='none'
                         />
                     </div>
                 )}
@@ -229,3 +228,5 @@ export default () => {
         </div>
     );
 };
+
+export default Console;
diff --git a/resources/scripts/components/server/console/PowerButtons.tsx b/resources/scripts/components/server/console/PowerButtons.tsx
index 0f4c3a41c..abc33fed9 100644
--- a/resources/scripts/components/server/console/PowerButtons.tsx
+++ b/resources/scripts/components/server/console/PowerButtons.tsx
@@ -11,7 +11,7 @@ interface PowerButtonProps {
     className?: string;
 }
 
-export default ({ className }: PowerButtonProps) => {
+const PowerButtons = ({ className }: PowerButtonProps) => {
     const [open, setOpen] = useState(false);
     const status = ServerContext.useStoreState((state) => state.status.value);
     const instance = ServerContext.useStoreState((state) => state.socket.instance);
@@ -82,7 +82,7 @@ export default ({ className }: PowerButtonProps) => {
                                   opacity: 0.5,
                               }
                     }
-                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-l-full rounded-r-md text-sm font-bold shadow-md'
+                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-l-full rounded-r-md text-sm font-bold shadow-md cursor-pointer'
                     disabled={status !== 'offline'}
                     onClick={onButtonClick.bind(this, 'start')}
                 >
@@ -95,7 +95,7 @@ export default ({ className }: PowerButtonProps) => {
                         background:
                             'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
                     }}
-                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-none text-sm font-bold shadow-md'
+                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-none text-sm font-bold shadow-md cursor-pointer'
                     disabled={!status}
                     onClick={onButtonClick.bind(this, 'restart')}
                 >
@@ -117,7 +117,7 @@ export default ({ className }: PowerButtonProps) => {
                                   opacity: 1,
                               }
                     }
-                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-r-full rounded-l-md text-sm font-bold shadow-md transition-all'
+                    className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-r-full rounded-l-md text-sm font-bold shadow-md transition-all cursor-pointer'
                     disabled={status === 'offline'}
                     onClick={onButtonClick.bind(this, killable ? 'kill' : 'stop')}
                 >
@@ -127,3 +127,5 @@ export default ({ className }: PowerButtonProps) => {
         </div>
     );
 };
+
+export default PowerButtons;
diff --git a/resources/scripts/components/server/console/ServerConsoleContainer.tsx b/resources/scripts/components/server/console/ServerConsoleContainer.tsx
index 88b79f2d7..00f2d27d6 100644
--- a/resources/scripts/components/server/console/ServerConsoleContainer.tsx
+++ b/resources/scripts/components/server/console/ServerConsoleContainer.tsx
@@ -11,13 +11,12 @@ import Console from '@/components/server/console/Console';
 import PowerButtons from '@/components/server/console/PowerButtons';
 import ServerDetailsBlock from '@/components/server/console/ServerDetailsBlock';
 import StatGraphs from '@/components/server/console/StatGraphs';
+import { CrashAnalysisCard } from '@/components/server/features/MclogsFeature';
 
 import { ServerContext } from '@/state/server';
 
 import Features from '@feature/Features';
 
-import { StatusPill } from './StatusPill';
-
 export type PowerAction = 'start' | 'stop' | 'restart' | 'kill';
 
 const ServerConsoleContainer = () => {
@@ -30,34 +29,137 @@ const ServerConsoleContainer = () => {
 
     return (
         <ServerContentBlock title={'Home'}>
-            <div className='w-full h-full min-h-full flex-1 flex flex-col gap-4'>
+            <div className='w-full h-full min-h-full flex-1 flex flex-col px-2 sm:px-0'>
                 {(isNodeUnderMaintenance || isInstalling || isTransferring) && (
-                    <Alert type={'warning'} className={'mb-4'}>
-                        {isNodeUnderMaintenance
-                            ? 'The node of this server is currently under maintenance and all actions are unavailable.'
-                            : isInstalling
-                              ? 'This server is currently running its installation process and most actions are unavailable.'
-                              : 'This server is currently being transferred to another node and all actions are unavailable.'}
-                    </Alert>
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '50ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <Alert type={'warning'}>
+                            {isNodeUnderMaintenance
+                                ? 'The node of this server is currently under maintenance and all actions are unavailable.'
+                                : isInstalling
+                                  ? 'This server is currently running its installation process and most actions are unavailable.'
+                                  : 'This server is currently being transferred to another node and all actions are unavailable.'}
+                        </Alert>
+                    </div>
                 )}
-                <MainPageHeader title={name} titleChildren={<StatusPill />}>
-                    <PowerButtons className='skeleton-anim-2 duration-75 flex gap-1 items-center justify-center' />
-                </MainPageHeader>
-                {description && (
-                    <h2 className='text-sm -mt-8'>
-                        <span className='opacity-50'>{description}</span>
-                    </h2>
-                )}
-                <ServerDetailsBlock />
-                <Console />
-                <div className={'grid grid-cols-1 md:grid-cols-3 gap-4'}>
-                    <Spinner.Suspense>
-                        <StatGraphs />
-                    </Spinner.Suspense>
+
+                <div
+                    className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                    style={{
+                        animationDelay: '75ms',
+                        animationTimingFunction:
+                            'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                    }}
+                >
+                    <MainPageHeader
+                        title={name}
+                        titleChildren={
+                            <div
+                                className='transform-gpu skeleton-anim-2'
+                                style={{
+                                    animationDelay: '100ms',
+                                    animationTimingFunction:
+                                        'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                                }}
+                            >
+                                <PowerButtons className='flex gap-1 items-center justify-center' />
+                            </div>
+                        }
+                    />
+                </div>
+
+                {description && (
+                    <div
+                        className='transform-gpu skeleton-anim-2 mb-3 sm:mb-4'
+                        style={{
+                            animationDelay: '100ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <p className='text-sm text-zinc-300 leading-relaxed'>{description}</p>
+                        </div>
+                    </div>
+                )}
+
+                <div className='flex flex-col gap-3 sm:gap-4'>
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '125ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <ServerDetailsBlock />
+                        </div>
+                    </div>
+
+                    {/* Crash Analysis Card - only shows if mclogs feature is enabled */}
+                    {eggFeatures.map((v) => v.toLowerCase()).includes('mclogs') && (
+                        <div
+                            className='transform-gpu skeleton-anim-2'
+                            style={{
+                                animationDelay: '150ms',
+                                animationTimingFunction:
+                                    'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                            }}
+                        >
+                            <CrashAnalysisCard />
+                        </div>
+                    )}
+
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '175ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <Console />
+                        </div>
+                    </div>
+
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '225ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                            <div className={'grid grid-cols-1 md:grid-cols-3 gap-3 sm:gap-4'}>
+                                <Spinner.Suspense>
+                                    <StatGraphs />
+                                </Spinner.Suspense>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div
+                        className='transform-gpu skeleton-anim-2'
+                        style={{
+                            animationDelay: '275ms',
+                            animationTimingFunction:
+                                'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
+                        }}
+                    >
+                        <ErrorBoundary>
+                            <Features enabled={eggFeatures} />
+                        </ErrorBoundary>
+                    </div>
                 </div>
-                <ErrorBoundary>
-                    <Features enabled={eggFeatures} />
-                </ErrorBoundary>
             </div>
         </ServerContentBlock>
     );
diff --git a/resources/scripts/components/server/console/ServerDetailsBlock.tsx b/resources/scripts/components/server/console/ServerDetailsBlock.tsx
index 547b4431e..7f9ed38e9 100644
--- a/resources/scripts/components/server/console/ServerDetailsBlock.tsx
+++ b/resources/scripts/components/server/console/ServerDetailsBlock.tsx
@@ -9,6 +9,7 @@ import { bytesToString, ip, mbToBytes } from '@/lib/formatters';
 import { ServerContext } from '@/state/server';
 
 import useWebsocketEvent from '@/plugins/useWebsocketEvent';
+import { getSubdomainInfo, SubdomainInfo } from '@/api/server/network/subdomain';
 
 type Stats = Record<'memory' | 'cpu' | 'disk' | 'uptime' | 'rx' | 'tx', number>;
 
@@ -25,17 +26,20 @@ type Stats = Record<'memory' | 'cpu' | 'disk' | 'uptime' | 'rx' | 'tx', number>;
 //     return undefined;
 // };
 
-// @ts-ignore
+// @ts-expect-error - Unused parameter in component definition
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Limit = ({ limit, children }: { limit: string | null; children: React.ReactNode }) => <>{children}</>;
 
 const ServerDetailsBlock = ({ className }: { className?: string }) => {
     const [stats, setStats] = useState<Stats>({ memory: 0, cpu: 0, disk: 0, uptime: 0, tx: 0, rx: 0 });
+    const [subdomainInfo, setSubdomainInfo] = useState<SubdomainInfo | null>(null);
 
     const status = ServerContext.useStoreState((state) => state.status.value);
     const connected = ServerContext.useStoreState((state) => state.socket.connected);
     const instance = ServerContext.useStoreState((state) => state.socket.instance);
     const limits = ServerContext.useStoreState((state) => state.server.data!.limits);
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const serverAllocations = ServerContext.useStoreState((state) => state.server.data!.allocations);
 
     const textLimits = useMemo(
         () => ({
@@ -52,6 +56,28 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
         return !match ? 'n/a' : `${match.alias || ip(match.ip)}:${match.port}`;
     });
 
+    // Get display address (subdomain if available and active, otherwise IP)
+    const displayAddress = useMemo(() => {
+        if (subdomainInfo?.current_subdomain?.attributes?.is_active && subdomainInfo.current_subdomain.attributes.full_domain) {
+            return subdomainInfo.current_subdomain.attributes.full_domain;
+        }
+        return allocation;
+    }, [subdomainInfo, allocation, serverAllocations]);
+
+    useEffect(() => {
+        const loadSubdomainInfo = async () => {
+            try {
+                const data = await getSubdomainInfo(uuid);
+                setSubdomainInfo(data);
+            } catch (error) {
+                // Silently fail - subdomain feature might not be available
+                setSubdomainInfo(null);
+            }
+        };
+
+        loadSubdomainInfo();
+    }, [uuid]);
+
     useEffect(() => {
         if (!connected || !instance) {
             return;
@@ -79,27 +105,23 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
     });
 
     return (
-        <div className={clsx('flex md:flex-row gap-4 flex-col', className)}>
+        <div className={clsx('grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4', className)}>
             <div
                 className='transform-gpu skeleton-anim-2'
                 style={{
-                    display: 'flex',
-                    width: '100%',
-                    animationDelay: `150ms`,
+                    animationDelay: `50ms`,
                     animationTimingFunction:
                         'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
                 }}
             >
-                <StatBlock title={'IP Address'} copyOnClick={allocation}>
-                    {allocation}
+                <StatBlock title={'IP Address'} copyOnClick={displayAddress}>
+                    {displayAddress}
                 </StatBlock>
             </div>
             <div
                 className='transform-gpu skeleton-anim-2'
                 style={{
-                    display: 'flex',
-                    width: '100%',
-                    animationDelay: `175ms`,
+                    animationDelay: `75ms`,
                     animationTimingFunction:
                         'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
                 }}
@@ -115,9 +137,7 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
             <div
                 className='transform-gpu skeleton-anim-2'
                 style={{
-                    display: 'flex',
-                    width: '100%',
-                    animationDelay: `200ms`,
+                    animationDelay: `100ms`,
                     animationTimingFunction:
                         'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
                 }}
@@ -133,9 +153,7 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
             <div
                 className='transform-gpu skeleton-anim-2'
                 style={{
-                    display: 'flex',
-                    width: '100%',
-                    animationDelay: `225ms`,
+                    animationDelay: `125ms`,
                     animationTimingFunction:
                         'linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1)',
                 }}
diff --git a/resources/scripts/components/server/console/StatBlock.tsx b/resources/scripts/components/server/console/StatBlock.tsx
index f991a7697..50123d7fe 100644
--- a/resources/scripts/components/server/console/StatBlock.tsx
+++ b/resources/scripts/components/server/console/StatBlock.tsx
@@ -11,13 +11,24 @@ interface StatBlockProps {
     className?: string;
 }
 
-export default ({ title, copyOnClick, className, children }: StatBlockProps) => {
+const StatBlock = ({ title, copyOnClick, className, children }: StatBlockProps) => {
     return (
         <CopyOnClick text={copyOnClick}>
-            <div className={clsx(styles.stat_block, 'bg-[#ffffff09] border-[1px] border-[#ffffff11]', className)}>
+            <div
+                className={clsx(
+                    'bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 cursor-pointer group shadow-sm',
+                    className,
+                )}
+            >
                 <div className={'flex flex-col justify-center overflow-hidden w-full'}>
-                    <p className={'leading-tight text-xs md:text-sm text-zinc-400'}>{title}</p>
-                    <div className={'text-[32px] font-extrabold leading-[98%] tracking-[-0.07rem] w-full truncate'}>
+                    <p className={'leading-tight text-xs text-zinc-400 mb-2 uppercase tracking-wide font-medium'}>
+                        {title}
+                    </p>
+                    <div
+                        className={
+                            'text-lg sm:text-xl font-bold leading-tight tracking-tight w-full truncate text-zinc-100 group-hover:text-white transition-colors duration-150'
+                        }
+                    >
                         {children}
                     </div>
                 </div>
@@ -25,3 +36,5 @@ export default ({ title, copyOnClick, className, children }: StatBlockProps) =>
         </CopyOnClick>
     );
 };
+
+export default StatBlock;
diff --git a/resources/scripts/components/server/console/StatGraphs.tsx b/resources/scripts/components/server/console/StatGraphs.tsx
index 201856fed..b6b219231 100644
--- a/resources/scripts/components/server/console/StatGraphs.tsx
+++ b/resources/scripts/components/server/console/StatGraphs.tsx
@@ -1,7 +1,9 @@
-// FIXME: add icons back
+import * as Tooltip from '@radix-ui/react-tooltip';
 import { useEffect, useRef } from 'react';
 import { Line } from 'react-chartjs-2';
 
+import HugeIconsCloudUp from '@/components/elements/hugeicons/CloudUp';
+import HugeIconsDownload from '@/components/elements/hugeicons/Download';
 import ChartBlock from '@/components/server/console/ChartBlock';
 import { useChart, useChartTickLabel } from '@/components/server/console/chart';
 import { SocketEvent } from '@/components/server/events';
@@ -13,7 +15,7 @@ import { ServerContext } from '@/state/server';
 
 import useWebsocketEvent from '@/plugins/useWebsocketEvent';
 
-export default () => {
+const StatGraphs = () => {
     const status = ServerContext.useStoreState((state) => state.status.value);
     const limits = ServerContext.useStoreState((state) => state.server.data!.limits);
     const previous = useRef<Record<'tx' | 'rx', number>>({ tx: -1, rx: -1 });
@@ -38,7 +40,6 @@ export default () => {
                 ...opts,
                 label: !index ? 'Network In' : 'Network Out',
                 borderColor: !index ? '#facc15' : '#60a5fa',
-                // backgroundColor: hexToRgba(!index ? theme('colors.cyan.700') : theme('colors.yellow.700'), 0.5),
                 backgroundColor: hexToRgba(!index ? '#facc15' : '#60a5fa', 0.09),
             };
         },
@@ -70,7 +71,7 @@ export default () => {
     });
 
     return (
-        <>
+        <Tooltip.Provider>
             <div
                 className='transform-gpu skeleton-anim-2'
                 style={{
@@ -106,21 +107,53 @@ export default () => {
                 <ChartBlock
                     title={'Network Activity'}
                     legend={
-                        <>
-                            {/* FIXME: add icons legend back */}
-                            {/* FIXME: replace with radix tooltip */}
-                            {/* <Tooltip arrow content={'Inbound'}> */}
-                            {/* <CloudDownloadIcon className={'mr-2 w-4 h-4 text-yellow-400'} /> */}
-                            {/* </Tooltip> */}
-                            {/* <Tooltip arrow content={'Outbound'}> */}
-                            {/* <CloudUploadIcon className={'w-4 h-4 text-blue-400'} /> */}
-                            {/* </Tooltip> */}
-                        </>
+                        <div className='flex gap-2'>
+                            <Tooltip.Root delayDuration={200}>
+                                <Tooltip.Trigger asChild>
+                                    <div className='flex items-center cursor-default'>
+                                        <HugeIconsDownload
+                                            fill='currentColor'
+                                            className='mr-2 w-4 h-4 text-yellow-400'
+                                        />
+                                    </div>
+                                </Tooltip.Trigger>
+                                <Tooltip.Portal>
+                                    <Tooltip.Content
+                                        side='top'
+                                        className='px-2 py-1 text-sm bg-gray-800 text-gray-100 rounded shadow-lg'
+                                        sideOffset={5}
+                                    >
+                                        Inbound
+                                        <Tooltip.Arrow className='fill-gray-800' />
+                                    </Tooltip.Content>
+                                </Tooltip.Portal>
+                            </Tooltip.Root>
+
+                            <Tooltip.Root delayDuration={200}>
+                                <Tooltip.Trigger asChild>
+                                    <div className='flex items-center cursor-default'>
+                                        <HugeIconsCloudUp fill='currentColor' className='w-4 h-4 text-blue-400' />
+                                    </div>
+                                </Tooltip.Trigger>
+                                <Tooltip.Portal>
+                                    <Tooltip.Content
+                                        side='top'
+                                        className='px-2 py-1 text-sm bg-gray-800 text-gray-100 rounded shadow-lg'
+                                        sideOffset={5}
+                                    >
+                                        Outbound
+                                        <Tooltip.Arrow className='fill-gray-800' />
+                                    </Tooltip.Content>
+                                </Tooltip.Portal>
+                            </Tooltip.Root>
+                        </div>
                     }
                 >
                     <Line aria-label='Network Activity. Download and upload activity' role='img' {...network.props} />
                 </ChartBlock>
             </div>
-        </>
+        </Tooltip.Provider>
     );
 };
+
+export default StatGraphs;
diff --git a/resources/scripts/components/server/console/chart.ts b/resources/scripts/components/server/console/chart.ts
index 4c70987ef..4216fbb47 100644
--- a/resources/scripts/components/server/console/chart.ts
+++ b/resources/scripts/components/server/console/chart.ts
@@ -66,7 +66,7 @@ const options: ChartOptions<'line'> = {
 };
 
 function getOptions(opts?: DeepPartial<ChartOptions<'line'>> | undefined): ChartOptions<'line'> {
-    // @ts-ignore I'm not even going to try to tell you what this error means
+    // @ts-expect-error - deepmerge type compatibility issue with ChartOptions
     return deepmerge(options, opts || {});
 }
 
diff --git a/resources/scripts/components/server/console/style.module.css b/resources/scripts/components/server/console/style.module.css
index f162f28b5..5f599efec 100644
--- a/resources/scripts/components/server/console/style.module.css
+++ b/resources/scripts/components/server/console/style.module.css
@@ -1,28 +1,30 @@
+@import '../../../assets/tailwind.css';
+
 .stat_block {
-    @apply flex items-center rounded-xl shadow-lg relative w-full;
+    @apply relative flex w-full items-center rounded-xl shadow-lg;
     /* @apply col-span-3 md:col-span-2 lg:col-span-6; */
     @apply p-8;
 
     & > .status_bar {
-        @apply w-1 h-full absolute left-0 top-0 rounded-l sm:hidden;
+        @apply absolute top-0 left-0 h-full w-1 rounded-l sm:hidden;
     }
 
     & > .icon {
-        @apply hidden flex-shrink-0 items-center justify-center rounded-lg shadow-md w-12 h-12;
+        @apply hidden h-12 w-12 shrink-0 items-center justify-center rounded-lg shadow-md;
         @apply transition-colors duration-500;
-        @apply sm:flex sm:mr-4;
+        @apply sm:mr-4 sm:flex;
 
         & > svg {
-            @apply w-6 h-6 m-auto;
+            @apply m-auto h-6 w-6;
         }
     }
 }
 
 .terminal {
-    @apply flex flex-col w-full h-full relative;
+    @apply relative flex h-full w-full flex-col;
 
-    & > .container {
-        @apply min-h-[453px] rounded-t-xl pt-8 pl-8 bg-[#131313] border-x-[1px] border-[#ffffff11] border-t-[1px] font-mono text-sm h-full;
+    & > .terminalContainer {
+        @apply h-full min-h-[453px] rounded-t-xl border-x-[1px] border-t-[1px] border-[#ffffff11] bg-[#131313] pt-8 pl-8 font-mono text-sm;
 
         & #terminal {
             @apply h-full w-full;
@@ -38,16 +40,16 @@
     }
 
     & .command_icon {
-        @apply flex items-center top-0 left-0 absolute z-10 select-none h-full px-3 transition-colors duration-100;
+        @apply absolute top-0 left-0 z-10 flex h-full items-center px-3 transition-colors duration-100 select-none;
     }
 
     & .command_input {
-        @apply relative bg-[#131313] border-[#ffffff11] border-x-[1px] border-b-[1px] px-4 pb-6 pt-2 text-zinc-100 pl-8 pr-4 w-full font-mono text-sm rounded-b-xl;
-        @apply focus:ring-0 outline-none focus-visible:outline-none;
-        @apply active:border-b-blue-500 focus:border-b-blue-500;
+        @apply relative w-full rounded-b-xl border-x-[1px] border-b-[1px] border-[#ffffff11] bg-[#131313] px-4 pt-2 pr-4 pb-6 pl-8 font-mono text-sm text-zinc-100;
+        @apply outline-hidden focus:ring-0 focus-visible:outline-none;
+        @apply focus:border-b-blue-500 active:border-b-blue-500;
     }
 }
 
 .chart_container {
-    @apply bg-[#131313] rounded-xl border-[#ffffff11] border-[1px] relative;
+    @apply relative rounded-xl border-[1px] border-[#ffffff11] bg-[#131313];
 }
diff --git a/resources/scripts/components/server/databases/CreateDatabaseButton.tsx b/resources/scripts/components/server/databases/CreateDatabaseButton.tsx
deleted file mode 100644
index a0984cf48..000000000
--- a/resources/scripts/components/server/databases/CreateDatabaseButton.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Form, Formik, FormikHelpers } from 'formik';
-import { useState } from 'react';
-import { object, string } from 'yup';
-
-import FlashMessageRender from '@/components/FlashMessageRender';
-import Field from '@/components/elements/Field';
-import Modal from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
-
-import { httpErrorToHuman } from '@/api/http';
-import createServerDatabase from '@/api/server/databases/createServerDatabase';
-
-import { ServerContext } from '@/state/server';
-
-import useFlash from '@/plugins/useFlash';
-
-interface Values {
-    databaseName: string;
-    connectionsFrom: string;
-}
-
-const schema = object().shape({
-    databaseName: string()
-        .required('A database name must be provided.')
-        .min(3, 'Database name must be at least 3 characters.')
-        .max(48, 'Database name must not exceed 48 characters.')
-        .matches(
-            /^[\w\-.]{3,48}$/,
-            'Database name should only contain alphanumeric characters, underscores, dashes, and/or periods.',
-        ),
-    connectionsFrom: string().matches(/^[\w\-/.%:]+$/, 'A valid host address must be provided.'),
-});
-
-export default () => {
-    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
-    const { addError, clearFlashes } = useFlash();
-    const [visible, setVisible] = useState(false);
-
-    const appendDatabase = ServerContext.useStoreActions((actions) => actions.databases.appendDatabase);
-
-    const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
-        clearFlashes('database:create');
-        createServerDatabase(uuid, {
-            databaseName: values.databaseName,
-            connectionsFrom: values.connectionsFrom || '%',
-        })
-            .then((database) => {
-                appendDatabase(database);
-                setVisible(false);
-            })
-            .catch((error) => {
-                addError({ key: 'database:create', message: httpErrorToHuman(error) });
-                setSubmitting(false);
-            });
-    };
-
-    return (
-        <>
-            <Formik
-                onSubmit={submit}
-                initialValues={{ databaseName: '', connectionsFrom: '' }}
-                validationSchema={schema}
-            >
-                {({ isSubmitting, resetForm }) => (
-                    <Modal
-                        visible={visible}
-                        dismissable={!isSubmitting}
-                        showSpinnerOverlay={isSubmitting}
-                        onDismissed={() => {
-                            resetForm();
-                            setVisible(false);
-                        }}
-                        title='Create new database'
-                    >
-                        <div className='flex flex-col'>
-                            <FlashMessageRender byKey={'database:create'} />
-                            <Form>
-                                <Field
-                                    type={'string'}
-                                    id={'database_name'}
-                                    name={'databaseName'}
-                                    label={'Database Name'}
-                                    description={'A descriptive name for your database instance.'}
-                                />
-                                <div className={`mt-6`}>
-                                    <Field
-                                        type={'string'}
-                                        id={'connections_from'}
-                                        name={'connectionsFrom'}
-                                        label={'Connections From'}
-                                        description={
-                                            'Where connections should be allowed from. Leave blank to allow connections from anywhere.'
-                                        }
-                                    />
-                                </div>
-                                <div className={`flex gap-3 justify-end my-6`}>
-                                    <Button type={'submit'}>Create Database</Button>
-                                </div>
-                            </Form>
-                        </div>
-                    </Modal>
-                )}
-            </Formik>
-            <button
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-full text-sm font-bold shadow-md'
-                onClick={() => setVisible(true)}
-            >
-                New Database
-            </button>
-        </>
-    );
-};
diff --git a/resources/scripts/components/server/databases/DatabaseRow.tsx b/resources/scripts/components/server/databases/DatabaseRow.tsx
index 942b78976..c7aad6d57 100644
--- a/resources/scripts/components/server/databases/DatabaseRow.tsx
+++ b/resources/scripts/components/server/databases/DatabaseRow.tsx
@@ -1,18 +1,20 @@
-import { faDatabase, faEye, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Form, Formik, FormikHelpers } from 'formik';
-import { For } from 'million/react';
 import { useState } from 'react';
 import styled from 'styled-components';
 import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import Field from '@/components/elements/Field';
 import Input from '@/components/elements/Input';
 import Modal from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
+import Spinner from '@/components/elements/Spinner';
+import HugeIconsDatabase from '@/components/elements/hugeicons/Database';
+import HugeIconsEye from '@/components/elements/hugeicons/Eye';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
+import { PageListItem } from '@/components/elements/pages/PageList';
 import RotatePasswordButton from '@/components/server/databases/RotatePasswordButton';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -34,7 +36,7 @@ interface Props {
     database: ServerDatabase;
 }
 
-export default ({ database }: Props) => {
+const DatabaseRow = ({ database }: Props) => {
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const { addError, clearFlashes } = useFlash();
     const [visible, setVisible] = useState(false);
@@ -53,17 +55,23 @@ export default ({ database }: Props) => {
             .oneOf([database.name.split('_', 2)[1] || '', database.name], 'The database name must be provided.'),
     });
 
-    const submit = (_: { confirm: string }, { setSubmitting }: FormikHelpers<{ confirm: string }>) => {
+    const submit = (_: { confirm: string }, { setSubmitting, resetForm }: FormikHelpers<{ confirm: string }>) => {
         clearFlashes();
         deleteServerDatabase(uuid, database.id)
             .then(() => {
+                resetForm();
                 setVisible(false);
                 setTimeout(() => removeDatabase(database.id), 150);
+                setSubmitting(false);
             })
             .catch((error) => {
+                resetForm();
                 console.error(error);
                 setSubmitting(false);
-                addError({ key: 'database:delete', message: httpErrorToHuman(error) });
+                addError({
+                    key: 'database:delete',
+                    message: httpErrorToHuman(error),
+                });
             });
     };
 
@@ -95,9 +103,15 @@ export default ({ database }: Props) => {
                                     label={'Confirm Database Name'}
                                     description={'Enter the database name to confirm deletion.'}
                                 />
-                                <Button type={'submit'} color={'red'} className='min-w-full my-6' disabled={!isValid}>
-                                    Delete Database
-                                </Button>
+                                <ActionButton
+                                    variant='danger'
+                                    type={'submit'}
+                                    className='min-w-full my-6'
+                                    disabled={!isValid || isSubmitting}
+                                >
+                                    {isSubmitting && <Spinner size='small' />}
+                                    {isSubmitting ? 'Deleting...' : 'Delete Database'}
+                                </ActionButton>
                             </Form>
                         </div>
                     </Modal>
@@ -161,74 +175,68 @@ export default ({ database }: Props) => {
                 </div>
             </Modal>
 
-            {/* Title */}
-            <div className={`flex-auto box-border min-w-fit`}>
-                <div className='flex flex-row flex-none align-middle items-center gap-6'>
-                    <FontAwesomeIcon icon={faDatabase} className='flex-none' />
-                    <div>
-                        <CopyOnClick text={database.name}>
-                            <p className='text-lg'>{database.name}</p>
-                        </CopyOnClick>
-                        <CopyOnClick text={database.connectionString}>
-                            <p className={`text-xs text-zinc-400 font-mono`}>{database.connectionString}</p>
-                        </CopyOnClick>
+            <PageListItem>
+                <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 w-full'>
+                    <div className='flex-1 min-w-0'>
+                        <div className='flex items-center gap-3 mb-2'>
+                            <div className='flex-shrink-0 w-8 h-8 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                                <HugeIconsDatabase fill='currentColor' className='text-zinc-400 w-4 h-4' />
+                            </div>
+                            <div className='min-w-0 flex-1'>
+                                <CopyOnClick text={database.name}>
+                                    <h3 className='text-base font-medium text-zinc-100 truncate'>{database.name}</h3>
+                                </CopyOnClick>
+                            </div>
+                        </div>
+
+                        <div className='grid grid-cols-1 sm:grid-cols-3 gap-3 text-sm'>
+                            <div>
+                                <p className='text-xs text-zinc-500 uppercase tracking-wide mb-1'>Endpoint</p>
+                                <CopyOnClick text={database.connectionString}>
+                                    <p className='text-zinc-300 font-mono truncate'>{database.connectionString}</p>
+                                </CopyOnClick>
+                            </div>
+                            <div>
+                                <p className='text-xs text-zinc-500 uppercase tracking-wide mb-1'>From</p>
+                                <CopyOnClick text={database.allowConnectionsFrom}>
+                                    <p className='text-zinc-300 font-mono truncate'>{database.allowConnectionsFrom}</p>
+                                </CopyOnClick>
+                            </div>
+                            <div>
+                                <p className='text-xs text-zinc-500 uppercase tracking-wide mb-1'>Username</p>
+                                <CopyOnClick text={database.username}>
+                                    <p className='text-zinc-300 font-mono truncate'>{database.username}</p>
+                                </CopyOnClick>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className='flex items-center gap-2 sm:flex-col sm:gap-3'>
+                        <ActionButton
+                            variant='secondary'
+                            size='sm'
+                            onClick={() => setConnectionVisible(true)}
+                            className='flex items-center gap-2'
+                        >
+                            <HugeIconsEye fill='currentColor' className='w-4 h-4' />
+                            <span className='hidden sm:inline'>Details</span>
+                        </ActionButton>
+                        <Can action={'database.delete'}>
+                            <ActionButton
+                                variant='danger'
+                                size='sm'
+                                onClick={() => setVisible(true)}
+                                className='flex items-center gap-2'
+                            >
+                                <HugeIconsTrash fill='currentColor' className='w-4 h-4' />
+                                <span className='hidden sm:inline'>Delete</span>
+                            </ActionButton>
+                        </Can>
                     </div>
                 </div>
-            </div>
-
-            {/* Properties + buttons */}
-            <div className={`flex flex-col items-center sm:gap-12 gap-4 sm:flex-row`}>
-                <div className='flex flex-wrap gap-4 justify-center m-auto'>
-                    <For
-                        each={[
-                            { label: 'Endpoint', value: database.connectionString },
-                            { label: 'From', value: database.allowConnectionsFrom },
-                            { label: 'Username', value: database.username },
-                        ]}
-                        memo
-                    >
-                        {(db, index) => (
-                            <div key={index} className='text-center'>
-                                <CopyOnClick text={db.value}>
-                                    <p className='text-sm'>{db.value}</p>
-                                </CopyOnClick>
-                                <p className='mt-1 text-xs text-zinc-500 uppercase select-none'>{db.label}</p>
-                            </div>
-                        )}
-                    </For>
-                </div>
-
-                <div className='flex align-middle items-center justify-center'>
-                    <button
-                        type={'button'}
-                        aria-label={'View database connection details'}
-                        className={`text-sm p-2 text-zinc-500 hover:text-zinc-100 transition-colors duration-150 mr-4 flex align-middle items-center justify-center flex-col`}
-                        onClick={() => setConnectionVisible(true)}
-                    >
-                        <FontAwesomeIcon icon={faEye} className={`px-5`} size='lg' />
-                        Details
-                    </button>
-                    <Can action={'database.delete'}>
-                        <button
-                            type={'button'}
-                            aria-label={'Delete database'}
-                            className={`text-sm p-2 text-zinc-500 hover:text-red-600 transition-colors duration-150 flex align-middle items-center justify-center flex-col`}
-                            onClick={() => setVisible(true)}
-                        >
-                            <FontAwesomeIcon icon={faTrashAlt} className={`px-5`} size='lg' />
-                            Delete
-                        </button>
-                    </Can>
-                </div>
-                {/* <Button onClick={() => setConnectionVisible(true)}>
-                        <FontAwesomeIcon icon={faEye} fixedWidth />
-                    </Button>
-                    <Can action={'database.delete'}>
-                        <Button color={'red'} onClick={() => setVisible(true)}>
-                            <FontAwesomeIcon icon={faTrashAlt} fixedWidth />
-                        </Button>
-                    </Can> */}
-            </div>
+            </PageListItem>
         </>
     );
 };
+
+export default DatabaseRow;
diff --git a/resources/scripts/components/server/databases/DatabasesContainer.tsx b/resources/scripts/components/server/databases/DatabasesContainer.tsx
index ec9580d43..3b92664a9 100644
--- a/resources/scripts/components/server/databases/DatabasesContainer.tsx
+++ b/resources/scripts/components/server/databases/DatabasesContainer.tsx
@@ -1,15 +1,21 @@
+import { Form, Formik, FormikHelpers } from 'formik';
 import { For } from 'million/react';
 import { useEffect, useState } from 'react';
+import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
+import Field from '@/components/elements/Field';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
+import Modal from '@/components/elements/Modal';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import HugeIconsDatabase from '@/components/elements/hugeicons/Database';
 import { PageListContainer, PageListItem } from '@/components/elements/pages/PageList';
-import CreateDatabaseButton from '@/components/server/databases/CreateDatabaseButton';
 import DatabaseRow from '@/components/server/databases/DatabaseRow';
 
 import { httpErrorToHuman } from '@/api/http';
+import createServerDatabase from '@/api/server/databases/createServerDatabase';
 import getServerDatabases from '@/api/server/databases/getServerDatabases';
 
 import { ServerContext } from '@/state/server';
@@ -17,15 +23,52 @@ import { ServerContext } from '@/state/server';
 import { useDeepMemoize } from '@/plugins/useDeepMemoize';
 import useFlash from '@/plugins/useFlash';
 
-export default () => {
+interface DatabaseValues {
+    databaseName: string;
+    connectionsFrom: string;
+}
+
+const databaseSchema = object().shape({
+    databaseName: string()
+        .required('A database name must be provided.')
+        .min(3, 'Database name must be at least 3 characters.')
+        .max(48, 'Database name must not exceed 48 characters.')
+        .matches(
+            /^[\w\-.]{3,48}$/,
+            'Database name should only contain alphanumeric characters, underscores, dashes, and/or periods.',
+        ),
+    connectionsFrom: string().matches(/^[\w\-/.%:]+$/, 'A valid host address must be provided.'),
+});
+
+const DatabasesContainer = () => {
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const databaseLimit = ServerContext.useStoreState((state) => state.server.data!.featureLimits.databases);
 
     const { addError, clearFlashes } = useFlash();
     const [loading, setLoading] = useState(true);
+    const [createModalVisible, setCreateModalVisible] = useState(false);
 
     const databases = useDeepMemoize(ServerContext.useStoreState((state) => state.databases.data));
     const setDatabases = ServerContext.useStoreActions((state) => state.databases.setDatabases);
+    const appendDatabase = ServerContext.useStoreActions((actions) => actions.databases.appendDatabase);
+
+    const submitDatabase = (values: DatabaseValues, { setSubmitting, resetForm }: FormikHelpers<DatabaseValues>) => {
+        clearFlashes('database:create');
+        createServerDatabase(uuid, {
+            databaseName: values.databaseName,
+            connectionsFrom: values.connectionsFrom || '%',
+        })
+            .then((database) => {
+                resetForm();
+                appendDatabase(database);
+                setSubmitting(false);
+                setCreateModalVisible(false);
+            })
+            .catch((error) => {
+                addError({ key: 'database:create', message: httpErrorToHuman(error) });
+                setSubmitting(false);
+            });
+    };
 
     useEffect(() => {
         setLoading(!databases.length);
@@ -43,40 +86,109 @@ export default () => {
     return (
         <ServerContentBlock title={'Databases'}>
             <FlashMessageRender byKey={'databases'} />
-            <MainPageHeader title={'Databases'}>
-                <Can action={'database.create'}>
-                    <div className={`flex flex-col sm:flex-row items-center justify-end`}>
-                        {databaseLimit > 0 && databases.length > 0 && (
-                            <p className={`text-sm text-zinc-300 mb-4 sm:mr-6 sm:mb-0 text-right`}>
-                                {databases.length} of {databaseLimit} databases
-                            </p>
-                        )}
-                        {databaseLimit > 0 && databaseLimit !== databases.length && <CreateDatabaseButton />}
-                    </div>
-                </Can>
+            <MainPageHeader
+                direction='column'
+                title={'Databases'}
+                titleChildren={
+                    <Can action={'database.create'}>
+                        <div className='flex flex-col sm:flex-row items-center justify-end gap-4'>
+                            {databaseLimit > 0 && (
+                                <p className='text-sm text-zinc-300 text-center sm:text-right'>
+                                    {databases.length} of {databaseLimit} databases
+                                </p>
+                            )}
+                            {databaseLimit > 0 && databaseLimit !== databases.length && (
+                                <ActionButton variant='primary' onClick={() => setCreateModalVisible(true)}>
+                                    New Database
+                                </ActionButton>
+                            )}
+                        </div>
+                    </Can>
+                }
+            >
+                <p className='text-sm text-neutral-400 leading-relaxed'>
+                    Create and manage MySQL databases for your server. Configure database access, manage users, and view
+                    connection details.
+                </p>
             </MainPageHeader>
 
-            {!databases.length && loading ? null : (
-                <>
-                    {databases.length > 0 ? (
-                        <PageListContainer data-pyro-backups>
-                            <For each={databases} memo>
-                                {(database, index) => (
-                                    <PageListItem key={index}>
-                                        <DatabaseRow key={database.id} database={database} />
-                                    </PageListItem>
-                                )}
-                            </For>
-                        </PageListContainer>
-                    ) : (
-                        <p className={`text-center text-sm text-zinc-300`}>
+            <Formik
+                onSubmit={submitDatabase}
+                initialValues={{ databaseName: '', connectionsFrom: '' }}
+                validationSchema={databaseSchema}
+            >
+                {({ isSubmitting, resetForm }) => (
+                    <Modal
+                        visible={createModalVisible}
+                        dismissable={!isSubmitting}
+                        showSpinnerOverlay={isSubmitting}
+                        onDismissed={() => {
+                            resetForm();
+                            setCreateModalVisible(false);
+                        }}
+                        title='Create new database'
+                    >
+                        <div className='flex flex-col'>
+                            <FlashMessageRender byKey={'database:create'} />
+                            <Form>
+                                <Field
+                                    type={'string'}
+                                    id={'database_name'}
+                                    name={'databaseName'}
+                                    label={'Database Name'}
+                                    description={'A descriptive name for your database instance.'}
+                                />
+                                <div className={`mt-6`}>
+                                    <Field
+                                        type={'string'}
+                                        id={'connections_from'}
+                                        name={'connectionsFrom'}
+                                        label={'Connections From'}
+                                        description={
+                                            'Where connections should be allowed from. Leave blank to allow connections from anywhere.'
+                                        }
+                                    />
+                                </div>
+                                <div className={`flex gap-3 justify-end my-6`}>
+                                    <ActionButton variant='primary' type={'submit'}>
+                                        Create Database
+                                    </ActionButton>
+                                </div>
+                            </Form>
+                        </div>
+                    </Modal>
+                )}
+            </Formik>
+
+            {!databases.length && loading ? (
+                <div className='flex items-center justify-center py-12'>
+                    <div className='animate-spin rounded-full h-8 w-8 border-b-2 border-brand'></div>
+                </div>
+            ) : databases.length > 0 ? (
+                <PageListContainer data-pyro-databases>
+                    <For each={databases} memo>
+                        {(database, index) => <DatabaseRow key={database.id} database={database} />}
+                    </For>
+                </PageListContainer>
+            ) : (
+                <div className='flex flex-col items-center justify-center min-h-[60vh] py-12 px-4'>
+                    <div className='text-center'>
+                        <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                            <HugeIconsDatabase className='w-8 h-8 text-zinc-400' fill='currentColor' />
+                        </div>
+                        <h3 className='text-lg font-medium text-zinc-200 mb-2'>
+                            {databaseLimit > 0 ? 'No databases found' : 'Databases unavailable'}
+                        </h3>
+                        <p className='text-sm text-zinc-400 max-w-sm'>
                             {databaseLimit > 0
-                                ? 'Your server does not have any databases.'
+                                ? 'Your server does not have any databases. Create one to get started.'
                                 : 'Databases cannot be created for this server.'}
                         </p>
-                    )}
-                </>
+                    </div>
+                </div>
             )}
         </ServerContentBlock>
     );
 };
+
+export default DatabasesContainer;
diff --git a/resources/scripts/components/server/databases/RotatePasswordButton.tsx b/resources/scripts/components/server/databases/RotatePasswordButton.tsx
index c4d72f0de..ce92617fb 100644
--- a/resources/scripts/components/server/databases/RotatePasswordButton.tsx
+++ b/resources/scripts/components/server/databases/RotatePasswordButton.tsx
@@ -1,10 +1,9 @@
-import { faRotateRight } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Actions, useStoreActions } from 'easy-peasy';
 import { useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Spinner from '@/components/elements/Spinner';
-import { Button } from '@/components/elements/button/index';
+import HugeIconsRefresh from '@/components/elements/hugeicons/Refresh';
 
 import { httpErrorToHuman } from '@/api/http';
 import { ServerDatabase } from '@/api/server/databases/getServerDatabases';
@@ -13,7 +12,13 @@ import rotateDatabasePassword from '@/api/server/databases/rotateDatabasePasswor
 import { ApplicationStore } from '@/state';
 import { ServerContext } from '@/state/server';
 
-export default ({ databaseId, onUpdate }: { databaseId: string; onUpdate: (database: ServerDatabase) => void }) => {
+const RotatePasswordButton = ({
+    databaseId,
+    onUpdate,
+}: {
+    databaseId: string;
+    onUpdate: (database: ServerDatabase) => void;
+}) => {
     const [loading, setLoading] = useState(false);
     const { addFlash, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
     const server = ServerContext.useStoreState((state) => state.server.data!);
@@ -45,11 +50,13 @@ export default ({ databaseId, onUpdate }: { databaseId: string; onUpdate: (datab
     };
 
     return (
-        <Button onClick={rotate} className='flex-none'>
+        <ActionButton onClick={rotate} className='flex-none'>
             <div className='flex justify-center items-center h-4 w-4'>
-                {!loading && <FontAwesomeIcon icon={faRotateRight}></FontAwesomeIcon>}
+                {!loading && <HugeIconsRefresh className='h-4 w-4' />}
                 {loading && <Spinner size={'small'} />}
             </div>
-        </Button>
+        </ActionButton>
     );
 };
+
+export default RotatePasswordButton;
diff --git a/resources/scripts/components/server/features/Features.tsx b/resources/scripts/components/server/features/Features.tsx
index e1b2152bb..11eb880b5 100644
--- a/resources/scripts/components/server/features/Features.tsx
+++ b/resources/scripts/components/server/features/Features.tsx
@@ -7,7 +7,7 @@ import features from './index';
 
 type ListItems = [string, ComponentType][];
 
-export default ({ enabled }: { enabled: string[] }) => {
+const Features = ({ enabled }: { enabled: string[] }) => {
     const mapped: ListItems = useMemo(() => {
         return getObjectKeys(features)
             .filter((key) => enabled.map((v) => v.toLowerCase()).includes(key.toLowerCase()))
@@ -22,3 +22,5 @@ export default ({ enabled }: { enabled: string[] }) => {
         </Suspense>
     );
 };
+
+export default Features;
diff --git a/resources/scripts/components/server/features/GSLTokenModalFeature.tsx b/resources/scripts/components/server/features/GSLTokenModalFeature.tsx
index 7131fc3c7..2e8877e26 100644
--- a/resources/scripts/components/server/features/GSLTokenModalFeature.tsx
+++ b/resources/scripts/components/server/features/GSLTokenModalFeature.tsx
@@ -2,9 +2,9 @@ import { Form, Formik } from 'formik';
 import { useEffect, useState } from 'react';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import Modal from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
 import { SocketEvent, SocketRequest } from '@/components/server/events';
 
 import updateStartupVariable from '@/api/server/updateStartupVariable';
@@ -93,7 +93,9 @@ const GSLTokenModalFeature = () => {
                         />
                     </div>
                     <div className={`my-6 sm:flex items-center justify-end`}>
-                        <Button type={'submit'}>Update GSL Token</Button>
+                        <ActionButton variant='primary' type={'submit'}>
+                            Update GSL Token
+                        </ActionButton>
                     </div>
                 </Form>
             </Modal>
diff --git a/resources/scripts/components/server/features/JavaVersionModalFeature.tsx b/resources/scripts/components/server/features/JavaVersionModalFeature.tsx
index b85ce353c..c20aa885e 100644
--- a/resources/scripts/components/server/features/JavaVersionModalFeature.tsx
+++ b/resources/scripts/components/server/features/JavaVersionModalFeature.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 // import { Options } from '@/components/elements/button/types';
 import Can from '@/components/elements/Can';
 import {
@@ -11,7 +12,6 @@ import {
 } from '@/components/elements/DropdownMenu';
 import Modal from '@/components/elements/Modal';
 import Spinner from '@/components/elements/Spinner';
-import { Button } from '@/components/elements/button/index';
 import HugeIconsArrowDown from '@/components/elements/hugeicons/ArrowDown';
 import HugeIconsArrowUp from '@/components/elements/hugeicons/ArrowUp';
 import { SocketEvent, SocketRequest } from '@/components/server/events';
@@ -102,7 +102,7 @@ const JavaVersionModalFeature = () => {
                         <DropdownMenu onOpenChange={(open) => setDropDownOpen(open)}>
                             <DropdownMenuTrigger asChild>
                                 <button
-                                    className='flex items-center justify-center h-8 px-4 text-sm font-medium text-white transition-colors duration-150 bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] inner-border-[1px] inner-border-[#ffffff15] border border-transparent rounded-xl shadow-sm hover:from-[#ffffff05] hover:to-[#ffffff04]'
+                                    className='flex items-center justify-center h-8 px-4 text-sm font-medium text-white transition-colors duration-150 bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#ffffff15] rounded-xl shadow-xs hover:from-[#ffffff05] hover:to-[#ffffff04] cursor-pointer'
                                     disabled={!data}
                                 >
                                     {selectedVersion
@@ -121,7 +121,7 @@ const JavaVersionModalFeature = () => {
                                     )}
                                 </button>
                             </DropdownMenuTrigger>
-                            <DropdownMenuContent className='z-[99999]' sideOffset={8}>
+                            <DropdownMenuContent className='z-99999' sideOffset={8}>
                                 <DropdownMenuRadioGroup value={selectedVersion} onValueChange={setSelectedVersion}>
                                     {data &&
                                         Object.keys(data.dockerImages).map((key) => (
@@ -137,9 +137,9 @@ const JavaVersionModalFeature = () => {
                         Cancel
                     </Button> */}
                     <Can action={'startup.docker-image'}>
-                        <Button onClick={updateJava} className={`w-full sm:w-auto`}>
+                        <ActionButton variant='primary' onClick={updateJava} className={`w-full sm:w-auto`}>
                             Update
-                        </Button>
+                        </ActionButton>
                     </Can>
                 </div>
             </div>
diff --git a/resources/scripts/components/server/features/MclogsFeature.tsx b/resources/scripts/components/server/features/MclogsFeature.tsx
new file mode 100644
index 000000000..0e1870326
--- /dev/null
+++ b/resources/scripts/components/server/features/MclogsFeature.tsx
@@ -0,0 +1,503 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { toast } from 'sonner';
+
+import ActionButton from '@/components/elements/ActionButton';
+import Modal from '@/components/elements/Modal';
+import Spinner from '@/components/elements/Spinner';
+import { Alert } from '@/components/elements/alert';
+import HugeIconsAlert from '@/components/elements/hugeicons/Alert';
+import HugeIconsCheck from '@/components/elements/hugeicons/Check';
+import HugeIconsLink from '@/components/elements/hugeicons/Link';
+import { SocketEvent } from '@/components/server/events';
+
+import { debounce, isCrashLine } from '@/lib/mclogsUtils';
+
+import { MclogsInsight, analyzeLogs } from '@/api/mclo.gs/mclogsApi';
+import getFileContents from '@/api/server/files/getFileContents';
+
+import { ServerContext } from '@/state/server';
+
+import useWebsocketEvent from '@/plugins/useWebsocketEvent';
+
+const CRASH_DETECTION_DEBOUNCE = 1500; // 1.5 seconds
+const MANUAL_ANALYZE_DEBOUNCE = 1000; // 1 second for manual clicks
+const LOG_FILE_PATH = '/logs/latest.log';
+const MAX_CONSOLE_BUFFER = 300;
+
+// Shared analysis logic hook
+const useLogAnalysis = () => {
+    const [analyzing, setAnalyzing] = useState(false);
+    const [analysis, setAnalysis] = useState<MclogsInsight | null>(null);
+    const [error, setError] = useState<string | null>(null);
+    const [showCard, setShowCard] = useState(false);
+
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const status = ServerContext.useStoreState((state) => state.status.value);
+
+    const consoleBufferRef = useRef<string[]>([]);
+    const previousStatusRef = useRef(status);
+    const mountedRef = useRef(true);
+
+    // Keep console buffer trimmed and split chunks into lines
+    useWebsocketEvent(SocketEvent.CONSOLE_OUTPUT, (data: string) => {
+        const lines = String(data).split(/\r?\n/).filter(Boolean);
+        if (lines.length === 0) return;
+
+        consoleBufferRef.current.push(...lines);
+        if (consoleBufferRef.current.length > MAX_CONSOLE_BUFFER) {
+            // Trim to last MAX_CONSOLE_BUFFER lines
+            consoleBufferRef.current = consoleBufferRef.current.slice(-MAX_CONSOLE_BUFFER);
+        }
+    });
+
+    const analyzeCrash = useCallback(
+        async (showToast = false) => {
+            setAnalyzing(true);
+            setError(null);
+
+            try {
+                const logContent = await getFileContents(uuid, LOG_FILE_PATH);
+
+                if (!logContent || logContent.trim().length === 0) {
+                    throw new Error('No log content found in latest.log');
+                }
+
+                const result = await analyzeLogs(logContent);
+                if (!mountedRef.current) return;
+
+                setAnalysis(result);
+                setShowCard(true);
+
+                // Show toast notifications for manual analysis
+                if (showToast) {
+                    if (result.analysis?.problems?.length > 0) {
+                        toast.success(`Analysis complete - ${result.analysis.problems.length} issue(s) found`);
+                    } else {
+                        toast.info('Analysis complete - no specific issues detected');
+                    }
+                }
+            } catch (err) {
+                if (!mountedRef.current) return;
+
+                const errorMessage = err instanceof Error ? err.message : 'Failed to analyze server logs';
+                setError(errorMessage);
+                console.error('Mclogs analysis failed:', err);
+
+                // Show card even on error for auto-analysis
+                setShowCard(true);
+
+                // Only show error toast for manual analysis and unexpected errors
+                const looksLikeMissingLog =
+                    /latest\.log/i.test(errorMessage) ||
+                    /not found/i.test(errorMessage) ||
+                    /no log content/i.test(errorMessage);
+
+                if (!looksLikeMissingLog && showToast) {
+                    toast.error('Failed to analyze server logs');
+                }
+            } finally {
+                if (mountedRef.current) setAnalyzing(false);
+            }
+        },
+        [uuid],
+    );
+
+    // Debounced auto-analysis used when we detect crash indicators
+    const analyzeCrashDebounced = useMemo(() => {
+        const fn = debounce(() => {
+            // Note: run the immediate version internally
+            void analyzeCrash();
+        }, CRASH_DETECTION_DEBOUNCE);
+
+        return fn;
+    }, [analyzeCrash]);
+
+    // Monitor server status changes to detect crashes
+    useEffect(() => {
+        // If server just went offline, check recent console output for crash indicators
+        if (previousStatusRef.current !== 'offline' && status === 'offline') {
+            const hasCrashIndicators = consoleBufferRef.current.some((line) => isCrashLine(line));
+            if (hasCrashIndicators) {
+                analyzeCrashDebounced();
+            }
+        }
+
+        // Update previous status
+        previousStatusRef.current = status;
+    }, [status, analyzeCrashDebounced]);
+
+    // Manual analysis (debounced to prevent rapid clicking)
+    const manualAnalyze = useMemo(() => {
+        return debounce(() => {
+            void analyzeCrash(true); // Show toast for manual analysis
+        }, MANUAL_ANALYZE_DEBOUNCE);
+    }, [analyzeCrash]);
+
+    // Dismiss card
+    const dismissCard = () => {
+        setShowCard(false);
+    };
+
+    // Cleanup on unmount
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            // Best-effort cancel if debounce util provides cancel()
+            try {
+                (analyzeCrashDebounced as { cancel?: () => void })?.cancel?.();
+                (manualAnalyze as { cancel?: () => void })?.cancel?.();
+            } catch {
+                // no-op
+            }
+        };
+    }, [analyzeCrashDebounced, manualAnalyze]);
+
+    return {
+        analyzing,
+        analysis,
+        error,
+        showCard,
+        manualAnalyze,
+        dismissCard,
+        consoleBufferRef,
+        previousStatusRef,
+        mountedRef,
+        analyzeCrashDebounced,
+    };
+};
+
+// Crash Analysis Card Component
+export const CrashAnalysisCard = () => {
+    const { analyzing, analysis, error, showCard, dismissCard } = useLogAnalysis();
+
+    const [modalVisible, setModalVisible] = useState(false);
+
+    if (!showCard) return null;
+
+    const getCardMessage = () => {
+        if (analyzing) {
+            return 'Analyzing server crash logs...';
+        }
+
+        if (error) {
+            const looksLikeMissingLog =
+                /latest\.log/i.test(error) || /not found/i.test(error) || /no log content/i.test(error);
+
+            if (looksLikeMissingLog) {
+                return 'Server crashed but no log file was found. Try running the server to generate logs.';
+            }
+            return 'Server crashed but analysis failed. Check the logs manually.';
+        }
+
+        if (!analysis) {
+            return 'Server crashed. Analysis in progress...';
+        }
+
+        const problems = analysis.analysis?.problems ?? [];
+        if (problems.length > 0) {
+            return `We analyzed your server and found ${problems.length} issue${problems.length === 1 ? '' : 's'}.`;
+        }
+
+        return 'We analyzed your server crash but found no specific issues. This may be due to configuration or resource limitations.';
+    };
+
+    const getCardType = (): 'warning' | 'danger' => {
+        if (analyzing) return 'warning';
+        if (error) return 'danger';
+        if (!analysis) return 'warning';
+        const problems = analysis.analysis?.problems ?? [];
+        return problems.length > 0 ? 'danger' : 'warning';
+    };
+
+    const canViewAnalysis = analysis && !error && !analyzing;
+
+    return (
+        <>
+            <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-3 sm:p-4 hover:border-[#ffffff20] transition-all duration-150 shadow-sm'>
+                <Alert type={getCardType()}>
+                    <div className='flex items-center justify-between gap-3'>
+                        <div className='flex-1'>
+                            <p className='font-medium text-sm'>Crash Analysis</p>
+                            <p className='text-sm mt-1'>{getCardMessage()}</p>
+                        </div>
+                        <div className='flex items-center gap-2 flex-shrink-0'>
+                            {canViewAnalysis && (
+                                <ActionButton variant='secondary' onClick={() => setModalVisible(true)} size='sm'>
+                                    View Details
+                                </ActionButton>
+                            )}
+                            <ActionButton variant='secondary' onClick={dismissCard} size='sm'>
+                                Dismiss
+                            </ActionButton>
+                        </div>
+                    </div>
+                </Alert>
+            </div>
+
+            {/* Analysis Modal */}
+            {modalVisible && (
+                <AnalysisModal
+                    visible={modalVisible}
+                    onClose={() => setModalVisible(false)}
+                    analysis={analysis}
+                    error={error}
+                    analyzing={analyzing}
+                />
+            )}
+        </>
+    );
+};
+
+// Analysis Modal Component
+const AnalysisModal = ({
+    visible,
+    onClose,
+    analysis,
+    error,
+    analyzing,
+}: {
+    visible: boolean;
+    onClose: () => void;
+    analysis: MclogsInsight | null;
+    error: string | null;
+    analyzing: boolean;
+}) => {
+    const { manualAnalyze } = useLogAnalysis();
+
+    const closeModal = () => {
+        if (analyzing) return;
+        onClose();
+    };
+
+    // Render loading state
+    const renderLoadingState = () => (
+        <div className='flex flex-col items-center justify-center py-12' aria-busy='true'>
+            <Spinner size='large' />
+            <h3 className='text-lg font-medium text-neutral-200 mt-4'>Analyzing Server Logs</h3>
+            <p className='text-neutral-400 mt-2 text-center max-w-md'>
+                We&apos;re analyzing your server logs with mclo.gs to identify potential issues and provide solutions.
+            </p>
+        </div>
+    );
+
+    // Render error state
+    const renderErrorState = () => (
+        <div className='space-y-6'>
+            <div className='bg-red-500/10 border border-red-500/20 rounded-lg p-4'>
+                <div className='flex items-start gap-3'>
+                    <HugeIconsAlert className='w-6 h-6 text-red-400 flex-shrink-0 mt-0.5' fill='currentColor' />
+                    <div className='flex-1'>
+                        <h3 className='font-semibold text-red-400 text-lg'>Analysis Failed</h3>
+                        <p className='text-neutral-300 mt-2'>{error}</p>
+                        {(/latest\.log/i.test(error!) || /no log content/i.test(error!)) && (
+                            <p className='text-neutral-400 mt-3 text-sm'>
+                                This usually means the log file doesn&apos;t exist yet. Try starting your server to
+                                generate logs first.
+                            </p>
+                        )}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+
+    // Render server information header
+    const renderServerInfo = () => {
+        if (!analysis) return null;
+
+        const information = analysis.analysis?.information ?? [];
+        const serverVersion = analysis.version;
+        const serverType = analysis.title;
+
+        return (
+            <div className='bg-blue-500/10 border border-blue-500/20 rounded-lg p-4 mb-6'>
+                <div className='flex items-center justify-between mb-3'>
+                    <h3 className='text-lg font-semibold text-blue-400'>Server Information</h3>
+                    <a
+                        href='https://mclo.gs'
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='text-sm text-blue-400 hover:text-blue-300 flex items-center gap-1.5 transition-colors'
+                    >
+                        <HugeIconsLink className='w-4 h-4' />
+                        Powered by mclo.gs
+                    </a>
+                </div>
+
+                <div className='grid grid-cols-1 md:grid-cols-2 gap-3'>
+                    <div className='bg-blue-500/5 rounded-lg p-3'>
+                        <p className='text-blue-400 font-medium text-sm mb-1'>Server Type</p>
+                        <p className='text-neutral-200'>
+                            {serverType} {serverVersion}
+                        </p>
+                    </div>
+
+                    {information.slice(0, 3).map((info, idx) => (
+                        <div key={idx} className='bg-blue-500/5 rounded-lg p-3'>
+                            <p className='text-blue-400 font-medium text-sm mb-1'>{info.label}</p>
+                            <p className='text-neutral-200 break-all'>{info.value}</p>
+                        </div>
+                    ))}
+                </div>
+
+                {information.length > 3 && (
+                    <details className='mt-3'>
+                        <summary className='text-blue-400 text-sm cursor-pointer hover:text-blue-300 transition-colors'>
+                            Show {information.length - 3} more details
+                        </summary>
+                        <div className='grid grid-cols-1 md:grid-cols-2 gap-3 mt-3'>
+                            {information.slice(3).map((info, idx) => (
+                                <div key={idx} className='bg-blue-500/5 rounded-lg p-3'>
+                                    <p className='text-blue-400 font-medium text-sm mb-1'>{info.label}</p>
+                                    <p className='text-neutral-200 break-all'>{info.value}</p>
+                                </div>
+                            ))}
+                        </div>
+                    </details>
+                )}
+            </div>
+        );
+    };
+
+    // Render errors section
+    const renderErrors = () => {
+        if (!analysis) return null;
+
+        const problems = analysis.analysis?.problems ?? [];
+
+        if (problems.length === 0) {
+            return (
+                <div className='bg-green-500/10 border border-green-500/20 rounded-lg p-4 mb-6'>
+                    <div className='flex items-start gap-3'>
+                        <HugeIconsCheck className='w-6 h-6 text-green-400 flex-shrink-0 mt-0.5' fill='currentColor' />
+                        <div>
+                            <h3 className='font-semibold text-green-400 text-lg'>No Issues Detected</h3>
+                            <p className='text-neutral-300 mt-2'>
+                                No specific issues were found in your server logs. The crash may be due to configuration
+                                problems or resource limitations.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            );
+        }
+
+        return (
+            <div className='space-y-4 mb-6'>
+                <h3 className='text-lg font-semibold text-red-400'>Issues Found ({problems.length})</h3>
+
+                <div className='space-y-3'>
+                    {problems.map((problem, idx) => (
+                        <div key={idx} className='bg-red-500/10 border border-red-500/20 rounded-lg overflow-hidden'>
+                            <div className='p-4'>
+                                <div className='flex items-start gap-3'>
+                                    <HugeIconsAlert
+                                        className='w-5 h-5 text-red-400 flex-shrink-0 mt-0.5'
+                                        fill='currentColor'
+                                    />
+                                    <div className='flex-1'>
+                                        <h4 className='font-medium text-red-400 mb-2'>{problem.message}</h4>
+
+                                        {!!problem.entry?.lines?.length && (
+                                            <div className='bg-red-500/5 border border-red-500/10 rounded-lg p-3 mb-3'>
+                                                <p className='text-red-400/70 text-sm mb-2 font-medium'>Error Log:</p>
+                                                <div className='max-h-40 overflow-y-auto font-mono text-sm space-y-1'>
+                                                    {problem.entry.lines.map((line, lineIdx) => (
+                                                        <div key={lineIdx} className='flex'>
+                                                            <span className='text-red-500/50 mr-3 select-none w-10 text-right flex-shrink-0'>
+                                                                {line.number}
+                                                            </span>
+                                                            <span className='text-red-300/90 break-all'>
+                                                                {line.content}
+                                                            </span>
+                                                        </div>
+                                                    ))}
+                                                </div>
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    ))}
+                </div>
+            </div>
+        );
+    };
+
+    // Render recommendations section
+    const renderRecommendations = () => {
+        if (!analysis) return null;
+
+        const problems = analysis.analysis?.problems ?? [];
+        const allSolutions = problems.flatMap((problem) => problem.solutions || []);
+
+        if (allSolutions.length === 0) return null;
+
+        return (
+            <div className='space-y-4'>
+                <h3 className='text-lg font-semibold text-green-400'>Recommended Solutions ({allSolutions.length})</h3>
+
+                <div className='bg-green-500/10 border border-green-500/20 rounded-lg p-4'>
+                    <div className='space-y-3'>
+                        {allSolutions.map((solution, idx) => (
+                            <div key={idx} className='flex items-start gap-3'>
+                                <div className='bg-green-500/20 rounded-full p-1 flex-shrink-0 mt-0.5'>
+                                    <HugeIconsCheck className='w-4 h-4 text-green-400' fill='currentColor' />
+                                </div>
+                                <div className='flex-1'>
+                                    <p className='text-neutral-200 leading-relaxed'>{solution.message}</p>
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            </div>
+        );
+    };
+
+    // Main content renderer
+    const renderContent = () => {
+        if (analyzing) return renderLoadingState();
+        if (error) return renderErrorState();
+        if (!analysis) {
+            return (
+                <div className='text-center py-12'>
+                    <p className='text-neutral-400'>No analysis data available</p>
+                </div>
+            );
+        }
+
+        return (
+            <div className='space-y-6'>
+                {renderServerInfo()}
+                {renderErrors()}
+                {renderRecommendations()}
+            </div>
+        );
+    };
+
+    return (
+        <Modal
+            visible={visible}
+            onDismissed={closeModal}
+            closeOnBackground={!analyzing}
+            title='Server Log Analysis'
+            showSpinnerOverlay={false}
+        >
+            <div className='w-full max-w-4xl'>
+                {renderContent()}
+
+                <div className='flex justify-center gap-3 mt-8 pt-4 border-t border-neutral-700'>
+                    <ActionButton variant='secondary' onClick={manualAnalyze} disabled={analyzing}>
+                        {analyzing ? 'Analyzing...' : 'Analyze Again'}
+                    </ActionButton>
+                    <ActionButton variant='primary' onClick={closeModal} disabled={analyzing}>
+                        Close
+                    </ActionButton>
+                </div>
+            </div>
+        </Modal>
+    );
+};
diff --git a/resources/scripts/components/server/features/SteamDiskSpaceFeature.tsx b/resources/scripts/components/server/features/SteamDiskSpaceFeature.tsx
index 6c115cb06..71b816fd4 100644
--- a/resources/scripts/components/server/features/SteamDiskSpaceFeature.tsx
+++ b/resources/scripts/components/server/features/SteamDiskSpaceFeature.tsx
@@ -60,7 +60,7 @@ const SteamDiskSpaceFeature = () => {
                         </p>
                         <p className='mt-3'>
                             Ensure the machine has enough disk space by typing{' '}
-                            <code className={`font-mono bg-zinc-900 rounded py-1 px-2`}>df -h</code> on the machine
+                            <code className={`font-mono bg-zinc-900 rounded-sm py-1 px-2`}>df -h</code> on the machine
                             hosting this server. Delete files or increase the available disk space to resolve the issue.
                         </p>
                     </>
diff --git a/resources/scripts/components/server/features/eula/EulaModalFeature.tsx b/resources/scripts/components/server/features/eula/EulaModalFeature.tsx
index 0d11b69a1..75e5057b9 100644
--- a/resources/scripts/components/server/features/eula/EulaModalFeature.tsx
+++ b/resources/scripts/components/server/features/eula/EulaModalFeature.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Modal from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
 import { SocketEvent, SocketRequest } from '@/components/server/events';
 
 import saveFileContents from '@/api/server/files/saveFileContents';
@@ -83,8 +83,12 @@ const EulaModalFeature = () => {
                     .
                 </p>
                 <div className={`my-6 gap-3 flex items-center justify-end`}>
-                    <Button.Text onClick={() => setVisible(false)}>I don&apos;t accept</Button.Text>
-                    <Button onClick={onAcceptEULA}>I accept</Button>
+                    <ActionButton variant='secondary' onClick={() => setVisible(false)}>
+                        I don&apos;t accept
+                    </ActionButton>
+                    <ActionButton variant='primary' onClick={onAcceptEULA}>
+                        I accept
+                    </ActionButton>
                 </div>
             </div>
         </Modal>
diff --git a/resources/scripts/components/server/files/ChmodFileModal.tsx b/resources/scripts/components/server/files/ChmodFileModal.tsx
index 24610ae91..608b12c44 100644
--- a/resources/scripts/components/server/files/ChmodFileModal.tsx
+++ b/resources/scripts/components/server/files/ChmodFileModal.tsx
@@ -1,9 +1,9 @@
 import { fileBitsToString } from '@/helpers';
 import { Form, Formik, FormikHelpers } from 'formik';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
 
 import chmodFiles from '@/api/server/files/chmodFiles';
 
@@ -78,7 +78,9 @@ const ChmodFileModal = ({ files, ...props }: OwnProps) => {
                                 />
                             </div>
                             <div className={`flex justify-end w-full my-6`}>
-                                <Button>Update</Button>
+                                <ActionButton variant='primary' type='submit'>
+                                    Update
+                                </ActionButton>
                             </div>
                         </div>
                     </Form>
diff --git a/resources/scripts/components/server/files/FileDropdownMenu.tsx b/resources/scripts/components/server/files/FileDropdownMenu.tsx
index 3ae1d3701..d03d5530c 100644
--- a/resources/scripts/components/server/files/FileDropdownMenu.tsx
+++ b/resources/scripts/components/server/files/FileDropdownMenu.tsx
@@ -126,22 +126,22 @@ const FileDropdownMenu = ({ file }: { file: FileObject }) => {
             <ContextMenuContent className='flex flex-col gap-1'>
                 <Can action={'file.update'}>
                     <ContextMenuItem className='flex gap-2' onSelect={() => setModal('rename')}>
-                        <HugeIconsPencil className='!h-4 !w-4' fill='currentColor' />
+                        <HugeIconsPencil className='h-4! w-4!' fill='currentColor' />
                         <span>Rename</span>
                     </ContextMenuItem>
                     <ContextMenuItem className='flex gap-2' onSelect={() => setModal('move')}>
-                        <HugeIconsMoveTo className='!h-4 !w-4' fill='currentColor' />
+                        <HugeIconsMoveTo className='h-4! w-4!' fill='currentColor' />
                         <span>Move</span>
                     </ContextMenuItem>
                     <ContextMenuItem className='flex gap-2' onSelect={() => setModal('chmod')}>
-                        <HugeIconsFileSecurity className='!h-4 !w-4' fill='currentColor' />
+                        <HugeIconsFileSecurity className='h-4! w-4!' fill='currentColor' />
                         <span>Permissions</span>
                     </ContextMenuItem>
                 </Can>
                 {file.isFile && (
                     <Can action={'file.create'}>
                         <ContextMenuItem className='flex gap-2' onClick={doCopy}>
-                            <HugeIconsCopy className='!h-4 !w-4' fill='currentColor' />
+                            <HugeIconsCopy className='h-4! w-4!' fill='currentColor' />
                             <span>Duplicate</span>
                         </ContextMenuItem>
                     </Can>
@@ -149,27 +149,27 @@ const FileDropdownMenu = ({ file }: { file: FileObject }) => {
                 {file.isArchiveType() ? (
                     <Can action={'file.create'}>
                         <ContextMenuItem className='flex gap-2' onSelect={doUnarchive} title={'Unarchive'}>
-                            <HugeIconsFileZip className='!h-4 !w-4' fill='currentColor' />
+                            <HugeIconsFileZip className='h-4! w-4!' fill='currentColor' />
                             <span>Unarchive</span>
                         </ContextMenuItem>
                     </Can>
                 ) : (
                     <Can action={'file.archive'}>
                         <ContextMenuItem className='flex gap-2' onSelect={doArchive}>
-                            <HugeIconsFileZip className='!h-4 !w-4' fill='currentColor' />
+                            <HugeIconsFileZip className='h-4! w-4!' fill='currentColor' />
                             <span>Archive</span>
                         </ContextMenuItem>
                     </Can>
                 )}
                 {file.isFile && (
                     <ContextMenuItem className='flex gap-2' onSelect={doDownload}>
-                        <HugeIconsFileDownload className='!h-4 !w-4' fill='currentColor' />
+                        <HugeIconsFileDownload className='h-4! w-4!' fill='currentColor' />
                         <span>Download</span>
                     </ContextMenuItem>
                 )}
                 <Can action={'file.delete'}>
                     <ContextMenuItem className='flex gap-2' onSelect={() => setShowConfirmation(true)}>
-                        <HugeIconsDelete className='!h-4 !w-4' fill='currentColor' />
+                        <HugeIconsDelete className='h-4! w-4!' fill='currentColor' />
                         <span>Delete</span>
                     </ContextMenuItem>
                 </Can>
diff --git a/resources/scripts/components/server/files/FileEditContainer.tsx b/resources/scripts/components/server/files/FileEditContainer.tsx
index 912570528..75ad2aa3a 100644
--- a/resources/scripts/components/server/files/FileEditContainer.tsx
+++ b/resources/scripts/components/server/files/FileEditContainer.tsx
@@ -9,6 +9,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'sonner';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import {
     DropdownMenu,
@@ -31,7 +32,7 @@ import useFlash from '@/plugins/useFlash';
 
 const Editor = lazy(() => import('@/components/elements/editor/Editor'));
 
-export default () => {
+const FileEditContainer = () => {
     const [error, setError] = useState('');
     const { action, '*': rawFilename } = useParams<{ action: 'edit' | 'new'; '*': string }>();
     const [_, setLoading] = useState(action === 'edit');
@@ -121,7 +122,7 @@ export default () => {
     }
 
     return (
-        <PageContentBlock title={action === 'edit' ? `Editing ${filename}` : `New File`} className='!p-0'>
+        <PageContentBlock title={action === 'edit' ? `Editing ${filename}` : `New File`} className='p-0!'>
             <FlashMessageRender byKey={'files:view'} />
 
             <ErrorBoundary>
@@ -134,14 +135,14 @@ export default () => {
             </ErrorBoundary>
 
             {filename === '.pteroignore' ? (
-                <div className={`mb-4 p-4 border-l-4 bg-neutral-900 rounded border-cyan-400`}>
+                <div className={`mb-4 p-4 border-l-4 bg-neutral-900 rounded-sm border-cyan-400`}>
                     <p className={`text-neutral-300 text-sm`}>
                         You&apos;re editing a{' '}
-                        <code className={`font-mono bg-black rounded py-px px-1`}>.pteroignore</code> file. Any files or
-                        directories listed in here will be excluded from backups. Wildcards are supported by using an
-                        asterisk (<code className={`font-mono bg-black rounded py-px px-1`}>*</code>). You can negate a
-                        prior rule by prepending an exclamation point (
-                        <code className={`font-mono bg-black rounded py-px px-1`}>!</code>).
+                        <code className={`font-mono bg-black rounded-sm py-px px-1`}>.pteroignore</code> file. Any files
+                        or directories listed in here will be excluded from backups. Wildcards are supported by using an
+                        asterisk (<code className={`font-mono bg-black rounded-sm py-px px-1`}>*</code>). You can negate
+                        a prior rule by prepending an exclamation point (
+                        <code className={`font-mono bg-black rounded-sm py-px px-1`}>!</code>).
                     </p>
                 </div>
             ) : null}
@@ -156,7 +157,7 @@ export default () => {
             />
 
             <div
-                className={`relative h-full bg-[#ffffff11] border-[1px] border-[#ffffff07] border-t-0 [&>div>div]:h-full [&>div>div]:!outline-none w-full`}
+                className={`relative h-full bg-[#ffffff11] border-[1px] border-[#ffffff07] border-t-0 [&>div>div]:h-full [&>div>div]:outline-hidden! w-full`}
             >
                 <Editor
                     style={{ height: 'calc(100vh - 86px)', width: '100%' }}
@@ -205,7 +206,7 @@ export default () => {
                                 strokeLinejoin='round'
                             />
                         </svg>
-                        {language?.name ?? 'Language'}
+                        <span className='sm:block hidden'>{language?.name ?? 'Language'}</span>
                         <svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'>
                             <path
                                 fillRule='evenodd'
@@ -216,7 +217,7 @@ export default () => {
                             />
                         </svg>
                     </DropdownMenuTrigger>
-                    <DropdownMenuContent className='max-h-[calc(100vh-4rem)] overflow-auto z-[99999]' sideOffset={8}>
+                    <DropdownMenuContent className='max-h-[calc(100vh-4rem)] overflow-auto z-99999' sideOffset={8}>
                         <For each={languages.sort((a, b) => a.name.localeCompare(b.name))} memo>
                             {(language) => (
                                 <DropdownMenuItem
@@ -235,41 +236,42 @@ export default () => {
                 {action === 'edit' ? (
                     <Can action={'file.update'}>
                         <div className='flex gap-1 items-center justify-center'>
-                            <button
-                                style={{
-                                    background:
-                                        'radial-gradient(109.26% 109.26% at 49.83% 13.37%, rgb(255, 52, 60) 0%, rgb(240, 111, 83) 100%)',
-                                }}
-                                className='h-[46px] pl-8 pr-6 py-3 border-[1px] border-[#ffffff12] rounded-l-full text-sm font-bold shadow-md'
+                            <ActionButton
+                                variant='primary'
+                                size='lg'
+                                className='rounded-l-full rounded-r-none pl-8 pr-6'
                                 onClick={() => save()}
                             >
-                                Save <span className='ml-2 font-mono text-xs font-bold uppercase'>CTRL + S</span>
-                            </button>
+                                Save{' '}
+                                <span className='ml-2 font-mono text-xs font-bold uppercase lg:inline-block hidden'>
+                                    CTRL + S
+                                </span>
+                            </ActionButton>
                             <DropdownMenu>
-                                <DropdownMenuTrigger
-                                    style={{
-                                        background:
-                                            'radial-gradient(109.26% 109.26% at 49.83% 13.37%, rgb(255, 52, 60) 0%, rgb(240, 111, 83) 100%)',
-                                    }}
-                                    className='h-[46px] px-2 py-3 border-[1px] border-[#ffffff12] rounded-r-full text-sm font-bold shadow-md'
-                                >
-                                    <svg
-                                        xmlns='http://www.w3.org/2000/svg'
-                                        width='13'
-                                        height='13'
-                                        viewBox='0 0 13 13'
-                                        fill='none'
+                                <DropdownMenuTrigger asChild>
+                                    <ActionButton
+                                        variant='primary'
+                                        size='lg'
+                                        className='rounded-r-full rounded-l-none px-2'
                                     >
-                                        <path
-                                            fillRule='evenodd'
-                                            clipRule='evenodd'
-                                            d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
-                                            fill='white'
-                                        />
-                                    </svg>
+                                        <svg
+                                            xmlns='http://www.w3.org/2000/svg'
+                                            width='13'
+                                            height='13'
+                                            viewBox='0 0 13 13'
+                                            fill='none'
+                                        >
+                                            <path
+                                                fillRule='evenodd'
+                                                clipRule='evenodd'
+                                                d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
+                                                fill='white'
+                                            />
+                                        </svg>
+                                    </ActionButton>
                                 </DropdownMenuTrigger>
                                 <DropdownMenuContent
-                                    className='max-h-[calc(100vh-4rem)] overflow-auto z-[99999]'
+                                    className='max-h-[calc(100vh-4rem)] overflow-auto z-99999'
                                     sideOffset={8}
                                 >
                                     <DropdownMenuItem onSelect={() => saveAndRestart()}>
@@ -281,19 +283,14 @@ export default () => {
                     </Can>
                 ) : (
                     <Can action={'file.create'}>
-                        <button
-                            style={{
-                                background:
-                                    'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                            }}
-                            className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-full text-sm font-bold shadow-md'
-                            onClick={() => setModalVisible(true)}
-                        >
+                        <ActionButton variant='secondary' size='lg' onClick={() => setModalVisible(true)}>
                             Create File
-                        </button>
+                        </ActionButton>
                     </Can>
                 )}
             </div>
         </PageContentBlock>
     );
 };
+
+export default FileEditContainer;
diff --git a/resources/scripts/components/server/files/FileManagerBreadcrumbs.tsx b/resources/scripts/components/server/files/FileManagerBreadcrumbs.tsx
index e3f3f7cdc..ade1e6b03 100644
--- a/resources/scripts/components/server/files/FileManagerBreadcrumbs.tsx
+++ b/resources/scripts/components/server/files/FileManagerBreadcrumbs.tsx
@@ -10,7 +10,7 @@ interface Props {
     isNewFile?: boolean;
 }
 
-export default ({ renderLeft, withinFileEditor, isNewFile }: Props) => {
+const FileManagerBreadcrumbs = ({ renderLeft, withinFileEditor, isNewFile }: Props) => {
     const id = ServerContext.useStoreState((state) => state.server.data!.id);
     const directory = ServerContext.useStoreState((state) => state.files.directory);
 
@@ -46,7 +46,7 @@ export default ({ renderLeft, withinFileEditor, isNewFile }: Props) => {
     };
 
     return (
-        <div className={`group select-none flex flex-grow-0 items-center text-sm overflow-x-hidden`}>
+        <div className={`group select-none flex grow-0 items-center text-sm overflow-x-hidden`}>
             {renderLeft || <div className={`w-12`} />}
             <NavLink to={`/server/${id}/files`} className={`px-1 text-zinc-200 no-underline hover:text-zinc-100`}>
                 root
@@ -95,3 +95,5 @@ export default ({ renderLeft, withinFileEditor, isNewFile }: Props) => {
         </div>
     );
 };
+
+export default FileManagerBreadcrumbs;
diff --git a/resources/scripts/components/server/files/FileManagerContainer.tsx b/resources/scripts/components/server/files/FileManagerContainer.tsx
index 21755115e..2b1db6280 100644
--- a/resources/scripts/components/server/files/FileManagerContainer.tsx
+++ b/resources/scripts/components/server/files/FileManagerContainer.tsx
@@ -35,7 +35,7 @@ const sortFiles = (files: FileObject[]): FileObject[] => {
     return sortedFiles.filter((file, index) => index === 0 || file.name !== sortedFiles[index - 1]?.name);
 };
 
-export default () => {
+const FileManagerContainer = () => {
     const parentRef = useRef<HTMLDivElement | null>(null);
 
     const id = ServerContext.useStoreState((state) => state.server.data!.id);
@@ -86,10 +86,6 @@ export default () => {
         }
     }, [hash, pathname, directory]);
 
-    if (error) {
-        return <ServerError title={'Something went wrong.'} message={httpErrorToHuman(error)} />;
-    }
-
     const rowVirtualizer = useVirtualizer({
         // count: 10000,
         count: filesArray.length,
@@ -98,19 +94,32 @@ export default () => {
         // scrollMargin: 54,
     });
 
+    if (error) {
+        return <ServerError title={'Something went wrong.'} message={httpErrorToHuman(error)} />;
+    }
+
     return (
-        <ServerContentBlock className='!p-0' title={'File Manager'} showFlashKey={'files'}>
+        <ServerContentBlock className='p-0!' title={'File Manager'} showFlashKey={'files'}>
             <div className='px-2 sm:px-14 pt-2 sm:pt-14'>
                 <ErrorBoundary>
-                    <MainPageHeader title={'Files'}>
-                        <Can action={'file.create'}>
-                            <div className='flex flex-row gap-1'>
-                                <FileManagerStatus />
-                                <NewDirectoryButton />
-                                <NewFileButton id={id} />
-                                <UploadButton />
-                            </div>
-                        </Can>
+                    <MainPageHeader
+                        direction='column'
+                        title={'Files'}
+                        titleChildren={
+                            <Can action={'file.create'}>
+                                <div className='flex flex-row gap-1'>
+                                    <FileManagerStatus />
+                                    <NewDirectoryButton />
+                                    <NewFileButton id={id} />
+                                    <UploadButton />
+                                </div>
+                            </Can>
+                        }
+                    >
+                        <p className='text-sm text-neutral-400 leading-relaxed'>
+                            Manage your server files and directories. Upload, download, edit, and organize your
+                            server&apos;s file system with our integrated file manager.
+                        </p>
                     </MainPageHeader>
                     <div className={'flex flex-wrap-reverse md:flex-nowrap mb-4'}>
                         <FileManagerBreadcrumbs
@@ -192,7 +201,7 @@ export default () => {
                                                         }}
                                                     >
                                                         <FileObjectRow
-                                                            // @ts-ignore
+                                                            // @ts-expect-error - Legacy type suppression
                                                             file={filesArray[virtualItem.index]}
                                                             key={filesArray[virtualItem.index]?.name}
                                                         />
@@ -212,3 +221,5 @@ export default () => {
         </ServerContentBlock>
     );
 };
+
+export default FileManagerContainer;
diff --git a/resources/scripts/components/server/files/FileManagerStatus.tsx b/resources/scripts/components/server/files/FileManagerStatus.tsx
index c75566f2b..2f2a45462 100644
--- a/resources/scripts/components/server/files/FileManagerStatus.tsx
+++ b/resources/scripts/components/server/files/FileManagerStatus.tsx
@@ -4,8 +4,8 @@
 import { useSignal } from '@preact/signals-react';
 import { useContext, useEffect } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Code from '@/components/elements/Code';
-import { Button } from '@/components/elements/button/index';
 import { Dialog, DialogWrapperContext } from '@/components/elements/dialog';
 
 import asDialog from '@/hoc/asDialog';
@@ -45,26 +45,30 @@ const FileUploadList = () => {
     return (
         <div className={'space-y-2 mt-6'}>
             {uploads.map(([name, file]) => (
-                <div key={name} className={'flex items-center space-x-3 bg-zinc-700 p-3 rounded'}>
+                <div key={name} className={'flex items-center space-x-3 bg-zinc-700 p-3 rounded-sm'}>
                     {/* <Tooltip content={`${Math.floor((file.loaded / file.total) * 100)}%`} placement={'left'}> */}
-                    <div className={'flex-shrink-0'}>
+                    <div className={'shrink-0'}>
                         <Spinner progress={(file.loaded / file.total) * 100} className={'w-6 h-6'} />
                     </div>
                     {/* </Tooltip> */}
                     <Code className={'flex-1 truncate'}>{name}</Code>
-                    <button
+                    <ActionButton
+                        variant='secondary'
+                        size='sm'
                         onClick={cancelFileUpload.bind(this, name)}
-                        className={'text-zinc-500 hover:text-zinc-200 transition-colors duration-75'}
+                        className='hover:!text-red-400'
                     >
-                        FIXME: add X icon Cancel Upload
-                    </button>
+                        Cancel
+                    </ActionButton>
                 </div>
             ))}
             <Dialog.Footer>
-                <Button.Danger variant={Button.Variants.Secondary} onClick={() => clearFileUploads()}>
+                <ActionButton variant='danger' onClick={() => clearFileUploads()}>
                     Cancel Uploads
-                </Button.Danger>
-                <Button.Text onClick={close}>Close</Button.Text>
+                </ActionButton>
+                <ActionButton variant='secondary' onClick={close}>
+                    Close
+                </ActionButton>
             </Dialog.Footer>
         </div>
     );
@@ -75,7 +79,7 @@ const FileUploadListDialog = asDialog({
     description: 'The following files are being uploaded to your server.',
 })(FileUploadList);
 
-export default () => {
+const FileManagerStatus = () => {
     const open = useSignal(false);
 
     const count = ServerContext.useStoreState((state) => Object.keys(state.files.uploads).length);
@@ -90,9 +94,14 @@ export default () => {
         <>
             {count > 0 && (
                 // <Tooltip content={`${count} files are uploading, click to view`}>
-                <button className={'flex items-center justify-center w-10 h-10'} onClick={() => (open.value = true)}>
+                <ActionButton
+                    variant='secondary'
+                    size='sm'
+                    className='w-10 h-10 p-0'
+                    onClick={() => (open.value = true)}
+                >
                     <svg
-                        className='animate-spin -ml-1 mr-3 h-5 w-5 text-white'
+                        className='animate-spin h-5 w-5 text-white'
                         xmlns='http://www.w3.org/2000/svg'
                         fill='none'
                         viewBox='0 0 24 24'
@@ -111,10 +120,12 @@ export default () => {
                             d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'
                         ></path>
                     </svg>
-                </button>
+                </ActionButton>
                 // </Tooltip>
             )}
             <FileUploadListDialog open={open.value} onClose={() => (open.value = false)} />
         </>
     );
 };
+
+export default FileManagerStatus;
diff --git a/resources/scripts/components/server/files/FileNameModal.tsx b/resources/scripts/components/server/files/FileNameModal.tsx
index 48016d15c..c949bd062 100644
--- a/resources/scripts/components/server/files/FileNameModal.tsx
+++ b/resources/scripts/components/server/files/FileNameModal.tsx
@@ -2,9 +2,9 @@ import { Form, Formik, FormikHelpers } from 'formik';
 import { join } from 'pathe';
 import { object, string } from 'yup';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
 
 import { ServerContext } from '@/state/server';
 
@@ -16,7 +16,7 @@ interface Values {
     fileName: string;
 }
 
-export default ({ onFileNamed, onDismissed, ...props }: Props) => {
+const FileNameModal = ({ onFileNamed, onDismissed, ...props }: Props) => {
     const directory = ServerContext.useStoreState((state) => state.files.directory);
 
     const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
@@ -50,7 +50,7 @@ export default ({ onFileNamed, onDismissed, ...props }: Props) => {
                             autoFocus
                         />
                         <div className={`flex justify-end w-full my-4`}>
-                            <Button>Create File</Button>
+                            <ActionButton variant='primary'>Create File</ActionButton>
                         </div>
                     </Form>
                 </Modal>
@@ -58,3 +58,5 @@ export default ({ onFileNamed, onDismissed, ...props }: Props) => {
         </Formik>
     );
 };
+
+export default FileNameModal;
diff --git a/resources/scripts/components/server/files/MassActionsBar.tsx b/resources/scripts/components/server/files/MassActionsBar.tsx
index 27c25c2ab..163c26c45 100644
--- a/resources/scripts/components/server/files/MassActionsBar.tsx
+++ b/resources/scripts/components/server/files/MassActionsBar.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
+import Spinner from '@/components/elements/Spinner';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 import { Dialog } from '@/components/elements/dialog';
 import FadeTransition from '@/components/elements/transitions/FadeTransition';
 import RenameFileModal from '@/components/server/files/RenameFileModal';
@@ -74,6 +75,7 @@ const MassActionsBar = () => {
                     confirm={'Delete'}
                     onClose={() => setShowConfirm(false)}
                     onConfirmed={onClickConfirmDeletion}
+                    loading={loading}
                 >
                     <p className={'mb-2'}>
                         Are you sure you want to delete&nbsp;
@@ -100,12 +102,19 @@ const MassActionsBar = () => {
                             'pointer-events-none fixed bottom-0 left-0 right-0 mb-6 flex justify-center w-full z-50'
                         }
                     >
-                        <div className={`flex items-center space-x-4 pointer-events-auto rounded p-4 bg-black/50`}>
-                            <Button onClick={() => setShowMove(true)}>Move</Button>
-                            <Button onClick={onClickCompress}>Archive</Button>
-                            <Button.Danger variant={Button.Variants.Secondary} onClick={() => setShowConfirm(true)}>
+                        <div className={`flex items-center space-x-4 pointer-events-auto rounded-sm p-4 bg-black/50`}>
+                            <ActionButton onClick={() => setShowMove(true)} disabled={loading}>
+                                {loading && loadingMessage.includes('Moving') && <Spinner size='small' />}
+                                Move
+                            </ActionButton>
+                            <ActionButton onClick={onClickCompress} disabled={loading}>
+                                {loading && loadingMessage.includes('Archiving') && <Spinner size='small' />}
+                                Archive
+                            </ActionButton>
+                            <ActionButton variant='danger' onClick={() => setShowConfirm(true)} disabled={loading}>
+                                {loading && loadingMessage.includes('Deleting') && <Spinner size='small' />}
                                 Delete
-                            </Button.Danger>
+                            </ActionButton>
                         </div>
                     </div>
                 </FadeTransition>
diff --git a/resources/scripts/components/server/files/NewDirectoryButton.tsx b/resources/scripts/components/server/files/NewDirectoryButton.tsx
index 3ae0453e9..324b44274 100644
--- a/resources/scripts/components/server/files/NewDirectoryButton.tsx
+++ b/resources/scripts/components/server/files/NewDirectoryButton.tsx
@@ -4,16 +4,16 @@ import { useContext, useEffect, useState } from 'react';
 import { object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Code from '@/components/elements/Code';
 import Field from '@/components/elements/Field';
-import { Button } from '@/components/elements/button/index';
 import { Dialog, DialogWrapperContext } from '@/components/elements/dialog';
 
 import asDialog from '@/hoc/asDialog';
 
 import createDirectory from '@/api/server/files/createDirectory';
-import { FileObject } from '@/api/server/files/loadDirectory';
 
+// import { FileObject } from '@/api/server/files/loadDirectory';
 import { ServerContext } from '@/state/server';
 
 import useFileManagerSwr from '@/plugins/useFileManagerSwr';
@@ -27,20 +27,22 @@ const schema = object().shape({
     directoryName: string().required('A valid directory name must be provided.'),
 });
 
-const generateDirectoryData = (name: string): FileObject => ({
-    key: `dir_${name.split('/', 1)[0] ?? name}`,
-    name: name.replace(/^(\/*)/, '').split('/', 1)[0] ?? name,
-    mode: 'drwxr-xr-x',
-    modeBits: '0755',
-    size: 0,
-    isFile: false,
-    isSymlink: false,
-    mimetype: '',
-    createdAt: new Date(),
-    modifiedAt: new Date(),
-    isArchiveType: () => false,
-    isEditable: () => false,
-});
+// removed to prevent linting issues, you're welcome.
+//
+// const generateDirectoryData = (name: string): FileObject => ({
+//     key: `dir_${name.split('/', 1)[0] ?? name}`,
+//     name: name.replace(/^(\/*)/, '').split('/', 1)[0] ?? name,
+//     mode: 'drwxr-xr-x',
+//     modeBits: '0755',
+//     size: 0,
+//     isFile: false,
+//     isSymlink: false,
+//     mimetype: '',
+//     createdAt: new Date(),
+//     modifiedAt: new Date(),
+//     isArchiveType: () => false,
+//     isEditable: () => false,
+// });
 
 const NewDirectoryDialog = asDialog({
     title: 'New Folder',
@@ -60,7 +62,8 @@ const NewDirectoryDialog = asDialog({
 
     const submit = ({ directoryName }: Values, { setSubmitting }: FormikHelpers<Values>) => {
         createDirectory(uuid, directory, directoryName)
-            .then(() => mutate((data) => [...data!, generateDirectoryData(directoryName)], false))
+            // .then(() => mutate((data) => [...data!, generateDirectoryData(directoryName)], false))
+            .then(() => mutate())
             .then(() => close())
             .catch((error) => {
                 setSubmitting(false);
@@ -75,7 +78,7 @@ const NewDirectoryDialog = asDialog({
                     <FlashMessageRender key={'files:directory-modal'} />
                     <Form className={`m-0`}>
                         <Field autoFocus id={'directoryName'} name={'directoryName'} label={'Name'} />
-                        <p className={`mt-2 !text-xs break-all`}>
+                        <p className={`mt-2 text-xs! break-all`}>
                             <span className={`text-zinc-200`}>This folder will be created as&nbsp;</span>
                             <Code>
                                 /root/
@@ -86,12 +89,12 @@ const NewDirectoryDialog = asDialog({
                         </p>
                     </Form>
                     <Dialog.Footer>
-                        <Button.Text className={'w-full sm:w-auto'} onClick={close}>
+                        <ActionButton variant='secondary' className={'w-full sm:w-auto'} onClick={close}>
                             Cancel
-                        </Button.Text>
-                        <Button className={'w-full sm:w-auto'} onClick={submitForm}>
+                        </ActionButton>
+                        <ActionButton variant='primary' className={'w-full sm:w-auto'} onClick={submitForm}>
                             Create
-                        </Button>
+                        </ActionButton>
                     </Dialog.Footer>
                 </>
             )}
@@ -99,22 +102,17 @@ const NewDirectoryDialog = asDialog({
     );
 });
 
-export default () => {
+const NewDirectoryButton = () => {
     const [open, setOpen] = useState(false);
 
     return (
         <>
             <NewDirectoryDialog open={open} onClose={setOpen.bind(this, false)} />
-            <button
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-l-full rounded-r-md text-sm font-bold shadow-md'
-                onClick={setOpen.bind(this, true)}
-            >
+            <ActionButton variant='secondary' onClick={setOpen.bind(this, true)}>
                 New Folder
-            </button>
+            </ActionButton>
         </>
     );
 };
+
+export default NewDirectoryButton;
diff --git a/resources/scripts/components/server/files/NewFileButton.tsx b/resources/scripts/components/server/files/NewFileButton.tsx
index 7da36108e..762a67553 100644
--- a/resources/scripts/components/server/files/NewFileButton.tsx
+++ b/resources/scripts/components/server/files/NewFileButton.tsx
@@ -1,17 +1,15 @@
 import { NavLink } from 'react-router-dom';
 
-export default ({ id }: { id: string }) => {
+import ActionButton from '@/components/elements/ActionButton';
+
+const NewFileButton = ({ id }: { id: string }) => {
     return (
         <NavLink to={`/server/${id}/files/new${window.location.hash}`}>
-            <div
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-none text-sm font-bold shadow-md'
-            >
+            <ActionButton variant='secondary' size='md'>
                 New File
-            </div>
+            </ActionButton>
         </NavLink>
     );
 };
+
+export default NewFileButton;
diff --git a/resources/scripts/components/server/files/RenameFileModal.tsx b/resources/scripts/components/server/files/RenameFileModal.tsx
index 375e16623..985be557c 100644
--- a/resources/scripts/components/server/files/RenameFileModal.tsx
+++ b/resources/scripts/components/server/files/RenameFileModal.tsx
@@ -1,10 +1,10 @@
 import { Form, Formik, FormikHelpers } from 'formik';
 import { join } from 'pathe';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Code from '@/components/elements/Code';
 import Field from '@/components/elements/Field';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Button } from '@/components/elements/button/index';
 
 import renameFiles from '@/api/server/files/renameFiles';
 
@@ -71,7 +71,7 @@ const RenameFileModal = ({ files, useMoveTerminology, ...props }: OwnProps) => {
                         <div className='w-full'>
                             <Field type={'string'} id={'file_name'} name={'name'} label={'File Name'} autoFocus />
                             {useMoveTerminology && (
-                                <p className={`mt-2 !text-xs break-all`}>
+                                <p className={`mt-2 text-xs! break-all`}>
                                     <strong className={`text-sm text-zinc-200`}>New location: </strong>
                                     <Code>
                                         /root/
@@ -82,7 +82,9 @@ const RenameFileModal = ({ files, useMoveTerminology, ...props }: OwnProps) => {
                                 </p>
                             )}
                             <div className={`flex justify-end w-full my-6`}>
-                                <Button>{useMoveTerminology ? 'Move' : 'Rename'}</Button>
+                                <ActionButton variant='primary' type='submit'>
+                                    {useMoveTerminology ? 'Move' : 'Rename'}
+                                </ActionButton>
                             </div>
                         </div>
                     </Form>
diff --git a/resources/scripts/components/server/files/SelectFileCheckbox.tsx b/resources/scripts/components/server/files/SelectFileCheckbox.tsx
index 460de7da4..1e123c767 100644
--- a/resources/scripts/components/server/files/SelectFileCheckbox.tsx
+++ b/resources/scripts/components/server/files/SelectFileCheckbox.tsx
@@ -2,7 +2,7 @@ import { Checkbox } from '@/components/elements/CheckboxNew';
 
 import { ServerContext } from '@/state/server';
 
-export default ({ name }: { name: string }) => {
+const SelectFileCheckbox = ({ name }: { name: string }) => {
     const isChecked = ServerContext.useStoreState((state) => state.files.selectedFiles.indexOf(name) >= 0);
     const appendSelectedFile = ServerContext.useStoreActions((actions) => actions.files.appendSelectedFile);
     const removeSelectedFile = ServerContext.useStoreActions((actions) => actions.files.removeSelectedFile);
@@ -17,3 +17,5 @@ export default ({ name }: { name: string }) => {
         />
     );
 };
+
+export default SelectFileCheckbox;
diff --git a/resources/scripts/components/server/files/UploadButton.tsx b/resources/scripts/components/server/files/UploadButton.tsx
index ccacbce2a..fb2cd1852 100644
--- a/resources/scripts/components/server/files/UploadButton.tsx
+++ b/resources/scripts/components/server/files/UploadButton.tsx
@@ -1,6 +1,7 @@
 import axios from 'axios';
 import { useEffect, useRef, useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import { ModalMask } from '@/components/elements/Modal';
 import FadeTransition from '@/components/elements/transitions/FadeTransition';
 
@@ -20,7 +21,7 @@ function isFileOrDirectory(event: DragEvent): boolean {
     return event.dataTransfer.types.some((value) => value.toLowerCase() === 'files');
 }
 
-export default () => {
+const UploadButton = () => {
     const fileUploadInput = useRef<HTMLInputElement>(null);
     const [timeouts, _] = useState<NodeJS.Timeout[]>([]);
     const [visible, setVisible] = useState(false);
@@ -49,7 +50,7 @@ export default () => {
     useEventListener('dragexit', () => setVisible(false), { capture: true });
 
     useEventListener('keydown', () => {
-        visible && setVisible(false);
+        if (visible) setVisible(false);
     });
 
     useEffect(() => {
@@ -166,16 +167,14 @@ export default () => {
                 }}
                 multiple
             />
-            <button
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-r-full rounded-l-md text-sm font-bold shadow-md'
+            <ActionButton
+                variant='secondary'
                 onClick={() => fileUploadInput.current && fileUploadInput.current.click()}
             >
                 Upload
-            </button>
+            </ActionButton>
         </>
     );
 };
+
+export default UploadButton;
diff --git a/resources/scripts/components/server/files/style.module.css b/resources/scripts/components/server/files/style.module.css
index 73fb2e6ed..69c43918b 100644
--- a/resources/scripts/components/server/files/style.module.css
+++ b/resources/scripts/components/server/files/style.module.css
@@ -1,12 +1,14 @@
+@import '../../../assets/tailwind.css';
+
 .manager_actions {
-    @apply grid grid-cols-2 sm:grid-cols-3 w-full gap-4 mb-4;
+    @apply mb-4 grid w-full grid-cols-2 gap-4 sm:grid-cols-3;
 
     & button {
         @apply w-full first:col-span-2 sm:first:col-span-1;
     }
 
     @screen md {
-        @apply flex flex-1 justify-end mb-0;
+        @apply mb-0 flex flex-1 justify-end;
 
         & button {
             @apply w-auto;
@@ -15,11 +17,11 @@
 }
 
 .file_row {
-    @apply rounded-sm p-1 transition bg-[#ffffff08] border-[1px] border-[#ffffff07] flex items-center text-sm no-underline;
+    @apply flex items-center rounded-sm border-[1px] border-[#ffffff07] bg-[#ffffff08] p-1 text-sm no-underline transition;
     @apply hover:bg-[#ffffff12] hover:duration-0;
 
     & > .details {
-        @apply flex flex-1 items-center text-zinc-300 no-underline px-4 py-2 overflow-hidden truncate;
+        @apply flex flex-1 items-center truncate overflow-hidden px-4 py-2 text-zinc-300 no-underline;
 
         &:not(a) {
             @apply cursor-default;
diff --git a/resources/scripts/components/server/modrinth/DisplayMods.tsx b/resources/scripts/components/server/modrinth/DisplayMods.tsx
index cda714305..3c3020eb4 100644
--- a/resources/scripts/components/server/modrinth/DisplayMods.tsx
+++ b/resources/scripts/components/server/modrinth/DisplayMods.tsx
@@ -98,7 +98,7 @@ const ProjectSelector: React.FC<Props> = ({ appVersion, baseUrl, nonApiUrl }) =>
             <button
                 onClick={fetchProjects}
                 id='fetchNewProjects'
-                className='btn btn-primary mb-4 flex hidden'
+                className='btn btn-primary mb-4 flex hidden cursor-pointer'
                 disabled={isLoading}
             >
                 {isLoading ? 'Loading...' : 'Fetch Projects'}
@@ -110,13 +110,13 @@ const ProjectSelector: React.FC<Props> = ({ appVersion, baseUrl, nonApiUrl }) =>
                 projects.map((project) => (
                     <ContentBox
                         key={project.project_id}
-                        className='p-4 bg-[#ffffff09] border border-gray-600 shadow-sm rounded-xl w-full mb-4'
+                        className='p-4 bg-[#ffffff09] border border-gray-600 shadow-xs rounded-xl w-full mb-4'
                     >
                         <div className='flex items-center'>
                             <ContentBox className='pt-1 rounded-xl mr-4'>
                                 <a href={`${nonApiUrl}/mod/${project.project_id}`} target='_blank' rel='noreferrer'>
                                     {project.icon_url !== 'N/A' ? (
-                                        <img src={project.icon_url} className='w-24 h-20 object-contain rounded' />
+                                        <img src={project.icon_url} className='w-24 h-20 object-contain rounded-sm' />
                                     ) : (
                                         <svg
                                             fillRule='evenodd'
@@ -159,7 +159,7 @@ const ProjectSelector: React.FC<Props> = ({ appVersion, baseUrl, nonApiUrl }) =>
                             </div>
                             <div className='flex flex-col py-2 px-6 mx-6'>
                                 <button
-                                    className='flex items-center border-2 border-solid rounded py-1 px-6 border-brand hover:border-white hover:bg-red-600 hover:scale-110 justify-center'
+                                    className='flex items-center border-2 border-solid rounded-sm py-1 px-6 border-brand hover:border-white hover:bg-red-600 hover:scale-110 justify-center cursor-pointer'
                                     onClick={() => setModalProject(project.project_id)}
                                 >
                                     <HugeIconsDownload className='px-2 mx-2' fill='currentColor' /> Install
diff --git a/resources/scripts/components/server/modrinth/DownloadFile.tsx b/resources/scripts/components/server/modrinth/DownloadFile.tsx
index 98044ced8..e0112348f 100644
--- a/resources/scripts/components/server/modrinth/DownloadFile.tsx
+++ b/resources/scripts/components/server/modrinth/DownloadFile.tsx
@@ -68,7 +68,7 @@ const DownloadModrinth: React.FC<DownloadProps> = ({ url, serverUuid, directory
             <button
                 onClick={downloadAndUploadFile}
                 disabled={loading}
-                className='px-4 py-2 bg-blue-500 text-white rounded-lg'
+                className='px-4 py-2 bg-blue-500 text-white rounded-lg cursor-pointer'
             >
                 {loading ? 'Processing...' : 'Download & Upload'}
             </button>
diff --git a/resources/scripts/components/server/modrinth/Dropdown.tsx b/resources/scripts/components/server/modrinth/Dropdown.tsx
index 59cdd925c..1a800b7c9 100644
--- a/resources/scripts/components/server/modrinth/Dropdown.tsx
+++ b/resources/scripts/components/server/modrinth/Dropdown.tsx
@@ -52,7 +52,7 @@ const DropdownButton = ({ list }: Props) => {
                     <ChevronDownIcon className='w-4 h-4 ml-2' />
                 </Button>
                 {open && (
-                    <div className='absolute mt-1 w-full bg-[#ffffff09] border rounded-sm shadow-lg text-white'>
+                    <div className='absolute mt-1 w-full bg-[#ffffff09] border rounded-xs shadow-lg text-white'>
                         {list.map((option) => (
                             <div
                                 key={option.id}
diff --git a/resources/scripts/components/server/modrinth/ModrinthContainer.tsx b/resources/scripts/components/server/modrinth/ModrinthContainer.tsx
index 5060bb8a6..dbf835368 100644
--- a/resources/scripts/components/server/modrinth/ModrinthContainer.tsx
+++ b/resources/scripts/components/server/modrinth/ModrinthContainer.tsx
@@ -17,7 +17,7 @@ import LoaderSelector from './LoaderSelector';
 import { fetchNewProjects } from './config';
 import { settings as localSettings } from './config';
 
-export default () => {
+const ModrinthContainer = () => {
     const [appVersion, setAppVersion] = useState<string | null>(null);
 
     const [settings, setSettings] = useState({
@@ -63,12 +63,12 @@ export default () => {
 
     return (
         <PageContentBlock title={'Mods/Plugins'}>
-            <ContentBox className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-xl mb-5'>
+            <ContentBox className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-xl mb-5'>
                 {/* TODO: Add a navbar to cycle between Downloaded, Download, and Dependency resolver*/}
             </ContentBox>
             <div className='flex flex-wrap gap-4'>
                 <ContentBox
-                    className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-xl md:w-1/6'
+                    className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-xl md:w-1/6'
                     title='Settings'
                 >
                     <Can action={'modrinth.loader'}>
@@ -107,7 +107,7 @@ export default () => {
                 </ContentBox>
 
                 <ContentBox
-                    className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-sm rounded-xl w-full md:w-4/5'
+                    className='p-8 bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-xl w-full md:w-4/5'
                     title='Modrinth'
                 >
                     <div className='relative w-full h-full mb-4'>
@@ -140,3 +140,5 @@ export default () => {
         </PageContentBlock>
     );
 };
+
+export default ModrinthContainer;
diff --git a/resources/scripts/components/server/modrinth/scroll-dropdown.tsx b/resources/scripts/components/server/modrinth/scroll-dropdown.tsx
index fbb530d3c..93fb06f4f 100644
--- a/resources/scripts/components/server/modrinth/scroll-dropdown.tsx
+++ b/resources/scripts/components/server/modrinth/scroll-dropdown.tsx
@@ -1,8 +1,11 @@
 'use client';
 
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
 import * as React from 'react';
 
+import HugeIconsCheck from '@/components/elements/hugeicons/Check';
+import HugeIconsChevronDown from '@/components/elements/hugeicons/ChevronDown';
+import HugeIconsChevronUp from '@/components/elements/hugeicons/ChevronUp';
+
 import { cn } from '@/lib/utils';
 
 export interface ScrollItem {
@@ -45,9 +48,9 @@ export function ExpandableScrollBox({
             {/* Selection Button */}
             <button
                 className={cn(
-                    'w-full px-6 py-3 rounded-md font-medium',
+                    'w-full px-6 py-3 rounded-md font-medium cursor-pointer',
                     'bg-custom-red text-white',
-                    'hover:bg-custom-red-hover focus:outline-none focus:ring-2 focus:ring-custom-red-hover focus:ring-offset-2 focus:ring-offset-black',
+                    'hover:bg-custom-red-hover focus:outline-hidden focus:ring-2 focus:ring-custom-red-hover focus:ring-offset-2 focus:ring-offset-black',
                     'transition-colors duration-200 shadow-md',
                     'flex items-center justify-between',
                     buttonClassName,
@@ -58,9 +61,9 @@ export function ExpandableScrollBox({
             >
                 <span className='truncate'>{selectedItem ? selectedItem.label : placeholder}</span>
                 {isOpen ? (
-                    <ChevronUpIcon className='ml-2 h-5 w-5 flex-shrink-0' />
+                    <HugeIconsChevronUp className='ml-2 h-5 w-5 shrink-0' />
                 ) : (
-                    <ChevronDownIcon className='ml-2 h-5 w-5 flex-shrink-0' />
+                    <HugeIconsChevronDown className='ml-2 h-5 w-5 shrink-0' />
                 )}
             </button>
 
@@ -71,7 +74,7 @@ export function ExpandableScrollBox({
                     'w-full mt-4 rounded-md overflow-hidden',
                     'bg-custom-medium-gray border-2 border-custom-dark-gray',
                     'shadow-lg transition-all duration-300 ease-in-out',
-                    isOpen ? 'max-h-[var(--max-height)] opacity-100 my-4' : 'max-h-0 opacity-0 my-0 border-0',
+                    isOpen ? 'max-h-(--max-height) opacity-100 my-4' : 'max-h-0 opacity-0 my-0 border-0',
                     boxClassName,
                 )}
                 style={{ '--max-height': maxHeight } as React.CSSProperties}
@@ -96,7 +99,7 @@ export function ExpandableScrollBox({
                                 onClick={() => handleSelect(item)}
                             >
                                 <span>{item.label}</span>
-                                {selectedItem?.id === item.id && <CheckIcon className='h-4 w-4 text-custom-red' />}
+                                {selectedItem?.id === item.id && <HugeIconsCheck className='h-4 w-4 text-custom-red' />}
                             </div>
                         ))}
                     </div>
diff --git a/resources/scripts/components/server/network/AllocationRow.tsx b/resources/scripts/components/server/network/AllocationRow.tsx
index d30c6824d..b1aae99bf 100644
--- a/resources/scripts/components/server/network/AllocationRow.tsx
+++ b/resources/scripts/components/server/network/AllocationRow.tsx
@@ -1,19 +1,28 @@
 import debounce from 'debounce';
-import { memo, useCallback, useState } from 'react';
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'react-fast-compare';
+import { useTranslation } from 'react-i18next';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import Code from '@/components/elements/Code';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import { Textarea } from '@/components/elements/Input';
 import InputSpinner from '@/components/elements/InputSpinner';
-import { Button } from '@/components/elements/button/index';
+import Spinner from '@/components/elements/Spinner';
+import { Dialog } from '@/components/elements/dialog';
+import HugeIconsCheck from '@/components/elements/hugeicons/Check';
+import HugeIconsCopy from '@/components/elements/hugeicons/Copy';
+import HugeIconsCrown from '@/components/elements/hugeicons/Crown';
+import HugeIconsNetworkAntenna from '@/components/elements/hugeicons/NetworkAntenna';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
+import HugeIconsX from '@/components/elements/hugeicons/X';
 import { PageListItem } from '@/components/elements/pages/PageList';
-import DeleteAllocationButton from '@/components/server/network/DeleteAllocationButton';
 
 import { ip } from '@/lib/formatters';
 
 import { Allocation } from '@/api/server/getServer';
+import deleteServerAllocation from '@/api/server/network/deleteServerAllocation';
 import setPrimaryServerAllocation from '@/api/server/network/setPrimaryServerAllocation';
 import setServerAllocationNotes from '@/api/server/network/setServerAllocationNotes';
 import getServerAllocations from '@/api/swr/getServerAllocations';
@@ -27,24 +36,56 @@ interface Props {
 }
 
 const AllocationRow = ({ allocation }: Props) => {
+    const { t } = useTranslation();
+
     const [loading, setLoading] = useState(false);
+    const [deleteLoading, setDeleteLoading] = useState(false);
+    const [isEditingNotes, setIsEditingNotes] = useState(false);
+    const [notesValue, setNotesValue] = useState(allocation.notes || '');
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+    const textareaRef = useRef<HTMLTextAreaElement>(null);
     const { clearFlashes, clearAndAddHttpError } = useFlashKey('server:network');
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const { mutate } = getServerAllocations();
 
-    const onNotesChanged = useCallback((id: number, notes: string) => {
-        mutate((data) => data?.map((a) => (a.id === id ? { ...a, notes } : a)), false);
-    }, []);
+    const onNotesChanged = useCallback(
+        (id: number, notes: string) => {
+            mutate((data) => data?.map((a) => (a.id === id ? { ...a, notes } : a)), false);
+        },
+        [mutate],
+    );
 
-    const setAllocationNotes = debounce((notes: string) => {
+    const saveNotes = useCallback(() => {
         setLoading(true);
         clearFlashes();
 
-        setServerAllocationNotes(uuid, allocation.id, notes)
-            .then(() => onNotesChanged(allocation.id, notes))
+        setServerAllocationNotes(uuid, allocation.id, notesValue)
+            .then(() => {
+                onNotesChanged(allocation.id, notesValue);
+                setIsEditingNotes(false);
+            })
             .catch((error) => clearAndAddHttpError(error))
             .then(() => setLoading(false));
-    }, 750);
+    }, [uuid, allocation.id, notesValue, onNotesChanged, clearFlashes, clearAndAddHttpError]);
+
+    const cancelEdit = useCallback(() => {
+        setNotesValue(allocation.notes || '');
+        setIsEditingNotes(false);
+    }, [allocation.notes]);
+
+    const startEdit = useCallback(() => {
+        setIsEditingNotes(true);
+        setTimeout(() => textareaRef.current?.focus(), 0);
+    }, []);
+
+    useEffect(() => {
+        setNotesValue(allocation.notes || '');
+    }, [allocation.notes]);
+
+    // Format the full allocation string for copying
+    const allocationString = allocation.alias
+        ? `${allocation.alias}:${allocation.port}`
+        : `${ip(allocation.ip)}:${allocation.port}`;
 
     const setPrimaryAllocation = () => {
         clearFlashes();
@@ -56,62 +97,139 @@ const AllocationRow = ({ allocation }: Props) => {
         });
     };
 
+    const deleteAllocation = () => {
+        if (!confirm(t('server.network.subdomain.confirm_delete'))) return;
+
+        clearFlashes();
+        setDeleteLoading(true);
+
+        deleteServerAllocation(uuid, allocation.id)
+            .then(() => {
+                mutate((data) => data?.filter((a) => a.id !== allocation.id), false);
+            })
+            .catch((error) => clearAndAddHttpError(error))
+            .then(() => setDeleteLoading(false));
+    };
+
     return (
         <PageListItem>
-            <div className={'flex items-center w-full md:w-auto'}>
-                <div className={'mr-4 flex-1 md:w-40'}>
-                    {allocation.alias ? (
-                        <CopyOnClick text={allocation.alias}>
-                            <div>
-                                <Code dark className={'w-40 truncate'}>
-                                    {allocation.alias}
-                                </Code>
+            <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 w-full'>
+                <div className='flex-1 min-w-0'>
+                    <div className='flex items-center gap-3 mb-3'>
+                        <div className='flex-shrink-0 w-8 h-8 rounded-lg bg-[#ffffff11] flex items-center justify-center'>
+                            <HugeIconsNetworkAntenna fill='currentColor' className='text-zinc-400 w-4 h-4' />
+                        </div>
+                        <div className='min-w-0 flex-1'>
+                            <div className='flex items-center flex-wrap gap-2'>
+                                <CopyOnClick text={allocationString}>
+                                    <div className='flex items-center gap-2 cursor-pointer hover:text-zinc-50 transition-colors group'>
+                                        <h3 className='text-base font-medium text-zinc-100 font-mono truncate'>
+                                            {allocation.alias ? allocation.alias : ip(allocation.ip)}:{allocation.port}
+                                        </h3>
+                                        <HugeIconsCopy
+                                            fill='currentColor'
+                                            className='w-3 h-3 text-zinc-500 group-hover:text-zinc-400 transition-colors'
+                                        />
+                                    </div>
+                                </CopyOnClick>
+                                {allocation.isDefault && (
+                                    <span className='flex items-center gap-1 text-xs text-brand font-medium bg-brand/10 px-2 py-1 rounded'>
+                                        <HugeIconsCrown fill='currentColor' className='w-3 h-3' />
+                                        Primary
+                                    </span>
+                                )}
                             </div>
-                        </CopyOnClick>
-                    ) : (
-                        <CopyOnClick text={ip(allocation.ip)}>
-                            <div>
-                                <Code dark>{ip(allocation.ip)}</Code>
+                        </div>
+                    </div>
+
+                    {/* Notes Section - Inline Editable */}
+                    <div className='mt-3'>
+                        <p className='text-xs text-zinc-500 uppercase tracking-wide mb-2'>
+                            {t('server.network.allocation.notes')}
+                        </p>
+
+                        {isEditingNotes ? (
+                            <div className='space-y-2'>
+                                <InputSpinner visible={loading}>
+                                    <Textarea
+                                        ref={textareaRef}
+                                        className='w-full bg-[#ffffff06] border border-[#ffffff08] rounded-lg p-3 text-sm text-zinc-300 placeholder-zinc-500 resize-none focus:ring-1 focus:ring-[#ffffff20] focus:border-[#ffffff20] transition-all'
+                                        placeholder={t('server.network.allocation.notes_placeholder')}
+                                        value={notesValue}
+                                        onChange={(e) => setNotesValue(e.currentTarget.value)}
+                                        rows={3}
+                                    />
+                                </InputSpinner>
+                                <div className='flex items-center gap-2'>
+                                    <ActionButton variant='primary' size='sm' onClick={saveNotes} disabled={loading}>
+                                        {loading ? (
+                                            <Spinner size='small' />
+                                        ) : (
+                                            <HugeIconsCheck fill='currentColor' className='w-3 h-3 mr-1' />
+                                        )}
+                                        {t('save')}
+                                    </ActionButton>
+                                    <ActionButton variant='secondary' size='sm' onClick={cancelEdit} disabled={loading}>
+                                        <HugeIconsX fill='currentColor' className='w-3 h-3 mr-1' />
+                                        {t('cancel')}
+                                    </ActionButton>
+                                </div>
                             </div>
-                        </CopyOnClick>
-                    )}
-                    <label className='uppercase text-xs mt-1 text-zinc-400 block px-1 select-none transition-colors duration-150'>
-                        {allocation.alias ? 'Hostname' : 'IP Address'}
-                    </label>
+                        ) : (
+                            <Can action={'allocation.update'}>
+                                <div
+                                    className={`min-h-[2.5rem] p-3 rounded-lg border border-[#ffffff08] bg-[#ffffff03] cursor-pointer hover:border-[#ffffff15] transition-colors ${
+                                        allocation.notes ? 'text-sm text-zinc-300' : 'text-sm text-zinc-500 italic'
+                                    }`}
+                                    onClick={startEdit}
+                                >
+                                    {allocation.notes || t('server.network.allocation.add_notes')}
+                                </div>
+                            </Can>
+                        )}
+                    </div>
                 </div>
-                <div className={'w-16 md:w-24 overflow-hidden'}>
-                    <Code dark>{allocation.port}</Code>
-                    <label className='uppercase text-xs mt-1 text-zinc-400 block px-1 select-none transition-colors duration-150'>
-                        Port
-                    </label>
+
+                <div className='flex items-center justify-center gap-2 sm:flex-col sm:gap-3'>
+                    <Can action={'allocation.update'}>
+                        <ActionButton
+                            variant='secondary'
+                            size='sm'
+                            onClick={setPrimaryAllocation}
+                            disabled={allocation.isDefault}
+                            title={
+                                allocation.isDefault
+                                    ? t('server.network.allocation.already_primary')
+                                    : t('server.network.allocation.make_primary')
+                            }
+                        >
+                            <HugeIconsCrown fill='currentColor' className='w-3 h-3 mr-1' />
+                            <span className='hidden sm:inline'>Make Primary</span>
+                            <span className='sm:hidden'>Primary</span>
+                        </ActionButton>
+                    </Can>
+                    <Can action={'allocation.delete'}>
+                        <ActionButton
+                            variant='danger'
+                            size='sm'
+                            onClick={deleteAllocation}
+                            disabled={allocation.isDefault || deleteLoading}
+                            title={
+                                allocation.isDefault
+                                    ? t('server.network.allocation.connot_delete_primary')
+                                    : t('server.network.allocation.delete_allocation')
+                            }
+                        >
+                            {deleteLoading ? (
+                                <Spinner size='small' />
+                            ) : (
+                                <HugeIconsTrash fill='currentColor' className='w-3 h-3 mr-1' />
+                            )}
+                            <span className='hidden sm:inline'>{t('delete')}</span>
+                        </ActionButton>
+                    </Can>
                 </div>
             </div>
-            <div className={'mt-4 w-full md:mt-0 md:flex-1 md:w-auto'}>
-                <InputSpinner visible={loading}>
-                    <Textarea
-                        className={'bg-transparent p-4 rounded-xl w-full'}
-                        placeholder={'Notes'}
-                        defaultValue={allocation.notes || undefined}
-                        onChange={(e) => setAllocationNotes(e.currentTarget.value)}
-                    />
-                </InputSpinner>
-            </div>
-            <div className={'flex justify-end space-x-4 mt-4 w-full md:mt-0 md:w-48'}>
-                {allocation.isDefault ? (
-                    <p>Primary Port</p>
-                ) : (
-                    <>
-                        <Can action={'allocation.delete'}>
-                            <DeleteAllocationButton allocation={allocation.id} />
-                        </Can>
-                        <Can action={'allocation.update'}>
-                            <Button.Text size={Button.Sizes.Small} onClick={setPrimaryAllocation}>
-                                Make Primary
-                            </Button.Text>
-                        </Can>
-                    </>
-                )}
-            </div>
         </PageListItem>
     );
 };
diff --git a/resources/scripts/components/server/network/DeleteAllocationButton.tsx b/resources/scripts/components/server/network/DeleteAllocationButton.tsx
index 14da9988f..461ab668b 100644
--- a/resources/scripts/components/server/network/DeleteAllocationButton.tsx
+++ b/resources/scripts/components/server/network/DeleteAllocationButton.tsx
@@ -1,6 +1,8 @@
 import { useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import { Dialog } from '@/components/elements/dialog';
+import HugeIconsDelete from '@/components/elements/hugeicons/Delete';
 
 import deleteServerAllocation from '@/api/server/network/deleteServerAllocation';
 import getServerAllocations from '@/api/swr/getServerAllocations';
@@ -25,6 +27,8 @@ const DeleteAllocationButton = ({ allocation }: Props) => {
     const deleteAllocation = () => {
         clearFlashes();
 
+        setConfirm(false);
+
         mutate((data) => data?.filter((a) => a.id !== allocation), false);
         setServerFromState((s) => ({ ...s, allocations: s.allocations.filter((a) => a.id !== allocation) }));
 
@@ -45,7 +49,15 @@ const DeleteAllocationButton = ({ allocation }: Props) => {
             >
                 This allocation will be immediately removed from your server.
             </Dialog.Confirm>
-            <button onClick={() => setConfirm(true)}>Delete</button>
+            <ActionButton
+                variant='danger'
+                size='sm'
+                onClick={() => setConfirm(true)}
+                className='flex items-center gap-2'
+            >
+                <HugeIconsDelete className='h-4 w-4' fill='currentColor' />
+                <span className='hidden sm:inline'>Delete</span>
+            </ActionButton>
         </>
     );
 };
diff --git a/resources/scripts/components/server/network/NetworkContainer.tsx b/resources/scripts/components/server/network/NetworkContainer.tsx
index 8e04ddda6..b148911dd 100644
--- a/resources/scripts/components/server/network/NetworkContainer.tsx
+++ b/resources/scripts/components/server/network/NetworkContainer.tsx
@@ -2,11 +2,14 @@ import { For } from 'million/react';
 import { useEffect, useState } from 'react';
 import isEqual from 'react-fast-compare';
 
+import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
 import { PageListContainer } from '@/components/elements/pages/PageList';
 import AllocationRow from '@/components/server/network/AllocationRow';
+import SubdomainManagement from '@/components/server/network/SubdomainManagement';
 
 import createServerAllocation from '@/api/server/network/createServerAllocation';
 import getServerAllocations from '@/api/swr/getServerAllocations';
@@ -54,45 +57,80 @@ const NetworkContainer = () => {
     };
 
     return (
-        <ServerContentBlock showFlashKey={'server:network'} title={'Network'}>
-            <MainPageHeader title={'Network'}>
-                {!data ? null : (
-                    <>
-                        {allocationLimit > 0 && (
+        <ServerContentBlock title={'Network'}>
+            <FlashMessageRender byKey={'server:network'} />
+
+            <MainPageHeader
+                direction='column'
+                title={'Networking'}
+            >
+                <p className='text-sm text-neutral-400 leading-relaxed'>
+                    Configure network settings for your server. Manage subdomains, IP addresses and ports that your server can bind to for incoming connections.
+                </p>
+            </MainPageHeader>
+
+            <div className='space-y-12'>
+                <SubdomainManagement />
+
+                <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-6 shadow-sm mt-8'>
+                    <div className='flex items-center justify-between mb-6'>
+                        <h3 className='text-xl font-extrabold tracking-tight'>Port Allocations</h3>
+                        {data && allocationLimit > 0 && (
                             <Can action={'allocation.create'}>
-                                <div className={`flex flex-col sm:flex-row items-center justify-end`}>
-                                    <p className={`text-sm text-zinc-300 mb-4 sm:mr-6 sm:mb-0 text-right`}>
-                                        {data.length} of {allocationLimit} allowed allocations
-                                    </p>
-                                    {allocationLimit > data.length && (
-                                        <button
-                                            style={{
-                                                background:
-                                                    'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                                            }}
-                                            className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-full text-sm font-bold shadow-md'
-                                            onClick={onCreateAllocation}
-                                        >
+                                <div className='flex items-center gap-4'>
+                                    <span className='text-sm text-zinc-400 bg-[#ffffff08] px-3 py-1 rounded-lg border border-[#ffffff15]'>
+                                        {data.filter((allocation) => !allocation.isDefault).length} of {allocationLimit}
+                                    </span>
+                                    {allocationLimit > data.filter((allocation) => !allocation.isDefault).length && (
+                                        <ActionButton variant='primary' onClick={onCreateAllocation} size='sm'>
                                             New Allocation
-                                        </button>
+                                        </ActionButton>
                                     )}
                                 </div>
                             </Can>
                         )}
-                    </>
-                )}
-            </MainPageHeader>
-            {!data ? null : (
-                <>
-                    <PageListContainer data-pyro-network-container-allocations>
-                        <For each={data} memo>
-                            {(allocation) => (
-                                <AllocationRow key={`${allocation.ip}:${allocation.port}`} allocation={allocation} />
-                            )}
-                        </For>
-                    </PageListContainer>
-                </>
-            )}
+                    </div>
+
+                    {!data ? (
+                        <div className='flex items-center justify-center py-12'>
+                            <div className='flex flex-col items-center gap-3'>
+                                <div className='animate-spin rounded-full h-6 w-6 border-b-2 border-brand'></div>
+                                <p className='text-sm text-neutral-400'>Loading allocations...</p>
+                            </div>
+                        </div>
+                    ) : data.length > 0 ? (
+                        <PageListContainer data-pyro-network-container-allocations>
+                            <For each={data} memo>
+                                {(allocation) => (
+                                    <AllocationRow key={`${allocation.ip}:${allocation.port}`} allocation={allocation} />
+                                )}
+                            </For>
+                        </PageListContainer>
+                    ) : (
+                        <div className='flex flex-col items-center justify-center py-12'>
+                            <div className='text-center'>
+                                <div className='w-12 h-12 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                    <svg className='w-6 h-6 text-zinc-400' fill='currentColor' viewBox='0 0 20 20'>
+                                        <path
+                                            fillRule='evenodd'
+                                            d='M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z'
+                                            clipRule='evenodd'
+                                        />
+                                    </svg>
+                                </div>
+                                <h4 className='text-lg font-medium text-zinc-200 mb-2'>
+                                    {allocationLimit > 0 ? 'No allocations found' : 'Allocations unavailable'}
+                                </h4>
+                                <p className='text-sm text-zinc-400 max-w-sm text-center'>
+                                    {allocationLimit > 0
+                                        ? 'Create your first allocation to get started.'
+                                        : 'Network allocations cannot be created for this server.'}
+                                </p>
+                            </div>
+                        </div>
+                    )}
+                </div>
+            </div>
         </ServerContentBlock>
     );
 };
diff --git a/resources/scripts/components/server/network/SubdomainManagement.tsx b/resources/scripts/components/server/network/SubdomainManagement.tsx
new file mode 100644
index 000000000..2098b2ea6
--- /dev/null
+++ b/resources/scripts/components/server/network/SubdomainManagement.tsx
@@ -0,0 +1,468 @@
+import i18n from '@/i18n';
+import { Field, Form, Formik, FormikHelpers } from 'formik';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import * as yup from 'yup';
+
+import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
+import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
+import Input from '@/components/elements/Input';
+import Select from '@/components/elements/Select';
+import HugeIconsLink from '@/components/elements/hugeicons/Link';
+
+// or wherever your i18n instance is
+import {
+    SubdomainInfo,
+    checkSubdomainAvailability,
+    deleteSubdomain,
+    getSubdomainInfo,
+    setSubdomain,
+} from '@/api/server/network/subdomain';
+
+import { ServerContext } from '@/state/server';
+
+import { useFlashKey } from '@/plugins/useFlash';
+
+interface AvailableDomain {
+    id: number;
+    name: string;
+    is_active: boolean;
+    is_default: boolean;
+}
+
+interface SubdomainFormValues {
+    subdomain: string;
+    domain_id: string;
+}
+
+const CleanInput = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
+    ({ className = '', ...props }, ref) => (
+        <input
+            ref={ref}
+            className={`border-0 bg-transparent focus:ring-0 outline-none text-white placeholder-zinc-400 ${className}`}
+            {...props}
+        />
+    ),
+);
+CleanInput.displayName = 'CleanInput';
+
+const CleanSelect = React.forwardRef<HTMLSelectElement, React.SelectHTMLAttributes<HTMLSelectElement>>(
+    ({ className = '', children, ...props }, ref) => (
+        <select
+            ref={ref}
+            className={`border-0 bg-transparent focus:ring-0 outline-none text-zinc-300 ${className}`}
+            {...props}
+        >
+            {children}
+        </select>
+    ),
+);
+CleanSelect.displayName = 'CleanSelect';
+
+const validationSchema = yup.object().shape({
+    subdomain: yup
+        .string()
+        .required(i18n.t('server.network.subdomain.required'))
+        .min(1, i18n.t('server.network.subdomain.min_name'))
+        .max(63, i18n.t('server.network.subdomain.max_name'))
+        .matches(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/i, i18n.t('server.network.subdomain.invalid')),
+    domain_id: yup.string().required(i18n.t('server.network.subdomain.domain_required')),
+});
+
+const SubdomainManagement = () => {
+    const { t } = useTranslation();
+
+    const [loading, setLoading] = useState(false);
+    const [subdomainInfo, setSubdomainInfo] = useState<SubdomainInfo | null>(null);
+    const [checkingAvailability, setCheckingAvailability] = useState(false);
+    const [availabilityStatus, setAvailabilityStatus] = useState<{
+        checked: boolean;
+        available: boolean;
+        message: string;
+    } | null>(null);
+    const [isEditing, setIsEditing] = useState(false);
+
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const { clearFlashes, clearAndAddHttpError } = useFlashKey('server:network:subdomain');
+
+    const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+    useEffect(() => {
+        loadSubdomainInfo();
+    }, []);
+
+    const loadSubdomainInfo = async () => {
+        try {
+            clearFlashes();
+            const data = await getSubdomainInfo(uuid);
+            setSubdomainInfo(data);
+        } catch (error) {
+            clearAndAddHttpError(error as Error);
+        }
+    };
+
+    const checkAvailability = useCallback(
+        async (subdomain: string, domainId: string) => {
+            if (!subdomain?.trim() || !domainId) {
+                setAvailabilityStatus(null);
+                return;
+            }
+
+            // Don't check availability for current subdomain unless domain changed
+            if (
+                subdomainInfo?.current_subdomain &&
+                subdomainInfo.current_subdomain.attributes.subdomain === subdomain.trim() &&
+                subdomainInfo.current_subdomain.attributes.domain_id.toString() === domainId
+            ) {
+                setAvailabilityStatus(null);
+                return;
+            }
+
+            try {
+                setCheckingAvailability(true);
+                const response = await checkSubdomainAvailability(uuid, subdomain.trim(), parseInt(domainId));
+                setAvailabilityStatus({
+                    checked: true,
+                    available: response.available,
+                    message: response.message,
+                });
+            } catch (error) {
+                setAvailabilityStatus({
+                    checked: true,
+                    available: false,
+                    message: t('server.network.subdomain.failed_ability_check'),
+                });
+            } finally {
+                setCheckingAvailability(false);
+            }
+        },
+        [uuid, subdomainInfo?.current_subdomain],
+    );
+
+    const debouncedCheckAvailability = useCallback(
+        (subdomain: string, domainId: string) => {
+            if (debounceTimeoutRef.current) {
+                clearTimeout(debounceTimeoutRef.current);
+            }
+
+            debounceTimeoutRef.current = setTimeout(() => {
+                checkAvailability(subdomain, domainId);
+            }, 500);
+        },
+        [checkAvailability],
+    );
+
+    useEffect(() => {
+        return () => {
+            if (debounceTimeoutRef.current) {
+                clearTimeout(debounceTimeoutRef.current);
+            }
+        };
+    }, []);
+
+    const handleSetSubdomain = async (
+        values: SubdomainFormValues,
+        { setSubmitting, resetForm }: FormikHelpers<SubdomainFormValues>,
+    ) => {
+        try {
+            clearFlashes();
+            setLoading(true);
+            await setSubdomain(uuid, values.subdomain.trim(), parseInt(values.domain_id));
+            await loadSubdomainInfo();
+            setAvailabilityStatus(null);
+            if (isEditing) {
+                setIsEditing(false);
+            } else {
+                resetForm();
+            }
+        } catch (error) {
+            clearAndAddHttpError(error as Error);
+        } finally {
+            setLoading(false);
+            setSubmitting(false);
+        }
+    };
+
+    const handleDeleteSubdomain = async () => {
+        if (!confirm(t('server.network.subdomain.final_delete_check'))) {
+            return;
+        }
+
+        try {
+            clearFlashes();
+            setLoading(true);
+            await deleteSubdomain(uuid);
+            await loadSubdomainInfo();
+            setAvailabilityStatus(null);
+        } catch (error) {
+            clearAndAddHttpError(error as Error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    if (!subdomainInfo) {
+        return (
+            <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-6 shadow-sm'>
+                <div className='flex items-center justify-center py-12'>
+                    <div className='flex flex-col items-center gap-3'>
+                        <div className='animate-spin rounded-full h-6 w-6 border-b-2 border-brand'></div>
+                        <p className='text-sm text-neutral-400'>
+                            {t('server.network.subdomain.load_subdomain_config')}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    if (!subdomainInfo?.supported) {
+        return null; // Don't show anything if subdomains aren't supported
+    }
+
+    if (!subdomainInfo?.available_domains || subdomainInfo.available_domains.length === 0) {
+        return (
+            <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-6 shadow-sm'>
+                <div className='flex items-center justify-between mb-6'>
+                    <h3 className='text-xl font-extrabold tracking-tight'>
+                        {t('server.network.subdomain.subdomain_management')}
+                    </h3>
+                </div>
+                <div className='flex flex-col items-center justify-center py-12'>
+                    <div className='text-center'>
+                        <div className='w-12 h-12 mx-auto mb-3 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                            <svg className='w-6 h-6 text-zinc-400' fill='currentColor' viewBox='0 0 20 20'>
+                                <path
+                                    fillRule='evenodd'
+                                    d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z'
+                                    clipRule='evenodd'
+                                />
+                            </svg>
+                        </div>
+                        <h4 className='text-md font-medium text-zinc-200 mb-1'>
+                            {t('server.network.subdomain.no_domains_configured')}
+                        </h4>
+                        <p className='text-sm text-zinc-400 max-w-sm'>{t('server.network.subdomain.contact_admin')}</p>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff12] rounded-xl p-6 shadow-sm'>
+            <div className='flex items-center gap-3 mb-6'>
+                <HugeIconsLink className='w-6 h-6 text-zinc-400' fill='currentColor' />
+                <h3 className='text-xl font-extrabold tracking-tight'>
+                    {t('server.network.subdomain.subdomain_management')}
+                </h3>
+                {subdomainInfo?.current_subdomain && (
+                    <div className='flex items-center gap-2 text-sm ml-auto'>
+                        <div
+                            className={`w-2 h-2 rounded-full ${subdomainInfo.current_subdomain.attributes.is_active ? 'bg-green-400' : 'bg-red-400'}`}
+                        ></div>
+                        <span
+                            className={
+                                subdomainInfo.current_subdomain.attributes.is_active ? 'text-green-400' : 'text-red-400'
+                            }
+                        >
+                            {subdomainInfo.current_subdomain.attributes.is_active ? 'Active' : 'Inactive'}
+                        </span>
+                    </div>
+                )}
+            </div>
+
+            <FlashMessageRender byKey={'server:network:subdomain'} />
+
+            {subdomainInfo?.current_subdomain && !isEditing ? (
+                /* Current Subdomain Display Mode */
+                <div className='space-y-4'>
+                    <div className='bg-[#ffffff08] border border-[#ffffff15] rounded-lg p-4'>
+                        <div className='flex items-center justify-between'>
+                            <div>
+                                <p className='text-sm text-zinc-400 mb-2'>
+                                    {t('server.network.subdomain.current_subdomain')}
+                                </p>
+                                <p className='text-lg font-medium text-white font-mono'>
+                                    {subdomainInfo?.current_subdomain?.attributes?.full_domain}
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className='flex items-center justify-end gap-3 pt-4 border-t border-[#ffffff15]'>
+                        <ActionButton
+                            type='button'
+                            variant='danger'
+                            onClick={handleDeleteSubdomain}
+                            disabled={loading}
+                            size='sm'
+                        >
+                            {loading ? t('common.deleting') : t('server.network.subdomain.delete_subdomain')}
+                        </ActionButton>
+                        <ActionButton
+                            type='button'
+                            variant='primary'
+                            onClick={() => setIsEditing(true)}
+                            disabled={loading}
+                            size='sm'
+                        >
+                            {t('server.network.subdomain.edit')}
+                        </ActionButton>
+                    </div>
+                </div>
+            ) : (
+                /* Form Mode (Create or Edit) */
+                <Formik
+                    initialValues={{
+                        subdomain: subdomainInfo?.current_subdomain?.attributes?.subdomain || '',
+                        domain_id:
+                            subdomainInfo?.current_subdomain?.attributes?.domain_id?.toString() ||
+                            (subdomainInfo?.available_domains as AvailableDomain[])
+                                ?.find((d) => d.is_default)
+                                ?.id.toString() ||
+                            subdomainInfo?.available_domains?.[0]?.id.toString() ||
+                            '',
+                    }}
+                    validationSchema={validationSchema}
+                    onSubmit={handleSetSubdomain}
+                    enableReinitialize
+                >
+                    {({ values, setFieldValue, isSubmitting, isValid, errors, resetForm }) => (
+                        <Form className='space-y-6'>
+                            <div className='space-y-4'>
+                                <FormikFieldWrapper
+                                    name='subdomain'
+                                    label='Subdomain'
+                                    description={t('server.network.subdomain.description')}
+                                >
+                                    <div className='flex items-center border border-[#ffffff15] overflow-hidden hover:border-[#ffffff25] transition-colors'>
+                                        <Field
+                                            as={CleanInput}
+                                            name='subdomain'
+                                            placeholder='myserver'
+                                            className='flex-1 px-4 py-3'
+                                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                                                const value = e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '');
+                                                setFieldValue('subdomain', value);
+                                                if (values.domain_id && value.trim()) {
+                                                    debouncedCheckAvailability(value, values.domain_id);
+                                                } else {
+                                                    setAvailabilityStatus(null);
+                                                    if (debounceTimeoutRef.current) {
+                                                        clearTimeout(debounceTimeoutRef.current);
+                                                    }
+                                                }
+                                            }}
+                                        />
+                                        <div className='border-l border-[#ffffff15]'>
+                                            <Field
+                                                as={CleanSelect}
+                                                name='domain_id'
+                                                className='min-w-[140px] px-4 py-3'
+                                                onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
+                                                    const value = e.target.value;
+                                                    setFieldValue('domain_id', value);
+                                                    if (values.subdomain?.trim()) {
+                                                        debouncedCheckAvailability(values.subdomain, value);
+                                                    }
+                                                }}
+                                            >
+                                                {(subdomainInfo?.available_domains as AvailableDomain[])?.map(
+                                                    (domain) => (
+                                                        <option key={domain.id} value={domain.id}>
+                                                            .{domain.name}
+                                                        </option>
+                                                    ),
+                                                ) || []}
+                                            </Field>
+                                        </div>
+                                    </div>
+                                </FormikFieldWrapper>
+
+                                {/* Availability Status */}
+                                {(checkingAvailability || availabilityStatus) && (
+                                    <div
+                                        className={`rounded-lg p-4 border ${checkingAvailability ? 'bg-blue-500/10 border-blue-500/20' : availabilityStatus?.available ? 'bg-green-500/10 border-green-500/20' : 'bg-red-500/10 border-red-500/20'}`}
+                                    >
+                                        {checkingAvailability ? (
+                                            <div className='flex items-center text-sm text-blue-300'>
+                                                <div className='animate-spin rounded-full h-4 w-4 border-b-2 border-blue-400 mr-3'></div>
+                                                {t('server.network.subdomain.check_availability')}
+                                            </div>
+                                        ) : (
+                                            availabilityStatus && (
+                                                <div
+                                                    className={`text-sm flex items-center font-medium ${availabilityStatus.available ? 'text-green-300' : 'text-red-300'}`}
+                                                >
+                                                    <div
+                                                        className={`w-3 h-3 rounded-full mr-3 ${availabilityStatus.available ? 'bg-green-400' : 'bg-red-400'}`}
+                                                    ></div>
+                                                    {availabilityStatus.message}
+                                                </div>
+                                            )
+                                        )}
+                                    </div>
+                                )}
+                            </div>
+
+                            {/* Action Buttons */}
+                            <div className='flex items-center justify-end gap-3 pt-6 border-t border-[#ffffff15]'>
+                                {isEditing ? (
+                                    <>
+                                        <ActionButton
+                                            type='button'
+                                            variant='secondary'
+                                            size='sm'
+                                            onClick={() => {
+                                                setIsEditing(false);
+                                                resetForm();
+                                                setAvailabilityStatus(null);
+                                            }}
+                                            disabled={isSubmitting || loading}
+                                        >
+                                            Cancel
+                                        </ActionButton>
+                                        <ActionButton
+                                            type='submit'
+                                            variant='primary'
+                                            size='sm'
+                                            disabled={
+                                                isSubmitting ||
+                                                loading ||
+                                                !isValid ||
+                                                !values.subdomain.trim() ||
+                                                !values.domain_id ||
+                                                (availabilityStatus?.checked && !availabilityStatus?.available)
+                                            }
+                                        >
+                                            {isSubmitting ? 'Saving...' : 'Save Changes'}
+                                        </ActionButton>
+                                    </>
+                                ) : (
+                                    <ActionButton
+                                        type='submit'
+                                        variant='primary'
+                                        size='sm'
+                                        disabled={
+                                            isSubmitting ||
+                                            loading ||
+                                            !isValid ||
+                                            !values.subdomain.trim() ||
+                                            !values.domain_id ||
+                                            (availabilityStatus?.checked && !availabilityStatus?.available)
+                                        }
+                                    >
+                                        {isSubmitting ? 'Creating...' : 'Create Subdomain'}
+                                    </ActionButton>
+                                )}
+                            </div>
+                        </Form>
+                    )}
+                </Formik>
+            )}
+        </div>
+    );
+};
+
+export default SubdomainManagement;
diff --git a/resources/scripts/components/server/operations/OperationProgressModal.tsx b/resources/scripts/components/server/operations/OperationProgressModal.tsx
new file mode 100644
index 000000000..f9248cbae
--- /dev/null
+++ b/resources/scripts/components/server/operations/OperationProgressModal.tsx
@@ -0,0 +1,248 @@
+import React, { useEffect, useState } from 'react';
+
+import ActionButton from '@/components/elements/ActionButton';
+import Spinner from '@/components/elements/Spinner';
+import { Dialog } from '@/components/elements/dialog';
+import HugeIconsAlert from '@/components/elements/hugeicons/Alert';
+
+import {
+    UI_CONFIG,
+    canCloseOperation,
+    formatOperationId,
+    getStatusIconType,
+    getStatusStyling,
+    isActiveStatus,
+    isCompletedStatus,
+    isFailedStatus,
+} from '@/lib/server-operations';
+
+import { ServerOperation, useOperationPolling } from '@/api/server/serverOperations';
+
+import { ServerContext } from '@/state/server';
+
+interface Props {
+    visible: boolean;
+    operationId: string | null;
+    operationType: string;
+    onClose: () => void;
+    onComplete?: (operation: ServerOperation) => void;
+    onError?: (error: Error) => void;
+}
+
+/**
+ * Modal component for displaying server operation progress in real-time.
+ * Handles polling, auto-close, and status updates for long-running operations.
+ */
+const OperationProgressModal: React.FC<Props> = ({
+    visible,
+    operationId,
+    operationType,
+    onClose,
+    onComplete,
+    onError,
+}) => {
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const [operation, setOperation] = useState<ServerOperation | null>(null);
+    const [error, setError] = useState<string | null>(null);
+    const [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout | null>(null);
+    const { startPolling, stopPolling } = useOperationPolling();
+
+    useEffect(() => {
+        if (!visible || !operationId) {
+            stopPolling(operationId || '');
+            setOperation(null);
+            setError(null);
+            if (autoCloseTimer) {
+                clearTimeout(autoCloseTimer);
+                setAutoCloseTimer(null);
+            }
+            return;
+        }
+
+        const handleUpdate = (op: ServerOperation) => {
+            setOperation(op);
+        };
+
+        const handleComplete = (op: ServerOperation) => {
+            setOperation(op);
+            stopPolling(operationId);
+
+            if (onComplete) {
+                onComplete(op);
+            }
+
+            if (op.is_completed) {
+                const timer = setTimeout(() => {
+                    onClose();
+                }, UI_CONFIG.AUTO_CLOSE_DELAY);
+                setAutoCloseTimer(timer);
+            }
+        };
+
+        const handleError = (err: Error) => {
+            setError(err.message);
+            stopPolling(operationId);
+
+            if (onError) {
+                onError(err);
+            }
+        };
+
+        startPolling(uuid, operationId, handleUpdate, handleComplete, handleError);
+
+        return () => {
+            stopPolling(operationId);
+            if (autoCloseTimer) {
+                clearTimeout(autoCloseTimer);
+            }
+        };
+    }, [visible, operationId, uuid, startPolling, stopPolling, onComplete, onError, onClose, autoCloseTimer]);
+
+    const renderStatusIcon = (status: string) => {
+        const iconType = getStatusIconType(status as any);
+
+        switch (iconType) {
+            case 'spinner':
+                return <Spinner size={'small'} />;
+            case 'success':
+                return (
+                    <div className='w-5 h-5 rounded-full bg-green-400 flex items-center justify-center'>
+                        <div className='w-2 h-2 rounded-full bg-white' />
+                    </div>
+                );
+            case 'error':
+                return <HugeIconsAlert fill='currentColor' className='w-5 h-5 text-red-400' />;
+            default:
+                return <Spinner size={'small'} />;
+        }
+    };
+
+    const canClose = canCloseOperation(operation, error);
+    const statusStyling = operation ? getStatusStyling(operation.status) : null;
+
+    const handleClose = () => {
+        if (autoCloseTimer) {
+            clearTimeout(autoCloseTimer);
+            setAutoCloseTimer(null);
+        }
+        onClose();
+    };
+
+    return (
+        <Dialog
+            open={visible}
+            onClose={canClose ? handleClose : () => {}}
+            preventExternalClose={!canClose}
+            hideCloseIcon={!canClose}
+            title={operationType}
+        >
+            <div className='space-y-4'>
+                {/* Operation ID */}
+                {operationId && (
+                    <div className='flex justify-center'>
+                        <div className='px-3 py-1.5 bg-[#ffffff11] border border-[#ffffff12] rounded-lg'>
+                            <p className='text-xs text-zinc-400 font-mono'>ID: {formatOperationId(operationId)}</p>
+                        </div>
+                    </div>
+                )}
+
+                {/* Error State */}
+                {error ? (
+                    <div className='space-y-4'>
+                        <div className='flex items-center justify-center space-x-3'>
+                            <HugeIconsAlert fill='currentColor' className='w-6 h-6 text-red-400' />
+                            <span className='text-red-400 font-semibold text-lg'>Error</span>
+                        </div>
+                        <div className='p-4 bg-red-500/10 border border-red-500/20 rounded-lg'>
+                            <p className='text-sm text-red-300'>{error}</p>
+                        </div>
+                    </div>
+                ) : operation ? (
+                    /* Operation State */
+                    <div className='space-y-4'>
+                        {/* Status Header */}
+                        <div className='flex items-center justify-center space-x-3'>
+                            {renderStatusIcon(operation.status)}
+                            <span
+                                className={`font-semibold capitalize text-lg ${statusStyling?.color || 'text-zinc-300'}`}
+                            >
+                                {operation.status}
+                            </span>
+                        </div>
+
+                        {/* Message Box */}
+                        <div className='p-4 bg-[#ffffff11] border border-[#ffffff12] rounded-lg'>
+                            <p className='text-sm text-zinc-300 text-center'>{operation.message || 'Processing...'}</p>
+                        </div>
+
+                        {/* Progress Bar for Active Operations */}
+                        {isActiveStatus(operation.status) && (
+                            <div className='space-y-3'>
+                                <div className='w-full bg-[#ffffff11] rounded-full h-2 border border-[#ffffff12]'>
+                                    <div
+                                        className='bg-brand h-2 rounded-full animate-pulse transition-all duration-500 ease-out'
+                                        style={{ width: `${UI_CONFIG.ESTIMATED_PROGRESS_WIDTH}%` }}
+                                    />
+                                </div>
+                                <p className='text-xs text-zinc-500 text-center'>
+                                    This window will close automatically when complete
+                                </p>
+                            </div>
+                        )}
+
+                        {/* Success State */}
+                        {isCompletedStatus(operation.status) && (
+                            <div className='p-4 bg-green-500/10 border border-green-500/20 rounded-lg'>
+                                <div className='flex items-center justify-center space-x-2 mb-2'>
+                                    <div className='w-5 h-5 rounded-full bg-green-400 flex items-center justify-center'>
+                                        <div className='w-2 h-2 rounded-full bg-white' />
+                                    </div>
+                                    <p className='text-sm text-green-300 font-medium'>
+                                        Operation completed successfully
+                                    </p>
+                                </div>
+                                {autoCloseTimer && (
+                                    <p className='text-xs text-green-200 text-center'>
+                                        Closing automatically in 3 seconds
+                                    </p>
+                                )}
+                            </div>
+                        )}
+
+                        {/* Failed State */}
+                        {isFailedStatus(operation.status) && (
+                            <div className='p-4 bg-red-500/10 border border-red-500/20 rounded-lg'>
+                                <div className='flex items-center justify-center space-x-2 mb-2'>
+                                    <HugeIconsAlert fill='currentColor' className='w-5 h-5 text-red-400' />
+                                    <p className='text-sm text-red-300 font-medium'>Operation failed</p>
+                                </div>
+                                {operation.message && (
+                                    <p className='text-xs text-red-200 text-center'>{operation.message}</p>
+                                )}
+                            </div>
+                        )}
+                    </div>
+                ) : (
+                    /* Loading State */
+                    <div className='flex items-center justify-center space-x-3 py-4'>
+                        <Spinner size={'small'} />
+                        <span className='text-zinc-400 font-medium'>Initializing...</span>
+                    </div>
+                )}
+            </div>
+
+            {canClose && (
+                <Dialog.Footer>
+                    <ActionButton onClick={handleClose} variant='secondary' className='mr-3'>
+                        Cancel
+                    </ActionButton>
+                    <ActionButton onClick={handleClose} variant='primary'>
+                        {operation?.is_completed ? 'Done' : 'Close'}
+                    </ActionButton>
+                </Dialog.Footer>
+            )}
+        </Dialog>
+    );
+};
+
+export default OperationProgressModal;
diff --git a/resources/scripts/components/server/schedules/DeleteScheduleButton.tsx b/resources/scripts/components/server/schedules/DeleteScheduleButton.tsx
index c6080b40b..813652473 100644
--- a/resources/scripts/components/server/schedules/DeleteScheduleButton.tsx
+++ b/resources/scripts/components/server/schedules/DeleteScheduleButton.tsx
@@ -1,8 +1,8 @@
 import { Actions, useStoreActions } from 'easy-peasy';
 import { useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
 import { Dialog } from '@/components/elements/dialog';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -16,7 +16,7 @@ interface Props {
     onDeleted: () => void;
 }
 
-export default ({ scheduleId, onDeleted }: Props) => {
+const DeleteScheduleButton = ({ scheduleId, onDeleted }: Props) => {
     const [visible, setVisible] = useState(false);
     const [isLoading, setIsLoading] = useState(false);
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
@@ -47,17 +47,15 @@ export default ({ scheduleId, onDeleted }: Props) => {
                 title={'Delete Schedule'}
                 confirm={'Delete'}
                 onConfirmed={onDelete}
+                loading={isLoading}
             >
-                <SpinnerOverlay visible={isLoading} />
                 All tasks will be removed and any running processes will be terminated.
             </Dialog.Confirm>
-            <Button.Danger
-                variant={Button.Variants.Secondary}
-                className={'flex-1 sm:flex-none border-transparent'}
-                onClick={() => setVisible(true)}
-            >
+            <ActionButton variant='danger' className={'flex-1 sm:flex-none'} onClick={() => setVisible(true)}>
                 Delete
-            </Button.Danger>
+            </ActionButton>
         </>
     );
 };
+
+export default DeleteScheduleButton;
diff --git a/resources/scripts/components/server/schedules/EditScheduleModal.tsx b/resources/scripts/components/server/schedules/EditScheduleModal.tsx
index 87cb982a3..8dbd7adba 100644
--- a/resources/scripts/components/server/schedules/EditScheduleModal.tsx
+++ b/resources/scripts/components/server/schedules/EditScheduleModal.tsx
@@ -1,17 +1,18 @@
 import ModalContext from '@/context/ModalContext';
-import { faUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { TZDate } from '@date-fns/tz';
+import { format } from 'date-fns';
+import { useStoreState } from 'easy-peasy';
 import { Form, Formik, FormikHelpers } from 'formik';
-// import { useContext, useEffect, useState } from 'react';
-import { useContext, useEffect } from 'react';
+import { useContext, useEffect, useMemo } from 'react';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import FormikSwitchV2 from '@/components/elements/FormikSwitchV2';
 import ItemContainer from '@/components/elements/ItemContainer';
-import { Button } from '@/components/elements/button/index';
+import HugeIconsAlert from '@/components/elements/hugeicons/Alert';
+import HugeIconsLink from '@/components/elements/hugeicons/Link';
 
-// import ScheduleCheatsheetCards from '@/components/server/schedules/ScheduleCheatsheetCards';
 import asModal from '@/hoc/asModal';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -37,13 +38,81 @@ interface Values {
     onlyWhenOnline: boolean;
 }
 
+const getTimezoneInfo = (serverTimezone: string) => {
+    const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const now = new Date();
+
+    const userOffsetString = format(now, 'xxx');
+    let serverOffsetString: string;
+    let offsetDifferenceMinutes = 0;
+
+    let isServerTimezoneValid = true;
+    try {
+        const serverDate = new TZDate(now, serverTimezone);
+        const userDate = new TZDate(now, userTimezone);
+        serverOffsetString = format(serverDate, 'xxx');
+
+        // offset difference in minutes
+        const serverOffsetValue = serverDate.getTimezoneOffset();
+        const userOffsetValue = userDate.getTimezoneOffset();
+
+        // + values mean behind UTC
+        // - values mean ahead of UTC
+        offsetDifferenceMinutes = userOffsetValue - serverOffsetValue;
+    } catch {
+        serverOffsetString = 'Unknown';
+        isServerTimezoneValid = false;
+    }
+
+    let differenceDescription = '';
+    if (!isServerTimezoneValid) {
+        differenceDescription = 'at an unknown difference to';
+    } else if (offsetDifferenceMinutes === 0) {
+        differenceDescription = 'same time';
+    } else {
+        const offsetDifferenceHours = offsetDifferenceMinutes / 60;
+        const absDifferenceHours = Math.abs(offsetDifferenceHours);
+        const isAhead = offsetDifferenceMinutes > 0;
+
+        if (absDifferenceHours === Math.floor(absDifferenceHours)) {
+            // whole hours
+            differenceDescription = `${absDifferenceHours} hour${absDifferenceHours !== 1 ? 's' : ''} ${isAhead ? 'ahead of' : 'behind'}`;
+        } else {
+            // hours & minutes
+            const hours = Math.floor(absDifferenceHours);
+            const minutes = Math.abs(offsetDifferenceMinutes % 60);
+
+            if (hours > 0) {
+                differenceDescription = `${hours}h ${minutes}m ${isAhead ? 'ahead of' : 'behind'}`;
+            } else {
+                differenceDescription = `${minutes} minute${minutes !== 1 ? 's' : ''} ${isAhead ? 'ahead of' : 'behind'}`;
+            }
+        }
+    }
+
+    return {
+        user: { timezone: userTimezone, offset: userOffsetString },
+        server: { timezone: serverTimezone, offset: serverOffsetString },
+        difference: differenceDescription,
+        isDifferent: userTimezone !== serverTimezone,
+    };
+};
+
+const formatTimezoneDisplay = (timezone: string, offset: string) => {
+    return `${timezone} (${offset})`;
+};
+
 const EditScheduleModal = ({ schedule }: Props) => {
     const { addError, clearFlashes } = useFlash();
     const { dismiss, setPropOverrides } = useContext(ModalContext);
 
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const appendSchedule = ServerContext.useStoreActions((actions) => actions.schedules.appendSchedule);
-    // const [showCheatsheet, setShowCheetsheet] = useState(false);
+    const serverTimezone = useStoreState((state) => state.settings.data?.timezone || 'Unknown');
+
+    const timezoneInfo = useMemo(() => {
+        return getTimezoneInfo(serverTimezone);
+    }, [serverTimezone]);
 
     useEffect(() => {
         setPropOverrides({ title: schedule ? 'Edit schedule' : 'Create new schedule' });
@@ -114,11 +183,58 @@ const EditScheduleModal = ({ schedule }: Props) => {
                         <Field name={'month'} label={'Month'} />
                         <Field name={'dayOfWeek'} label={'Day of week'} />
                     </div>
+
+                    {timezoneInfo.isDifferent && (
+                        <div className={'bg-blue-900/20 border border-blue-400/30 rounded-lg p-4 my-2'}>
+                            <div className={'flex items-start gap-3'}>
+                                <HugeIconsAlert
+                                    fill='currentColor'
+                                    className={'text-blue-400 mt-0.5 flex-shrink-0 h-5 w-5'}
+                                />
+                                <div className={'text-sm'}>
+                                    <p className={'text-blue-100 font-medium mb-1'}>Timezone Information</p>
+                                    <p className={'text-blue-200/80 text-xs mb-2'}>
+                                        Times shown here are configured for the server timezone.
+                                        {timezoneInfo.difference !== 'same time' && (
+                                            <span className={'text-blue-100 font-medium'}>
+                                                {' '}
+                                                The server is {timezoneInfo.difference} your timezone.
+                                            </span>
+                                        )}
+                                    </p>
+                                    <div className={'mt-2 text-xs space-y-1'}>
+                                        <div className={'text-blue-200/60'}>
+                                            Your timezone:
+                                            <span className={'font-mono'}>
+                                                {' '}
+                                                {formatTimezoneDisplay(
+                                                    timezoneInfo.user.timezone,
+                                                    timezoneInfo.user.offset,
+                                                )}
+                                            </span>
+                                        </div>
+                                        <div className={'text-blue-200/60'}>
+                                            Server timezone:
+                                            <span className={'font-mono'}>
+                                                {' '}
+                                                {formatTimezoneDisplay(
+                                                    timezoneInfo.server.timezone,
+                                                    timezoneInfo.server.offset,
+                                                )}
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    )}
+
                     <p className={`text-zinc-400 text-xs mt-2`}>
                         The schedule system supports the use of Cronjob syntax when defining when tasks should begin
                         running. Use the fields above to specify when these tasks should begin running.
                     </p>
-                    <div className={`space-y-3 my-6`}>
+
+                    <div className='gap-3 my-6 flex flex-col'>
                         <a href='https://crontab.guru/' target='_blank' rel='noreferrer'>
                             <ItemContainer
                                 description={'Online editor for cron schedule experessions.'}
@@ -127,7 +243,7 @@ const EditScheduleModal = ({ schedule }: Props) => {
                                 // onChange={() => setShowCheetsheet((s) => !s)}
                                 labelClasses='cursor-pointer'
                             >
-                                <FontAwesomeIcon icon={faUpRightFromSquare} className={`px-5`} size='lg' />
+                                <HugeIconsLink fill='currentColor' className={`px-5 h-5 w-5`} />
                             </ItemContainer>
                         </a>
                         {/* This table would be pretty awkward to make look nice
@@ -149,9 +265,14 @@ const EditScheduleModal = ({ schedule }: Props) => {
                         />
                     </div>
                     <div className={`mb-6 text-right`}>
-                        <Button className={'w-full sm:w-auto'} type={'submit'} disabled={isSubmitting}>
+                        <ActionButton
+                            variant='primary'
+                            className={'w-full sm:w-auto'}
+                            type={'submit'}
+                            disabled={isSubmitting}
+                        >
                             {schedule ? 'Save changes' : 'Create schedule'}
-                        </Button>
+                        </ActionButton>
                     </div>
                 </Form>
             )}
diff --git a/resources/scripts/components/server/schedules/NewTaskButton.tsx b/resources/scripts/components/server/schedules/NewTaskButton.tsx
deleted file mode 100644
index d878759ba..000000000
--- a/resources/scripts/components/server/schedules/NewTaskButton.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import clsx from 'clsx';
-import { useState } from 'react';
-
-import { Button } from '@/components/elements/button/index';
-import TaskDetailsModal from '@/components/server/schedules/TaskDetailsModal';
-
-import { Schedule } from '@/api/server/schedules/getServerSchedules';
-
-interface Props {
-    schedule: Schedule;
-    className?: string;
-}
-
-export default ({ schedule, className }: Props) => {
-    const [visible, setVisible] = useState(false);
-
-    return (
-        <>
-            <TaskDetailsModal schedule={schedule} visible={visible} onModalDismissed={() => setVisible(false)} />
-            <Button onClick={() => setVisible(true)} className={clsx(className)}>
-                New Task
-            </Button>
-        </>
-    );
-};
diff --git a/resources/scripts/components/server/schedules/RunScheduleButton.tsx b/resources/scripts/components/server/schedules/RunScheduleButton.tsx
deleted file mode 100644
index 53a52eacc..000000000
--- a/resources/scripts/components/server/schedules/RunScheduleButton.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useCallback, useState } from 'react';
-
-import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
-import { Button } from '@/components/elements/button/index';
-
-import { Schedule } from '@/api/server/schedules/getServerSchedules';
-import triggerScheduleExecution from '@/api/server/schedules/triggerScheduleExecution';
-
-import { ServerContext } from '@/state/server';
-
-import useFlash from '@/plugins/useFlash';
-
-const RunScheduleButton = ({ schedule }: { schedule: Schedule }) => {
-    const [loading, setLoading] = useState(false);
-    const { clearFlashes, clearAndAddHttpError } = useFlash();
-
-    const id = ServerContext.useStoreState((state) => state.server.data!.id);
-    const appendSchedule = ServerContext.useStoreActions((actions) => actions.schedules.appendSchedule);
-
-    const onTriggerExecute = useCallback(() => {
-        clearFlashes('schedule');
-        setLoading(true);
-        triggerScheduleExecution(id, schedule.id)
-            .then(() => {
-                setLoading(false);
-                appendSchedule({ ...schedule, isProcessing: true });
-            })
-            .catch((error) => {
-                console.error(error);
-                clearAndAddHttpError({ error, key: 'schedules' });
-            })
-            .then(() => setLoading(false));
-    }, []);
-
-    return (
-        <>
-            <SpinnerOverlay visible={loading} size={'large'} />
-            <Button
-                variant={Button.Variants.Secondary}
-                className={'flex-1 sm:flex-none'}
-                disabled={schedule.isProcessing}
-                onClick={onTriggerExecute}
-            >
-                Run Now
-            </Button>
-        </>
-    );
-};
-
-export default RunScheduleButton;
diff --git a/resources/scripts/components/server/schedules/ScheduleCheatsheetCards.tsx b/resources/scripts/components/server/schedules/ScheduleCheatsheetCards.tsx
index 0449becb6..7deee7289 100644
--- a/resources/scripts/components/server/schedules/ScheduleCheatsheetCards.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleCheatsheetCards.tsx
@@ -1,4 +1,4 @@
-export default () => {
+const ScheduleCheatsheetCards = () => {
     return (
         <>
             <div className={`md:w-1/2 h-full bg-zinc-600`}>
@@ -50,3 +50,5 @@ export default () => {
         </>
     );
 };
+
+export default ScheduleCheatsheetCards;
diff --git a/resources/scripts/components/server/schedules/ScheduleContainer.tsx b/resources/scripts/components/server/schedules/ScheduleContainer.tsx
index 379082059..d1e9cf80c 100644
--- a/resources/scripts/components/server/schedules/ScheduleContainer.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleContainer.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { NavLink } from 'react-router-dom';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
@@ -41,29 +42,46 @@ function ScheduleContainer() {
     }, []);
 
     return (
-        <ServerContentBlock title={'Schedules'}>
+        <ServerContentBlock title={t('server_titles.schedules')}>
             <FlashMessageRender byKey={'schedules'} />
-            <MainPageHeader title={t('server_titles.schedules')}>
-                <Can action={'schedule.create'}>
-                    <EditScheduleModal visible={visible} onModalDismissed={() => setVisible(false)} />
-                    <button
-                        style={{
-                            background:
-                                'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                        }}
-                        className='rounded-full border-[1px] border-[#ffffff12] px-8 py-3 text-sm font-bold shadow-md'
-                        onClick={() => setVisible(true)}
-                    >
-                        {t('server_schedules.new_schedule_button')}
-                    </button>
-                </Can>
+            <MainPageHeader
+                direction='column'
+                title={t('server_titles.schedules')}
+                titleChildren={
+                    <Can action={'schedule.create'}>
+                        <ActionButton variant='primary' onClick={() => setVisible(true)}>
+                            {t('server_schedules.new_schedule_button')}
+                        </ActionButton>
+                    </Can>
+                }
+            >
+                <p className='text-sm text-neutral-400 leading-relaxed'>
+                    {t('server.schedules.automate_tasks')}
+                </p>
             </MainPageHeader>
+            <Can action={'schedule.create'}>
+                <EditScheduleModal visible={visible} onModalDismissed={() => setVisible(false)} />
+            </Can>
             {!schedules.length && loading ? null : (
                 <>
                     {schedules.length === 0 ? (
-                        <p className={`text-center text-sm text-neutral-300`}>
-                            There are no schedules configured for this server.
-                        </p>
+                        <div className='flex flex-col items-center justify-center min-h-[60vh] py-12 px-4'>
+                            <div className='text-center'>
+                                <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                                    <svg className='w-8 h-8 text-zinc-400' fill='currentColor' viewBox='0 0 20 20'>
+                                        <path
+                                            fillRule='evenodd'
+                                            d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z'
+                                            clipRule='evenodd'
+                                        />
+                                    </svg>
+                                </div>
+                                <h3 className='text-lg font-medium text-zinc-200 mb-2'>{t('server.schedules.no_schedules_found')}</h3>
+                                <p className='text-sm text-zinc-400 max-w-sm'>
+                                    {t('server.schedules.no_scheduled_tasks')}
+                                </p>
+                            </div>
+                        </div>
                     ) : (
                         <PageListContainer data-pyro-schedules>
                             {schedules.map((schedule) => (
diff --git a/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx b/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
index 59e15afdf..7a8443cc4 100644
--- a/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
@@ -4,18 +4,19 @@ import isEqual from 'react-fast-compare';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import ItemContainer from '@/components/elements/ItemContainer';
 import PageContentBlock from '@/components/elements/PageContentBlock';
 import Spinner from '@/components/elements/Spinner';
-import { Button } from '@/components/elements/button/index';
+import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import DeleteScheduleButton from '@/components/server/schedules/DeleteScheduleButton';
 import EditScheduleModal from '@/components/server/schedules/EditScheduleModal';
-import NewTaskButton from '@/components/server/schedules/NewTaskButton';
-import RunScheduleButton from '@/components/server/schedules/RunScheduleButton';
 import ScheduleTaskRow from '@/components/server/schedules/ScheduleTaskRow';
+import TaskDetailsModal from '@/components/server/schedules/TaskDetailsModal';
 
 import getServerSchedule from '@/api/server/schedules/getServerSchedule';
+import triggerScheduleExecution from '@/api/server/schedules/triggerScheduleExecution';
 
 import { ServerContext } from '@/state/server';
 
@@ -31,7 +32,7 @@ const ActivePill = ({ active }: { active: boolean }) => (
     </span>
 );
 
-export default () => {
+const ScheduleEditContainer = () => {
     const { id: scheduleId } = useParams<'id'>();
     const navigate = useNavigate();
 
@@ -41,6 +42,8 @@ export default () => {
     const { clearFlashes, clearAndAddHttpError } = useFlash();
     const [isLoading, setIsLoading] = useState(true);
     const [showEditModal, setShowEditModal] = useState(false);
+    const [showTaskModal, setShowTaskModal] = useState(false);
+    const [runLoading, setRunLoading] = useState(false);
 
     const schedule = ServerContext.useStoreState(
         (st) => st.schedules.data.find((s) => s.id === Number(scheduleId)),
@@ -68,13 +71,28 @@ export default () => {
         setShowEditModal((s) => !s);
     }, []);
 
+    const onTriggerExecute = useCallback(() => {
+        clearFlashes('schedule');
+        setRunLoading(true);
+        triggerScheduleExecution(id, schedule!.id)
+            .then(() => {
+                setRunLoading(false);
+                appendSchedule({ ...schedule!, isProcessing: true });
+            })
+            .catch((error) => {
+                console.error(error);
+                clearAndAddHttpError({ error, key: 'schedules' });
+            })
+            .then(() => setRunLoading(false));
+    }, [schedule, id, clearFlashes, clearAndAddHttpError, appendSchedule]);
+
     return (
         <PageContentBlock title={'Schedules'}>
             <FlashMessageRender byKey={'schedules'} />
             {!schedule || isLoading ? (
                 <Spinner size={'large'} centered />
             ) : (
-                <div className={`rounded shadow flex flex-col gap-6`}>
+                <div className={`rounded-sm shadow-sm flex flex-col gap-6`}>
                     <div
                         className={`bg-[#ffffff09] border-[1px] border-[#ffffff11] flex items-center place-content-between flex-col md:flex-row gap-6 p-6 rounded-2xl overflow-hidden`}
                     >
@@ -112,10 +130,20 @@ export default () => {
                         </div>
                         <div className={`flex gap-2 flex-col md:flex-row md:min-w-0 min-w-full`}>
                             <Can action={'schedule.update'}>
-                                <Button.Text onClick={toggleEditModal} className={'flex-1 min-w-max'}>
+                                <ActionButton
+                                    variant='secondary'
+                                    onClick={toggleEditModal}
+                                    className={'flex-1 min-w-max'}
+                                >
                                     Edit
-                                </Button.Text>
-                                <NewTaskButton schedule={schedule} className={'flex-1 min-w-max'} />
+                                </ActionButton>
+                                <ActionButton
+                                    variant='primary'
+                                    onClick={() => setShowTaskModal(true)}
+                                    className={'flex-1 min-w-max'}
+                                >
+                                    New Task
+                                </ActionButton>
                             </Can>
                         </div>
                     </div>
@@ -151,12 +179,27 @@ export default () => {
                         </Can>
                         {schedule.tasks.length > 0 && (
                             <Can action={'schedule.update'}>
-                                <RunScheduleButton schedule={schedule} />
+                                <SpinnerOverlay visible={runLoading} size={'large'} />
+                                <ActionButton
+                                    variant='secondary'
+                                    className={'flex-1 sm:flex-none'}
+                                    disabled={schedule.isProcessing}
+                                    onClick={onTriggerExecute}
+                                >
+                                    Run Now
+                                </ActionButton>
                             </Can>
                         )}
                     </div>
+                    <TaskDetailsModal
+                        schedule={schedule}
+                        visible={showTaskModal}
+                        onModalDismissed={() => setShowTaskModal(false)}
+                    />
                 </div>
             )}
         </PageContentBlock>
     );
 };
+
+export default ScheduleEditContainer;
diff --git a/resources/scripts/components/server/schedules/ScheduleRow.tsx b/resources/scripts/components/server/schedules/ScheduleRow.tsx
index 68c84de01..a0863a736 100644
--- a/resources/scripts/components/server/schedules/ScheduleRow.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleRow.tsx
@@ -1,16 +1,15 @@
-import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { format } from 'date-fns';
 
+import HugeIconsCalendar from '@/components/elements/hugeicons/Calendar';
 import ScheduleCronRow from '@/components/server/schedules/ScheduleCronRow';
 
 import { Schedule } from '@/api/server/schedules/getServerSchedules';
 
-export default ({ schedule }: { schedule: Schedule }) => (
+const ScheduleRow = ({ schedule }: { schedule: Schedule }) => (
     <>
         <div className={`flex-auto`}>
             <div className='flex flex-row flex-none align-middle items-center gap-6'>
-                <FontAwesomeIcon icon={faCalendarAlt} className='flex-none' />
+                <HugeIconsCalendar className='flex-none' fill='currentColor' />
                 <div>
                     <div className='flex flex-row items-center gap-2 text-lg'>
                         <p>{schedule.name}</p>
@@ -29,3 +28,5 @@ export default ({ schedule }: { schedule: Schedule }) => (
         </div>
     </>
 );
+
+export default ScheduleRow;
diff --git a/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx b/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
index 9b984a9c7..30788bf11 100644
--- a/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
@@ -1,19 +1,18 @@
-import {
-    IconDefinition,
-    faClone,
-    faPen,
-    faPowerOff,
-    faQuestion,
-    faTerminal,
-    faTrash,
-} from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { ComponentType } from 'react';
 import { useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import ConfirmationModal from '@/components/elements/ConfirmationModal';
 import ItemContainer from '@/components/elements/ItemContainer';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
+import HugeIconsCopy from '@/components/elements/hugeicons/Copy';
+import HugeIconsPencil from '@/components/elements/hugeicons/Pencil';
+import HugeIconsPower from '@/components/elements/hugeicons/Power';
+import HugeIconsQuestion from '@/components/elements/hugeicons/Question';
+import HugeIconsTerminal from '@/components/elements/hugeicons/Terminal';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
+import { HugeIconProps } from '@/components/elements/hugeicons/props';
 import TaskDetailsModal from '@/components/server/schedules/TaskDetailsModal';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -29,20 +28,20 @@ interface Props {
     task: Task;
 }
 
-const getActionDetails = (action: string): [string, IconDefinition, boolean?] => {
+const getActionDetails = (action: string): [string, ComponentType<HugeIconProps>, boolean?] => {
     switch (action) {
         case 'command':
-            return ['Send Command', faTerminal, true];
+            return ['Send Command', HugeIconsTerminal, true];
         case 'power':
-            return ['Send Power Action', faPowerOff];
+            return ['Send Power Action', HugeIconsPower];
         case 'backup':
-            return ['Create Backup', faClone];
+            return ['Create Backup', HugeIconsCopy];
         default:
-            return ['Unknown Action', faQuestion];
+            return ['Unknown Action', HugeIconsQuestion];
     }
 };
 
-export default ({ schedule, task }: Props) => {
+const ScheduleTaskRow = ({ schedule, task }: Props) => {
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const { clearFlashes, addError } = useFlash();
     const [visible, setVisible] = useState(false);
@@ -76,7 +75,7 @@ export default ({ schedule, task }: Props) => {
             icon={icon}
             divClasses={`mb-2 gap-6`}
             copyDescription={copyOnClick}
-            descriptionClasses={`whitespace-nowrap overflow-hidden overflow-ellipsis`}
+            descriptionClasses={`whitespace-nowrap overflow-hidden text-ellipsis`}
         >
             <SpinnerOverlay visible={isLoading} fixed size={'large'} />
             <TaskDetailsModal
@@ -103,14 +102,14 @@ export default ({ schedule, task }: Props) => {
                             <p className={`text-xs uppercase text-zinc-400 mb-1`}>Ignoring files & folders:</p>
                         )}
                         <div
-                            className={`font-mono bg-zinc-800 rounded py-1 px-2 text-sm w-auto inline-block whitespace-pre-wrap break-all`}
+                            className={`font-mono bg-zinc-800 rounded-sm py-1 px-2 text-sm w-auto inline-block whitespace-pre-wrap break-all`}
                         >
                             {task.payload}
                         </div>
                     </div>
                 )}
             </div> */}
-            <div className={`flex flex-none items-end sm:items-center flex-col sm:flex-row`}>
+            <div className={`flex flex-none items-end sm:items-center flex-col sm:flex-row gap-2`}>
                 <div className='mr-0 sm:mr-6'>
                     {task.continueOnFailure && (
                         <div className={`px-2 py-1 bg-yellow-500 text-yellow-800 text-sm rounded-full`}>
@@ -122,28 +121,32 @@ export default ({ schedule, task }: Props) => {
                     )}
                 </div>
                 <Can action={'schedule.update'}>
-                    <button
-                        type={'button'}
-                        aria-label={'Edit scheduled task'}
-                        className={`block text-sm p-2 text-zinc-500 hover:text-zinc-100 transition-colors duration-150 mr-4 ml-auto sm:ml-0`}
+                    <ActionButton
+                        variant='secondary'
+                        size='sm'
+                        className='flex flex-row items-center gap-2 ml-auto sm:ml-0'
                         onClick={() => setIsEditing(true)}
+                        aria-label='Edit scheduled task'
                     >
-                        <FontAwesomeIcon icon={faPen} className={`px-5`} size='lg' />
+                        <HugeIconsPencil fill='currentColor' />
                         Edit
-                    </button>
+                    </ActionButton>
                 </Can>
                 <Can action={'schedule.update'}>
-                    <button
-                        type={'button'}
-                        aria-label={'Delete scheduled task'}
-                        className={`block text-sm p-2 text-zinc-500 hover:text-red-600 transition-colors duration-150`}
+                    <ActionButton
+                        variant='danger'
+                        size='sm'
                         onClick={() => setVisible(true)}
+                        className='flex items-center gap-2'
+                        aria-label='Delete scheduled task'
                     >
-                        <FontAwesomeIcon icon={faTrash} className={`px-5`} size='lg' />
-                        Delete
-                    </button>
+                        <HugeIconsTrash fill='currentColor' className='w-4 h-4' />
+                        <span className='hidden sm:inline'>Delete</span>
+                    </ActionButton>
                 </Can>
             </div>
         </ItemContainer>
     );
 };
+
+export default ScheduleTaskRow;
diff --git a/resources/scripts/components/server/schedules/TaskDetailsModal.tsx b/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
index 7af8e6562..9cb2e0364 100644
--- a/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
+++ b/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
@@ -5,12 +5,12 @@ import styled from 'styled-components';
 import { boolean, number, object, string } from 'yup';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
 import FormikSwitchV2 from '@/components/elements/FormikSwitchV2';
 import { Textarea } from '@/components/elements/Input';
 import Select from '@/components/elements/Select';
-import { Button } from '@/components/elements/button/index';
 
 import asModal from '@/hoc/asModal';
 
@@ -234,9 +234,9 @@ const TaskDetailsModal = ({ schedule, task }: Props) => {
                             label={'Continue on Failure'}
                         />
                         <div className={`flex justify-end my-6`}>
-                            <Button type={'submit'} disabled={isSubmitting}>
+                            <ActionButton variant='primary' type={'submit'} disabled={isSubmitting}>
                                 {task ? 'Save Changes' : 'Create Task'}
-                            </Button>
+                            </ActionButton>
                         </div>
                     </Form>
                 )}
diff --git a/resources/scripts/components/server/settings/ReinstallServerBox.tsx b/resources/scripts/components/server/settings/ReinstallServerBox.tsx
index ee227b004..4aba118e3 100644
--- a/resources/scripts/components/server/settings/ReinstallServerBox.tsx
+++ b/resources/scripts/components/server/settings/ReinstallServerBox.tsx
@@ -2,8 +2,8 @@ import { Actions, useStoreActions } from 'easy-peasy';
 import { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
+import ActionButton from '@/components/elements/ActionButton';
 import TitledGreyBox from '@/components/elements/TitledGreyBox';
-import { Button } from '@/components/elements/button/index';
 import { Dialog } from '@/components/elements/dialog';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -12,13 +12,15 @@ import reinstallServer from '@/api/server/reinstallServer';
 import { ApplicationStore } from '@/state';
 import { ServerContext } from '@/state/server';
 
-export default () => {
+const ReinstallServerBox = () => {
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
     const [modalVisible, setModalVisible] = useState(false);
+    const [loading, setLoading] = useState(false);
     const { addFlash, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
     const { t } = useTranslation();
 
     const reinstall = () => {
+        setLoading(true);
         clearFlashes('settings');
         reinstallServer(uuid)
             .then(() => {
@@ -33,7 +35,10 @@ export default () => {
 
                 addFlash({ key: 'settings', type: 'error', message: httpErrorToHuman(error) });
             })
-            .then(() => setModalVisible(false));
+            .then(() => {
+                setLoading(false);
+                setModalVisible(false);
+            });
     };
 
     useEffect(() => {
@@ -48,6 +53,7 @@ export default () => {
                 confirm={t('server.settings.reinstall.confirm.confirm')}
                 onClose={() => setModalVisible(false)}
                 onConfirmed={reinstall}
+                loading={loading}
             >
                 {t('server.settings.reinstall.confirm.description')}
             </Dialog.Confirm>
@@ -62,10 +68,12 @@ export default () => {
                 </Trans>
             </p>
             <div className={`mt-6 text-right`}>
-                <Button.Danger variant={Button.Variants.Secondary} onClick={() => setModalVisible(true)}>
+                <ActionButton variant='danger' onClick={() => setModalVisible(true)}>
                     {t('server.settings.reinstall.button')}
-                </Button.Danger>
+                </ActionButton>
             </div>
         </TitledGreyBox>
     );
 };
+
+export default ReinstallServerBox;
diff --git a/resources/scripts/components/server/settings/RenameServerBox.tsx b/resources/scripts/components/server/settings/RenameServerBox.tsx
index 14e903bbb..df04589e0 100644
--- a/resources/scripts/components/server/settings/RenameServerBox.tsx
+++ b/resources/scripts/components/server/settings/RenameServerBox.tsx
@@ -4,9 +4,9 @@ import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
 import { object, string } from 'yup';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Field from '@/components/elements/Field';
 import TitledGreyBox from '@/components/elements/TitledGreyBox';
-import { Button } from '@/components/elements/button/index';
 
 import { httpErrorToHuman } from '@/api/http';
 import renameServer from '@/api/server/renameServer';
@@ -19,8 +19,9 @@ interface Values {
     description: string;
 }
 
-const RenameServerBox = () => {
+const RenameServerForm = () => {
     const { t } = useTranslation();
+
     return (
         <TitledGreyBox title={t('server.settings.rename.title')}>
             <Form className='flex flex-col gap-4'>
@@ -32,14 +33,16 @@ const RenameServerBox = () => {
                     type={'text'}
                 />
                 <div className={`mt-6 text-right`}>
-                    <Button type={'submit'}>{t('save')}</Button>
+                    <ActionButton variant='primary' type={'submit'}>
+                        {t('save')}
+                    </ActionButton>
                 </div>
             </Form>
         </TitledGreyBox>
     );
 };
 
-export default () => {
+const RenameServerBox = () => {
     const server = ServerContext.useStoreState((state) => state.server.data!);
     const setServer = ServerContext.useStoreActions((actions) => actions.server.setServer);
     const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
@@ -69,7 +72,9 @@ export default () => {
                 description: string().nullable(),
             })}
         >
-            <RenameServerBox />
+            <RenameServerForm />
         </Formik>
     );
 };
+
+export default RenameServerBox;
diff --git a/resources/scripts/components/server/settings/SettingsContainer.tsx b/resources/scripts/components/server/settings/SettingsContainer.tsx
index a6ecac39c..d92db8438 100644
--- a/resources/scripts/components/server/settings/SettingsContainer.tsx
+++ b/resources/scripts/components/server/settings/SettingsContainer.tsx
@@ -3,13 +3,13 @@ import isEqual from 'react-fast-compare';
 import { useTranslation } from 'react-i18next';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import Label from '@/components/elements/Label';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
 import TitledGreyBox from '@/components/elements/TitledGreyBox';
-import { Button } from '@/components/elements/button/index';
 import ReinstallServerBox from '@/components/server/settings/ReinstallServerBox';
 
 import { ip } from '@/lib/formatters';
@@ -18,7 +18,7 @@ import { ServerContext } from '@/state/server';
 
 import RenameServerBox from './RenameServerBox';
 
-export default () => {
+const SettingsContainer = () => {
     const username = useStoreState((state) => state.user.data!.username);
     const id = ServerContext.useStoreState((state) => state.server.data!.id);
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
@@ -29,7 +29,9 @@ export default () => {
     return (
         <ServerContentBlock title={t('server.settings.header')}>
             <FlashMessageRender byKey={'settings'} />
-            <MainPageHeader title={t('server.settings.header')} />
+            <MainPageHeader direction='column' title={t('server.settings.header')}>
+                <p className='text-sm text-neutral-400 leading-relaxed'>{t('server.settings.configure_settings')}</p>
+            </MainPageHeader>
             <Can action={'settings.rename'}>
                 <div className={`mb-6 md:mb-10`}>
                     <RenameServerBox />
@@ -43,12 +45,12 @@ export default () => {
                 <TitledGreyBox title={t('server.settings.debug_information')}>
                     <div className={`flex items-center justify-between text-sm`}>
                         <p>{t('server.settings.node')}</p>
-                        <code className={`font-mono bg-zinc-900 rounded py-1 px-2`}>{node}</code>
+                        <code className={`font-mono bg-zinc-900 rounded-sm py-1 px-2`}>{node}</code>
                     </div>
                     <CopyOnClick text={uuid}>
                         <div className={`flex items-center justify-between mt-2 text-sm`}>
                             <p>{t('server.settings.server_id')}</p>
-                            <code className={`font-mono bg-zinc-900 rounded py-1 px-2`}>{uuid}</code>
+                            <code className={`font-mono bg-zinc-900 rounded-sm py-1 px-2`}>{uuid}</code>
                         </div>
                     </CopyOnClick>
                 </TitledGreyBox>
@@ -58,14 +60,16 @@ export default () => {
                             <Label>{t('server.settings.server_address')}</Label>
                             <CopyOnClick text={`sftp://${ip(sftp.ip)}:${sftp.port}`}>
                                 <code
-                                    className={`font-mono bg-zinc-900 rounded py-1 px-2`}
+                                    className={`font-mono bg-zinc-900 rounded-sm py-1 px-2`}
                                 >{`sftp://${ip(sftp.ip)}:${sftp.port}`}</code>
                             </CopyOnClick>
                         </div>
                         <div className={`mt-2 flex items-center justify-between text-sm`}>
                             <Label>{t('server.settings.username')}</Label>
                             <CopyOnClick text={`${username}.${id}`}>
-                                <code className={`font-mono bg-zinc-900 rounded py-1 px-2`}>{`${username}.${id}`}</code>
+                                <code
+                                    className={`font-mono bg-zinc-900 rounded-sm py-1 px-2`}
+                                >{`${username}.${id}`}</code>
                             </CopyOnClick>
                         </div>
                         <div className={`mt-6 flex items-center`}>
@@ -76,9 +80,7 @@ export default () => {
                             </div>
                             <div className={`ml-4`}>
                                 <a href={`sftp://${username}.${id}@${ip(sftp.ip)}:${sftp.port}`}>
-                                    <Button.Text variant={Button.Variants.Secondary}>
-                                        {t('server.settings.launch_sftp')}
-                                    </Button.Text>
+                                    <ActionButton variant='secondary'>{t('server.settings.launch_sftp')}</ActionButton>
                                 </a>
                             </div>
                         </div>
@@ -88,3 +90,5 @@ export default () => {
         </ServerContentBlock>
     );
 };
+
+export default SettingsContainer;
diff --git a/resources/scripts/components/server/shell/ShellContainer.tsx b/resources/scripts/components/server/shell/ShellContainer.tsx
index 69a6cc722..525209517 100644
--- a/resources/scripts/components/server/shell/ShellContainer.tsx
+++ b/resources/scripts/components/server/shell/ShellContainer.tsx
@@ -1,31 +1,37 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import isEqual from 'react-fast-compare';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
 
-import Button from '@/components/elements/ButtonV2';
+import ActionButton from '@/components/elements/ActionButton';
+import ConfirmationModal from '@/components/elements/ConfirmationModal';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuRadioGroup,
+    DropdownMenuRadioItem,
+    DropdownMenuTrigger,
+} from '@/components/elements/DropdownMenu';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
-import Pagination from '@/components/elements/Pagination';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import Spinner from '@/components/elements/Spinner';
 import { Switch } from '@/components/elements/SwitchV2';
-import { Dialog } from '@/components/elements/dialog';
+import TitledGreyBox from '@/components/elements/TitledGreyBox';
 import HugeIconsAlert from '@/components/elements/hugeicons/Alert';
 import HugeIconsEggs from '@/components/elements/hugeicons/Egg';
-import VariableBox from '@/components/server/startup/VariableBox';
+import OperationProgressModal from '@/components/server/operations/OperationProgressModal';
 
 import { httpErrorToHuman } from '@/api/http';
 import getNests from '@/api/nests/getNests';
-import createServerBackup from '@/api/server/backups/createServerBackup';
-import deleteFiles from '@/api/server/files/deleteFiles';
-import reinstallServer from '@/api/server/reinstallServer';
-import setSelectedEggImage from '@/api/server/setSelectedEggImage';
+import applyEggChange from '@/api/server/applyEggChange';
+import previewEggChange, { EggPreview } from '@/api/server/previewEggChange';
+import { ServerOperation } from '@/api/server/serverOperations';
 import getServerBackups from '@/api/swr/getServerBackups';
 import getServerStartup from '@/api/swr/getServerStartup';
 
 import { ServerContext } from '@/state/server';
 
 import { useDeepCompareEffect } from '@/plugins/useDeepCompareEffect';
-import useFileManagerSwr from '@/plugins/useFileManagerSwr';
 
 interface Egg {
     object: string;
@@ -56,76 +62,271 @@ interface Nest {
     };
 }
 
-const MAX_DESCRIPTION_LENGTH = 100;
-const steps = [
-    {
-        slug: 'game',
-        title: 'Game',
-    },
-    {
-        slug: 'software',
-        title: 'Software',
-    },
-    {
-        slug: 'options-variables',
-        title: 'Options & Variables',
-    },
-];
+const MAX_DESCRIPTION_LENGTH = 150;
 const hidden_nest_prefix = '!';
 const blank_egg_prefix = '@';
+// const [ t ] = useTranslation();
+
+type FlowStep = 'step-1' | 'step-2' | 'step-3' | 'step-4' | 'step-5';
+
+// Laravel-style validation function
+const validateEnvironmentVariables = (variables: any[], pendingVariables: Record<string, string>): string[] => {
+    const errors: string[] = [];
+
+    variables.forEach((variable) => {
+        if (!variable.user_editable) return; // Skip non-editable variables
+
+        const value = pendingVariables[variable.env_variable] || '';
+        const rules = variable.rules || '';
+        const ruleArray = rules
+            .split('|')
+            .map((rule) => rule.trim())
+            .filter((rule) => rule.length > 0);
+
+        // Check if variable is required (backend automatically adds nullable if not present)
+        const isRequired = ruleArray.includes('required');
+        const isNullable = ruleArray.includes('nullable') || !isRequired;
+
+        // If required and empty/null
+        if (isRequired && (!value || value.trim() === '')) {
+            errors.push(`${variable.name} is required.`);
+            return;
+        }
+
+        // If nullable and empty, skip other validations
+        if (isNullable && (!value || value.trim() === '')) {
+            return;
+        }
+
+        // Validate each rule
+        ruleArray.forEach((rule) => {
+            const [ruleName, ruleValue] = rule.split(':');
+
+            switch (ruleName) {
+                case 'string':
+                    if (typeof value !== 'string') {
+                        errors.push(`${variable.name} must be a string.`);
+                    }
+                    break;
+
+                case 'integer':
+                case 'numeric':
+                    if (value && isNaN(Number(value))) {
+                        errors.push(`${variable.name} must be a number.`);
+                    }
+                    break;
+
+                case 'boolean': {
+                    const boolValues = ['true', 'false', '1', '0', 'yes', 'no', 'on', 'off'];
+                    if (value && !boolValues.includes(value.toLowerCase())) {
+                        errors.push(`${variable.name} must be true or false.`);
+                    }
+                    break;
+                }
+
+                case 'min': {
+                    if (ruleValue && value) {
+                        const minValue = parseInt(ruleValue);
+                        if (value.length < minValue) {
+                            errors.push(`${variable.name} must be at least ${minValue} characters.`);
+                        }
+                    }
+                    break;
+                }
+
+                case 'max': {
+                    if (ruleValue && value) {
+                        const maxValue = parseInt(ruleValue);
+                        if (value.length > maxValue) {
+                            errors.push(`${variable.name} may not be greater than ${maxValue} characters.`);
+                        }
+                    }
+                    break;
+                }
+
+                case 'between': {
+                    if (ruleValue && value) {
+                        const [min, max] = ruleValue.split(',').map((v) => parseInt(v.trim()));
+                        if (value.length < min || value.length > max) {
+                            errors.push(`${variable.name} must be between ${min} and ${max} characters.`);
+                        }
+                    }
+                    break;
+                }
+
+                case 'in': {
+                    if (ruleValue && value) {
+                        const allowedValues = ruleValue.split(',').map((v) => v.trim());
+                        if (!allowedValues.includes(value)) {
+                            errors.push(`${variable.name} must be one of: ${allowedValues.join(', ')}.`);
+                        }
+                    }
+                    break;
+                }
+
+                case 'regex': {
+                    if (ruleValue && value) {
+                        try {
+                            // Handle Laravel regex format: regex:/pattern/flags
+                            const regexMatch = ruleValue.match(/^\/(.+)\/([gimuy]*)$/);
+                            if (regexMatch) {
+                                const regex = new RegExp(regexMatch[1], regexMatch[2]);
+                                if (!regex.test(value)) {
+                                    errors.push(`${variable.name} format is invalid.`);
+                                }
+                            }
+                        } catch (e) {
+                            // Invalid regex - skip validation
+                        }
+                    }
+                    break;
+                }
+
+                case 'alpha':
+                    if (value && !/^[a-zA-Z]+$/.test(value)) {
+                        errors.push(`${variable.name} may only contain letters.`);
+                    }
+                    break;
+
+                case 'alpha_num':
+                    if (value && !/^[a-zA-Z0-9]+$/.test(value)) {
+                        errors.push(`${variable.name} may only contain letters and numbers.`);
+                    }
+                    break;
+
+                case 'alpha_dash':
+                    if (value && !/^[a-zA-Z0-9_-]+$/.test(value)) {
+                        errors.push(`${variable.name} may only contain letters, numbers, dashes and underscores.`);
+                    }
+                    break;
+
+                case 'url':
+                    if (value) {
+                        try {
+                            new URL(value);
+                        } catch {
+                            errors.push(`${variable.name} must be a valid URL.`);
+                        }
+                    }
+                    break;
+
+                case 'email':
+                    if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                        errors.push(`${variable.name} must be a valid email address.`);
+                    }
+                    break;
+
+                case 'ip': {
+                    if (value) {
+                        const ipRegex =
+                            /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+                        if (!ipRegex.test(value)) {
+                            errors.push(`${variable.name} must be a valid IP address.`);
+                        }
+                    }
+                    break;
+                }
+
+                // Skip validation rules that don't apply to frontend
+                case 'required':
+                case 'nullable':
+                case 'sometimes':
+                    break;
+
+                default:
+                    // Unknown rule - log for debugging but don't error
+                    if (
+                        process.env.NODE_ENV === 'development' &&
+                        !['string', 'array', 'file', 'image'].includes(ruleName)
+                    ) {
+                        console.warn(`Unknown validation rule: ${ruleName} for variable ${variable.name}`);
+                    }
+                    break;
+            }
+        });
+    });
+
+    return errors;
+};
 
 const SoftwareContainer = () => {
     const [t] = useTranslation();
-    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const serverData = ServerContext.useStoreState((state) => state.server.data);
+    const uuid = serverData?.uuid;
     const [nests, setNests] = useState<Nest[]>();
-    const eggs = nests?.reduce(
-        (eggArray, nest) => [...eggArray, ...nest.attributes.relationships.eggs.data],
-        [] as Egg[],
-    );
-    const currentEgg = ServerContext.useStoreState((state) => state.server.data!.egg);
-    const originalEgg = currentEgg;
-    const currentEggName =
-        nests &&
-        nests
-            .find((nest) => nest.attributes.relationships.eggs.data.find((egg) => egg.attributes.uuid === currentEgg))
-            ?.attributes.relationships.eggs.data.find((egg) => egg.attributes.uuid === currentEgg)?.attributes.name;
-    const backupLimit = ServerContext.useStoreState((state) => state.server.data!.featureLimits.backups);
+    //const eggs = nests?.reduce(
+    //    (eggArray, nest) => [...eggArray, ...nest.attributes.relationships.eggs.data],
+    //    [] as Egg[],
+    //);
+    const currentEgg = serverData?.egg;
+    //const originalEgg = currentEgg;
+    const currentEggName = useMemo(() => {
+        // Don't attempt calculation until both nests data and currentEgg are available
+        if (!nests || !currentEgg) {
+            return undefined;
+        }
+
+        const foundNest = nests.find((nest) =>
+            nest?.attributes?.relationships?.eggs?.data?.find((egg) => egg?.attributes?.uuid === currentEgg),
+        );
+
+        return foundNest?.attributes?.relationships?.eggs?.data?.find((egg) => egg?.attributes?.uuid === currentEgg)
+            ?.attributes?.name;
+    }, [nests, currentEgg]);
+    const backupLimit = serverData?.featureLimits.backups ?? 0;
     const { data: backups } = getServerBackups();
-    const directory = ServerContext.useStoreState((state) => state.files.directory);
-    const { data: files, mutate: filemutate } = useFileManagerSwr();
     const setServerFromState = ServerContext.useStoreActions((actions) => actions.server.setServerFromState);
 
+    // Flow state
+    const [currentStep, setCurrentStep] = useState<FlowStep>('step-1');
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedNest, setSelectedNest] = useState<Nest | null>(null);
+    const [selectedEgg, setSelectedEgg] = useState<Egg | null>(null);
+    const [eggPreview, setEggPreview] = useState<EggPreview | null>(null);
+    const [pendingVariables, setPendingVariables] = useState<Record<string, string>>({});
+    const [variableErrors, setVariableErrors] = useState<Record<string, string>>({});
+    const [currentOperationId, setCurrentOperationId] = useState<string | null>(null);
+    const [showOperationModal, setShowOperationModal] = useState(false);
+    const [showWipeConfirmation, setShowWipeConfirmation] = useState(false);
+    const [wipeCountdown, setWipeCountdown] = useState(5);
+    const [wipeLoading, setWipeLoading] = useState(false);
+    const [shiftPressed, setShiftPressed] = useState(false);
+
+    // Configuration options
+    const [shouldBackup, setShouldBackup] = useState(false);
+    const [shouldWipe, setShouldWipe] = useState(false);
+    const [showFullDescriptions, setShowFullDescriptions] = useState<Record<string, boolean>>({});
+
+    // Startup and Docker configuration
+    const [customStartup, setCustomStartup] = useState('');
+    const [selectedDockerImage, setSelectedDockerImage] = useState('');
+
+    // Data loading
     useEffect(() => {
         const fetchData = async () => {
             const data = await getNests();
             setNests(data);
         };
-
         fetchData();
     }, []);
 
     const variables = ServerContext.useStoreState(
         ({ server }) => ({
-            variables: server.data!.variables,
-            invocation: server.data!.invocation,
-            dockerImage: server.data!.dockerImage,
+            variables: server.data?.variables || [],
+            invocation: server.data?.invocation || '',
+            dockerImage: server.data?.dockerImage || '',
         }),
         isEqual,
     );
 
-    const { data, mutate } = getServerStartup(uuid, {
+    const { data, mutate } = getServerStartup(uuid || '', {
         ...variables,
         dockerImages: { [variables.dockerImage]: variables.dockerImage },
+        rawStartupCommand: variables.invocation,
     });
 
-    useEffect(() => {
-        mutate();
-        filemutate();
-    }, []);
-
     useDeepCompareEffect(() => {
         if (!data) return;
-
         setServerFromState((s) => ({
             ...s,
             invocation: data.invocation,
@@ -133,429 +334,945 @@ const SoftwareContainer = () => {
         }));
     }, [data]);
 
-    const ITEMS_PER_PAGE = 6;
-    const [currentPage, setCurrentPage] = useState(1);
-
-    let paginatedVariables;
-
-    const updateVarsData = () => {
-        paginatedVariables = data
-            ? data.variables.slice((currentPage - 1) * ITEMS_PER_PAGE, currentPage * ITEMS_PER_PAGE)
-            : [];
-    };
-
-    updateVarsData();
-
-    const [step, setStep] = useState(0);
-    const [modalVisible, setModalVisible] = useState(false);
-    const [visible, setVisible] = useState(false);
-
-    const [shouldBackup, setShouldBackup] = useState(false);
-    const [shouldWipe, setShouldWipe] = useState(false);
-    const [selectedNest, setSelectedNest] = useState<Nest | null>(null);
-    const [selectedEgg, setSelectedEgg] = useState<Egg | null>(null);
-    const [showFullDescriptions, setShowFullDescriptions] = useState<boolean[]>([]);
-
+    // Initialize backup setting based on limits
     useEffect(() => {
         if (backups) {
-            if (backupLimit <= 0 || backups.backupCount >= backupLimit) {
-                setShouldBackup(false);
-            }
+            setShouldBackup(backupLimit > 0 && backups.backupCount < backupLimit);
         }
     }, [backups, backupLimit]);
 
-    const restoreOriginalEgg = () => {
-        if (!nests || !eggs) return;
-        const originalNestId =
-            nests?.findIndex((nest) =>
-                nest.attributes.relationships.eggs.data.find((egg) => egg.attributes.uuid === originalEgg),
-            ) + 1 || 0;
-        const originalEggId = eggs?.find((eo) => eo.attributes.uuid === originalEgg)?.attributes.id || 0;
-
-        setSelectedEggImage(uuid, originalEggId, originalNestId).catch((error) => {
-            console.error(error);
-            toast.error(httpErrorToHuman(error));
-        });
-    };
-
-    const reinstall = () => {
-        reinstallServer(uuid)
-            .then(() => {
-                toast.success('Server has been reinstalled successfully.');
-            })
-            .catch((error) => {
-                console.error(error);
-                toast.error(httpErrorToHuman(error));
-            });
-    };
-
-    const wipeFiles = async () => {
-        filemutate();
-        const selectedFiles = files?.map((file) => file.name) || [];
-        if (selectedFiles.length === 0) return;
-
-        await deleteFiles(uuid, directory, selectedFiles).catch((error) => {
-            console.error(error);
-            toast.error(httpErrorToHuman(error));
-        });
-        return;
-    };
-
-    const handleNestSelect = (nest: Nest) => {
-        setSelectedNest(nest);
-        setSelectedEgg(null);
-        setStep(1);
-    };
-
-    const confirmSelection = async () => {
-        if (shouldBackup) {
-            await createServerBackup(uuid, {
-                name: `${currentEggName} -> ${selectedEgg?.attributes.name} Migration - ${new Date().toLocaleString()}`,
-                isLocked: false,
-            }).catch((error) => {
-                toast.error(httpErrorToHuman(error));
-                return;
-            });
-        }
-        if (shouldWipe) {
-            wipeFiles();
+    // Countdown effect for wipe confirmation modal
+    useEffect(() => {
+        let interval: NodeJS.Timeout;
+        if (showWipeConfirmation && wipeCountdown > 0) {
+            interval = setInterval(() => {
+                setWipeCountdown((prev) => prev - 1);
+            }, 1000);
         }
+        return () => {
+            if (interval) clearInterval(interval);
+        };
+    }, [showWipeConfirmation, wipeCountdown]);
 
-        reinstall();
+    // Reset countdown when wipe confirmation modal opens
+    useEffect(() => {
+        if (showWipeConfirmation) {
+            setWipeCountdown(5);
+        }
+    }, [showWipeConfirmation]);
+
+    const handleKeyDown = (event) => {
+        if (event.shiftKey) setShiftPressed(true);
     };
 
-    const handleEggSelect = async (egg: Egg) => {
-        if (!eggs || !nests || !selectedNest) return;
-        setStep(2);
-
-        // Use the passed egg directly instead of selectedEgg state
-        const nestId = selectedNest.attributes.id;
-        const eggId = egg.attributes.id;
-
-        try {
-            await setSelectedEggImage(uuid, eggId, nestId);
-            await mutate();
-            updateVarsData();
-            setTimeout(() => setStep(2), 500);
-        } catch (error) {
-            console.error(error);
-            toast.error(httpErrorToHuman(error));
-        }
+    const handleKeyUp = (event) => {
+        if (!event.shiftKey) setShiftPressed(false);
     };
 
     useEffect(() => {
-        const handleBeforeUnload = (event: BeforeUnloadEvent) => {
-            event.preventDefault();
-            event.returnValue = '';
-            restoreOriginalEgg();
-        };
-
-        window.addEventListener('beforeunload', handleBeforeUnload);
+        document.addEventListener('keydown', handleKeyDown);
+        document.addEventListener('keyup', handleKeyUp);
 
         return () => {
-            window.removeEventListener('beforeunload', handleBeforeUnload);
+            document.removeEventListener('keydown', handleKeyDown);
+            document.removeEventListener('keyup', handleKeyUp);
         };
-    }, []);
+    });
 
-    const toggleDescriptionVisibility = (index: number) => {
-        setShowFullDescriptions((prev) => {
-            const newVisibility = [...prev];
-            newVisibility[index] = !newVisibility[index];
-            return newVisibility;
-        });
+    // Flow control functions
+    const resetFlow = () => {
+        setCurrentStep('step-1');
+        setSelectedNest(null);
+        setSelectedEgg(null);
+        setEggPreview(null);
+        setPendingVariables({});
+        setVariableErrors({});
+        setShouldBackup(backupLimit > 0 && (backups?.backupCount || 0) < backupLimit);
+        setShouldWipe(false);
+        setCustomStartup('');
+        setSelectedDockerImage('');
     };
 
-    const renderEggDescription = (description: string, index: number) => {
-        const isLongDescription = description.length > MAX_DESCRIPTION_LENGTH;
-        const shouldShowFull = showFullDescriptions[index];
+    const handleNestSelection = (nest: Nest) => {
+        setSelectedNest(nest);
+        setSelectedEgg(null);
+        setEggPreview(null);
+        setPendingVariables({});
+        setVariableErrors({});
+        setCustomStartup('');
+        setSelectedDockerImage('');
+        setCurrentStep('step-3');
+    };
+
+    const handleEggSelection = async (egg: Egg) => {
+        if (!selectedNest || !uuid) return;
+
+        setIsLoading(true);
+        setSelectedEgg(egg);
+
+        try {
+            const preview = await previewEggChange(uuid, egg.attributes.id, selectedNest.attributes.id);
+            setEggPreview(preview);
+
+            // Check for subdomain compatibility warnings
+            if (preview.warnings && preview.warnings.length > 0) {
+                const subdomainWarning = preview.warnings.find((w) => w.type === 'subdomain_incompatible');
+                if (subdomainWarning) {
+                    toast.error(subdomainWarning.message, {
+                        duration: 8000,
+                        dismissible: true,
+                    });
+                }
+            }
+
+            // Initialize variables with current values or defaults
+            const initialVariables: Record<string, string> = {};
+            preview.variables.forEach((variable) => {
+                const existingVar = data?.variables.find((v) => v.envVariable === variable.env_variable);
+                initialVariables[variable.env_variable] = existingVar?.serverValue || variable.default_value || '';
+            });
+            setPendingVariables(initialVariables);
+
+            // Set default startup command and docker image
+            setCustomStartup(preview.egg.startup);
+
+            // Automatically select the default docker image if available
+            // Backend returns: {"Display Name": "actual/image:tag"}
+            const availableDisplayNames = Object.keys(preview.docker_images || {});
+            if (preview.default_docker_image && availableDisplayNames.includes(preview.default_docker_image)) {
+                setSelectedDockerImage(preview.default_docker_image);
+            } else if (availableDisplayNames.length > 0 && availableDisplayNames[0]) {
+                setSelectedDockerImage(availableDisplayNames[0]);
+            }
+
+            setCurrentStep('step-4');
+        } catch (error) {
+            console.error(error);
+            toast.error(httpErrorToHuman(error));
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const handleVariableChange = (envVariable: string, value: string) => {
+        setPendingVariables((prev) => ({ ...prev, [envVariable]: value }));
+
+        // Validate this specific variable in real-time and update errors
+        if (eggPreview) {
+            const variable = eggPreview.variables.find((v) => v.env_variable === envVariable);
+            if (variable) {
+                const errors = validateEnvironmentVariables([variable], { [envVariable]: value });
+                setVariableErrors((prev) => {
+                    const newErrors = { ...prev };
+                    if (errors.length > 0 && errors[0]) {
+                        newErrors[envVariable] = errors[0];
+                    } else {
+                        delete newErrors[envVariable];
+                    }
+                    return newErrors;
+                });
+            }
+        }
+    };
+
+    const proceedToReview = () => {
+        setCurrentStep('step-5');
+    };
+
+    const applyChanges = async () => {
+        if (!selectedEgg || !selectedNest || !eggPreview) return;
+
+        // Show final confirmation if wipe files is selected without backup
+        if (shouldWipe && !shouldBackup) {
+            setShowWipeConfirmation(true);
+            return;
+        }
+
+        // Proceed with the operation
+        executeApplyChanges();
+    };
+
+    const executeApplyChanges = async () => {
+        if (!selectedEgg || !selectedNest || !eggPreview || !uuid) return;
+
+        setIsLoading(true);
+
+        try {
+            // Validate all variables using Laravel-style validation rules
+            const validationErrors = validateEnvironmentVariables(eggPreview.variables, pendingVariables);
+
+            if (validationErrors.length > 0) {
+                throw new Error(`Validation failed:\n${validationErrors.join('\n')}`);
+            }
+
+            // Convert display name back to actual image for backend
+            const actualDockerImage =
+                selectedDockerImage && eggPreview.docker_images
+                    ? eggPreview.docker_images[selectedDockerImage]
+                    : eggPreview.default_docker_image && eggPreview.docker_images
+                      ? eggPreview.docker_images[eggPreview.default_docker_image]
+                      : '';
+
+            // Filter out empty environment variables to prevent validation issues
+            const filteredEnvironment: Record<string, string> = {};
+            Object.entries(pendingVariables).forEach(([key, value]) => {
+                if (value && value.trim() !== '') {
+                    filteredEnvironment[key] = value;
+                }
+            });
+
+            // Start the async operation
+            const response = await applyEggChange(uuid, {
+                egg_id: selectedEgg.attributes.id,
+                nest_id: selectedNest.attributes.id,
+                docker_image: actualDockerImage,
+                startup_command: customStartup,
+                environment: filteredEnvironment,
+                should_backup: shouldBackup,
+                should_wipe: shouldWipe,
+            });
+
+            // Operation started successfully - show progress modal
+            setCurrentOperationId(response.operation_id);
+            setShowOperationModal(true);
+
+            toast.success('Software change operation started successfully');
+
+            // Reset the configuration flow but keep the modal open
+            resetFlow();
+        } catch (error) {
+            console.error('Failed to start egg change operation:', error);
+            toast.error(httpErrorToHuman(error));
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const handleWipeConfirm = () => {
+        setShowWipeConfirmation(false);
+        setWipeLoading(true);
+        executeApplyChanges().finally(() => setWipeLoading(false));
+    };
+
+    const handleOperationComplete = (operation: ServerOperation) => {
+        if (operation.is_completed) {
+            toast.success('Your software configuration has been applied successfully');
+
+            // Refresh server data to reflect changes
+            mutate();
+        } else if (operation.has_failed) {
+            toast.error(operation.message || 'The software configuration change failed');
+        }
+    };
+
+    const handleOperationError = (error: Error) => {
+        toast.error(error.message || 'An error occurred while monitoring the operation');
+    };
+
+    const closeOperationModal = () => {
+        setShowOperationModal(false);
+        setCurrentOperationId(null);
+    };
+
+    const toggleDescription = (id: string) => {
+        setShowFullDescriptions((prev) => ({ ...prev, [id]: !prev[id] }));
+    };
+
+    const renderDescription = (description: string, id: string) => {
+        const isLong = description.length > MAX_DESCRIPTION_LENGTH;
+        const showFull = showFullDescriptions[id];
 
         return (
-            <div>
-                {isLongDescription && !shouldShowFull ? (
+            <p className='text-sm text-neutral-400 leading-relaxed'>
+                {isLong && !showFull ? (
                     <>
-                        {`${description.slice(0, MAX_DESCRIPTION_LENGTH)}... `}
-                        <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
-                            Show More
+                        {description.slice(0, MAX_DESCRIPTION_LENGTH)}...{' '}
+                        <button
+                            onClick={() => toggleDescription(id)}
+                            className='text-brand hover:underline font-medium'
+                        >
+                            Show more
                         </button>
                     </>
                 ) : (
                     <>
                         {description}
-                        {isLongDescription && (
-                            <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
-                                <span className='text-neutral-400'>..</span>Show Less
-                            </button>
+                        {isLong && (
+                            <>
+                                {' '}
+                                <button
+                                    onClick={() => toggleDescription(id)}
+                                    className='text-brand hover:underline font-medium'
+                                >
+                                    Show less
+                                </button>
+                            </>
                         )}
                     </>
                 )}
-            </div>
+            </p>
         );
     };
 
-    return (
-        <ServerContentBlock title='Software'>
-            <MainPageHeader direction='column' title='Software'>
-                <h2 className='text-sm'>Welcome</h2>
-            </MainPageHeader>
-            {!visible && (
-                <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08]'>
-                    <div className='w-full h-full'>
-                        <div className='flex items-center justify-between pb-4 p-2'>
+    const renderOverview = () => (
+        <TitledGreyBox title={t('server.shell.current_software')}>
+            <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4'>
+                <div className='flex items-center gap-3 sm:gap-4 min-w-0 flex-1'>
+                    <div className='w-10 h-10 sm:w-12 sm:h-12 bg-[#ffffff11] rounded-lg flex items-center justify-center flex-shrink-0'>
+                        <HugeIconsEggs fill='currentColor' className='w-5 h-5 sm:w-6 sm:h-6 text-neutral-300' />
+                    </div>
+                    <div className='min-w-0 flex-1'>
+                        {currentEggName ? (
+                            currentEggName.includes(blank_egg_prefix) ? (
+                                <p className='text-amber-400 font-medium text-sm sm:text-base'>
+                                    {t('sever.shell.no_software_selected')}
+                                </p>
+                            ) : (
+                                <p className='text-neutral-200 font-medium text-sm sm:text-base truncate'>
+                                    {currentEggName}
+                                </p>
+                            )
+                        ) : (
                             <div className='flex items-center gap-2'>
-                                <HugeIconsEggs fill='currentColor' />
-                                <div className='flex flex-col'>
-                                    <h1 className='text-2xl'>Current Egg</h1>
-                                    {currentEggName &&
-                                        (currentEggName?.includes(blank_egg_prefix) ? (
-                                            <p className='text-neutral-300 text-sm'>Please select a egg</p>
-                                        ) : (
-                                            <p className='text-neutral-300 text-sm'>{currentEggName}</p>
-                                        ))}
+                                <Spinner size='small' />
+                                <span className='text-neutral-400 text-sm'>{t('loading')}</span>
+                            </div>
+                        )}
+                        <p className='text-xs sm:text-sm text-neutral-400 leading-relaxed'>
+                            {t('server.shell.manage_server_software')}
+                        </p>
+                    </div>
+                </div>
+                <div className='flex-shrink-0 w-full sm:w-auto'>
+                    <ActionButton
+                        variant='primary'
+                        onClick={(e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            try {
+                                setCurrentStep('step-2');
+                            } catch (error) {
+                                console.error(t('server.shell.error_in_software_click'), error);
+                            }
+                        }}
+                        className='w-full sm:w-auto'
+                        disabled={isLoading}
+                    >
+                        {isLoading && <Spinner size='small' />}
+                        {t('server.shell.change_software')}
+                    </ActionButton>
+                </div>
+            </div>
+        </TitledGreyBox>
+    );
+
+    const renderGameSelection = () => (
+        <TitledGreyBox title={t('server.shell.select_category')}>
+            <div className='space-y-4'>
+                <p className='text-sm text-neutral-400'>{t('server.shell.type_of_software')}</p>
+
+                <div className='grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3 sm:gap-4'>
+                    {nests?.map((nest) =>
+                        nest?.attributes?.name?.includes(hidden_nest_prefix) ? null : (
+                            <button
+                                key={nest?.attributes?.uuid}
+                                onClick={() => handleNestSelection(nest)}
+                                className='p-4 sm:p-5 bg-[#ffffff08] border border-[#ffffff12] rounded-lg hover:border-[#ffffff20] transition-all text-left active:bg-[#ffffff12] touch-manipulation'
+                            >
+                                <h3 className='font-semibold text-neutral-200 mb-2 text-base sm:text-lg'>
+                                    {nest?.attributes?.name}
+                                </h3>
+                                {renderDescription(
+                                    nest?.attributes?.description || '',
+                                    `nest-${nest?.attributes?.uuid}`,
+                                )}
+                            </button>
+                        ),
+                    )}
+                </div>
+
+                <div className='flex justify-center pt-4'>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => setCurrentStep('step-1')}
+                        className='w-full sm:w-auto'
+                    >
+                        {t('server.shell.back_to_overview')}
+                    </ActionButton>
+                </div>
+            </div>
+        </TitledGreyBox>
+    );
+
+    const renderSoftwareSelection = () => (
+        <TitledGreyBox title={`Select Software - ${selectedNest?.attributes.name}`}>
+            <div className='space-y-4'>
+                <p className='text-sm text-neutral-400'>{t('server.shell.software_version')}</p>
+
+                {isLoading ? (
+                    <div className='flex items-center justify-center py-16'>
+                        <div className='flex flex-col items-center text-center'>
+                            <Spinner size='large' />
+                            <p className='text-neutral-400 mt-4'>{t('server.shell.load_software')}</p>
+                        </div>
+                    </div>
+                ) : (
+                    <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4'>
+                        {selectedNest?.attributes?.relationships?.eggs?.data?.map((egg) => (
+                            <button
+                                key={egg.attributes.uuid}
+                                onClick={() => handleEggSelection(egg)}
+                                disabled={isLoading}
+                                className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg hover:border-[#ffffff20] transition-all text-left touch-manipulation disabled:opacity-50 disabled:cursor-not-allowed'
+                            >
+                                <div className='flex items-center gap-2 mb-2'>
+                                    {isLoading && selectedEgg?.attributes?.uuid === egg?.attributes?.uuid && (
+                                        <Spinner size='small' />
+                                    )}
+                                    <h3 className='font-semibold text-neutral-200 text-sm sm:text-base'>
+                                        {egg?.attributes?.name}
+                                    </h3>
+                                </div>
+                                {renderDescription(egg?.attributes?.description || '', `egg-${egg?.attributes?.uuid}`)}
+                            </button>
+                        ))}
+                    </div>
+                )}
+
+                <div className='flex flex-col sm:flex-row justify-center gap-3 pt-4'>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => setCurrentStep('step-2')}
+                        className='w-full sm:w-auto'
+                    >
+                        {t('server.shell.back_to_games')}
+                    </ActionButton>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => setCurrentStep('step-1')}
+                        className='w-full sm:w-auto'
+                    >
+                        {t('cancel')}
+                    </ActionButton>
+                </div>
+            </div>
+        </TitledGreyBox>
+    );
+
+    const renderConfiguration = () => (
+        <div className='space-y-6'>
+            <TitledGreyBox title={`Configure ${selectedEgg?.attributes.name}`}>
+                {eggPreview && (
+                    <div className='space-y-6'>
+                        {/* Software Configuration */}
+                        <div className='space-y-4'>
+                            <h3 className='text-lg font-semibold text-neutral-200'>
+                                {t('server.shell.software_config')}
+                            </h3>
+                            <div className='grid grid-cols-1 xl:grid-cols-2 gap-4'>
+                                <div>
+                                    <label className='text-sm font-medium text-neutral-300 block mb-2'>
+                                        Startup Command
+                                    </label>
+                                    <textarea
+                                        value={customStartup}
+                                        onChange={(e) => setCustomStartup(e.target.value)}
+                                        placeholder={t('server.shell.custom_startup')}
+                                        rows={3}
+                                        className='w-full px-3 py-2 bg-[#ffffff08] border border-[#ffffff12] rounded-lg text-sm text-neutral-200 placeholder:text-neutral-500 focus:outline-none focus:border-brand transition-colors font-mono resize-none'
+                                    />
+                                    <p className='text-xs text-neutral-400 mt-1'>
+                                        {t('server.shell.use_var_like')}{' '}
+                                        {eggPreview.variables
+                                            .map((v) => `{{${v.env_variable}}}`)
+                                            .slice(0, 3)
+                                            .join(', ')}
+                                        {eggPreview.variables.length > 3 && ', etc.'}
+                                    </p>
+                                </div>
+                                <div>
+                                    <label className='text-sm font-medium text-neutral-300 block mb-2'>
+                                        {t('server.shell.docker_image')}
+                                    </label>
+                                    {eggPreview.docker_images && Object.keys(eggPreview.docker_images).length > 1 ? (
+                                        <DropdownMenu>
+                                            <DropdownMenuTrigger asChild>
+                                                <button className='w-full px-3 py-2 bg-[#ffffff08] border border-[#ffffff12] rounded-lg text-sm text-neutral-200 focus:outline-none focus:border-brand transition-colors text-left flex items-center justify-between hover:border-[#ffffff20]'>
+                                                    <span className='truncate'>
+                                                        {selectedDockerImage || 'Select image...'}
+                                                    </span>
+                                                    <svg
+                                                        className='w-4 h-4 text-neutral-400 flex-shrink-0'
+                                                        fill='none'
+                                                        stroke='currentColor'
+                                                        viewBox='0 0 24 24'
+                                                    >
+                                                        <path
+                                                            strokeLinecap='round'
+                                                            strokeLinejoin='round'
+                                                            strokeWidth={2}
+                                                            d='M19 9l-7 7-7-7'
+                                                        />
+                                                    </svg>
+                                                </button>
+                                            </DropdownMenuTrigger>
+                                            <DropdownMenuContent className='w-full min-w-[300px]'>
+                                                <DropdownMenuRadioGroup
+                                                    value={selectedDockerImage}
+                                                    onValueChange={setSelectedDockerImage}
+                                                >
+                                                    {Object.entries(eggPreview.docker_images).map(
+                                                        ([displayName, _]) => (
+                                                            <DropdownMenuRadioItem
+                                                                key={displayName}
+                                                                value={displayName}
+                                                                className='text-sm font-mono'
+                                                            >
+                                                                <span>{displayName}</span>
+                                                            </DropdownMenuRadioItem>
+                                                        ),
+                                                    )}
+                                                </DropdownMenuRadioGroup>
+                                            </DropdownMenuContent>
+                                        </DropdownMenu>
+                                    ) : (
+                                        <div className='w-full px-3 py-2 bg-[#ffffff08] border border-[#ffffff12] rounded-lg text-sm text-neutral-200'>
+                                            {(eggPreview.docker_images && Object.keys(eggPreview.docker_images)[0]) ||
+                                                'Default Image'}
+                                        </div>
+                                    )}
+                                    <p className='text-xs text-neutral-400 mt-1'>{t('server.shell.runtime_env')}</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Environment Variables */}
+                        {eggPreview.variables.length > 0 && (
+                            <div className='space-y-4'>
+                                <h3 className='text-lg font-semibold text-neutral-200'>
+                                    {t('server.shell.env_variables')}
+                                </h3>
+                                <div className='grid grid-cols-1 lg:grid-cols-2 gap-4'>
+                                    {eggPreview.variables.map((variable) => (
+                                        <div key={variable.env_variable} className='space-y-3'>
+                                            <div>
+                                                <label className='text-sm font-medium text-neutral-200 block mb-1'>
+                                                    {variable.name}
+                                                    {!variable.user_editable && (
+                                                        <span className='ml-2 px-2 py-0.5 text-xs bg-amber-500/20 text-amber-400 rounded'>
+                                                            {t('read_only')}
+                                                        </span>
+                                                    )}
+                                                    {variable.user_editable && variable.rules.includes('required') && (
+                                                        <span className='ml-2 px-2 py-0.5 text-xs bg-red-500/20 text-red-400 rounded'>
+                                                            {t('required')}
+                                                        </span>
+                                                    )}
+                                                    {variable.user_editable && !variable.rules.includes('required') && (
+                                                        <span className='ml-2 px-2 py-0.5 text-xs bg-neutral-500/20 text-neutral-400 rounded'>
+                                                            {t('optional')}
+                                                        </span>
+                                                    )}
+                                                </label>
+                                                {variable.description && (
+                                                    <p className='text-xs text-neutral-400 mb-2'>
+                                                        {variable.description}
+                                                    </p>
+                                                )}
+                                            </div>
+
+                                            {variable.user_editable ? (
+                                                <div>
+                                                    <input
+                                                        type='text'
+                                                        value={pendingVariables[variable.env_variable] || ''}
+                                                        onChange={(e) =>
+                                                            handleVariableChange(variable.env_variable, e.target.value)
+                                                        }
+                                                        placeholder={variable.default_value || t('common.enter_value')}
+                                                        className={`w-full px-3 py-2 bg-[#ffffff08] border rounded-lg text-sm text-neutral-200 placeholder:text-neutral-500 focus:outline-none transition-colors ${
+                                                            variableErrors[variable.env_variable]
+                                                                ? 'border-red-500 focus:border-red-500'
+                                                                : 'border-[#ffffff12] focus:border-brand'
+                                                        }`}
+                                                    />
+                                                    {variableErrors[variable.env_variable] && (
+                                                        <p className='text-xs text-red-400 mt-1'>
+                                                            {variableErrors[variable.env_variable]}
+                                                        </p>
+                                                    )}
+                                                </div>
+                                            ) : (
+                                                <div className='w-full px-3 py-2 bg-[#ffffff04] border border-[#ffffff08] rounded-lg text-sm text-neutral-300 font-mono'>
+                                                    {pendingVariables[variable.env_variable] ||
+                                                        variable.default_value ||
+                                                        t('common.not_set')}
+                                                </div>
+                                            )}
+
+                                            <div className='flex justify-between text-xs'>
+                                                <span className='text-neutral-500 font-mono'>
+                                                    {variable.env_variable}
+                                                </span>
+                                                {variable.rules && (
+                                                    <span className='text-neutral-500'>
+                                                        {t('common.rules')}: {variable.rules}
+                                                    </span>
+                                                )}
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+                            </div>
+                        )}
+
+                        {/* Safety Options */}
+                        <div className='space-y-4'>
+                            <h3 className='text-lg font-semibold text-neutral-200'>
+                                {t('server.shell.safety_options')}
+                            </h3>
+                            <div className='space-y-3'>
+                                <div className='flex items-center justify-between p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg hover:border-[#ffffff20] transition-colors'>
+                                    <div className='flex-1 min-w-0 pr-4'>
+                                        <label className='text-sm font-medium text-neutral-200 block mb-1'>
+                                            {t('server.shell.create_backup')}
+                                        </label>
+                                        <p className='text-xs text-neutral-400 leading-relaxed'>
+                                            {backupLimit > 0 && (backups?.backupCount || 0) < backupLimit
+                                                ? 'Automatically create a backup before applying changes'
+                                                : 'Backup limit reached or not available'}
+                                        </p>
+                                    </div>
+                                    <div className='flex-shrink-0'>
+                                        <Switch
+                                            checked={shouldBackup}
+                                            onCheckedChange={setShouldBackup}
+                                            disabled={backupLimit <= 0 || (backups?.backupCount || 0) >= backupLimit}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div className='flex items-center justify-between p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg hover:border-[#ffffff20] transition-colors'>
+                                    <div className='flex-1 min-w-0 pr-4'>
+                                        <label className='text-sm font-medium text-neutral-200 block mb-1'>
+                                            {t('server.shell.wipe_files')}
+                                        </label>
+                                        <p className='text-xs text-neutral-400 leading-relaxed'>
+                                            {t('server.shell.wipe_description')}
+                                        </p>
+                                    </div>
+                                    <div className='flex-shrink-0'>
+                                        <Switch checked={shouldWipe} onCheckedChange={setShouldWipe} />
+                                    </div>
                                 </div>
                             </div>
-                            <button
-                                className='rounded-full border-[1px] border-[#ffffff12] px-4 py-2 text-sm font-bold shadow-md hover:border-[#ffffff22] hover:shadow-lg bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] text-white'
-                                onClick={() => setVisible(true)}
-                            >
-                                Change Egg
-                            </button>
                         </div>
                     </div>
-                </div>
-            )}
+                )}
 
-            {visible && (
-                <div className='relative rounded-xl shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] min-h-[500px] max-h-[90vh] overflow-y-auto'>
-                    <div className='max-[480px]:flex max-[480px]:flex-col max-[480px]:items-center w-full h-full'>
-                        <div className='flex max-[480px]:flex-col max-[480px]:gap-4 min-[480px]:items-center justify-between p-4 pr-5 mb-2'>
-                            {steps.map((cstep, index) => (
-                                <div
-                                    key={cstep.slug}
-                                    className={`${index !== steps.length - 1 ? 'w-full' : 'min-[480px]:w-[420px] min-[480px]:ml-4 min-[480px]:mr-4'} flex items-center gap-4`}
-                                >
-                                    <div
-                                        className='flex items-center gap-2'
-                                        onClick={() => setStep(index)}
-                                        style={{ cursor: 'pointer' }}
-                                    >
-                                        <div
-                                            className={`${index < step + 1 ? 'border-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[#FF343C] to-[#F06F53] text-brand' : 'border-[#ffffff20] text-[#ffffff20]'} border-[2px] rounded-full p-1 w-8 h-8 text-sm font-bold shadow-md hover:shadow-lg items-center text-center`}
-                                        >
-                                            {index + 1}
-                                        </div>
-                                        <h2
-                                            className={`${index < step + 1 ? 'text-white' : 'text-[#ffffff20]'} text-sm font-bold min-[480px]:whitespace-nowrap`}
-                                        >
-                                            {cstep.title}
-                                        </h2>
+                <div className='flex flex-col sm:flex-row justify-center gap-3 pt-4'>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => setCurrentStep('step-3')}
+                        className='w-full sm:w-auto'
+                    >
+                        {t('server.shell.back_to_software')}
+                    </ActionButton>
+                    <ActionButton
+                        variant='primary'
+                        onClick={proceedToReview}
+                        disabled={!eggPreview || isLoading}
+                        className='w-full sm:w-auto'
+                    >
+                        {isLoading && <Spinner size='small' />}
+                        {t('server.shell.review_changes')}
+                    </ActionButton>
+                </div>
+            </TitledGreyBox>
+        </div>
+    );
+
+    const renderReview = () => (
+        <div className='space-y-6'>
+            <TitledGreyBox title='Review Changes'>
+                {selectedEgg && eggPreview && (
+                    <div className='space-y-6'>
+                        {/* Summary */}
+                        <div className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg'>
+                            <h3 className='text-lg font-semibold text-neutral-200 mb-4'>Change Summary</h3>
+                            <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm'>
+                                <div>
+                                    <span className='text-neutral-400'>From:</span>
+                                    <div className='text-neutral-200 font-medium'>
+                                        {currentEggName || t('server.shell.no_software')}
                                     </div>
-                                    {index !== steps.length - 1 && (
-                                        <div
-                                            className={`${index < step ? 'border-brand' : 'border-[#ffffff12]'} border-t-2 border-dashed ml-4 w-[75%] hidden min-[480px]:block`}
-                                        ></div>
-                                    )}
                                 </div>
-                            ))}
+                                <div>
+                                    <span className='text-neutral-400'>{t('to')}:</span>
+                                    <div className='text-brand font-medium'>{selectedEgg.attributes.name}</div>
+                                </div>
+                                <div>
+                                    <span className='text-neutral-400'>{t('category')}:</span>
+                                    <div className='text-neutral-200 font-medium'>{selectedNest?.attributes.name}</div>
+                                </div>
+                                <div>
+                                    <span className='text-neutral-400'>{t('server.shell.docker_image')}:</span>
+                                    <div className='text-neutral-200 font-medium text-xs'>
+                                        {selectedDockerImage || 'Default'}
+                                    </div>
+                                </div>
+                            </div>
                         </div>
 
-                        <div className='border-t border-[#ffffff20] m-4 mt-0 mb-0' />
-
-                        <div className='p-4 pt-2'>
-                            {step == 0 && (
+                        {/* Startup Command Review */}
+                        <div className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg'>
+                            <h3 className='text-lg font-semibold text-neutral-200 mb-4'>
+                                {t('server.shell.startup_config')}
+                            </h3>
+                            <div className='space-y-3'>
                                 <div>
-                                    <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
-                                        {nests?.map((nest) =>
-                                            nest.attributes.name.includes(hidden_nest_prefix) ? null : (
-                                                <div
-                                                    key={nest.attributes.uuid}
-                                                    className={`cursor-pointer bg-[#3333332a] border-[1px] p-4 rounded-lg w-full text-left ${
-                                                        selectedNest?.attributes.uuid === nest.attributes.uuid
-                                                            ? 'border-[#555555ef]'
-                                                            : 'border-[#55555540]'
+                                    <span className='text-neutral-400 text-sm'>
+                                        {t('server.shell.startup_command')}:
+                                    </span>
+                                    <div className='mt-1 p-3 bg-[#ffffff08] border border-[#ffffff12] rounded-lg font-mono text-sm text-neutral-200 whitespace-pre-wrap'>
+                                        {customStartup || eggPreview.egg.startup}
+                                    </div>
+                                </div>
+                                <div>
+                                    <span className='text-neutral-400 text-sm'>{t('server.shell.docker_image')}:</span>
+                                    <div className='mt-1 p-3 bg-[#ffffff08] border border-[#ffffff12] rounded-lg text-sm text-neutral-200'>
+                                        {selectedDockerImage || 'Default Image'}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Configuration Review */}
+                        {eggPreview.variables.length > 0 && (
+                            <div className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg'>
+                                <h3 className='text-lg font-semibold text-neutral-200 mb-4'>
+                                    {t('server.shell.variable_config')}
+                                </h3>
+                                <div className='space-y-2'>
+                                    {eggPreview.variables.map((variable) => (
+                                        <div
+                                            key={variable.env_variable}
+                                            className='flex justify-between items-center py-2 px-3 bg-[#ffffff08] rounded-lg'
+                                        >
+                                            <div>
+                                                <span className='text-neutral-200 font-medium'>{variable.name}</span>
+                                                <span className='text-neutral-500 text-sm ml-2 font-mono'>
+                                                    ({variable.env_variable})
+                                                </span>
+                                            </div>
+                                            <div className='text-brand font-mono text-sm'>
+                                                {pendingVariables[variable.env_variable] ||
+                                                    variable.default_value ||
+                                                    t('common.not_set')}
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+                            </div>
+                        )}
+
+                        {/* Safety Options Review */}
+                        <div className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg'>
+                            <h3 className='text-lg font-semibold text-neutral-200 mb-4'>
+                                {t('server.shell.safety_options')}
+                            </h3>
+                            <div className='space-y-2'>
+                                <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff08] rounded-lg'>
+                                    <span className='text-neutral-200'>{t('server.shell.create_backup')}</span>
+                                    <span className={shouldBackup ? 'text-green-400' : 'text-neutral-400'}>
+                                        {shouldBackup ? t('yes') : t('no')}
+                                    </span>
+                                </div>
+                                <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff08] rounded-lg'>
+                                    <span className='text-neutral-200'>{t('server.shell.wipe_files')}</span>
+                                    <span className={shouldWipe ? 'text-amber-400' : 'text-neutral-400'}>
+                                        {shouldWipe ? t('yes') : t('no')}
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Subdomain Warnings */}
+                        {eggPreview.warnings && eggPreview.warnings.length > 0 && (
+                            <div className='space-y-3'>
+                                {eggPreview.warnings.map((warning, index) => (
+                                    <div
+                                        key={index}
+                                        className={`p-4 border rounded-lg ${
+                                            warning.severity === 'error'
+                                                ? 'bg-red-500/10 border-red-500/20'
+                                                : 'bg-amber-500/10 border-amber-500/20'
+                                        }`}
+                                    >
+                                        <div className='flex items-start gap-3'>
+                                            <HugeIconsAlert
+                                                fill='currentColor'
+                                                className={`w-5 h-5 flex-shrink-0 mt-0.5 ${
+                                                    warning.severity === 'error' ? 'text-red-400' : 'text-amber-400'
+                                                }`}
+                                            />
+                                            <div>
+                                                <h4
+                                                    className={`font-semibold mb-2 ${
+                                                        warning.severity === 'error' ? 'text-red-400' : 'text-amber-400'
                                                     }`}
                                                 >
-                                                    <div className='flex items-center justify-between'>
-                                                        <p className='text-neutral-200 text-md'>
-                                                            {nest.attributes.name}
-                                                        </p>
-                                                        <Button onClick={() => handleNestSelect(nest)}>Select</Button>
-                                                    </div>
-                                                    <p className='text-neutral-400 text-xs mt-2'>
-                                                        {nest.attributes.description}
-                                                    </p>
-                                                </div>
-                                            ),
-                                        )}
+                                                    {warning.type === 'subdomain_incompatible'
+                                                        ? t('server.shell.subdomain_incompatible')
+                                                        : t('warning')}
+                                                </h4>
+                                                <p className='text-sm text-neutral-300'>{warning.message}</p>
+                                            </div>
+                                        </div>
                                     </div>
-                                </div>
-                            )}
+                                ))}
+                            </div>
+                        )}
 
-                            {(step == 1 && selectedNest && (
+                        {/* General Warning */}
+                        <div className='p-4 bg-amber-500/10 border border-amber-500/20 rounded-lg'>
+                            <div className='flex items-start gap-3'>
+                                <HugeIconsAlert
+                                    fill='currentColor'
+                                    className='w-5 h-5 text-amber-400 flex-shrink-0 mt-0.5'
+                                />
                                 <div>
-                                    <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
-                                        {selectedNest.attributes.relationships.eggs.data.map((egg, eggIndex) => (
-                                            <div
-                                                key={egg.attributes.uuid}
-                                                className={`cursor-pointer border p-4 rounded-lg bg-[#3333332a] w-full ${
-                                                    selectedEgg?.attributes.uuid === egg.attributes.uuid
-                                                        ? 'border-[#555555ef]'
-                                                        : 'border-[#55555540]'
-                                                }`}
-                                            >
-                                                <div className='flex items-center justify-between'>
-                                                    <p className='text-neutral-300 text-md'>{egg.attributes.name}</p>
-                                                    <Button
-                                                        onClick={async () => {
-                                                            setSelectedEgg(egg);
-                                                            await handleEggSelect(egg);
-                                                        }}
-                                                    >
-                                                        Select
-                                                    </Button>
-                                                </div>
-                                                <p className='text-neutral-400 text-xs mt-2'>
-                                                    {renderEggDescription(egg.attributes.description, eggIndex)}
-                                                </p>
-                                            </div>
-                                        ))}
-                                    </div>
+                                    <h4 className='text-amber-400 font-semibold mb-2'>
+                                        {t('server.shell.important_warning')}
+                                    </h4>
+                                    <ul className='text-sm text-neutral-300 space-y-1'>
+                                        <li>• {t('server.shell.warning_1')}</li>
+                                        <li>• {t('server.shell.warning_2')}</li>
+                                        <li>• {t('server.shell.warning_3')}</li>
+                                        <li>• {t('server.shell.warning_4')}</li>
+                                    </ul>
                                 </div>
-                            )) ||
-                                (step == 1 && (
-                                    <div className='flex items-center justify-center h-[63svh]'>
-                                        <p className='text-neutral-300 '>Please select a game first</p>
-                                    </div>
-                                ))}
-
-                            {(step == 2 && selectedEgg && !currentEggName?.includes(blank_egg_prefix) && (
-                                <div className='flex flex-col gap-4'>
-                                    <div className='grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4'>
-                                        <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
-                                            {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (
-                                                <>
-                                                    <div className='flex flex-col'>
-                                                        <label
-                                                            htmlFor='backup'
-                                                            className='text-neutral-300 text-md font-bold'
-                                                        >
-                                                            Backups
-                                                        </label>
-                                                        <label
-                                                            htmlFor='backup'
-                                                            className='text-neutral-500 text-sm font-semibold'
-                                                        >
-                                                            Would you like to create a backup before continuing? Some
-                                                            data may be modified for removed during the process.
-                                                        </label>
-                                                    </div>
-                                                    <Switch
-                                                        name='backup'
-                                                        defaultChecked={shouldBackup}
-                                                        onCheckedChange={() => setShouldBackup(!shouldBackup)}
-                                                    />
-                                                </>
-                                            ) : (
-                                                <>
-                                                    <div className='flex flex-col'>
-                                                        <label
-                                                            htmlFor='backup'
-                                                            className='text-neutral-300 text-md font-bold'
-                                                        >
-                                                            Backups
-                                                        </label>
-                                                        <label
-                                                            htmlFor='backup'
-                                                            className='text-neutral-500 text-sm font-semibold'
-                                                        >
-                                                            You have reached the backup limit for this server. If you
-                                                            wish to create a backup cancel now and delete one or more
-                                                            existing backups
-                                                        </label>
-                                                    </div>
-                                                    <Switch name='backup' disabled />
-                                                </>
-                                            )}
-                                        </div>
-                                        <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
-                                            <div className='flex flex-col'>
-                                                <label htmlFor='wipe' className='text-neutral-300 text-md font-bold'>
-                                                    Wipe Data
-                                                </label>
-                                                <label
-                                                    htmlFor='wipe'
-                                                    className='text-neutral-500 text-sm font-semibold'
-                                                >
-                                                    In some cases you might want to completely wipe your server like if
-                                                    you are changing to a different game.
-                                                </label>
-                                            </div>
-                                            <Switch
-                                                name='wipe'
-                                                defaultChecked={shouldWipe}
-                                                onCheckedChange={() => setShouldWipe(!shouldWipe)}
-                                            />
-                                        </div>
-                                    </div>
-
-                                    <div className='border-t border-[#ffffff20]' />
-
-                                    {data && (
-                                        <div className='h-max lg:h-[39svh] flex flex-col justify-between'>
-                                            <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
-                                                {paginatedVariables.map((variable) => (
-                                                    <VariableBox key={variable.envVariable} variable={variable} />
-                                                ))}
-                                            </div>
-                                            <Pagination
-                                                data={{
-                                                    items: paginatedVariables,
-                                                    pagination: {
-                                                        currentPage,
-                                                        totalPages: Math.ceil(data.variables.length / ITEMS_PER_PAGE),
-                                                        total: data.variables.length,
-                                                        count: data.variables.length,
-                                                        perPage: ITEMS_PER_PAGE,
-                                                    },
-                                                }}
-                                                onPageSelect={setCurrentPage}
-                                            >
-                                                {() => <></>}
-                                            </Pagination>
-                                        </div>
-                                    )}
-
-                                    <div className='border-t border-[#ffffff20]' />
-
-                                    <Button onClick={() => confirmSelection()}>Confirm</Button>
-                                </div>
-                            )) ||
-                                (step == 2 && !currentEggName?.includes(blank_egg_prefix) && (
-                                    <div className='flex items-center justify-center h-[63svh]'>
-                                        <p className='text-neutral-300 '>Please select a egg first</p>
-                                    </div>
-                                ))}
+                            </div>
                         </div>
                     </div>
-                </div>
-            )}
+                )}
 
-            {!visible && (
-                <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] mt-6 p-1 flex flex-row justify-between items-center'>
-                    <div className='flex flex-row items-center gap-2 h-full'>
-                        <HugeIconsAlert
-                            fill='currentColor'
-                            className='w-[40px] h-[40px] m-2 mr-0 text-brand hidden md:block'
-                        />
-                        <div className='flex flex-col pb-1  m-2'>
-                            <h1 className='text-xl'>Danger Zone</h1>
-                            <p className='text-sm text-neutral-300'>
-                                During this process some files may be deleted or modified either make a backup before
-                                hand or pick the option when prompted.
-                            </p>
-                        </div>
+                <div className='flex flex-col sm:flex-row justify-center gap-3 pt-4'>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => setCurrentStep('step-4')}
+                        className='w-full sm:w-auto'
+                    >
+                        {t('server.shell.back_to_configure')}
+                    </ActionButton>
+                    <ActionButton
+                        variant='primary'
+                        onClick={applyChanges}
+                        disabled={isLoading}
+                        className='w-full sm:w-auto'
+                    >
+                        {isLoading && <Spinner size='small' />}
+                        {t('server.shell.apply_changes')}
+                    </ActionButton>
+                </div>
+            </TitledGreyBox>
+        </div>
+    );
+
+    // Show loading state if server data is not available
+    if (!serverData) {
+        return (
+            <ServerContentBlock title={t('server.shell.software_management')}>
+                <div className='flex items-center justify-center h-64'>
+                    <div className='flex flex-col items-center text-center'>
+                        <Spinner size='large' />
+                        <p className='text-neutral-400 mt-4'>{t('server.shell.loading_server_info')}</p>
                     </div>
                 </div>
-            )}
+            </ServerContentBlock>
+        );
+    }
+
+    return (
+        <ServerContentBlock title={t('server.shell.software_management')}>
+            <div className='space-y-6'>
+                <MainPageHeader direction='column' title={t('server.shell.software_management')}>
+                    <p className='text-neutral-400 leading-relaxed'>{t('server.shell.change_server_software_memo')}</p>
+                </MainPageHeader>
+
+                {/* Progress indicator */}
+                {currentStep !== t('server.shell.step_1') && (
+                    <div className='p-4 bg-[#ffffff08] border border-[#ffffff12] rounded-lg'>
+                        <div className='flex items-center justify-between mb-2'>
+                            <span className='text-sm font-medium text-neutral-200 capitalize'>
+                                {t(`server.shell.${currentStep.replace('-', '_')}`)}
+                            </span>
+                            <span className='text-sm text-neutral-400'>
+                                Step {['step-1', 'step-2', 'step-3', 'step-4', 'step-5'].indexOf(currentStep)}{' '}
+                                {t('server.shell.of_four')}
+                            </span>
+                        </div>
+                        <div className='w-full bg-[#ffffff12] rounded-full h-2'>
+                            <div
+                                className='bg-brand h-2 rounded-full transition-all duration-300'
+                                style={{
+                                    width: `${(['step-1', 'step-2', 'step-3', 'step-4', 'step-5'].indexOf(currentStep) / 4) * 100}%`,
+                                }}
+                            ></div>
+                        </div>
+                    </div>
+                )}
+
+                {/* Step Content */}
+                {currentStep === 'step-1' && renderOverview()}
+                {currentStep === 'step-2' && renderGameSelection()}
+                {currentStep === 'step-3' && renderSoftwareSelection()}
+                {currentStep === 'step-4' && renderConfiguration()}
+                {currentStep === 'step-5' && renderReview()}
+            </div>
+
+            {/* Wipe Files Confirmation Modal */}
+            <ConfirmationModal
+                title='Wipe All Files Without Backup?'
+                buttonText={wipeCountdown > 0 ? `Yes, Wipe Files (${wipeCountdown}s)` : 'Yes, Wipe Files'}
+                visible={showWipeConfirmation}
+                onConfirmed={handleWipeConfirm}
+                onModalDismissed={() => setShowWipeConfirmation(false)}
+                disabled={wipeCountdown > 0 && !shiftPressed}
+                loading={wipeLoading}
+            >
+                <div className='space-y-4'>
+                    <div className='flex items-start gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg'>
+                        <HugeIconsAlert fill='currentColor' className='w-5 h-5 text-red-400 flex-shrink-0 mt-0.5' />
+                        <div>
+                            <h4 className='text-red-400 font-semibold mb-2'>{t('server.shell.no_backup_selected')}</h4>
+                            <p className='text-sm text-neutral-300'>{t('server.shell.wipe_no_backup')}</p>
+                        </div>
+                    </div>
+                    <div className='text-sm text-neutral-300 space-y-2'>
+                        <p>
+                            <strong>What will happen:</strong>
+                        </p>
+                        <ul className='list-disc list-inside space-y-1 ml-4'>
+                            <li>{t('server.shell.last_warn_1')}</li>
+                            <li>{t('server.shell.last_warn_2')}</li>
+                            <li>{t('server.shell.last_warn_3')}</li>
+                            <li>{t('server.shell.last_warn_4')}</li>
+                        </ul>
+                    </div>
+                    <p className='text-sm text-neutral-300'>{t('server.shell.last_chance')}</p>
+                </div>
+            </ConfirmationModal>
+
+            {/* Operation Progress Modal */}
+            <OperationProgressModal
+                visible={showOperationModal}
+                operationId={currentOperationId}
+                operationType='Software Change'
+                onClose={closeOperationModal}
+                onComplete={handleOperationComplete}
+                onError={handleOperationError}
+            />
         </ServerContentBlock>
     );
 };
diff --git a/resources/scripts/components/server/startup/StartupContainer.tsx b/resources/scripts/components/server/startup/StartupContainer.tsx
index 355cb4b74..3a8c6fd37 100644
--- a/resources/scripts/components/server/startup/StartupContainer.tsx
+++ b/resources/scripts/components/server/startup/StartupContainer.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import isEqual from 'react-fast-compare';
 
+import ActionButton from '@/components/elements/ActionButton';
 import CopyOnClick from '@/components/elements/CopyOnClick';
 import {
     DropdownMenu,
@@ -16,22 +17,36 @@ import { ServerError } from '@/components/elements/ScreenBlock';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
 import Spinner from '@/components/elements/Spinner';
 import TitledGreyBox from '@/components/elements/TitledGreyBox';
+import { Dialog } from '@/components/elements/dialog';
 import VariableBox from '@/components/server/startup/VariableBox';
 
 import { httpErrorToHuman } from '@/api/http';
+import processStartupCommand from '@/api/server/processStartupCommand';
+import resetStartupCommand from '@/api/server/resetStartupCommand';
+import revertDockerImage from '@/api/server/revertDockerImage';
 import setSelectedDockerImage from '@/api/server/setSelectedDockerImage';
+import updateStartupCommand from '@/api/server/updateStartupCommand';
 import getServerStartup from '@/api/swr/getServerStartup';
 
 import { ServerContext } from '@/state/server';
 
 import { useDeepCompareEffect } from '@/plugins/useDeepCompareEffect';
 import useFlash from '@/plugins/useFlash';
+import { usePermissions } from '@/plugins/usePermissions';
 
 const StartupContainer = () => {
     const [loading, setLoading] = useState(false);
+    const [commandLoading, setCommandLoading] = useState(false);
+    const [editingCommand, setEditingCommand] = useState(false);
+    const [commandValue, setCommandValue] = useState('');
+    const [liveProcessedCommand, setLiveProcessedCommand] = useState('');
+    const [revertModalVisible, setRevertModalVisible] = useState(false);
     const { clearFlashes, clearAndAddHttpError } = useFlash();
+    const [canEditCommand] = usePermissions(['startup.command']);
+    const [canEditDockerImage] = usePermissions(['startup.docker-image']);
 
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const server = ServerContext.useStoreState((state) => state.server.data!, isEqual);
     const variables = ServerContext.useStoreState(
         ({ server }) => ({
             variables: server.data!.variables,
@@ -44,6 +59,7 @@ const StartupContainer = () => {
     const { data, error, isValidating, mutate } = getServerStartup(uuid, {
         ...variables,
         dockerImages: { [variables.dockerImage]: variables.dockerImage },
+        rawStartupCommand: '',
     });
 
     const ITEMS_PER_PAGE = 6;
@@ -61,11 +77,8 @@ const StartupContainer = () => {
             .includes(variables.dockerImage.toLowerCase());
 
     useEffect(() => {
-        // Since we're passing in initial data this will not trigger on mount automatically. We
-        // want to always fetch fresh information from the API however when we're loading the startup
-        // information.
         mutate();
-    }, []);
+    }, [mutate]);
 
     useDeepCompareEffect(() => {
         if (!data) return;
@@ -90,115 +103,470 @@ const StartupContainer = () => {
             .then(() => setLoading(false));
     };
 
+    const revertToEggDefault = () => {
+        setLoading(true);
+        clearFlashes('startup:image');
+
+        revertDockerImage(uuid)
+            .then(() => {
+                // Get the first docker image from the egg as the default
+                const defaultImage = data ? Object.values(data.dockerImages)[0] || '' : '';
+                setServerFromState((s) => ({ ...s, dockerImage: defaultImage }));
+                setRevertModalVisible(false);
+            })
+            .catch((error) => {
+                console.error(error);
+                clearAndAddHttpError({ key: 'startup:image', error });
+            })
+            .then(() => setLoading(false));
+    };
+
+    const updateCommand = () => {
+        setCommandLoading(true);
+        clearFlashes('startup:command');
+
+        updateStartupCommand(uuid, commandValue)
+            .then((invocation) => {
+                mutate(
+                    (data) => ({
+                        ...data!,
+                        invocation,
+                        rawStartupCommand: commandValue,
+                    }),
+                    false,
+                );
+                setEditingCommand(false);
+            })
+            .catch((error) => {
+                console.error(error);
+                clearAndAddHttpError({ key: 'startup:command', error });
+            })
+            .then(() => setCommandLoading(false));
+    };
+
+    const loadDefaultCommand = async () => {
+        try {
+            const defaultCommand = await resetStartupCommand(uuid);
+            setCommandValue(defaultCommand);
+            const processed = await processCommandLive(defaultCommand);
+            setLiveProcessedCommand(processed);
+        } catch (error) {
+            console.error('Failed to load default command:', error);
+        }
+    };
+
+    const processCommandLive = async (rawCommand: string): Promise<string> => {
+        try {
+            return await processStartupCommand(uuid, rawCommand);
+        } catch (error) {
+            console.error('Failed to process command:', error);
+            return rawCommand;
+        }
+    };
+
+    const startEditingCommand = async () => {
+        const initialCommand = data?.rawStartupCommand || '';
+        setCommandValue(initialCommand);
+        const processed = await processCommandLive(initialCommand);
+        setLiveProcessedCommand(processed);
+        setEditingCommand(true);
+    };
+
+    const cancelEditingCommand = () => {
+        setEditingCommand(false);
+        setCommandValue('');
+        setLiveProcessedCommand('');
+    };
+
+    const handleCommandChange = async (value: string) => {
+        setCommandValue(value);
+        const processed = await processCommandLive(value);
+        setLiveProcessedCommand(processed);
+    };
+
     return !data ? (
         !error || (error && isValidating) ? (
-            <Spinner centered size={Spinner.Size.LARGE} />
+            <div className='flex items-center justify-center min-h-[60vh]'>
+                <div className='flex flex-col items-center gap-4'>
+                    <Spinner centered size={Spinner.Size.LARGE} />
+                    <p className='text-sm text-neutral-400'>Loading startup configuration...</p>
+                </div>
+            </div>
         ) : (
             <ServerError title={'Oops!'} message={httpErrorToHuman(error)} />
         )
     ) : (
         <ServerContentBlock title={'Startup Settings'} showFlashKey={'startup:image'}>
-            <MainPageHeader direction='column' title='Startup Settings'>
-                <h2 className='text-sm'>
-                    These settings are used to control how your server starts up. Please be careful when modifying these
-                    settings as they can cause your server to become inoperable.
-                </h2>
-            </MainPageHeader>
-            <div className={`flex gap-8 lg:flex-row flex-col`}>
-                <TitledGreyBox title={'Startup Command'} className={`col-span-2`}>
-                    <CopyOnClick text={data.invocation}>
-                        <div className={`px-1 py-2`}>
-                            <p className={`font-mono bg-zinc-900 rounded py-2 px-4`}>{data.invocation}</p>
-                        </div>
-                    </CopyOnClick>
-                </TitledGreyBox>
-                <TitledGreyBox title={'Docker Image'} className='min-w-80'>
-                    {Object.keys(data.dockerImages).length > 1 && !isCustomImage ? (
-                        <>
-                            <InputSpinner visible={loading}>
-                                <DropdownMenu>
-                                    <DropdownMenuTrigger asChild>
-                                        <button className='flex items-center gap-2 font-bold text-sm px-3 py-1 rounded-md bg-[#ffffff11]'>
-                                            <div>{variables.dockerImage}</div>
-                                            <svg
-                                                xmlns='http://www.w3.org/2000/svg'
-                                                width='13'
-                                                height='13'
-                                                viewBox='0 0 13 13'
-                                                fill='none'
-                                            >
-                                                <path
-                                                    fillRule='evenodd'
-                                                    clipRule='evenodd'
-                                                    d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
-                                                    fill='white'
-                                                    fillOpacity='0.37'
-                                                />
-                                            </svg>
-                                        </button>
-                                    </DropdownMenuTrigger>
-                                    <DropdownMenuContent className='flex flex-col gap-1 z-[99999]' sideOffset={8}>
-                                        <DropdownMenuRadioGroup
-                                            value={variables.dockerImage}
-                                            onValueChange={(value) => updateSelectedDockerImage(value)}
-                                        >
-                                            {Object.keys(data.dockerImages).map((key) => (
-                                                <DropdownMenuRadioItem
-                                                    value={data.dockerImages[key] as string}
-                                                    key={data.dockerImages[key]}
-                                                >
-                                                    {key}
-                                                </DropdownMenuRadioItem>
-                                            ))}
-                                        </DropdownMenuRadioGroup>
-                                    </DropdownMenuContent>
-                                </DropdownMenu>
-                            </InputSpinner>
-                            <p className={`text-xs mt-2`}>
-                                This is an advanced feature allowing you to select a Docker image to use when running
-                                this server instance.
-                            </p>
-                        </>
-                    ) : (
-                        <>
-                            <span className={`text-neutral-400`}>{variables.dockerImage}</span>
-                            {isCustomImage && (
-                                <p className={`text-xs text-zinc-300 mt-2`}>
-                                    This {"server's"} Docker image has been manually set by an administrator and cannot
-                                    be changed through this UI.
-                                </p>
-                            )}
-                        </>
-                    )}
-                </TitledGreyBox>
-            </div>
-            {data && (
-                <>
-                    <h3 className={`mt-8 mb-4 text-2xl font-extrabold`}>Variables</h3>
-                    <div className='h-[47svh] flex flex-col justify-between'>
-                        <div className={`grid gap-2 md:grid-cols-2`}>
-                            {paginatedVariables.map((variable) => (
-                                <VariableBox key={variable.envVariable} variable={variable} />
-                            ))}
-                        </div>
-                        <Pagination
-                            data={{
-                                items: paginatedVariables,
-                                pagination: {
-                                    currentPage,
-                                    totalPages: Math.ceil(data.variables.length / ITEMS_PER_PAGE),
-                                    total: data.variables.length,
-                                    count: data.variables.length,
-                                    perPage: ITEMS_PER_PAGE,
-                                },
-                            }}
-                            onPageSelect={setCurrentPage}
-                        >
-                            {() => <></>}
-                        </Pagination>
+            <Dialog.Confirm
+                open={revertModalVisible}
+                title={'Revert Docker Image'}
+                confirm={'Yes, revert to default'}
+                onClose={() => setRevertModalVisible(false)}
+                onConfirmed={revertToEggDefault}
+                loading={loading}
+            >
+                <div className='space-y-3'>
+                    <p>
+                        This will revert your server&apos;s Docker image back to the egg&apos;s default specification.
+                    </p>
+                    <div className='bg-linear-to-b from-amber-500/10 to-amber-600/5 border border-amber-500/20 rounded-xl p-3'>
+                        <p className='text-sm text-amber-200'>
+                            <span className='font-medium'>⚠️ Warning:</span> You will not be able to set a custom image
+                            back without contacting support.
+                        </p>
                     </div>
-                </>
-            )}
+                    <p className='text-sm text-neutral-400'>Are you sure you want to continue?</p>
+                </div>
+            </Dialog.Confirm>
+            <div className='space-y-6'>
+                <MainPageHeader direction='column' title='Startup Settings'>
+                    <p className='text-sm text-neutral-400 leading-relaxed'>
+                        Configure how your server starts up. These settings control the startup command and environment
+                        variables.
+                        <span className='text-amber-400 font-medium'>
+                            {' '}
+                            Exercise caution when modifying these settings.
+                        </span>
+                    </p>
+                </MainPageHeader>
+
+                <div className='space-y-6'>
+                    <TitledGreyBox title={'Startup Command'} className='p-6'>
+                        <div className='space-y-4 mb-6'>
+                            <p className='text-sm text-neutral-400 leading-relaxed'>
+                                Configure the command that starts your server. You can edit the raw command or view the
+                                processed version with variables resolved.
+                            </p>
+                        </div>
+                        {editingCommand ? (
+                            <div className='space-y-4'>
+                                <div className='grid grid-cols-1 xl:grid-cols-2 gap-4 md:gap-6'>
+                                    <div>
+                                        <label className='block text-sm font-medium text-neutral-300 mb-3'>
+                                            Raw Command
+                                        </label>
+                                        <textarea
+                                            className='w-full h-32 sm:h-36 md:h-40 px-3 py-3 sm:px-4 sm:py-4 text-sm sm:text-base font-mono bg-linear-to-b from-[#ffffff12] to-[#ffffff08] border-2 border-blue-500/30 rounded-xl resize-none focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500/60 placeholder:text-neutral-500 transition-all touch-manipulation'
+                                            value={commandValue}
+                                            onChange={(e) => handleCommandChange(e.target.value)}
+                                            placeholder='Enter startup command with variables like {{SERVER_MEMORY}} or {{SERVER_PORT}}...'
+                                            style={{
+                                                wordBreak: 'break-all',
+                                                overflowWrap: 'break-word',
+                                                whiteSpace: 'pre-wrap',
+                                            }}
+                                        />
+                                    </div>
+                                    <div>
+                                        <label className='block text-sm font-medium text-neutral-300 mb-3'>
+                                            Live Preview
+                                        </label>
+                                        <CopyOnClick text={liveProcessedCommand}>
+                                            <div className='cursor-pointer group'>
+                                                <div className='w-full h-32 sm:h-36 md:h-40 px-3 py-3 sm:px-4 sm:py-4 font-mono bg-linear-to-b from-[#ffffff06] to-[#ffffff03] border-2 border-green-500/20 rounded-xl text-sm sm:text-base overflow-auto group-hover:border-green-500/40 transition-all'>
+                                                    <span
+                                                        className='break-all text-green-200'
+                                                        style={{
+                                                            wordBreak: 'break-all',
+                                                            overflowWrap: 'break-word',
+                                                            whiteSpace: 'pre-wrap',
+                                                        }}
+                                                    >
+                                                        {liveProcessedCommand ||
+                                                            'Enter a command to see the live preview...'}
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </CopyOnClick>
+                                    </div>
+                                </div>
+                                <div className='flex flex-col sm:flex-row gap-3 sm:gap-4 pt-4 border-t border-[#ffffff08]'>
+                                    <InputSpinner visible={commandLoading}>
+                                        <ActionButton
+                                            variant='primary'
+                                            size='md'
+                                            onClick={updateCommand}
+                                            disabled={commandLoading || !commandValue.trim()}
+                                            className='w-full sm:w-auto sm:flex-1 lg:flex-none lg:min-w-[140px]'
+                                        >
+                                            {commandLoading && <Spinner size='small' />}
+                                            {commandLoading ? 'Saving...' : 'Save Command'}
+                                        </ActionButton>
+                                    </InputSpinner>
+                                    <ActionButton
+                                        variant='secondary'
+                                        size='md'
+                                        onClick={loadDefaultCommand}
+                                        disabled={commandLoading}
+                                        className='w-full sm:w-auto sm:flex-1 lg:flex-none lg:min-w-[140px]'
+                                    >
+                                        Load Default
+                                    </ActionButton>
+                                    <ActionButton
+                                        variant='secondary'
+                                        size='md'
+                                        onClick={cancelEditingCommand}
+                                        disabled={commandLoading}
+                                        className='w-full sm:w-auto sm:flex-1 lg:flex-none lg:min-w-[140px]'
+                                    >
+                                        Cancel
+                                    </ActionButton>
+                                </div>
+                            </div>
+                        ) : (
+                            <div className='space-y-5'>
+                                {data.rawStartupCommand && (
+                                    <div className='space-y-3'>
+                                        <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3'>
+                                            <label className='text-sm font-medium text-neutral-300'>Raw Command</label>
+                                            {canEditCommand && (
+                                                <ActionButton
+                                                    variant='secondary'
+                                                    size='sm'
+                                                    onClick={startEditingCommand}
+                                                    className='w-full sm:w-auto'
+                                                >
+                                                    Edit Command
+                                                </ActionButton>
+                                            )}
+                                        </div>
+                                        <CopyOnClick text={data.rawStartupCommand}>
+                                            <div className='cursor-pointer group'>
+                                                <div className='font-mono bg-linear-to-b from-[#ffffff08] to-[#ffffff05] border border-[#ffffff10] rounded-xl py-3 px-3 sm:py-4 sm:px-4 text-sm sm:text-base min-h-[3.5rem] sm:min-h-[4rem] overflow-auto group-hover:border-[#ffffff20] transition-all'>
+                                                    <span
+                                                        className='break-all text-neutral-200'
+                                                        style={{
+                                                            wordBreak: 'break-all',
+                                                            overflowWrap: 'break-word',
+                                                            whiteSpace: 'pre-wrap',
+                                                        }}
+                                                    >
+                                                        {data.rawStartupCommand}
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </CopyOnClick>
+                                    </div>
+                                )}
+                                <div className='space-y-3'>
+                                    <div className='flex flex-col sm:flex-row sm:items-center gap-2'>
+                                        <label className='text-sm font-medium text-neutral-300'>
+                                            Processed Command
+                                        </label>
+                                        <span className='text-xs text-neutral-500 bg-neutral-800/50 px-2 py-1 rounded border border-neutral-700/50 w-fit'>
+                                            Read-only
+                                        </span>
+                                    </div>
+                                    <CopyOnClick text={data.invocation}>
+                                        <div className='cursor-pointer group'>
+                                            <div className='font-mono bg-linear-to-b from-[#ffffff04] to-[#ffffff02] border border-[#ffffff08] rounded-xl py-3 px-3 sm:py-4 sm:px-4 text-sm sm:text-base min-h-[3.5rem] sm:min-h-[4rem] overflow-auto group-hover:border-[#ffffff15] transition-all'>
+                                                <span
+                                                    className='break-all text-neutral-300'
+                                                    style={{
+                                                        wordBreak: 'break-all',
+                                                        overflowWrap: 'break-word',
+                                                        whiteSpace: 'pre-wrap',
+                                                    }}
+                                                >
+                                                    {data.invocation}
+                                                </span>
+                                            </div>
+                                        </div>
+                                    </CopyOnClick>
+                                </div>
+                            </div>
+                        )}
+                    </TitledGreyBox>
+
+                    <TitledGreyBox title={'Docker Image'} className='p-6'>
+                        <div className='space-y-4 mb-6'>
+                            <p className='text-sm text-neutral-400 leading-relaxed'>
+                                The container image used to run your server. Different images provide different software
+                                versions and configurations.
+                            </p>
+                        </div>
+                        {Object.keys(data.dockerImages).length > 1 && !isCustomImage ? (
+                            <div className='space-y-4'>
+                                <InputSpinner visible={loading}>
+                                    <DropdownMenu>
+                                        <DropdownMenuTrigger asChild>
+                                            <button className='w-full flex items-center justify-between gap-3 font-medium text-sm sm:text-base px-3 py-3 sm:px-4 sm:py-3 rounded-xl bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#ffffff15] hover:from-[#ffffff15] hover:to-[#ffffff10] hover:border-[#ffffff25] transition-all cursor-pointer touch-manipulation'>
+                                                <span className='truncate text-left font-mono text-neutral-200'>
+                                                    {Object.keys(data.dockerImages).find(
+                                                        (key) => data.dockerImages[key] === variables.dockerImage,
+                                                    ) || variables.dockerImage}
+                                                </span>
+                                                <svg
+                                                    xmlns='http://www.w3.org/2000/svg'
+                                                    width='16'
+                                                    height='16'
+                                                    viewBox='0 0 13 13'
+                                                    fill='none'
+                                                    className='flex-shrink-0 opacity-60'
+                                                >
+                                                    <path
+                                                        fillRule='evenodd'
+                                                        clipRule='evenodd'
+                                                        d='M3.39257 5.3429C3.48398 5.25161 3.60788 5.20033 3.73707 5.20033C3.86626 5.20033 3.99016 5.25161 4.08157 5.3429L6.49957 7.7609L8.91757 5.3429C8.9622 5.29501 9.01602 5.25659 9.07582 5.22995C9.13562 5.2033 9.20017 5.18897 9.26563 5.18782C9.33109 5.18667 9.39611 5.19871 9.45681 5.22322C9.51751 5.24774 9.57265 5.28424 9.61895 5.33053C9.66524 5.37682 9.70173 5.43196 9.72625 5.49267C9.75077 5.55337 9.76281 5.61839 9.76166 5.68384C9.7605 5.7493 9.74617 5.81385 9.71953 5.87365C9.69288 5.93345 9.65447 5.98727 9.60657 6.0319L6.84407 8.7944C6.75266 8.8857 6.62876 8.93698 6.49957 8.93698C6.37038 8.93698 6.24648 8.8857 6.15507 8.7944L3.39257 6.0319C3.30128 5.9405 3.25 5.81659 3.25 5.6874C3.25 5.55822 3.30128 5.43431 3.39257 5.3429Z'
+                                                        fill='white'
+                                                        fillOpacity='0.6'
+                                                    />
+                                                </svg>
+                                            </button>
+                                        </DropdownMenuTrigger>
+                                        <DropdownMenuContent className='flex flex-col gap-1 z-99999' sideOffset={8}>
+                                            <DropdownMenuRadioGroup
+                                                value={variables.dockerImage}
+                                                onValueChange={(value) => updateSelectedDockerImage(value)}
+                                            >
+                                                {Object.keys(data.dockerImages).map((key) => (
+                                                    <DropdownMenuRadioItem
+                                                        value={data.dockerImages[key] as string}
+                                                        key={data.dockerImages[key]}
+                                                    >
+                                                        {key}
+                                                    </DropdownMenuRadioItem>
+                                                ))}
+                                            </DropdownMenuRadioGroup>
+                                        </DropdownMenuContent>
+                                    </DropdownMenu>
+                                </InputSpinner>
+                            </div>
+                        ) : (
+                            <div className='space-y-4'>
+                                <div className='bg-linear-to-b from-[#ffffff08] to-[#ffffff05] border border-[#ffffff10] rounded-xl py-3 px-3 sm:py-4 sm:px-4 overflow-auto'>
+                                    <span
+                                        className='text-sm sm:text-base font-mono break-all text-neutral-200'
+                                        style={{
+                                            wordBreak: 'break-all',
+                                            overflowWrap: 'break-word',
+                                            whiteSpace: 'pre-wrap',
+                                        }}
+                                    >
+                                        {Object.keys(data.dockerImages).find(
+                                            (key) => data.dockerImages[key] === variables.dockerImage,
+                                        ) || variables.dockerImage}
+                                    </span>
+                                </div>
+                                {isCustomImage && (
+                                    <div className='bg-linear-to-b from-amber-500/10 to-amber-600/5 border border-amber-500/20 rounded-xl p-3 sm:p-4'>
+                                        <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3'>
+                                            <div className='flex-1'>
+                                                <p className='text-sm text-amber-200'>
+                                                    <span className='font-medium'>Notice:</span> This server&apos;s
+                                                    Docker image has been manually set by an administrator and cannot be
+                                                    changed through this interface.
+                                                </p>
+                                                {canEditDockerImage && (
+                                                    <p className='text-xs text-amber-300/80 mt-2'>
+                                                        You can revert to the egg&apos;s default image, but you
+                                                        won&apos;t be able to set it back without contacting support.
+                                                    </p>
+                                                )}
+                                            </div>
+                                            {canEditDockerImage && (
+                                                <div className='flex-shrink-0'>
+                                                    <InputSpinner visible={loading}>
+                                                        <ActionButton
+                                                            variant='secondary'
+                                                            size='sm'
+                                                            onClick={() => setRevertModalVisible(true)}
+                                                            disabled={loading}
+                                                            className='w-full sm:w-auto text-amber-200 bg-linear-to-b from-amber-600/20 to-amber-700/20 border-amber-500/40 hover:from-amber-500/30 hover:to-amber-600/30 hover:border-amber-500/60 hover:text-amber-100'
+                                                        >
+                                                            {loading && <Spinner size='small' />}
+                                                            Revert to Default
+                                                        </ActionButton>
+                                                    </InputSpinner>
+                                                </div>
+                                            )}
+                                        </div>
+                                    </div>
+                                )}
+                            </div>
+                        )}
+                    </TitledGreyBox>
+                </div>
+
+                {data && data.variables.length > 0 && (
+                    <div className='space-y-6'>
+                        <div className='space-y-3'>
+                            <h3 className='text-2xl font-extrabold text-neutral-200'>Environment Variables</h3>
+                            <p className='text-sm text-neutral-400 leading-relaxed'>
+                                Configure environment variables that will be available to your server. These variables
+                                can be used to customize server behavior and settings.
+                            </p>
+                        </div>
+
+                        <div className='bg-linear-to-b from-[#ffffff04] to-[#ffffff02] border border-[#ffffff08] rounded-xl p-4'>
+                            <div className='space-y-3'>
+                                <h4 className='text-sm font-medium text-neutral-300'>Global Server Variables</h4>
+                                <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 text-xs'>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_MEMORY}}'}</span>
+                                        <span className='text-neutral-300 font-mono'>
+                                            {server?.limits?.memory || 1024}
+                                        </span>
+                                    </div>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_IP}}'}</span>
+                                        <span className='text-neutral-300 font-mono'>
+                                            {server?.allocations?.find((a) => a.isDefault)?.ip || '0.0.0.0'}
+                                        </span>
+                                    </div>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_PORT}}'}</span>
+                                        <span className='text-neutral-300 font-mono'>
+                                            {server?.allocations?.find((a) => a.isDefault)?.port || 25565}
+                                        </span>
+                                    </div>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_UUID}}'}</span>
+                                        <span className='text-neutral-300 font-mono text-xs truncate'>{uuid}</span>
+                                    </div>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_NAME}}'}</span>
+                                        <span className='text-neutral-300 font-mono truncate'>
+                                            {server?.name || 'My Server'}
+                                        </span>
+                                    </div>
+                                    <div className='flex justify-between items-center py-2 px-3 bg-[#ffffff06] rounded border border-[#ffffff08]'>
+                                        <span className='font-mono text-neutral-400'>{'{{SERVER_CPU}}'}</span>
+                                        <span className='text-neutral-300 font-mono'>{server?.limits?.cpu || 100}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className='min-h-[40svh] flex flex-col justify-between'>
+                            <div className='grid gap-3 sm:gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3'>
+                                {paginatedVariables.map((variable) => (
+                                    <VariableBox key={variable.envVariable} variable={variable} />
+                                ))}
+                            </div>
+                            {data.variables.length > ITEMS_PER_PAGE && (
+                                <div className='mt-6 pt-4 border-t border-[#ffffff10]'>
+                                    <Pagination
+                                        data={{
+                                            items: paginatedVariables,
+                                            pagination: {
+                                                currentPage,
+                                                totalPages: Math.ceil(data.variables.length / ITEMS_PER_PAGE),
+                                                total: data.variables.length,
+                                                count: data.variables.length,
+                                                perPage: ITEMS_PER_PAGE,
+                                            },
+                                        }}
+                                        onPageSelect={setCurrentPage}
+                                    >
+                                        {() => <></>}
+                                    </Pagination>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                )}
+            </div>
         </ServerContentBlock>
     );
 };
diff --git a/resources/scripts/components/server/startup/VariableBox.tsx b/resources/scripts/components/server/startup/VariableBox.tsx
index fc1d91f34..fbdacd175 100644
--- a/resources/scripts/components/server/startup/VariableBox.tsx
+++ b/resources/scripts/components/server/startup/VariableBox.tsx
@@ -71,22 +71,39 @@ const VariableBox = ({ variable }: Props) => {
     const selectValues = variable.rules.find((v) => v.startsWith('in:'))?.split(',') || [];
 
     return (
-        <div
-            className={`flex flex-col justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg`}
-        >
+        <div className='flex flex-col justify-between gap-4 bg-linear-to-b from-[#ffffff08] to-[#ffffff05] border-[1px] border-[#ffffff15] p-4 sm:p-5 rounded-xl hover:border-[#ffffff20] transition-all'>
             <FlashMessageRender byKey={FLASH_KEY} />
-            <div className={`text-sm mb-2`}>
-                <div className={`flex items-center gap-2`}>
-                    {!variable.isEditable && (
-                        <HugeIconsSquareLock fill={'currentColor'} className={`text-neutral-600`} />
-                    )}
-                    {variable.name}
+            <div className='space-y-3'>
+                <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-3'>
+                    <div className='flex items-center gap-2 min-w-0'>
+                        {!variable.isEditable && (
+                            <HugeIconsSquareLock
+                                fill={'currentColor'}
+                                className='text-neutral-500 w-4 h-4 flex-shrink-0'
+                            />
+                        )}
+                        <span className='text-sm font-medium text-neutral-200 break-words'>{variable.name}</span>
+                    </div>
+                    <div className='text-xs text-neutral-500 font-mono bg-neutral-800/30 px-2 py-1 rounded border border-neutral-700/30 w-fit'>
+                        {variable.envVariable}
+                    </div>
                 </div>
-                <p className={`mt-1 text-xs text-neutral-300`}>{variable.description}</p>
+                <p className='text-xs sm:text-sm text-neutral-400 leading-relaxed break-words'>
+                    {variable.description}
+                </p>
             </div>
             <InputSpinner visible={loading}>
                 {useSwitch ? (
-                    <>
+                    <div className='flex items-center justify-between p-3 sm:p-4 bg-linear-to-b from-[#ffffff06] to-[#ffffff03] border border-[#ffffff10] rounded-xl'>
+                        <span className='text-sm font-medium text-neutral-300'>
+                            {isStringSwitch
+                                ? variable.serverValue === 'true'
+                                    ? 'Enabled'
+                                    : 'Disabled'
+                                : variable.serverValue === '1'
+                                  ? 'On'
+                                  : 'Off'}
+                        </span>
                         <Switch
                             disabled={!canEdit || !variable.isEditable}
                             name={variable.envVariable}
@@ -103,64 +120,62 @@ const VariableBox = ({ variable }: Props) => {
                                 }
                             }}
                         />
-                    </>
+                    </div>
                 ) : (
                     <>
                         {selectValues.length > 0 && (variable.serverValue ?? variable.defaultValue) ? (
-                            <>
-                                <DropdownMenu onOpenChange={(open) => setDropDownOpen(open)}>
-                                    <DropdownMenuTrigger asChild>
-                                        <button
-                                            className='flex items-center justify-center h-8 px-4 text-sm font-medium text-white transition-colors duration-150 bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] inner-border-[1px] inner-border-[#ffffff15] border border-transparent rounded-xl shadow-sm hover:from-[#ffffff05] hover:to-[#ffffff04]'
-                                            disabled={!canEdit || !variable.isEditable}
-                                        >
+                            <DropdownMenu onOpenChange={(open) => setDropDownOpen(open)}>
+                                <DropdownMenuTrigger asChild>
+                                    <button
+                                        className='w-full flex items-center justify-between gap-3 h-11 sm:h-12 px-3 sm:px-4 text-sm font-medium text-white transition-all duration-200 bg-linear-to-b from-[#ffffff10] to-[#ffffff09] border border-[#ffffff15] rounded-xl hover:from-[#ffffff15] hover:to-[#ffffff10] hover:border-[#ffffff25] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed touch-manipulation'
+                                        disabled={!canEdit || !variable.isEditable}
+                                    >
+                                        <span className='font-mono text-neutral-200 truncate text-left'>
                                             {variable.serverValue}
-                                            {dropDownOpen ? (
-                                                <HugeIconsArrowUp
-                                                    fill={'currentColor'}
-                                                    className={`ml-2 w-[16px] h-[16px]`}
-                                                />
-                                            ) : (
-                                                <HugeIconsArrowDown
-                                                    fill={'currentColor'}
-                                                    className={`ml-2 w-[16px] h-[16px]`}
-                                                />
-                                            )}
-                                        </button>
-                                    </DropdownMenuTrigger>
-                                    <DropdownMenuContent className='z-[99999]' sideOffset={8}>
-                                        <DropdownMenuRadioGroup
-                                            value={variable.serverValue}
-                                            onValueChange={setVariableValue}
-                                        >
-                                            {selectValues.map((selectValue) => (
-                                                <DropdownMenuRadioItem
-                                                    key={selectValue.replace('in:', '')}
-                                                    value={selectValue.replace('in:', '')}
-                                                >
-                                                    {selectValue.replace('in:', '')}
-                                                </DropdownMenuRadioItem>
-                                            ))}
-                                        </DropdownMenuRadioGroup>
-                                    </DropdownMenuContent>
-                                </DropdownMenu>
-                            </>
+                                        </span>
+                                        {dropDownOpen ? (
+                                            <HugeIconsArrowUp
+                                                fill={'currentColor'}
+                                                className='w-[14px] h-[14px] opacity-60 flex-shrink-0'
+                                            />
+                                        ) : (
+                                            <HugeIconsArrowDown
+                                                fill={'currentColor'}
+                                                className='w-[14px] h-[14px] opacity-60 flex-shrink-0'
+                                            />
+                                        )}
+                                    </button>
+                                </DropdownMenuTrigger>
+                                <DropdownMenuContent className='z-99999' sideOffset={8}>
+                                    <DropdownMenuRadioGroup
+                                        value={variable.serverValue ?? ''}
+                                        onValueChange={setVariableValue}
+                                    >
+                                        {selectValues.map((selectValue) => (
+                                            <DropdownMenuRadioItem
+                                                key={selectValue.replace('in:', '')}
+                                                value={selectValue.replace('in:', '')}
+                                            >
+                                                {selectValue.replace('in:', '')}
+                                            </DropdownMenuRadioItem>
+                                        ))}
+                                    </DropdownMenuRadioGroup>
+                                </DropdownMenuContent>
+                            </DropdownMenu>
                         ) : (
-                            <>
-                                <Input
-                                    className='w-1/2'
-                                    onKeyUp={(e) => {
-                                        if (canEdit && variable.isEditable) {
-                                            setVariableValue(e.currentTarget.value);
-                                        }
-                                    }}
-                                    readOnly={!canEdit || !variable.isEditable}
-                                    name={variable.envVariable}
-                                    defaultValue={variable.serverValue ?? ''}
-                                    placeholder={variable.defaultValue}
-                                    disabled={!canEdit || !variable.isEditable}
-                                />
-                            </>
+                            <Input
+                                className='w-full h-11 sm:h-12 text-sm sm:text-base'
+                                onKeyUp={(e) => {
+                                    if (canEdit && variable.isEditable) {
+                                        setVariableValue(e.currentTarget.value);
+                                    }
+                                }}
+                                readOnly={!canEdit || !variable.isEditable}
+                                name={variable.envVariable}
+                                defaultValue={variable.serverValue ?? ''}
+                                placeholder={variable.defaultValue || 'Enter value...'}
+                                disabled={!canEdit || !variable.isEditable}
+                            />
                         )}
                     </>
                 )}
diff --git a/resources/scripts/components/server/users/AddSubuserButton.tsx b/resources/scripts/components/server/users/AddSubuserButton.tsx
deleted file mode 100644
index 2c9ef2b1c..000000000
--- a/resources/scripts/components/server/users/AddSubuserButton.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useState } from 'react';
-
-import EditSubuserModal from '@/components/server/users/EditSubuserModal';
-
-export default () => {
-    const [visible, setVisible] = useState(false);
-
-    return (
-        <>
-            <EditSubuserModal visible={visible} onModalDismissed={() => setVisible(false)} />
-            <button
-                style={{
-                    background:
-                        'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',
-                }}
-                className='px-8 py-3 border-[1px] border-[#ffffff12] rounded-full text-sm font-bold shadow-md'
-                onClick={() => setVisible(true)}
-            >
-                New User
-            </button>
-        </>
-    );
-};
diff --git a/resources/scripts/components/server/users/CreateUserContainer.tsx b/resources/scripts/components/server/users/CreateUserContainer.tsx
new file mode 100644
index 000000000..1847e4193
--- /dev/null
+++ b/resources/scripts/components/server/users/CreateUserContainer.tsx
@@ -0,0 +1,51 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+import ActionButton from '@/components/elements/ActionButton';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
+import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import HugeIconsArrowLeft from '@/components/elements/hugeicons/ArrowLeft';
+import UserFormComponent from '@/components/server/users/UserFormComponent';
+
+import { ServerContext } from '@/state/server';
+
+const CreateUserContainer = () => {
+    const navigate = useNavigate();
+    const [isSubmitting, setIsSubmitting] = useState(false);
+
+    const serverId = ServerContext.useStoreState((state) => state.server.data!.id);
+
+    const handleSuccess = () => {
+        navigate(`/server/${serverId}/users`);
+    };
+
+    const handleCancel = () => {
+        navigate(`/server/${serverId}/users`);
+    };
+
+    return (
+        <ServerContentBlock title={'Create User'}>
+            <MainPageHeader title={'Create New User'}>
+                <ActionButton
+                    variant='secondary'
+                    onClick={() => navigate(`/server/${serverId}/users`)}
+                    className='flex items-center gap-2'
+                    disabled={isSubmitting}
+                >
+                    <HugeIconsArrowLeft className='w-4 h-4' fill='currentColor' />
+                    Back to Users
+                </ActionButton>
+            </MainPageHeader>
+
+            <UserFormComponent
+                onSuccess={handleSuccess}
+                onCancel={handleCancel}
+                flashKey='user:create'
+                isSubmitting={isSubmitting}
+                setIsSubmitting={setIsSubmitting}
+            />
+        </ServerContentBlock>
+    );
+};
+
+export default CreateUserContainer;
diff --git a/resources/scripts/components/server/users/EditSubuserModal.tsx b/resources/scripts/components/server/users/EditSubuserModal.tsx
deleted file mode 100644
index 5b8aa55f8..000000000
--- a/resources/scripts/components/server/users/EditSubuserModal.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import ModalContext from '@/context/ModalContext';
-import { Actions, useStoreActions, useStoreState } from 'easy-peasy';
-import { Form, Formik } from 'formik';
-import { useContext, useEffect, useRef } from 'react';
-import { array, object, string } from 'yup';
-
-import FlashMessageRender from '@/components/FlashMessageRender';
-import Can from '@/components/elements/Can';
-import Field from '@/components/elements/Field';
-import { Button } from '@/components/elements/button/index';
-import PermissionRow from '@/components/server/users/PermissionRow';
-import PermissionTitleBox from '@/components/server/users/PermissionTitleBox';
-
-import asModal from '@/hoc/asModal';
-
-import createOrUpdateSubuser from '@/api/server/users/createOrUpdateSubuser';
-
-import { ApplicationStore } from '@/state';
-import { ServerContext } from '@/state/server';
-import { Subuser } from '@/state/server/subusers';
-
-import { useDeepCompareMemo } from '@/plugins/useDeepCompareMemo';
-import { usePermissions } from '@/plugins/usePermissions';
-
-type Props = {
-    subuser?: Subuser;
-};
-
-interface Values {
-    email: string;
-    permissions: string[];
-}
-
-const EditSubuserModal = ({ subuser }: Props) => {
-    const ref = useRef<HTMLHeadingElement>(null);
-    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
-    const appendSubuser = ServerContext.useStoreActions((actions) => actions.subusers.appendSubuser);
-    const { clearFlashes, clearAndAddHttpError } = useStoreActions(
-        (actions: Actions<ApplicationStore>) => actions.flashes,
-    );
-    const { dismiss, setPropOverrides } = useContext(ModalContext);
-
-    const isRootAdmin = useStoreState((state) => state.user.data!.rootAdmin);
-    const permissions = useStoreState((state) => state.permissions.data);
-    // The currently logged in user's permissions. We're going to filter out any permissions
-    // that they should not need.
-    const loggedInPermissions = ServerContext.useStoreState((state) => state.server.permissions);
-    const [canEditUser] = usePermissions(subuser ? ['user.update'] : ['user.create']);
-
-    useEffect(() => {
-        setPropOverrides({ title: subuser ? `Permissions for ${subuser.email}` : 'Create new subuser' });
-    }, []);
-
-    // The permissions that can be modified by this user.
-    const editablePermissions = useDeepCompareMemo(() => {
-        const cleaned = Object.keys(permissions).map((key) =>
-            Object.keys(permissions[key]?.keys ?? {}).map((pkey) => `${key}.${pkey}`),
-        );
-
-        const list: string[] = ([] as string[]).concat.apply([], Object.values(cleaned));
-
-        if (isRootAdmin || (loggedInPermissions.length === 1 && loggedInPermissions[0] === '*')) {
-            return list;
-        }
-
-        return list.filter((key) => loggedInPermissions.indexOf(key) >= 0);
-    }, [isRootAdmin, permissions, loggedInPermissions]);
-
-    const submit = (values: Values) => {
-        setPropOverrides({ showSpinnerOverlay: true });
-        clearFlashes('user:edit');
-
-        createOrUpdateSubuser(uuid, values, subuser)
-            .then((subuser) => {
-                appendSubuser(subuser);
-                dismiss();
-            })
-            .catch((error) => {
-                console.error(error);
-                setPropOverrides(null);
-                clearAndAddHttpError({ key: 'user:edit', error });
-
-                if (ref.current) {
-                    ref.current.scrollIntoView();
-                }
-            });
-    };
-
-    useEffect(
-        () => () => {
-            clearFlashes('user:edit');
-        },
-        [],
-    );
-
-    return (
-        <Formik
-            onSubmit={submit}
-            initialValues={
-                {
-                    email: subuser?.email || '',
-                    permissions: subuser?.permissions || [],
-                } as Values
-            }
-            validationSchema={object().shape({
-                email: string()
-                    .max(191, 'Email addresses must not exceed 191 characters.')
-                    .email('A valid email address must be provided.')
-                    .required('A valid email address must be provided.'),
-                permissions: array().of(string()),
-            })}
-        >
-            <Form>
-                <FlashMessageRender byKey={'user:edit'} />
-                {!isRootAdmin && loggedInPermissions[0] !== '*' && (
-                    <div className={`mt-4 pl-4 py-2 border-l-4 border-blue-400`}>
-                        <p className={`text-sm text-zinc-300`}>
-                            Only permissions which your account is currently assigned may be selected when creating or
-                            modifying other users.
-                        </p>
-                    </div>
-                )}
-                {!subuser && (
-                    <div className={`mb-6`}>
-                        <Field
-                            name={'email'}
-                            label={'User Email'}
-                            description={
-                                'Enter the email address of the user you wish to invite as a subuser for this server.'
-                            }
-                        />
-                    </div>
-                )}
-                <div className={`flex flex-col gap-4`}>
-                    {Object.keys(permissions)
-                        .filter((key) => key !== 'websocket')
-                        .map((key, _) => (
-                            <PermissionTitleBox
-                                key={`permission_${key}`}
-                                title={key}
-                                isEditable={canEditUser}
-                                permissions={Object.keys(permissions[key]?.keys ?? {}).map((pkey) => `${key}.${pkey}`)}
-                            >
-                                <p className={`text-sm text-neutral-400 mb-4`}>{permissions[key]?.description}</p>
-                                <div className='flex flex-col gap-4'>
-                                    {Object.keys(permissions[key]?.keys ?? {}).map((pkey) => (
-                                        <PermissionRow
-                                            key={`permission_${key}.${pkey}`}
-                                            permission={`${key}.${pkey}`}
-                                            disabled={!canEditUser || editablePermissions.indexOf(`${key}.${pkey}`) < 0}
-                                        />
-                                    ))}
-                                </div>
-                            </PermissionTitleBox>
-                        ))}
-                </div>
-                <Can action={subuser ? 'user.update' : 'user.create'}>
-                    <div className={`my-6 flex justify-end`}>
-                        <Button type={'submit'} className={`w-full sm:w-auto`}>
-                            {subuser ? 'Save' : 'Invite User'}
-                        </Button>
-                    </div>
-                </Can>
-            </Form>
-        </Formik>
-    );
-};
-
-export default asModal<Props>({
-    top: false,
-    children: <EditSubuserModal />,
-})(EditSubuserModal);
diff --git a/resources/scripts/components/server/users/EditUserContainer.tsx b/resources/scripts/components/server/users/EditUserContainer.tsx
new file mode 100644
index 000000000..4f2ebe28d
--- /dev/null
+++ b/resources/scripts/components/server/users/EditUserContainer.tsx
@@ -0,0 +1,116 @@
+import { useEffect, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+
+import ActionButton from '@/components/elements/ActionButton';
+import { MainPageHeader } from '@/components/elements/MainPageHeader';
+import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import HugeIconsArrowLeft from '@/components/elements/hugeicons/ArrowLeft';
+import HugeIconsUser from '@/components/elements/hugeicons/User';
+import UserFormComponent from '@/components/server/users/UserFormComponent';
+
+import { ServerContext } from '@/state/server';
+import { Subuser } from '@/state/server/subusers';
+
+const EditUserContainer = () => {
+    const navigate = useNavigate();
+    const { id } = useParams<{ id: string }>();
+    const [isSubmitting, setIsSubmitting] = useState(false);
+
+    const serverId = ServerContext.useStoreState((state) => state.server.data!.id);
+    const subusers = ServerContext.useStoreState((state) => state.subusers.data);
+
+    // Find the subuser by UUID
+    const subuser = subusers.find((s: Subuser) => s.uuid === id);
+
+    useEffect(() => {
+        // If subuser not found, redirect back to users list
+        if (!subuser && subusers.length > 0) {
+            navigate(`/server/${serverId}/users`);
+        }
+    }, [subuser, subusers, navigate, serverId]);
+
+    const handleSuccess = () => {
+        navigate(`/server/${serverId}/users`);
+    };
+
+    const handleCancel = () => {
+        navigate(`/server/${serverId}/users`);
+    };
+
+    // Show loading state while we're waiting for subusers to load
+    if (!subuser && subusers.length === 0) {
+        return (
+            <ServerContentBlock title={'Edit User'}>
+                <MainPageHeader title={'Edit User'}>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => navigate(`/server/${serverId}/users`)}
+                        className='flex items-center gap-2'
+                    >
+                        <HugeIconsArrowLeft className='w-4 h-4' fill='currentColor' />
+                        Back to Users
+                    </ActionButton>
+                </MainPageHeader>
+                <div className='flex items-center justify-center py-12'>
+                    <div className='animate-spin rounded-full h-8 w-8 border-b-2 border-brand'></div>
+                </div>
+            </ServerContentBlock>
+        );
+    }
+
+    // If subuser not found after loading, show not found message
+    if (!subuser) {
+        return (
+            <ServerContentBlock title={'Edit User'}>
+                <MainPageHeader title={'Edit User'}>
+                    <ActionButton
+                        variant='secondary'
+                        onClick={() => navigate(`/server/${serverId}/users`)}
+                        className='flex items-center gap-2'
+                    >
+                        <HugeIconsArrowLeft className='w-4 h-4' fill='currentColor' />
+                        Back to Users
+                    </ActionButton>
+                </MainPageHeader>
+                <div className='flex flex-col items-center justify-center py-12 px-4'>
+                    <div className='text-center'>
+                        <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                            <HugeIconsUser className='w-8 h-8 text-zinc-400' fill='currentColor' />
+                        </div>
+                        <h3 className='text-lg font-medium text-zinc-200 mb-2'>User not found</h3>
+                        <p className='text-sm text-zinc-400 max-w-sm'>
+                            The user you&apos;re trying to edit could not be found.
+                        </p>
+                    </div>
+                </div>
+            </ServerContentBlock>
+        );
+    }
+
+    return (
+        <ServerContentBlock title={'Edit User'}>
+            <MainPageHeader title={`Edit User: ${subuser.email}`}>
+                <ActionButton
+                    variant='secondary'
+                    onClick={() => navigate(`/server/${serverId}/users`)}
+                    className='flex items-center gap-2'
+                    disabled={isSubmitting}
+                >
+                    <HugeIconsArrowLeft className='w-4 h-4' fill='currentColor' />
+                    Back to Users
+                </ActionButton>
+            </MainPageHeader>
+
+            <UserFormComponent
+                subuser={subuser}
+                onSuccess={handleSuccess}
+                onCancel={handleCancel}
+                flashKey='user:edit'
+                isSubmitting={isSubmitting}
+                setIsSubmitting={setIsSubmitting}
+            />
+        </ServerContentBlock>
+    );
+};
+
+export default EditUserContainer;
diff --git a/resources/scripts/components/server/users/PermissionTitleBox.tsx b/resources/scripts/components/server/users/PermissionTitleBox.tsx
index 72d9b3fc9..b74d407bd 100644
--- a/resources/scripts/components/server/users/PermissionTitleBox.tsx
+++ b/resources/scripts/components/server/users/PermissionTitleBox.tsx
@@ -48,4 +48,6 @@ const PermissionTitleBox: React.FC<Props> = memo(({ isEditable, title, permissio
     );
 }, isEqual);
 
+PermissionTitleBox.displayName = 'PermissionTitleBox';
+
 export default PermissionTitleBox;
diff --git a/resources/scripts/components/server/users/RemoveSubuserButton.tsx b/resources/scripts/components/server/users/RemoveSubuserButton.tsx
index 0ea49846a..65378db75 100644
--- a/resources/scripts/components/server/users/RemoveSubuserButton.tsx
+++ b/resources/scripts/components/server/users/RemoveSubuserButton.tsx
@@ -1,9 +1,9 @@
-import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Actions, useStoreActions } from 'easy-peasy';
 import { useState } from 'react';
 
+import ActionButton from '@/components/elements/ActionButton';
 import ConfirmationModal from '@/components/elements/ConfirmationModal';
+import HugeIconsTrash from '@/components/elements/hugeicons/Trash';
 
 import { httpErrorToHuman } from '@/api/http';
 import deleteSubuser from '@/api/server/users/deleteSubuser';
@@ -12,7 +12,7 @@ import { ApplicationStore } from '@/state';
 import { ServerContext } from '@/state/server';
 import { Subuser } from '@/state/server/subusers';
 
-export default ({ subuser }: { subuser: Subuser }) => {
+const RemoveSubuserButton = ({ subuser }: { subuser: Subuser }) => {
     const [loading, setLoading] = useState(false);
     const [showConfirmation, setShowConfirmation] = useState(false);
 
@@ -27,6 +27,7 @@ export default ({ subuser }: { subuser: Subuser }) => {
             .then(() => {
                 setLoading(false);
                 removeSubuser(subuser.uuid);
+                setShowConfirmation(false);
             })
             .catch((error) => {
                 console.error(error);
@@ -41,21 +42,24 @@ export default ({ subuser }: { subuser: Subuser }) => {
                 title={`Remove ${subuser.username}?`}
                 buttonText={`Remove ${subuser.username}`}
                 visible={showConfirmation}
-                showSpinnerOverlay={loading}
+                loading={loading}
                 onConfirmed={() => doDeletion()}
                 onModalDismissed={() => setShowConfirmation(false)}
             >
                 All access to the server will be removed immediately.
             </ConfirmationModal>
-            <button
-                type={'button'}
-                aria-label={'Delete subuser'}
-                className={`text-sm p-2 text-zinc-500 hover:text-red-600 transition-colors duration-150 flex align-middle items-center justify-center flex-col`}
+            <ActionButton
+                variant='danger'
+                size='sm'
+                className='flex items-center gap-2'
                 onClick={() => setShowConfirmation(true)}
+                aria-label='Delete subuser'
             >
-                <FontAwesomeIcon icon={faTrashAlt} className={`px-5`} size='lg' />
+                <HugeIconsTrash fill='currentColor' className='w-4 h-4' />
                 Delete
-            </button>
+            </ActionButton>
         </>
     );
 };
+
+export default RemoveSubuserButton;
diff --git a/resources/scripts/components/server/users/UserFormComponent.tsx b/resources/scripts/components/server/users/UserFormComponent.tsx
new file mode 100644
index 000000000..450851ddf
--- /dev/null
+++ b/resources/scripts/components/server/users/UserFormComponent.tsx
@@ -0,0 +1,301 @@
+import { Actions, useStoreActions, useStoreState } from 'easy-peasy';
+import { Form, Formik } from 'formik';
+import { useEffect, useState } from 'react';
+import { array, object, string } from 'yup';
+
+import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
+import Can from '@/components/elements/Can';
+import Field from '@/components/elements/Field';
+import HugeIconsCalendar from '@/components/elements/hugeicons/Calendar';
+import HugeIconsCopy from '@/components/elements/hugeicons/Copy';
+import HugeIconsDatabase from '@/components/elements/hugeicons/Database';
+import HugeIconsFile from '@/components/elements/hugeicons/File';
+import HugeIconsNetworkAntenna from '@/components/elements/hugeicons/NetworkAntenna';
+import HugeIconsServer from '@/components/elements/hugeicons/Server';
+import HugeIconsSettings from '@/components/elements/hugeicons/Settings';
+import HugeIconsShield from '@/components/elements/hugeicons/Shield';
+import HugeIconsUser from '@/components/elements/hugeicons/User';
+import PermissionRow from '@/components/server/users/PermissionRow';
+
+import createOrUpdateSubuser from '@/api/server/users/createOrUpdateSubuser';
+
+import { ApplicationStore } from '@/state';
+import { ServerContext } from '@/state/server';
+import { Subuser } from '@/state/server/subusers';
+
+import { useDeepCompareMemo } from '@/plugins/useDeepCompareMemo';
+import { usePermissions } from '@/plugins/usePermissions';
+
+interface Values {
+    email: string;
+    permissions: string[];
+}
+
+interface Props {
+    subuser?: Subuser;
+    onSuccess: (subuser: Subuser) => void;
+    onCancel: () => void;
+    flashKey: string;
+    isSubmitting?: boolean;
+    setIsSubmitting?: (submitting: boolean) => void;
+}
+
+const UserFormComponent = ({ subuser, onSuccess, onCancel, flashKey, isSubmitting, setIsSubmitting }: Props) => {
+    const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const appendSubuser = ServerContext.useStoreActions((actions) => actions.subusers.appendSubuser);
+    const { clearFlashes, clearAndAddHttpError } = useStoreActions(
+        (actions: Actions<ApplicationStore>) => actions.flashes,
+    );
+
+    const isRootAdmin = useStoreState((state) => state.user.data!.rootAdmin);
+    const permissions = useStoreState((state) => state.permissions.data);
+    const loggedInPermissions = ServerContext.useStoreState((state) => state.server.permissions);
+    const [canEditUser] = usePermissions(subuser ? ['user.update'] : ['user.create']);
+
+    // The permissions that can be modified by this user.
+    const editablePermissions = useDeepCompareMemo(() => {
+        const cleaned = Object.keys(permissions).map((key) =>
+            Object.keys(permissions[key]?.keys ?? {}).map((pkey) => `${key}.${pkey}`),
+        );
+
+        const list: string[] = ([] as string[]).concat.apply([], Object.values(cleaned));
+
+        if (isRootAdmin || (loggedInPermissions.length === 1 && loggedInPermissions[0] === '*')) {
+            return list;
+        }
+
+        return list.filter((key) => loggedInPermissions.indexOf(key) >= 0);
+    }, [isRootAdmin, permissions, loggedInPermissions]);
+
+    const submit = (values: Values) => {
+        if (setIsSubmitting) setIsSubmitting(true);
+        clearFlashes(flashKey);
+
+        createOrUpdateSubuser(uuid, values, subuser)
+            .then((subuser) => {
+                appendSubuser(subuser);
+                onSuccess(subuser);
+            })
+            .catch((error) => {
+                console.error(error);
+                if (setIsSubmitting) setIsSubmitting(false);
+                clearAndAddHttpError({ key: flashKey, error });
+            });
+    };
+
+    useEffect(
+        () => () => {
+            clearFlashes(flashKey);
+        },
+        [],
+    );
+
+    const getPermissionIcon = (key: string) => {
+        switch (key) {
+            case 'control':
+                return HugeIconsServer;
+            case 'user':
+                return HugeIconsUser;
+            case 'file':
+                return HugeIconsFile;
+            case 'backup':
+                return HugeIconsCopy;
+            case 'allocation':
+                return HugeIconsNetworkAntenna;
+            case 'startup':
+                return HugeIconsSettings;
+            case 'database':
+                return HugeIconsDatabase;
+            case 'schedule':
+                return HugeIconsCalendar;
+            default:
+                return HugeIconsShield;
+        }
+    };
+
+    return (
+        <>
+            <FlashMessageRender byKey={flashKey} />
+
+            <Formik
+                onSubmit={submit}
+                initialValues={
+                    {
+                        email: subuser?.email || '',
+                        permissions: subuser?.permissions || [],
+                    } as Values
+                }
+                validationSchema={object().shape({
+                    email: string()
+                        .max(191, 'Email addresses must not exceed 191 characters.')
+                        .email('A valid email address must be provided.')
+                        .required('A valid email address must be provided.'),
+                    permissions: array().of(string()),
+                })}
+            >
+                {({ setFieldValue, values }) => (
+                    <Form className='space-y-6'>
+                        {/* User Information Section */}
+                        {!subuser && (
+                            <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border border-[#ffffff12] rounded-xl p-6'>
+                                <div className='flex items-center gap-3 mb-6'>
+                                    <div className='w-10 h-10 rounded-lg bg-brand/20 flex items-center justify-center'>
+                                        <HugeIconsUser fill='currentColor' className='w-5 h-5 text-brand' />
+                                    </div>
+                                    <h3 className='text-xl font-semibold text-zinc-100'>User Information</h3>
+                                </div>
+                                <Field
+                                    name={'email'}
+                                    label={'Email Address'}
+                                    description={
+                                        'Enter the email address of the user you wish to invite as a subuser for this server.'
+                                    }
+                                />
+                            </div>
+                        )}
+
+                        {/* Permissions Section */}
+                        <div className='bg-gradient-to-b from-[#ffffff08] to-[#ffffff05] border border-[#ffffff12] rounded-xl p-6'>
+                            <div className='flex items-center justify-between mb-6'>
+                                <div className='flex items-center gap-3'>
+                                    <div className='w-10 h-10 rounded-lg bg-brand/20 flex items-center justify-center'>
+                                        <HugeIconsSettings fill='currentColor' className='w-5 h-5 text-brand' />
+                                    </div>
+                                    <h3 className='text-xl font-semibold text-zinc-100'>Detailed Permissions</h3>
+                                </div>
+                                {canEditUser && (
+                                    <button
+                                        type='button'
+                                        onClick={() => {
+                                            const allPermissions = editablePermissions;
+                                            const allSelected = allPermissions.every((p) =>
+                                                values.permissions.includes(p),
+                                            );
+                                            if (allSelected) {
+                                                setFieldValue('permissions', []);
+                                            } else {
+                                                setFieldValue('permissions', [...allPermissions]);
+                                            }
+                                        }}
+                                        className='text-sm px-4 py-2 rounded-lg bg-brand/10 hover:bg-brand/20 text-brand border border-brand/20 hover:border-brand/30 transition-colors font-medium'
+                                    >
+                                        {editablePermissions.every((p) => values.permissions.includes(p))
+                                            ? 'Deselect All'
+                                            : 'Select All'}
+                                    </button>
+                                )}
+                            </div>
+
+                            {!isRootAdmin && loggedInPermissions[0] !== '*' && (
+                                <div className='mb-6 p-4 bg-brand/10 border border-brand/20 rounded-lg'>
+                                    <div className='flex items-center gap-3 mb-2'>
+                                        <HugeIconsShield fill='currentColor' className='w-5 h-5 text-brand' />
+                                        <span className='text-sm font-semibold text-brand'>Permission Restriction</span>
+                                    </div>
+                                    <p className='text-sm text-zinc-300 leading-relaxed'>
+                                        You can only assign permissions that you currently have access to.
+                                    </p>
+                                </div>
+                            )}
+
+                            <div className='space-y-4'>
+                                {Object.keys(permissions)
+                                    .filter((key) => key !== 'websocket')
+                                    .map((key) => (
+                                        <div key={key} className='border border-[#ffffff12] rounded-lg p-4'>
+                                            <div className='flex items-start justify-between mb-3'>
+                                                <div className='flex items-start gap-3 flex-1 min-w-0'>
+                                                    {(() => {
+                                                        const Icon = getPermissionIcon(key);
+                                                        return (
+                                                            <Icon
+                                                                fill='currentColor'
+                                                                className='w-4 h-4 text-brand flex-shrink-0 mt-0.5'
+                                                            />
+                                                        );
+                                                    })()}
+                                                    <div className='flex-1 min-w-0'>
+                                                        <h4 className='font-medium text-zinc-200 capitalize'>{key}</h4>
+                                                        <p className='text-xs text-zinc-400 mt-1 break-words'>
+                                                            {permissions[key]?.description}
+                                                        </p>
+                                                    </div>
+                                                </div>
+                                                {canEditUser && (
+                                                    <button
+                                                        type='button'
+                                                        onClick={() => {
+                                                            const categoryPermissions = Object.keys(
+                                                                permissions[key]?.keys ?? {},
+                                                            ).map((pkey) => `${key}.${pkey}`);
+                                                            const allSelected = categoryPermissions.every((p) =>
+                                                                values.permissions.includes(p),
+                                                            );
+                                                            if (allSelected) {
+                                                                setFieldValue(
+                                                                    'permissions',
+                                                                    values.permissions.filter(
+                                                                        (p) => !categoryPermissions.includes(p),
+                                                                    ),
+                                                                );
+                                                            } else {
+                                                                const newPermissions = [...values.permissions];
+                                                                categoryPermissions.forEach((p) => {
+                                                                    if (
+                                                                        !newPermissions.includes(p) &&
+                                                                        editablePermissions.includes(p)
+                                                                    ) {
+                                                                        newPermissions.push(p);
+                                                                    }
+                                                                });
+                                                                setFieldValue('permissions', newPermissions);
+                                                            }
+                                                        }}
+                                                        className='text-xs px-3 py-1.5 rounded bg-zinc-700 hover:bg-zinc-600 text-zinc-300 transition-colors whitespace-nowrap flex-shrink-0'
+                                                    >
+                                                        {Object.keys(permissions[key]?.keys ?? {})
+                                                            .map((pkey) => `${key}.${pkey}`)
+                                                            .every((p) => values.permissions.includes(p))
+                                                            ? 'Deselect All'
+                                                            : 'Select All'}
+                                                    </button>
+                                                )}
+                                            </div>
+
+                                            <div className='grid grid-cols-1 md:grid-cols-2 gap-3'>
+                                                {Object.keys(permissions[key]?.keys ?? {}).map((pkey) => (
+                                                    <PermissionRow
+                                                        key={`permission_${key}.${pkey}`}
+                                                        permission={`${key}.${pkey}`}
+                                                        disabled={
+                                                            !canEditUser ||
+                                                            editablePermissions.indexOf(`${key}.${pkey}`) < 0
+                                                        }
+                                                    />
+                                                ))}
+                                            </div>
+                                        </div>
+                                    ))}
+                            </div>
+                        </div>
+
+                        {/* Action Buttons */}
+                        <Can action={subuser ? 'user.update' : 'user.create'}>
+                            <div className='flex gap-3 justify-end pt-4 border-t border-[#ffffff12]'>
+                                <ActionButton variant='secondary' type='button' onClick={onCancel}>
+                                    Cancel
+                                </ActionButton>
+                                <ActionButton variant='primary' type='submit' disabled={isSubmitting}>
+                                    {subuser ? 'Save Changes' : 'Invite User'}
+                                </ActionButton>
+                            </div>
+                        </Can>
+                    </Form>
+                )}
+            </Formik>
+        </>
+    );
+};
+
+export default UserFormComponent;
diff --git a/resources/scripts/components/server/users/UserRow.tsx b/resources/scripts/components/server/users/UserRow.tsx
index 4e95d3166..a083a4c82 100644
--- a/resources/scripts/components/server/users/UserRow.tsx
+++ b/resources/scripts/components/server/users/UserRow.tsx
@@ -1,26 +1,30 @@
-import { faEdit } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useStoreState } from 'easy-peasy';
-import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
+import HugeIconsPencil from '@/components/elements/hugeicons/Pencil';
 import { PageListItem } from '@/components/elements/pages/PageList';
-import EditSubuserModal from '@/components/server/users/EditSubuserModal';
 import RemoveSubuserButton from '@/components/server/users/RemoveSubuserButton';
 
+import { ServerContext } from '@/state/server';
 import { Subuser } from '@/state/server/subusers';
 
 interface Props {
     subuser: Subuser;
 }
 
-export default ({ subuser }: Props) => {
+const UserRow = ({ subuser }: Props) => {
     const uuid = useStoreState((state) => state.user!.data!.uuid);
-    const [visible, setVisible] = useState(false);
+    const navigate = useNavigate();
+    const serverId = ServerContext.useStoreState((state) => state.server.data!.id);
+
+    const handleEditClick = () => {
+        navigate(`/server/${serverId}/users/${subuser.uuid}/edit`);
+    };
 
     return (
         <PageListItem>
-            <EditSubuserModal subuser={subuser} visible={visible} onModalDismissed={() => setVisible(false)} />
             <div className={`w-10 h-10 rounded-full bg-white border-2 border-zinc-800 overflow-hidden hidden md:block`}>
                 <img className={`w-full h-full`} src={`${subuser.image}?s=400`} />
             </div>
@@ -40,21 +44,22 @@ export default ({ subuser }: Props) => {
                 </div>
                 {subuser.uuid !== uuid && (
                     <>
-                        <div className='flex align-middle items-center justify-center'>
+                        <div className='flex align-middle items-center justify-center gap-2'>
+                            <Can action={'user.update'}>
+                                <ActionButton
+                                    variant='secondary'
+                                    size='sm'
+                                    className='flex items-center gap-2'
+                                    onClick={handleEditClick}
+                                    aria-label='Edit subuser'
+                                >
+                                    <HugeIconsPencil className='w-4 h-4' fill='currentColor' />
+                                    Edit
+                                </ActionButton>
+                            </Can>
                             <Can action={'user.delete'}>
                                 <RemoveSubuserButton subuser={subuser} />
                             </Can>
-                            <Can action={'user.update'}>
-                                <button
-                                    type={'button'}
-                                    aria-label={'Edit subuser'}
-                                    className={`text-sm p-2 text-zinc-500 hover:text-zinc-100 transition-colors duration-150 flex align-middle items-center justify-center flex-col`}
-                                    onClick={() => setVisible(true)}
-                                >
-                                    <FontAwesomeIcon icon={faEdit} className={`px-5`} size='lg' />
-                                    Edit
-                                </button>
-                            </Can>
                         </div>
                     </>
                 )}
@@ -62,3 +67,5 @@ export default ({ subuser }: Props) => {
         </PageListItem>
     );
 };
+
+export default UserRow;
diff --git a/resources/scripts/components/server/users/UsersContainer.tsx b/resources/scripts/components/server/users/UsersContainer.tsx
index e8a96b3dd..908cbf255 100644
--- a/resources/scripts/components/server/users/UsersContainer.tsx
+++ b/resources/scripts/components/server/users/UsersContainer.tsx
@@ -2,13 +2,16 @@ import { Actions, useStoreActions, useStoreState } from 'easy-peasy';
 import { For } from 'million/react';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
+import ActionButton from '@/components/elements/ActionButton';
 import Can from '@/components/elements/Can';
 import { MainPageHeader } from '@/components/elements/MainPageHeader';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import HugeIconsPlus from '@/components/elements/hugeicons/Plus';
+import HugeIconsUser from '@/components/elements/hugeicons/User';
 import { PageListContainer } from '@/components/elements/pages/PageList';
-import AddSubuserButton from '@/components/server/users/AddSubuserButton';
 import UserRow from '@/components/server/users/UserRow';
 
 import { httpErrorToHuman } from '@/api/http';
@@ -17,10 +20,12 @@ import getServerSubusers from '@/api/server/users/getServerSubusers';
 import { ApplicationStore } from '@/state';
 import { ServerContext } from '@/state/server';
 
-export default () => {
+const UsersContainer = () => {
     const [loading, setLoading] = useState(true);
+    const navigate = useNavigate();
 
     const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
+    const serverId = ServerContext.useStoreState((state) => state.server.data!.id);
     const subusers = ServerContext.useStoreState((state) => state.subusers.data);
     const setSubusers = ServerContext.useStoreActions((actions) => actions.subusers.setSubusers);
 
@@ -53,23 +58,73 @@ export default () => {
     if (!subusers.length && (loading || !Object.keys(permissions).length)) {
         return (
             <ServerContentBlock title={'Users'}>
-                <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem]'>
-                    {t('server_titles.users')}
-                </h1>
+                <FlashMessageRender byKey={'users'} />
+                <MainPageHeader
+                    direction='column'
+                    title={t('server_titles.users')}
+                    titleChildren={
+                        <div className='flex flex-col sm:flex-row items-center justify-end gap-4'>
+                            <p className='text-sm text-zinc-300 text-center sm:text-right'>
+                                {t('server.users.zero_users')}
+                            </p>
+                            <Can action={'user.create'}>
+                                <ActionButton
+                                    variant='primary'
+                                    onClick={() => navigate(`/server/${serverId}/users/new`)}
+                                    className='flex items-center gap-2'
+                                >
+                                    <HugeIconsPlus className='w-4 h-4' fill='currentColor' />
+                                    {t('server.users.new_user')}
+                                </ActionButton>
+                            </Can>
+                        </div>
+                    }
+                >
+                    <p className='text-sm text-neutral-400 leading-relaxed'>{t('server.users.description')}</p>
+                </MainPageHeader>
+                <div className='flex items-center justify-center py-12'>
+                    <div className='animate-spin rounded-full h-8 w-8 border-b-2 border-brand'></div>
+                </div>
             </ServerContentBlock>
         );
     }
 
     return (
-        <ServerContentBlock title={'Users'}>
+        <ServerContentBlock title={t('server_titles.users')}>
             <FlashMessageRender byKey={'users'} />
-            <MainPageHeader title={t('server_titles.users')}>
-                <Can action={'user.create'}>
-                    <AddSubuserButton />
-                </Can>
+            <MainPageHeader
+                direction='column'
+                title={t('server_titles.users')}
+                titleChildren={
+                    <div className='flex flex-col sm:flex-row items-center justify-end gap-4'>
+                        <p className='text-sm text-zinc-300 text-center sm:text-right'>
+                            {subusers.length} {t('server.users.users')}
+                        </p>
+                        <Can action={'user.create'}>
+                            <ActionButton
+                                variant='primary'
+                                onClick={() => navigate(`/server/${serverId}/users/new`)}
+                                className='flex items-center gap-2'
+                            >
+                                <HugeIconsPlus className='w-4 h-4' fill='currentColor' />
+                                {t('server.users.new_user')}
+                            </ActionButton>
+                        </Can>
+                    </div>
+                }
+            >
+                <p className='text-sm text-neutral-400 leading-relaxed'>{t('server.users.description')}</p>
             </MainPageHeader>
             {!subusers.length ? (
-                <p className={`text-center text-sm text-zinc-300`}>{t('server_users.no_additional_users')}</p>
+                <div className='flex flex-col items-center justify-center min-h-[60vh] py-12 px-4'>
+                    <div className='text-center'>
+                        <div className='w-16 h-16 mx-auto mb-4 rounded-full bg-[#ffffff11] flex items-center justify-center'>
+                            <HugeIconsUser className='w-8 h-8 text-zinc-400' fill='currentColor' />
+                        </div>
+                        <h3 className='text-lg font-medium text-zinc-200 mb-2'>{t('server.users.no_users_found')}</h3>
+                        <p className='text-sm text-zinc-400 max-w-sm'>{t('server.users.no_additional_users')}</p>
+                    </div>
+                </div>
             ) : (
                 <PageListContainer data-pyro-users-container-users>
                     <For each={subusers} memo>
@@ -80,3 +135,5 @@ export default () => {
         </ServerContentBlock>
     );
 };
+
+export default UsersContainer;
diff --git a/resources/scripts/helpers/captcha.ts b/resources/scripts/helpers/captcha.ts
new file mode 100644
index 000000000..af6970d15
--- /dev/null
+++ b/resources/scripts/helpers/captcha.ts
@@ -0,0 +1,7 @@
+// Export the new modular captcha system
+export { default as CaptchaManager } from '@/lib/captcha';
+export { CaptchaProviderFactory } from '@/lib/captcha';
+export type { CaptchaConfig, CaptchaProviderInterface, CaptchaRenderConfig } from '@/lib/captcha';
+
+// Default export
+export { default } from '@/lib/captcha';
diff --git a/resources/scripts/hoc/asDialog.tsx b/resources/scripts/hoc/asDialog.tsx
index 7f8c4bc91..474819ee6 100644
--- a/resources/scripts/hoc/asDialog.tsx
+++ b/resources/scripts/hoc/asDialog.tsx
@@ -4,10 +4,9 @@ import { Dialog, DialogProps, DialogWrapperContext, WrapperProps } from '@/compo
 
 function asDialog(
     initialProps?: WrapperProps,
-    // eslint-disable-next-line @typescript-eslint/ban-types
-): <P extends {}>(C: React.ComponentType<P>) => React.FunctionComponent<P & DialogProps> {
+): <P extends object>(C: React.ComponentType<P>) => React.FunctionComponent<P & DialogProps> {
     return function (Component) {
-        return function ({ open, onClose, ...rest }) {
+        const WrappedComponent = function ({ open, onClose, ...rest }) {
             const [props, setProps] = useState<WrapperProps>(initialProps || {});
 
             return (
@@ -18,6 +17,10 @@ function asDialog(
                 </DialogWrapperContext.Provider>
             );
         };
+
+        WrappedComponent.displayName = `asDialog(${Component.displayName || Component.name || 'Component'})`;
+
+        return WrappedComponent;
     };
 }
 
diff --git a/resources/scripts/hoc/asModal.tsx b/resources/scripts/hoc/asModal.tsx
index f07da982c..7d5e0750f 100644
--- a/resources/scripts/hoc/asModal.tsx
+++ b/resources/scripts/hoc/asModal.tsx
@@ -1,6 +1,5 @@
 import ModalContext, { ModalContextValues } from '@/context/ModalContext';
 import { PureComponent } from 'react';
-import isEqual from 'react-fast-compare';
 
 import PortaledModal, { ModalProps } from '@/components/elements/Modal';
 
@@ -17,8 +16,7 @@ interface State {
     propOverrides: Partial<SettableModalProps>;
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-function asModal<P extends {}>(
+function asModal<P extends object>(
     modalProps?: SettableModalProps | ((props: P) => SettableModalProps),
 ): (Component: any) => any {
     return function (Component) {
@@ -43,42 +41,38 @@ function asModal<P extends {}>(
                 };
             }
 
-            /**
-             * @this {React.PureComponent<P & AsModalProps, State>}
-             */
-            override componentDidUpdate(prevProps: Readonly<P & AsModalProps>, prevState: Readonly<State>) {
-                if (prevProps.visible && !this.props.visible) {
-                    this.setState({ visible: false, propOverrides: {} });
-                } else if (!prevProps.visible && this.props.visible) {
-                    this.setState({ render: true, visible: true });
-                }
-                if (!this.state.render && !isEqual(prevState.propOverrides, this.state.propOverrides)) {
-                    this.setState({ propOverrides: {} });
+            override componentDidUpdate(prevProps: Readonly<P & AsModalProps>) {
+                if (this.props.visible !== prevProps.visible) {
+                    this.setState({
+                        render: this.props.visible,
+                        visible: this.props.visible,
+                        propOverrides: this.props.visible ? this.state.propOverrides : {},
+                    });
                 }
             }
 
-            dismiss = () => this.setState({ visible: false });
+            dismiss = () => {
+                if (this.props.onModalDismissed) {
+                    this.props.onModalDismissed();
+                }
+            };
 
             setPropOverrides: ModalContextValues['setPropOverrides'] = (value) =>
                 this.setState((state) => ({
                     propOverrides: !value ? {} : typeof value === 'function' ? value(state.propOverrides) : value,
                 }));
 
-            /**
-             * @this {React.PureComponent<P & AsModalProps, State>}
-             */
             override render() {
                 if (!this.state.render) return null;
 
                 return (
                     <PortaledModal
-                        onDismissed={() =>
-                            this.setState({ render: false }, () => {
-                                if (typeof this.props.onModalDismissed === 'function') {
-                                    this.props.onModalDismissed();
-                                }
-                            })
-                        }
+                        onDismissed={() => {
+                            this.setState({ render: false });
+                            if (typeof this.props.onModalDismissed === 'function') {
+                                this.props.onModalDismissed();
+                            }
+                        }}
                         {...this.computedModalProps}
                     >
                         <ModalContext.Provider
diff --git a/resources/scripts/i18n.ts b/resources/scripts/i18n.ts
index ea5a74305..0c3e01425 100644
--- a/resources/scripts/i18n.ts
+++ b/resources/scripts/i18n.ts
@@ -21,7 +21,7 @@ i18n
         // Default language
         fallbackLng: 'en',
         // Supported languages
-        supportedLngs: ['en', 'vi'],
+        supportedLngs: ['en', 'vi', 'es'],
         // Do not use dots to separate keys
         debug: false,
         // Configure loading of namespaces
diff --git a/resources/scripts/lib/captcha/CaptchaManager.ts b/resources/scripts/lib/captcha/CaptchaManager.ts
new file mode 100644
index 000000000..84260c0a2
--- /dev/null
+++ b/resources/scripts/lib/captcha/CaptchaManager.ts
@@ -0,0 +1,226 @@
+import { CaptchaConfig, CaptchaProviderInterface, CaptchaRenderConfig } from './CaptchaProvider';
+import { CaptchaProviderFactory } from './CaptchaProviderFactory';
+// Import types from the types file
+import './types';
+
+export class CaptchaManager {
+    private static instance: CaptchaManager;
+    private config: CaptchaConfig;
+    private provider: CaptchaProviderInterface;
+    private widgetId: string | null = null;
+
+    private constructor() {
+        this.config = window.SiteConfiguration?.captcha || {
+            enabled: false,
+            provider: 'none',
+            siteKey: '',
+            scriptIncludes: [],
+        };
+
+        this.provider = CaptchaProviderFactory.create(this.config.provider);
+    }
+
+    public static getInstance(): CaptchaManager {
+        if (!CaptchaManager.instance) {
+            CaptchaManager.instance = new CaptchaManager();
+        }
+        return CaptchaManager.instance;
+    }
+
+    /**
+     * Check if captcha is enabled
+     */
+    public isEnabled(): boolean {
+        return this.config.enabled && this.config.provider !== 'none';
+    }
+
+    /**
+     * Get the current provider name
+     */
+    public getProvider(): string {
+        return this.config.provider;
+    }
+
+    /**
+     * Get the site key
+     */
+    public getSiteKey(): string {
+        return this.config.siteKey;
+    }
+
+    /**
+     * Get the current provider instance
+     */
+    public getProviderInstance(): CaptchaProviderInterface {
+        return this.provider;
+    }
+
+    /**
+     * Load the captcha SDK scripts
+     */
+    public async loadSdk(): Promise<void> {
+        if (!this.isEnabled()) {
+            return;
+        }
+
+        await this.provider.loadSdk();
+    }
+
+    /**
+     * Render a captcha widget
+     */
+    public async renderWidget(
+        container: string | HTMLElement,
+        options: Partial<CaptchaRenderConfig> = {},
+    ): Promise<string | null> {
+        if (!this.isEnabled()) {
+            return null;
+        }
+
+        const containerElement =
+            typeof container === 'string' ? (document.querySelector(container) as HTMLElement) : container;
+
+        if (!containerElement) {
+            return null;
+        }
+
+        // Remove any existing widget first
+        if (this.widgetId) {
+            this.provider.remove(this.widgetId);
+            this.widgetId = null;
+        }
+
+        try {
+            const config: CaptchaRenderConfig = {
+                siteKey: this.config.siteKey,
+                theme: 'auto',
+                size: 'normal',
+                onSuccess: (token: string) => this.handleSuccess(token),
+                onError: (error: any) => this.handleError(error),
+                onExpired: () => this.handleExpired(),
+                ...options,
+            };
+
+            const widgetId = await this.provider.render(containerElement, config);
+
+            if (widgetId) {
+                this.widgetId = widgetId;
+            }
+
+            return widgetId;
+        } catch (error) {
+            return null;
+        }
+    }
+
+    /**
+     * Get the response token from the widget
+     */
+    public getResponse(): string | null {
+        if (!this.isEnabled()) {
+            return null;
+        }
+
+        return this.widgetId ? this.provider.getResponse(this.widgetId) : null;
+    }
+
+    /**
+     * Reset the widget
+     */
+    public resetWidget(): void {
+        if (!this.isEnabled() || !this.widgetId) {
+            return;
+        }
+
+        this.provider.reset(this.widgetId);
+    }
+
+    /**
+     * Remove the widget
+     */
+    public removeWidget(): void {
+        if (!this.isEnabled()) {
+            return;
+        }
+
+        if (this.widgetId) {
+            this.provider.remove(this.widgetId);
+            this.widgetId = null;
+        }
+    }
+
+    /**
+     * Create or update a hidden input field for form submission
+     */
+    public createHiddenInput(formElement: HTMLFormElement): HTMLInputElement | null {
+        if (!this.isEnabled()) {
+            return null;
+        }
+
+        const fieldName = this.provider.getResponseFieldName();
+        if (!fieldName) {
+            return null;
+        }
+
+        // Remove existing hidden input if it exists
+        const existingInput = formElement.querySelector(`input[name="${fieldName}"]`) as HTMLInputElement;
+        if (existingInput) {
+            existingInput.remove();
+        }
+
+        // Create new hidden input
+        const input = document.createElement('input');
+        input.type = 'hidden';
+        input.name = fieldName;
+        input.value = this.getResponse() || '';
+
+        formElement.appendChild(input);
+        return input;
+    }
+
+    /**
+     * Handle successful captcha completion
+     */
+    private handleSuccess(token: string): void {
+        // Update hidden input if it exists
+        const fieldName = this.provider.getResponseFieldName();
+        const input = document.querySelector(`input[name="${fieldName}"]`) as HTMLInputElement;
+        if (input) {
+            input.value = token;
+        }
+
+        // Dispatch custom event
+        window.dispatchEvent(
+            new CustomEvent('captcha:success', {
+                detail: { token, provider: this.config.provider },
+            }),
+        );
+    }
+
+    /**
+     * Handle captcha error
+     */
+    private handleError(error: any): void {
+        // Dispatch custom event
+        window.dispatchEvent(
+            new CustomEvent('captcha:error', {
+                detail: { error, provider: this.config.provider },
+            }),
+        );
+    }
+
+    /**
+     * Handle captcha expiration
+     */
+    private handleExpired(): void {
+        // Dispatch custom event
+        window.dispatchEvent(
+            new CustomEvent('captcha:expired', {
+                detail: { provider: this.config.provider },
+            }),
+        );
+    }
+}
+
+// Export singleton instance
+export default CaptchaManager.getInstance();
diff --git a/resources/scripts/lib/captcha/CaptchaProvider.ts b/resources/scripts/lib/captcha/CaptchaProvider.ts
new file mode 100644
index 000000000..330271179
--- /dev/null
+++ b/resources/scripts/lib/captcha/CaptchaProvider.ts
@@ -0,0 +1,88 @@
+export interface CaptchaConfig {
+    enabled: boolean;
+    provider: string;
+    siteKey: string;
+    scriptIncludes: string[];
+}
+
+export interface CaptchaProviderInterface {
+    /**
+     * Get the provider name
+     */
+    getName(): string;
+
+    /**
+     * Get the script URLs needed for this provider
+     */
+    getScriptUrls(): string[];
+
+    /**
+     * Get the response field name for form submission
+     */
+    getResponseFieldName(): string;
+
+    /**
+     * Check if the provider's SDK is loaded
+     */
+    isLoaded(): boolean;
+
+    /**
+     * Load the provider's SDK
+     */
+    loadSdk(): Promise<void>;
+
+    /**
+     * Render the captcha widget
+     */
+    render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string>;
+
+    /**
+     * Get the response token from the widget
+     */
+    getResponse(widgetId?: string): string | null;
+
+    /**
+     * Reset the widget
+     */
+    reset(widgetId?: string): void;
+
+    /**
+     * Remove the widget
+     */
+    remove(widgetId?: string): void;
+}
+
+export interface CaptchaRenderConfig {
+    siteKey: string;
+    theme?: 'light' | 'dark' | 'auto';
+    size?: 'normal' | 'compact' | 'invisible';
+    onSuccess?: (token: string) => void;
+    onError?: (error: any) => void;
+    onExpired?: () => void;
+}
+
+export abstract class BaseCaptchaProvider implements CaptchaProviderInterface {
+    protected widgets: Map<string, string> = new Map();
+
+    abstract getName(): string;
+    abstract getScriptUrls(): string[];
+    abstract getResponseFieldName(): string;
+    abstract isLoaded(): boolean;
+    abstract loadSdk(): Promise<void>;
+    abstract render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string>;
+    abstract getResponse(widgetId?: string): string | null;
+    abstract reset(widgetId?: string): void;
+    abstract remove(widgetId?: string): void;
+
+    protected setWidgetId(form: string, widgetId: string): void {
+        this.widgets.set(form, widgetId);
+    }
+
+    protected getWidgetId(form: string): string | undefined {
+        return this.widgets.get(form);
+    }
+
+    protected removeWidgetId(form: string): void {
+        this.widgets.delete(form);
+    }
+}
diff --git a/resources/scripts/lib/captcha/CaptchaProviderFactory.ts b/resources/scripts/lib/captcha/CaptchaProviderFactory.ts
new file mode 100644
index 000000000..38c6eacba
--- /dev/null
+++ b/resources/scripts/lib/captcha/CaptchaProviderFactory.ts
@@ -0,0 +1,49 @@
+import { CaptchaProviderInterface } from './CaptchaProvider';
+import { HCaptchaProvider } from './providers/HCaptchaProvider';
+import { NullProvider } from './providers/NullProvider';
+import { RecaptchaProvider } from './providers/RecaptchaProvider';
+import { TurnstileProvider } from './providers/TurnstileProvider';
+
+export class CaptchaProviderFactory {
+    private static providers: Map<string, () => CaptchaProviderInterface> = new Map([
+        ['turnstile', () => new TurnstileProvider()],
+        ['hcaptcha', () => new HCaptchaProvider()],
+        ['recaptcha', () => new RecaptchaProvider()],
+        ['none', () => new NullProvider()],
+    ]);
+
+    /**
+     * Create a captcha provider instance
+     */
+    static create(providerName: string): CaptchaProviderInterface {
+        const providerFactory = this.providers.get(providerName);
+
+        if (!providerFactory) {
+            console.warn(`Unknown captcha provider: ${providerName}, falling back to null provider`);
+            return new NullProvider();
+        }
+
+        return providerFactory();
+    }
+
+    /**
+     * Register a new captcha provider
+     */
+    static register(name: string, factory: () => CaptchaProviderInterface): void {
+        this.providers.set(name, factory);
+    }
+
+    /**
+     * Get all available provider names
+     */
+    static getAvailableProviders(): string[] {
+        return Array.from(this.providers.keys());
+    }
+
+    /**
+     * Check if a provider is available
+     */
+    static hasProvider(name: string): boolean {
+        return this.providers.has(name);
+    }
+}
diff --git a/resources/scripts/lib/captcha/index.ts b/resources/scripts/lib/captcha/index.ts
new file mode 100644
index 000000000..ce0e06752
--- /dev/null
+++ b/resources/scripts/lib/captcha/index.ts
@@ -0,0 +1,17 @@
+// Main exports
+export { CaptchaManager } from './CaptchaManager';
+export { CaptchaProviderFactory } from './CaptchaProviderFactory';
+
+// Types and interfaces
+export type { CaptchaConfig, CaptchaProviderInterface, CaptchaRenderConfig } from './CaptchaProvider';
+
+export { BaseCaptchaProvider } from './CaptchaProvider';
+
+// Provider implementations
+export { TurnstileProvider } from './providers/TurnstileProvider';
+export { HCaptchaProvider } from './providers/HCaptchaProvider';
+export { RecaptchaProvider } from './providers/RecaptchaProvider';
+export { NullProvider } from './providers/NullProvider';
+
+// Default export - singleton instance
+export { default } from './CaptchaManager';
diff --git a/resources/scripts/lib/captcha/providers/HCaptchaProvider.ts b/resources/scripts/lib/captcha/providers/HCaptchaProvider.ts
new file mode 100644
index 000000000..2289ab8ee
--- /dev/null
+++ b/resources/scripts/lib/captcha/providers/HCaptchaProvider.ts
@@ -0,0 +1,91 @@
+import { BaseCaptchaProvider, CaptchaRenderConfig } from '../CaptchaProvider';
+import '../types';
+
+export class HCaptchaProvider extends BaseCaptchaProvider {
+    private static readonly SCRIPT_URL = 'https://js.hcaptcha.com/1/api.js';
+    private loadPromise: Promise<void> | null = null;
+
+    getName(): string {
+        return 'hcaptcha';
+    }
+
+    getScriptUrls(): string[] {
+        return [HCaptchaProvider.SCRIPT_URL];
+    }
+
+    getResponseFieldName(): string {
+        return 'h-captcha-response';
+    }
+
+    isLoaded(): boolean {
+        return typeof window.hcaptcha !== 'undefined';
+    }
+
+    loadSdk(): Promise<void> {
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+
+        if (this.isLoaded()) {
+            return Promise.resolve();
+        }
+
+        this.loadPromise = new Promise((resolve, reject) => {
+            const script = document.createElement('script');
+            script.src = HCaptchaProvider.SCRIPT_URL;
+            script.async = true;
+            script.defer = true;
+
+            script.onload = () => {
+                resolve();
+            };
+
+            script.onerror = () => {
+                reject(new Error('Failed to load hCaptcha SDK'));
+            };
+
+            document.head.appendChild(script);
+        });
+
+        return this.loadPromise;
+    }
+
+    async render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string> {
+        await this.loadSdk();
+
+        if (!window.hcaptcha) {
+            throw new Error('hCaptcha SDK not loaded');
+        }
+
+        const widgetId = window.hcaptcha.render(container, {
+            sitekey: config.siteKey,
+            theme: config.theme || 'light',
+            size: config.size || 'normal',
+            callback: config.onSuccess,
+            'error-callback': config.onError,
+            'expired-callback': config.onExpired,
+        });
+
+        return widgetId;
+    }
+
+    getResponse(widgetId?: string): string | null {
+        if (!window.hcaptcha) {
+            return null;
+        }
+
+        return window.hcaptcha.getResponse(widgetId) || null;
+    }
+
+    reset(widgetId?: string): void {
+        if (window.hcaptcha) {
+            window.hcaptcha.reset(widgetId);
+        }
+    }
+
+    remove(widgetId?: string): void {
+        if (window.hcaptcha) {
+            window.hcaptcha.remove(widgetId);
+        }
+    }
+}
diff --git a/resources/scripts/lib/captcha/providers/NullProvider.ts b/resources/scripts/lib/captcha/providers/NullProvider.ts
new file mode 100644
index 000000000..36e218e5d
--- /dev/null
+++ b/resources/scripts/lib/captcha/providers/NullProvider.ts
@@ -0,0 +1,40 @@
+import { BaseCaptchaProvider, CaptchaRenderConfig } from '../CaptchaProvider';
+
+export class NullProvider extends BaseCaptchaProvider {
+    getName(): string {
+        return 'none';
+    }
+
+    getScriptUrls(): string[] {
+        return [];
+    }
+
+    getResponseFieldName(): string {
+        return '';
+    }
+
+    isLoaded(): boolean {
+        return true;
+    }
+
+    loadSdk(): Promise<void> {
+        return Promise.resolve();
+    }
+
+    async render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string> {
+        // No-op for disabled captcha
+        return '';
+    }
+
+    getResponse(widgetId?: string): string | null {
+        return null;
+    }
+
+    reset(widgetId?: string): void {
+        // No-op for disabled captcha
+    }
+
+    remove(widgetId?: string): void {
+        // No-op for disabled captcha
+    }
+}
diff --git a/resources/scripts/lib/captcha/providers/RecaptchaProvider.ts b/resources/scripts/lib/captcha/providers/RecaptchaProvider.ts
new file mode 100644
index 000000000..a639b2fef
--- /dev/null
+++ b/resources/scripts/lib/captcha/providers/RecaptchaProvider.ts
@@ -0,0 +1,143 @@
+import { BaseCaptchaProvider, CaptchaRenderConfig } from '../CaptchaProvider';
+import '../types';
+
+export class RecaptchaProvider extends BaseCaptchaProvider {
+    private loadPromise: Promise<void> | null = null;
+    private siteKey: string = '';
+
+    getName(): string {
+        return 'recaptcha';
+    }
+
+    getScriptUrls(): string[] {
+        // For reCAPTCHA v3, we need to include the site key in the script URL
+        return [`https://www.google.com/recaptcha/api.js?render=${this.siteKey}`];
+    }
+
+    getResponseFieldName(): string {
+        return 'g-recaptcha-response';
+    }
+
+    isLoaded(): boolean {
+        return typeof window.grecaptcha !== 'undefined';
+    }
+
+    loadSdk(): Promise<void> {
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+
+        if (this.isLoaded()) {
+            return Promise.resolve();
+        }
+
+        this.loadPromise = new Promise((resolve, reject) => {
+            const script = document.createElement('script');
+            script.src = `https://www.google.com/recaptcha/api.js?render=${this.siteKey}`;
+            script.async = true;
+            script.defer = true;
+
+            script.onload = () => {
+                if (window.grecaptcha) {
+                    window.grecaptcha.ready(() => {
+                        resolve();
+                    });
+                } else {
+                    resolve();
+                }
+            };
+
+            script.onerror = () => {
+                reject(new Error('Failed to load reCAPTCHA SDK'));
+            };
+
+            document.head.appendChild(script);
+        });
+
+        return this.loadPromise;
+    }
+
+    async render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string> {
+        this.siteKey = config.siteKey;
+        await this.loadSdk();
+
+        if (!window.grecaptcha) {
+            throw new Error('reCAPTCHA SDK not loaded');
+        }
+
+        // For reCAPTCHA v3, we don't render a visible widget
+        // Instead, we create a hidden input and execute the captcha programmatically
+        const hiddenInput = document.createElement('input');
+        hiddenInput.type = 'hidden';
+        hiddenInput.name = this.getResponseFieldName();
+        hiddenInput.id = 'g-recaptcha-response';
+        container.appendChild(hiddenInput);
+
+        // Execute reCAPTCHA v3 and get the token
+        return new Promise((resolve, reject) => {
+            if (!window.grecaptcha) {
+                reject(new Error('reCAPTCHA not loaded'));
+                return;
+            }
+
+            window.grecaptcha.ready(() => {
+                if (!window.grecaptcha) {
+                    reject(new Error('reCAPTCHA not available'));
+                    return;
+                }
+
+                window.grecaptcha
+                    .execute(config.siteKey, { action: 'submit' })
+                    .then((token: string) => {
+                        hiddenInput.value = token;
+                        if (config.onSuccess) {
+                            config.onSuccess(token);
+                        }
+                        resolve('recaptcha-v3');
+                    })
+                    .catch((error: any) => {
+                        if (config.onError) {
+                            config.onError(error);
+                        }
+                        reject(error);
+                    });
+            });
+        });
+    }
+
+    getResponse(widgetId?: string): string | null {
+        // For reCAPTCHA v3, get the token from the hidden input
+        const input = document.getElementById('g-recaptcha-response') as HTMLInputElement;
+        return input ? input.value : null;
+    }
+
+    reset(widgetId?: string): void {
+        // For reCAPTCHA v3, clear the hidden input and re-execute
+        const input = document.getElementById('g-recaptcha-response') as HTMLInputElement;
+        if (input) {
+            input.value = '';
+            if (window.grecaptcha && this.siteKey) {
+                window.grecaptcha.ready(() => {
+                    if (!window.grecaptcha) return;
+
+                    window.grecaptcha
+                        .execute(this.siteKey, { action: 'submit' })
+                        .then((token: string) => {
+                            input.value = token;
+                        })
+                        .catch(() => {
+                            // Silently handle errors during reset
+                        });
+                });
+            }
+        }
+    }
+
+    remove(widgetId?: string): void {
+        // For reCAPTCHA v3, remove the hidden input
+        const input = document.getElementById('g-recaptcha-response');
+        if (input) {
+            input.remove();
+        }
+    }
+}
diff --git a/resources/scripts/lib/captcha/providers/TurnstileProvider.ts b/resources/scripts/lib/captcha/providers/TurnstileProvider.ts
new file mode 100644
index 000000000..84c4b5715
--- /dev/null
+++ b/resources/scripts/lib/captcha/providers/TurnstileProvider.ts
@@ -0,0 +1,112 @@
+import { BaseCaptchaProvider, CaptchaRenderConfig } from '../CaptchaProvider';
+import '../types';
+
+export class TurnstileProvider extends BaseCaptchaProvider {
+    private static readonly SCRIPT_URL = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
+    private loadPromise: Promise<void> | null = null;
+
+    getName(): string {
+        return 'turnstile';
+    }
+
+    getScriptUrls(): string[] {
+        return [TurnstileProvider.SCRIPT_URL];
+    }
+
+    getResponseFieldName(): string {
+        return 'cf-turnstile-response';
+    }
+
+    isLoaded(): boolean {
+        return typeof window.turnstile !== 'undefined';
+    }
+
+    loadSdk(): Promise<void> {
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+
+        if (this.isLoaded()) {
+            return Promise.resolve();
+        }
+
+        this.loadPromise = new Promise((resolve, reject) => {
+            // Check if script is already in DOM
+            const existingScript = document.querySelector(`script[src="${TurnstileProvider.SCRIPT_URL}"]`);
+            if (existingScript) {
+                if (this.isLoaded()) {
+                    resolve();
+                    return;
+                }
+                // Wait for existing script to load
+                existingScript.addEventListener('load', () => resolve());
+                existingScript.addEventListener('error', () => reject(new Error('Failed to load Turnstile SDK')));
+                return;
+            }
+
+            const script = document.createElement('script');
+            script.src = TurnstileProvider.SCRIPT_URL;
+            script.async = true;
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+
+            script.onload = () => {
+                // Wait a bit for the SDK to initialize
+                setTimeout(() => {
+                    if (this.isLoaded()) {
+                        resolve();
+                    } else {
+                        reject(new Error('Turnstile SDK loaded but not available'));
+                    }
+                }, 100);
+            };
+
+            script.onerror = () => {
+                reject(new Error('Failed to load Turnstile SDK'));
+            };
+
+            document.head.appendChild(script);
+        });
+
+        return this.loadPromise;
+    }
+
+    async render(container: HTMLElement, config: CaptchaRenderConfig): Promise<string> {
+        await this.loadSdk();
+
+        if (!window.turnstile) {
+            throw new Error('Turnstile SDK not loaded');
+        }
+
+        const widgetId = window.turnstile.render(container, {
+            sitekey: config.siteKey,
+            theme: config.theme || 'auto',
+            size: config.size || 'normal',
+            callback: config.onSuccess,
+            'error-callback': config.onError,
+            'expired-callback': config.onExpired,
+        });
+
+        return widgetId;
+    }
+
+    getResponse(widgetId?: string): string | null {
+        if (!window.turnstile) {
+            return null;
+        }
+
+        return window.turnstile.getResponse(widgetId) || null;
+    }
+
+    reset(widgetId?: string): void {
+        if (window.turnstile) {
+            window.turnstile.reset(widgetId);
+        }
+    }
+
+    remove(widgetId?: string): void {
+        if (window.turnstile) {
+            window.turnstile.remove(widgetId);
+        }
+    }
+}
diff --git a/resources/scripts/lib/captcha/types.ts b/resources/scripts/lib/captcha/types.ts
new file mode 100644
index 000000000..de6a64139
--- /dev/null
+++ b/resources/scripts/lib/captcha/types.ts
@@ -0,0 +1,34 @@
+// Global type definitions for captcha providers
+declare global {
+    interface Window {
+        SiteConfiguration?: {
+            captcha: {
+                enabled: boolean;
+                provider: string;
+                siteKey: string;
+                scriptIncludes: string[];
+            };
+        };
+        turnstile?: {
+            render: (container: string | HTMLElement, params: any) => string;
+            reset: (widgetId?: string) => void;
+            getResponse: (widgetId?: string) => string;
+            remove: (widgetId?: string) => void;
+        };
+        hcaptcha?: {
+            render: (container: string | HTMLElement, params: any) => string;
+            reset: (widgetId?: string) => void;
+            getResponse: (widgetId?: string) => string;
+            remove: (widgetId?: string) => void;
+        };
+        grecaptcha?: {
+            render: (container: string | HTMLElement, options: any) => number;
+            getResponse: (widgetId?: number) => string;
+            reset: (widgetId?: number) => void;
+            execute: (siteKey: string, options?: { action: string }) => Promise<string>;
+            ready: (callback: () => void) => void;
+        };
+    }
+}
+
+export {};
diff --git a/resources/scripts/lib/mclogsUtils.ts b/resources/scripts/lib/mclogsUtils.ts
new file mode 100644
index 000000000..ea130f57a
--- /dev/null
+++ b/resources/scripts/lib/mclogsUtils.ts
@@ -0,0 +1,103 @@
+export const CRASH_INDICATORS = [
+    // Java / JVM
+    'exception in thread "main"',
+    'java.lang.outofmemoryerror',
+    'java.lang.stackoverflowerror',
+    'java.lang.nullpointerexception',
+    'java.lang.classnotfoundexception',
+    'java.lang.noclassdeffounderror',
+    'a fatal error has been detected by the java runtime environment',
+
+    // Minecraft
+    '---- minecraft crash report ----',
+    'crash report',
+    'unexpected exception',
+
+    // Watchdog
+    'watchdog',
+    'single server tick took',
+
+    // Networking / binding
+    'address already in use',
+    'failed to bind to port',
+
+    // System / container
+    'segmentation fault',
+    'core dumped',
+    'aborted',
+    'process crashed',
+    'detected server process in a crashed state',
+    'server marked as offline',
+    'process marked as offline',
+
+    // Generic
+    'fatal error',
+    'server crashed',
+    'unexpected shutdown',
+];
+
+const CRASH_REGEX = [
+    /hs_err_pid\d+\.log/i, // JVM fatal report files
+    /\bexit code[: ]\s*(1|137|139|143)\b/i, // common crash exit codes
+    /\boom-?killer?\b/i, // OOM killer
+];
+
+export const isCrashLine = (line: string): boolean => {
+    const lower = line.toLowerCase();
+    if (CRASH_INDICATORS.some((s) => lower.includes(s))) return true;
+    return CRASH_REGEX.some((r) => r.test(line));
+};
+
+export const extractRelevantLogs = (
+    logs: string[],
+    maxLines: number = 150,
+    linesBefore: number = 75,
+    linesAfter: number = 75,
+): string => {
+    if (!logs.length) return '';
+
+    // find index of last crash-looking line
+    let hit = -1;
+    for (let i = logs.length - 1; i >= 0; i--) {
+        const line = logs[i];
+        if (line && isCrashLine(line)) {
+            hit = i;
+            break;
+        }
+    }
+
+    if (hit === -1) {
+        return logs.slice(-maxLines).join('\n');
+    }
+
+    // widen a bit if it's a full MC crash report header
+    const crashLine = logs[hit];
+    const isMcReportHeader = crashLine ? /---- minecraft crash report ----/i.test(crashLine) : false;
+    const before = isMcReportHeader ? Math.max(linesBefore, 100) : linesBefore;
+    const after = isMcReportHeader ? Math.max(linesAfter, 100) : linesAfter;
+
+    const start = Math.max(0, hit - before);
+    const end = Math.min(logs.length, hit + after);
+
+    let slice = logs.slice(start, end);
+
+    // enforce maxLines (keep the crash line roughly centered)
+    if (slice.length > maxLines) {
+        const extra = slice.length - maxLines;
+        const dropFront = Math.ceil(extra / 2);
+        slice = slice.slice(dropFront, dropFront + maxLines);
+    }
+
+    return slice.join('\n');
+};
+
+/**
+ * Tiny debounce for browser/Node.
+ */
+export const debounce = <T extends (...args: any[]) => void>(fn: T, delay: number) => {
+    let t: ReturnType<typeof setTimeout> | null = null;
+    return (...args: Parameters<T>) => {
+        if (t) clearTimeout(t);
+        t = setTimeout(() => fn(...args), delay);
+    };
+};
diff --git a/resources/scripts/lib/objects.ts b/resources/scripts/lib/objects.ts
index ead63a6c1..4e1f44312 100644
--- a/resources/scripts/lib/objects.ts
+++ b/resources/scripts/lib/objects.ts
@@ -10,8 +10,7 @@ function isObject(val: unknown): val is Record<string, unknown> {
  * Determines if an object is truly empty by looking at the keys present
  * and the prototype value.
  */
-// eslint-disable-next-line @typescript-eslint/ban-types
-function isEmptyObject(val: {}): boolean {
+function isEmptyObject(val: object): boolean {
     return Object.keys(val).length === 0 && Object.getPrototypeOf(val) === Object.prototype;
 }
 
@@ -20,8 +19,7 @@ function isEmptyObject(val: {}): boolean {
  * for an object, but in a typed manner to make working with them a little
  * easier.
  */
-// eslint-disable-next-line @typescript-eslint/ban-types
-function getObjectKeys<T extends {}>(o: T): (keyof T)[] {
+function getObjectKeys<T extends object>(o: T): (keyof T)[] {
     return Object.keys(o) as (keyof typeof o)[];
 }
 
diff --git a/resources/scripts/lib/server-operations.ts b/resources/scripts/lib/server-operations.ts
new file mode 100644
index 000000000..2696aeb6b
--- /dev/null
+++ b/resources/scripts/lib/server-operations.ts
@@ -0,0 +1,106 @@
+import { OPERATION_STATUS, OperationStatus } from '@/api/server/serverOperations';
+
+/**
+ * UI configuration constants for server operations.
+ */
+export const UI_CONFIG = {
+    AUTO_CLOSE_DELAY: 3000,
+    PROGRESS_UPDATE_INTERVAL: 30000,
+    ESTIMATED_PROGRESS_WIDTH: 60,
+} as const;
+
+/**
+ * Status styling configuration for different operation states.
+ */
+export const STATUS_CONFIG = {
+    [OPERATION_STATUS.PENDING]: {
+        color: 'text-yellow-400',
+        bgColor: 'bg-yellow-500/10',
+        borderColor: 'border-yellow-500/20',
+        textColor: 'text-yellow-300',
+    },
+    [OPERATION_STATUS.RUNNING]: {
+        color: 'text-blue-400',
+        bgColor: 'bg-blue-500/10',
+        borderColor: 'border-blue-500/20',
+        textColor: 'text-blue-300',
+    },
+    [OPERATION_STATUS.COMPLETED]: {
+        color: 'text-green-400',
+        bgColor: 'bg-green-500/10',
+        borderColor: 'border-green-500/20',
+        textColor: 'text-green-300',
+    },
+    [OPERATION_STATUS.FAILED]: {
+        color: 'text-red-400',
+        bgColor: 'bg-red-500/10',
+        borderColor: 'border-red-500/20',
+        textColor: 'text-red-300',
+    },
+    [OPERATION_STATUS.CANCELLED]: {
+        color: 'text-gray-400',
+        bgColor: 'bg-gray-500/10',
+        borderColor: 'border-gray-500/20',
+        textColor: 'text-gray-300',
+    },
+} as const;
+
+/**
+ * Get status-specific styling configuration.
+ */
+export const getStatusStyling = (status: OperationStatus) => {
+    return STATUS_CONFIG[status] || STATUS_CONFIG[OPERATION_STATUS.PENDING];
+};
+
+/**
+ * Get appropriate icon type for operation status.
+ */
+export const getStatusIconType = (status: OperationStatus): 'spinner' | 'success' | 'error' => {
+    switch (status) {
+        case OPERATION_STATUS.PENDING:
+        case OPERATION_STATUS.RUNNING:
+            return 'spinner';
+        case OPERATION_STATUS.COMPLETED:
+            return 'success';
+        case OPERATION_STATUS.FAILED:
+        case OPERATION_STATUS.CANCELLED:
+            return 'error';
+        default:
+            return 'spinner';
+    }
+};
+
+/**
+ * Check if operation modal can be closed or dismissed.
+ */
+export const canCloseOperation = (operation: any, error: string | null): boolean => {
+    return Boolean((operation && (operation.is_completed || operation.has_failed)) || error);
+};
+
+/**
+ * Format operation ID for compact display.
+ */
+export const formatOperationId = (operationId: string): string => {
+    return `${operationId.split('-')[0]}...`;
+};
+
+/**
+ * Check if operation status is active (pending or running).
+ */
+export const isActiveStatus = (status: OperationStatus): boolean => {
+    return status === OPERATION_STATUS.PENDING || status === OPERATION_STATUS.RUNNING;
+};
+
+/**
+ * Check if operation status indicates successful completion.
+ */
+export const isCompletedStatus = (status: OperationStatus): boolean => {
+    return status === OPERATION_STATUS.COMPLETED;
+};
+
+/**
+ * Check if operation status indicates failure or cancellation.
+ */
+export const isFailedStatus = (status: OperationStatus): boolean => {
+    return status === OPERATION_STATUS.FAILED || status === OPERATION_STATUS.CANCELLED;
+};
diff --git a/resources/scripts/macros.d.ts b/resources/scripts/macros.d.ts
index ddc17b261..a06f362cc 100644
--- a/resources/scripts/macros.d.ts
+++ b/resources/scripts/macros.d.ts
@@ -11,8 +11,7 @@ declare module 'styled-components' {
     interface StyledComponentBase<
         C extends string | ComponentType<any>,
         T extends object,
-        // eslint-disable-next-line @typescript-eslint/ban-types
-        O extends object = {},
+        O extends object = object,
         A extends keyof any = never,
     > extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>> {
         (
diff --git a/resources/scripts/plugins/Websocket.ts b/resources/scripts/plugins/Websocket.ts
index 8e5b1ec21..b3aab940a 100644
--- a/resources/scripts/plugins/Websocket.ts
+++ b/resources/scripts/plugins/Websocket.ts
@@ -29,14 +29,18 @@ export class Websocket extends EventEmitter {
             onmessage: (e) => {
                 try {
                     const { event, args } = JSON.parse(e.data);
-                    args ? this.emit(event, ...args) : this.emit(event);
+                    if (args) {
+                        this.emit(event, ...args);
+                    } else {
+                        this.emit(event);
+                    }
                 } catch (ex) {
                     console.warn('Failed to parse incoming websocket message.', ex);
                 }
             },
             onopen: () => {
                 // Clear the timers, we managed to connect just fine.
-                this.timer && clearTimeout(this.timer);
+                if (this.timer) clearTimeout(this.timer);
                 this.backoff = 5000;
 
                 this.emit('SOCKET_OPEN');
@@ -52,7 +56,7 @@ export class Websocket extends EventEmitter {
 
         this.timer = setTimeout(() => {
             this.backoff = this.backoff + 2500 >= 20000 ? 20000 : this.backoff + 2500;
-            this.socket && this.socket.close();
+            if (this.socket) this.socket.close();
             clearTimeout(this.timer);
 
             // Re-attempt connecting to the socket.
@@ -83,24 +87,25 @@ export class Websocket extends EventEmitter {
     close(code?: number, reason?: string) {
         this.url = null;
         this.token = '';
-        this.socket && this.socket.close(code, reason);
+        if (this.socket) this.socket.close(code, reason);
     }
 
     open() {
-        this.socket && this.socket.open();
+        if (this.socket) this.socket.open();
     }
 
     reconnect() {
-        this.socket && this.socket.reconnect();
+        if (this.socket) this.socket.reconnect();
     }
 
     send(event: string, payload?: string | string[]) {
-        this.socket &&
+        if (this.socket) {
             this.socket.send(
                 JSON.stringify({
                     event,
                     args: Array.isArray(payload) ? payload : [payload],
                 }),
             );
+        }
     }
 }
diff --git a/resources/scripts/plugins/useFilteredObject.ts b/resources/scripts/plugins/useFilteredObject.ts
index ba6c15b3f..b2230e491 100644
--- a/resources/scripts/plugins/useFilteredObject.ts
+++ b/resources/scripts/plugins/useFilteredObject.ts
@@ -5,8 +5,7 @@
  */
 import { isEmptyObject, isObject } from '@/lib/objects';
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-export default <T extends {}>(data: T): T => {
+export default <T extends object>(data: T): T => {
     const empty = [undefined, null, ''] as unknown[];
 
     const removeEmptyValues = (input: T): T =>
diff --git a/resources/scripts/plugins/useSWRKey.ts b/resources/scripts/plugins/useSWRKey.ts
index b840a7728..06b50e16a 100644
--- a/resources/scripts/plugins/useSWRKey.ts
+++ b/resources/scripts/plugins/useSWRKey.ts
@@ -3,8 +3,7 @@ import { ServerContext } from '@/state/server';
 
 import { useDeepCompareMemo } from '@/plugins/useDeepCompareMemo';
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-type Context = string | string[] | (string | number | null | {})[];
+type Context = string | string[] | (string | number | null | object)[];
 
 function useSWRKey(context: Context, prefix: string | null = null): string {
     const key = useDeepCompareMemo((): string => {
diff --git a/resources/scripts/plugins/useWebsocketEvent.ts b/resources/scripts/plugins/useWebsocketEvent.ts
index 831a6445a..0e96b214f 100644
--- a/resources/scripts/plugins/useWebsocketEvent.ts
+++ b/resources/scripts/plugins/useWebsocketEvent.ts
@@ -19,7 +19,7 @@ const useWebsocketEvent = (event: SocketEvent, callback: (data: string) => void)
         }
 
         return () => {
-            instance && instance.removeListener(event, eventListener);
+            if (instance) instance.removeListener(event, eventListener);
         };
     }, [event, connected, instance]);
 };
diff --git a/resources/scripts/routers/AuthenticationRouter.tsx b/resources/scripts/routers/AuthenticationRouter.tsx
index 8304ecd4c..da8bf6c7a 100644
--- a/resources/scripts/routers/AuthenticationRouter.tsx
+++ b/resources/scripts/routers/AuthenticationRouter.tsx
@@ -6,7 +6,7 @@ import LoginContainer from '@/components/auth/LoginContainer';
 import ResetPasswordContainer from '@/components/auth/ResetPasswordContainer';
 import { NotFound } from '@/components/elements/ScreenBlock';
 
-export default () => {
+const AuthenticationRouter = () => {
     return (
         <div
             style={{
@@ -24,3 +24,5 @@ export default () => {
         </div>
     );
 };
+
+export default AuthenticationRouter;
diff --git a/resources/scripts/routers/DashboardRouter.tsx b/resources/scripts/routers/DashboardRouter.tsx
index df7d77b84..36db75d88 100644
--- a/resources/scripts/routers/DashboardRouter.tsx
+++ b/resources/scripts/routers/DashboardRouter.tsx
@@ -14,24 +14,30 @@ import {
 } from '@/components/elements/DropdownMenu';
 import MainSidebar from '@/components/elements/MainSidebar';
 import MainWrapper from '@/components/elements/MainWrapper';
+import { DashboardMobileMenu } from '@/components/elements/MobileFullScreenMenu';
+import MobileTopBar from '@/components/elements/MobileTopBar';
 import Logo from '@/components/elements/PyroLogo';
 import { NotFound } from '@/components/elements/ScreenBlock';
 import HugeIconsApi from '@/components/elements/hugeicons/Api';
 import HugeIconsDashboardSettings from '@/components/elements/hugeicons/DashboardSettings';
 import HugeIconsHome from '@/components/elements/hugeicons/Home';
 import HugeIconsSsh from '@/components/elements/hugeicons/Ssh';
-import HugeIconsHamburger from '@/components/elements/hugeicons/hamburger';
 
 import http from '@/api/http';
 
-export default () => {
+const DashboardRouter = () => {
     const location = useLocation();
     const rootAdmin = useStoreState((state) => state.user.data!.rootAdmin);
 
-    const [isSidebarVisible, setSidebarVisible] = useState(false);
+    // Mobile menu state
+    const [isMobileMenuVisible, setMobileMenuVisible] = useState(false);
 
-    const toggleSidebar = () => {
-        setSidebarVisible(!isSidebarVisible); // Toggle sidebar visibility
+    const toggleMobileMenu = () => {
+        setMobileMenuVisible(!isMobileMenuVisible);
+    };
+
+    const closeMobileMenu = () => {
+        setMobileMenuVisible(false);
     };
 
     const onTriggerLogout = () => {
@@ -82,123 +88,120 @@ export default () => {
 
     return (
         <Fragment key={'dashboard-router'}>
-            {isSidebarVisible && (
-                <div
-                    className='lg:hidden fixed inset-0 bg-black bg-opacity-50 z-[9998] transition-opacity duration-300 '
-                    onClick={() => setSidebarVisible(false)}
-                />
-            )}
-            <button
-                id='sidebarToggle'
-                className='lg:hidden fixed flex items-center justify-center top-4 left-4 z-50 bg-[#1a1a1a] p-3 rounded-md text-white shadow-md'
-                onClick={toggleSidebar}
-                aria-label='Toggle sidebar'
-            >
-                <HugeIconsHamburger fill='currentColor' />
-            </button>
+            {/* Mobile Top Bar */}
+            <MobileTopBar
+                onMenuToggle={toggleMobileMenu}
+                onTriggerLogout={onTriggerLogout}
+                onSelectAdminPanel={onSelectAdminPanel}
+                rootAdmin={rootAdmin}
+            />
 
-            <MainSidebar
-                className={`fixed inset-y-0 left-0 z-[9999] w-[300px] bg-[#1a1a1a] transition-transform duration-300 ease-in-out absolute backdrop-blur-sm ${
-                    isSidebarVisible ? 'translate-x-0' : '-translate-x-full'
-                } lg:translate-x-0 lg:relative lg:flex lg:shrink-0`}
-            >
-                <div
-                    className='absolute bg-brand w-[3px] h-10 left-0 rounded-full pointer-events-none '
-                    style={{
-                        top,
-                        height,
-                        opacity: top === '0' ? 0 : 1,
-                        transition:
-                            'linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001) 390ms',
-                    }}
-                />
-                <div
-                    className='absolute bg-brand w-12 h-10 blur-2xl left-0 rounded-full pointer-events-none'
-                    style={{
-                        top,
-                        opacity: top === '0' ? 0 : 0.5,
-                        transition:
-                            'top linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001) 390ms',
-                    }}
-                />
-                <div className='relative flex flex-row items-center justify-between h-8'>
-                    <NavLink to={'/'} className='flex shrink-0 h-full w-fit'>
-                        <Logo />
-                        {/* <h1 className='text-[35px] font-semibold leading-[98%] tracking-[-0.05rem] mb-8'>Panel</h1> */}
-                    </NavLink>
-                    <DropdownMenu>
-                        <DropdownMenuTrigger asChild>
-                            <button className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2'>
-                                <svg
-                                    xmlns='http://www.w3.org/2000/svg'
-                                    width='16'
-                                    height='15'
-                                    fill='currentColor'
-                                    viewBox='0 0 16 15'
-                                    className='flex shrink-0 h-full w-full'
-                                >
-                                    <path d='M8.9375 7.3775C8.9375 7.56341 8.88252 7.74515 8.7795 7.89974C8.67649 8.05432 8.53007 8.1748 8.35877 8.24595C8.18746 8.31709 7.99896 8.33571 7.8171 8.29944C7.63525 8.26317 7.4682 8.17364 7.33709 8.04218C7.20598 7.91072 7.11669 7.74323 7.08051 7.56088C7.04434 7.37854 7.06291 7.18954 7.13386 7.01778C7.20482 6.84601 7.32498 6.69921 7.47915 6.59592C7.63332 6.49263 7.81458 6.4375 8 6.4375C8.24864 6.4375 8.4871 6.53654 8.66291 6.71282C8.83873 6.8891 8.9375 7.1282 8.9375 7.3775ZM1.625 6.4375C1.43958 6.4375 1.25832 6.49263 1.10415 6.59592C0.949982 6.69921 0.829821 6.84601 0.758863 7.01778C0.687906 7.18954 0.669341 7.37854 0.705514 7.56088C0.741688 7.74323 0.830976 7.91072 0.962088 8.04218C1.0932 8.17364 1.26025 8.26317 1.4421 8.29944C1.62396 8.33571 1.81246 8.31709 1.98377 8.24595C2.15507 8.1748 2.30149 8.05432 2.4045 7.89974C2.50752 7.74515 2.5625 7.56341 2.5625 7.3775C2.5625 7.1282 2.46373 6.8891 2.28791 6.71282C2.1121 6.53654 1.87364 6.4375 1.625 6.4375ZM14.375 6.4375C14.1896 6.4375 14.0083 6.49263 13.8542 6.59592C13.7 6.69921 13.5798 6.84601 13.5089 7.01778C13.4379 7.18954 13.4193 7.37854 13.4555 7.56088C13.4917 7.74323 13.581 7.91072 13.7121 8.04218C13.8432 8.17364 14.0102 8.26317 14.1921 8.29944C14.374 8.33571 14.5625 8.31709 14.7338 8.24595C14.9051 8.1748 15.0515 8.05432 15.1545 7.89974C15.2575 7.74515 15.3125 7.56341 15.3125 7.3775C15.3125 7.1282 15.2137 6.8891 15.0379 6.71282C14.8621 6.53654 14.6236 6.4375 14.375 6.4375Z' />
-                                </svg>
-                            </button>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent className='z-[99999]' sideOffset={8}>
-                            {rootAdmin && (
-                                <DropdownMenuItem onSelect={onSelectAdminPanel}>
-                                    Admin Panel
-                                    <span className='ml-2 z-10 rounded-full bg-brand px-2 py-1 text-xs text-white'>
-                                        Staff
-                                    </span>
-                                </DropdownMenuItem>
-                            )}
-                            <DropdownMenuSeparator />
-                            <DropdownMenuItem onSelect={onTriggerLogout}>Log Out</DropdownMenuItem>
-                        </DropdownMenuContent>
-                    </DropdownMenu>
-                </div>
-                <div aria-hidden className='mt-8 mb-4 bg-[#ffffff33] min-h-[1px] w-6'></div>
-                <ul data-pyro-subnav-routes-wrapper='' className='pyro-subnav-routes-wrapper ' onClick={toggleSidebar}>
-                    <NavLink to={'/'} end className='flex flex-row items-center' ref={NavigationHome}>
-                        <HugeIconsHome fill='currentColor' />
-                        <p>Servers</p>
-                    </NavLink>
-                    <NavLink to={'/account/api'} end className='flex flex-row items-center' ref={NavigationApi}>
-                        <HugeIconsApi fill='currentColor' />
-                        <p>API Keys</p>
-                    </NavLink>
-                    <NavLink to={'/account/ssh'} end className='flex flex-row items-center' ref={NavigationSSH}>
-                        <HugeIconsSsh fill='currentColor' />
-                        <p>SSH Keys</p>
-                    </NavLink>
-                    <NavLink to={'/account'} end className='flex flex-row items-center' ref={NavigationSettings}>
-                        <HugeIconsDashboardSettings fill='currentColor' />
-                        <p>Settings</p>
-                    </NavLink>
-                </ul>
-            </MainSidebar>
+            {/* Mobile Full Screen Menu */}
+            <DashboardMobileMenu isVisible={isMobileMenuVisible} onClose={closeMobileMenu} />
 
-            <Suspense fallback={null}>
-                <MainWrapper>
-                    <main
-                        data-pyro-main=''
-                        data-pyro-transitionrouter=''
-                        className='relative inset-[1px] w-full h-full overflow-y-auto overflow-x-hidden rounded-md bg-[#08080875]'
-                    >
-                        <Routes>
-                            <Route path='' element={<DashboardContainer />} />
+            <div className='flex flex-row w-full lg:pt-0 pt-16'>
+                {/* Desktop Sidebar */}
+                <MainSidebar className='hidden lg:flex lg:relative lg:shrink-0 w-[300px] bg-[#1a1a1a]'>
+                    <div
+                        className='absolute bg-brand w-[3px] h-10 left-0 rounded-full pointer-events-none '
+                        style={{
+                            top,
+                            height,
+                            opacity: top === '0' ? 0 : 1,
+                            transition:
+                                'linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001) 390ms',
+                        }}
+                    />
+                    <div
+                        className='absolute bg-brand w-12 h-10 blur-2xl left-0 rounded-full pointer-events-none'
+                        style={{
+                            top,
+                            opacity: top === '0' ? 0 : 0.5,
+                            transition:
+                                'top linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001) 390ms',
+                        }}
+                    />
+                    <div className='relative flex flex-row items-center justify-between h-8'>
+                        <NavLink to={'/'} className='flex shrink-0 h-8 w-fit'>
+                            <Logo uniqueId='desktop-sidebar' />
+                            {/* <h1 className='text-[35px] font-semibold leading-[98%] tracking-[-0.05rem] mb-8'>Panel</h1> */}
+                        </NavLink>
+                        <DropdownMenu>
+                            <DropdownMenuTrigger asChild>
+                                <button className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2 cursor-pointer'>
+                                    <svg
+                                        xmlns='http://www.w3.org/2000/svg'
+                                        width='16'
+                                        height='15'
+                                        fill='currentColor'
+                                        viewBox='0 0 16 15'
+                                        className='flex shrink-0 h-full w-full'
+                                    >
+                                        <path d='M8.9375 7.3775C8.9375 7.56341 8.88252 7.74515 8.7795 7.89974C8.67649 8.05432 8.53007 8.1748 8.35877 8.24595C8.18746 8.31709 7.99896 8.33571 7.8171 8.29944C7.63525 8.26317 7.4682 8.17364 7.33709 8.04218C7.20598 7.91072 7.11669 7.74323 7.08051 7.56088C7.04434 7.37854 7.06291 7.18954 7.13386 7.01778C7.20482 6.84601 7.32498 6.69921 7.47915 6.59592C7.63332 6.49263 7.81458 6.4375 8 6.4375C8.24864 6.4375 8.4871 6.53654 8.66291 6.71282C8.83873 6.8891 8.9375 7.1282 8.9375 7.3775ZM1.625 6.4375C1.43958 6.4375 1.25832 6.49263 1.10415 6.59592C0.949982 6.69921 0.829821 6.84601 0.758863 7.01778C0.687906 7.18954 0.669341 7.37854 0.705514 7.56088C0.741688 7.74323 0.830976 7.91072 0.962088 8.04218C1.0932 8.17364 1.26025 8.26317 1.4421 8.29944C1.62396 8.33571 1.81246 8.31709 1.98377 8.24595C2.15507 8.1748 2.30149 8.05432 2.4045 7.89974C2.50752 7.74515 2.5625 7.56341 2.5625 7.3775C2.5625 7.1282 2.46373 6.8891 2.28791 6.71282C2.1121 6.53654 1.87364 6.4375 1.625 6.4375ZM14.375 6.4375C14.1896 6.4375 14.0083 6.49263 13.8542 6.59592C13.7 6.69921 13.5798 6.84601 13.5089 7.01778C13.4379 7.18954 13.4193 7.37854 13.4555 7.56088C13.4917 7.74323 13.581 7.91072 13.7121 8.04218C13.8432 8.17364 14.0102 8.26317 14.1921 8.29944C14.374 8.33571 14.5625 8.31709 14.7338 8.24595C14.9051 8.1748 15.0515 8.05432 15.1545 7.89974C15.2575 7.74515 15.3125 7.56341 15.3125 7.3775C15.3125 7.1282 15.2137 6.8891 15.0379 6.71282C14.8621 6.53654 14.6236 6.4375 14.375 6.4375Z' />
+                                    </svg>
+                                </button>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent className='z-99999' sideOffset={8}>
+                                {rootAdmin && (
+                                    <DropdownMenuItem onSelect={onSelectAdminPanel}>
+                                        Admin Panel
+                                        <span className='ml-2 z-10 rounded-full bg-brand px-2 py-1 text-xs text-white'>
+                                            Staff
+                                        </span>
+                                    </DropdownMenuItem>
+                                )}
+                                <DropdownMenuSeparator />
+                                <DropdownMenuItem onSelect={onTriggerLogout}>Log Out</DropdownMenuItem>
+                            </DropdownMenuContent>
+                        </DropdownMenu>
+                    </div>
+                    <div aria-hidden className='mt-8 mb-4 bg-[#ffffff33] min-h-[1px] w-6'></div>
+                    <ul data-pyro-subnav-routes-wrapper='' className='pyro-subnav-routes-wrapper'>
+                        <NavLink to={'/'} end className='flex flex-row items-center' ref={NavigationHome}>
+                            <HugeIconsHome fill='currentColor' />
+                            <p>Servers</p>
+                        </NavLink>
+                        <NavLink to={'/account/api'} end className='flex flex-row items-center' ref={NavigationApi}>
+                            <HugeIconsApi fill='currentColor' />
+                            <p>API Keys</p>
+                        </NavLink>
+                        <NavLink to={'/account/ssh'} end className='flex flex-row items-center' ref={NavigationSSH}>
+                            <HugeIconsSsh fill='currentColor' />
+                            <p>SSH Keys</p>
+                        </NavLink>
+                        <NavLink to={'/account'} end className='flex flex-row items-center' ref={NavigationSettings}>
+                            <HugeIconsDashboardSettings fill='currentColor' />
+                            <p>Settings</p>
+                        </NavLink>
+                    </ul>
+                </MainSidebar>
 
-                            {routes.account.map(({ route, component: Component }) => (
-                                <Route
-                                    key={route}
-                                    path={`/account/${route}`.replace('//', '/')}
-                                    element={<Component />}
-                                />
-                            ))}
+                <Suspense fallback={null}>
+                    <MainWrapper className='w-full'>
+                        <main
+                            data-pyro-main=''
+                            data-pyro-transitionrouter=''
+                            className='relative inset-[1px] w-full h-full overflow-y-auto overflow-x-hidden rounded-md bg-[#08080875]'
+                        >
+                            <Routes>
+                                <Route path='' element={<DashboardContainer />} />
 
-                            <Route path='*' element={<NotFound />} />
-                        </Routes>
-                    </main>
-                </MainWrapper>
-            </Suspense>
+                                {routes.account.map(({ route, component: Component }) => (
+                                    <Route
+                                        key={route}
+                                        path={`/account/${route}`.replace('//', '/')}
+                                        element={<Component />}
+                                    />
+                                ))}
+
+                                <Route path='*' element={<NotFound />} />
+                            </Routes>
+                        </main>
+                    </MainWrapper>
+                </Suspense>
+            </div>
         </Fragment>
     );
 };
+
+export default DashboardRouter;
diff --git a/resources/scripts/routers/ServerRouter.tsx b/resources/scripts/routers/ServerRouter.tsx
index 50b7a9d54..fddcc8bc8 100644
--- a/resources/scripts/routers/ServerRouter.tsx
+++ b/resources/scripts/routers/ServerRouter.tsx
@@ -1,8 +1,8 @@
 'use client';
 
 import { useStoreState } from 'easy-peasy';
-import type React from 'react';
-import { Fragment, Suspense, useEffect, useRef, useState } from 'react';
+import { on } from 'events';
+import React, { Fragment, Suspense, useEffect, useRef, useState } from 'react';
 import { NavLink, Route, Routes, useLocation, useParams } from 'react-router-dom';
 
 import routes from '@/routers/routes';
@@ -18,6 +18,8 @@ import {
 import ErrorBoundary from '@/components/elements/ErrorBoundary';
 import MainSidebar from '@/components/elements/MainSidebar';
 import MainWrapper from '@/components/elements/MainWrapper';
+import { ServerMobileMenu } from '@/components/elements/MobileFullScreenMenu';
+import MobileTopBar from '@/components/elements/MobileTopBar';
 import PermissionRoute from '@/components/elements/PermissionRoute';
 import Logo from '@/components/elements/PyroLogo';
 import { NotFound, ServerError } from '@/components/elements/ScreenBlock';
@@ -33,7 +35,6 @@ import HugeIconsFolder from '@/components/elements/hugeicons/Folder';
 import HugeIconsHome from '@/components/elements/hugeicons/Home';
 import HugeIconsPencil from '@/components/elements/hugeicons/Pencil';
 import HugeIconsPeople from '@/components/elements/hugeicons/People';
-import HugeIconsHamburger from '@/components/elements/hugeicons/hamburger';
 import ConflictStateRenderer from '@/components/server/ConflictStateRenderer';
 import InstallListener from '@/components/server/InstallListener';
 import TransferListener from '@/components/server/TransferListener';
@@ -41,44 +42,121 @@ import WebsocketHandler from '@/components/server/WebsocketHandler';
 
 import { httpErrorToHuman } from '@/api/http';
 import http from '@/api/http';
-import getNests from '@/api/nests/getNests';
+import { getSubdomainInfo, SubdomainInfo } from '@/api/server/network/subdomain';
 
 import { ServerContext } from '@/state/server';
 
 const blank_egg_prefix = '@';
 
-interface Egg {
-    object: string;
-    attributes: {
-        uuid: string;
-        name: string;
-        description: string;
-    };
-}
+// Sidebar item components that check both permissions and feature limits
+const DatabasesSidebarItem = React.forwardRef<HTMLAnchorElement, { id: string; onClick: () => void }>(
+    ({ id, onClick }, ref) => {
+        const databaseLimit = ServerContext.useStoreState((state) => state.server.data?.featureLimits.databases ?? 0);
 
-interface Nest {
-    object: string;
-    attributes: {
-        id: number;
-        name: string;
-        relationships: {
-            eggs: {
-                object: string;
-                data: Egg[];
+        // Hide if no database access (limit is 0)
+        if (databaseLimit === 0) return null;
+
+        return (
+            <Can action={'database.*'} matchAny>
+                <NavLink
+                    className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                    ref={ref}
+                    to={`/server/${id}/databases`}
+                    onClick={onClick}
+                    end
+                >
+                    <HugeIconsDatabase fill='currentColor' />
+                    <p>Databases</p>
+                </NavLink>
+            </Can>
+        );
+    },
+);
+DatabasesSidebarItem.displayName = 'DatabasesSidebarItem';
+
+const BackupsSidebarItem = React.forwardRef<HTMLAnchorElement, { id: string; onClick: () => void }>(
+    ({ id, onClick }, ref) => {
+        const backupLimit = ServerContext.useStoreState((state) => state.server.data?.featureLimits.backups ?? 0);
+
+        // Hide if no backup access (limit is 0)
+        if (backupLimit === 0) return null;
+
+        return (
+            <Can action={'backup.*'} matchAny>
+                <NavLink
+                    className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                    ref={ref}
+                    to={`/server/${id}/backups`}
+                    onClick={onClick}
+                    end
+                >
+                    <HugeIconsCloudUp fill='currentColor' />
+                    <p>Backups</p>
+                </NavLink>
+            </Can>
+        );
+    },
+);
+BackupsSidebarItem.displayName = 'BackupsSidebarItem';
+
+const NetworkingSidebarItem = React.forwardRef<HTMLAnchorElement, { id: string; onClick: () => void }>(
+    ({ id, onClick }, ref) => {
+        const [subdomainSupported, setSubdomainSupported] = useState(false);
+        const allocationLimit = ServerContext.useStoreState(
+            (state) => state.server.data?.featureLimits.allocations ?? 0,
+        );
+        const uuid = ServerContext.useStoreState((state) => state.server.data?.uuid);
+
+        useEffect(() => {
+            const checkSubdomainSupport = async () => {
+                try {
+                    if (uuid) {
+                        const data = await getSubdomainInfo(uuid);
+                        setSubdomainSupported(data.supported);
+                    }
+                } catch (error) {
+                    setSubdomainSupported(false);
+                }
             };
-        };
-    };
-}
 
-export default () => {
+            checkSubdomainSupport();
+        }, [uuid]);
+
+        // Show if either allocations are available OR subdomains are supported
+        if (allocationLimit === 0 && !subdomainSupported) return null;
+
+        return (
+            <Can action={'allocation.*'} matchAny>
+                <NavLink
+                    className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                    ref={ref}
+                    to={`/server/${id}/network`}
+                    onClick={onClick}
+                    end
+                >
+                    <HugeIconsConnections fill='currentColor' />
+                    <p>Networking</p>
+                </NavLink>
+            </Can>
+        );
+    },
+);
+NetworkingSidebarItem.displayName = 'NetworkingSidebarItem';
+
+/**
+ * Creates a swipe event from an X and Y location at start and current co-ords.
+ * Important to create a shared, but not public, space for methods.
+ *
+ * @class
+ */
+
+const ServerRouter = () => {
     const params = useParams<'id'>();
     const location = useLocation();
-    const [isSidebarVisible, setSidebarVisible] = useState(false);
-    const sidebarRef = useRef<HTMLDivElement>(null);
-    const [touchStartX, setTouchStartX] = useState<number | null>(null);
 
     const rootAdmin = useStoreState((state) => state.user.data!.rootAdmin);
     const [error, setError] = useState('');
+    const [subdomainSupported, setSubdomainSupported] = useState(false);
 
     const id = ServerContext.useStoreState((state) => state.server.data?.id);
     const uuid = ServerContext.useStoreState((state) => state.server.data?.uuid);
@@ -87,63 +165,21 @@ export default () => {
     const getServer = ServerContext.useStoreActions((actions) => actions.server.getServer);
     const clearServerState = ServerContext.useStoreActions((actions) => actions.clearServerState);
     const egg_id = ServerContext.useStoreState((state) => state.server.data?.egg);
-    const [nests, setNests] = useState<Nest[]>();
+    const databaseLimit = ServerContext.useStoreState((state) => state.server.data?.featureLimits.databases ?? 0);
+    const backupLimit = ServerContext.useStoreState((state) => state.server.data?.featureLimits.backups ?? 0);
+    const allocationLimit = ServerContext.useStoreState((state) => state.server.data?.featureLimits.allocations ?? 0);
 
-    const toggleSidebar = () => {
-        setSidebarVisible(!isSidebarVisible);
+    // Mobile menu state
+    const [isMobileMenuVisible, setMobileMenuVisible] = useState(false);
+
+    const toggleMobileMenu = () => {
+        setMobileMenuVisible(!isMobileMenuVisible);
     };
 
-    // Handle click outside to close sidebar
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (isSidebarVisible && sidebarRef.current && !sidebarRef.current.contains(event.target as Node)) {
-                setSidebarVisible(false);
-            }
-        };
-
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isSidebarVisible]);
-
-    // Handle touch events for swipe to close
-    const handleTouchStart = (e: React.TouchEvent) => {
-        setTouchStartX(e.touches[0].clientX);
+    const closeMobileMenu = () => {
+        setMobileMenuVisible(false);
     };
 
-    const handleTouchMove = (e: React.TouchEvent) => {
-        if (touchStartX === null) return;
-
-        const currentX = e.touches[0].clientX;
-        const diff = touchStartX - currentX;
-
-        // If swiping left (diff > 0) and sidebar is open, close it
-        if (diff > 50 && isSidebarVisible) {
-            setSidebarVisible(false);
-            setTouchStartX(null);
-        }
-    };
-
-    const handleTouchEnd = () => {
-        setTouchStartX(null);
-    };
-
-    const egg_name =
-        nests &&
-        nests
-            .find((nest) => nest.attributes.relationships.eggs.data.find((egg) => egg.attributes.uuid === egg_id))
-            ?.attributes.relationships.eggs.data.find((egg) => egg.attributes.uuid === egg_id)?.attributes.name;
-
-    useEffect(() => {
-        const fetchData = async () => {
-            const data = await getNests();
-            setNests(data);
-        };
-
-        fetchData();
-    }, []);
-
     const onTriggerLogout = () => {
         http.post('/auth/logout').finally(() => {
             // @ts-expect-error this is valid
@@ -179,6 +215,23 @@ export default () => {
         };
     }, [params.id]);
 
+    useEffect(() => {
+        const checkSubdomainSupport = async () => {
+            try {
+                if (uuid) {
+                    const data = await getSubdomainInfo(uuid);
+                    setSubdomainSupported(data.supported);
+                }
+            } catch (error) {
+                setSubdomainSupported(false);
+            }
+        };
+
+        if (uuid) {
+            checkSubdomainSupport();
+        }
+    }, [uuid]);
+
     // Define refs for navigation buttons.
     const NavigationHome = useRef(null);
     const NavigationFiles = useRef(null);
@@ -264,32 +317,28 @@ export default () => {
                 ) : null
             ) : (
                 <>
-                    {isSidebarVisible && (
-                        <div
-                            className='lg:hidden fixed inset-0 bg-black bg-opacity-50 z-[9998] transition-opacity duration-300'
-                            onClick={() => setSidebarVisible(false)}
-                        />
-                    )}
+                    {/* Mobile Top Bar */}
+                    <MobileTopBar
+                        onMenuToggle={toggleMobileMenu}
+                        onTriggerLogout={onTriggerLogout}
+                        onSelectAdminPanel={onSelectManageServer}
+                        rootAdmin={rootAdmin}
+                    />
 
-                    <button
-                        id='sidebarToggle'
-                        className='lg:hidden fixed flex items-center justify-center top-4 left-4 z-50 bg-[#1a1a1a] p-3 rounded-md text-white shadow-md'
-                        onClick={toggleSidebar}
-                        aria-label='Toggle sidebar'
-                    >
-                        <HugeIconsHamburger fill='currentColor' />
-                    </button>
+                    {/* Mobile Full Screen Menu */}
+                    <ServerMobileMenu
+                        isVisible={isMobileMenuVisible}
+                        onClose={closeMobileMenu}
+                        serverId={id}
+                        databaseLimit={databaseLimit}
+                        backupLimit={backupLimit}
+                        allocationLimit={allocationLimit}
+                        subdomainSupported={subdomainSupported}
+                    />
 
-                    <div className='flex flex-row w-full'>
-                        <MainSidebar
-                            ref={sidebarRef}
-                            className={`fixed inset-y-0 left-0 z-[9999] w-[300px] bg-[#1a1a1a] transition-transform duration-300 ease-in-out absolute backdrop-blur-sm ${
-                                isSidebarVisible ? 'translate-x-0' : '-translate-x-full'
-                            } lg:translate-x-0 lg:relative lg:flex lg:shrink-0`}
-                            onTouchStart={handleTouchStart}
-                            onTouchMove={handleTouchMove}
-                            onTouchEnd={handleTouchEnd}
-                        >
+                    <div className='flex flex-row w-full lg:pt-0 pt-16'>
+                        {/* Desktop Sidebar */}
+                        <MainSidebar className='hidden lg:flex lg:relative lg:shrink-0 w-[300px] bg-[#1a1a1a]'>
                             <div
                                 className='absolute bg-brand w-[3px] h-10 left-0 rounded-full pointer-events-none'
                                 style={{
@@ -309,12 +358,12 @@ export default () => {
                                 }}
                             />
                             <div className='flex flex-row items-center justify-between h-8'>
-                                <NavLink to={'/'} className='flex shrink-0 h-full w-fit'>
-                                    <Logo />
+                                <NavLink to={'/'} className='flex shrink-0 h-8 w-fit'>
+                                    <Logo uniqueId='server-desktop-sidebar' />
                                 </NavLink>
                                 <DropdownMenu>
                                     <DropdownMenuTrigger asChild>
-                                        <button className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2 select-none'>
+                                        <button className='w-10 h-10 flex items-center justify-center rounded-md text-white hover:bg-[#ffffff11] p-2 select-none cursor-pointer'>
                                             <svg
                                                 xmlns='http://www.w3.org/2000/svg'
                                                 width='16'
@@ -323,12 +372,11 @@ export default () => {
                                                 viewBox='0 0 16 15'
                                                 className='flex shrink-0 h-full w-full'
                                             >
-                                                {/* @ts-ignore */}
                                                 <path d='M8.9375 7.3775C8.9375 7.56341 8.88252 7.74515 8.7795 7.89974C8.67649 8.05432 8.53007 8.1748 8.35877 8.24595C8.18746 8.31709 7.99896 8.33571 7.8171 8.29944C7.63525 8.26317 7.4682 8.17364 7.33709 8.04218C7.20598 7.91072 7.11669 7.74323 7.08051 7.56088C7.04434 7.37854 7.06291 7.18954 7.13386 7.01778C7.20482 6.84601 7.32498 6.69921 7.47915 6.59592C7.63332 6.49263 7.81458 6.4375 8 6.4375C8.24864 6.4375 8.4871 6.53654 8.66291 6.71282C8.83873 6.8891 8.9375 7.1282 8.9375 7.3775ZM1.625 6.4375C1.43958 6.4375 1.25832 6.49263 1.10415 6.59592C0.949982 6.69921 0.829821 6.84601 0.758863 7.01778C0.687906 7.18954 0.669341 7.37854 0.705514 7.56088C0.741688 7.74323 0.830976 7.91072 0.962088 8.04218C1.0932 8.17364 1.26025 8.26317 1.4421 8.29944C1.62396 8.33571 1.81246 8.31709 1.98377 8.24595C2.15507 8.1748 2.30149 8.05432 2.4045 7.89974C2.50752 7.74515 2.5625 7.56341 2.5625 7.3775C2.5625 7.1282 2.46373 6.8891 2.28791 6.71282C2.1121 6.53654 1.87364 6.4375 1.625 6.4375ZM14.375 6.4375C14.1896 6.4375 14.0083 6.49263 13.8542 6.59592C13.7 6.69921 13.5798 6.84601 13.5089 7.01778C13.4379 7.18954 13.4193 7.37854 13.4555 7.56088C13.4917 7.74323 13.581 7.91072 13.7121 8.04218C13.8432 8.17364 14.0102 8.26317 14.1921 8.29944C14.374 8.33571 14.5625 8.31709 14.7338 8.24595C14.9051 8.1748 15.0515 8.05432 15.1545 7.89974C15.2575 7.74515 15.3125 7.56341 15.3125 7.3775C15.3125 7.1282 15.2137 6.8891 15.0379 6.71282C14.8621 6.53654 14.6236 6.4375 14.375 6.4375Z' />
                                             </svg>
                                         </button>
                                     </DropdownMenuTrigger>
-                                    <DropdownMenuContent className='z-[99999] select-none relative' sideOffset={8}>
+                                    <DropdownMenuContent className='z-99999 select-none relative' sideOffset={8}>
                                         {rootAdmin && (
                                             <DropdownMenuItem onSelect={onSelectManageServer}>
                                                 Manage Server
@@ -349,144 +397,105 @@ export default () => {
                                     className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
                                     ref={NavigationHome}
                                     to={`/server/${id}`}
-                                    onClick={toggleSidebar}
                                     end
                                 >
                                     <HugeIconsHome fill='currentColor' />
                                     <p>Home</p>
                                 </NavLink>
-                                {egg_name && !egg_name?.includes(blank_egg_prefix) && (
-                                    <>
-                                        <Can action={'file.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationFiles}
-                                                to={`/server/${id}/files`}
-                                                onClick={toggleSidebar}
-                                            >
-                                                <HugeIconsFolder fill='currentColor' />
-                                                <p>Files</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={'database.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationDatabases}
-                                                to={`/server/${id}/databases`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsDatabase fill='currentColor' />
-                                                <p>Databases</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={'backup.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationBackups}
-                                                to={`/server/${id}/backups`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsCloudUp fill='currentColor' />
-                                                <p>Backups</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={'allocation.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationNetworking}
-                                                to={`/server/${id}/network`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsConnections fill='currentColor' />
-                                                <p>Networking</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={'user.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationUsers}
-                                                to={`/server/${id}/users`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsPeople fill='currentColor' />
-                                                <p>Users</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can
-                                            action={['startup.read', 'startup.update', 'startup.docker-image']}
-                                            matchAny
+                                <>
+                                    <Can action={'file.*'} matchAny>
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationFiles}
+                                            to={`/server/${id}/files`}
                                         >
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationStartup}
-                                                to={`/server/${id}/startup`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsConsole fill='currentColor' />
-                                                <p>Startup</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={'schedule.*'} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationSchedules}
-                                                to={`/server/${id}/schedules`}
-                                                onClick={toggleSidebar}
-                                            >
-                                                <HugeIconsClock fill='currentColor' />
-                                                <p>Schedules</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={['settings.*', 'file.sftp']} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationSettings}
-                                                to={`/server/${id}/settings`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsDashboardSettings fill='currentColor' />
-                                                <p>Settings</p>
-                                            </NavLink>
-                                        </Can>
-                                        <Can action={['activity.*', 'activity.read']} matchAny>
-                                            <NavLink
-                                                className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
-                                                ref={NavigationActivity}
-                                                to={`/server/${id}/activity`}
-                                                onClick={toggleSidebar}
-                                                end
-                                            >
-                                                <HugeIconsPencil fill='currentColor' />
-                                                <p>Activity</p>
-                                            </NavLink>
-                                        </Can>
-                                        {/* TODO: finish modrinth support *\}
+                                            <HugeIconsFolder fill='currentColor' />
+                                            <p>Files</p>
+                                        </NavLink>
+                                    </Can>
+                                    <DatabasesSidebarItem id={id} ref={NavigationDatabases} onClick={() => {}} />
+                                    <BackupsSidebarItem id={id} ref={NavigationBackups} onClick={() => {}} />
+                                    <NetworkingSidebarItem id={id} ref={NavigationNetworking} onClick={() => {}} />
+                                    <Can action={'user.*'} matchAny>
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationUsers}
+                                            to={`/server/${id}/users`}
+                                            end
+                                        >
+                                            <HugeIconsPeople fill='currentColor' />
+                                            <p>Users</p>
+                                        </NavLink>
+                                    </Can>
+                                    <Can
+                                        action={[
+                                            'startup.read',
+                                            'startup.update',
+                                            'startup.command',
+                                            'startup.docker-image',
+                                        ]}
+                                        matchAny
+                                    >
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationStartup}
+                                            to={`/server/${id}/startup`}
+                                            end
+                                        >
+                                            <HugeIconsConsole fill='currentColor' />
+                                            <p>Startup</p>
+                                        </NavLink>
+                                    </Can>
+                                    <Can action={'schedule.*'} matchAny>
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationSchedules}
+                                            to={`/server/${id}/schedules`}
+                                        >
+                                            <HugeIconsClock fill='currentColor' />
+                                            <p>Schedules</p>
+                                        </NavLink>
+                                    </Can>
+                                    <Can action={['settings.*', 'file.sftp']} matchAny>
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationSettings}
+                                            to={`/server/${id}/settings`}
+                                            end
+                                        >
+                                            <HugeIconsDashboardSettings fill='currentColor' />
+                                            <p>Settings</p>
+                                        </NavLink>
+                                    </Can>
+                                    <Can action={['activity.*', 'activity.read']} matchAny>
+                                        <NavLink
+                                            className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
+                                            ref={NavigationActivity}
+                                            to={`/server/${id}/activity`}
+                                            end
+                                        >
+                                            <HugeIconsPencil fill='currentColor' />
+                                            <p>Activity</p>
+                                        </NavLink>
+                                    </Can>
+                                    {/* TODO: finish modrinth support *\}
                     {/* <Can action={['modrinth.*', 'modrinth.download']} matchAny>
                         <NavLink
                             className='flex flex-row items-center sm:hidden md:show'
                             ref={NavigationMod}
                             to={`/server/${id}/mods`}
-                            onClick={toggleSidebar}
                             end
                         >
                             <ModrinthLogo />
                             <p>Mods/Plugins</p>
                         </NavLink>
                     </Can> */}
-                                    </>
-                                )}
+                                </>
                                 <Can action={'startup.software'}>
                                     <NavLink
                                         className='flex flex-row items-center transition-colors duration-200 hover:bg-[#ffffff11] rounded-md'
                                         ref={NavigationShell}
                                         to={`/server/${id}/shell`}
-                                        onClick={toggleSidebar}
                                         end
                                     >
                                         <HugeIconsController fill='currentColor' />
@@ -538,3 +547,5 @@ export default () => {
         </Fragment>
     );
 };
+
+export default ServerRouter;
diff --git a/resources/scripts/routers/routes.ts b/resources/scripts/routers/routes.ts
index 3ee333f88..e7032caba 100644
--- a/resources/scripts/routers/routes.ts
+++ b/resources/scripts/routers/routes.ts
@@ -7,7 +7,7 @@ import ActivityLogContainer from '@/components/dashboard/activity/ActivityLogCon
 import AccountSSHContainer from '@/components/dashboard/ssh/AccountSSHContainer';
 import ServerActivityLogContainer from '@/components/server/ServerActivityLogContainer';
 import BackupContainer from '@/components/server/backups/BackupContainer';
-import ServerConsole from '@/components/server/console/ServerConsoleContainer';
+import ServerConsoleContainer from '@/components/server/console/ServerConsoleContainer';
 import DatabasesContainer from '@/components/server/databases/DatabasesContainer';
 import FileManagerContainer from '@/components/server/files/FileManagerContainer';
 import ModrinthContainer from '@/components/server/modrinth/ModrinthContainer';
@@ -16,6 +16,8 @@ import ScheduleContainer from '@/components/server/schedules/ScheduleContainer';
 import SettingsContainer from '@/components/server/settings/SettingsContainer';
 import ShellContainer from '@/components/server/shell/ShellContainer';
 import StartupContainer from '@/components/server/startup/StartupContainer';
+import CreateUserContainer from '@/components/server/users/CreateUserContainer';
+import EditUserContainer from '@/components/server/users/EditUserContainer';
 import UsersContainer from '@/components/server/users/UsersContainer';
 
 // Each of the router files is already code split out appropriately — so
@@ -88,7 +90,7 @@ export default {
             path: '',
             permission: null,
             name: 'Console',
-            component: ServerConsole,
+            component: ServerConsoleContainer,
             end: true,
         },
         {
@@ -131,6 +133,18 @@ export default {
             name: 'Users',
             component: UsersContainer,
         },
+        {
+            route: 'users/new',
+            permission: 'user.*',
+            name: undefined,
+            component: CreateUserContainer,
+        },
+        {
+            route: 'users/:id/edit',
+            permission: 'user.*',
+            name: undefined,
+            component: EditUserContainer,
+        },
         {
             route: 'backups/*',
             path: 'backups',
diff --git a/resources/scripts/state/settings.ts b/resources/scripts/state/settings.ts
index 8087c5b7d..1e31293e9 100644
--- a/resources/scripts/state/settings.ts
+++ b/resources/scripts/state/settings.ts
@@ -3,10 +3,7 @@ import { Action, action } from 'easy-peasy';
 export interface SiteSettings {
     name: string;
     locale: string;
-    recaptcha: {
-        enabled: boolean;
-        siteKey: string;
-    };
+    timezone: string;
 }
 
 export interface SettingsStore {
@@ -16,7 +13,6 @@ export interface SettingsStore {
 
 const settings: SettingsStore = {
     data: undefined,
-
     setSettings: action((state, payload) => {
         state.data = payload;
     }),
diff --git a/resources/views/admin/index.blade.php b/resources/views/admin/index.blade.php
index 65172edcf..35270c033 100644
--- a/resources/views/admin/index.blade.php
+++ b/resources/views/admin/index.blade.php
@@ -23,7 +23,47 @@
       <div class="box-body">
       You are running Pyrodactyl panel version <code>{{ config('app.version') }}</code>.
       </div>
+      <!-- <div aria-hidden="true"
+      style="background-color: #ffffff33; position: absolute; height: 1px; width: 100%; margin-top: 20px;"></div>
+      <div class="row" style="margin-top: 20px;">
+      <div class="col-md-3 col-sm-6 col-xs-12">
+      <div class="small-box bg-[#000000]">
+      <div class="inner">
+      <h3 id="cpu-load">--</h3>
+      <p>CPU Usage</p>
+      </div>
+      </div>
+      </div>
+      <div class="col-sm-6 col-lg-3">
+      <div class="small-box bg-[#000000]">
+      <div class="inner">
+      <h3 id="ram-usage">--</h3>
+      <p>Memory Usage</p>
+      </div>
+      </div>
+      </div>
+
+      <div class="col-sm-6 col-lg-3">
+
+      <div class="small-box bg-[#000000]">
+      <div class="inner items-center">
+      <h3 id="disk-usage">--</h3>
+      <p>Storage</p>
+      </div>
+      </div>
+      </div>
+
+      <div class="col-sm-6 col-lg-3">
+      <div class="small-box bg-[#000000]">
+      <div class="inner">
+      <h3 id="uptime">--</h3>
+      <p>System Uptime</p>
+      </div>
+      </div>
+      </div> -->
+      <!-- </div> -->
     </div>
+
     </div>
   </div>
   <div class="row">
@@ -45,4 +85,72 @@
         class="fa fa-fw fa-money"></i> Support the Project</button></a>
     </div>
   </div>
+@endsection
+
+@section('footer-scripts')
+  @parent
+  <script>
+    $(document).ready(function () {
+    function formatBytes(bytes, decimals = 2) {
+      if (!bytes) return '0 B';
+      const k = 1024;
+      const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+      const i = Math.floor(Math.log(bytes) / Math.log(k));
+      return `${parseFloat((bytes / Math.pow(k, i)).toFixed(decimals))} ${sizes[i]}`;
+    }
+
+    function formatUptime(seconds) {
+      const days = Math.floor(seconds / 86400);
+      const hours = Math.floor((seconds % 86400) / 3600);
+      const minutes = Math.floor((seconds % 3600) / 60);
+      return `${days}d ${hours}h ${minutes}m`;
+    }
+
+    function updateSystemMetrics() {
+      $.ajax({
+      url: '/api/application/panel/status',
+      method: 'GET',
+      success: function (data) {
+        $('#cpu-load').text(`${data.metrics.cpu.toFixed(1)}%`);
+        $('#ram-usage').html(
+        `${formatBytes(data.metrics.memory.used)} Used <br><small>of ${formatBytes(data.metrics.memory.total)}</small>`
+        );
+        $('#disk-usage').html(
+        `${formatBytes(data.metrics.disk.used)} Used <br><small>of ${formatBytes(data.metrics.disk.total)}</small>`
+        );
+        $('#uptime').text(formatUptime(data.metrics.uptime));
+      },
+      error: function (xhr) {
+        console.error('Failed to fetch system metrics:', xhr.responseText);
+      }
+      });
+    }
+
+    // Initial update
+    updateSystemMetrics();
+
+    // Update every 60 seconds
+    setInterval(updateSystemMetrics, 60000);
+    });
+  </script>
+
+  <style>
+    .small-box {
+    transition: transform 0.2s ease;
+    }
+
+    .small-box:hover {
+    transform: translateY(-3px);
+    }
+
+    .small-box .icon {
+    font-size: 70px;
+    opacity: 0.2;
+    }
+
+    .small-box h3 small {
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.8);
+    }
+  </style>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/locations/index.blade.php b/resources/views/admin/locations/index.blade.php
index c54ffe0fa..f69c941a6 100644
--- a/resources/views/admin/locations/index.blade.php
+++ b/resources/views/admin/locations/index.blade.php
@@ -24,19 +24,33 @@
             </div>
             <div class="box-body table-responsive no-padding">
                 <table class="table table-hover">
-                    <tbody>
+                    <thead>
                         <tr>
                             <th>ID</th>
                             <th>Short Code</th>
                             <th>Description</th>
+                            <th class="text-center">Memory Alloc%</th>
+                            <th class="text-center">Disk Alloc%</th>
                             <th class="text-center">Nodes</th>
                             <th class="text-center">Servers</th>
                         </tr>
+                    </thead>
+                    <tbody>
                         @foreach ($locations as $location)
+                            @php
+                                $memoryColor = $location->memory_percent < 50 ? '#50af51' : ($location->memory_percent < 70 ? '#e0a800' : '#d9534f');
+                                $diskColor = $location->disk_percent < 50 ? '#50af51' : ($location->disk_percent < 70 ? '#e0a800' : '#d9534f');
+                            @endphp
                             <tr>
                                 <td><code>{{ $location->id }}</code></td>
                                 <td><a href="{{ route('admin.locations.view', $location->id) }}">{{ $location->short }}</a></td>
                                 <td>{{ $location->long }}</td>
+                                <td class="text-center" style="color: {{ $memoryColor }}" title="Allocated: {{ humanizeSize($location->allocated_memory * 1024 * 1024) }} / Total: {{ humanizeSize($location->total_memory * 1024 * 1024) }}">
+                                    {{ round($location->memory_percent) }}%
+                                </td>
+                                <td class="text-center" style="color: {{ $diskColor }}" title="Allocated: {{ humanizeSize($location->allocated_disk * 1024 * 1024) }} / Total: {{ humanizeSize($location->total_disk * 1024 * 1024) }}">
+                                    {{ round($location->disk_percent) }}%
+                                </td>
                                 <td class="text-center">{{ $location->nodes_count }}</td>
                                 <td class="text-center">{{ $location->servers_count }}</td>
                             </tr>
diff --git a/resources/views/admin/locations/view.blade.php b/resources/views/admin/locations/view.blade.php
index f34dcf3f5..e3cdbd7b5 100644
--- a/resources/views/admin/locations/view.blade.php
+++ b/resources/views/admin/locations/view.blade.php
@@ -14,6 +14,32 @@
 @endsection
 
 @section('content')
+@php
+    $totalMemory = 0;
+    $allocatedMemory = 0;
+    $totalDisk = 0;
+    $allocatedDisk = 0;
+
+    foreach ($location->nodes as $node) {
+        $memoryLimit = $node->memory * (1 + ($node->memory_overallocate / 100));
+        $diskLimit = $node->disk * (1 + ($node->disk_overallocate / 100));
+
+        $totalMemory += $memoryLimit;
+        $totalDisk += $diskLimit;
+
+        $nodeAllocatedMemory = $node->servers->where('exclude_from_resource_calculation', false)->sum('memory');
+        $nodeAllocatedDisk = $node->servers->where('exclude_from_resource_calculation', false)->sum('disk');
+
+        $allocatedMemory += $nodeAllocatedMemory;
+        $allocatedDisk += $nodeAllocatedDisk;
+    }
+
+    $memoryPercent = $totalMemory > 0 ? ($allocatedMemory / $totalMemory) * 100 : 0;
+    $diskPercent = $totalDisk > 0 ? ($allocatedDisk / $totalDisk) * 100 : 0;
+
+    $memoryColor = $memoryPercent < 50 ? '#50af51' : ($memoryPercent < 70 ? '#e0a800' : '#d9534f');
+    $diskColor = $diskPercent < 50 ? '#50af51' : ($diskPercent < 70 ? '#e0a800' : '#d9534f');
+@endphp
 <div class="row">
     <div class="col-sm-6">
         <div class="box box-primary">
@@ -41,23 +67,70 @@
         </div>
     </div>
     <div class="col-sm-6">
+        <div class="box box-default">
+            <div class="box-header with-border">
+                <h3 class="box-title">Resource Allocation</h3>
+            </div>
+            <div class="box-body">
+                <div class="row">
+                    <div class="col-sm-6">
+                        <h4>Memory</h4>
+                        <div class="progress" style="height: 20px;">
+                            <div class="progress-bar" role="progressbar" style="width: {{ min($memoryPercent, 100) }}%; background-color: {{ $memoryColor }};" aria-valuenow="{{ $memoryPercent }}" aria-valuemin="0" aria-valuemax="100">{{ round($memoryPercent) }}%</div>
+                        </div>
+                        <p>
+                            <strong>Allocated:</strong> {{ humanizeSize($allocatedMemory * 1024 * 1024) }}<br>
+                            <strong>Total:</strong> {{ humanizeSize($totalMemory * 1024 * 1024) }}
+                        </p>
+                    </div>
+                    <div class="col-sm-6">
+                        <h4>Disk</h4>
+                        <div class="progress" style="height: 20px;">
+                            <div class="progress-bar" role="progressbar" style="width: {{ min($diskPercent, 100) }}%; background-color: {{ $diskColor }};" aria-valuenow="{{ $diskPercent }}" aria-valuemin="0" aria-valuemax="100">{{ round($diskPercent) }}%</div>
+                        </div>
+                        <p>
+                            <strong>Allocated:</strong> {{ humanizeSize($allocatedDisk * 1024 * 1024) }}<br>
+                            <strong>Total:</strong> {{ humanizeSize($totalDisk * 1024 * 1024) }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="box">
             <div class="box-header with-border">
                 <h3 class="box-title">Nodes</h3>
             </div>
             <div class="box-body table-responsive no-padding">
                 <table class="table table-hover">
-                    <tr>
-                        <th>ID</th>
-                        <th>Name</th>
-                        <th>FQDN</th>
-                        <th>Servers</th>
-                    </tr>
+                    <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>Name</th>
+                            <th>FQDN</th>
+                            <th>Memory</th>
+                            <th>Disk</th>
+                            <th>Servers</th>
+                        </tr>
+                    </thead>
                     @foreach($location->nodes as $node)
                         <tr>
                             <td><code>{{ $node->id }}</code></td>
                             <td><a href="{{ route('admin.nodes.view', $node->id) }}">{{ $node->name }}</a></td>
                             <td><code>{{ $node->fqdn }}</code></td>
+                            @php
+                                $nodeMemoryLimit = $node->memory * (1 + ($node->memory_overallocate / 100));
+                                $nodeAllocatedMemory = $node->servers->where('exclude_from_resource_calculation', false)->sum('memory');
+                                $nodeMemoryPercent = $nodeMemoryLimit > 0 ? ($nodeAllocatedMemory / $nodeMemoryLimit) * 100 : 0;
+
+                                $nodeDiskLimit = $node->disk * (1 + ($node->disk_overallocate / 100));
+                                $nodeAllocatedDisk = $node->servers->where('exclude_from_resource_calculation', false)->sum('disk');
+                                $nodeDiskPercent = $nodeDiskLimit > 0 ? ($nodeAllocatedDisk / $nodeDiskLimit) * 100 : 0;
+
+                                $nodeMemoryColor = $nodeMemoryPercent < 50 ? '#50af51' : ($nodeMemoryPercent < 70 ? '#e0a800' : '#d9534f');
+                                $nodeDiskColor = $nodeDiskPercent < 50 ? '#50af51' : ($nodeDiskPercent < 70 ? '#e0a800' : '#d9534f');
+                            @endphp
+                            <td style="color: {{ $nodeMemoryColor }}">{{ round($nodeMemoryPercent) }}%</td>
+                            <td style="color: {{ $nodeDiskColor }}">{{ round($nodeDiskPercent) }}%</td>
                             <td>{{ $node->servers->count() }}</td>
                         </tr>
                     @endforeach
diff --git a/resources/views/admin/nodes/index.blade.php b/resources/views/admin/nodes/index.blade.php
index 3b3a3fa48..364b9441c 100644
--- a/resources/views/admin/nodes/index.blade.php
+++ b/resources/views/admin/nodes/index.blade.php
@@ -18,6 +18,7 @@
 @endsection
 
 @section('content')
+
 <div class="row">
     <div class="col-xs-12">
         <div class="box box-primary">
@@ -42,10 +43,13 @@
                             <th></th>
                             <th>Name</th>
                             <th>Location</th>
-                            <th>Memory</th>
-                            <th>Disk</th>
+                            <th>Memory%</th>
+                            <th>Allocated Memory</th>
+                            <th>Total Memory</th>
+                            <th>Disk%</th>
+                            <th>Allocated Disk</th>
+                            <th>Total Disk</th>
                             <th class="text-center">Servers</th>
-                            <th class="text-center">SSL</th>
                             <th class="text-center">Public</th>
                         </tr>
                         @foreach ($nodes as $node)
@@ -53,10 +57,27 @@
                                 <td class="text-center text-muted left-icon" data-action="ping" data-secret="{{ $node->getDecryptedKey() }}" data-location="{{ $node->scheme }}://{{ $node->fqdn }}:{{ $node->daemonListen }}/api/system"><i class="fa fa-fw fa-refresh fa-spin"></i></td>
                                 <td>{!! $node->maintenance_mode ? '<span class="label label-warning"><i class="fa fa-wrench"></i></span> ' : '' !!}<a href="{{ route('admin.nodes.view', $node->id) }}">{{ $node->name }}</a></td>
                                 <td>{{ $node->location->short }}</td>
-                                <td>{{ $node->memory }} MiB</td>
-                                <td>{{ $node->disk }} MiB</td>
+                                <!-- there's probably a better way to implement this, but that's why we have Naterfute! -->
+                                @php
+                                    $stats = app('Pterodactyl\Repositories\Eloquent\NodeRepository')->getUsageStatsRaw($node);
+                                    $memoryPercent = ($stats['memory']['value'] / $stats['memory']['base_limit']) * 100;
+                                    $diskPercent = ($stats['disk']['value'] / $stats['disk']['base_limit']) * 100;
+
+                                    $memoryColor = $memoryPercent < 50 ? '#50af51' : ($memoryPercent < 70 ? '#e0a800' : '#d9534f');
+                                    $diskColor = $diskPercent < 50 ? '#50af51' : ($diskPercent < 70 ? '#e0a800' : '#d9534f');
+
+                                    $allocatedMemory = humanizeSize($stats['memory']['value'] * 1024 * 1024);
+                                    $totalMemory = humanizeSize($stats['memory']['max'] * 1024 * 1024);
+                                    $allocatedDisk = humanizeSize($stats['disk']['value'] * 1024 * 1024);
+                                    $totalDisk = humanizeSize($stats['disk']['max'] * 1024 * 1024);
+                                @endphp
+                                <td style="color: {{ $memoryColor }}">{{ round($memoryPercent) }}%</td>
+                                <td>{{ $allocatedMemory }}</td>
+                                <td>{{ $totalMemory }}</td>
+                                <td style="color: {{ $diskColor }}">{{ round($diskPercent) }}%</td>
+                                <td>{{ $allocatedDisk }}</td>
+                                <td>{{ $totalDisk }}</td>
                                 <td class="text-center">{{ $node->servers_count }}</td>
-                                <td class="text-center" style="color:{{ ($node->scheme === 'https') ? '#50af51' : '#d9534f' }}"><i class="fa fa-{{ ($node->scheme === 'https') ? 'lock' : 'unlock' }}"></i></td>
                                 <td class="text-center"><i class="fa fa-{{ ($node->public) ? 'eye' : 'eye-slash' }}"></i></td>
                             </tr>
                         @endforeach
diff --git a/resources/views/admin/nodes/new.blade.php b/resources/views/admin/nodes/new.blade.php
index b10d08a76..1dd1e3c46 100644
--- a/resources/views/admin/nodes/new.blade.php
+++ b/resources/views/admin/nodes/new.blade.php
@@ -55,9 +55,28 @@
                         <p class="text-muted small">By setting a node to <code>private</code> you will be denying the ability to auto-deploy to this node.
                     </div>
                     <div class="form-group">
-                        <label for="pFQDN" class="form-label">FQDN</label>
-                        <input type="text" name="fqdn" id="pFQDN" class="form-control" value="{{ old('fqdn') }}"/>
-                        <p class="text-muted small">Please enter domain name (e.g <code>node.example.com</code>) to be used for connecting to the daemon. An IP address may be used <em>only</em> if you are not using SSL for this node.</p>
+                        <label for="pFQDN" class="form-label">Public FQDN</label>
+                        <input type="text" name="fqdn" id="pFQDN" class="form-control" value="{{ old('fqdn') }}" />
+                        <p class="text-muted small">
+                            Domain name that browsers will use to connect to Wings (e.g <code>wings.example.com</code>).
+                            An IP address may be used <em>only</em> if you are not using SSL for this node.
+                        </p>
+                    </div>
+                    <div class="form-group">
+                        <label for="pInternalFQDN" class="form-label">
+                            Internal FQDN
+                            <strong>(Optional)</strong>
+                        </label>
+                        <input type="text" name="internal_fqdn" id="pInternalFQDN" class="form-control"
+                            value="{{ old('internal_fqdn') }}" />
+                        <p class="text-muted small">
+                            <strong>Optional:</strong>
+                            Leave blank to use the Public FQDN for panel-to-Wings communication.
+                            If specified, this internal domain name will be used for panel-to-Wings communication instead
+                            (e.g <code>wings-internal.example.com</code> or <code>10.0.0.5</code>).
+                            Useful for internal networks where the panel needs to communicate with Wings using a
+                            different address than what browsers use.
+                        </p>
                     </div>
                     <div class="form-group">
                         <label class="form-label">Communicate Over SSL</label>
diff --git a/resources/views/admin/nodes/view/index.blade.php b/resources/views/admin/nodes/view/index.blade.php
index defa0d366..4f541fa2c 100644
--- a/resources/views/admin/nodes/view/index.blade.php
+++ b/resources/views/admin/nodes/view/index.blade.php
@@ -1,170 +1,194 @@
 @extends('layouts.admin')
 
 @section('title')
-    {{ $node->name }}
+  {{ $node->name }}
 @endsection
 
 @section('content-header')
-    <h1>{{ $node->name }}<small>A quick overview of your node.</small></h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('admin.index') }}">Admin</a></li>
-        <li><a href="{{ route('admin.nodes') }}">Nodes</a></li>
-        <li class="active">{{ $node->name }}</li>
-    </ol>
+  <h1>{{ $node->name }}<small>A quick overview of your node.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li><a href="{{ route('admin.nodes') }}">Nodes</a></li>
+    <li class="active">{{ $node->name }}</li>
+  </ol>
 @endsection
 
 @section('content')
-<div class="row">
+  <div class="row">
     <div class="col-xs-12">
-        <div class="nav-tabs-custom nav-tabs-floating">
-            <ul class="nav nav-tabs">
-                <li class="active"><a href="{{ route('admin.nodes.view', $node->id) }}">About</a></li>
-                <li><a href="{{ route('admin.nodes.view.settings', $node->id) }}">Settings</a></li>
-                <li><a href="{{ route('admin.nodes.view.configuration', $node->id) }}">Configuration</a></li>
-                <li><a href="{{ route('admin.nodes.view.allocation', $node->id) }}">Allocation</a></li>
-                <li><a href="{{ route('admin.nodes.view.servers', $node->id) }}">Servers</a></li>
-            </ul>
-        </div>
+    <div class="nav-tabs-custom nav-tabs-floating">
+      <ul class="nav nav-tabs">
+      <li class="active"><a href="{{ route('admin.nodes.view', $node->id) }}">About</a></li>
+      <li><a href="{{ route('admin.nodes.view.settings', $node->id) }}">Settings</a></li>
+      <li><a href="{{ route('admin.nodes.view.configuration', $node->id) }}">Configuration</a></li>
+      <li><a href="{{ route('admin.nodes.view.allocation', $node->id) }}">Allocation</a></li>
+      <li><a href="{{ route('admin.nodes.view.servers', $node->id) }}">Servers</a></li>
+      </ul>
     </div>
-</div>
-<div class="row">
+    </div>
+  </div>
+  <div class="row">
     <div class="col-sm-8">
-        <div class="row">
-            <div class="col-xs-12">
-                <div class="box box-primary">
-                    <div class="box-header with-border">
-                        <h3 class="box-title">Information</h3>
-                    </div>
-                    <div class="box-body table-responsive no-padding">
-                        <table class="table table-hover">
-                            <tr>
-                                <td>Daemon Version</td>
-                                <td><code data-attr="info-version"><i class="fa fa-refresh fa-fw fa-spin"></i></code> (Latest: <code>{{ $version->getDaemon() }}</code>)</td>
-                            </tr>
-                            <tr>
-                                <td>System Information</td>
-                                <td data-attr="info-system"><i class="fa fa-refresh fa-fw fa-spin"></i></td>
-                            </tr>
-                            <tr>
-                                <td>Total CPU Threads</td>
-                                <td data-attr="info-cpus"><i class="fa fa-refresh fa-fw fa-spin"></i></td>
-                            </tr>
-                        </table>
-                    </div>
-                </div>
-            </div>
-            @if ($node->description)
-                <div class="col-xs-12">
-                    <div class="box box-default">
-                        <div class="box-header with-border">
-                            Description
-                        </div>
-                        <div class="box-body table-responsive">
-                            <pre>{{ $node->description }}</pre>
-                        </div>
-                    </div>
-                </div>
-            @endif
-            <div class="col-xs-12">
-                <div class="box box-danger">
-                    <div class="box-header with-border">
-                        <h3 class="box-title">Delete Node</h3>
-                    </div>
-                    <div class="box-body">
-                        <p class="no-margin">Deleting a node is a irreversible action and will immediately remove this node from the panel. There must be no servers associated with this node in order to continue.</p>
-                    </div>
-                    <div class="box-footer">
-                        <form action="{{ route('admin.nodes.view.delete', $node->id) }}" method="POST">
-                            {!! csrf_field() !!}
-                            {!! method_field('DELETE') !!}
-                            <button type="submit" class="btn btn-danger btn-sm pull-right" {{ ($node->servers_count < 1) ?: 'disabled' }}>Yes, Delete This Node</button>
-                        </form>
-                    </div>
-                </div>
-            </div>
+    <div class="row">
+      <div class="col-xs-12">
+      <div class="box box-primary">
+        <div class="box-header with-border">
+        <h3 class="box-title">Information</h3>
         </div>
+        <div class="box-body table-responsive no-padding">
+        <table class="table table-hover">
+          <tr>
+          <td>Daemon Version</td>
+          <td><code data-attr="info-version"><i class="fa fa-refresh fa-fw fa-spin"></i></code> (Latest:
+            <code>{{ $version->getDaemon() }}</code>)
+          </td>
+          </tr>
+          <tr>
+          <td>System Information</td>
+          <td data-attr="info-system"><i class="fa fa-refresh fa-fw fa-spin"></i></td>
+          </tr>
+          <tr>
+          <td>Total CPU Threads</td>
+          <td data-attr="info-cpus"><i class="fa fa-refresh fa-fw fa-spin"></i></td>
+          </tr>
+        </table>
+        </div>
+      </div>
+      </div>
+      @if ($node->description)
+      <div class="col-xs-12">
+      <div class="box box-default">
+      <div class="box-header with-border">
+      Description
+      </div>
+      <div class="box-body table-responsive">
+      <pre>{{ $node->description }}</pre>
+      </div>
+      </div>
+      </div>
+    @endif
+      <div class="col-xs-12">
+      <div class="box box-danger">
+        <div class="box-header with-border">
+        <h3 class="box-title">Delete Node</h3>
+        </div>
+        <div class="box-body">
+        <p class="no-margin">Deleting a node is a irreversible action and will immediately remove this node from the
+          panel. There must be no servers associated with this node in order to continue.</p>
+        </div>
+        <div class="box-footer">
+        <form action="{{ route('admin.nodes.view.delete', $node->id) }}" method="POST">
+          {!! csrf_field() !!}
+          {!! method_field('DELETE') !!}
+          <button type="submit" class="btn btn-danger btn-sm pull-right" {{ ($node->servers_count < 1) ?: 'disabled' }}>Yes, Delete This Node</button>
+        </form>
+        </div>
+      </div>
+      </div>
+    </div>
     </div>
     <div class="col-sm-4">
-        <div class="box box-primary">
-            <div class="box-header with-border">
-                <h3 class="box-title">At-a-Glance</h3>
-            </div>
-            <div class="box-body">
-                <div class="row">
-                    @if($node->maintenance_mode)
-                    <div class="col-sm-12">
-                        <div class="info-box bg-orange">
-                            <span class="info-box-icon"><i class="ion ion-wrench"></i></span>
-                            <div class="info-box-content" style="padding: 23px 10px 0;">
-                                <span class="info-box-text">This node is under</span>
-                                <span class="info-box-number">Maintenance</span>
-                            </div>
-                        </div>
-                    </div>
-                    @endif
-                    <div class="col-sm-12">
-                        <div class="info-box bg-{{ $stats['disk']['css'] }}">
-                            <span class="info-box-icon"><i class="ion ion-ios-folder-outline"></i></span>
-                            <div class="info-box-content" style="padding: 15px 10px 0;">
-                                <span class="info-box-text">Disk Space Allocated</span>
-                                <span class="info-box-number">{{ $stats['disk']['value'] }} / {{ $stats['disk']['max'] }} MiB</span>
-                                <div class="progress">
-                                    <div class="progress-bar" style="width: {{ $stats['disk']['percent'] }}%"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-12">
-                        <div class="info-box bg-{{ $stats['memory']['css'] }}">
-                            <span class="info-box-icon"><i class="ion ion-ios-barcode-outline"></i></span>
-                            <div class="info-box-content" style="padding: 15px 10px 0;">
-                                <span class="info-box-text">Memory Allocated</span>
-                                <span class="info-box-number">{{ $stats['memory']['value'] }} / {{ $stats['memory']['max'] }} MiB</span>
-                                <div class="progress">
-                                    <div class="progress-bar" style="width: {{ $stats['memory']['percent'] }}%"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-12">
-                        <div class="info-box bg-blue">
-                            <span class="info-box-icon"><i class="ion ion-social-buffer-outline"></i></span>
-                            <div class="info-box-content" style="padding: 23px 10px 0;">
-                                <span class="info-box-text">Total Servers</span>
-                                <span class="info-box-number">{{ $node->servers_count }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+    <div class="box box-primary">
+      <div class="box-header with-border">
+      <h3 class="box-title">At-a-Glance</h3>
+      </div>
+      <div class="box-body">
+      <div class="row">
+        @if($node->maintenance_mode)
+      <div class="col-sm-12">
+      <div class="info-box bg-orange">
+        <span class="info-box-icon"><i class="ion ion-wrench"></i></span>
+        <div class="info-box-content" style="padding: 23px 10px 0;">
+        <span class="info-box-text">This node is under</span>
+        <span class="info-box-number">Maintenance</span>
         </div>
+      </div>
+      </div>
+      @endif
+        @php
+      $stats = app('Pterodactyl\Repositories\Eloquent\NodeRepository')->getUsageStatsRaw($node);
+      $memoryPercent = ($stats['memory']['value'] / $stats['memory']['base_limit']) * 100;
+      $diskPercent = ($stats['disk']['value'] / $stats['disk']['base_limit']) * 100;
+
+      $memoryColor = $memoryPercent < 50 ? '#50af51' : ($memoryPercent < 70 ? '#e0a800' : '#d9534f');
+      $diskColor = $diskPercent < 50 ? '#50af51' : ($diskPercent < 70 ? '#e0a800' : '#d9534f');
+
+      $allocatedMemory = humanizeSize($stats['memory']['value'] * 1024 * 1024);
+      $totalMemory = humanizeSize($stats['memory']['max'] * 1024 * 1024);
+      $allocatedDisk = humanizeSize($stats['disk']['value'] * 1024 * 1024);
+      $totalDisk = humanizeSize($stats['disk']['max'] * 1024 * 1024);
+    @endphp
+        <div class="col-sm-12">
+        <div class="info-box bg-{{ $diskColor}}" style="background: {{ $diskColor }}">
+          <span class="info-box-icon"><i class="ion ion-ios-folder-outline"></i></span>
+          <div class="info-box-content" style="padding: 15px 10px 0;">
+          <span class="info-box-text">Disk Space Allocated</span>
+          <span class="info-box-number">
+            {{ $allocatedDisk }} /
+            {{ $totalDisk }}
+          </span>
+          <div class="progress">
+            <div class="progress-bar" style="width: {{ $diskPercent}}%"></div>
+          </div>
+          </div>
+        </div>
+        </div>
+        <div class="col-sm-12">
+        <div class="info-box bg-{{ $memoryColor}}" style="background: {{ $memoryColor }}">
+          <span class=" info-box-icon"><i class="ion ion-ios-barcode-outline"></i></span>
+          <div class="info-box-content" style="padding: 15px 10px 0;">
+          <span class="info-box-text">Memory Allocated</span>
+          <span class="info-box-number">
+            {{ humanizeSize($stats['memory']['value'] * 1024 * 1024) }} /
+            {{ $totalMemory}}
+          </span>
+          <div class="progress">
+            <div class="progress-bar" style="width: {{ $memoryPercent }}%"></div>
+          </div>
+          </div>
+        </div>
+        </div>
+      </div>
+      </div>
+      <div class="col-sm-12">
+      <div class="info-box bg-blue">
+        <span class="info-box-icon"><i class="ion ion-social-buffer-outline"></i></span>
+        <div class="info-box-content" style="padding: 23px 10px 0;">
+        <span class="info-box-text">Total Servers</span>
+        <span class="info-box-number">{{ $node->servers_count }}</span>
+        </div>
+      </div>
+      </div>
     </div>
-</div>
+    </div>
+  </div>
+  </div>
+  </div>
 @endsection
 
 @section('footer-scripts')
-    @parent
-    <script>
+  @parent
+  <script>
     function escapeHtml(str) {
-        var div = document.createElement('div');
-        div.appendChild(document.createTextNode(str));
-        return div.innerHTML;
+    var div = document.createElement('div');
+    div.appendChild(document.createTextNode(str));
+    return div.innerHTML;
     }
 
     (function getInformation() {
-        $.ajax({
-            method: 'GET',
-            url: '/admin/nodes/view/{{ $node->id }}/system-information',
-            timeout: 5000,
-        }).done(function (data) {
-            $('[data-attr="info-version"]').html(escapeHtml(data.version));
-            $('[data-attr="info-system"]').html(escapeHtml(data.system.type) + ' (' + escapeHtml(data.system.arch) + ') <code>' + escapeHtml(data.system.release) + '</code>');
-            $('[data-attr="info-cpus"]').html(data.system.cpus);
-        }).fail(function (jqXHR) {
+    $.ajax({
+      method: 'GET',
+      url: '/admin/nodes/view/{{ $node->id }}/system-information',
+      timeout: 5000,
+    }).done(function (data) {
+      $('[data-attr="info-version"]').html(escapeHtml(data.version));
+      $('[data-attr="info-system"]').html(escapeHtml(data.system.type) + ' (' + escapeHtml(data.system.arch) + ') <code>' + escapeHtml(data.system.release) + '</code>');
+      $('[data-attr="info-cpus"]').html(data.system.cpus);
+    }).fail(function (jqXHR) {
 
-        }).always(function() {
-            setTimeout(getInformation, 10000);
-        });
+    }).always(function () {
+      setTimeout(getInformation, 10000);
+    });
     })();
-    </script>
-@endsection
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/nodes/view/servers.blade.php b/resources/views/admin/nodes/view/servers.blade.php
index b8b9ee514..904195085 100644
--- a/resources/views/admin/nodes/view/servers.blade.php
+++ b/resources/views/admin/nodes/view/servers.blade.php
@@ -46,7 +46,7 @@
                         <tr data-server="{{ $server->uuid }}">
                             <td><code>{{ $server->uuidShort }}</code></td>
                             <td><a href="{{ route('admin.servers.view', $server->id) }}">{{ $server->name }}</a></td>
-                            <td><a href="{{ route('admin.users.view', $server->owner_id) }}">{{ $server->user->username }}</a></td>
+                            <td><a href="{{ route('admin.users.view', $server->owner_id) }}">{{ $server->user->username }} ({{ $server->user->email }})</a></td>
                             <td>{{ $server->nest->name }} ({{ $server->egg->name }})</td>
                         </tr>
                     @endforeach
diff --git a/resources/views/admin/nodes/view/settings.blade.php b/resources/views/admin/nodes/view/settings.blade.php
index 443e76b66..a9e5ac46a 100644
--- a/resources/views/admin/nodes/view/settings.blade.php
+++ b/resources/views/admin/nodes/view/settings.blade.php
@@ -1,240 +1,296 @@
 @extends('layouts.admin')
 
 @section('title')
-    {{ $node->name }}: Settings
+  {{ $node->name }}: Settings
 @endsection
 
 @section('content-header')
-    <h1>{{ $node->name }}<small>Configure your node settings.</small></h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('admin.index') }}">Admin</a></li>
-        <li><a href="{{ route('admin.nodes') }}">Nodes</a></li>
-        <li><a href="{{ route('admin.nodes.view', $node->id) }}">{{ $node->name }}</a></li>
-        <li class="active">Settings</li>
-    </ol>
+  <h1>{{ $node->name }}<small>Configure your node settings.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li><a href="{{ route('admin.nodes') }}">Nodes</a></li>
+    <li><a href="{{ route('admin.nodes.view', $node->id) }}">{{ $node->name }}</a></li>
+    <li class="active">Settings</li>
+  </ol>
 @endsection
 
 @section('content')
-<div class="row">
+  <div class="row">
     <div class="col-xs-12">
-        <div class="nav-tabs-custom nav-tabs-floating">
-            <ul class="nav nav-tabs">
-                <li><a href="{{ route('admin.nodes.view', $node->id) }}">About</a></li>
-                <li class="active"><a href="{{ route('admin.nodes.view.settings', $node->id) }}">Settings</a></li>
-                <li><a href="{{ route('admin.nodes.view.configuration', $node->id) }}">Configuration</a></li>
-                <li><a href="{{ route('admin.nodes.view.allocation', $node->id) }}">Allocation</a></li>
-                <li><a href="{{ route('admin.nodes.view.servers', $node->id) }}">Servers</a></li>
-            </ul>
-        </div>
+    <div class="nav-tabs-custom nav-tabs-floating">
+      <ul class="nav nav-tabs">
+      <li><a href="{{ route('admin.nodes.view', $node->id) }}">About</a></li>
+      <li class="active"><a href="{{ route('admin.nodes.view.settings', $node->id) }}">Settings</a></li>
+      <li><a href="{{ route('admin.nodes.view.configuration', $node->id) }}">Configuration</a></li>
+      <li><a href="{{ route('admin.nodes.view.allocation', $node->id) }}">Allocation</a></li>
+      <li><a href="{{ route('admin.nodes.view.servers', $node->id) }}">Servers</a></li>
+      </ul>
     </div>
-</div>
-<form action="{{ route('admin.nodes.view.settings', $node->id) }}" method="POST">
+    </div>
+  </div>
+  <form action="{{ route('admin.nodes.view.settings', $node->id) }}" method="POST">
     <div class="row">
-        <div class="col-sm-6">
-            <div class="box">
-                <div class="box-header with-border">
-                    <h3 class="box-title">Settings</h3>
-                </div>
-                <div class="box-body row">
-                    <div class="form-group col-xs-12">
-                        <label for="name" class="control-label">Node Name</label>
-                        <div>
-                            <input type="text" autocomplete="off" name="name" class="form-control" value="{{ old('name', $node->name) }}" />
-                            <p class="text-muted"><small>Character limits: <code>a-zA-Z0-9_.-</code> and <code>[Space]</code> (min 1, max 100 characters).</small></p>
-                        </div>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label for="description" class="control-label">Description</label>
-                        <div>
-                            <textarea name="description" id="description" rows="4" class="form-control">{{ $node->description }}</textarea>
-                        </div>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label for="name" class="control-label">Location</label>
-                        <div>
-                            <select name="location_id" class="form-control">
-                                @foreach($locations as $location)
-                                    <option value="{{ $location->id }}" {{ (old('location_id', $node->location_id) === $location->id) ? 'selected' : '' }}>{{ $location->long }} ({{ $location->short }})</option>
-                                @endforeach
-                            </select>
-                        </div>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label for="public" class="control-label">Allow Automatic Allocation <sup><a data-toggle="tooltip" data-placement="top" title="Allow automatic allocation to this Node?">?</a></sup></label>
-                        <div>
-                            <input type="radio" name="public" value="1" {{ (old('public', $node->public)) ? 'checked' : '' }} id="public_1" checked> <label for="public_1" style="padding-left:5px;">Yes</label><br />
-                            <input type="radio" name="public" value="0" {{ (old('public', $node->public)) ? '' : 'checked' }} id="public_0"> <label for="public_0" style="padding-left:5px;">No</label>
-                        </div>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label for="fqdn" class="control-label">Fully Qualified Domain Name</label>
-                        <div>
-                            <input type="text" autocomplete="off" name="fqdn" class="form-control" value="{{ old('fqdn', $node->fqdn) }}" />
-                        </div>
-                        <p class="text-muted"><small>Please enter domain name (e.g <code>node.example.com</code>) to be used for connecting to the daemon. An IP address may only be used if you are not using SSL for this node.
-                                <a tabindex="0" data-toggle="popover" data-trigger="focus" title="Why do I need a FQDN?" data-content="In order to secure communications between your server and this node we use SSL. We cannot generate a SSL certificate for IP Addresses, and as such you will need to provide a FQDN.">Why?</a>
-                            </small></p>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label class="form-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span> Communicate Over SSL</label>
-                        <div>
-                            <div class="radio radio-success radio-inline">
-                                <input type="radio" id="pSSLTrue" value="https" name="scheme" {{ (old('scheme', $node->scheme) === 'https') ? 'checked' : '' }}>
-                                <label for="pSSLTrue"> Use SSL Connection</label>
-                            </div>
-                            <div class="radio radio-danger radio-inline">
-                                <input type="radio" id="pSSLFalse" value="http" name="scheme" {{ (old('scheme', $node->scheme) !== 'https') ? 'checked' : '' }}>
-                                <label for="pSSLFalse"> Use HTTP Connection</label>
-                            </div>
-                        </div>
-                        <p class="text-muted small">In most cases you should select to use a SSL connection. If using an IP Address or you do not wish to use SSL at all, select a HTTP connection.</p>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label class="form-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span> Behind Proxy</label>
-                        <div>
-                            <div class="radio radio-success radio-inline">
-                                <input type="radio" id="pProxyFalse" value="0" name="behind_proxy" {{ (old('behind_proxy', $node->behind_proxy) == false) ? 'checked' : '' }}>
-                                <label for="pProxyFalse"> Not Behind Proxy </label>
-                            </div>
-                            <div class="radio radio-info radio-inline">
-                                <input type="radio" id="pProxyTrue" value="1" name="behind_proxy" {{ (old('behind_proxy', $node->behind_proxy) == true) ? 'checked' : '' }}>
-                                <label for="pProxyTrue"> Behind Proxy </label>
-                            </div>
-                        </div>
-                        <p class="text-muted small">If you are running the daemon behind a proxy such as Cloudflare, select this to have the daemon skip looking for certificates on boot.</p>
-                    </div>
-                    <div class="form-group col-xs-12">
-                        <label class="form-label"><span class="label label-warning"><i class="fa fa-wrench"></i></span> Maintenance Mode</label>
-                        <div>
-                            <div class="radio radio-success radio-inline">
-                                <input type="radio" id="pMaintenanceFalse" value="0" name="maintenance_mode" {{ (old('maintenance_mode', $node->maintenance_mode) == false) ? 'checked' : '' }}>
-                                <label for="pMaintenanceFalse"> Disabled</label>
-                            </div>
-                            <div class="radio radio-warning radio-inline">
-                                <input type="radio" id="pMaintenanceTrue" value="1" name="maintenance_mode" {{ (old('maintenance_mode', $node->maintenance_mode) == true) ? 'checked' : '' }}>
-                                <label for="pMaintenanceTrue"> Enabled</label>
-                            </div>
-                        </div>
-                        <p class="text-muted small">If the node is marked as 'Under Maintenance' users won't be able to access servers that are on this node.</p>
-                    </div>
-                </div>
-            </div>
+    <div class="col-sm-6">
+      <div class="box">
+      <div class="box-header with-border">
+        <h3 class="box-title">Settings</h3>
+      </div>
+      <div class="box-body row">
+        <div class="form-group col-xs-12">
+        <label for="name" class="control-label">Node Name</label>
+        <div>
+          <input type="text" autocomplete="off" name="name" class="form-control"
+          value="{{ old('name', $node->name) }}" />
+          <p class="text-muted"><small>Character limits: <code>a-zA-Z0-9_.-</code> and <code>[Space]</code> (min 1,
+            max 100 characters).</small></p>
         </div>
-        <div class="col-sm-6">
-            <div class="box">
-                <div class="box-header with-border">
-                    <h3 class="box-title">Allocation Limits</h3>
-                </div>
-                <div class="box-body row">
-                    <div class="col-xs-12">
-                        <div class="row">
-                            <div class="form-group col-xs-6">
-                                <label for="memory" class="control-label">Total Memory</label>
-                                <div class="input-group">
-                                    <input type="text" name="memory" class="form-control" data-multiplicator="true" value="{{ old('memory', $node->memory) }}"/>
-                                    <span class="input-group-addon">MiB</span>
-                                </div>
-                            </div>
-                            <div class="form-group col-xs-6">
-                                <label for="memory_overallocate" class="control-label">Overallocate</label>
-                                <div class="input-group">
-                                    <input type="text" name="memory_overallocate" class="form-control" value="{{ old('memory_overallocate', $node->memory_overallocate) }}"/>
-                                    <span class="input-group-addon">%</span>
-                                </div>
-                            </div>
-                        </div>
-                        <p class="text-muted small">Enter the total amount of memory available on this node for allocation to servers. You may also provide a percentage that can allow allocation of more than the defined memory.</p>
-                    </div>
-                    <div class="col-xs-12">
-                        <div class="row">
-                            <div class="form-group col-xs-6">
-                                <label for="disk" class="control-label">Disk Space</label>
-                                <div class="input-group">
-                                    <input type="text" name="disk" class="form-control" data-multiplicator="true" value="{{ old('disk', $node->disk) }}"/>
-                                    <span class="input-group-addon">MiB</span>
-                                </div>
-                            </div>
-                            <div class="form-group col-xs-6">
-                                <label for="disk_overallocate" class="control-label">Overallocate</label>
-                                <div class="input-group">
-                                    <input type="text" name="disk_overallocate" class="form-control" value="{{ old('disk_overallocate', $node->disk_overallocate) }}"/>
-                                    <span class="input-group-addon">%</span>
-                                </div>
-                            </div>
-                        </div>
-                        <p class="text-muted small">Enter the total amount of disk space available on this node for server allocation. You may also provide a percentage that will determine the amount of disk space over the set limit to allow.</p>
-                    </div>
-                </div>
-            </div>
         </div>
-        <div class="col-sm-6">
-            <div class="box">
-                <div class="box-header with-border">
-                    <h3 class="box-title">General Configuration</h3>
-                </div>
-                <div class="box-body row">
-                    <div class="form-group col-xs-12">
-                        <label for="disk_overallocate" class="control-label">Maximum Web Upload Filesize</label>
-                        <div class="input-group">
-                            <input type="text" name="upload_size" class="form-control" value="{{ old('upload_size', $node->upload_size) }}"/>
-                            <span class="input-group-addon">MiB</span>
-                        </div>
-                        <p class="text-muted"><small>Enter the maximum size of files that can be uploaded through the web-based file manager.</small></p>
-                    </div>
-                    <div class="col-xs-12">
-                        <div class="row">
-                            <div class="form-group col-md-6">
-                                <label for="daemonListen" class="control-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span> Daemon Port</label>
-                                <div>
-                                    <input type="text" name="daemonListen" class="form-control" value="{{ old('daemonListen', $node->daemonListen) }}"/>
-                                </div>
-                            </div>
-                            <div class="form-group col-md-6">
-                                <label for="daemonSFTP" class="control-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span> Daemon SFTP Port</label>
-                                <div>
-                                    <input type="text" name="daemonSFTP" class="form-control" value="{{ old('daemonSFTP', $node->daemonSFTP) }}"/>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row">
-                            <div class="col-md-12">
-                                <p class="text-muted"><small>The daemon runs its own SFTP management container and does not use the SSHd process on the main physical server. <Strong>Do not use the same port that you have assigned for your physical server's SSH process.</strong></small></p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+        <div class="form-group col-xs-12">
+        <label for="description" class="control-label">Description</label>
+        <div>
+          <textarea name="description" id="description" rows="4"
+          class="form-control">{{ $node->description }}</textarea>
+        </div>
+        </div>
+        <div class="form-group col-xs-12">
+        <label for="name" class="control-label">Location</label>
+        <div>
+          <select name="location_id" class="form-control">
+          @foreach($locations as $location)
+        <option value="{{ $location->id }}" {{ (old('location_id', $node->location_id) === $location->id) ? 'selected' : '' }}>{{ $location->long }} ({{ $location->short }})</option>
+      @endforeach
+          </select>
+        </div>
+        </div>
+        <div class="form-group col-xs-12">
+        <label for="public" class="control-label">Allow Automatic Allocation <sup><a data-toggle="tooltip"
+            data-placement="top" title="Allow automatic allocation to this Node?">?</a></sup></label>
+        <div>
+          <input type="radio" name="public" value="1" {{ (old('public', $node->public)) ? 'checked' : '' }}
+          id="public_1" checked> <label for="public_1" style="padding-left:5px;">Yes</label><br />
+          <input type="radio" name="public" value="0" {{ (old('public', $node->public)) ? '' : 'checked' }}
+          id="public_0"> <label for="public_0" style="padding-left:5px;">No</label>
+        </div>
+        </div>
+        <div class="form-group col-xs-12">
+        <label for="fqdn" class="control-label">Public Fully Qualified Domain Name</label>
+        <div>
+          <input type="text" autocomplete="off" name="fqdn" class="form-control"
+          value="{{ old('fqdn', $node->fqdn) }}" />
+        </div>
+        <p class="text-muted">
+          <small>
+          Domain name that browsers will use to connect to Wings (e.g <code>wings.example.com</code>).
+          An IP address may be used <em>only</em> if you are not using SSL for this node.
+          <a tabindex="0" data-toggle="popover" data-trigger="focus" title="Why do I need a FQDN?"
+            data-content="In order to secure communications between your server and this node we use SSL. We cannot generate a SSL certificate for IP Addresses, and as such you will need to provide a FQDN.">Why?</a>
+          </small>
+        </p>
+        </div>
+        <div class="form-group col-xs-12">
+        <label for="internal_fqdn" class="control-label">
+          Internal FQDN
+          <strong>(Optional)</strong>
+        </label>
+        <div>
+          <input type="text" autocomplete="off" name="internal_fqdn" class="form-control"
+          value="{{ old('internal_fqdn', $node->internal_fqdn) }}" />
+        </div>
+        <p class="text-muted">
+          <small>
+          <strong>Optional:</strong>
+          Leave blank to use the Public FQDN for panel-to-Wings communication.
+          If specified, this internal domain name will be used for panel-to-Wings communication instead
+          (e.g <code>wings-internal.example.com</code> or <code>10.0.0.5</code>).
+          Useful for internal networks where the panel needs to communicate with Wings using a
+          different address than what browsers use.
+          </small>
+        </p>
+        </div>
+        <div class="form-group col-xs-12">
+        <label class="form-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span>
+          Communicate Over SSL</label>
+        <div>
+          <div class="radio radio-success radio-inline">
+          <input type="radio" id="pSSLTrue" value="https" name="scheme" {{ (old('scheme', $node->scheme) === 'https') ? 'checked' : '' }}>
+          <label for="pSSLTrue"> Use SSL Connection</label>
+          </div>
+          <div class="radio radio-danger radio-inline">
+          <input type="radio" id="pSSLFalse" value="http" name="scheme" {{ (old('scheme', $node->scheme) !== 'https') ? 'checked' : '' }}>
+          <label for="pSSLFalse"> Use HTTP Connection</label>
+          </div>
+        </div>
+        <p class="text-muted small">In most cases you should select to use a SSL connection. If using an IP Address
+          or you do not wish to use SSL at all, select a HTTP connection.</p>
+        </div>
+        <div class="form-group col-xs-12">
+        <label class="form-label"><span class="label label-warning"><i class="fa fa-power-off"></i></span> Behind
+          Proxy</label>
+        <div>
+          <div class="radio radio-success radio-inline">
+          <input type="radio" id="pProxyFalse" value="0" name="behind_proxy" {{ (old('behind_proxy', $node->behind_proxy) == false) ? 'checked' : '' }}>
+          <label for="pProxyFalse"> Not Behind Proxy </label>
+          </div>
+          <div class="radio radio-info radio-inline">
+          <input type="radio" id="pProxyTrue" value="1" name="behind_proxy" {{ (old('behind_proxy', $node->behind_proxy) == true) ? 'checked' : '' }}>
+          <label for="pProxyTrue"> Behind Proxy </label>
+          </div>
+        </div>
+        <p class="text-muted small">If you are running the daemon behind a proxy such as Cloudflare, select this to
+          have the daemon skip looking for certificates on boot.</p>
+        </div>
+        <div class="form-group col-xs-12">
+        <label class="form-label"><span class="label label-warning"><i class="fa fa-wrench"></i></span> Maintenance
+          Mode</label>
+        <div>
+          <div class="radio radio-success radio-inline">
+          <input type="radio" id="pMaintenanceFalse" value="0" name="maintenance_mode" {{ (old('maintenance_mode', $node->maintenance_mode) == false) ? 'checked' : '' }}>
+          <label for="pMaintenanceFalse"> Disabled</label>
+          </div>
+          <div class="radio radio-warning radio-inline">
+          <input type="radio" id="pMaintenanceTrue" value="1" name="maintenance_mode" {{ (old('maintenance_mode', $node->maintenance_mode) == true) ? 'checked' : '' }}>
+          <label for="pMaintenanceTrue"> Enabled</label>
+          </div>
+        </div>
+        <p class="text-muted small">If the node is marked as 'Under Maintenance' users won't be able to access
+          servers that are on this node.</p>
+        </div>
+      </div>
+      </div>
+    </div>
+    <div class="col-sm-6">
+      <div class="box">
+      <div class="box-header with-border">
+        <h3 class="box-title">Allocation Limits</h3>
+      </div>
+      <div class="box-body row">
+        <div class="col-xs-12">
+        <div class="row">
+          <div class="form-group col-xs-6">
+          <label for="memory" class="control-label">Total Memory</label>
+          <div class="input-group">
+            <input type="text" name="memory" class="form-control" data-multiplicator="true"
+            value="{{ old('memory', $node->memory) }}" />
+            <span class="input-group-addon">MiB</span>
+          </div>
+          </div>
+          <div class="form-group col-xs-6">
+          <label for="memory_overallocate" class="control-label">Overallocate</label>
+          <div class="input-group">
+            <input type="text" name="memory_overallocate" class="form-control"
+            value="{{ old('memory_overallocate', $node->memory_overallocate) }}" />
+            <span class="input-group-addon">%</span>
+          </div>
+          </div>
+        </div>
+        <p class="text-muted small">Enter the total amount of memory available on this node for allocation to
+          servers. You may also provide a percentage that can allow allocation of more than the defined memory.</p>
         </div>
         <div class="col-xs-12">
-            <div class="box box-primary">
-                <div class="box-header with-border">
-                    <h3 class="box-title">Save Settings</h3>
-                </div>
-                <div class="box-body row">
-                    <div class="form-group col-sm-6">
-                        <div>
-                            <input type="checkbox" name="reset_secret" id="reset_secret" /> <label for="reset_secret" class="control-label">Reset Daemon Master Key</label>
-                        </div>
-                        <p class="text-muted"><small>Resetting the daemon master key will void any request coming from the old key. This key is used for all sensitive operations on the daemon including server creation and deletion. We suggest changing this key regularly for security.</small></p>
-                    </div>
-                </div>
-                <div class="box-footer">
-                    {!! method_field('PATCH') !!}
-                    {!! csrf_field() !!}
-                    <button type="submit" class="btn btn-primary pull-right">Save Changes</button>
-                </div>
-            </div>
+        <div class="row">
+          <div class="form-group col-xs-6">
+          <label for="disk" class="control-label">Disk Space</label>
+          <div class="input-group">
+            <input type="text" name="disk" class="form-control" data-multiplicator="true"
+            value="{{ old('disk', $node->disk) }}" />
+            <span class="input-group-addon">MiB</span>
+          </div>
+          </div>
+          <div class="form-group col-xs-6">
+          <label for="disk_overallocate" class="control-label">Overallocate</label>
+          <div class="input-group">
+            <input type="text" name="disk_overallocate" class="form-control"
+            value="{{ old('disk_overallocate', $node->disk_overallocate) }}" />
+            <span class="input-group-addon">%</span>
+          </div>
+          </div>
         </div>
+        <p class="text-muted small">Enter the total amount of disk space available on this node for server
+          allocation. You may also provide a percentage that will determine the amount of disk space over the set
+          limit to allow.</p>
+        </div>
+      </div>
+      </div>
     </div>
-</form>
+    <div class="col-sm-6">
+      <div class="box">
+      <div class="box-header with-border">
+        <h3 class="box-title">General Configuration</h3>
+      </div>
+      <div class="box-body row">
+        <div class="form-group col-xs-12">
+        <label for="disk_overallocate" class="control-label">Maximum Web Upload Filesize</label>
+        <div class="input-group">
+          <input type="text" name="upload_size" class="form-control"
+          value="{{ old('upload_size', $node->upload_size) }}" />
+          <span class="input-group-addon">MiB</span>
+        </div>
+        <p class="text-muted"><small>Enter the maximum size of files that can be uploaded through the web-based file
+          manager.</small></p>
+        </div>
+        <div class="col-xs-12">
+        <div class="row">
+          <div class="form-group col-md-6">
+          <label for="daemonListen" class="control-label"><span class="label label-warning"><i
+              class="fa fa-power-off"></i></span> Daemon Port</label>
+          <div>
+            <input type="text" name="daemonListen" class="form-control"
+            value="{{ old('daemonListen', $node->daemonListen) }}" />
+          </div>
+          </div>
+          <div class="form-group col-md-6">
+          <label for="daemonSFTP" class="control-label"><span class="label label-warning"><i
+              class="fa fa-power-off"></i></span> Daemon SFTP Port</label>
+          <div>
+            <input type="text" name="daemonSFTP" class="form-control"
+            value="{{ old('daemonSFTP', $node->daemonSFTP) }}" />
+          </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-md-12">
+          <p class="text-muted"><small>The daemon runs its own SFTP management container and does not use the SSHd
+            process on the main physical server. <Strong>Do not use the same port that you have assigned for
+              your physical server's SSH process.</strong></small></p>
+          </div>
+        </div>
+        </div>
+      </div>
+      </div>
+    </div>
+    <div class="col-xs-12">
+      <div class="box box-primary">
+      <div class="box-header with-border">
+        <h3 class="box-title">Save Settings</h3>
+      </div>
+      <div class="box-body row">
+        <div class="form-group col-sm-6">
+        <div>
+          <input type="checkbox" name="reset_secret" id="reset_secret" /> <label for="reset_secret"
+          class="control-label">Reset Daemon Master Key</label>
+        </div>
+        <p class="text-muted"><small>Resetting the daemon master key will void any request coming from the old key.
+          This key is used for all sensitive operations on the daemon including server creation and deletion. We
+          suggest changing this key regularly for security.</small></p>
+        </div>
+      </div>
+      <div class="box-footer">
+        {!! method_field('PATCH') !!}
+        {!! csrf_field() !!}
+        <button type="submit" class="btn btn-primary pull-right">Save Changes</button>
+      </div>
+      </div>
+    </div>
+    </div>
+  </form>
 @endsection
 
 @section('footer-scripts')
-    @parent
-    <script>
+  @parent
+  <script>
     $('[data-toggle="popover"]').popover({
-        placement: 'auto'
+    placement: 'auto'
     });
     $('select[name="location_id"]').select2();
-    </script>
-@endsection
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/servers/index.blade.php b/resources/views/admin/servers/index.blade.php
index 4d5ebcdcd..4c475baf1 100644
--- a/resources/views/admin/servers/index.blade.php
+++ b/resources/views/admin/servers/index.blade.php
@@ -46,7 +46,7 @@
                             <tr data-server="{{ $server->uuidShort }}">
                                 <td><a href="{{ route('admin.servers.view', $server->id) }}">{{ $server->name }}</a></td>
                                 <td><code title="{{ $server->uuid }}">{{ $server->uuid }}</code></td>
-                                <td><a href="{{ route('admin.users.view', $server->user->id) }}">{{ $server->user->username }}</a></td>
+                                <td><a href="{{ route('admin.users.view', $server->user->id) }}">{{ $server->user->username }} ({{ $server->user->email }})</a></td>
                                 <td><a href="{{ route('admin.nodes.view', $server->node->id) }}">{{ $server->node->name }}</a></td>
                                 <td>
                                     <code>{{ $server->allocation->alias }}:{{ $server->allocation->port }}</code>
@@ -59,6 +59,10 @@
                                     @else
                                         <span class="label label-success">Active</span>
                                     @endif
+                                    
+                                    @if($server->exclude_from_resource_calculation)
+                                        <br><small><span class="label label-info" title="Excluded from resource calculations">Excluded</span></small>
+                                    @endif
                                 </td>
                                 <td class="text-center">
                                     <a class="btn btn-xs btn-default" href="/server/{{ $server->uuidShort }}"><i class="fa fa-wrench"></i></a>
diff --git a/resources/views/admin/servers/new.blade.php b/resources/views/admin/servers/new.blade.php
index 4198634f1..67afa33f1 100644
--- a/resources/views/admin/servers/new.blade.php
+++ b/resources/views/admin/servers/new.blade.php
@@ -176,6 +176,19 @@
                         <p class="text-muted small">The maximum amount of memory allowed for this container. Setting this to <code>0</code> will allow unlimited memory in a container.</p>
                     </div>
 
+                    <div class="form-group col-xs-6">
+                        <label for="pOverheadMemory">Overhead Memory</label>
+
+                        <div class="input-group">
+                            <input type="text" id="pOverheadMemory" name="overhead_memory" class="form-control" value="{{ old('overhead_memory', 0) }}" />
+                            <span class="input-group-addon">MiB</span>
+                        </div>
+
+                        <p class="text-muted small">Additional memory allocated to the container that doesn't go to the SERVER_MEMORY variable. Setting to <code>0</code> disables overhead memory.</p>
+                    </div>
+                </div>
+
+                <div class="box-body row">
                     <div class="form-group col-xs-6">
                         <label for="pSwap">Swap</label>
 
@@ -217,6 +230,14 @@
 
                         <p class="small text-muted no-margin">Terminates the server if it breaches the memory limits. Enabling OOM killer may cause server processes to exit unexpectedly.</p>
                     </div>
+                    <div class="form-group col-xs-12">
+                        <div class="checkbox checkbox-primary no-margin-bottom">
+                            <input type="checkbox" id="pExcludeFromResourceCalculation" name="exclude_from_resource_calculation" value="1" {{ \Pterodactyl\Helpers\Utilities::checked('exclude_from_resource_calculation', 0) }} />
+                            <label for="pExcludeFromResourceCalculation" class="strong">Exclude from Resource Calculation</label>
+                        </div>
+
+                        <p class="small text-muted no-margin">When enabled, this server will not be included in resource calculations when provisioning new servers onto this node. Useful for testing or development servers.</p>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/resources/views/admin/servers/view/build.blade.php b/resources/views/admin/servers/view/build.blade.php
index 655ea36af..be2b31a7f 100644
--- a/resources/views/admin/servers/view/build.blade.php
+++ b/resources/views/admin/servers/view/build.blade.php
@@ -47,6 +47,14 @@
                         </div>
                         <p class="text-muted small">The maximum amount of memory allowed for this container. Setting this to <code>0</code> will allow unlimited memory in a container.</p>
                     </div>
+                    <div class="form-group">
+                        <label for="overhead_memory" class="control-label">Overhead Memory</label>
+                        <div class="input-group">
+                            <input type="text" name="overhead_memory" data-multiplicator="true" class="form-control" value="{{ old('overhead_memory', $server->overhead_memory) }}"/>
+                            <span class="input-group-addon">MiB</span>
+                        </div>
+                        <p class="text-muted small">Additional memory allocated to the container that doesn't go to the SERVER_MEMORY variable. Setting to <code>0</code> disables overhead memory.</p>
+                    </div>
                     <div class="form-group">
                         <label for="swap" class="control-label">Allocated Swap</label>
                         <div class="input-group">
@@ -86,6 +94,22 @@
                             </p>
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label for="exclude_from_resource_calculation" class="control-label">Resource Calculation</label>
+                        <div>
+                            <div class="radio radio-success radio-inline">
+                                <input type="radio" id="pResourceCalcIncluded" value="0" name="exclude_from_resource_calculation" @if(!$server->exclude_from_resource_calculation)checked @endif>
+                                <label for="pResourceCalcIncluded">Included</label>
+                            </div>
+                            <div class="radio radio-warning radio-inline">
+                                <input type="radio" id="pResourceCalcExcluded" value="1" name="exclude_from_resource_calculation" @if($server->exclude_from_resource_calculation)checked @endif>
+                                <label for="pResourceCalcExcluded">Excluded</label>
+                            </div>
+                            <p class="text-muted small">
+                                When enabled, this server will not be included in resource calculations when provisioning new servers onto this node. Useful for testing or development servers.
+                            </p>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/resources/views/admin/servers/view/index.blade.php b/resources/views/admin/servers/view/index.blade.php
index b9e9cf7b9..a6955bceb 100644
--- a/resources/views/admin/servers/view/index.blade.php
+++ b/resources/views/admin/servers/view/index.blade.php
@@ -150,6 +150,7 @@
                         <div class="small-box bg-zinc">
                             <div class="inner">
                                 <h3>{{ str_limit($server->user->username, 16) }}</h3>
+                                <p>{{ $server->user->email }}</p>
                                 <p>Server Owner</p>
                             </div>
                             <div class="icon"><i class="fa fa-user"></i></div>
diff --git a/resources/views/admin/settings/advanced.blade.php b/resources/views/admin/settings/advanced.blade.php
index 4c3428bc3..fb9cf4115 100644
--- a/resources/views/admin/settings/advanced.blade.php
+++ b/resources/views/admin/settings/advanced.blade.php
@@ -18,54 +18,6 @@
   <div class="row">
     <div class="col-xs-12">
     <form action="" method="POST">
-      <div class="box">
-      <div class="box-header with-border">
-        <h3 class="box-title">reCAPTCHA</h3>
-      </div>
-      <div class="box-body">
-        <div class="row">
-        <div class="form-group col-md-4">
-          <label class="control-label">Status</label>
-          <div>
-          <select class="form-control" name="recaptcha:enabled">
-            <option value="true">Enabled</option>
-            <option value="false" @if(old('recaptcha:enabled', config('recaptcha.enabled')) == '0') selected @endif>
-            Disabled</option>
-          </select>
-          <p class="text-muted small">If enabled, login forms and password reset forms will do a silent captcha
-            check and display a visible captcha if needed.</p>
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Site Key</label>
-          <div>
-          <input type="text" required class="form-control" name="recaptcha:website_key"
-            value="{{ old('recaptcha:website_key', config('recaptcha.website_key')) }}">
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Secret Key</label>
-          <div>
-          <input type="text" required class="form-control" name="recaptcha:secret_key"
-            value="{{ old('recaptcha:secret_key', config('recaptcha.secret_key')) }}">
-          <p class="text-muted small">Used for communication between your site and Google. Be sure to keep it a
-            secret.</p>
-          </div>
-        </div>
-        </div>
-        @if($showRecaptchaWarning)
-      <div class="row">
-      <div class="col-xs-12">
-        <div class="alert alert-warning no-margin">
-        You are currently using reCAPTCHA keys that were shipped with this Panel. For improved security it is
-        recommended to <a href="https://www.google.com/recaptcha/admin">generate new invisible reCAPTCHA
-        keys</a> that tied specifically to your website.
-        </div>
-      </div>
-      </div>
-    @endif
-      </div>
-      </div>
       <div class="box">
       <div class="box-header with-border">
         <h3 class="box-title">HTTP Connections</h3>
diff --git a/resources/views/admin/settings/captcha.blade.php b/resources/views/admin/settings/captcha.blade.php
index 1c37794d1..0148076a4 100644
--- a/resources/views/admin/settings/captcha.blade.php
+++ b/resources/views/admin/settings/captcha.blade.php
@@ -6,7 +6,7 @@
 @endsection
 
 @section('content-header')
-  <h1>Captcha Settings<small>Configure captcha settings for Pyrodactyl.</small></h1>
+  <h1>Captcha Settings<small>Configure captcha protection for authentication forms.</small></h1>
   <ol class="breadcrumb">
     <li><a href="{{ route('admin.index') }}">Admin</a></li>
     <li class="active">Settings</li>
@@ -17,126 +17,188 @@
   @yield('settings::nav')
   <div class="row">
     <div class="col-xs-12">
-    <form action="" method="POST">
-      <div class="box">
-      <div class="box-header with-border">
-        <h3 class="box-title">reCAPTCHA</h3>
-      </div>
-      <div class="box-body">
-        <div class="row">
-        <div class="form-group col-md-4">
-          <label class="control-label">Status</label>
-          <div>
-          <select class="form-control" name="recaptcha:enabled">
-            <option value="true">Enabled</option>
-            <option value="false" @if(old('recaptcha:enabled', config('recaptcha.enabled')) == '0') selected @endif>
-            Disabled</option>
-          </select>
-          <p class="text-muted small">If enabled, login forms and password reset forms will do a silent captcha
-            check and display a visible captcha if needed.</p>
+      <form action="{{ route('admin.settings.captcha') }}" method="POST">
+        <div class="box">
+          <div class="box-header with-border">
+            <h3 class="box-title">Captcha Provider</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-4">
+                <label class="control-label">Provider</label>
+                <div>
+                  <select name="pterodactyl:captcha:provider" class="form-control" id="captcha-provider">
+                    @foreach($providers as $key => $name)
+                      <option value="{{ $key }}" @if(old('pterodactyl:captcha:provider', config('pterodactyl.captcha.provider', 'none')) === $key) selected @endif>{{ $name }}</option>
+                    @endforeach
+                  </select>
+                  <p class="text-muted"><small>Select the captcha provider to use for authentication forms.</small></p>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Site Key</label>
-          <div>
-          <input type="text" required class="form-control" name="recaptcha:website_key"
-            value="{{ old('recaptcha:website_key', config('recaptcha.website_key')) }}">
+
+        <div class="box" id="turnstile-settings" style="display: none;">
+          <div class="box-header with-border">
+            <h3 class="box-title">Cloudflare Turnstile Configuration</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label class="control-label">Site Key</label>
+                <div>
+                  <input type="text" class="form-control" name="pterodactyl:captcha:turnstile:site_key"
+                    value="{{ old('pterodactyl:captcha:turnstile:site_key', config('pterodactyl.captcha.turnstile.site_key', '')) }}" />
+                  <p class="text-muted"><small>The site key provided by Cloudflare Turnstile. This is used in the frontend widget.</small></p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label class="control-label">Secret Key</label>
+                <div>
+                  <input type="password" class="form-control" name="pterodactyl:captcha:turnstile:secret_key"
+                    value="{{ old('pterodactyl:captcha:turnstile:secret_key', config('pterodactyl.captcha.turnstile.secret_key', '')) }}" />
+                  <p class="text-muted"><small>The secret key provided by Cloudflare Turnstile. This is used for server-side verification.</small></p>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-md-12">
+                <div class="alert alert-info">
+                  <strong>Setup Instructions:</strong>
+                  <ol>
+                    <li>Visit the <a href="https://dash.cloudflare.com/?to=/:account/turnstile" target="_blank">Cloudflare Turnstile dashboard</a></li>
+                    <li>Create a new site or select an existing one</li>
+                    <li>Add your domain to the site configuration</li>
+                    <li>Copy the Site Key and Secret Key from the dashboard</li>
+                    <li>Paste them into the fields above</li>
+                  </ol>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Secret Key</label>
-          <div>
-          <input type="text" required class="form-control" name="recaptcha:secret_key"
-            value="{{ old('recaptcha:secret_key', config('recaptcha.secret_key')) }}">
-          <p class="text-muted small">Used for communication between your site and Google. Be sure to keep it a
-            secret.</p>
+
+        <div class="box" id="hcaptcha-settings" style="display: none;">
+          <div class="box-header with-border">
+            <h3 class="box-title">hCaptcha Configuration</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label class="control-label">Site Key</label>
+                <div>
+                  <input type="text" class="form-control" name="pterodactyl:captcha:hcaptcha:site_key"
+                    value="{{ old('pterodactyl:captcha:hcaptcha:site_key', config('pterodactyl.captcha.hcaptcha.site_key', '')) }}" />
+                  <p class="text-muted"><small>The site key provided by hCaptcha. This is used in the frontend widget.</small></p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label class="control-label">Secret Key</label>
+                <div>
+                  <input type="password" class="form-control" name="pterodactyl:captcha:hcaptcha:secret_key"
+                    value="{{ old('pterodactyl:captcha:hcaptcha:secret_key', config('pterodactyl.captcha.hcaptcha.secret_key', '')) }}" />
+                  <p class="text-muted"><small>The secret key provided by hCaptcha. This is used for server-side verification.</small></p>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-md-12">
+                <div class="alert alert-info">
+                  <strong>Setup Instructions:</strong>
+                  <ol>
+                    <li>Visit the <a href="https://dashboard.hcaptcha.com/sites" target="_blank">hCaptcha dashboard</a></li>
+                    <li>Create a new site or select an existing one</li>
+                    <li>Add your domain to the site configuration</li>
+                    <li>Copy the Site Key and Secret Key from the dashboard</li>
+                    <li>Paste them into the fields above</li>
+                  </ol>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        </div>
-        @if($showRecaptchaWarning)
-      <div class="row">
-      <div class="col-xs-12">
-        <div class="alert alert-warning no-margin">
-        You are currently using reCAPTCHA keys that were shipped with this Panel. For improved security it is
-        recommended to <a target="_blank" href="https://www.google.com/recaptcha/admin">generate new invisible
-        reCAPTCHA
-        keys</a> that tied specifically to your website.
-        </div>
-      </div>
-      </div>
-    @endif
-      </div>
-      </div>
-      <div class="box">
-      <div class="box-header with-border">
-        <h3 class="box-title">HTTP Connections</h3>
-      </div>
-      <div class="box-body">
-        <div class="row">
-        <div class="form-group col-md-6">
-          <label class="control-label">Connection Timeout</label>
-          <div>
-          <input type="number" required class="form-control" name="pterodactyl:guzzle:connect_timeout"
-            value="{{ old('pterodactyl:guzzle:connect_timeout', config('pterodactyl.guzzle.connect_timeout')) }}">
-          <p class="text-muted small">The amount of time in seconds to wait for a connection to be opened before
-            throwing an error.</p>
+
+        <div class="box" id="recaptcha-settings" style="display: none;">
+          <div class="box-header with-border">
+            <h3 class="box-title">Google reCAPTCHA v3 Configuration</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label class="control-label">Site Key</label>
+                <div>
+                  <input type="text" class="form-control" name="pterodactyl:captcha:recaptcha:site_key"
+                    value="{{ old('pterodactyl:captcha:recaptcha:site_key', config('pterodactyl.captcha.recaptcha.site_key', '')) }}" />
+                  <p class="text-muted"><small>The site key provided by Google reCAPTCHA v3. This is used in the frontend integration.</small></p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label class="control-label">Secret Key</label>
+                <div>
+                  <input type="password" class="form-control" name="pterodactyl:captcha:recaptcha:secret_key"
+                    value="{{ old('pterodactyl:captcha:recaptcha:secret_key', config('pterodactyl.captcha.recaptcha.secret_key', '')) }}" />
+                  <p class="text-muted"><small>The secret key provided by Google reCAPTCHA v3. This is used for server-side verification.</small></p>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-md-12">
+                <div class="alert alert-info">
+                  <strong>reCAPTCHA v3 Setup Instructions:</strong>
+                  <ol>
+                    <li>Visit the <a href="https://www.google.com/recaptcha/admin" target="_blank">Google reCAPTCHA admin console</a></li>
+                    <li>Create a new site and select <strong>reCAPTCHA v3</strong></li>
+                    <li>Add your domain(s) to the site configuration</li>
+                    <li>Copy the Site Key and Secret Key from the dashboard</li>
+                    <li>Paste them into the fields above</li>
+                  </ol>
+                  <p><strong>Note:</strong> reCAPTCHA v3 runs invisibly in the background and returns a score (0.0-1.0) based on user interactions. A threshold of 0.5 is used by default.</p>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="form-group col-md-6">
-          <label class="control-label">Request Timeout</label>
-          <div>
-          <input type="number" required class="form-control" name="pterodactyl:guzzle:timeout"
-            value="{{ old('pterodactyl:guzzle:timeout', config('pterodactyl.guzzle.timeout')) }}">
-          <p class="text-muted small">The amount of time in seconds to wait for a request to be completed before
-            throwing an error.</p>
+
+
+        <div class="box box-primary">
+          <div class="box-footer">
+            {{ csrf_field() }}
+            <button type="submit" name="_method" value="PATCH" class="btn btn-sm btn-primary pull-right">Save</button>
           </div>
         </div>
-        </div>
-      </div>
-      </div>
-      <div class="box">
-      <div class="box-header with-border">
-        <h3 class="box-title">Automatic Allocation Creation</h3>
-      </div>
-      <div class="box-body">
-        <div class="row">
-        <div class="form-group col-md-4">
-          <label class="control-label">Status</label>
-          <div>
-          <select class="form-control" name="pterodactyl:client_features:allocations:enabled">
-            <option value="false">Disabled</option>
-            <option value="true" @if(old('pterodactyl:client_features:allocations:enabled', config('pterodactyl.client_features.allocations.enabled'))) selected @endif>Enabled</option>
-          </select>
-          <p class="text-muted small">If enabled users will have the option to automatically create new
-            allocations for their server via the frontend.</p>
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Starting Port</label>
-          <div>
-          <input type="number" class="form-control" name="pterodactyl:client_features:allocations:range_start"
-            value="{{ old('pterodactyl:client_features:allocations:range_start', config('pterodactyl.client_features.allocations.range_start')) }}">
-          <p class="text-muted small">The starting port in the range that can be automatically allocated.</p>
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Ending Port</label>
-          <div>
-          <input type="number" class="form-control" name="pterodactyl:client_features:allocations:range_end"
-            value="{{ old('pterodactyl:client_features:allocations:range_end', config('pterodactyl.client_features.allocations.range_end')) }}">
-          <p class="text-muted small">The ending port in the range that can be automatically allocated.</p>
-          </div>
-        </div>
-        </div>
-      </div>
-      </div>
-      <div class="box box-primary">
-      <div class="box-footer">
-        {{ csrf_field() }}
-        <button type="submit" name="_method" value="PATCH" class="btn btn-sm btn-primary pull-right">Save</button>
-      </div>
-      </div>
-    </form>
+      </form>
     </div>
   </div>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const providerSelect = document.getElementById('captcha-provider');
+      const turnstileSettings = document.getElementById('turnstile-settings');
+      const hcaptchaSettings = document.getElementById('hcaptcha-settings');
+      const recaptchaSettings = document.getElementById('recaptcha-settings');
+
+      function toggleSettings() {
+        const provider = providerSelect.value;
+        
+        // Hide all provider-specific settings first
+        turnstileSettings.style.display = 'none';
+        hcaptchaSettings.style.display = 'none';
+        recaptchaSettings.style.display = 'none';
+        
+        if (provider === 'turnstile') {
+          turnstileSettings.style.display = 'block';
+        } else if (provider === 'hcaptcha') {
+          hcaptchaSettings.style.display = 'block';
+        } else if (provider === 'recaptcha') {
+          recaptchaSettings.style.display = 'block';
+        }
+      }
+
+      providerSelect.addEventListener('change', toggleSettings);
+      
+      // Initialize on page load with a small delay to ensure DOM is ready
+      setTimeout(toggleSettings, 100);
+    });
+  </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/settings/domains/create.blade.php b/resources/views/admin/settings/domains/create.blade.php
new file mode 100644
index 000000000..50dacab4a
--- /dev/null
+++ b/resources/views/admin/settings/domains/create.blade.php
@@ -0,0 +1,247 @@
+@extends('layouts.admin')
+@include('partials/admin.settings.nav', ['activeTab' => 'domains'])
+
+@section('title')
+  Create Domain
+@endsection
+
+@section('content-header')
+  <h1>Create Domain<small>Add a new DNS domain for subdomain management.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li><a href="{{ route('admin.settings') }}">Settings</a></li>
+    <li><a href="{{ route('admin.settings.domains.index') }}">Domains</a></li>
+    <li class="active">Create</li>
+  </ol>
+@endsection
+
+@section('content')
+  @yield('settings::nav')
+  <div class="row">
+    <div class="col-xs-12">
+      <form action="{{ route('admin.settings.domains.store') }}" method="POST" id="domain-form">
+        <div class="box">
+          <div class="box-header with-border">
+            <h3 class="box-title">Domain Information</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label for="name" class="control-label">Domain Name <span class="field-required"></span></label>
+                <div>
+                  <input type="text" name="name" id="name" class="form-control" value="{{ old('name') }}"
+                    placeholder="example.com" required />
+                  <p class="text-muted small">The domain name that will be used for subdomains (e.g., example.com).</p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label for="dns_provider" class="control-label">DNS Provider <span class="field-required"></span></label>
+                <div>
+                  <select name="dns_provider" id="dns_provider" class="form-control" required>
+                    <option value="">Select a DNS provider...</option>
+                    @foreach($providers as $key => $provider)
+                      <option value="{{ $key }}" @if(old('dns_provider') === $key) selected @endif>
+                        {{ $provider['name'] }}
+                      </option>
+                    @endforeach
+                  </select>
+                  <p class="text-muted small">The DNS service provider that manages this domain.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="box" id="dns-config-box" style="display: none;">
+          <div class="box-header with-border">
+            <h3 class="box-title">DNS Provider Configuration</h3>
+          </div>
+          <div class="box-body" id="dns-config-content">
+            <!-- Dynamic content will be loaded here -->
+          </div>
+        </div>
+
+        <div class="box">
+          <div class="box-header with-border">
+            <h3 class="box-title">Additional Settings</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label class="control-label">Status</label>
+                <div>
+                  <div class="btn-group" data-toggle="buttons">
+                    <label class="btn btn-outline-primary @if(old('is_active', true)) active @endif">
+                      <input type="radio" name="is_active" value="1" @if(old('is_active', true)) checked @endif> Active
+                    </label>
+                    <label class="btn btn-outline-primary @if(!old('is_active', true)) active @endif">
+                      <input type="radio" name="is_active" value="0" @if(!old('is_active', true)) checked @endif> Inactive
+                    </label>
+                  </div>
+                  <p class="text-muted small">Whether this domain should be available for subdomain creation.</p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label class="control-label">Default Domain</label>
+                <div>
+                  <div class="btn-group" data-toggle="buttons">
+                    <label class="btn btn-outline-primary @if(old('is_default', false)) active @endif">
+                      <input type="radio" name="is_default" value="1" @if(old('is_default', false)) checked @endif> Yes
+                    </label>
+                    <label class="btn btn-outline-primary @if(!old('is_default', false)) active @endif">
+                      <input type="radio" name="is_default" value="0" @if(!old('is_default', false)) checked @endif> No
+                    </label>
+                  </div>
+                  <p class="text-muted small">Whether this domain should be used as the default for automatic subdomain
+                    generation.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="box box-primary">
+          <div class="box-footer">
+            {{ csrf_field() }}
+            <button type="button" id="test-connection" class="btn btn-sm btn-info" disabled>
+              <i class="fa fa-refresh fa-spin" style="display: none;"></i> Test Connection
+            </button>
+            <a href="{{ route('admin.settings.domains.index') }}" class="btn btn-sm btn-default">Cancel</a>
+            <button type="submit" class="btn btn-sm btn-success pull-right">Create Domain</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+@endsection
+
+@section('footer-scripts')
+  @parent
+  <script>
+    $(document).ready(function () {
+      const $providerSelect = $('#dns_provider');
+      const $configBox = $('#dns-config-box');
+      const $configContent = $('#dns-config-content');
+      const $testButton = $('#test-connection');
+      const $form = $('#domain-form');
+
+      // Handle provider selection
+      $providerSelect.change(function () {
+        const provider = $(this).val();
+
+        if (provider) {
+          loadProviderConfig(provider);
+          $testButton.prop('disabled', false);
+        } else {
+          $configBox.hide();
+          $testButton.prop('disabled', true);
+        }
+      });
+
+      // Test connection
+      $testButton.click(function () {
+        const $button = $(this);
+        const $spinner = $button.find('.fa-spin');
+
+        // Gather form data
+        const formData = {
+          dns_provider: $providerSelect.val(),
+          dns_config: {}
+        };
+
+        // Collect DNS config fields
+        $configContent.find('input').each(function () {
+          const name = $(this).attr('name');
+          if (name && name.startsWith('dns_config[')) {
+            const key = name.replace('dns_config[', '').replace(']', '');
+            formData.dns_config[key] = $(this).val();
+          }
+        });
+
+        $button.prop('disabled', true);
+        $spinner.show();
+
+        $.post('{{ route('admin.settings.domains.test-connection') }}', {
+          _token: '{{ csrf_token() }}',
+          ...formData
+        })
+          .done(function (response) {
+            if (response.success) {
+              swal({
+                type: 'success',
+                title: 'Connection Successful',
+                text: response.message
+              });
+            } else {
+              swal({
+                type: 'error',
+                title: 'Connection Failed',
+                text: response.message
+              });
+            }
+          })
+          .fail(function (xhr) {
+            const response = xhr.responseJSON || {};
+            swal({
+              type: 'error',
+              title: 'Connection Failed',
+              text: response.message || 'An unexpected error occurred.'
+            });
+          })
+          .always(function () {
+            $button.prop('disabled', false);
+            $spinner.hide();
+          });
+      });
+
+      // Load provider configuration
+      function loadProviderConfig(provider) {
+        $.get(`{{ route('admin.settings.domains.provider-schema', ':provider') }}`.replace(':provider', provider))
+          .done(function (response) {
+            if (response.success) {
+              renderConfigForm(response.schema);
+              $configBox.show();
+            }
+          })
+          .fail(function () {
+            $configBox.hide();
+          });
+      }
+
+      // Render configuration form
+      function renderConfigForm(schema) {
+        let html = '<div class="row">';
+
+        Object.keys(schema).forEach(function (key) {
+          const field = schema[key];
+          const oldValue = `{{ old('dns_config.${key}') }}`.replace('${key}', key);
+
+          html += `
+                          <div class="form-group col-md-6">
+                            <label for="dns_config_${key}" class="control-label">
+                              ${field.description || key} 
+                              ${field.required ? '<span class="field-required"></span>' : ''}
+                            </label>
+                            <div>
+                              <input type="${field.sensitive ? 'password' : 'text'}" 
+                                     name="dns_config[${key}]" 
+                                     id="dns_config_${key}" 
+                                     class="form-control" 
+                                     value="${oldValue}"
+                                     ${field.required ? 'required' : ''} />
+                            </div>
+                          </div>
+                        `;
+        });
+
+        html += '</div>';
+        $configContent.html(html);
+      }
+
+      // Trigger change if provider is pre-selected
+      if ($providerSelect.val()) {
+        $providerSelect.trigger('change');
+      }
+    });
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/settings/domains/edit.blade.php b/resources/views/admin/settings/domains/edit.blade.php
new file mode 100644
index 000000000..10078ceb4
--- /dev/null
+++ b/resources/views/admin/settings/domains/edit.blade.php
@@ -0,0 +1,262 @@
+@extends('layouts.admin')
+@include('partials/admin.settings.nav', ['activeTab' => 'domains'])
+
+@section('title')
+  Edit Domain
+@endsection
+
+@section('content-header')
+  <h1>Edit Domain<small>Update DNS domain configuration.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li><a href="{{ route('admin.settings') }}">Settings</a></li>
+    <li><a href="{{ route('admin.settings.domains.index') }}">Domains</a></li>
+    <li class="active">{{ $domain->name }}</li>
+  </ol>
+@endsection
+
+@section('content')
+  @yield('settings::nav')
+  <div class="row">
+    <div class="col-xs-12">
+      <form action="{{ route('admin.settings.domains.update', $domain) }}" method="POST" id="domain-form">
+        <div class="box">
+          <div class="box-header with-border">
+            <h3 class="box-title">Domain Information</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <label for="name" class="control-label">Domain Name <span class="field-required"></span></label>
+                <div>
+                  <input type="text" name="name" id="name" class="form-control" 
+                         value="{{ old('name', $domain->name) }}" placeholder="example.com" required />
+                  <p class="text-muted small">The domain name that will be used for subdomains (e.g., example.com).</p>
+                </div>
+              </div>
+              <div class="form-group col-md-6">
+                <label for="dns_provider" class="control-label">DNS Provider <span class="field-required"></span></label>
+                <div>
+                  <select name="dns_provider" id="dns_provider" class="form-control" required>
+                    <option value="">Select a DNS provider...</option>
+                    @foreach($providers as $key => $provider)
+                      <option value="{{ $key }}" 
+                              @if(old('dns_provider', $domain->dns_provider) === $key) selected @endif>
+                        {{ $provider['name'] }}
+                      </option>
+                    @endforeach
+                  </select>
+                  <p class="text-muted small">The DNS service provider that manages this domain.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="box" id="dns-config-box" style="display: none;">
+          <div class="box-header with-border">
+            <h3 class="box-title">DNS Provider Configuration</h3>
+          </div>
+          <div class="box-body" id="dns-config-content">
+            <!-- Dynamic content will be loaded here -->
+          </div>
+        </div>
+
+        <div class="box">
+          <div class="box-header with-border">
+            <h3 class="box-title">Additional Settings</h3>
+          </div>
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-4">
+                <label class="control-label">Status</label>
+                <div>
+                  <div class="btn-group" data-toggle="buttons">
+                    <label class="btn btn-primary @if(old('is_active', $domain->is_active)) active @endif">
+                      <input type="radio" name="is_active" value="1" 
+                             @if(old('is_active', $domain->is_active)) checked @endif> Active
+                    </label>
+                    <label class="btn btn-primary @if(!old('is_active', $domain->is_active)) active @endif">
+                      <input type="radio" name="is_active" value="0" 
+                             @if(!old('is_active', $domain->is_active)) checked @endif> Inactive
+                    </label>
+                  </div>
+                  <p class="text-muted small">Whether this domain should be available for subdomain creation.</p>
+                </div>
+              </div>
+              <div class="form-group col-md-4">
+                <label class="control-label">Default Domain</label>
+                <div>
+                  <div class="btn-group" data-toggle="buttons">
+                    <label class="btn btn-primary @if(old('is_default', $domain->is_default)) active @endif">
+                      <input type="radio" name="is_default" value="1"
+                             @if(old('is_default', $domain->is_default)) checked @endif> Yes
+                    </label>
+                    <label class="btn btn-primary @if(!old('is_default', $domain->is_default)) active @endif">
+                      <input type="radio" name="is_default" value="0"
+                             @if(!old('is_default', $domain->is_default)) checked @endif> No
+                    </label>
+                  </div>
+                  <p class="text-muted small">Whether this domain should be used as the default for automatic subdomain generation.</p>
+                </div>
+              </div>
+              <div class="form-group col-md-4">
+                <label class="control-label">Active Subdomains</label>
+                <div>
+                  <p class="form-control-static">
+                    <span class="label label-default">{{ $domain->serverSubdomains->where('is_active', true)->count() }}</span>
+                    subdomain(s) currently using this domain
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="box box-primary">
+          <div class="box-footer">
+            {{ csrf_field() }}
+            @method('PATCH')
+            <button type="button" id="test-connection" class="btn btn-sm btn-info" disabled>
+              <i class="fa fa-refresh fa-spin" style="display: none;"></i> Test Connection
+            </button>
+            <a href="{{ route('admin.settings.domains.index') }}" class="btn btn-sm btn-default">Cancel</a>
+            <button type="submit" class="btn btn-sm btn-success pull-right">Update Domain</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+@endsection
+
+@section('footer-scripts')
+  @parent
+  <script>
+    $(document).ready(function() {
+      const $providerSelect = $('#dns_provider');
+      const $configBox = $('#dns-config-box');
+      const $configContent = $('#dns-config-content');
+      const $testButton = $('#test-connection');
+      const $form = $('#domain-form');
+      const existingConfig = @json(old('dns_config', $domain->dns_config));
+
+      // Handle provider selection
+      $providerSelect.change(function() {
+        const provider = $(this).val();
+        
+        if (provider) {
+          loadProviderConfig(provider);
+          $testButton.prop('disabled', false);
+        } else {
+          $configBox.hide();
+          $testButton.prop('disabled', true);
+        }
+      });
+
+      // Test connection
+      $testButton.click(function() {
+        const $button = $(this);
+        const $spinner = $button.find('.fa-spin');
+        
+        // Gather form data
+        const formData = {
+          dns_provider: $providerSelect.val(),
+          dns_config: {}
+        };
+
+        // Collect DNS config fields
+        $configContent.find('input').each(function() {
+          const name = $(this).attr('name');
+          if (name && name.startsWith('dns_config[')) {
+            const key = name.replace('dns_config[', '').replace(']', '');
+            formData.dns_config[key] = $(this).val();
+          }
+        });
+
+        $button.prop('disabled', true);
+        $spinner.show();
+
+        $.post('{{ route('admin.settings.domains.test-connection') }}', {
+          _token: '{{ csrf_token() }}',
+          ...formData
+        })
+        .done(function(response) {
+          if (response.success) {
+            swal({
+              type: 'success',
+              title: 'Connection Successful',
+              text: response.message
+            });
+          } else {
+            swal({
+              type: 'error',
+              title: 'Connection Failed',
+              text: response.message
+            });
+          }
+        })
+        .fail(function(xhr) {
+          const response = xhr.responseJSON || {};
+          swal({
+            type: 'error',
+            title: 'Connection Failed',
+            text: response.message || 'An unexpected error occurred.'
+          });
+        })
+        .always(function() {
+          $button.prop('disabled', false);
+          $spinner.hide();
+        });
+      });
+
+      // Load provider configuration
+      function loadProviderConfig(provider) {
+        $.get(`{{ route('admin.settings.domains.provider-schema', ':provider') }}`.replace(':provider', provider))
+          .done(function(response) {
+            if (response.success) {
+              renderConfigForm(response.schema);
+              $configBox.show();
+            }
+          })
+          .fail(function() {
+            $configBox.hide();
+          });
+      }
+
+      // Render configuration form
+      function renderConfigForm(schema) {
+        let html = '<div class="row">';
+        
+        Object.keys(schema).forEach(function(key) {
+          const field = schema[key];
+          const oldValue = existingConfig[key] || '';
+          
+          html += `
+            <div class="form-group col-md-6">
+              <label for="dns_config_${key}" class="control-label">
+                ${field.description || key} 
+                ${field.required ? '<span class="field-required"></span>' : ''}
+              </label>
+              <div>
+                <input type="${field.sensitive ? 'password' : 'text'}" 
+                       name="dns_config[${key}]" 
+                       id="dns_config_${key}" 
+                       class="form-control" 
+                       value="${oldValue}"
+                       ${field.required ? 'required' : ''} />
+              </div>
+            </div>
+          `;
+        });
+        
+        html += '</div>';
+        $configContent.html(html);
+      }
+
+      // Trigger change if provider is pre-selected
+      if ($providerSelect.val()) {
+        $providerSelect.trigger('change');
+      }
+    });
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/settings/domains/index.blade.php b/resources/views/admin/settings/domains/index.blade.php
new file mode 100644
index 000000000..4f6a8a72e
--- /dev/null
+++ b/resources/views/admin/settings/domains/index.blade.php
@@ -0,0 +1,106 @@
+@extends('layouts.admin')
+@include('partials/admin.settings.nav', ['activeTab' => 'domains'])
+
+@section('title')
+  Domain Management
+@endsection
+
+@section('content-header')
+  <h1>Domain Management<small>Configure DNS domains for subdomain management.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li><a href="{{ route('admin.settings') }}">Settings</a></li>
+    <li class="active">Domains</li>
+  </ol>
+@endsection
+
+@section('content')
+  @yield('settings::nav')
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="box">
+        <div class="box-header with-border">
+          <h3 class="box-title">Configured Domains</h3>
+          <div class="box-tools">
+            <a href="{{ route('admin.settings.domains.create') }}" class="btn btn-sm btn-primary">Create New Domain</a>
+          </div>
+        </div>
+        <div class="box-body table-responsive no-padding">
+          @if(count($domains) > 0)
+            <table class="table table-hover">
+              <thead>
+                <tr>
+                  <th>Domain Name</th>
+                  <th>DNS Provider</th>
+                  <th>Status</th>
+                  <th>Default</th>
+                  <th>Subdomains</th>
+                  <th>Created</th>
+                  <th></th>
+                </tr>
+              </thead>
+              <tbody>
+                @foreach($domains as $domain)
+                  <tr>
+                    <td><code>{{ $domain->name }}</code></td>
+                    <td>
+                      <span class="label label-primary">{{ ucfirst($domain->dns_provider) }}</span>
+                    </td>
+                    <td>
+                      @if($domain->is_active)
+                        <span class="label label-success">Active</span>
+                      @else
+                        <span class="label label-danger">Inactive</span>
+                      @endif
+                    </td>
+                    <td>
+                      @if($domain->is_default)
+                        <span class="label label-info">Default</span>
+                      @endif
+                    </td>
+                    <td>
+                      <span class="label label-default">{{ $domain->server_subdomains_count ?? 0 }}</span>
+                    </td>
+                    <td>{{ $domain->created_at->diffForHumans() }}</td>
+                    <td class="text-center">
+                      <a href="{{ route('admin.settings.domains.edit', $domain) }}" class="btn btn-xs btn-primary">Edit</a>
+                      @if($domain->server_subdomains_count == 0)
+                        <form action="{{ route('admin.settings.domains.destroy', $domain) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this domain?')">
+                          @csrf
+                          @method('DELETE')
+                          <button type="submit" class="btn btn-xs btn-danger">Delete</button>
+                        </form>
+                      @endif
+                    </td>
+                  </tr>
+                @endforeach
+              </tbody>
+            </table>
+          @else
+            <div class="text-center" style="padding: 50px;">
+              <h4 class="text-muted">No domains configured</h4>
+              <p class="text-muted">
+                Configure DNS domains to enable subdomain management for servers.<br>
+                <a href="{{ route('admin.settings.domains.create') }}" class="btn btn-primary btn-sm" style="margin-top: 10px;">Create Your First Domain</a>
+              </p>
+            </div>
+          @endif
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@section('footer-scripts')
+  @parent
+  <script>
+    $(document).ready(function() {
+      $('.btn-danger').click(function(e) {
+        if (!confirm('Are you sure you want to delete this domain? This action cannot be undone.')) {
+          e.preventDefault();
+          return false;
+        }
+      });
+    });
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/settings/index.blade.php b/resources/views/admin/settings/index.blade.php
index 2076b7c70..6d918eed7 100644
--- a/resources/views/admin/settings/index.blade.php
+++ b/resources/views/admin/settings/index.blade.php
@@ -17,62 +17,63 @@
   @yield('settings::nav')
   <div class="row">
     <div class="col-xs-12">
-    <div class="box">
-      <div class="box-header with-border">
-      <h3 class="box-title">Panel Settings</h3>
+      <div class="box">
+        <div class="box-header with-border">
+          <h3 class="box-title">Panel Settings</h3>
+        </div>
+        <form action="{{ route('admin.settings') }}" method="POST">
+          <div class="box-body">
+            <div class="row">
+              <div class="form-group col-md-4">
+                <label class="control-label">Company Name</label>
+                <div>
+                  <input type="text" class="form-control" name="app:name"
+                    value="{{ old('app:name', config('app.name')) }}" />
+                  <p class="text-muted"><small>This is the name that is used throughout the panel and in emails sent to
+                      clients.</small></p>
+                </div>
+              </div>
+              <div class="form-group col-md-4">
+                <label class="control-label">Require 2-Factor Authentication</label>
+                <div>
+                  <div class="btn-group" data-toggle="buttons">
+                    @php
+                      $level = old('pterodactyl:auth:2fa_required', config('pterodactyl.auth.2fa_required'));
+                    @endphp
+                    <label class="btn btn-outline-primary @if ($level == 0) active @endif">
+                      <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="0" @if ($level == 0) checked @endif> Not Required
+                    </label>
+                    <label class="btn btn-outline-primary @if ($level == 1) active @endif">
+                      <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="1" @if ($level == 1) checked @endif> Admin Only
+                    </label>
+                    <label class="btn btn-outline-primary @if ($level == 2) active @endif">
+                      <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="2" @if ($level == 2) checked @endif> All Users
+                    </label>
+                  </div>
+                  <p class="text-muted"><small>If enabled, any account falling into the selected grouping will be required
+                      to have 2-Factor authentication enabled to use the Panel.</small></p>
+                </div>
+              </div>
+              <div class="form-group col-md-4">
+                <label class="control-label">Default Language</label>
+                <div>
+                  <select name="app:locale" class="form-control">
+                    @foreach($languages as $key => $value)
+                      <option value="{{ $key }}" @if(config('app.locale') === $key) selected @endif>{{ $value }}</option>
+                    @endforeach
+                  </select>
+                  <p class="text-muted"><small>The default language to use when rendering UI components.</small></p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="box-footer">
+            {!! csrf_field() !!}
+            <button type="submit" name="_method" value="PATCH"
+              class="btn btn-sm btn-outline-primary pull-right">Save</button>
+          </div>
+        </form>
       </div>
-      <form action="{{ route('admin.settings') }}" method="POST">
-      <div class="box-body">
-        <div class="row">
-        <div class="form-group col-md-4">
-          <label class="control-label">Company Name</label>
-          <div>
-          <input type="text" class="form-control" name="app:name"
-            value="{{ old('app:name', config('app.name')) }}" />
-          <p class="text-muted"><small>This is the name that is used throughout the panel and in emails sent to
-            clients.</small></p>
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Require 2-Factor Authentication</label>
-          <div>
-          <div class="btn-group" data-toggle="buttons">
-            @php
-          $level = old('pterodactyl:auth:2fa_required', config('pterodactyl.auth.2fa_required'));
-        @endphp
-            <label class="btn btn-primary @if ($level == 0) active @endif">
-            <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="0" @if ($level == 0) checked @endif> Not Required
-            </label>
-            <label class="btn btn-primary @if ($level == 1) active @endif">
-            <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="1" @if ($level == 1) checked @endif> Admin Only
-            </label>
-            <label class="btn btn-primary @if ($level == 2) active @endif">
-            <input type="radio" name="pterodactyl:auth:2fa_required" autocomplete="off" value="2" @if ($level == 2) checked @endif> All Users
-            </label>
-          </div>
-          <p class="text-muted"><small>If enabled, any account falling into the selected grouping will be required
-            to have 2-Factor authentication enabled to use the Panel.</small></p>
-          </div>
-        </div>
-        <div class="form-group col-md-4">
-          <label class="control-label">Default Language</label>
-          <div>
-          <select name="app:locale" class="form-control">
-            @foreach($languages as $key => $value)
-        <option value="{{ $key }}" @if(config('app.locale') === $key) selected @endif>{{ $value }}</option>
-      @endforeach
-          </select>
-          <p class="text-muted"><small>The default language to use when rendering UI components.</small></p>
-          </div>
-        </div>
-        </div>
-      </div>
-      <div class="box-footer">
-        {!! csrf_field() !!}
-        <button type="submit" name="_method" value="PATCH" class="btn btn-sm btn-primary pull-right">Save</button>
-      </div>
-      </form>
-    </div>
     </div>
   </div>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/settings/mail.blade.php b/resources/views/admin/settings/mail.blade.php
index 9e99acd30..2633df6dc 100644
--- a/resources/views/admin/settings/mail.blade.php
+++ b/resources/views/admin/settings/mail.blade.php
@@ -2,201 +2,210 @@
 @include('partials/admin.settings.nav', ['activeTab' => 'mail'])
 
 @section('title')
-    Mail Settings
+  Mail Settings
 @endsection
 
 @section('content-header')
-    <h1>Mail Settings<small>Configure how Pterodactyl should handle sending emails.</small></h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('admin.index') }}">Admin</a></li>
-        <li class="active">Settings</li>
-    </ol>
+  <h1>Mail Settings<small>Configure how Pterodactyl should handle sending emails.</small></h1>
+  <ol class="breadcrumb">
+    <li><a href="{{ route('admin.index') }}">Admin</a></li>
+    <li class="active">Settings</li>
+  </ol>
 @endsection
 
 @section('content')
-    @yield('settings::nav')
-    <div class="row">
-        <div class="col-xs-12">
-            <div class="box">
-                <div class="box-header with-border">
-                    <h3 class="box-title">Email Settings</h3>
-                </div>
-                @if($disabled)
-                    <div class="box-body">
-                        <div class="row">
-                            <div class="col-xs-12">
-                                <div class="alert alert-info no-margin-bottom">
-                                    This interface is limited to instances using SMTP as the mail driver. Please either use <code>php artisan p:environment:mail</code> command to update your email settings, or set <code>MAIL_DRIVER=smtp</code> in your environment file.
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                @else
-                    <form>
-                        <div class="box-body">
-                            <div class="row">
-                                <div class="form-group col-md-6">
-                                    <label class="control-label">SMTP Host</label>
-                                    <div>
-                                        <input required type="text" class="form-control" name="mail:mailers:smtp:host" value="{{ old('mail:mailers:smtp:host', config('mail.mailers.smtp.host')) }}" />
-                                        <p class="text-muted small">Enter the SMTP server address that mail should be sent through.</p>
-                                    </div>
-                                </div>
-                                <div class="form-group col-md-2">
-                                    <label class="control-label">SMTP Port</label>
-                                    <div>
-                                        <input required type="number" class="form-control" name="mail:mailers:smtp:port" value="{{ old('mail:mailers:smtp:port', config('mail.mailers.smtp.port')) }}" />
-                                        <p class="text-muted small">Enter the SMTP server port that mail should be sent through.</p>
-                                    </div>
-                                </div>
-                                <div class="form-group col-md-4">
-                                    <label class="control-label">Encryption</label>
-                                    <div>
-                                        @php
-                                            $encryption = old('mail:mailers:smtp:encryption', config('mail.mailers.smtp.encryption'));
-                                        @endphp
-                                        <select name="mail:mailers:smtp:encryption" class="form-control">
-                                            <option value="" @if($encryption === '') selected @endif>None</option>
-                                            <option value="tls" @if($encryption === 'tls') selected @endif>Transport Layer Security (TLS)</option>
-                                            <option value="ssl" @if($encryption === 'ssl') selected @endif>Secure Sockets Layer (SSL)</option>
-                                        </select>
-                                        <p class="text-muted small">Select the type of encryption to use when sending mail.</p>
-                                    </div>
-                                </div>
-                                <div class="form-group col-md-6">
-                                    <label class="control-label">Username <span class="field-optional"></span></label>
-                                    <div>
-                                        <input type="text" class="form-control" name="mail:mailers:smtp:username" value="{{ old('mail:mailers:smtp:username', config('mail.mailers.smtp.username')) }}" />
-                                        <p class="text-muted small">The username to use when connecting to the SMTP server.</p>
-                                    </div>
-                                </div>
-                                <div class="form-group col-md-6">
-                                    <label class="control-label">Password <span class="field-optional"></span></label>
-                                    <div>
-                                        <input type="password" class="form-control" name="mail:mailers:smtp:password"/>
-                                        <p class="text-muted small">The password to use in conjunction with the SMTP username. Leave blank to continue using the existing password. To set the password to an empty value enter <code>!e</code> into the field.</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <hr />
-                                <div class="form-group col-md-6">
-                                    <label class="control-label">Mail From</label>
-                                    <div>
-                                        <input required type="email" class="form-control" name="mail:from:address" value="{{ old('mail:from:address', config('mail.from.address')) }}" />
-                                        <p class="text-muted small">Enter an email address that all outgoing emails will originate from.</p>
-                                    </div>
-                                </div>
-                                <div class="form-group col-md-6">
-                                    <label class="control-label">Mail From Name <span class="field-optional"></span></label>
-                                    <div>
-                                        <input type="text" class="form-control" name="mail:from:name" value="{{ old('mail:from:name', config('mail.from.name')) }}" />
-                                        <p class="text-muted small">The name that emails should appear to come from.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="box-footer">
-                            {{ csrf_field() }}
-                            <div class="pull-right">
-                                <button type="button" id="testButton" class="btn btn-sm btn-success">Test</button>
-                                <button type="button" id="saveButton" class="btn btn-sm btn-primary">Save</button>
-                            </div>
-                        </div>
-                    </form>
-                @endif
-            </div>
+  @yield('settings::nav')
+  <div class="row">
+    <div class="col-xs-12">
+    <div class="box">
+      <div class="box-header with-border">
+      <h3 class="box-title">Email Settings</h3>
+      </div>
+      @if($disabled)
+      <div class="box-body">
+      <div class="row">
+      <div class="col-xs-12">
+      <div class="alert alert-info no-margin-bottom">
+        This interface is limited to instances using SMTP as the mail driver. Please either use
+        <code>php artisan p:environment:mail</code> command to update your email settings, or set
+        <code>MAIL_DRIVER=smtp</code> in your environment file.
+      </div>
+      </div>
+      </div>
+      </div>
+    @else
+      <form>
+      <div class="box-body">
+      <div class="row">
+      <div class="form-group col-md-6">
+        <label class="control-label">SMTP Host</label>
+        <div>
+        <input required type="text" class="form-control" name="mail:mailers:smtp:host"
+        value="{{ old('mail:mailers:smtp:host', config('mail.mailers.smtp.host')) }}" />
+        <p class="text-muted small">Enter the SMTP server address that mail should be sent through.</p>
         </div>
+      </div>
+      <div class="form-group col-md-2">
+        <label class="control-label">SMTP Port</label>
+        <div>
+        <input required type="number" class="form-control" name="mail:mailers:smtp:port"
+        value="{{ old('mail:mailers:smtp:port', config('mail.mailers.smtp.port')) }}" />
+        <p class="text-muted small">Enter the SMTP server port that mail should be sent through.</p>
+        </div>
+      </div>
+      <div class="form-group col-md-4">
+        <label class="control-label">Encryption</label>
+        <div>
+        @php
+      $encryption = old('mail:mailers:smtp:encryption', config('mail.mailers.smtp.encryption'));
+      @endphp
+        <select name="mail:mailers:smtp:encryption" class="form-control">
+        <option value="" @if($encryption === '') selected @endif>None</option>
+        <option value="tls" @if($encryption === 'tls') selected @endif>Transport Layer Security (TLS)</option>
+        <option value="ssl" @if($encryption === 'ssl') selected @endif>Secure Sockets Layer (SSL)</option>
+        </select>
+        <p class="text-muted small">Select the type of encryption to use when sending mail.</p>
+        </div>
+      </div>
+      <div class="form-group col-md-6">
+        <label class="control-label">Username <span class="field-optional"></span></label>
+        <div>
+        <input type="text" class="form-control" name="mail:mailers:smtp:username"
+        value="{{ old('mail:mailers:smtp:username', config('mail.mailers.smtp.username')) }}" />
+        <p class="text-muted small">The username to use when connecting to the SMTP server.</p>
+        </div>
+      </div>
+      <div class="form-group col-md-6">
+        <label class="control-label">Password <span class="field-optional"></span></label>
+        <div>
+        <input type="password" class="form-control" name="mail:mailers:smtp:password" />
+        <p class="text-muted small">The password to use in conjunction with the SMTP username. Leave blank to
+        continue using the existing password. To set the password to an empty value enter <code>!e</code> into
+        the field.</p>
+        </div>
+      </div>
+      </div>
+      <div class="row">
+      <hr />
+      <div class="form-group col-md-6">
+        <label class="control-label">Mail From</label>
+        <div>
+        <input required type="email" class="form-control" name="mail:from:address"
+        value="{{ old('mail:from:address', config('mail.from.address')) }}" />
+        <p class="text-muted small">Enter an email address that all outgoing emails will originate from.</p>
+        </div>
+      </div>
+      <div class="form-group col-md-6">
+        <label class="control-label">Mail From Name <span class="field-optional"></span></label>
+        <div>
+        <input type="text" class="form-control" name="mail:from:name"
+        value="{{ old('mail:from:name', config('mail.from.name')) }}" />
+        <p class="text-muted small">The name that emails should appear to come from.</p>
+        </div>
+      </div>
+      </div>
+      </div>
+      <div class="box-footer">
+      {{ csrf_field() }}
+      <div class="pull-right">
+      <button type="button" id="testButton" class="btn btn-sm btn-success">Test</button>
+      <button type="button" id="saveButton" class="btn btn-sm btn-primary">Save</button>
+      </div>
+      </div>
+      </form>
+    @endif
     </div>
+    </div>
+  </div>
 @endsection
 
 @section('footer-scripts')
-    @parent
+  @parent
 
-    <script>
-        function saveSettings() {
-            return $.ajax({
-                method: 'PATCH',
-                url: '/admin/settings/mail',
-                contentType: 'application/json',
-                data: JSON.stringify({
-                    'mail:mailers:smtp:host': $('input[name="mail:mailers:smtp:host"]').val(),
-                    'mail:mailers:smtp:port': $('input[name="mail:mailers:smtp:port"]').val(),
-                    'mail:mailers:smtp:encryption': $('select[name="mail:mailers:smtp:encryption"]').val(),
-                    'mail:mailers:smtp:username': $('input[name="mail:mailers:smtp:username"]').val(),
-                    'mail:mailers:smtp:password': $('input[name="mail:mailers:smtp:password"]').val(),
-                    'mail:from:address': $('input[name="mail:from:address"]').val(),
-                    'mail:from:name': $('input[name="mail:from:name"]').val()
-                }),
-                headers: { 'X-CSRF-Token': $('input[name="_token"]').val() }
-            }).fail(function (jqXHR) {
-                showErrorDialog(jqXHR, 'save');
-            });
-        }
+  <script>
+    function saveSettings() {
+    return $.ajax({
+      method: 'PATCH',
+      url: '/admin/settings/mail',
+      contentType: 'application/json',
+      data: JSON.stringify({
+      'mail:mailers:smtp:host': $('input[name="mail:mailers:smtp:host"]').val(),
+      'mail:mailers:smtp:port': $('input[name="mail:mailers:smtp:port"]').val(),
+      'mail:mailers:smtp:encryption': $('select[name="mail:mailers:smtp:encryption"]').val(),
+      'mail:mailers:smtp:username': $('input[name="mail:mailers:smtp:username"]').val(),
+      'mail:mailers:smtp:password': $('input[name="mail:mailers:smtp:password"]').val(),
+      'mail:from:address': $('input[name="mail:from:address"]').val(),
+      'mail:from:name': $('input[name="mail:from:name"]').val()
+      }),
+      headers: { 'X-CSRF-Token': $('input[name="_token"]').val() }
+    }).fail(function (jqXHR) {
+      showErrorDialog(jqXHR, 'save');
+    });
+    }
 
-        function testSettings() {
-            swal({
-                type: 'info',
-                title: 'Test Mail Settings',
-                text: 'Click "Test" to begin the test.',
-                showCancelButton: true,
-                confirmButtonText: 'Test',
-                closeOnConfirm: false,
-                showLoaderOnConfirm: true
-            }, function () {
-                $.ajax({
-                    method: 'POST',
-                    url: '/admin/settings/mail/test',
-                    headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
-                }).fail(function (jqXHR) {
-                    showErrorDialog(jqXHR, 'test');
-                }).done(function () {
-                    swal({
-                        title: 'Success',
-                        text: 'The test message was sent successfully.',
-                        type: 'success'
-                    });
-                });
-            });
-        }
+    function testSettings() {
+    swal({
+      type: 'info',
+      title: 'Test Mail Settings',
+      text: 'Click "Test" to begin the test.',
+      showCancelButton: true,
+      confirmButtonText: 'Test',
+      closeOnConfirm: false,
+      showLoaderOnConfirm: true
+    }, function () {
+      $.ajax({
+      method: 'POST',
+      url: '/admin/settings/mail/test',
+      headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
+      }).fail(function (jqXHR) {
+      showErrorDialog(jqXHR, 'test');
+      }).done(function () {
+      swal({
+        title: 'Success',
+        text: 'The test message was sent successfully.',
+        type: 'success'
+      });
+      });
+    });
+    }
 
-        function saveAndTestSettings() {
-            saveSettings().done(testSettings);
-        }
+    function saveAndTestSettings() {
+    saveSettings().done(testSettings);
+    }
 
-        function showErrorDialog(jqXHR, verb) {
-            console.error(jqXHR);
-            var errorText = '';
-            if (!jqXHR.responseJSON) {
-                errorText = jqXHR.responseText;
-            } else if (jqXHR.responseJSON.error) {
-                errorText = jqXHR.responseJSON.error;
-            } else if (jqXHR.responseJSON.errors) {
-                $.each(jqXHR.responseJSON.errors, function (i, v) {
-                    if (v.detail) {
-                        errorText += v.detail + ' ';
-                    }
-                });
-            }
+    function showErrorDialog(jqXHR, verb) {
+    console.error(jqXHR);
+    var errorText = '';
+    if (!jqXHR.responseJSON) {
+      errorText = jqXHR.responseText;
+    } else if (jqXHR.responseJSON.error) {
+      errorText = jqXHR.responseJSON.error;
+    } else if (jqXHR.responseJSON.errors) {
+      $.each(jqXHR.responseJSON.errors, function (i, v) {
+      if (v.detail) {
+        errorText += v.detail + ' ';
+      }
+      });
+    }
 
-            swal({
-                title: 'Whoops!',
-                text: 'An error occurred while attempting to ' + verb + ' mail settings: ' + errorText,
-                type: 'error'
-            });
-        }
+    swal({
+      title: 'Whoops!',
+      text: 'An error occurred while attempting to ' + verb + ' mail settings: ' + errorText,
+      type: 'error'
+    });
+    }
 
-        $(document).ready(function () {
-            $('#testButton').on('click', saveAndTestSettings);
-            $('#saveButton').on('click', function () {
-                saveSettings().done(function () {
-                    swal({
-                        title: 'Success',
-                        text: 'Mail settings have been updated successfully and the queue worker was restarted to apply these changes.',
-                        type: 'success'
-                    });
-                });
-            });
-        });
-    </script>
-@endsection
+    $(document).ready(function () {
+    $('#testButton').on('click', saveAndTestSettings);
+    $('#saveButton').on('click', function () {
+      saveSettings().done(function () {
+      swal({
+        title: 'Success',
+        text: 'Mail settings have been updated successfully and the queue worker was restarted to apply these changes.',
+        type: 'success'
+      });
+      });
+    });
+    });
+  </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 0b4280e07..a87e3327a 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -8,14 +8,15 @@
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <meta name="_token" content="{{ csrf_token() }}">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
-  <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="/favicons/manifest.json">
-  <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#bc6e3c">
-  <link rel="shortcut icon" href="/favicons/favicon.ico">
-  <meta name="msapplication-config" content="/favicons/browserconfig.xml">
+  <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
+  <link rel="shortcut icon" href="/favicons/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Pyrodactyl" />
+  <link rel="manifest" href="/favicons/site.webmanifest" />
+
   <meta name="theme-color" content="#000000">
+  <meta name="darkreader-lock">
 
   @include('layouts.scripts')
 
@@ -74,8 +75,7 @@
           <ul class="nav navbar-nav">
             <li class="user-menu">
               <a href="{{ route('account') }}">
-                <img src="https://www.gravatar.com/avatar/{{ md5(strtolower(Auth::user()->email)) }}?s=160"
-                  class="user-image" alt="User Image">
+
                 <span class="hidden-xs">{{ Auth::user()->name_first }} {{ Auth::user()->name_last }}</span>
               </a>
             </li>
@@ -158,22 +158,22 @@
         <div class="row">
           <div class="col-xs-12">
             @if (count($errors) > 0)
-        <div class="alert alert-danger">
-          There was an error validating the data provided.<br><br>
-          <ul>
-          @foreach ($errors->all() as $error)
-        <li>{{ $error }}</li>
-      @endforeach
-          </ul>
-        </div>
-      @endif
+              <div class="alert alert-danger">
+                There was an error validating the data provided.<br><br>
+                <ul>
+                  @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                  @endforeach
+                </ul>
+              </div>
+            @endif
             @foreach (Alert::getMessages() as $type => $messages)
-        @foreach ($messages as $message)
-      <div class="alert alert-{{ $type }} alert-dismissable" role="alert">
-        {!! $message !!}
-      </div>
-    @endforeach
-      @endforeach
+              @foreach ($messages as $message)
+                <div class="alert alert-{{ $type }} alert-dismissable" role="alert">
+                  {!! $message !!}
+                </div>
+              @endforeach
+            @endforeach
           </div>
         </div>
         @yield('content')
@@ -205,29 +205,29 @@
 
   @if(Auth::user()->root_admin)
     <script>
-    $('#logoutButton').on('click', function (event) {
-      event.preventDefault();
+      $('#logoutButton').on('click', function (event) {
+        event.preventDefault();
 
-      var that = this;
-      swal({
-      title: 'Do you want to log out?',
-      type: 'warning',
-      showCancelButton: true,
-      confirmButtonColor: '#d9534f',
-      cancelButtonColor: '#d33',
-      confirmButtonText: 'Log out'
-      }, function () {
-      $.ajax({
-        type: 'POST',
-        url: '{{ route('auth.logout') }}',
-        data: {
-        _token: '{{ csrf_token() }}'
-        }, complete: function () {
-        window.location.href = '{{route('auth.login')}}';
-        }
+        var that = this;
+        swal({
+          title: 'Do you want to log out?',
+          type: 'warning',
+          showCancelButton: true,
+          confirmButtonColor: '#d9534f',
+          cancelButtonColor: '#d33',
+          confirmButtonText: 'Log out'
+        }, function () {
+          $.ajax({
+            type: 'POST',
+            url: '{{ route('auth.logout') }}',
+            data: {
+              _token: '{{ csrf_token() }}'
+            }, complete: function () {
+              window.location.href = '{{route('auth.login')}}';
+            }
+          });
+        });
       });
-      });
-    });
     </script>
   @endif
 
diff --git a/resources/views/partials/admin/settings/nav.blade.php b/resources/views/partials/admin/settings/nav.blade.php
index 1b8ba9294..45d4edf52 100644
--- a/resources/views/partials/admin/settings/nav.blade.php
+++ b/resources/views/partials/admin/settings/nav.blade.php
@@ -8,8 +8,10 @@
                 <ul class="nav nav-tabs">
                     <li @if($activeTab === 'basic')class="active"@endif><a href="{{ route('admin.settings') }}">General</a></li>
                     <li @if($activeTab === 'mail')class="active"@endif><a href="{{ route('admin.settings.mail') }}">Mail</a></li>
+                    <li @if($activeTab === 'captcha')class="active"@endif><a href="{{ route('admin.settings.captcha') }}">Captcha</a></li>
+                    <li @if($activeTab === 'domains')class="active"@endif><a href="{{ route('admin.settings.domains.index') }}">Domains</a></li>
                     <li @if($activeTab === 'advanced')class="active"@endif><a href="{{ route('admin.settings.advanced') }}">Advanced</a></li>
-                    </ul>
+                </ul>
             </div>
         </div>
     </div>
diff --git a/resources/views/templates/wrapper.blade.php b/resources/views/templates/wrapper.blade.php
index 270ea5172..3997f82bc 100644
--- a/resources/views/templates/wrapper.blade.php
+++ b/resources/views/templates/wrapper.blade.php
@@ -10,8 +10,16 @@
             <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
             <meta name="csrf-token" content="{{ csrf_token() }}">
             <meta name="robots" content="noindex">
-            <link rel="icon" type="image/png" href="/favicons/favicon-180x180.png">
+
+            <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
+            <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
+            <link rel="shortcut icon" href="/favicons/favicon.ico" />
+            <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+            <meta name="apple-mobile-web-app-title" content="Pyrodactyl" />
+            <link rel="manifest" href="/favicons/site.webmanifest" />
+
             <meta name="theme-color" content="#000000">
+            <meta name="darkreader-lock">
         @show
 
         @section('user-data')
@@ -27,7 +35,7 @@
             @endif
         @show
         <style>
-            @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap')
+            @import url('https://fonts.bunny.net/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap')
         </style>
 
         @yield('assets')
diff --git a/routes/admin.php b/routes/admin.php
index cae9beb95..371603fdf 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -68,12 +68,27 @@ Route::group(['prefix' => 'settings'], function () {
   Route::get('/', [Admin\Settings\IndexController::class, 'index'])->name('admin.settings');
   Route::get('/mail', [Admin\Settings\MailController::class, 'index'])->name('admin.settings.mail');
   Route::get('/advanced', [Admin\Settings\AdvancedController::class, 'index'])->name('admin.settings.advanced');
+  Route::get('/captcha', [Admin\Settings\CaptchaController::class, 'index'])->name('admin.settings.captcha');
+
+  Route::group(['prefix' => 'domains'], function () {
+    Route::get('/', [Admin\Settings\DomainsController::class, 'index'])->name('admin.settings.domains.index');
+    Route::get('/create', [Admin\Settings\DomainsController::class, 'create'])->name('admin.settings.domains.create');
+    Route::get('/{domain}/edit', [Admin\Settings\DomainsController::class, 'edit'])->name('admin.settings.domains.edit');
+    
+    Route::post('/', [Admin\Settings\DomainsController::class, 'store'])->name('admin.settings.domains.store');
+    Route::patch('/{domain}', [Admin\Settings\DomainsController::class, 'update'])->name('admin.settings.domains.update');
+    Route::delete('/{domain}', [Admin\Settings\DomainsController::class, 'destroy'])->name('admin.settings.domains.destroy');
+    
+    Route::post('/test-connection', [Admin\Settings\DomainsController::class, 'testConnection'])->name('admin.settings.domains.test-connection');
+    Route::get('/provider-schema/{provider}', [Admin\Settings\DomainsController::class, 'getProviderSchema'])->name('admin.settings.domains.provider-schema');
+  });
 
   Route::post('/mail/test', [Admin\Settings\MailController::class, 'test'])->name('admin.settings.mail.test');
 
   Route::patch('/', [Admin\Settings\IndexController::class, 'update']);
   Route::patch('/mail', [Admin\Settings\MailController::class, 'update']);
   Route::patch('/advanced', [Admin\Settings\AdvancedController::class, 'update']);
+  Route::patch('/captcha', [Admin\Settings\CaptchaController::class, 'update']);
 });
 
 /*
diff --git a/routes/api-application.php b/routes/api-application.php
index e4b9afb80..428263f9d 100644
--- a/routes/api-application.php
+++ b/routes/api-application.php
@@ -2,6 +2,23 @@
 
 use Illuminate\Support\Facades\Route;
 use Pterodactyl\Http\Controllers\Api\Application;
+use Pterodactyl\Http\Controllers\Base;
+
+
+
+/*
+|--------------------------------------------------------------------------
+| Root Server Controller Routes
+|--------------------------------------------------------------------------
+|
+| Endpoint: /api/application/panel
+|
+*/
+
+Route::group(['prefix' => '/panel'], function () {
+  Route::get('/status', [Base\SystemStatusController::class, 'index']);
+});
+
 
 /*
 |--------------------------------------------------------------------------
@@ -12,6 +29,7 @@ use Pterodactyl\Http\Controllers\Api\Application;
 |
 */
 
+
 Route::group(['prefix' => '/users'], function () {
   Route::get('/', [Application\Users\UserController::class, 'index'])->name('api.application.users');
   Route::get('/{user:id}', [Application\Users\UserController::class, 'view'])->name('api.application.users.view');
diff --git a/routes/api-client.php b/routes/api-client.php
index dd9cbbe3b..0b894efeb 100644
--- a/routes/api-client.php
+++ b/routes/api-client.php
@@ -19,36 +19,36 @@ use Pterodactyl\Http\Middleware\Api\Client\Server\AuthenticateServerAccess;
 Route::get('/', [Client\ClientController::class, 'index'])->name('api:client.index');
 Route::get('/permissions', [Client\ClientController::class, 'permissions']);
 Route::get('/version', function () {
-  return response()->json(['version' => config('app.version')]);
+    return response()->json(['version' => config('app.version')]);
 });
 
 Route::prefix('/nests')->group(function () {
-  Route::get('/', [Client\Nests\NestController::class, 'index'])->name('api:client.nests');
-  Route::get('/{nest}', [Client\Nests\NestController::class, 'view'])->name('api:client.nests.view');
+    Route::get('/', [Client\Nests\NestController::class, 'index'])->name('api:client.nests');
+    Route::get('/{nest}', [Client\Nests\NestController::class, 'view'])->name('api:client.nests.view');
 });
 
 Route::prefix('/account')->middleware(AccountSubject::class)->group(function () {
-  Route::prefix('/')->withoutMiddleware(RequireTwoFactorAuthentication::class)->group(function () {
-    Route::get('/', [Client\AccountController::class, 'index'])->name('api:client.account');
-    Route::get('/two-factor', [Client\TwoFactorController::class, 'index']);
-    Route::post('/two-factor', [Client\TwoFactorController::class, 'store']);
-    Route::post('/two-factor/disable', [Client\TwoFactorController::class, 'delete']);
-  });
+    Route::prefix('/')->withoutMiddleware(RequireTwoFactorAuthentication::class)->group(function () {
+        Route::get('/', [Client\AccountController::class, 'index'])->name('api:client.account');
+        Route::get('/two-factor', [Client\TwoFactorController::class, 'index']);
+        Route::post('/two-factor', [Client\TwoFactorController::class, 'store']);
+        Route::post('/two-factor/disable', [Client\TwoFactorController::class, 'delete']);
+    });
 
-  Route::put('/email', [Client\AccountController::class, 'updateEmail'])->name('api:client.account.update-email');
-  Route::put('/password', [Client\AccountController::class, 'updatePassword'])->name('api:client.account.update-password');
+    Route::put('/email', [Client\AccountController::class, 'updateEmail'])->name('api:client.account.update-email');
+    Route::put('/password', [Client\AccountController::class, 'updatePassword'])->name('api:client.account.update-password');
 
-  Route::get('/activity', Client\ActivityLogController::class)->name('api:client.account.activity');
+    Route::get('/activity', Client\ActivityLogController::class)->name('api:client.account.activity');
 
-  Route::get('/api-keys', [Client\ApiKeyController::class, 'index']);
-  Route::post('/api-keys', [Client\ApiKeyController::class, 'store']);
-  Route::delete('/api-keys/{identifier}', [Client\ApiKeyController::class, 'delete']);
+    Route::get('/api-keys', [Client\ApiKeyController::class, 'index']);
+    Route::post('/api-keys', [Client\ApiKeyController::class, 'store']);
+    Route::delete('/api-keys/{identifier}', [Client\ApiKeyController::class, 'delete']);
 
-  Route::prefix('/ssh-keys')->group(function () {
-    Route::get('/', [Client\SSHKeyController::class, 'index']);
-    Route::post('/', [Client\SSHKeyController::class, 'store']);
-    Route::post('/remove', [Client\SSHKeyController::class, 'delete']);
-  });
+    Route::prefix('/ssh-keys')->group(function () {
+        Route::get('/', [Client\SSHKeyController::class, 'index']);
+        Route::post('/', [Client\SSHKeyController::class, 'store']);
+        Route::post('/remove', [Client\SSHKeyController::class, 'delete']);
+    });
 });
 
 /*
@@ -60,92 +60,119 @@ Route::prefix('/account')->middleware(AccountSubject::class)->group(function ()
 |
 */
 Route::group([
-  'prefix' => '/servers/{server}',
-  'middleware' => [
-    ServerSubject::class,
-    AuthenticateServerAccess::class,
-    ResourceBelongsToServer::class,
-  ],
+    'prefix' => '/servers/{server}',
+    'middleware' => [
+        ServerSubject::class,
+        AuthenticateServerAccess::class,
+        ResourceBelongsToServer::class,
+    ],
 ], function () {
-  Route::get('/', [Client\Servers\ServerController::class, 'index'])->name('api:client:server.view');
-  Route::get('/websocket', Client\Servers\WebsocketController::class)->name('api:client:server.ws');
-  Route::get('/resources', Client\Servers\ResourceUtilizationController::class)->name('api:client:server.resources');
-  Route::get('/activity', Client\Servers\ActivityLogController::class)->name('api:client:server.activity');
+    Route::get('/', [Client\Servers\ServerController::class, 'index'])->name('api:client:server.view');
+    Route::get('/websocket', Client\Servers\WebsocketController::class)->name('api:client:server.ws');
+    Route::get('/resources', Client\Servers\ResourceUtilizationController::class)->name('api:client:server.resources');
+    Route::get('/activity', Client\Servers\ActivityLogController::class)->name('api:client:server.activity');
 
-  Route::post('/command', [Client\Servers\CommandController::class, 'index']);
-  Route::post('/power', [Client\Servers\PowerController::class, 'index']);
+    Route::post('/command', [Client\Servers\CommandController::class, 'index']);
+    Route::post('/power', [Client\Servers\PowerController::class, 'index']);
 
-  Route::group(['prefix' => '/databases'], function () {
-    Route::get('/', [Client\Servers\DatabaseController::class, 'index']);
-    Route::post('/', [Client\Servers\DatabaseController::class, 'store']);
-    Route::post('/{database}/rotate-password', [Client\Servers\DatabaseController::class, 'rotatePassword']);
-    Route::delete('/{database}', [Client\Servers\DatabaseController::class, 'delete']);
-  });
+    Route::group(['prefix' => '/databases'], function () {
+        Route::get('/', [Client\Servers\DatabaseController::class, 'index']);
+        Route::post('/', [Client\Servers\DatabaseController::class, 'store']);
+        Route::post('/{database}/rotate-password', [Client\Servers\DatabaseController::class, 'rotatePassword']);
+        Route::delete('/{database}', [Client\Servers\DatabaseController::class, 'delete']);
+    });
 
-  Route::group(['prefix' => '/files'], function () {
-    Route::get('/list', [Client\Servers\FileController::class, 'directory']);
-    Route::get('/contents', [Client\Servers\FileController::class, 'contents']);
-    Route::get('/download', [Client\Servers\FileController::class, 'download']);
-    Route::put('/rename', [Client\Servers\FileController::class, 'rename']);
-    Route::post('/copy', [Client\Servers\FileController::class, 'copy']);
-    Route::post('/write', [Client\Servers\FileController::class, 'write']);
-    Route::post('/compress', [Client\Servers\FileController::class, 'compress']);
-    Route::post('/decompress', [Client\Servers\FileController::class, 'decompress']);
-    Route::post('/delete', [Client\Servers\FileController::class, 'delete']);
-    Route::post('/create-folder', [Client\Servers\FileController::class, 'create']);
-    Route::post('/chmod', [Client\Servers\FileController::class, 'chmod']);
-    Route::post('/pull', [Client\Servers\FileController::class, 'pull'])->middleware(['throttle:10,5']);
-    Route::get('/upload', Client\Servers\FileUploadController::class);
-  });
+    Route::group(['prefix' => '/files'], function () {
+        Route::get('/list', [Client\Servers\FileController::class, 'directory']);
+        Route::get('/contents', [Client\Servers\FileController::class, 'contents']);
+        Route::get('/download', [Client\Servers\FileController::class, 'download']);
+        Route::put('/rename', [Client\Servers\FileController::class, 'rename']);
+        Route::post('/copy', [Client\Servers\FileController::class, 'copy']);
+        Route::post('/write', [Client\Servers\FileController::class, 'write']);
+        Route::post('/compress', [Client\Servers\FileController::class, 'compress']);
+        Route::post('/decompress', [Client\Servers\FileController::class, 'decompress']);
+        Route::post('/delete', [Client\Servers\FileController::class, 'delete']);
+        Route::post('/create-folder', [Client\Servers\FileController::class, 'create']);
+        Route::post('/chmod', [Client\Servers\FileController::class, 'chmod']);
+        Route::post('/pull', [Client\Servers\FileController::class, 'pull'])->middleware(['throttle:10,5']);
+        Route::get('/upload', Client\Servers\FileUploadController::class);
+    });
 
-  Route::group(['prefix' => '/schedules'], function () {
-    Route::get('/', [Client\Servers\ScheduleController::class, 'index']);
-    Route::post('/', [Client\Servers\ScheduleController::class, 'store']);
-    Route::get('/{schedule}', [Client\Servers\ScheduleController::class, 'view']);
-    Route::post('/{schedule}', [Client\Servers\ScheduleController::class, 'update']);
-    Route::post('/{schedule}/execute', [Client\Servers\ScheduleController::class, 'execute']);
-    Route::delete('/{schedule}', [Client\Servers\ScheduleController::class, 'delete']);
+    Route::group(['prefix' => '/schedules'], function () {
+        Route::get('/', [Client\Servers\ScheduleController::class, 'index']);
+        Route::post('/', [Client\Servers\ScheduleController::class, 'store']);
+        Route::get('/{schedule}', [Client\Servers\ScheduleController::class, 'view']);
+        Route::post('/{schedule}', [Client\Servers\ScheduleController::class, 'update']);
+        Route::post('/{schedule}/execute', [Client\Servers\ScheduleController::class, 'execute']);
+        Route::delete('/{schedule}', [Client\Servers\ScheduleController::class, 'delete']);
 
-    Route::post('/{schedule}/tasks', [Client\Servers\ScheduleTaskController::class, 'store']);
-    Route::post('/{schedule}/tasks/{task}', [Client\Servers\ScheduleTaskController::class, 'update']);
-    Route::delete('/{schedule}/tasks/{task}', [Client\Servers\ScheduleTaskController::class, 'delete']);
-  });
+        Route::post('/{schedule}/tasks', [Client\Servers\ScheduleTaskController::class, 'store']);
+        Route::post('/{schedule}/tasks/{task}', [Client\Servers\ScheduleTaskController::class, 'update']);
+        Route::delete('/{schedule}/tasks/{task}', [Client\Servers\ScheduleTaskController::class, 'delete']);
+    });
 
-  Route::group(['prefix' => '/network'], function () {
-    Route::get('/allocations', [Client\Servers\NetworkAllocationController::class, 'index']);
-    Route::post('/allocations', [Client\Servers\NetworkAllocationController::class, 'store']);
-    Route::post('/allocations/{allocation}', [Client\Servers\NetworkAllocationController::class, 'update']);
-    Route::post('/allocations/{allocation}/primary', [Client\Servers\NetworkAllocationController::class, 'setPrimary']);
-    Route::delete('/allocations/{allocation}', [Client\Servers\NetworkAllocationController::class, 'delete']);
-  });
+    Route::group(['prefix' => '/network'], function () {
+        Route::get('/allocations', [Client\Servers\NetworkAllocationController::class, 'index']);
+        Route::post('/allocations', [Client\Servers\NetworkAllocationController::class, 'store']);
+        Route::post('/allocations/{allocation}', [Client\Servers\NetworkAllocationController::class, 'update']);
+        Route::post('/allocations/{allocation}/primary', [Client\Servers\NetworkAllocationController::class, 'setPrimary']);
+        Route::delete('/allocations/{allocation}', [Client\Servers\NetworkAllocationController::class, 'delete']);
+    });
 
-  Route::group(['prefix' => '/users'], function () {
-    Route::get('/', [Client\Servers\SubuserController::class, 'index']);
-    Route::post('/', [Client\Servers\SubuserController::class, 'store']);
-    Route::get('/{user}', [Client\Servers\SubuserController::class, 'view']);
-    Route::post('/{user}', [Client\Servers\SubuserController::class, 'update']);
-    Route::delete('/{user}', [Client\Servers\SubuserController::class, 'delete']);
-  });
+    Route::group(['prefix' => '/subdomain'], function () {
+        Route::get('/', [Client\Servers\SubdomainController::class, 'index']);
+        Route::post('/', [Client\Servers\SubdomainController::class, 'store'])
+            ->middleware('throttle:5,1'); // Max 5 creates/replaces per minute
+        Route::delete('/', [Client\Servers\SubdomainController::class, 'destroy'])
+            ->middleware('throttle:5,1'); // Max 5 deletes per minute
+        Route::post('/check-availability', [Client\Servers\SubdomainController::class, 'checkAvailability'])
+            ->middleware('throttle:20,1'); // Max 20 availability checks per minute
+    });
 
-  Route::group(['prefix' => '/backups'], function () {
-    Route::get('/', [Client\Servers\BackupController::class, 'index']);
-    Route::post('/', [Client\Servers\BackupController::class, 'store']);
-    Route::get('/{backup}', [Client\Servers\BackupController::class, 'view']);
-    Route::get('/{backup}/download', [Client\Servers\BackupController::class, 'download']);
-    Route::post('/{backup}/lock', [Client\Servers\BackupController::class, 'toggleLock']);
-    Route::post('/{backup}/restore', [Client\Servers\BackupController::class, 'restore']);
-    Route::delete('/{backup}', [Client\Servers\BackupController::class, 'delete']);
-  });
+    Route::group(['prefix' => '/users'], function () {
+        Route::get('/', [Client\Servers\SubuserController::class, 'index']);
+        Route::post('/', [Client\Servers\SubuserController::class, 'store']);
+        Route::get('/{user}', [Client\Servers\SubuserController::class, 'view']);
+        Route::post('/{user}', [Client\Servers\SubuserController::class, 'update']);
+        Route::delete('/{user}', [Client\Servers\SubuserController::class, 'delete']);
+    });
 
-  Route::group(['prefix' => '/startup'], function () {
-    Route::get('/', [Client\Servers\StartupController::class, 'index']);
-    Route::put('/variable', [Client\Servers\StartupController::class, 'update']);
-  });
+    Route::group(['prefix' => '/backups'], function () {
+        Route::get('/', [Client\Servers\BackupController::class, 'index']);
+        Route::post('/', [Client\Servers\BackupController::class, 'store'])
+            ->middleware('server.operation.rate-limit');
+        Route::get('/{backup}', [Client\Servers\BackupController::class, 'view']);
+        Route::get('/{backup}/download', [Client\Servers\BackupController::class, 'download']);
+        Route::post('/{backup}/lock', [Client\Servers\BackupController::class, 'toggleLock']);
+        Route::post('/{backup}/rename', [Client\Servers\BackupController::class, 'rename']);
+        Route::post('/{backup}/restore', [Client\Servers\BackupController::class, 'restore'])
+            ->middleware('server.operation.rate-limit');
+        Route::delete('/{backup}', [Client\Servers\BackupController::class, 'delete']);
+    });
 
-  Route::group(['prefix' => '/settings'], function () {
-    Route::post('/rename', [Client\Servers\SettingsController::class, 'rename']);
-    Route::post('/reinstall', [Client\Servers\SettingsController::class, 'reinstall']);
-    Route::put('/docker-image', [Client\Servers\SettingsController::class, 'dockerImage']);
-    Route::put('/egg', [Client\Servers\SettingsController::class, 'changeEgg']);
-  });
+    Route::group(['prefix' => '/startup'], function () {
+        Route::get('/', [Client\Servers\StartupController::class, 'index']);
+        Route::put('/variable', [Client\Servers\StartupController::class, 'update']);
+        Route::put('/command', [Client\Servers\StartupController::class, 'updateCommand']);
+        Route::get('/command/default', [Client\Servers\StartupController::class, 'getDefaultCommand']);
+        Route::post('/command/process', [Client\Servers\StartupController::class, 'processCommand']);
+    });
+
+    Route::group(['prefix' => '/settings'], function () {
+        Route::post('/rename', [Client\Servers\SettingsController::class, 'rename']);
+        Route::post('/reinstall', [Client\Servers\SettingsController::class, 'reinstall'])
+            ->middleware('server.operation.rate-limit');
+        Route::put('/docker-image', [Client\Servers\SettingsController::class, 'dockerImage']);
+        Route::post('/docker-image/revert', [Client\Servers\SettingsController::class, 'revertDockerImage']);
+        Route::put('/egg', [Client\Servers\SettingsController::class, 'changeEgg']);
+        Route::post('/egg/preview', [Client\Servers\SettingsController::class, 'previewEggChange'])
+            ->middleware('server.operation.rate-limit');
+        Route::post('/egg/apply', [Client\Servers\SettingsController::class, 'applyEggChange'])
+            ->middleware('server.operation.rate-limit');
+    });
+
+    Route::group(['prefix' => '/operations'], function () {
+        Route::get('/', [Client\Servers\SettingsController::class, 'getServerOperations']);
+        Route::get('/{operationId}', [Client\Servers\SettingsController::class, 'getOperationStatus']);
+    });
 });
diff --git a/routes/auth.php b/routes/auth.php
index 38f17e875..eb48f1463 100644
--- a/routes/auth.php
+++ b/routes/auth.php
@@ -18,26 +18,28 @@ Route::get('/login', [Auth\LoginController::class, 'index'])->name('auth.login')
 Route::get('/password', [Auth\LoginController::class, 'index'])->name('auth.forgot-password');
 Route::get('/password/reset/{token}', [Auth\LoginController::class, 'index'])->name('auth.reset');
 
-// Apply a throttle to authentication action endpoints, in addition to the
-// recaptcha endpoints to slow down manual attack spammers even more. 🤷‍
+// Apply a throttle to authentication action endpoints to slow down manual attack spammers. 🤷‍
 //
 // @see \Pterodactyl\Providers\RouteServiceProvider
 Route::middleware(['throttle:authentication'])->group(function () {
   // Login endpoints.
-  Route::post('/login', [Auth\LoginController::class, 'login'])->middleware('recaptcha');
+  Route::post('/login', [Auth\LoginController::class, 'login'])
+    ->middleware('captcha');
   Route::post('/login/checkpoint', Auth\LoginCheckpointController::class)->name('auth.login-checkpoint');
 
   // Forgot password route. A post to this endpoint will trigger an
   // email to be sent containing a reset token.
   Route::post('/password', [Auth\ForgotPasswordController::class, 'sendResetLinkEmail'])
-    ->name('auth.post.forgot-password')
-    ->middleware('recaptcha');
+    ->middleware('captcha')
+    ->name('auth.post.forgot-password');
 });
 
 // Password reset routes. This endpoint is hit after going through
 // the forgot password routes to acquire a token (or after an account
 // is created).
-Route::post('/password/reset', Auth\ResetPasswordController::class)->name('auth.reset-password');
+Route::post('/password/reset', Auth\ResetPasswordController::class)
+  ->middleware('captcha')
+  ->name('auth.reset-password');
 
 // Remove the guest middleware and apply the authenticated middleware to this endpoint,
 // so it cannot be used unless you're already logged in.
diff --git a/shell.nix b/shell.nix
deleted file mode 100644
index 1909dcca1..000000000
--- a/shell.nix
+++ /dev/null
@@ -1,19 +0,0 @@
-{ pkgs ? import <nixpkgs> {} }:
-
-pkgs.mkShell {
-  buildInputs = [
-    pkgs.php
-    pkgs.php83Packages.composer
-    pkgs.mysql
-    pkgs.redis
-    pkgs.docker
-    pkgs.systemd
-    pkgs.curl
-    pkgs.cron
-  ];
-
-  shellHook = ''
-  composer update
-  '';
-}
-
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
deleted file mode 100644
index 6a6a03c85..000000000
--- a/tailwind.config.cjs
+++ /dev/null
@@ -1,32 +0,0 @@
-const colors = require('tailwindcss/colors');
-
-// I'm literally so smart :3
-delete colors['lightBlue'];
-delete colors['warmGray'];
-delete colors['trueGray'];
-delete colors['coolGray'];
-delete colors['blueGray'];
-
-module.exports = {
-    content: ['./resources/views/**/*.blade.php', './resources/scripts/**/*.{js,ts,tsx}'],
-    theme: {
-        extend: {
-            fontFamily: {
-                jakarta: ['"Plus Jakarta Sans"', 'sans-serif'],
-            },
-            colors: {
-                ...colors,
-                transparent: 'transparent',
-                current: 'currentColor',
-                black: '#000000',
-                brandGrad: 'radial-gradient(109.26% 109.26% at 49.83% 13.37%, #FF343C 0%, #F06F53 100%)',
-                brand: '#fa4e49',
-            },
-            transitionDuration: {
-                250: '250ms',
-            },
-        },
-    },
-    plugins: [require('tailwindcss-animate'), require("tailwindcss-inner-border"), require('tailwind-scrollbar'),
-    ],
-};
diff --git a/tests/Integration/Services/Deployment/FindViableNodesServiceTest.php b/tests/Integration/Services/Deployment/FindViableNodesServiceTest.php
index 64594c8b6..82c13f663 100644
--- a/tests/Integration/Services/Deployment/FindViableNodesServiceTest.php
+++ b/tests/Integration/Services/Deployment/FindViableNodesServiceTest.php
@@ -4,184 +4,510 @@ namespace Pterodactyl\Tests\Integration\Services\Deployment;
 
 use Pterodactyl\Models\Node;
 use Pterodactyl\Models\Server;
-use Pterodactyl\Models\Database;
 use Pterodactyl\Models\Location;
 use Illuminate\Support\Collection;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
 use Pterodactyl\Tests\Integration\IntegrationTestCase;
 use Pterodactyl\Services\Deployment\FindViableNodesService;
 use Pterodactyl\Exceptions\Service\Deployment\NoViableNodeException;
 
 class FindViableNodesServiceTest extends IntegrationTestCase
 {
+    private FindViableNodesService $service;
+    private Location $location;
+
     public function setUp(): void
     {
         parent::setUp();
 
-        Database::query()->delete();
+        // Clean slate for each test
         Server::query()->delete();
         Node::query()->delete();
+        Location::query()->delete();
+
+        $this->service = $this->app->make(FindViableNodesService::class);
+        $this->location = Location::factory()->create();
     }
 
-    public function testExceptionIsThrownIfNoDiskSpaceHasBeenSet()
+    // =================================================================
+    // BASIC FUNCTIONALITY AND VALIDATION TESTS
+    // =================================================================
+
+    public function test_requires_disk_parameter()
     {
         $this->expectException(\InvalidArgumentException::class);
         $this->expectExceptionMessage('Disk space must be an int, got NULL');
 
-        $this->getService()->handle();
+        $this->service->handle();
     }
 
-    public function testExceptionIsThrownIfNoMemoryHasBeenSet()
+    public function test_requires_memory_parameter()
     {
         $this->expectException(\InvalidArgumentException::class);
         $this->expectExceptionMessage('Memory usage must be an int, got NULL');
 
-        $this->getService()->setDisk(10)->handle();
+        $this->service->setDisk(1024)->handle();
     }
 
-    /**
-     * Ensure that errors are not thrown back when passing in expected values.
-     *
-     * @see https://github.com/pterodactyl/panel/issues/2529
-     */
-    public function testNoExceptionIsThrownIfStringifiedIntegersArePassedForLocations()
+    public function test_accepts_string_location_ids()
     {
-        $this->getService()->setLocations([1, 2, 3]);
-        $this->getService()->setLocations(['1', '2', '3']);
-        $this->getService()->setLocations(['1', 2, 3]);
+        // Should not throw exceptions
+        $this->service->setLocations([1, 2, 3]);
+        $this->service->setLocations(['1', '2', '3']);
+        $this->service->setLocations(['1', 2, 3]);
 
-        try {
-            $this->getService()->setLocations(['a']);
-            $this->fail('This expectation should not be called.');
-        } catch (\Exception $exception) {
-            $this->assertInstanceOf(\InvalidArgumentException::class, $exception);
-            $this->assertSame('An array of location IDs should be provided when calling setLocations.', $exception->getMessage());
-        }
-
-        try {
-            $this->getService()->setLocations(['1.2', '1', 2]);
-            $this->fail('This expectation should not be called.');
-        } catch (\Exception $exception) {
-            $this->assertInstanceOf(\InvalidArgumentException::class, $exception);
-            $this->assertSame('An array of location IDs should be provided when calling setLocations.', $exception->getMessage());
-        }
+        $this->expectException(\InvalidArgumentException::class);
+        $this->service->setLocations(['invalid']);
     }
 
-    public function testExpectedNodeIsReturnedForLocation()
+    public function test_throws_exception_when_no_viable_nodes_found()
     {
-        /** @var \Pterodactyl\Models\Location[] $locations */
-        $locations = Location::factory()->times(2)->create();
-
-        /** @var \Pterodactyl\Models\Node[] $nodes */
-        $nodes = [
-            // This node should never be returned once we've completed the initial test which
-            // runs without a location filter.
-            Node::factory()->create([
-                'location_id' => $locations[0]->id,
-                'memory' => 2048,
-                'disk' => 1024 * 100,
-            ]),
-            Node::factory()->create([
-                'location_id' => $locations[1]->id,
-                'memory' => 1024,
-                'disk' => 10240,
-                'disk_overallocate' => 10,
-            ]),
-            Node::factory()->create([
-                'location_id' => $locations[1]->id,
-                'memory' => 1024 * 4,
-                'memory_overallocate' => 50,
-                'disk' => 102400,
-            ]),
-        ];
-
-        // Expect that all the nodes are returned as we're under all of their limits
-        // and there is no location filter being provided.
-        $response = $this->getService()->setDisk(512)->setMemory(512)->handle();
-        $this->assertInstanceOf(Collection::class, $response);
-        $this->assertCount(3, $response);
-        $this->assertInstanceOf(Node::class, $response[0]);
-
-        // Expect that only the last node is returned because it is the only one with enough
-        // memory available to this instance.
-        $response = $this->getService()->setDisk(512)->setMemory(2049)->handle();
-        $this->assertInstanceOf(Collection::class, $response);
-        $this->assertCount(1, $response);
-        $this->assertSame($nodes[2]->id, $response[0]->id);
-
-        // Helper, I am lazy.
-        $base = function () use ($locations) {
-            return $this->getService()->setLocations([$locations[1]->id])->setDisk(512);
-        };
-
-        // Expect that we can create this server on either node since the disk and memory
-        // limits are below the allowed amount.
-        $response = $base()->setMemory(512)->handle();
-        $this->assertCount(2, $response);
-        $this->assertSame(2, $response->where('location_id', $locations[1]->id)->count());
-
-        // Expect that we can only create this server on the second node since the memory
-        // allocated is over the amount of memory available to the first node.
-        $response = $base()->setMemory(2048)->handle();
-        $this->assertCount(1, $response);
-        $this->assertSame($nodes[2]->id, $response[0]->id);
-
-        // Expect that we can only create this server on the second node since the disk
-        // allocated is over the limit assigned to the first node (even with the overallocate).
-        $response = $base()->setDisk(20480)->setMemory(256)->handle();
-        $this->assertCount(1, $response);
-        $this->assertSame($nodes[2]->id, $response[0]->id);
-
-        // Expect that we could create the server on either node since the disk allocated is
-        // right at the limit for Node 1 when the overallocate value is included in the calc.
-        $response = $base()->setDisk(11264)->setMemory(256)->handle();
-        $this->assertCount(2, $response);
-
-        // Create two servers on the first node so that the disk space used is equal to the
-        // base amount available to the node (without overallocation included).
-        $servers = Collection::make([
-            $this->createServerModel(['node_id' => $nodes[1]->id, 'disk' => 5120]),
-            $this->createServerModel(['node_id' => $nodes[1]->id, 'disk' => 5120]),
-        ]);
-
-        // Expect that we cannot create a server with a 1GB disk on the first node since there
-        // is not enough space (even with the overallocate) available to the node.
-        $response = $base()->setDisk(1024)->setMemory(256)->handle();
-        $this->assertCount(1, $response);
-        $this->assertSame($nodes[2]->id, $response[0]->id);
-
-        // Cleanup servers since we need to test some other stuff with memory here.
-        $servers->each->delete();
-
-        // Expect that no viable node can be found when the memory limit for the given instance
-        // is greater than either node can support, even with the overallocation limits taken
-        // into account.
         $this->expectException(NoViableNodeException::class);
-        $base()->setMemory(10000)->handle();
-
-        // Create four servers so that the memory used for the second node is equal to the total
-        // limit for that node (pre-overallocate calculation).
-        Collection::make([
-            $this->createServerModel(['node_id' => $nodes[2]->id, 'memory' => 1024]),
-            $this->createServerModel(['node_id' => $nodes[2]->id, 'memory' => 1024]),
-            $this->createServerModel(['node_id' => $nodes[2]->id, 'memory' => 1024]),
-            $this->createServerModel(['node_id' => $nodes[2]->id, 'memory' => 1024]),
-        ]);
-
-        // Expect that either node can support this server when we account for the overallocate
-        // value of the second node.
-        $response = $base()->setMemory(500)->handle();
-        $this->assertCount(2, $response);
-        $this->assertSame(2, $response->where('location_id', $locations[1]->id)->count());
-
-        // Expect that only the first node can support this server when we go over the remaining
-        // memory for the second nodes overallocate calculation.
-        $response = $base()->setMemory(640)->handle();
-        $this->assertCount(1, $response);
-        $this->assertSame($nodes[1]->id, $response[0]->id);
+        
+        $this->service
+            ->setMemory(1024)
+            ->setDisk(1024)
+            ->handle();
     }
 
-    private function getService(): FindViableNodesService
+    // =================================================================
+    // TWO-PASS STRATEGY TESTS
+    // =================================================================
+
+    public function test_prefers_physical_capacity_over_overallocation()
     {
-        return $this->app->make(FindViableNodesService::class);
+        $physicalNode = $this->createNode([
+            'memory' => 2048,
+            'disk' => 20480,
+            'memory_overallocate' => 0,
+            'disk_overallocate' => 0,
+        ]);
+
+        $overallocationNode = $this->createNode([
+            'memory' => 1024,
+            'disk' => 10240,
+            'memory_overallocate' => 100, // 2048 total
+            'disk_overallocate' => 100,   // 20480 total
+        ]);
+
+        // Request that fits both but requires overallocation on second node
+        $result = $this->service
+            ->setMemory(1500)
+            ->setDisk(15000)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($physicalNode->id, $result->first()->id);
+    }
+
+    public function test_falls_back_to_overallocation_when_physical_capacity_insufficient()
+    {
+        $node = $this->createNode([
+            'memory' => 1024,
+            'disk' => 10240,
+            'memory_overallocate' => 50, // 1536 total
+            'disk_overallocate' => 50,   // 15360 total
+        ]);
+
+        // Request that exceeds physical but fits with overallocation
+        $result = $this->service
+            ->setMemory(1200)
+            ->setDisk(12000)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($node->id, $result->first()->id);
+    }
+
+    // =================================================================
+    // ORDERING STRATEGY
+    // =================================================================
+
+    public function test_physical_capacity_uses_best_fit_ordering()
+    {
+        // Create nodes with different amounts of free capacity
+        $smallNode = $this->createNode(['memory' => 1024, 'disk' => 10240]);
+        $mediumNode = $this->createNode(['memory' => 2048, 'disk' => 20480]);
+        $largeNode = $this->createNode(['memory' => 4096, 'disk' => 40960]);
+
+        // Request that all can satisfy with physical capacity
+        $result = $this->service
+            ->setMemory(512)
+            ->setDisk(5120)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(3, $result);
+        
+        // Should be ordered by least leftover capacity (best-fit)
+        // Small: (1024-512) + (10240-5120) = 512 + 5120 = 5632 leftover
+        // Medium: (2048-512) + (20480-5120) = 1536 + 15360 = 16896 leftover  
+        // Large: (4096-512) + (40960-5120) = 3584 + 35840 = 39424 leftover
+        $this->assertEquals($smallNode->id, $result[0]->id);
+        $this->assertEquals($mediumNode->id, $result[1]->id);
+        $this->assertEquals($largeNode->id, $result[2]->id);
+    }
+
+    public function test_overallocation_mode_uses_worst_fit_ordering()
+    {
+        // Create nodes where physical capacity is insufficient but overallocation works
+        $smallNode = $this->createNode([
+            'memory' => 512, 
+            'disk' => 5120,
+            'memory_overallocate' => 100, // 1024 total
+            'disk_overallocate' => 100,   // 10240 total
+        ]);
+        
+        $mediumNode = $this->createNode([
+            'memory' => 512,
+            'disk' => 5120, 
+            'memory_overallocate' => 300, // 2048 total
+            'disk_overallocate' => 300,   // 20480 total
+        ]);
+        
+        $largeNode = $this->createNode([
+            'memory' => 512,
+            'disk' => 5120,
+            'memory_overallocate' => 700, // 4096 total  
+            'disk_overallocate' => 700,   // 40960 total
+        ]);
+
+        // Request that requires overallocation on all nodes
+        $result = $this->service
+            ->setMemory(600)
+            ->setDisk(6000)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(3, $result);
+        
+        // Should be ordered by most leftover capacity (worst-fit)
+        // Small: (1024-600) + (10240-6000) = 424 + 4240 = 4664 leftover
+        // Medium: (2048-600) + (20480-6000) = 1448 + 14480 = 15928 leftover
+        // Large: (4096-600) + (40960-6000) = 3496 + 34960 = 38456 leftover
+        $this->assertEquals($largeNode->id, $result[0]->id);
+        $this->assertEquals($mediumNode->id, $result[1]->id);
+        $this->assertEquals($smallNode->id, $result[2]->id);
+    }
+
+    public function test_ordering_with_existing_server_allocations()
+    {
+        $node1 = $this->createNode(['memory' => 4096, 'disk' => 40960]);
+        $node2 = $this->createNode(['memory' => 4096, 'disk' => 40960]);
+
+        // Add existing servers to change available capacity
+        $this->createServer(['node_id' => $node1->id, 'memory' => 2048, 'disk' => 20480]);
+        $this->createServer(['node_id' => $node2->id, 'memory' => 1024, 'disk' => 10240]);
+
+        // Physical capacity test (best-fit)
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        // Node1: (2048-1024) + (20480-10240) = 1024 + 10240 = 11264 leftover
+        // Node2: (3072-1024) + (30720-10240) = 2048 + 20480 = 22528 leftover
+        $this->assertEquals($node1->id, $result[0]->id);
+        $this->assertEquals($node2->id, $result[1]->id);
+    }
+
+    // =================================================================
+    // CAPACITY CALCULATION TESTS
+    // =================================================================
+
+    public function test_physical_capacity_calculations()
+    {
+        $node = $this->createNode([
+            'memory' => 1024,
+            'disk' => 10240,
+            'memory_overallocate' => 50,
+            'disk_overallocate' => 50,
+        ]);
+
+        // Request exactly at physical limit
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($node->id, $result->first()->id);
+    }
+
+    public function test_overallocation_capacity_calculations()
+    {
+        $node = $this->createNode([
+            'memory' => 1024,
+            'disk' => 10240,
+            'memory_overallocate' => 50, // 1536 total
+            'disk_overallocate' => 50,   // 15360 total
+        ]);
+
+        // Request exactly at overallocation limit should work
+        $result = $this->service
+            ->setMemory(1536)
+            ->setDisk(15360)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($node->id, $result->first()->id);
+
+        // But exceeding overallocation limit should fail
+        $this->expectException(NoViableNodeException::class);
+        $this->service
+            ->setMemory(1600)
+            ->setDisk(16000)
+            ->setLocations([$this->location->id])
+            ->handle();
+    }
+
+    public function test_capacity_with_existing_servers()
+    {
+        $node = $this->createNode([
+            'memory' => 2048,
+            'disk' => 20480,
+            'memory_overallocate' => 0,
+            'disk_overallocate' => 0,
+        ]);
+
+        $this->createServer(['node_id' => $node->id, 'memory' => 1024, 'disk' => 10240]);
+
+        // Should be able to allocate remaining capacity
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+    }
+
+    // =================================================================
+    // FILTERING TESTS
+    // =================================================================
+
+    public function test_location_filtering()
+    {
+        $location2 = Location::factory()->create();
+        
+        $node1 = $this->createNode(['memory' => 2048, 'disk' => 20480], $this->location);
+        $node2 = $this->createNode(['memory' => 2048, 'disk' => 20480], $location2);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($node1->id, $result->first()->id);
+    }
+
+    public function test_empty_location_filter_returns_all_nodes()
+    {
+        $location2 = Location::factory()->create();
+        
+        $this->createNode(['memory' => 2048, 'disk' => 20480], $this->location);
+        $this->createNode(['memory' => 2048, 'disk' => 20480], $location2);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([])
+            ->handle();
+
+        $this->assertCount(2, $result);
+    }
+
+    public function test_only_public_nodes_returned()
+    {
+        $publicNode = $this->createNode(['memory' => 2048, 'disk' => 20480, 'public' => true]);
+        $this->createNode(['memory' => 4096, 'disk' => 40960, 'public' => false]);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($publicNode->id, $result->first()->id);
+        $this->assertTrue($result->first()->public);
+    }
+
+    // =================================================================
+    // PAGINATION TESTS
+    // =================================================================
+
+    public function test_pagination_behavior()
+    {
+        // Create multiple nodes
+        Node::factory()->count(5)->create([
+            'location_id' => $this->location->id,
+            'memory' => 2048,
+            'disk' => 20480,
+        ]);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle(2, 1);
+
+        $this->assertInstanceOf(LengthAwarePaginator::class, $result);
+        $this->assertEquals(2, $result->perPage());
+        $this->assertEquals(1, $result->currentPage());
+        $this->assertEquals(5, $result->total());
+        $this->assertCount(2, $result->items());
+    }
+
+    public function test_default_pagination_size()
+    {
+        Node::factory()->count(60)->create([
+            'location_id' => $this->location->id,
+            'memory' => 2048,
+            'disk' => 20480,
+        ]);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle(null, 1);
+
+        $this->assertInstanceOf(LengthAwarePaginator::class, $result);
+        $this->assertEquals(FindViableNodesService::DEFAULT_PER_PAGE, $result->perPage());
+        $this->assertEquals(60, $result->total());
+        $this->assertCount(50, $result->items());
+    }
+
+    public function test_returns_collection_when_not_paginating()
+    {
+        Node::factory()->count(3)->create([
+            'location_id' => $this->location->id,
+            'memory' => 2048,
+            'disk' => 20480,
+        ]);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertInstanceOf(Collection::class, $result);
+        $this->assertCount(3, $result);
+    }
+
+    // =================================================================
+    // EDGE CASES AND INTEGRATION TESTS
+    // =================================================================
+
+    public function test_zero_resource_requirements()
+    {
+        $node = $this->createNode(['memory' => 1024, 'disk' => 10240]);
+        
+        // Use all memory with existing server
+        $this->createServer(['node_id' => $node->id, 'memory' => 1024, 'disk' => 0]);
+
+        // Should still work with 0 memory requirement
+        $result = $this->service
+            ->setMemory(0)
+            ->setDisk(5120)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+    }
+
+    public function test_helper_columns_are_hidden()
+    {
+        $node = $this->createNode(['memory' => 2048, 'disk' => 20480]);
+
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $nodeResult = $result->first();
+        $this->assertTrue(in_array('free_memory', $nodeResult->getHidden()));
+        $this->assertTrue(in_array('free_disk', $nodeResult->getHidden()));
+        $this->assertArrayNotHasKey('free_memory', $nodeResult->toArray());
+        $this->assertArrayNotHasKey('free_disk', $nodeResult->toArray());
+    }
+
+    public function test_complex_multi_node_scenario()
+    {
+        // High memory, low disk
+        $memoryNode = $this->createNode([
+            'memory' => 8192,
+            'disk' => 20480,
+            'memory_overallocate' => 25,
+            'disk_overallocate' => 0,
+        ]);
+
+        // Balanced resources
+        $balancedNode = $this->createNode([
+            'memory' => 4096,
+            'disk' => 102400,
+            'memory_overallocate' => 50,
+            'disk_overallocate' => 20,
+        ]);
+
+        // Low memory, high disk
+        $diskNode = $this->createNode([
+            'memory' => 2048,
+            'disk' => 204800,
+            'memory_overallocate' => 0,
+            'disk_overallocate' => 10,
+        ]);
+
+        // Add existing usage
+        $this->createServer(['node_id' => $memoryNode->id, 'memory' => 4096, 'disk' => 10240]);
+        $this->createServer(['node_id' => $balancedNode->id, 'memory' => 2048, 'disk' => 51200]);
+        $this->createServer(['node_id' => $diskNode->id, 'memory' => 1024, 'disk' => 102400]);
+
+        // Memory-heavy allocation
+        $result = $this->service
+            ->setMemory(3072)
+            ->setDisk(10240)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($memoryNode->id, $result->first()->id);
+
+        // Disk-heavy allocation
+        $result = $this->service
+            ->setMemory(1024)
+            ->setDisk(92160)
+            ->setLocations([$this->location->id])
+            ->handle();
+
+        $this->assertCount(1, $result);
+        $this->assertEquals($diskNode->id, $result->first()->id);
+    }
+
+    // =================================================================
+    // HELPER METHODS
+    // =================================================================
+
+    private function createNode(array $attributes = [], ?Location $location = null): Node
+    {
+        return Node::factory()->create(array_merge([
+            'location_id' => ($location ?? $this->location)->id,
+            'public' => true,
+        ], $attributes));
+    }
+
+    private function createServer(array $attributes = []): Server
+    {
+        return $this->createServerModel($attributes);
     }
 }
diff --git a/tests/Integration/Services/Servers/ServerDeletionServiceTest.php b/tests/Integration/Services/Servers/ServerDeletionServiceTest.php
index 1a1446467..8eb14a1f9 100644
--- a/tests/Integration/Services/Servers/ServerDeletionServiceTest.php
+++ b/tests/Integration/Services/Servers/ServerDeletionServiceTest.php
@@ -5,11 +5,13 @@ namespace Pterodactyl\Tests\Integration\Services\Servers;
 use Mockery\MockInterface;
 use GuzzleHttp\Psr7\Request;
 use GuzzleHttp\Psr7\Response;
+use Pterodactyl\Models\Backup;
 use Pterodactyl\Models\Database;
 use Pterodactyl\Models\DatabaseHost;
 use GuzzleHttp\Exception\BadResponseException;
 use Pterodactyl\Tests\Integration\IntegrationTestCase;
 use Pterodactyl\Services\Servers\ServerDeletionService;
+use Pterodactyl\Services\Backups\DeleteBackupService;
 use Pterodactyl\Repositories\Wings\DaemonServerRepository;
 use Pterodactyl\Services\Databases\DatabaseManagementService;
 use Pterodactyl\Exceptions\Http\Connection\DaemonConnectionException;
@@ -20,6 +22,8 @@ class ServerDeletionServiceTest extends IntegrationTestCase
 
     private MockInterface $databaseManagementService;
 
+    private MockInterface $deleteBackupService;
+
     private static ?string $defaultLogger;
 
     /**
@@ -35,9 +39,11 @@ class ServerDeletionServiceTest extends IntegrationTestCase
 
         $this->daemonServerRepository = \Mockery::mock(DaemonServerRepository::class);
         $this->databaseManagementService = \Mockery::mock(DatabaseManagementService::class);
+        $this->deleteBackupService = \Mockery::mock(DeleteBackupService::class);
 
         $this->app->instance(DaemonServerRepository::class, $this->daemonServerRepository);
         $this->app->instance(DatabaseManagementService::class, $this->databaseManagementService);
+        $this->app->instance(DeleteBackupService::class, $this->deleteBackupService);
     }
 
     /**
@@ -153,6 +159,86 @@ class ServerDeletionServiceTest extends IntegrationTestCase
         $this->assertDatabaseMissing('databases', ['id' => $db->id]);
     }
 
+    /**
+     * Test that server backups are deleted when a server is deleted.
+     */
+    public function testServerBackupsAreDeletedDuringServerDeletion()
+    {
+        $server = $this->createServerModel();
+        
+        /** @var Backup $backup1 */
+        $backup1 = Backup::factory()->create(['server_id' => $server->id]);
+        /** @var Backup $backup2 */
+        $backup2 = Backup::factory()->create(['server_id' => $server->id]);
+
+        $server->refresh();
+
+        $this->daemonServerRepository->expects('setServer->delete')->withNoArgs()->andReturnUndefined();
+        
+        $this->deleteBackupService->expects('handle')->with(\Mockery::on(function ($value) use ($backup1) {
+            return $value instanceof Backup && $value->id === $backup1->id;
+        }))->andReturnUndefined();
+        
+        $this->deleteBackupService->expects('handle')->with(\Mockery::on(function ($value) use ($backup2) {
+            return $value instanceof Backup && $value->id === $backup2->id;
+        }))->andReturnUndefined();
+
+        $this->getService()->handle($server);
+
+        $this->assertDatabaseMissing('servers', ['id' => $server->id]);
+    }
+
+    /**
+     * Test that server deletion continues even if backup deletion fails when force is enabled.
+     */
+    public function testServerDeletionContinuesWhenBackupDeletionFailsWithForce()
+    {
+        $server = $this->createServerModel();
+        
+        /** @var Backup $backup */
+        $backup = Backup::factory()->create(['server_id' => $server->id]);
+
+        $server->refresh();
+
+        $this->daemonServerRepository->expects('setServer->delete')->withNoArgs()->andReturnUndefined();
+        
+        $this->deleteBackupService->expects('handle')->with(\Mockery::on(function ($value) use ($backup) {
+            return $value instanceof Backup && $value->id === $backup->id;
+        }))->andThrows(new \Exception('Backup deletion failed'));
+
+        $this->getService()->withForce(true)->handle($server);
+
+        $this->assertDatabaseMissing('servers', ['id' => $server->id]);
+        $this->assertDatabaseMissing('backups', ['id' => $backup->id]);
+    }
+
+    /**
+     * Test that server deletion fails if backup deletion fails and force is not enabled.
+     */
+    public function testServerDeletionFailsWhenBackupDeletionFailsWithoutForce()
+    {
+        $server = $this->createServerModel();
+        
+        /** @var Backup $backup */
+        $backup = Backup::factory()->create(['server_id' => $server->id]);
+
+        $server->refresh();
+
+        $this->daemonServerRepository->expects('setServer->delete')->withNoArgs()->andReturnUndefined();
+        
+        $this->deleteBackupService->expects('handle')->with(\Mockery::on(function ($value) use ($backup) {
+            return $value instanceof Backup && $value->id === $backup->id;
+        }))->andThrows(new \Exception('Backup deletion failed'));
+
+        $this->expectException(\Exception::class);
+        $this->expectExceptionMessage('Backup deletion failed');
+
+        $this->getService()->handle($server);
+
+        $this->assertDatabaseHas('servers', ['id' => $server->id]);
+        $this->assertDatabaseHas('backups', ['id' => $backup->id]);
+    }
+
     private function getService(): ServerDeletionService
     {
         return $this->app->make(ServerDeletionService::class);
diff --git a/turbo.json b/turbo.json
index 65cfba6fd..04e9e36d8 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,5 +1,6 @@
 {
     "$schema": "https://turbo.build/schema.json",
+    "globalEnv": ["NODE_ENV"],
     "tasks": {
         "build": {
             "outputs": ["public/build/**"]
diff --git a/vagrant/provision.sh b/vagrant/provision.sh
index 759e13544..387c4425f 100755
--- a/vagrant/provision.sh
+++ b/vagrant/provision.sh
@@ -1,197 +1,652 @@
-#!/bin/bash
+#!/usr/bin/env bash
+set -euo pipefail
 
-# Disable SELinux
-setenforce 0
-sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config
+log() { echo -e "\n\033[1;32m==> $*\033[0m"; }
+warn() { echo -e "\n\033[1;33m!! $*\033[0m"; }
+err() { echo -e "\n\033[1;31m!! $*\033[0m" >&2; }
 
-# Update the system
-dnf update -y
+export DEBIAN_FRONTEND=noninteractive
 
-# Install the EPEL and Remi repositories
-dnf -y install https://dl.fedoraproject.org/pub/epel/epel-release-latest-9.noarch.rpm
-dnf -y install https://rpms.remirepo.net/enterprise/remi-release-9.rpm
-dnf -y config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
+log Checking and updating OS packages
+if [ ! -f /var/lib/pterodactyl-provision/packages-updated ]; then
+  apt-get update -y
+  apt-get upgrade -y
+  mkdir -p /var/lib/pterodactyl-provision
+  touch /var/lib/pterodactyl-provision/packages-updated
+else
+  log "OS packages already updated, skipping"
+fi
 
-# Install Redis
-dnf -y install redis
-systemctl enable --now redis
+log Installing base utilities
+apt-get install -y \
+  ca-certificates curl gnupg lsb-release software-properties-common \
+  git unzip zip jq wget ufw acl
 
-# Install PHP 8.3 and configure PHP-FPM
-dnf -y module enable php:remi-8.3
-dnf -y install php php-{cli,gd,mysqlnd,mbstring,bcmath,xml,fpm,curl,zip,posix}
-cat >/etc/php-fpm.d/pterodactyl.conf <<EOF
+log Configuring UFW
+ufw --force reset || true
+ufw --force enable
+ufw allow ssh
+ufw allow 3306/tcp
+ufw allow 3000/tcp
+ufw allow 8080/tcp
+ufw allow 9000/tcp # MinIO API
+ufw allow 9001/tcp # MinIO Console
+ufw allow 8025/tcp # Mailpit Web UI
+ufw allow 1025/tcp # Mailpit SMTP
+ufw allow 25500:25600/tcp
+ufw allow 25500:25600/udp
+
+log Installing Redis
+apt-get install -y redis-server
+systemctl enable --now redis-server
+
+log Adding PHP 8.3 repository
+if [ ! -f /var/lib/pterodactyl-provision/php-repo-added ]; then
+  add-apt-repository -y ppa:ondrej/php
+  apt-get update -y
+  touch /var/lib/pterodactyl-provision/php-repo-added
+else
+  log "PHP repository already added, skipping"
+fi
+
+log Installing PHP 8.3 + extensions
+apt-get install -y \
+  php8.3 php8.3-cli php8.3-fpm php8.3-gd php8.3-mysql php8.3-mbstring \
+  php8.3-bcmath php8.3-xml php8.3-curl php8.3-zip php8.3-readline php8.3-redis
+
+log Configuring PHP-FPM pool
+cat >/etc/php/8.3/fpm/pool.d/pterodactyl.conf <<EOF
 [pterodactyl]
 user = vagrant
 group = vagrant
-listen = /run/php-fpm/pterodactyl.sock
+listen = /run/php/pterodactyl.sock
 listen.owner = vagrant
 listen.group = vagrant
 pm = ondemand
 pm.max_children = 50
-pm.start_servers = 5
-pm.min_spare_servers = 5
-pm.max_spare_servers = 10
 pm.process_idle_timeout = 10s
 pm.max_requests = 500
 chdir = /
 EOF
 
-systemctl enable --now php-fpm
+systemctl enable --now php8.3-fpm
 
-# Install Nginx and the panel configuration
-dnf -y install nginx
-sed -i 's/user nginx;/user vagrant;/' /etc/nginx/nginx.conf
-cat >/etc/nginx/conf.d/pterodactyl.conf <<EOF
+log Installing and configuring Nginx
+apt-get install -y nginx
+if grep -qE '^user\s+' /etc/nginx/nginx.conf; then
+  sed -i 's/^user .*/user vagrant;/' /etc/nginx/nginx.conf
+else
+  sed -i '1i user vagrant;' /etc/nginx/nginx.conf
+fi
+
+cat >/etc/nginx/sites-available/pterodactyl.conf <<'EOF'
 server {
     listen 3000;
     server_name localhost;
-
     root /var/www/pterodactyl/public;
-    index index.html index.htm index.php;
+    index index.php index.html;
     charset utf-8;
-
     location / {
-        try_files \$uri \$uri/ /index.php?\$query_string;
+        try_files $uri $uri/ /index.php?$query_string;
     }
-
     location = /favicon.ico { access_log off; log_not_found off; }
     location = /robots.txt  { access_log off; log_not_found off; }
-
     access_log off;
     error_log  /var/log/nginx/pterodactyl.app-error.log error;
-
-    # allow larger file uploads and longer script runtimes
     client_max_body_size 100m;
     client_body_timeout 120s;
-
     sendfile off;
-
     location ~ \.php$ {
-        fastcgi_split_path_info ^(.+\.php)(/.+)$;
-        fastcgi_pass unix:/run/php-fpm/pterodactyl.sock;
-        fastcgi_index index.php;
         include fastcgi_params;
-        fastcgi_param PHP_VALUE "upload_max_filesize = 100M \n post_max_size=100M";
-        fastcgi_param SCRIPT_FILENAME \$document_root\$fastcgi_script_name;
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
         fastcgi_param HTTP_PROXY "";
-        fastcgi_intercept_errors off;
+        fastcgi_pass unix:/run/php/pterodactyl.sock;
+        fastcgi_read_timeout 300;
+        fastcgi_send_timeout 300;
+        fastcgi_connect_timeout 300;
         fastcgi_buffer_size 16k;
         fastcgi_buffers 4 16k;
-        fastcgi_connect_timeout 300;
-        fastcgi_send_timeout 300;
-        fastcgi_read_timeout 300;
-    }
-
-    location ~ /\.ht {
-        deny all;
     }
+    location ~ /\.ht { deny all; }
 }
 EOF
 
+ln -sf /etc/nginx/sites-available/pterodactyl.conf /etc/nginx/sites-enabled/pterodactyl.conf
+rm -f /etc/nginx/sites-enabled/default
+nginx -t
 systemctl enable --now nginx
 
-# Install MariaDB
-dnf -y install mariadb-server
+log Installing MariaDB
+apt-get install -y mariadb-server mariadb-client
+
+log Configuring MariaDB
+cat >/etc/mysql/mariadb.conf.d/99-pterodactyl.cnf <<EOF
+[mysqld]
+bind-address = 0.0.0.0
+port = 3306
+max_connections = 1000
+innodb_buffer_pool_size = 1G
+innodb_log_file_size = 256M
+innodb_flush_log_at_trx_commit = 1
+innodb_lock_wait_timeout = 50
+EOF
+
 systemctl enable --now mariadb
+systemctl restart mariadb
 
-# Install Composer
-curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
+log Creating databases and users
+mysql -u root <<SQL
+CREATE DATABASE IF NOT EXISTS panel;
+CREATE USER IF NOT EXISTS 'pterodactyl'@'localhost' IDENTIFIED BY 'password';
+GRANT ALL PRIVILEGES ON panel.* TO 'pterodactyl'@'localhost' WITH GRANT OPTION;
+CREATE USER IF NOT EXISTS 'pterodactyluser'@'localhost' IDENTIFIED BY 'password';
+CREATE USER IF NOT EXISTS 'pterodactyluser'@'%' IDENTIFIED BY 'password';
+GRANT ALL PRIVILEGES ON *.* TO 'pterodactyluser'@'localhost' WITH GRANT OPTION;
+GRANT ALL PRIVILEGES ON *.* TO 'pterodactyluser'@'%' WITH GRANT OPTION;
+CREATE USER IF NOT EXISTS 'dbhost'@'localhost' IDENTIFIED BY 'dbhostpassword';
+CREATE USER IF NOT EXISTS 'dbhost'@'%' IDENTIFIED BY 'dbhostpassword';
+GRANT ALL PRIVILEGES ON *.* TO 'dbhost'@'localhost' WITH GRANT OPTION;
+GRANT ALL PRIVILEGES ON *.* TO 'dbhost'@'%' WITH GRANT OPTION;
+FLUSH PRIVILEGES;
+SQL
 
-# Enter the web directory
-cd /var/www/pterodactyl || exit
-chmod -R 755 storage/* bootstrap/cache/
+log Installing Composer
+if ! command -v composer >/dev/null 2>&1; then
+  curl -sS https://getcomposer.org/installer -o /tmp/composer-setup.php
+  php /tmp/composer-setup.php --install-dir=/usr/local/bin --filename=composer
+  rm -f /tmp/composer-setup.php
+fi
 
-# Create the database for the panel
-mysql -u root -e "CREATE DATABASE panel;" \
-    -e "CREATE USER 'pterodactyl'@'localhost' IDENTIFIED BY 'password';" \
-    -e "GRANT ALL PRIVILEGES ON panel.* TO 'pterodactyl'@'localhost' WITH GRANT OPTION;" \
-    -e "FLUSH PRIVILEGES;"
+log Preparing /var/www/pterodactyl
+chown -R vagrant:vagrant /var/www/pterodactyl
+chmod -R u=rwX,g=rX,o=rX /var/www/pterodactyl
 
-# Create the database host user
-mysql -u root -e "CREATE USER 'pterodactyluser'@'localhost' IDENTIFIED BY 'password';" \
-    -e "GRANT ALL PRIVILEGES ON *.* TO 'pterodactyluser'@'localhost' WITH GRANT OPTION;" \
-    -e "FLUSH PRIVILEGES;"
+pushd /var/www/pterodactyl >/dev/null
+[ -f .env ] || cp .env.example .env
 
-# Initialize the Pterodactyl panel
-cp .env.example .env
-php /usr/local/bin/composer install --no-dev --optimize-autoloader
+log Composer install
+sudo -u vagrant -H bash -lc 'cd /var/www/pterodactyl && composer install --no-dev --optimize-autoloader'
+chmod -R 755 storage bootstrap/cache
+setfacl -Rm u:vagrant:rwX storage bootstrap/cache >/dev/null 2>&1 || true
+chown -R vagrant:vagrant storage bootstrap/cache
 
-# PHP Artisan commands
-php artisan key:generate --force
-php artisan p:environment:setup -n --author dev@pyro.host --url http://localhost:3000 --cache redis --session redis --queue redis
-php artisan p:environment:database -n --host localhost --port 3306 --database panel --username pterodactyl --password password
-php artisan migrate --seed --force
+# helper (append --no-interaction automatically; avoid quoted, spaced values)
+artisan() { sudo -u vagrant -H bash -lc "cd /var/www/pterodactyl && php artisan $* --no-interaction"; }
 
-# Create a developer user
-php artisan p:user:make -n --email dev@pyro.host --username dev --name-first Developer --name-last User --password password
-mysql -u root -e "USE panel; UPDATE users SET root_admin = 1;" # workaround because --admin is broken
+# generate key only if empty/missing
+if ! grep -qE '^APP_KEY=base64:.+' .env; then
+  artisan key:generate --force
+fi
 
-# Make a location and node for the panel
-php artisan p:location:make -n --short local --long Local
-php artisan p:node:make -n --name local --description "Development Node" --locationId 1 --fqdn localhost --public 1 --scheme http --proxy 0 --maxMemory 1024 --maxDisk 10240 --overallocateMemory 0 --overallocateDisk 0
+artisan p:environment:setup -n --author dev@pyro.host --url http://localhost:3000 \
+  --timezone America/Chicago --cache redis --session redis --queue redis \
+  --settings-ui=true --redis-host 127.0.0.1 --redis-pass null --redis-port 6379
 
-# Add some dummy allocations to the node
-mysql -u root -e "USE panel; INSERT INTO allocations (node_id, ip, port) VALUES (1, 'localhost', 25565), (1, 'localhost', 25566), (1, 'localhost', 25567);"
+artisan p:environment:database -n --host 127.0.0.1 --port 3306 \
+  --database panel --username pterodactyl --password password
+artisan migrate --seed --force
 
-# Set the crontab for the panel
-(
-    crontab -l 2>/dev/null
-    echo "* * * * * php /var/www/pterodactyl/artisan schedule:run >> /dev/null 2>&1"
+log Ensuring developer user exists
+if ! mysql -u root -D panel -N -B -e "SELECT id FROM users WHERE email='dev@pyro.host' LIMIT 1;" | grep -q .; then
+  artisan p:user:make -n --email dev@pyro.host --username dev --name-first Developer --name-last User --password dev || true
+fi
+mysql -u root -e "UPDATE panel.users SET root_admin = 1 WHERE email='dev@pyro.host'"
+
+log Ensuring location exists
+# ensure location and get its id
+if ! mysql -u root -D panel -N -B -e "SELECT id FROM locations WHERE short='local' LIMIT 1;" | grep -q .; then
+  artisan p:location:make --short=local --long=Local || true
+fi
+LOCATION_ID=$(mysql -u root -D panel -N -B -e "SELECT id FROM locations WHERE short='local' LIMIT 1;")
+
+log Ensuring node exists
+# create node only if missing; avoid spaces in options
+if ! mysql -u root -D panel -N -B -e "SELECT id FROM nodes WHERE name='local' LIMIT 1;" | grep -q .; then
+  artisan p:node:make \
+    --name=local \
+    --description=DevNode \
+    --locationId="$LOCATION_ID" \
+    --fqdn=localhost \
+    --public=1 \
+    --scheme=http \
+    --proxy=no \
+    --maxMemory=8192 --overallocateMemory=0 \
+    --maxDisk=32768 --overallocateDisk=0 \
+    --uploadSize=100 || true
+fi
+NODE_ID=$(mysql -u root -D panel -N -B -e "SELECT id FROM nodes WHERE name='local' LIMIT 1;")
+
+log Adding dummy allocations
+for i in $(seq 25500 25600); do
+  mysql -u root -e "INSERT IGNORE INTO panel.allocations (node_id, ip, port)
+                    VALUES ($NODE_ID, 'localhost', $i)"
+done
+
+log Registering database host
+if [ -n "$NODE_ID" ]; then
+  mysql -u root -e "INSERT INTO panel.database_hosts
+  (name, host, port, username, password, max_databases, node_id, created_at, updated_at)
+  SELECT 'Local Database Host','127.0.0.1',3306,'dbhost','dbhostpassword',NULL,$NODE_ID,NOW(),NOW()
+  WHERE NOT EXISTS (SELECT 1 FROM panel.database_hosts WHERE name='Local Database Host')"
+fi
+
+popd >/dev/null
+
+log Installing Laravel scheduler cron
+( crontab -l 2>/dev/null | grep -v 'pterodactyl/artisan schedule:run' || true
+  echo '* * * * * php /var/www/pterodactyl/artisan schedule:run >> /dev/null 2>&1'
 ) | crontab -
 
-# Install the queue worker
+log Creating pteroq.service
 cat >/etc/systemd/system/pteroq.service <<EOF
 [Unit]
 Description=Pterodactyl Queue Worker
 After=redis-server.service
-
+Requires=redis-server.service
 [Service]
 User=vagrant
 Group=vagrant
+WorkingDirectory=/var/www/pterodactyl
 Restart=always
 ExecStart=/usr/bin/php /var/www/pterodactyl/artisan queue:work --queue=high,standard,low --sleep=3 --tries=3
-StartLimitInterval=180
 StartLimitBurst=30
 RestartSec=5s
-
 [Install]
 WantedBy=multi-user.target
 EOF
 
-systemctl enable --now pteroq
+log Installing Docker Engine
+if ! command -v docker >/dev/null 2>&1; then
+  install -d -m 0755 /etc/apt/keyrings
+  curl -fsSL https://download.docker.com/linux/ubuntu/gpg | gpg --dearmor -o /etc/apt/keyrings/docker.gpg
+  echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" \
+    >/etc/apt/sources.list.d/docker.list
+  apt-get update -y
+  apt-get install -y docker-ce docker-ce-cli containerd.io docker-compose-plugin
+  systemctl enable --now docker
+else
+  log "Docker already installed, skipping"
+fi
 
-# Install Docker
-dnf -y install docker-ce docker-ce-cli containerd.io docker-compose-plugin
-systemctl enable --now docker
+log Installing Wings
+install -d -m 0755 /etc/pterodactyl
+if [ ! -f /usr/local/bin/wings ]; then
+  ARCH=$(uname -m); [[ $ARCH == x86_64 ]] && ARCH=amd64 || ARCH=arm64
+  curl -fsSL -o /usr/local/bin/wings "https://github.com/pterodactyl/wings/releases/latest/download/wings_linux_${ARCH}"
+  chmod u+x /usr/local/bin/wings
+else
+  log "Wings already installed, skipping download"
+fi
+if [ ! -f /etc/pterodactyl/config.yml ]; then
+  sudo -u vagrant -H bash -lc 'cd /var/www/pterodactyl && php artisan p:node:configuration 1' >/etc/pterodactyl/config.yml || true
+else
+  log "Wings config already exists, skipping"
+fi
 
-# Setup wings
-mkdir -p /etc/pterodactyl
-curl -L -o /usr/local/bin/wings "https://github.com/pterodactyl/wings/releases/latest/download/wings_linux_$([[ "$(uname -m)" == "x86_64" ]] && echo "amd64" || echo "arm64")"
-chmod u+x /usr/local/bin/wings
-
-# Configure wings
-php artisan p:node:configuration 1 >/etc/pterodactyl/config.yml
 cat >/etc/systemd/system/wings.service <<EOF
 [Unit]
 Description=Pterodactyl Wings Daemon
 After=docker.service
 Requires=docker.service
-PartOf=docker.service
-
 [Service]
 User=root
 WorkingDirectory=/etc/pterodactyl
 LimitNOFILE=4096
-PIDFile=/var/run/wings/daemon.pid
 ExecStart=/usr/local/bin/wings
 Restart=on-failure
-StartLimitInterval=180
 StartLimitBurst=30
 RestartSec=5s
-
 [Install]
 WantedBy=multi-user.target
 EOF
 
-# Enable and start wings
+log Reloading systemd and starting services
+systemctl daemon-reload
+systemctl enable --now pteroq
 systemctl enable --now wings
+
+log Installing MinIO
+if ! command -v minio >/dev/null 2>&1; then
+  ARCH=$(uname -m); [[ $ARCH == x86_64 ]] && ARCH=amd64 || ARCH=arm64
+  curl -fsSL -o /usr/local/bin/minio "https://dl.min.io/server/minio/release/linux-${ARCH}/minio"
+  chmod +x /usr/local/bin/minio
+  
+  # Create minio user and directories
+  useradd -r minio-user || true
+  mkdir -p /opt/minio/data
+  mkdir -p /etc/minio
+  chown minio-user:minio-user /opt/minio/data
+  
+  # Create MinIO environment file
+  cat >/etc/minio/minio.conf <<EOF
+MINIO_ROOT_USER=minioadmin
+MINIO_ROOT_PASSWORD=minioadmin
+MINIO_VOLUMES=/opt/minio/data
+MINIO_OPTS="--console-address :9001"
+EOF
+  
+  # Create systemd service
+  cat >/etc/systemd/system/minio.service <<EOF
+[Unit]
+Description=MinIO
+Documentation=https://docs.min.io
+Wants=network-online.target
+After=network-online.target
+AssertFileIsExecutable=/usr/local/bin/minio
+
+[Service]
+WorkingDirectory=/usr/local
+
+User=minio-user
+Group=minio-user
+ProtectProc=invisible
+
+EnvironmentFile=/etc/minio/minio.conf
+ExecStartPre=/bin/bash -c 'if [ -z "\${MINIO_VOLUMES}" ]; then echo "Variable MINIO_VOLUMES not set in /etc/minio/minio.conf"; exit 1; fi'
+ExecStart=/usr/local/bin/minio server \$MINIO_OPTS \$MINIO_VOLUMES
+
+# Let systemd restart this service always
+Restart=always
+
+# Specifies the maximum file descriptor number that can be opened by this process
+LimitNOFILE=65536
+
+# Specifies the maximum number of threads this process can create
+TasksMax=infinity
+
+# Disable timeout logic and wait until process is stopped
+TimeoutStopSec=infinity
+SendSIGKILL=no
+
+[Install]
+WantedBy=multi-user.target
+EOF
+  
+  systemctl daemon-reload
+  systemctl enable --now minio
+  
+  # Wait for MinIO to start
+  sleep 5
+  
+  # Create default buckets using mc (MinIO Client)
+  curl -fsSL -o /usr/local/bin/mc "https://dl.min.io/client/mc/release/linux-${ARCH}/mc"
+  chmod +x /usr/local/bin/mc
+  
+  # Configure mc alias and create buckets
+  sudo -u vagrant -H bash -c '
+    /usr/local/bin/mc alias set local http://localhost:9000 minioadmin minioadmin
+    /usr/local/bin/mc mb local/pterodactyl-backups --ignore-existing
+  ' || true
+  
+  # Configure MinIO in .env for S3 backups
+  pushd /var/www/pterodactyl >/dev/null
+  if [ -f .env ]; then
+    # Set S3 backup configuration for MinIO
+    sed -i '/^APP_BACKUP_DRIVER=/c\APP_BACKUP_DRIVER=s3' .env
+    
+    # Configure AWS/S3 settings for MinIO
+    if grep -q "^AWS_ACCESS_KEY_ID=" .env; then
+      sed -i '/^AWS_ACCESS_KEY_ID=/c\AWS_ACCESS_KEY_ID=minioadmin' .env
+    else
+      echo 'AWS_ACCESS_KEY_ID=minioadmin' >> .env
+    fi
+    
+    if grep -q "^AWS_SECRET_ACCESS_KEY=" .env; then
+      sed -i '/^AWS_SECRET_ACCESS_KEY=/c\AWS_SECRET_ACCESS_KEY=minioadmin' .env
+    else
+      echo 'AWS_SECRET_ACCESS_KEY=minioadmin' >> .env
+    fi
+    
+    if grep -q "^AWS_DEFAULT_REGION=" .env; then
+      sed -i '/^AWS_DEFAULT_REGION=/c\AWS_DEFAULT_REGION=us-east-1' .env
+    else
+      echo 'AWS_DEFAULT_REGION=us-east-1' >> .env
+    fi
+    
+    if grep -q "^AWS_BACKUPS_BUCKET=" .env; then
+      sed -i '/^AWS_BACKUPS_BUCKET=/c\AWS_BACKUPS_BUCKET=pterodactyl-backups' .env
+    else
+      echo 'AWS_BACKUPS_BUCKET=pterodactyl-backups' >> .env
+    fi
+    
+    if grep -q "^AWS_ENDPOINT=" .env; then
+      sed -i '/^AWS_ENDPOINT=/c\AWS_ENDPOINT=http://localhost:9000' .env
+    else
+      echo 'AWS_ENDPOINT=http://localhost:9000' >> .env
+    fi
+    
+    if grep -q "^AWS_USE_PATH_STYLE_ENDPOINT=" .env; then
+      sed -i '/^AWS_USE_PATH_STYLE_ENDPOINT=/c\AWS_USE_PATH_STYLE_ENDPOINT=true' .env
+    else
+      echo 'AWS_USE_PATH_STYLE_ENDPOINT=true' >> .env
+    fi
+  fi
+  popd >/dev/null
+  
+  log "MinIO installed and configured successfully"
+  log "MinIO Console: http://localhost:9001 (minioadmin/minioadmin)"
+else
+  log "MinIO already installed, skipping"
+fi
+
+log Installing Mailpit
+if ! command -v mailpit >/dev/null 2>&1; then
+  ARCH=$(uname -m); [[ $ARCH == x86_64 ]] && ARCH=linux-amd64 || ARCH=linux-arm64
+  MAILPIT_VERSION=$(curl -s https://api.github.com/repos/axllent/mailpit/releases/latest | jq -r .tag_name)
+  curl -fsSL -o /tmp/mailpit.tar.gz "https://github.com/axllent/mailpit/releases/download/${MAILPIT_VERSION}/mailpit-${ARCH}.tar.gz"
+  tar -xzf /tmp/mailpit.tar.gz -C /tmp
+  mv /tmp/mailpit /usr/local/bin/
+  chmod +x /usr/local/bin/mailpit
+  rm -f /tmp/mailpit.tar.gz
+  
+  # Create mailpit user
+  useradd -r mailpit-user || true
+  
+  # Create systemd service
+  cat >/etc/systemd/system/mailpit.service <<EOF
+[Unit]
+Description=Mailpit SMTP testing server
+After=network.target
+
+[Service]
+ExecStart=/usr/local/bin/mailpit --smtp 0.0.0.0:1025 --listen 0.0.0.0:8025
+User=mailpit-user
+Group=mailpit-user
+Restart=always
+RestartSec=5
+
+[Install]
+WantedBy=multi-user.target
+EOF
+  
+  systemctl daemon-reload
+  systemctl enable --now mailpit
+  
+  # Configure Mailpit in .env for mail testing
+  pushd /var/www/pterodactyl >/dev/null
+  if [ -f .env ]; then
+    # Set mail configuration for Mailpit
+    if grep -q "^MAIL_MAILER=" .env; then
+      sed -i '/^MAIL_MAILER=/c\MAIL_MAILER=smtp' .env
+    else
+      echo 'MAIL_MAILER=smtp' >> .env
+    fi
+    
+    if grep -q "^MAIL_HOST=" .env; then
+      sed -i '/^MAIL_HOST=/c\MAIL_HOST=localhost' .env
+    else
+      echo 'MAIL_HOST=localhost' >> .env
+    fi
+    
+    if grep -q "^MAIL_PORT=" .env; then
+      sed -i '/^MAIL_PORT=/c\MAIL_PORT=1025' .env
+    else
+      echo 'MAIL_PORT=1025' >> .env
+    fi
+    
+    if grep -q "^MAIL_USERNAME=" .env; then
+      sed -i '/^MAIL_USERNAME=/c\MAIL_USERNAME=' .env
+    else
+      echo 'MAIL_USERNAME=' >> .env
+    fi
+    
+    if grep -q "^MAIL_PASSWORD=" .env; then
+      sed -i '/^MAIL_PASSWORD=/c\MAIL_PASSWORD=' .env
+    else
+      echo 'MAIL_PASSWORD=' >> .env
+    fi
+    
+    if grep -q "^MAIL_ENCRYPTION=" .env; then
+      sed -i '/^MAIL_ENCRYPTION=/c\MAIL_ENCRYPTION=' .env
+    else
+      echo 'MAIL_ENCRYPTION=' >> .env
+    fi
+    
+    if grep -q "^MAIL_FROM_ADDRESS=" .env; then
+      sed -i '/^MAIL_FROM_ADDRESS=/c\MAIL_FROM_ADDRESS=no-reply@localhost' .env
+    else
+      echo 'MAIL_FROM_ADDRESS=no-reply@localhost' >> .env
+    fi
+  fi
+  popd >/dev/null
+  
+  log "Mailpit installed and configured successfully"
+  log "Mailpit Web UI: http://localhost:8025"
+else
+  log "Mailpit already installed, skipping"
+fi
+
+log Generating Application API Key
+pushd /var/www/pterodactyl >/dev/null
+API_KEY_RESULT=$(sudo -u vagrant -H bash -lc 'php artisan tinker --execute="
+use Pterodactyl\Models\ApiKey;
+use Pterodactyl\Models\User;
+use Pterodactyl\Services\Api\KeyCreationService;
+\$user = User::find(1);
+if (!\$user) { exit; }
+if (ApiKey::query()->where(\"user_id\", \$user->id)->where(\"memo\", \"Development API Key\")->exists()) { echo \"\"; exit; }
+\$service = app(KeyCreationService::class);
+\$apiKey = \$service->setKeyType(2)->handle(
+  [\"user_id\" => \$user->id, \"memo\" => \"Development API Key\"],
+  [\"r_servers\" => 3, \"r_nodes\" => 3, \"r_allocations\" => 3, \"r_users\" => 3,
+   \"r_locations\" => 3, \"r_nests\" => 3, \"r_eggs\" => 3, \"r_database_hosts\" => 3, \"r_server_databases\" => 3]
+);
+echo \$apiKey->identifier . decrypt(\$apiKey->token);
+"') || true
+API_KEY=$(echo "${API_KEY_RESULT:-}" | tail -1 || true)
+popd >/dev/null
+
+if [ -n "${API_KEY:-}" ]; then
+  log API Key generated
+  echo API_KEY=$API_KEY >> /home/vagrant/.bashrc
+  sleep 10
+  log Creating Minecraft server
+  # Get the first allocation ID for this node
+  ALLOCATION_ID=$(mysql -u root -D panel -N -B -e "SELECT id FROM allocations WHERE node_id=$NODE_ID LIMIT 1;" 2>/dev/null || echo "")
+  
+  if [ -z "$ALLOCATION_ID" ]; then
+    warn "No allocations found for node $NODE_ID, skipping server creation"
+  else
+    # Create a temporary server config with dynamic values in /tmp
+    cat >/tmp/server_create.json <<EOF
+{
+    "external_id": null,
+    "name": "Minecraft Vanilla Dev Server",
+    "description": "Development Minecraft Vanilla Server with 4GB RAM, 32GB storage, 4 cores",
+    "user": 1,
+    "egg": 7,
+    "docker_image": "ghcr.io/pterodactyl/yolks:java_17",
+    "startup": "java -Xms128M -Xmx4096M -jar {{SERVER_JARFILE}}",
+    "environment": {
+        "SERVER_JARFILE": "server.jar",
+        "VANILLA_VERSION": "latest"
+    },
+    "limits": {
+        "memory": 4096,
+        "overhead_memory": 2048,
+        "swap": 0,
+        "disk": 32768,
+        "io": 500,
+        "cpu": 400
+    },
+    "feature_limits": {
+        "databases": 0,
+        "allocations": 1,
+        "backups": 0
+    },
+    "allocation": {
+        "default": $ALLOCATION_ID
+    },
+    "deploy": {
+        "locations": [
+            $LOCATION_ID
+        ],
+        "dedicated_ip": false,
+        "port_range": []
+    },
+    "start_on_completion": false,
+    "skip_scripts": false,
+    "oom_disabled": false
+}
+EOF
+    
+    # Check if a Minecraft server already exists
+    EXISTING_SERVER=$(mysql -u root -D panel -N -B -e "SELECT id FROM servers WHERE name='Minecraft Vanilla Dev Server' LIMIT 1;" 2>/dev/null || echo "")
+    
+    if [ -n "$EXISTING_SERVER" ]; then
+      log "Minecraft server already exists with ID: $EXISTING_SERVER, skipping creation"
+      if ! grep -q "SERVER_ID=" /home/vagrant/.bashrc 2>/dev/null; then
+        echo SERVER_ID=$EXISTING_SERVER >> /home/vagrant/.bashrc
+        SERVER_UUID=$(mysql -u root -D panel -N -B -e "SELECT uuid FROM servers WHERE id=$EXISTING_SERVER;" 2>/dev/null || echo "")
+        if [ -n "$SERVER_UUID" ]; then
+          echo SERVER_UUID=$SERVER_UUID >> /home/vagrant/.bashrc
+        fi
+      fi
+    else
+      SERVER_RESPONSE=$(curl -s -X POST http://localhost:3000/api/application/servers \
+        -H "Authorization: Bearer $API_KEY" \
+        -H "Content-Type: application/json" \
+        -H "Accept: Application/vnd.pterodactyl.v1+json" \
+        -d @/tmp/server_create.json 2>/dev/null || echo '{"error":"curl_failed"}')
+      rm -f /tmp/server_create.json
+      
+      if echo "$SERVER_RESPONSE" | grep -q '"object":"server"'; then
+        SERVER_ID=$(echo "$SERVER_RESPONSE" | jq -r '.attributes.id' 2>/dev/null || echo "")
+        SERVER_UUID=$(echo "$SERVER_RESPONSE" | jq -r '.attributes.uuid' 2>/dev/null || echo "")
+        if [ -n "$SERVER_ID" ] && [ "$SERVER_ID" != "null" ]; then
+          echo SERVER_ID=$SERVER_ID >> /home/vagrant/.bashrc
+          echo SERVER_UUID=$SERVER_UUID >> /home/vagrant/.bashrc
+          curl -s -X POST http://localhost:3000/api/application/servers/$SERVER_ID/reinstall \
+            -H "Authorization: Bearer $API_KEY" \
+            -H "Accept: Application/vnd.pterodactyl.v1+json" >/dev/null 2>&1 || true
+          log "Server created successfully with ID: $SERVER_ID"
+        else
+          warn "Server creation succeeded but failed to extract server ID"
+        fi
+      else
+        warn "Server creation failed or returned unexpected response"
+        # Don't show the full response as it might contain sensitive info, just log the attempt
+      fi
+    fi
+    rm -f /tmp/server_create.json
+  fi
+else
+  log API key already exists, skipping creation
+fi
+
+systemctl restart php8.3-fpm
+systemctl reload nginx || systemctl restart nginx || true
+
+echo "======================================="
+echo "        Provisioning Complete"
+echo "======================================="
+echo
+echo "=== Development Services ==="
+echo "Mailpit Web UI:    http://localhost:8025"
+echo "MinIO Console:     http://localhost:9001"
+echo "MinIO Credentials: minioadmin / minioadmin"
+echo
+echo "Panel:             http://localhost:3000"
+echo "Login:             dev / dev"
+echo "API Key:           ${API_KEY:-<not created on this run>}"
+echo
diff --git a/vite.config.ts b/vite.config.ts
index 9c73f3583..bbb99aaa4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,14 +1,37 @@
 import react from '@vitejs/plugin-react-swc';
 import * as child from 'child_process';
+import fs from 'fs';
 import laravel from 'laravel-vite-plugin';
 import million from 'million/compiler';
 import { fileURLToPath } from 'node:url';
+import path from 'path';
 import { dirname, resolve } from 'pathe';
 import { defineConfig } from 'vite';
 import manifestSRI from 'vite-plugin-manifest-sri';
 
 import packageJson from './package.json';
 
+function getLaravelAppVersion() {
+    try {
+        const configPath = path.resolve(__dirname, 'config/app.php');
+        const configContent = fs.readFileSync(configPath, 'utf8');
+
+        const versionMatch = configContent.match(/'version'\s*=>\s*'(.*?)'/);
+
+        if (versionMatch && versionMatch[1]) {
+            return versionMatch[1];
+        }
+
+        // Fallback to package.json version if not found in Laravel config
+        return packageJson.version;
+    } catch (error) {
+        console.error('Error reading Laravel config:', error);
+        return packageJson.version;
+    }
+}
+
+const laravelVersion = getLaravelAppVersion();
+
 let branchName;
 let commitHash;
 
@@ -33,13 +56,12 @@ export default defineConfig({
         outDir: 'public/build',
 
         rollupOptions: {
-            input: 'resources/scripts/index.tsx',
+            input: path.resolve('resources/scripts/index.tsx'),
             output: {
-                // @ts-ignore
+                // @ts-expect-error It won't fail lol
                 manualChunks(id) {
                     if (id.includes('node_modules')) {
-                        // @ts-expect-error
-                        // It won't fail lol
+                        // @ts-expect-error It won't fail lol
                         return id.toString().split('node_modules/')[1].split('/')[0].toString();
                     }
                 },
@@ -48,7 +70,7 @@ export default defineConfig({
     },
 
     define: {
-        'import.meta.env.VITE_PYRODACTYL_VERSION': JSON.stringify(packageJson.version),
+        'import.meta.env.VITE_PYRODACTYL_VERSION': JSON.stringify(laravelVersion),
         'import.meta.env.VITE_COMMIT_HASH': JSON.stringify(commitHash),
         'import.meta.env.VITE_BRANCH_NAME': JSON.stringify(branchName),
         'import.meta.env.VITE_PYRODACTYL_BUILD_NUMBER': JSON.stringify(packageJson.buildNumber),