Add test (ct)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.github/runner/docker/gh-runner-self.dockerfile

@@ -1,68 +0,0 @@
-FROM mcr.microsoft.com/dotnet/runtime-deps:8.0-jammy as build
-
-ARG TARGETOS
-ARG TARGETARCH
-ARG DOCKER_VERSION=27.5.1
-ARG BUILDX_VERSION=0.20.1
-ARG RUNNER_ARCH="x64"
-
-RUN apt update -y && apt install sudo curl unzip -y
-
-WORKDIR /actions-runner
-
-RUN RUNNER_VERSION=$(curl -s https://api.github.com/repos/actions/runner/releases/latest | grep "tag_name" | head -n 1 | awk '{print substr($2, 3, length($2)-4)}') \
-    && curl -f -L -o runner.tar.gz https://github.com/actions/runner/releases/download/v${RUNNER_VERSION}/actions-runner-linux-${RUNNER_ARCH}-${RUNNER_VERSION}.tar.gz \
-    && tar xzf ./runner.tar.gz \
-    && rm runner.tar.gz
-
-RUN RUNNER_CONTAINER_HOOKS_VERSION=$(curl -s https://api.github.com/repos/actions/runner-container-hooks/releases/latest | grep "tag_name" | head -n 1 | awk '{print substr($2, 3, length($2)-4)}') \
-    && curl -f -L -o runner-container-hooks.zip https://github.com/actions/runner-container-hooks/releases/download/v${RUNNER_CONTAINER_HOOKS_VERSION}/actions-runner-hooks-k8s-${RUNNER_CONTAINER_HOOKS_VERSION}.zip \
-    && unzip ./runner-container-hooks.zip -d ./k8s \
-    && rm runner-container-hooks.zip
-
-RUN export RUNNER_ARCH=${TARGETARCH} \
-    && if [ "$RUNNER_ARCH" = "amd64" ]; then export DOCKER_ARCH=x86_64 ; fi \
-    && if [ "$RUNNER_ARCH" = "arm64" ]; then export DOCKER_ARCH=aarch64 ; fi \
-    && curl -fLo docker.tgz https://download.docker.com/${TARGETOS}/static/stable/${DOCKER_ARCH}/docker-${DOCKER_VERSION}.tgz \
-    && tar zxvf docker.tgz \
-    && rm -rf docker.tgz \
-    && mkdir -p /usr/local/lib/docker/cli-plugins \
-    && curl -fLo /usr/local/lib/docker/cli-plugins/docker-buildx \
-        "https://github.com/docker/buildx/releases/download/v${BUILDX_VERSION}/buildx-v${BUILDX_VERSION}.linux-${TARGETARCH}" \
-    && chmod +x /usr/local/lib/docker/cli-plugins/docker-buildx
-
-FROM mcr.microsoft.com/dotnet/runtime-deps:8.0-jammy
-
-ENV DEBIAN_FRONTEND=noninteractive
-ENV RUNNER_MANUALLY_TRAP_SIG=1
-ENV ACTIONS_RUNNER_PRINT_LOG_TO_STDOUT=1
-ENV ImageOS=ubuntu22
-
-RUN apt update -y \
-    && apt install -y --no-install-recommends sudo lsb-release gpg-agent software-properties-common curl jq unzip \
-    && rm -rf /var/lib/apt/lists/*
-
-RUN add-apt-repository ppa:git-core/ppa \
-    && apt update -y \
-    && apt install -y git \
-    && rm -rf /var/lib/apt/lists/*
-
-RUN adduser --disabled-password --gecos "" --uid 1001 runner \
-    && groupadd docker --gid 123 \
-    && usermod -aG sudo runner \
-    && usermod -aG docker runner \
-    && echo "%sudo   ALL=(ALL:ALL) NOPASSWD:ALL" > /etc/sudoers \
-    && echo "Defaults env_keep += \"DEBIAN_FRONTEND\"" >> /etc/sudoers
-
-# Install own dependencies in final image
-RUN curl -fsSL https://deb.nodesource.com/setup_22.x | bash - \
-    && apt-get install -y nodejs \
-    && apt-get install -y gh jq git
-
-WORKDIR /home/runner
-
-COPY --chown=runner:docker --from=build /actions-runner .
-COPY --from=build /usr/local/lib/docker/cli-plugins/docker-buildx /usr/local/lib/docker/cli-plugins/docker-buildx
-RUN install -o root -g root -m 755 docker/* /usr/bin/ && rm -rf docker
-
-USER runner

.github/workflows/autolabeler.yml

@@ -93,7 +93,7 @@ jobs:
             const websiteRegex = new RegExp(`- \\[(x|X)\\]\\s*${escapedWebsite}`, "i");
 
             if (websiteRegex.test(prBody)) {
-              const hasJson = prFiles.some((f) => f.filename.startsWith("frontend/public/json/"));
+              const hasJson = prFiles.some((f) => f.filename.startsWith("json/"));
               const hasUpdateScript = labelsToAdd.has("update script");
               const hasContentLabel = ["bugfix", "feature", "refactor"].some((l) => labelsToAdd.has(l));
 

.github/workflows/bak/close_template_issue.yml

@@ -1,55 +0,0 @@
-name: Auto-Close Wrong Template Issues
-on:
-  issues:
-    types: [opened]
-
-jobs:
-  close_tteck_issues:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Auto-close if wrong Template issue detected
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const issue = context.payload.issue;
-            const content = `${issue.title}\n${issue.body}`;
-            const issueNumber = issue.number;
-
-            // Regex patterns (case-insensitive, flexible versioning)
-            const patterns = [
-              /Template\s+debian-13-standard_[\d.]+-[\d]+_amd64\.tar\.zst\s*\[(online|local)\]/i,
-              /Template\s+debian-13-standard_[\d.]+-[\d]+_amd64\.tar\.zst\s+is\s+missing\s+or\s+corrupted/i,
-              /Container\s+creation\s+failed\.?\s+Checking\s+if\s+template\s+is\s+corrupted\s+or\s+incomplete/i,
-              /Template\s+is\s+valid,\s+but\s+container\s+creation\s+still\s+failed/i,
-              /exit\s+code\s+0:\s+while\s+executing\s+command\s+bash\s+-c\s+"\$?\(curl\s+-fsSL\s+https:\/\/raw\.githubusercontent\.com\/[\w/-]+\/create_lxc\.sh\)"/i
-            ];
-
-            const matched = patterns.some((regex) => regex.test(content));
-
-            if (matched) {
-              const message = "👋 Hello!\n\n" +
-                "It looks like you are referencing a **container creation issue with a Debian 13 template** (e.g. `debian-13-standard_13.x-x_amd64.tar.zst`).\n\n" +
-                "We receive many similar reports about this, and it's not related to the scripts themselves but to **a Proxmox base template bug**.\n\n" +
-                "Please refer to [discussion #8126](https://github.com/community-scripts/ProxmoxVE/discussions/8126) for details.\n" +
-                "If your issue persists after following the guidance there, feel free to reopen this issue.\n\n" +
-                "_This issue was automatically closed by a bot._";
-
-              await github.rest.issues.createComment({
-                ...context.repo,
-                issue_number: issueNumber,
-                body: message
-              });
-
-              await github.rest.issues.addLabels({
-                ...context.repo,
-                issue_number: issueNumber,
-                labels: ["not planned"]
-              });
-
-              await github.rest.issues.update({
-                ...context.repo,
-                issue_number: issueNumber,
-                state: "closed"
-              });
-            }

.github/workflows/bak/crawl-versions.yaml

@@ -1,126 +0,0 @@
-name: Crawl Versions from newreleases.io
-
-on:
-  workflow_dispatch:
-  schedule:
-    # Runs at 12:00 AM and 12:00 PM UTC
-    - cron: "0 0,12 * * *"
-
-permissions:
-  contents: write
-  pull-requests: write
-
-jobs:
-  crawl-versions:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v2
-        with:
-          repository: community-scripts/ProxmoxVE
-          ref: main
-
-      - name: Generate a token
-        id: generate-token
-        uses: actions/create-github-app-token@v1
-        with:
-          app-id: ${{ vars.APP_ID }}
-          private-key: ${{ secrets.APP_PRIVATE_KEY }}
-
-      - name: Crawl from newreleases.io
-        env:
-          token: ${{ secrets.NEWRELEASES_TOKEN }}
-        run: |
-          page=1
-          projects_file="project_json"
-          output_file="frontend/public/json/versions.json"
-
-          echo "[]" > $output_file
-
-          while true; do
-
-            echo "Start loop on page: $page"
-
-            projects=$(curl -s -H "X-Key: $token" "https://api.newreleases.io/v1/projects?page=$page")
-            total_pages=$(echo "$projects" | jq -r '.total_pages')
-
-            if [ -z "$total_pages" ] || [ "$total_pages" -eq 0 ]; then
-             echo "No pages available. Exiting."
-             exit 1
-            fi
-            if [ $page == $total_pages ]; then
-              break
-            fi
-
-            if [ -z "$projects" ] || ! echo "$projects" | jq -e '.projects' > /dev/null; then
-              echo "No more projects or invalid response. Exiting."
-              break
-            fi
-
-            echo "$projects" > "$projects_file"
-
-            jq -r '.projects[] | "\(.id) \(.name)"' "$projects_file" | while read -r id name; do
-              version=$(curl -s -H "X-Key: $token" "https://api.newreleases.io/v1/projects/$id/latest-release")
-              version_data=$(echo "$version" | jq -r '.version // empty')
-              date=$(echo "$version" | jq -r '.date // empty')
-              if [ -n "$version_data" ]; then
-                jq --arg name "$name" --arg version "$version_data" --arg date "$date" \
-                  '. += [{"name": $name, "version": $version, "date": $date}]' "$output_file" > "$output_file.tmp" && mv "$output_file.tmp" "$output_file"
-              fi
-            done
-            ((page++))
-          done
-
-      - name: Commit JSON
-        env:
-          GH_TOKEN: ${{ steps.generate-token.outputs.token }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "GitHub Actions[bot]"
-          git checkout -b update_versions || git checkout update_versions
-          git add frontend/public/json/versions.json
-          if git diff --cached --quiet; then
-            echo "No changes detected."
-            echo "changed=false" >> "$GITHUB_ENV"
-            exit 0
-          else
-            echo "Changes detected:"
-            git diff --stat --cached
-            echo "changed=true" >> "$GITHUB_ENV"
-          fi
-          git commit -m "Update versions.json"
-          git push origin update_versions --force
-          gh pr create --title "[Github Action] Update versions.json" --body "Update versions.json, crawled from newreleases.io" --base main --head update_versions --label "automated pr"
-
-      - name: Approve pull request
-        if: env.changed == 'true'
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --head "update_versions" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-          fi
-
-      - name: Approve pull request and merge
-        if: env.changed == 'true'
-        env:
-          GH_TOKEN: ${{ secrets.PAT_AUTOMERGE }}
-        run: |
-          PR_NUMBER=$(gh pr list --head "update_versions" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-            gh pr merge $PR_NUMBER --squash --admin
-          fi
-
-      - name: Re-approve pull request after update
-        if: env.changed == 'true'
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --head "update_versions" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-          fi

.github/workflows/bak/script-test.yml

@@ -1,175 +0,0 @@
-name: Run Scripts on PVE Node for testing
-permissions:
-  pull-requests: write
-on:
-  pull_request_target:
-    branches:
-      - main
-    paths:
-      - "install/**.sh"
-      - "ct/**.sh"
-
-jobs:
-  run-install-script:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: pvenode
-    steps:
-      - name: Checkout PR branch
-        uses: actions/checkout@v4
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          fetch-depth: 0
-
-      - name: Add Git safe directory
-        run: |
-          git config --global --add safe.directory /__w/ProxmoxVE/ProxmoxVE
-
-      - name: Set up GH_TOKEN
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          echo "GH_TOKEN=${GH_TOKEN}" >> $GITHUB_ENV
-
-      - name: Get Changed Files
-        run: |
-          CHANGED_FILES=$(gh pr diff ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --name-only)
-          CHANGED_FILES=$(echo "$CHANGED_FILES" | tr '\n' ' ')
-          echo "Changed files: $CHANGED_FILES"
-          echo "SCRIPT=$CHANGED_FILES" >> $GITHUB_ENV
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Get scripts
-        id: check-install-script
-        run: |
-          ALL_FILES=()
-          ADDED_FILES=()  
-          for FILE in ${{ env.SCRIPT }}; do           
-            if [[ $FILE =~ ^install/.*-install\.sh$ ]] || [[ $FILE =~ ^ct/.*\.sh$ ]]; then             
-              STRIPPED_NAME=$(basename "$FILE" | sed 's/-install//' | sed 's/\.sh$//')
-              if [[ ! " ${ADDED_FILES[@]} " =~ " $STRIPPED_NAME " ]]; then
-                ALL_FILES+=("$FILE")
-                ADDED_FILES+=("$STRIPPED_NAME")  # Mark this base file as added (without the path)
-              fi
-            fi
-          done
-          ALL_FILES=$(echo "${ALL_FILES[@]}" | xargs)
-          echo "$ALL_FILES"
-          echo "ALL_FILES=$ALL_FILES" >> $GITHUB_ENV
-
-      - name: Run scripts
-        id: run-install
-        continue-on-error: true
-        run: |
-          set +e  
-          #run for each files in /ct
-          for FILE in ${{ env.ALL_FILES }}; do            
-            STRIPPED_NAME=$(basename "$FILE" | sed 's/-install//' | sed 's/\.sh$//')
-            echo "Running Test for: $STRIPPED_NAME"
-            if grep -E -q 'read\s+-r\s+-p\s+".*"\s+\w+' "$FILE"; then
-              echo "The script contains an interactive prompt. Skipping execution."
-              continue
-            fi
-            if [[ $FILE =~ ^install/.*-install\.sh$ ]]; then
-              CT_SCRIPT="ct/$STRIPPED_NAME.sh"
-              if [[ ! -f $CT_SCRIPT ]]; then
-                echo "No CT script found for $STRIPPED_NAME"
-                ERROR_MSG="No CT script found for $FILE"
-                echo "$ERROR_MSG" > result_$STRIPPED_NAME.log
-                continue
-              fi
-                if grep -E -q 'read\s+-r\s+-p\s+".*"\s+\w+' "install/$STRIPPED_NAME-install.sh"; then
-                  echo "The script contains an interactive prompt. Skipping execution."
-                  continue
-                fi
-                echo "Found CT script for $STRIPPED_NAME"
-                chmod +x "$CT_SCRIPT"
-                RUNNING_FILE=$CT_SCRIPT
-            elif [[ $FILE =~ ^ct/.*\.sh$ ]]; then
-              INSTALL_SCRIPT="install/$STRIPPED_NAME-install.sh"
-              if [[ ! -f $INSTALL_SCRIPT ]]; then
-                echo "No install script found for $STRIPPED_NAME"
-                ERROR_MSG="No install script found for $FILE"
-                echo "$ERROR_MSG" > result_$STRIPPED_NAME.log
-                continue
-              fi                
-                echo "Found install script for $STRIPPED_NAME"
-                chmod +x "$INSTALL_SCRIPT"
-                RUNNING_FILE=$FILE
-                if grep -E -q 'read\s+-r\s+-p\s+".*"\s+\w+' "ct/$STRIPPED_NAME.sh"; then
-                  echo "The script contains an interactive prompt. Skipping execution."
-                  continue
-                fi
-            fi
-            git remote add community-scripts https://github.com/community-scripts/ProxmoxVE.git
-            git fetch community-scripts
-            rm -f .github/workflows/scripts/app-test/pr-build.func || true
-            rm -f .github/workflows/scripts/app-test/pr-install.func || true
-            rm -f .github/workflows/scripts/app-test/pr-alpine-install.func || true
-            rm -f .github/workflows/scripts/app-test/pr-create-lxc.sh || true
-            git checkout community-scripts/main -- .github/workflows/scripts/app-test/pr-build.func
-            git checkout community-scripts/main -- .github/workflows/scripts/app-test/pr-install.func
-            git checkout community-scripts/main -- .github/workflows/scripts/app-test/pr-alpine-install.func
-            git checkout community-scripts/main -- .github/workflows/scripts/app-test/pr-create-lxc.sh
-            chmod +x $RUNNING_FILE         
-            chmod +x .github/workflows/scripts/app-test/pr-create-lxc.sh
-            chmod +x .github/workflows/scripts/app-test/pr-install.func
-            chmod +x .github/workflows/scripts/app-test/pr-alpine-install.func
-            chmod +x .github/workflows/scripts/app-test/pr-build.func
-            sed -i 's|source <(curl -fsSL https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/misc/build.func)|source .github/workflows/scripts/app-test/pr-build.func|g' "$RUNNING_FILE"
-            echo "Executing $RUNNING_FILE"
-            ERROR_MSG=$(./$RUNNING_FILE 2>&1 > /dev/null)
-            echo "Finished running $FILE"
-            if [ -n "$ERROR_MSG" ]; then
-              echo "ERROR in $STRIPPED_NAME: $ERROR_MSG"
-              echo "$ERROR_MSG" > result_$STRIPPED_NAME.log
-            fi
-          done
-          set -e  # Restore exit-on-error
-
-      - name: Cleanup PVE Node
-        run: |
-          containers=$(pct list | tail -n +2 | awk '{print $0 " " $4}' | awk '{print $1}')
-
-          for container_id in $containers; do
-            status=$(pct status $container_id | awk '{print $2}')
-            if [[ $status == "running" ]]; then
-                pct stop $container_id
-                pct destroy $container_id
-            fi            
-          done
-
-      - name: Post error comments
-        run: |
-          ERROR="false"
-          SEARCH_LINE=".github/workflows/scripts/app-test/pr-build.func: line 255:"
-
-          # Get all existing comments on the PR
-          EXISTING_COMMENTS=$(gh pr view ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --json comments --jq '.comments[].body')
-
-          for FILE in ${{ env.ALL_FILES }}; do
-            STRIPPED_NAME=$(basename "$FILE" | sed 's/-install//' | sed 's/\.sh$//')
-            if [[ ! -f result_$STRIPPED_NAME.log ]]; then
-              continue
-            fi
-            ERROR_MSG=$(cat result_$STRIPPED_NAME.log)
-
-            if [ -n "$ERROR_MSG" ]; then
-              CLEANED_ERROR_MSG=$(echo "$ERROR_MSG" | sed "s|$SEARCH_LINE.*||")
-              COMMENT_BODY=":warning: The script _**$FILE**_ failed with the following message: <br> <div><strong>${CLEANED_ERROR_MSG}</strong></div>"
-
-              # Check if the comment already exists
-              if echo "$EXISTING_COMMENTS" | grep -qF "$COMMENT_BODY"; then
-                echo "Skipping duplicate comment for $FILE"
-              else
-                echo "Posting error message for $FILE"
-                gh pr comment ${{ github.event.pull_request.number }} \
-                  --repo ${{ github.repository }} \
-                  --body "$COMMENT_BODY"
-                ERROR="true"
-              fi
-            fi
-          done
-
-          echo "ERROR=$ERROR" >> $GITHUB_ENV

.github/workflows/bak/script_format.yml

@@ -1,243 +0,0 @@
-name: Script Format Check
-permissions:
-  pull-requests: write
-on:
-  pull_request_target:
-    branches:
-      - main
-    paths:
-      - "install/*.sh"
-      - "ct/*.sh"
-
-jobs:
-  run-install-script:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: pvenode
-    steps:
-      - name: Checkout PR branch (supports forks)
-        uses: actions/checkout@v4
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          fetch-depth: 0
-
-      - name: Add Git safe directory
-        run: |
-          git config --global --add safe.directory /__w/ProxmoxVE/ProxmoxVE
-
-      - name: Set up GH_TOKEN
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          echo "GH_TOKEN=${GH_TOKEN}" >> $GITHUB_ENV
-
-      - name: Get Changed Files
-        run: |
-          CHANGED_FILES=$(gh pr diff ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --name-only)
-          CHANGED_FILES=$(echo "$CHANGED_FILES" | tr '\n' ' ')
-          echo "Changed files: $CHANGED_FILES"
-          echo "SCRIPT=$CHANGED_FILES" >> $GITHUB_ENV
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Check scripts
-        id: run-install
-        continue-on-error: true
-        run: |
-          for FILE in ${{ env.SCRIPT }}; do
-              STRIPPED_NAME=$(basename "$FILE" | sed 's/-install//' | sed 's/\.sh$//')
-              echo "Running Test for: $STRIPPED_NAME"
-              FILE_STRIPPED="${FILE##*/}"
-              LOG_FILE="result_$FILE_STRIPPED.log"
-
-              if [[ $FILE =~ ^ct/.*\.sh$ ]]; then
-
-                FIRST_LINE=$(sed -n '1p' "$FILE")
-                [[ "$FIRST_LINE" != "#!/usr/bin/env bash" ]] && echo "Line 1 was $FIRST_LINE | Should be: #!/usr/bin/env bash" >> "$LOG_FILE"
-                SECOND_LINE=$(sed -n '2p' "$FILE")
-                [[ "$SECOND_LINE" != "source <(curl -fsSL https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/misc/build.func)" ]] && 
-                echo "Line 2 was $SECOND_LINE | Should be: source <(curl -fsSL https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/misc/build.func)" >> "$LOG_FILE"
-                THIRD_LINE=$(sed -n '3p' "$FILE")
-                 if ! [[ "$THIRD_LINE" =~ ^#\ Copyright\ \(c\)\ [0-9]{4}-[0-9]{4}\ community-scripts\ ORG$ || "$THIRD_LINE" =~ ^Copyright\ \(c\)\ [0-9]{4}-[0-9]{4}\ tteck$ ]]; then
-                     echo "Line 3 was $THIRD_LINE | Should be: # Copyright (c) 2021-2026 community-scripts ORG" >> "$LOG_FILE"
-                 fi
-
-              EXPECTED_AUTHOR="# Author:"
-              EXPECTED_LICENSE="# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE"
-              EXPECTED_SOURCE="# Source:"
-              EXPECTED_EMPTY=""
-
-              for i in {4..7}; do
-                  LINE=$(sed -n "${i}p" "$FILE")
-
-                  case $i in
-                      4) 
-                          [[ $LINE == $EXPECTED_AUTHOR* ]] || printf "Line %d was: '%s' | Should start with: '%s'\n" "$i" "$LINE" "$EXPECTED_AUTHOR" >> $LOG_FILE
-                          ;;
-                      5) 
-                          [[ "$LINE" == "$EXPECTED_LICENSE" ]] || printf "Line %d was: '%s' | Should be: '%s'\n" "$i" "$LINE" "$EXPECTED_LICENSE" >> $LOG_FILE
-                          ;;
-                      6) 
-                          [[ $LINE == $EXPECTED_SOURCE* ]] || printf "Line %d was: '%s' | Should start with: '%s'\n" "$i" "$LINE" "$EXPECTED_SOURCE" >> $LOG_FILE
-                          ;;
-                      7) 
-                          [[ -z $LINE ]] || printf "Line %d was: '%s' | Should be empty\n" "$i" "$LINE" >> $LOG_FILE
-                          ;;
-                  esac
-              done
-                  
-              
-              EXPECTED_PREFIXES=(
-                  "APP="
-                  "var_tags="
-                  "var_cpu="   # Must be a number
-                  "var_ram="   # Must be a number
-                  "var_disk="  # Must be a number
-                  "var_os="    # Must be debian, alpine, or ubuntu
-                  "var_version="
-                  "var_unprivileged="  # Must be 0 or 1
-              )
-
-
-              for i in {8..15}; do
-                  LINE=$(sed -n "${i}p" "$FILE")
-                  INDEX=$((i - 8))
-
-                  case $INDEX in
-                      2|3|4)  # var_cpu, var_ram, var_disk (must be numbers)
-                          if [[ "$LINE" =~ ^${EXPECTED_PREFIXES[$INDEX]}([0-9]+)$ ]]; then
-                              continue  # Valid
-                          else
-                              echo "Line $i was '$LINE' | Should be: '${EXPECTED_PREFIXES[$INDEX]}<NUMBER>'" >> "$LOG_FILE"
-                          fi
-                          ;;
-                      5)  # var_os (must be debian, alpine, or ubuntu)
-                          if [[ "$LINE" =~ ^var_os=(debian|alpine|ubuntu)$ ]]; then
-                              continue  # Valid
-                          else
-                              echo "Line $i was '$LINE' | Should be: 'var_os=[debian|alpine|ubuntu]'" >> "$LOG_FILE"
-                          fi
-                          ;;
-                      7)  # var_unprivileged (must be 0 or 1)
-                          if [[ "$LINE" =~ ^var_unprivileged=[01]$ ]]; then
-                              continue  # Valid
-                          else
-                              echo "Line $i was '$LINE' | Should be: 'var_unprivileged=[0|1]'" >> "$LOG_FILE"
-                          fi
-                          ;;
-                      *)  # Other lines (must start with expected prefix)
-                          if [[ "$LINE" == ${EXPECTED_PREFIXES[$INDEX]}* ]]; then
-                              continue  # Valid
-                          else
-                              echo "Line $i was '$LINE' | Should start with '${EXPECTED_PREFIXES[$INDEX]}'" >> "$LOG_FILE"
-                          fi
-                          ;;
-                  esac
-              done
-
-              for i in {16..20}; do
-                  LINE=$(sed -n "${i}p" "$FILE")
-                  EXPECTED=(
-                      "header_info \"$APP\""
-                      "variables"
-                      "color"
-                      "catch_errors"
-                      "function update_script() {"
-                  )
-                  [[ "$LINE" != "${EXPECTED[$((i-16))]}" ]] && echo "Line $i was $LINE | Should be: ${EXPECTED[$((i-16))]}" >> "$LOG_FILE"
-              done
-            cat "$LOG_FILE"
-          elif [[ $FILE =~ ^install/.*-install\.sh$ ]]; then
-
-              FIRST_LINE=$(sed -n '1p' "$FILE")
-              [[ "$FIRST_LINE" != "#!/usr/bin/env bash" ]] && echo "Line 1 was $FIRST_LINE | Should be: #!/usr/bin/env bash" >> "$LOG_FILE"
-
-              SECOND_LINE=$(sed -n '2p' "$FILE")
-              [[ -n "$SECOND_LINE" ]] && echo "Line 2 should be empty" >> "$LOG_FILE"
-
-              THIRD_LINE=$(sed -n '3p' "$FILE")
-              if ! [[ "$THIRD_LINE" =~ ^#\ Copyright\ \(c\)\ [0-9]{4}-[0-9]{4}\ community-scripts\ ORG$ || "$THIRD_LINE" =~ ^Copyright\ \(c\)\ [0-9]{4}-[0-9]{4}\ tteck$ ]]; then
-                  echo "Line 3 was $THIRD_LINE | Should be: # Copyright (c) 2021-2026 community-scripts ORG" >> "$LOG_FILE"
-              fi
-
-              EXPECTED_AUTHOR="# Author:"
-              EXPECTED_LICENSE="# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE"
-              EXPECTED_SOURCE="# Source:"
-              EXPECTED_EMPTY=""
-
-              for i in {4..7}; do
-                  LINE=$(sed -n "${i}p" "$FILE")
-
-                  case $i in
-                      4) 
-                          [[ $LINE == $EXPECTED_AUTHOR* ]] || printf "Line %d was: '%s' | Should start with: '%s'\n" "$i" "$LINE" "$EXPECTED_AUTHOR" >> $LOG_FILE
-                          ;;
-                      5) 
-                          [[ "$LINE" == "$EXPECTED_LICENSE" ]] || printf "Line %d was: '%s' | Should be: '%s'\n" "$i" "$LINE" "$EXPECTED_LICENSE" >> $LOG_FILE
-                          ;;
-                      6) 
-                          [[ $LINE == $EXPECTED_SOURCE* ]] || printf "Line %d was: '%s' | Should start with: '%s'\n" "$i" "$LINE" "$EXPECTED_SOURCE" >> $LOG_FILE
-                          ;;
-                      7) 
-                          [[ -z $LINE ]] || printf "Line %d was: '%s' | Should be empty\n" "$i" "$LINE" >> $LOG_FILE
-                          ;;
-                  esac
-              done
-
-            [[ "$(sed -n '8p' "$FILE")" != 'source /dev/stdin <<< "$FUNCTIONS_FILE_PATH"' ]] && echo 'Line 8 should be: source /dev/stdin <<< "$FUNCTIONS_FILE_PATH"' >> "$LOG_FILE"
-
-            for i in {9..14}; do
-                LINE=$(sed -n "${i}p" "$FILE")
-                EXPECTED=(
-                    "color"
-                    "verb_ip6"
-                    "catch_errors"
-                    "setting_up_container"
-                    "network_check"
-                    "update_os"
-                )
-                [[ "$LINE" != "${EXPECTED[$((i-9))]}" ]] && echo "Line $i was $LINE | Should be: ${EXPECTED[$((i-9))]}" >> "$LOG_FILE"
-            done
-
-            [[ -n "$(sed -n '15p' "$FILE")" ]] && echo "Line 15 should be empty" >> "$LOG_FILE"
-            [[ "$(sed -n '16p' "$FILE")" != 'msg_info "Installing Dependencies"' ]] && echo 'Line 16 should be: msg_info "Installing Dependencies"' >> "$LOG_FILE"
-
-            LAST_3_LINES=$(tail -n 3 "$FILE")
-            [[ "$LAST_3_LINES" != *"$STD apt-get -y autoremove"* ]] && echo 'Third to last line should be: $STD apt-get -y autoremove' >> "$LOG_FILE"
-            [[ "$LAST_3_LINES" != *"$STD apt-get -y autoclean"* ]] && echo 'Second to last line should be: $STD apt-get -y clean' >> "$LOG_FILE"
-            [[ "$LAST_3_LINES" != *'msg_ok "Cleaned"'* ]] && echo 'Last line should be: msg_ok "Cleaned"' >> "$LOG_FILE"
-          cat "$LOG_FILE"
-          fi
-            
-          done
-
-      - name: Post error comments
-        run: |
-          ERROR="false"
-          for FILE in ${{ env.SCRIPT }}; do
-            FILE_STRIPPED="${FILE##*/}"
-            LOG_FILE="result_$FILE_STRIPPED.log"
-            echo $LOG_FILE
-            if [[ ! -f $LOG_FILE ]]; then
-              continue
-            fi
-            ERROR_MSG=$(cat $LOG_FILE)
-
-            if [ -n "$ERROR_MSG" ]; then
-              echo "Posting error message for $FILE"
-              echo ${ERROR_MSG}
-              gh pr comment ${{ github.event.pull_request.number }} \
-                --repo ${{ github.repository }} \
-                --body ":warning: The script _**$FILE**_ has the following formatting errors: <br> <div><strong>${ERROR_MSG}</strong></div>"
-
-              
-              ERROR="true"
-            fi
-          done
-          echo "ERROR=$ERROR" >> $GITHUB_ENV
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Fail if error
-        if: ${{ env.ERROR == 'true' }}
-        run: exit 1

.github/workflows/bak/validate-filenames.yml

@@ -1,158 +0,0 @@
-name: Validate filenames
-
-on:
-  pull_request_target:
-    paths:
-      - "ct/*.sh"
-      - "install/*.sh"
-      - "frontend/public/json/*.json"
-
-jobs:
-  check-files:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    name: Check changed files
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-
-    steps:
-      - name: Get pull request information
-        if: github.event_name == 'pull_request_target'
-        uses: actions/github-script@v7
-        id: pr
-        with:
-          script: |
-            const { data: pullRequest } = await github.rest.pulls.get({
-              ...context.repo,
-              pull_number: context.payload.pull_request.number,
-            });
-            return pullRequest;
-
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0 # Ensure the full history is fetched for accurate diffing
-          ref: ${{ github.event_name == 'pull_request_target' && fromJSON(steps.pr.outputs.result).merge_commit_sha || '' }}
-
-      - name: Get changed files
-        id: changed-files
-        run: |
-          if ${{ github.event_name == 'pull_request_target' }}; then
-              echo "files=$(git diff --name-only ${{ github.event.pull_request.base.sha }} ${{ steps.pr.outputs.result && fromJSON(steps.pr.outputs.result).merge_commit_sha }} | xargs)" >> $GITHUB_OUTPUT
-          else
-              echo "files=$(git diff --name-only ${{ github.event.before }} ${{ github.event.after }} | xargs)" >> $GITHUB_OUTPUT
-          fi
-
-      - name: "Validate filenames in ct and install directory"
-        if: always() && steps.changed-files.outputs.files != ''
-        id: check-scripts
-        run: |
-          CHANGED_FILES=$(printf "%s\n" ${{ steps.changed-files.outputs.files }} | { grep -E '^(ct|install)/.*\.sh$' || true; })
-
-          NON_COMPLIANT_FILES=""
-          for FILE in $CHANGED_FILES; do
-            BASENAME=$(echo "$(basename "${FILE%.*}")")
-            if [[ ! "$BASENAME" =~ ^[a-z0-9-]+$ ]]; then
-              NON_COMPLIANT_FILES="$NON_COMPLIANT_FILES $FILE"
-            fi
-          done
-
-          if [ -n "$NON_COMPLIANT_FILES" ]; then
-            echo "files=$NON_COMPLIANT_FILES" >> $GITHUB_OUTPUT
-            echo "Non-compliant filenames found, change to lowercase:"
-            for FILE in $NON_COMPLIANT_FILES; do
-              echo "$FILE"
-            done
-            exit 1
-          fi
-
-      - name: "Validate filenames in json directory."
-        if: always() && steps.changed-files.outputs.files != ''
-        id: check-json
-        run: |
-          CHANGED_FILES=$(printf "%s\n" ${{ steps.changed-files.outputs.files }} | { grep -E '^json/.*\.json$' || true; })
-
-          NON_COMPLIANT_FILES=""
-          for FILE in $CHANGED_FILES; do
-            BASENAME=$(echo "$(basename "${FILE%.*}")")
-            if [[ ! "$BASENAME" =~ ^[a-z0-9-]+$ ]]; then
-                    NON_COMPLIANT_FILES="$NON_COMPLIANT_FILES $FILE"
-            fi
-          done
-
-          if [ -n "$NON_COMPLIANT_FILES" ]; then
-            echo "files=$NON_COMPLIANT_FILES" >> $GITHUB_OUTPUT
-            echo "Non-compliant filenames found, change to lowercase:"
-            for FILE in $NON_COMPLIANT_FILES; do
-              echo "$FILE"
-            done
-            exit 1
-          fi
-
-      - name: Post results and comment
-        if: always() && steps.check-scripts.outputs.files != '' && steps.check-json.outputs.files != '' && github.event_name == 'pull_request_target'
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const result = "${{ job.status }}" === "success" ? "success" : "failure";
-            const nonCompliantFiles = {
-              script: "${{ steps.check-scripts.outputs.files }}",
-              JSON: "${{ steps.check-json.outputs.files }}",
-            };
-
-            const issueNumber = context.payload.pull_request
-              ? context.payload.pull_request.number
-              : null;
-            const commentIdentifier = "validate-filenames";
-            let newCommentBody = `<!-- ${commentIdentifier}-start -->\n### Filename validation\n\n`;
-
-            if (result === "failure") {
-              newCommentBody += ":x: We found issues in the following changed files:\n\n";
-              for (const [check, files] of Object.entries(nonCompliantFiles)) {
-                if (files) {
-                  newCommentBody += `**${check.charAt(0).toUpperCase() + check.slice(1)} filename invalid:**\n${files
-                    .trim()
-                    .split(" ")
-                    .map((file) => `- ${file}`)
-                    .join("\n")}\n\n`;
-                }
-              }
-              newCommentBody +=
-                "Please change the filenames to lowercase and use only alphanumeric characters and dashes.\n";
-            } else {
-              newCommentBody += `:rocket: All files passed filename validation!\n`;
-            }
-
-            newCommentBody += `\n\n<!-- ${commentIdentifier}-end -->`;
-
-            if (issueNumber) {
-              const { data: comments } = await github.rest.issues.listComments({
-                ...context.repo,
-                issue_number: issueNumber,
-              });
-
-              const existingComment = comments.find(
-                (comment) => comment.user.login === "github-actions[bot]",
-              );
-
-              if (existingComment) {
-                if (existingComment.body.includes(commentIdentifier)) {
-                  const re = new RegExp(String.raw`<!-- ${commentIdentifier}-start -->[\s\S]*?<!-- ${commentIdentifier}-end -->`, "");
-                  newCommentBody = existingComment.body.replace(re, newCommentBody);
-                } else {
-                  newCommentBody = existingComment.body + '\n\n---\n\n' + newCommentBody;
-                }
-
-                await github.rest.issues.updateComment({
-                  ...context.repo,
-                  comment_id: existingComment.id,
-                  body: newCommentBody,
-                });
-              } else {
-                await github.rest.issues.createComment({
-                  ...context.repo,
-                  issue_number: issueNumber,
-                  body: newCommentBody,
-                });
-              }
-            }

.github/workflows/close-discussion.yml

@@ -1,164 +0,0 @@
-name: Close Discussion on PR Merge
-
-on:
-  push:
-    branches:
-      - main
-
-permissions:
-  contents: read
-  discussions: write
-
-jobs:
-  close-discussion:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-
-      - name: Set Up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-
-      - name: Install Dependencies
-        run: npm install zx @octokit/graphql
-
-      - name: Close Discussion
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          GITHUB_SHA: ${{ github.sha }}
-          GITHUB_REPOSITORY: ${{ github.repository }}
-        run: |
-          npx zx << 'EOF'
-          import { graphql } from "@octokit/graphql";
-
-          (async function () {
-            try {
-              const token = process.env.GITHUB_TOKEN;
-              const commitSha = process.env.GITHUB_SHA;
-              const [owner, repo] = process.env.GITHUB_REPOSITORY.split("/");
-
-              if (!token || !commitSha || !owner || !repo) {
-                console.log("Missing required environment variables.");
-                process.exit(1);
-              }
-
-              const graphqlWithAuth = graphql.defaults({
-                headers: { authorization: `Bearer ${token}` },
-              });
-
-              // Find PR from commit SHA
-              const searchQuery = `
-                query($owner: String!, $repo: String!, $sha: GitObjectID!) {
-                  repository(owner: $owner, name: $repo) {
-                    object(oid: $sha) {
-                      ... on Commit {
-                        associatedPullRequests(first: 1) {
-                          nodes {
-                            number
-                            body
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              `;
-
-              const prResult = await graphqlWithAuth(searchQuery, {
-                owner,
-                repo,
-                sha: commitSha,
-              });
-
-              const pr = prResult.repository.object.associatedPullRequests.nodes[0];
-              if (!pr) {
-                console.log("No PR found for this commit.");
-                return;
-              }
-
-              const prNumber = pr.number;
-              const prBody = pr.body;
-
-              const match = prBody.match(/#(\d+)/);
-              if (!match) {
-                console.log("No discussion ID found in PR body.");
-                return;
-              }
-
-              const discussionNumber = match[1];
-              console.log(`Extracted Discussion Number: ${discussionNumber}`);
-
-              // Fetch GraphQL discussion ID
-              const discussionQuery = `
-                query($owner: String!, $repo: String!, $number: Int!) {
-                  repository(owner: $owner, name: $repo) {
-                    discussion(number: $number) {
-                      id
-                    }
-                  }
-                }
-              `;
-
-              let discussionQLId;
-              try {
-                const discussionResponse = await graphqlWithAuth(discussionQuery, {
-                  owner,
-                  repo,
-                  number: parseInt(discussionNumber, 10),
-                });
-
-                discussionQLId = discussionResponse.repository.discussion.id;
-                if (!discussionQLId) {
-                  console.log("Failed to fetch discussion GraphQL ID.");
-                  return;
-                }
-              } catch (error) {
-                console.error("Discussion not found or error occurred while fetching discussion:", error);
-                return;
-              }
-
-              // Post comment
-              const commentMutation = `
-                mutation($discussionId: ID!, $body: String!) {
-                  addDiscussionComment(input: { discussionId: $discussionId, body: $body }) {
-                    comment { id body }
-                  }
-                }
-              `;
-
-              const commentResponse = await graphqlWithAuth(commentMutation, {
-                discussionId: discussionQLId,
-                body: `Merged with PR #${prNumber}`,
-              });
-
-              const commentId = commentResponse.addDiscussionComment.comment.id;
-              if (!commentId) {
-                console.log("Failed to post the comment.");
-                return;
-              }
-
-              console.log(`Comment Posted Successfully! Comment ID: ${commentId}`);
-
-              // Mark comment as answer
-              const markAnswerMutation = `
-                mutation($id: ID!) {
-                  markDiscussionCommentAsAnswer(input: { id: $id }) {
-                    discussion { id title }
-                  }
-                }
-              `;
-
-              await graphqlWithAuth(markAnswerMutation, { id: commentId });
-
-              console.log("Comment marked as answer successfully!");
-
-            } catch (error) {
-              console.error("Error:", error);
-              process.exit(1);
-            }
-          })();
-          EOF

.github/workflows/create-docker-for-runner.yml

@@ -1,38 +0,0 @@
-name: Build and Publish Docker Image
-
-on:
-  push:
-    branches:
-      - main 
-    paths:
-      - '.github/runner/docker/**' 
-  schedule:
-    - cron: '0 0 * * *'  
-
-jobs:
-  build:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest #To ensure it always builds we use the github runner with all the right tooling
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-
-      - name: Log in to GHCR
-        uses: docker/login-action@v2
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Build Docker image
-        run: |
-          repo_name=${{ github.repository }}  # Get repository name
-          repo_name_lower=$(echo $repo_name | tr '[:upper:]' '[:lower:]')  # Convert to lowercase
-          docker build -t ghcr.io/$repo_name_lower/gh-runner-self:latest -f .github/runner/docker/gh-runner-self.dockerfile .
-  
-      - name: Push Docker image to GHCR
-        run: |
-          repo_name=${{ github.repository }}  # Get repository name
-          repo_name_lower=$(echo $repo_name | tr '[:upper:]' '[:lower:]')  # Convert to lowercase
-          docker push ghcr.io/$repo_name_lower/gh-runner-self:latest

.github/workflows/delete-json-branch.yml

@@ -1,29 +0,0 @@
-
-name: Delete JSON date PR  Branch
-
-on:
-  pull_request:
-    types: [closed]
-    branches:
-      - main
-
-jobs:
-  delete_branch:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout the code
-        uses: actions/checkout@v3
-
-      - name: Delete PR Update Branch
-        if: github.event.pull_request.merged == true && startsWith(github.event.pull_request.head.ref, 'pr-update-json-')
-        run: |
-          PR_BRANCH="${{ github.event.pull_request.head.ref }}"
-          echo "Deleting branch $PR_BRANCH..."
-
-          # Avoid deleting the default branch (e.g., main)
-          if [[ "$PR_BRANCH" != "main" ]]; then
-            git push origin --delete "$PR_BRANCH"
-          else
-            echo "Skipping deletion of the main branch"
-          fi

.github/workflows/delete-pocketbase-entry-on-removal.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     paths:
-      - "frontend/public/json/**"
+      - "json/**"
       - "vm/**"
       - "tools/**"
       - "turnkey/**"
@@ -29,7 +29,7 @@ jobs:
           slugs=""
 
           # Deleted JSON files: get slug from previous commit
-          deleted_json=$(git diff --name-only --diff-filter=D "$BEFORE" "$AFTER" -- frontend/public/json/ | grep '\.json$' || true)
+          deleted_json=$(git diff --name-only --diff-filter=D "$BEFORE" "$AFTER" -- json/ | grep '\.json$' || true)
           for f in $deleted_json; do
             [[ -z "$f" ]] && continue
             s=$(git show "$BEFORE:$f" 2>/dev/null | jq -r '.slug // empty' 2>/dev/null || true)

.github/workflows/frontend-cicd.yml

@@ -1,147 +0,0 @@
-# Based on https://github.com/actions/starter-workflows/blob/main/pages/nextjs.yml
-
-name: Frontend CI/CD
-
-on:
-  push:
-    branches: ["main"]
-    paths:
-      - frontend/**
-
-  pull_request:
-    branches: ["main"]
-    types: [opened, synchronize, reopened, edited]
-    paths:
-      - frontend/**
-
-  workflow_dispatch:
-
-permissions:
-  contents: read
-
-concurrency:
-  group: pages-${{ github.ref }}
-  cancel-in-progress: false
-
-jobs:
-  test-json-files:
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: frontend
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup Python
-        uses: actions/setup-python@v4
-        with:
-          python-version: "3.x"
-
-      - name: Test JSON files
-        run: |
-          python3 << 'EOF'
-          import json
-          import glob
-          import os
-          import sys
-
-          def test_json_files():
-              # Change to the correct directory
-              json_dir = "public/json"
-              if not os.path.exists(json_dir):
-                  print(f"❌ Directory not found: {json_dir}")
-                  return False
-              
-              # Find all JSON files
-              pattern = os.path.join(json_dir, "*.json")
-              json_files = glob.glob(pattern)
-              
-              if not json_files:
-                  print(f"⚠️  No JSON files found in {json_dir}")
-                  return True
-              
-              print(f"Testing {len(json_files)} JSON files for valid syntax...")
-              
-              invalid_files = []
-              
-              for file_path in json_files:
-                  try:
-                      with open(file_path, 'r', encoding='utf-8') as f:
-                          json.load(f)
-                      print(f"✅ Valid JSON: {file_path}")
-                  except json.JSONDecodeError as e:
-                      print(f"❌ Invalid JSON syntax in: {file_path}")
-                      print(f"   Error: {e}")
-                      invalid_files.append(file_path)
-                  except Exception as e:
-                      print(f"⚠️  Error reading: {file_path}")
-                      print(f"   Error: {e}")
-                      invalid_files.append(file_path)
-              
-              print("\n=== JSON Validation Summary ===")
-              print(f"Total files tested: {len(json_files)}")
-              print(f"Valid files: {len(json_files) - len(invalid_files)}")
-              print(f"Invalid files: {len(invalid_files)}")
-              
-              if invalid_files:
-                  print("\n❌ Found invalid JSON file(s):")
-                  for file_path in invalid_files:
-                      print(f"  - {file_path}")
-                  return False
-              else:
-                  print("\n✅ All JSON files have valid syntax!")
-                  return True
-
-          if __name__ == "__main__":
-              success = test_json_files()
-              sys.exit(0 if success else 1)
-          EOF
-
-  build:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    needs: test-json-files
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: frontend
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
-
-      - name: Configure Next.js for pages
-        uses: actions/configure-pages@v5
-        with:
-          static_site_generator: next
-
-      - name: Build with Next.js
-        run: bun run build
-
-      - name: Upload artifact
-        if: github.ref == 'refs/heads/main'
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: frontend/out
-
-  deploy:
-    runs-on: ubuntu-latest
-    needs: build
-    if: github.ref == 'refs/heads/main' && github.repository == 'community-scripts/ProxmoxVE'
-    permissions:
-      pages: write
-      id-token: write
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

.github/workflows/push-json-to-pocketbase.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     paths:
-      - "frontend/public/json/**"
+      - "json/**"
 
 jobs:
   push-json:
@@ -19,7 +19,7 @@ jobs:
       - name: Get changed JSON files with slug
         id: changed
         run: |
-          changed=$(git diff --name-only "${{ github.event.before }}" "${{ github.event.after }}" -- frontend/public/json/ | grep '\.json$' || true)
+          changed=$(git diff --name-only "${{ github.event.before }}" "${{ github.event.after }}" -- json/ | grep '\.json$' || true)
           with_slug=""
           for f in $changed; do
             [[ -f "$f" ]] || continue
@@ -96,7 +96,7 @@ jobs:
           const recordsUrl = apiBase + '/collections/' + encodeURIComponent(coll) + '/records';
           let categoryIdToName = {};
           try {
-            const metadata = JSON.parse(fs.readFileSync('frontend/public/json/metadata.json', 'utf8'));
+            const metadata = JSON.parse(fs.readFileSync('json/metadata.json', 'utf8'));
             (metadata.categories || []).forEach(function(cat) { categoryIdToName[cat.id] = cat.name; });
           } catch (e) { console.warn('Could not load metadata.json:', e.message); }
           let typeValueToId = {};

.github/workflows/push-to-gitea.yaml

@@ -1,48 +0,0 @@
-name: Sync to Gitea
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  sync:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout source repo
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Change all links to git.community-scripts.org
-        run: |
-          echo "Searching for files containing raw.githubusercontent.com URLs..."
-
-          # Find all files containing GitHub raw URLs, excluding certain directories
-          files_with_github_urls=$(grep -r "https://raw.githubusercontent.com/community-scripts/ProxmoxVE" . --exclude-dir=.git --exclude-dir=node_modules --exclude-dir=.github/workflows --files-with-matches || true)
-
-          if [ -n "$files_with_github_urls" ]; then
-            echo "$files_with_github_urls" | while read file; do
-              if [ -f "$file" ]; then
-                sed -i 's|https://raw\.githubusercontent\.com/community-scripts/ProxmoxVE/|https://git.community-scripts.org/community-scripts/ProxmoxVE/raw/branch/|g' "$file"
-              fi
-            done         
-          else
-            echo "No files found containing GitHub raw URLs"
-          fi
-
-          
-
-      - name: Push to Gitea
-        run: |
-          git config --global user.name "Push From Github"
-          git config --global user.email "actions@github.com"
-          git remote add gitea https://$GITEA_USER:$GITEA_TOKEN@git.community-scripts.org/community-scripts/ProxmoxVE.git
-          git add .
-          git commit -m "Sync to Gitea"
-          git push gitea --all --force
-        env:
-          GITEA_USER: ${{ secrets.GITEA_USERNAME }}
-          GITEA_TOKEN: ${{ secrets.GITEA_TOKEN }}

.github/workflows/scripts/app-test/pr-alpine-install.func

@@ -1,85 +0,0 @@
-#!/usr/bin/env bash
-# Copyright (c) 2021-2026 community-scripts ORG
-# Author: Michel Roegl-Brunner (michelroegl-brunner)
-# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE
-
-color() {
-  return
-}
-catch_errors() {
-  set -Eeuo pipefail
-  trap 'error_handler $LINENO "$BASH_COMMAND"' ERR
-}
-
-# This function handles errors
-error_handler() {
-  local line_number="$1"
-  local command="$2"
-  SCRIPT_NAME=$(basename "$0")
-  local error_message="$SCRIPT_NAME: Failure in line $line_number while executing command $command"
-  echo -e "\n$error_message"
-  exit 0
-}
-verb_ip6() {
-  STD=""
-  return
-}
-
-msg_info() {
-  local msg="$1"
-  echo -ne "${msg}\n"
-}
-
-msg_ok() {
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-msg_error() {
-
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-RETRY_NUM=10
-RETRY_EVERY=3
-i=$RETRY_NUM
-
-setting_up_container() {
-  while [ $i -gt 0 ]; do
-    if [ "$(ip addr show | grep 'inet ' | grep -v '127.0.0.1' | awk '{print $2}' | cut -d'/' -f1)" != "" ]; then
-      break
-    fi
-    echo 1>&2 -en "No Network! "
-    sleep $RETRY_EVERY
-    i=$((i - 1))
-  done
-
-  if [ "$(ip addr show | grep 'inet ' | grep -v '127.0.0.1' | awk '{print $2}' | cut -d'/' -f1)" = "" ]; then
-    echo 1>&2 -e "\n No Network After $RETRY_NUM Tries"
-    echo -e "Check Network Settings"
-    exit 1
-  fi
-  msg_ok "Set up Container OS"
-  msg_ok "Network Connected: $(hostname -i)"
-}
-
-network_check() {
-  RESOLVEDIP=$(getent hosts github.com | awk '{ print $1 }')
-  if [[ -z "$RESOLVEDIP" ]]; then msg_error "DNS Lookup Failure"; else msg_ok "DNS Resolved github.com to $RESOLVEDIP"; fi
-  set -e
-}
-
-update_os() {
-  msg_info "Updating Container OS"
-  $STD apk -U upgrade
-  msg_ok "Updated Container OS"
-}
-
-motd_ssh() {
-  return
-}
-
-customize() {
-  return
-}

.github/workflows/scripts/app-test/pr-build.func

@@ -1,260 +0,0 @@
-#!/usr/bin/env bash
-# Copyright (c) 2021-2026 community-scripts ORG
-# Author: Michel Roegl-Brunner (michelroegl-brunner)
-# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE
-
-variables() {
-  NSAPP=$(echo ${APP,,} | tr -d ' ') # This function sets the NSAPP variable by converting the value of the APP variable to lowercase and removing any spaces.
-  var_install="${NSAPP}-install"     # sets the var_install variable by appending "-install" to the value of NSAPP.
-
-}
-
-NEXTID=$(pvesh get /cluster/nextid)
-timezone=$(cat /etc/timezone)
-header_info() {
-  return
-}
-
-base_settings() {
-  # Default Settings
-  CT_TYPE="1"
-  DISK_SIZE="4"
-  CORE_COUNT="1"
-  RAM_SIZE="1024"
-  VERBOSE="no"
-  PW=""
-  CT_ID=$NEXTID
-  HN=$NSAPP
-  BRG="vmbr0"
-  NET="dhcp"
-  GATE=""
-  APT_CACHER=""
-  APT_CACHER_IP=""
-  DISABLEIP6="no"
-  MTU=""
-  SD=""
-  NS=""
-  MAC=""
-  VLAN=""
-  SSH="no"
-  SSH_AUTHORIZED_KEY=""
-  TAGS="community-script;"
-
-  # Override default settings with variables from ct script
-  CT_TYPE=${var_unprivileged:-$CT_TYPE}
-  DISK_SIZE=${var_disk:-$DISK_SIZE}
-  CORE_COUNT=${var_cpu:-$CORE_COUNT}
-  RAM_SIZE=${var_ram:-$RAM_SIZE}
-  VERB=${var_verbose:-$VERBOSE}
-  TAGS="${TAGS}${var_tags:-}"
-
-  # Since these 2 are only defined outside of default_settings function, we add a temporary fallback. TODO: To align everything, we should add these as constant variables (e.g. OSTYPE and OSVERSION), but that would currently require updating the default_settings function for all existing scripts
-  if [ -z "$var_os" ]; then
-    var_os="debian"
-  fi
-  if [ -z "$var_version" ]; then
-    var_version="12"
-  fi
-}
-
-color() {
-  # Colors
-  YW=$(echo "\033[33m")
-  YWB=$(echo "\033[93m")
-  BL=$(echo "\033[36m")
-  RD=$(echo "\033[01;31m")
-  BGN=$(echo "\033[4;92m")
-  GN=$(echo "\033[1;92m")
-  DGN=$(echo "\033[32m")
-
-  # Formatting
-  CL=$(echo "\033[m")
-  UL=$(echo "\033[4m")
-  BOLD=$(echo "\033[1m")
-  BFR="\\r\\033[K"
-  HOLD=" "
-  TAB="  "
-
-  # Icons
-  CM="${TAB}✔️${TAB}${CL}"
-  CROSS="${TAB}✖️${TAB}${CL}"
-  INFO="${TAB}💡${TAB}${CL}"
-  OS="${TAB}🖥️${TAB}${CL}"
-  OSVERSION="${TAB}🌟${TAB}${CL}"
-  CONTAINERTYPE="${TAB}📦${TAB}${CL}"
-  DISKSIZE="${TAB}💾${TAB}${CL}"
-  CPUCORE="${TAB}🧠${TAB}${CL}"
-  RAMSIZE="${TAB}🛠️${TAB}${CL}"
-  SEARCH="${TAB}🔍${TAB}${CL}"
-  VERIFYPW="${TAB}🔐${TAB}${CL}"
-  CONTAINERID="${TAB}🆔${TAB}${CL}"
-  HOSTNAME="${TAB}🏠${TAB}${CL}"
-  BRIDGE="${TAB}🌉${TAB}${CL}"
-  NETWORK="${TAB}📡${TAB}${CL}"
-  GATEWAY="${TAB}🌐${TAB}${CL}"
-  DISABLEIPV6="${TAB}🚫${TAB}${CL}"
-  DEFAULT="${TAB}⚙️${TAB}${CL}"
-  MACADDRESS="${TAB}🔗${TAB}${CL}"
-  VLANTAG="${TAB}🏷️${TAB}${CL}"
-  ROOTSSH="${TAB}🔑${TAB}${CL}"
-  CREATING="${TAB}🚀${TAB}${CL}"
-  ADVANCED="${TAB}🧩${TAB}${CL}"
-}
-
-catch_errors() {
-  set -Eeuo pipefail
-  trap 'error_handler $LINENO "$BASH_COMMAND"' ERR
-}
-
-# This function handles errors
-error_handler() {
-  local line_number="$1"
-  local command="$2"
-  SCRIPT_NAME=$(basename "$0")
-  local error_message="$SCRIPT_NAME: Failure in line $line_number while executing command $command"
-  echo -e "\n$error_message"
-  exit 100
-}
-
-msg_info() {
-  local msg="$1"
-  echo -ne "${msg}\n"
-}
-
-msg_ok() {
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-msg_error() {
-
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-start() {
-  base_settings
-  return
-}
-
-build_container() {
-  #  if [ "$VERB" == "yes" ]; then set -x; fi
-
-  if [ "$CT_TYPE" == "1" ]; then
-    FEATURES="keyctl=1,nesting=1"
-  else
-    FEATURES="nesting=1"
-  fi
-  TEMP_DIR=$(mktemp -d)
-  pushd $TEMP_DIR >/dev/null
-  if [ "$var_os" == "alpine" ]; then
-    export FUNCTIONS_FILE_PATH="$(curl -s https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/.github/workflows/scripts/app-test/pr-alpine-install.func)"
-  else
-    export FUNCTIONS_FILE_PATH="$(curl -s https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/.github/workflows/scripts/app-test/pr-install.func)"
-  fi
-
-  export CACHER="$APT_CACHER"
-  export CACHER_IP="$APT_CACHER_IP"
-  export tz=""
-  export DISABLEIPV6="$DISABLEIP6"
-  export APPLICATION="$APP"
-  export app="$NSAPP"
-  export PASSWORD="$PW"
-  export VERBOSE="$VERB"
-  export SSH_ROOT="${SSH}"
-  export SSH_AUTHORIZED_KEY
-  export CTID="$CT_ID"
-  export CTTYPE="$CT_TYPE"
-  export PCT_OSTYPE="$var_os"
-  export PCT_OSVERSION="$var_version"
-  export PCT_DISK_SIZE="$DISK_SIZE"
-  export tz="$timezone"
-  export PCT_OPTIONS="
-    -features $FEATURES
-    -hostname $HN
-    -tags $TAGS
-    $SD
-    $NS
-    -net0 name=eth0,bridge=$BRG$MAC,ip=$NET$GATE$VLAN$MTU
-    -onboot 1
-    -cores $CORE_COUNT
-    -memory $RAM_SIZE
-    -unprivileged $CT_TYPE
-    $PW
-  "
-  echo "Container ID: $CTID"
-
-  # This executes create_lxc.sh and creates the container and .conf file
-  bash -c "$(curl -fsSL https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/.github/workflows/scripts/app-test/pr-create-lxc.sh)"
-
-  LXC_CONFIG=/etc/pve/lxc/${CTID}.conf
-  if [ "$CT_TYPE" == "0" ]; then
-    cat <<EOF >>$LXC_CONFIG
-# USB passthrough
-lxc.cgroup2.devices.allow: a
-lxc.cap.drop:
-lxc.cgroup2.devices.allow: c 188:* rwm
-lxc.cgroup2.devices.allow: c 189:* rwm
-lxc.mount.entry: /dev/serial/by-id  dev/serial/by-id  none bind,optional,create=dir
-lxc.mount.entry: /dev/ttyUSB0       dev/ttyUSB0       none bind,optional,create=file
-lxc.mount.entry: /dev/ttyUSB1       dev/ttyUSB1       none bind,optional,create=file
-lxc.mount.entry: /dev/ttyACM0       dev/ttyACM0       none bind,optional,create=file
-lxc.mount.entry: /dev/ttyACM1       dev/ttyACM1       none bind,optional,create=file
-EOF
-  fi
-
-  if [ "$CT_TYPE" == "0" ]; then
-    if [[ "$APP" == "Channels" || "$APP" == "Emby" || "$APP" == "ErsatzTV" || "$APP" == "Frigate" || "$APP" == "Jellyfin" || "$APP" == "Plex" || "$APP" == "Scrypted" || "$APP" == "Tdarr" || "$APP" == "Unmanic" || "$APP" == "Ollama" ]]; then
-      cat <<EOF >>$LXC_CONFIG
-# VAAPI hardware transcoding
-lxc.cgroup2.devices.allow: c 226:0 rwm
-lxc.cgroup2.devices.allow: c 226:128 rwm
-lxc.cgroup2.devices.allow: c 29:0 rwm
-lxc.mount.entry: /dev/fb0 dev/fb0 none bind,optional,create=file
-lxc.mount.entry: /dev/dri dev/dri none bind,optional,create=dir
-lxc.mount.entry: /dev/dri/renderD128 dev/dri/renderD128 none bind,optional,create=file
-EOF
-    fi
-  else
-    if [[ "$APP" == "Channels" || "$APP" == "Emby" || "$APP" == "ErsatzTV" || "$APP" == "Frigate" || "$APP" == "Jellyfin" || "$APP" == "Plex" || "$APP" == "Scrypted" || "$APP" == "Tdarr" || "$APP" == "Unmanic" || "$APP" == "Ollama" ]]; then
-      if [[ -e "/dev/dri/renderD128" ]]; then
-        if [[ -e "/dev/dri/card0" ]]; then
-          cat <<EOF >>$LXC_CONFIG
-# VAAPI hardware transcoding
-dev0: /dev/dri/card0,gid=44
-dev1: /dev/dri/renderD128,gid=104
-EOF
-        else
-          cat <<EOF >>$LXC_CONFIG
-# VAAPI hardware transcoding
-dev0: /dev/dri/card1,gid=44
-dev1: /dev/dri/renderD128,gid=104
-EOF
-        fi
-      fi
-    fi
-  fi
-
-  # This starts the container and executes <app>-install.sh
-  msg_info "Starting LXC Container"
-  pct start "$CTID"
-  msg_ok "Started LXC Container"
-
-  if [[ ! -f "/root/actions-runner/_work/ProxmoxVE/ProxmoxVE/install/$var_install.sh" ]]; then
-    msg_error "No install script found for $APP"
-    exit 1
-  fi
-  if [ "$var_os" == "alpine" ]; then
-    sleep 3
-    pct exec "$CTID" -- /bin/sh -c 'cat <<EOF >/etc/apk/repositories
-http://dl-cdn.alpinelinux.org/alpine/latest-stable/main
-http://dl-cdn.alpinelinux.org/alpine/latest-stable/community
-EOF'
-    pct exec "$CTID" -- ash -c "apk add bash >/dev/null"
-  fi
-  lxc-attach -n "$CTID" -- bash -c "$(cat /root/actions-runner/_work/ProxmoxVE/ProxmoxVE/install/$var_install.sh)"
-
-}
-
-description() {
-  IP=$(pct exec "$CTID" ip a s dev eth0 | awk '/inet / {print $2}' | cut -d/ -f1)
-}

.github/workflows/scripts/app-test/pr-create-lxc.sh

@@ -1,163 +0,0 @@
-#!/usr/bin/env bash
-# Copyright (c) 2021-2026 community-scripts ORG
-# Author: Michel Roegl-Brunner (michelroegl-brunner)
-# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE
-
-color() {
-  return
-}
-catch_errors() {
-  set -Eeuo pipefail
-  trap 'error_handler $LINENO "$BASH_COMMAND"' ERR
-}
-
-# This function handles errors
-error_handler() {
-  local exit_code="$?"
-  local line_number="$1"
-  local command="$2"
-  local error_message="Failure in line $line_number: exit code $exit_code: while executing command $command"
-  echo -e "\n$error_message"
-  exit 100
-}
-verb_ip6() {
-  return
-}
-
-msg_info() {
-  local msg="$1"
-  echo -ne "${msg}\n"
-}
-
-msg_ok() {
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-msg_error() {
-
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-VALIDCT=$(pvesm status -content rootdir | awk 'NR>1')
-if [ -z "$VALIDCT" ]; then
-  msg_error "Unable to detect a valid Container Storage location."
-  exit 1
-fi
-VALIDTMP=$(pvesm status -content vztmpl | awk 'NR>1')
-if [ -z "$VALIDTMP" ]; then
-  msg_error "Unable to detect a valid Template Storage location."
-  exit 1
-fi
-
-function select_storage() {
-  local CLASS=$1
-  local CONTENT
-  local CONTENT_LABEL
-  case $CLASS in
-  container)
-    CONTENT='rootdir'
-    CONTENT_LABEL='Container'
-    ;;
-  template)
-    CONTENT='vztmpl'
-    CONTENT_LABEL='Container template'
-    ;;
-  *) false || {
-    msg_error "Invalid storage class."
-    exit 201
-  } ;;
-  esac
-
-  # This Queries all storage locations
-  local -a MENU
-  while read -r line; do
-    local TAG=$(echo $line | awk '{print $1}')
-    local TYPE=$(echo $line | awk '{printf "%-10s", $2}')
-    local FREE=$(echo $line | numfmt --field 4-6 --from-unit=K --to=iec --format %.2f | awk '{printf( "%9sB", $6)}')
-    local ITEM="Type: $TYPE Free: $FREE "
-    local OFFSET=2
-    if [[ $((${#ITEM} + $OFFSET)) -gt ${MSG_MAX_LENGTH:-} ]]; then
-      local MSG_MAX_LENGTH=$((${#ITEM} + $OFFSET))
-    fi
-    MENU+=("$TAG" "$ITEM" "OFF")
-  done < <(pvesm status -content $CONTENT | awk 'NR>1')
-
-  # Select storage location
-  if [ $((${#MENU[@]} / 3)) -eq 1 ]; then
-    printf ${MENU[0]}
-  else
-    msg_error "STORAGE ISSUES!"
-    exit 202
-  fi
-}
-
-[[ "${CTID:-}" ]] || {
-  msg_error "You need to set 'CTID' variable."
-  exit 203
-}
-[[ "${PCT_OSTYPE:-}" ]] || {
-  msg_error "You need to set 'PCT_OSTYPE' variable."
-  exit 204
-}
-
-# Test if ID is valid
-[ "$CTID" -ge "100" ] || {
-  msg_error "ID cannot be less than 100."
-  exit 205
-}
-
-# Test if ID is in use
-if pct status $CTID &>/dev/null; then
-  echo -e "ID '$CTID' is already in use."
-  unset CTID
-  msg_error "Cannot use ID that is already in use."
-  exit 206
-fi
-
-TEMPLATE_STORAGE=$(select_storage template) || exit
-
-CONTAINER_STORAGE=$(select_storage container) || exit
-
-pveam update >/dev/null
-
-TEMPLATE_SEARCH=${PCT_OSTYPE}-${PCT_OSVERSION:-}
-mapfile -t TEMPLATES < <(pveam available -section system | sed -n "s/.*\($TEMPLATE_SEARCH.*\)/\1/p" | sort -t - -k 2 -V)
-[ ${#TEMPLATES[@]} -gt 0 ] || {
-  msg_error "Unable to find a template when searching for '$TEMPLATE_SEARCH'."
-  exit 207
-}
-TEMPLATE="${TEMPLATES[-1]}"
-
-TEMPLATE_PATH="/var/lib/vz/template/cache/$TEMPLATE"
-
-if ! pveam list "$TEMPLATE_STORAGE" | grep -q "$TEMPLATE"; then
-  [[ -f "$TEMPLATE_PATH" ]] && rm -f "$TEMPLATE_PATH"
-  pveam download "$TEMPLATE_STORAGE" "$TEMPLATE" >/dev/null ||
-    {
-      msg_error "A problem occurred while downloading the LXC template."
-      exit 208
-    }
-fi
-
-grep -q "root:100000:65536" /etc/subuid || echo "root:100000:65536" >>/etc/subuid
-grep -q "root:100000:65536" /etc/subgid || echo "root:100000:65536" >>/etc/subgid
-
-PCT_OPTIONS=(${PCT_OPTIONS[@]:-${DEFAULT_PCT_OPTIONS[@]}})
-[[ " ${PCT_OPTIONS[@]} " =~ " -rootfs " ]] || PCT_OPTIONS+=(-rootfs "$CONTAINER_STORAGE:${PCT_DISK_SIZE:-8}")
-
-if ! pct create "$CTID" "${TEMPLATE_STORAGE}:vztmpl/${TEMPLATE}" "${PCT_OPTIONS[@]}" &>/dev/null; then
-  [[ -f "$TEMPLATE_PATH" ]] && rm -f "$TEMPLATE_PATH"
-
-  pveam download "$TEMPLATE_STORAGE" "$TEMPLATE" >/dev/null ||
-    {
-      msg_error "A problem occurred while re-downloading the LXC template."
-      exit 208
-    }
-
-  if ! pct create "$CTID" "${TEMPLATE_STORAGE}:vztmpl/${TEMPLATE}" "${PCT_OPTIONS[@]}" &>/dev/null; then
-    msg_error "A problem occurred while trying to create container after re-downloading template."
-    exit 200
-  fi
-fi

.github/workflows/scripts/app-test/pr-install.func

@@ -1,93 +0,0 @@
-#!/usr/bin/env bash
-# Copyright (c) 2021-2026 community-scripts ORG
-# Author: Michel Roegl-Brunner (michelroegl-brunner)
-# License: MIT | https://github.com/community-scripts/ProxmoxVE/raw/main/LICENSE
-
-color() {
-  return
-}
-
-catch_errors() {
-  set -Euo pipefail
-  trap 'error_handler $LINENO "$BASH_COMMAND"' ERR
-}
-
-error_handler() {
-  local line_number="$1"
-  local command="$2"
-  local error_message="Failure in line $line_number while executing command '$command'"   
-  echo -e "\n$error_message\n" >&2
-  exit 1
-}
-
-verb_ip6() {
-  STD="silent"
-  silent() {
-    "$@" >/dev/null 2>&1 || error_handler "${BASH_LINENO[0]}" "$*"
-  }
-  return
-}
-
-msg_info() {
-  local msg="$1"
-  echo -ne "${msg}\n"
-}
-
-msg_ok() {
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-msg_error() {
-
-  local msg="$1"
-  echo -e "${msg}\n"
-}
-
-RETRY_NUM=10
-RETRY_EVERY=3
-setting_up_container() {
-
-  sed -i "/$LANG/ s/\(^# \)//" /etc/locale.gen
-  locale_line=$(grep -v '^#' /etc/locale.gen | grep -E '^[a-zA-Z]' | awk '{print $1}' | head -n 1)
-  echo "LANG=${locale_line}" >/etc/default/locale
-  locale-gen >/dev/null
-  export LANG=${locale_line}
-  echo $tz >/etc/timezone
-  ln -sf /usr/share/zoneinfo/$tz /etc/localtime
-
-  for ((i = RETRY_NUM; i > 0; i--)); do
-    if [ "$(hostname -I)" != "" ]; then
-      break
-    fi
-    sleep $RETRY_EVERY
-  done
-  if [ "$(hostname -I)" = "" ]; then
-    echo 1>&2 -e "\nNo Network After $RETRY_NUM Tries"
-    echo -e "Check Network Settings"
-    exit 101
-  fi
-  rm -rf /usr/lib/python3.*/EXTERNALLY-MANAGED
-  systemctl disable -q --now systemd-networkd-wait-online.service
-}
-
-network_check() {
-  RESOLVEDIP=$(getent hosts github.com | awk '{ print $1 }')
-  if [[ -z "$RESOLVEDIP" ]]; then msg_error "DNS Lookup Failure"; else msg_ok "DNS Resolved github.com to $RESOLVEDIP"; fi
-  set -e
-}
-
-update_os() {
-  export DEBIAN_FRONTEND=noninteractive
-  apt-get update >/dev/null 2>&1
-  apt-get -o Dpkg::Options::="--force-confold" -y dist-upgrade >/dev/null
-  rm -rf /usr/lib/python3.*/EXTERNALLY-MANAGED
-}
-
-motd_ssh() {
-  return
-}
-
-customize() {
-  return
-}

.github/workflows/scripts/update-json.sh

@@ -1,20 +0,0 @@
-#!/bin/bash
-
-FILE=$1
-TODAY=$(date -u +"%Y-%m-%d")
-
-if [[ -z "$FILE" ]]; then
-    echo "No file specified. Exiting."
-    exit 1
-fi
-
-if [[ ! -f "$FILE" ]]; then
-    echo "File $FILE not found. Exiting."
-    exit 1
-fi
-
-DATE_IN_JSON=$(jq -r '.date_created' "$FILE" 2>/dev/null || echo "")
-
-if [[ "$DATE_IN_JSON" != "$TODAY" ]]; then
-    jq --arg date "$TODAY" '.date_created = $date' "$FILE" >tmp.json && mv tmp.json "$FILE"
-fi

.github/workflows/scripts/update_json_date.sh

@@ -1,23 +0,0 @@
-#!/usr/bin/env bash
-
-# Verzeichnis, das die JSON-Dateien enthält
-json_dir="./json/*.json"
-
-current_date=$(date +"%Y-%m-%d")
-
-for json_file in $json_dir; do
-  if [[ -f "$json_file" ]]; then
-    current_json_date=$(jq -r '.date_created' "$json_file")
-
-    if [[ "$current_json_date" != "$current_date" ]]; then
-      echo "Updating $json_file with date $current_date"
-      jq --arg date "$current_date" '.date_created = $date' "$json_file" >temp.json && mv temp.json "$json_file"
-
-      git add "$json_file"
-      git commit -m "Update date_created to $current_date in $json_file"
-    else
-      echo "Date in $json_file is already up to date."
-    fi
-  fi
-done
-git push origin HEAD

.github/workflows/update-json-date.yml

@@ -1,152 +0,0 @@
-name: Update JSON Date
-
-on:
-  push:
-    branches:
-      - main
-    paths:
-      - "frontend/public/json/**.json"
-  workflow_dispatch:
-
-jobs:
-  update-app-files:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-
-    permissions:
-      contents: write
-      pull-requests: write
-
-    steps:
-      - name: Generate a token
-        id: generate-token
-        uses: actions/create-github-app-token@v1
-        with:
-          app-id: ${{ vars.APP_ID }}
-          private-key: ${{ secrets.APP_PRIVATE_KEY }}
-
-      - name: Generate a token for PR approval and merge
-        id: generate-token-merge
-        uses: actions/create-github-app-token@v1
-        with:
-          app-id: ${{ secrets.APP_ID_APPROVE_AND_MERGE }}
-          private-key: ${{ secrets.APP_KEY_APPROVE_AND_MERGE }}
-
-      - name: Generate dynamic branch name
-        id: timestamp
-        run: echo "BRANCH_NAME=pr-update-json-$(date +'%Y%m%d%H%M%S')" >> $GITHUB_ENV
-
-      - name: Set up GH_TOKEN
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          echo "GH_TOKEN=${GH_TOKEN}" >> $GITHUB_ENV
-
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 2 # Ensure we have the last two commits
-
-      - name: Get Previous Commit
-        id: prev_commit
-        run: |
-          PREV_COMMIT=$(git rev-parse HEAD^)
-          echo "Previous commit: $PREV_COMMIT"
-          echo "prev_commit=$PREV_COMMIT" >> $GITHUB_ENV
-
-      - name: Get Newly Added JSON Files
-        id: new_json_files
-        run: |
-          git diff --name-only --diff-filter=A ${{ env.prev_commit }} HEAD | grep '^frontend/public/json/.*\.json$' > new_files.txt || true
-          echo "New files detected:"
-          cat new_files.txt || echo "No new files."
-
-      - name: Disable file mode changes
-        run: git config core.fileMode false
-
-      - name: Set up Git
-        run: |
-          git config --global user.name "GitHub Actions"
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-
-      - name: Change JSON Date
-        id: change-json-date
-        run: |
-          current_date=$(date +"%Y-%m-%d")
-          while IFS= read -r file; do
-            # Skip empty lines
-            [[ -z "$file" ]] && continue
-
-            if [[ -f "$file" ]]; then
-              echo "Processing $file..."
-              current_json_date=$(jq -r '.date_created // empty' "$file")
-              if [[ -z "$current_json_date" || "$current_json_date" != "$current_date" ]]; then
-                echo "Updating $file with date $current_date"
-                jq --arg date "$current_date" '.date_created = $date' "$file" > temp.json && mv temp.json "$file"
-              else
-                echo "Date in $file is already up to date."
-              fi
-            else
-              echo "Warning: File $file not found!"
-            fi
-          done < new_files.txt
-          rm new_files.txt
-
-      - name: Check if there are any changes
-        run: |
-          echo "Checking for changes..."
-          git add -A  
-          git status
-          if git diff --cached --quiet; then
-            echo "No changes detected."
-            echo "changed=false" >> "$GITHUB_ENV"
-          else
-            echo "Changes detected:"
-            git diff --stat --cached
-            echo "changed=true" >> "$GITHUB_ENV"
-          fi
-
-      # Step 7: Commit and create PR if changes exist
-      - name: Commit and create PR if changes exist
-        if: env.changed == 'true'
-        run: |
-
-
-          git commit -m "Update date in json"
-          git checkout -b ${{ env.BRANCH_NAME }}
-          git push origin ${{ env.BRANCH_NAME }}
-
-          gh pr create --title "[core] update date in json" \
-                       --body "This PR is auto-generated by a GitHub Action to update the date in json." \
-                       --head ${{ env.BRANCH_NAME }} \
-                       --base main \
-                       --label "automated pr"
-        env:
-          GH_TOKEN: ${{ steps.generate-token.outputs.token }}
-
-      - name: Approve pull request
-        if: env.changed == 'true'
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --head "${{ env.BRANCH_NAME }}" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-          fi
-
-      - name: Approve pull request and merge
-        if: env.changed == 'true'
-        env:
-          GH_TOKEN: ${{ steps.generate-token-merge.outputs.token }}
-        run: |
-          git config --global user.name "github-actions-automege[bot]"
-          git config --global user.email "github-actions-automege[bot]@users.noreply.github.com"
-          PR_NUMBER=$(gh pr list --head "${BRANCH_NAME}" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-            gh pr merge $PR_NUMBER --squash --admin
-          fi
-
-      - name: No changes detected
-        if: env.changed == 'false'
-        run: echo "No changes to commit. Workflow completed successfully."

.github/workflows/update-versions-github.yml

@@ -1,236 +0,0 @@
-name: Update GitHub Versions (New)
-
-on:
-  workflow_dispatch:
-  schedule:
-    # Runs 4x daily: 00:00, 06:00, 12:00, 18:00 UTC
-    - cron: "0 0,6,12,18 * * *"
-
-permissions:
-  contents: write
-  pull-requests: write
-
-env:
-  VERSIONS_FILE: frontend/public/json/github-versions.json
-  BRANCH_NAME: automated/update-github-versions
-  AUTOMATED_PR_LABEL: "automated pr"
-
-jobs:
-  update-github-versions:
-    if: github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Generate a token
-        id: generate-token
-        uses: actions/create-github-app-token@v1
-        with:
-          app-id: ${{ vars.APP_ID }}
-          private-key: ${{ secrets.APP_PRIVATE_KEY }}
-
-      - name: Generate a token for PR approval and merge
-        id: generate-token-merge
-        uses: actions/create-github-app-token@v1
-        with:
-          app-id: ${{ secrets.APP_ID_APPROVE_AND_MERGE }}
-          private-key: ${{ secrets.APP_KEY_APPROVE_AND_MERGE }}
-
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-        with:
-          ref: main
-
-      - name: Extract GitHub versions from install scripts
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          set -euo pipefail
-
-          echo "========================================="
-          echo "  Extracting GitHub versions from scripts"
-          echo "========================================="
-
-          # Initialize versions array
-          versions_json="[]"
-
-          # Function to add a version entry
-          add_version() {
-            local slug="$1"
-            local repo="$2"
-            local version="$3"
-            local pinned="$4"
-            local date="$5"
-
-            versions_json=$(echo "$versions_json" | jq \
-              --arg slug "$slug" \
-              --arg repo "$repo" \
-              --arg version "$version" \
-              --argjson pinned "$pinned" \
-              --arg date "$date" \
-              '. += [{"slug": $slug, "repo": $repo, "version": $version, "pinned": $pinned, "date": $date}]')
-          }
-
-          # Get list of slugs from JSON files
-          echo ""
-          echo "=== Scanning JSON files for slugs ==="
-
-          for json_file in frontend/public/json/*.json; do
-            [[ ! -f "$json_file" ]] && continue
-
-            # Skip non-app JSON files
-            basename_file=$(basename "$json_file")
-            case "$basename_file" in
-              metadata.json|versions.json|github-versions.json|dependency-check.json|update-apps.json)
-                continue
-                ;;
-            esac
-
-            # Extract slug from JSON
-            slug=$(jq -r '.slug // empty' "$json_file" 2>/dev/null)
-            [[ -z "$slug" ]] && continue
-
-            # Find corresponding script (install script or addon script)
-            install_script=""
-            if [[ -f "install/${slug}-install.sh" ]]; then
-              install_script="install/${slug}-install.sh"
-            elif [[ -f "tools/addon/${slug}.sh" ]]; then
-              install_script="tools/addon/${slug}.sh"
-            else
-              continue
-            fi
-
-            # Look for fetch_and_deploy_gh_release calls
-            # Pattern: fetch_and_deploy_gh_release "app" "owner/repo" ["mode"] ["version"]
-            while IFS= read -r line; do
-              # Skip commented lines
-              [[ "$line" =~ ^[[:space:]]*# ]] && continue
-
-              # Extract repo and version from fetch_and_deploy_gh_release
-              if [[ "$line" =~ fetch_and_deploy_gh_release[[:space:]]+\"[^\"]*\"[[:space:]]+\"([^\"]+)\"([[:space:]]+\"([^\"]+)\")?([[:space:]]+\"([^\"]+)\")? ]]; then
-                repo="${BASH_REMATCH[1]}"
-                mode="${BASH_REMATCH[3]:-tarball}"
-                pinned_version="${BASH_REMATCH[5]:-latest}"
-
-                # Check if version is pinned (not "latest" and not empty)
-                is_pinned=false
-                target_version=""
-
-                if [[ -n "$pinned_version" && "$pinned_version" != "latest" ]]; then
-                  is_pinned=true
-                  target_version="$pinned_version"
-                fi
-
-                # Fetch version from GitHub
-                if [[ "$is_pinned" == "true" ]]; then
-                  # For pinned versions, verify it exists and get date
-                  response=$(gh api "repos/${repo}/releases/tags/${target_version}" 2>/dev/null || echo '{}')
-                  if echo "$response" | jq -e '.tag_name' > /dev/null 2>&1; then
-                    version=$(echo "$response" | jq -r '.tag_name')
-                    date=$(echo "$response" | jq -r '.published_at // empty')
-                    add_version "$slug" "$repo" "$version" "true" "$date"
-                    echo "[$slug] ✓ $version (pinned)"
-                  else
-                    echo "[$slug] ⚠ pinned version $target_version not found"
-                  fi
-                else
-                  # Fetch latest release
-                  response=$(gh api "repos/${repo}/releases/latest" 2>/dev/null || echo '{}')
-                  if echo "$response" | jq -e '.tag_name' > /dev/null 2>&1; then
-                    version=$(echo "$response" | jq -r '.tag_name')
-                    date=$(echo "$response" | jq -r '.published_at // empty')
-                    add_version "$slug" "$repo" "$version" "false" "$date"
-                    echo "[$slug] ✓ $version"
-                  else
-                    # Try tags as fallback
-                    version=$(gh api "repos/${repo}/tags" --jq '.[0].name // empty' 2>/dev/null || echo "")
-                    if [[ -n "$version" ]]; then
-                      add_version "$slug" "$repo" "$version" "false" ""
-                      echo "[$slug] ✓ $version (from tags)"
-                    else
-                      echo "[$slug] ⚠ no version found"
-                    fi
-                  fi
-                fi
-
-                break  # Only first match per script
-              fi
-            done < <(grep 'fetch_and_deploy_gh_release' "$install_script" 2>/dev/null || true)
-
-          done
-
-          # Save versions file
-          echo "$versions_json" | jq --arg date "$(date -u +%Y-%m-%dT%H:%M:%SZ)" \
-            '{generated: $date, versions: (. | sort_by(.slug))}' > "$VERSIONS_FILE"
-
-          total=$(echo "$versions_json" | jq 'length')
-          echo ""
-          echo "========================================="
-          echo "  Total versions extracted: $total"
-          echo "========================================="
-
-      - name: Check for changes
-        id: check-changes
-        run: |
-          # Check if file is new (untracked) or has changes
-          if [[ ! -f "$VERSIONS_FILE" ]]; then
-            echo "changed=false" >> "$GITHUB_OUTPUT"
-            echo "Versions file was not created"
-          elif ! git ls-files --error-unmatch "$VERSIONS_FILE" &>/dev/null; then
-            # File exists but is not tracked - it's new
-            echo "changed=true" >> "$GITHUB_OUTPUT"
-            echo "New file created: $VERSIONS_FILE"
-          elif git diff --quiet "$VERSIONS_FILE" 2>/dev/null; then
-            echo "changed=false" >> "$GITHUB_OUTPUT"
-            echo "No changes detected"
-          else
-            echo "changed=true" >> "$GITHUB_OUTPUT"
-            echo "Changes detected:"
-            git diff --stat "$VERSIONS_FILE" 2>/dev/null || true
-          fi
-
-      - name: Commit and push changes
-        if: steps.check-changes.outputs.changed == 'true'
-        run: |
-          git config --global user.name "github-actions[bot]"
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git add "$VERSIONS_FILE"
-          git commit -m "chore: update github-versions.json"
-          git checkout -b $BRANCH_NAME || git checkout $BRANCH_NAME
-          git push origin $BRANCH_NAME --force
-
-      - name: Create pull request if not exists
-        if: steps.check-changes.outputs.changed == 'true'
-        env:
-          GH_TOKEN: ${{ steps.generate-token.outputs.token }}
-        run: |
-          PR_EXISTS=$(gh pr list --head "${BRANCH_NAME}" --json number --jq '.[].number')
-          if [ -z "$PR_EXISTS" ]; then
-            gh pr create --title "[Github Action] Update github-versions.json" \
-                         --body "This PR is auto-generated by a Github Action to update the github-versions.json file." \
-                         --head $BRANCH_NAME \
-                         --base main \
-                         --label "$AUTOMATED_PR_LABEL"
-          fi
-
-      - name: Approve pull request
-        if: steps.check-changes.outputs.changed == 'true'
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --head "${BRANCH_NAME}" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-          fi
-
-      - name: Approve pull request and merge
-        if: steps.check-changes.outputs.changed == 'true'
-        env:
-          GH_TOKEN: ${{ steps.generate-token-merge.outputs.token }}
-        run: |
-          git config --global user.name "github-actions-automege[bot]"
-          git config --global user.email "github-actions-automege[bot]@users.noreply.github.com"
-          PR_NUMBER=$(gh pr list --head "${BRANCH_NAME}" --json number --jq '.[].number')
-          if [ -n "$PR_NUMBER" ]; then
-            gh pr review $PR_NUMBER --approve
-            gh pr merge $PR_NUMBER --squash --admin
-          fi

.gitignore

@@ -24,13 +24,6 @@ venv/
 env/
 *.env
 
-# Node.js dependencies (frontend folder was excluded, but keeping this rule for reference)
-frontend/node_modules/
-frontend/.svelte-kit/
-frontend/.turbo/
-frontend/.vite/
-frontend/build/
-
 # API and Backend specific exclusions
 api/.env
 api/__pycache__/

CHANGELOG.md

@@ -422,6 +422,39 @@ Exercise vigilance regarding copycat or coat-tailing sites that seek to exploit
 
 ## 2026-03-12
 
+### 🚀 Updated Scripts
+
+  - #### 🐞 Bug Fixes
+
+    - manyfold: fix incorrect port in upstream requests by forwarding original host [@anlopo](https://github.com/anlopo) ([#12812](https://github.com/community-scripts/ProxmoxVE/pull/12812))
+    - SparkyFitness: install pnpm dependencies from workspace root [@MickLesk](https://github.com/MickLesk) ([#12792](https://github.com/community-scripts/ProxmoxVE/pull/12792))
+    - n8n: add build-essential to update dependencies [@MickLesk](https://github.com/MickLesk) ([#12795](https://github.com/community-scripts/ProxmoxVE/pull/12795))
+    - Frigate openvino labelmap patch [@semtex1987](https://github.com/semtex1987) ([#12751](https://github.com/community-scripts/ProxmoxVE/pull/12751))
+
+  - #### 🔧 Refactor
+
+    - Pin Patchmon to 1.4.2 [@vhsdream](https://github.com/vhsdream) ([#12789](https://github.com/community-scripts/ProxmoxVE/pull/12789))
+
+### 💾 Core
+
+  - #### 🐞 Bug Fixes
+
+    - tools.func: correct PATH escaping in ROCm profile script [@MickLesk](https://github.com/MickLesk) ([#12793](https://github.com/community-scripts/ProxmoxVE/pull/12793))
+
+  - #### ✨ New Features
+
+    - core: add mode=generated for unattended frontend installs [@MickLesk](https://github.com/MickLesk) ([#12807](https://github.com/community-scripts/ProxmoxVE/pull/12807))
+    - core: validate storage availability when loading defaults [@MickLesk](https://github.com/MickLesk) ([#12794](https://github.com/community-scripts/ProxmoxVE/pull/12794))
+
+  - #### 🔧 Refactor
+
+    - tools.func: support older NVIDIA driver versions with 2 segments (xxx.xxx) [@MickLesk](https://github.com/MickLesk) ([#12796](https://github.com/community-scripts/ProxmoxVE/pull/12796))
+
+### 📂 Github
+
+  - Cleanup: remove old workflow files [@michelroegl-brunner](https://github.com/michelroegl-brunner) ([#12818](https://github.com/community-scripts/ProxmoxVE/pull/12818))
+- Cleanup: remove frontend, move JSONs to json/ top-level [@MickLesk](https://github.com/MickLesk) ([#12813](https://github.com/community-scripts/ProxmoxVE/pull/12813))
+
 ## 2026-03-11
 
 ### 🚀 Updated Scripts

ct/n8n.sh

@@ -28,7 +28,7 @@ function update_script() {
     exit
   fi
 
-  ensure_dependencies graphicsmagick
+  ensure_dependencies build-essential python3-setuptools graphicsmagick
   NODE_VERSION="24" setup_nodejs
 
   msg_info "Updating n8n"

ct/patchmon.sh

@@ -37,7 +37,7 @@ function update_script() {
   fi
 
   NODE_VERSION="24" setup_nodejs
-  if check_for_gh_release "PatchMon" "PatchMon/PatchMon"; then
+  if check_for_gh_release "PatchMon" "PatchMon/PatchMon" "v1.4.2"; then
     msg_info "Stopping Service"
     systemctl stop patchmon-server
     msg_ok "Stopped Service"
@@ -47,7 +47,7 @@ function update_script() {
     cp /opt/patchmon/frontend/.env /opt/frontend.env
     msg_ok "Backup Created"
 
-    CLEAN_INSTALL=1 fetch_and_deploy_gh_release "PatchMon" "PatchMon/PatchMon" "tarball" "latest" "/opt/patchmon"
+    CLEAN_INSTALL=1 fetch_and_deploy_gh_release "PatchMon" "PatchMon/PatchMon" "tarball" "v1.4.2" "/opt/patchmon"
 
     msg_info "Updating PatchMon"
     VERSION=$(get_latest_github_release "PatchMon/PatchMon")

ct/sparkyfitness.sh

@@ -55,8 +55,9 @@ function update_script() {
     msg_ok "Updated Sparky Fitness Backend"
 
     msg_info "Updating Sparky Fitness Frontend (Patience)"
-    cd /opt/sparkyfitness/SparkyFitnessFrontend
+    cd /opt/sparkyfitness
     $STD pnpm install
+    cd /opt/sparkyfitness/SparkyFitnessFrontend
     $STD pnpm run build
     cp -a /opt/sparkyfitness/SparkyFitnessFrontend/dist/. /var/www/sparkyfitness/
     msg_ok "Updated Sparky Fitness Frontend"

frontend/.gitignore

@@ -1,39 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# wrangler
-.worker-next
-.wrangler
-
-# testing
-/coverage
-
-# next.js
-/.next/
-out
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# # local env files
-# .env*.local
-# .env
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts

frontend/.vscode/settings.json

@@ -1,51 +0,0 @@
-{
-  // Disable the default formatter, use eslint instead
-  "prettier.enable": false,
-  "editor.formatOnSave": false,
-
-  // Auto fix
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
-    "source.organizeImports": "never"
-  },
-
-  // Silent the stylistic rules in you IDE, but still auto fix them
-  "eslint.rules.customizations": [
-    { "rule": "style/*", "severity": "off", "fixable": true },
-    { "rule": "format/*", "severity": "off", "fixable": true },
-    { "rule": "*-indent", "severity": "off", "fixable": true },
-    { "rule": "*-spacing", "severity": "off", "fixable": true },
-    { "rule": "*-spaces", "severity": "off", "fixable": true },
-    { "rule": "*-order", "severity": "off", "fixable": true },
-    { "rule": "*-dangle", "severity": "off", "fixable": true },
-    { "rule": "*-newline", "severity": "off", "fixable": true },
-    { "rule": "*quotes", "severity": "off", "fixable": true },
-    { "rule": "*semi", "severity": "off", "fixable": true }
-  ],
-
-  // Enable eslint for all supported languages
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "vue",
-    "html",
-    "markdown",
-    "json",
-    "json5",
-    "jsonc",
-    "yaml",
-    "toml",
-    "xml",
-    "gql",
-    "graphql",
-    "astro",
-    "svelte",
-    "css",
-    "less",
-    "scss",
-    "pcss",
-    "postcss"
-  ]
-}

frontend/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024-Present Bram Suurd
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

frontend/README.md

@@ -1,281 +0,0 @@
-# Proxmox VE Helper-Scripts Frontend
-
-> 🚀 **Modern frontend for the Community-Scripts Proxmox VE Helper-Scripts repository**
-
-A comprehensive, user-friendly interface built with Next.js that provides access to 300+ automation scripts for Proxmox Virtual Environment management. This frontend serves as the official website for the Community-Scripts organization's Proxmox VE Helper-Scripts repository.
-
-![Next.js](https://img.shields.io/badge/Next.js-15.2.4-black?style=flat-square&logo=next.js)
-![React](https://img.shields.io/badge/React-19.0.0-blue?style=flat-square&logo=react)
-![TypeScript](https://img.shields.io/badge/TypeScript-5.8.2-blue?style=flat-square&logo=typescript)
-![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4.17-06B6D4?style=flat-square&logo=tailwindcss)
-![License](https://img.shields.io/badge/License-MIT-green?style=flat-square)
-
-## 🌟 Features
-
-### Core Functionality
-
-- **📜 Script Management**: Browse, search, and filter 300+ Proxmox VE scripts
-- **📱 Responsive Design**: Mobile-first approach with modern UI/UX
-- **🔍 Advanced Search**: Fuzzy search with category filtering
-- **📊 Analytics Integration**: Built-in analytics for usage tracking
-- **🌙 Dark/Light Mode**: Theme switching with system preference detection
-- **⚡ Performance Optimized**: Static site generation for lightning-fast loading
-
-### Technical Features
-
-- **🎨 Modern UI Components**: Built with Radix UI and shadcn/ui
-- **📈 Data Visualization**: Charts and metrics using Chart.js
-- **🔄 State Management**: React Query for efficient data fetching
-- **📝 Type Safety**: Full TypeScript implementation
-- **🚀 Static Export**: Optimized for GitHub Pages deployment
-
-## 🛠️ Tech Stack
-
-### Frontend Framework
-
-- **[Next.js 15.2.4](https://nextjs.org/)** - React framework with App Router
-- **[React 19.0.0](https://react.dev/)** - Latest React with concurrent features
-- **[TypeScript 5.8.2](https://www.typescriptlang.org/)** - Type-safe JavaScript
-
-### Styling & UI
-
-- **[Tailwind CSS 3.4.17](https://tailwindcss.com/)** - Utility-first CSS framework
-- **[Radix UI](https://www.radix-ui.com/)** - Unstyled, accessible UI components
-- **[shadcn/ui](https://ui.shadcn.com/)** - Re-usable components built on Radix UI
-- **[Framer Motion](https://www.framer.com/motion/)** - Animation library
-- **[Lucide React](https://lucide.dev/)** - Icon library
-
-### Data & State Management
-
-- **[TanStack Query 5.71.1](https://tanstack.com/query)** - Powerful data synchronization
-- **[Zod 3.24.2](https://zod.dev/)** - TypeScript-first schema validation
-- **[nuqs 2.4.1](https://nuqs.47ng.com/)** - Type-safe search params state manager
-
-### Development Tools
-
-- **[Vitest 3.1.1](https://vitest.dev/)** - Fast unit testing framework
-- **[React Testing Library](https://testing-library.com/react)** - Simple testing utilities
-- **[ESLint](https://eslint.org/)** - Code linting and formatting
-- **[Prettier](https://prettier.io/)** - Code formatting
-
-### Additional Libraries
-
-- **[Chart.js](https://www.chartjs.org/)** - Data visualization
-- **[Fuse.js](https://fusejs.io/)** - Fuzzy search
-- **[date-fns](https://date-fns.org/)** - Date utility library
-- **[Next Themes](https://github.com/pacocoursey/next-themes)** - Theme management
-
-## 🚀 Getting Started
-
-### Prerequisites
-
-- **Node.js 18+** (recommend using the latest LTS version)
-- **npm**, **yarn**, **pnpm**, or **bun** package manager
-- **Git** for version control
-
-### Installation
-
-1. **Clone the repository**
-
-   ```bash
-   git clone https://github.com/community-scripts/ProxmoxVE.git
-   cd ProxmoxVE/frontend
-   ```
-
-2. **Install dependencies**
-
-   ```bash
-   # Using npm
-   npm install
-
-   # Using yarn
-   yarn install
-
-   # Using pnpm
-   pnpm install
-
-   # Using bun
-   bun install
-   ```
-
-3. **Start the development server**
-
-   ```bash
-   npm run dev
-   # or
-   yarn dev
-   # or
-   pnpm dev
-   # or
-   bun dev
-   ```
-
-4. **Open your browser**
-
-   Navigate to [http://localhost:3000](http://localhost:3000) to see the application running.
-
-### Environment Configuration
-
-The application uses the following environment variables:
-
-- `BASE_PATH`: Set to "ProxmoxVE" for GitHub Pages deployment
-- Analytics configuration is handled in `src/config/siteConfig.tsx`
-
-## 🧪 Development
-
-### Available Scripts
-
-```bash
-# Development
-npm run dev          # Start development server with Turbopack
-npm run build        # Build for production
-npm run start        # Start production server (after build)
-
-# Code Quality
-npm run lint         # Run ESLint
-npm run typecheck    # Run TypeScript type checking
-npm run format:write # Format code with Prettier
-npm run format:check # Check code formatting
-
-# Deployment
-npm run deploy       # Build and deploy to GitHub Pages
-```
-
-### Development Workflow
-
-1. **Feature Development**
-
-   - Create a new branch for your feature
-   - Follow the established TypeScript and React patterns
-   - Use the existing component library (shadcn/ui)
-   - Ensure responsive design principles
-
-2. **Code Standards**
-
-   - Follow TypeScript strict mode
-   - Use functional components with hooks
-   - Implement proper error boundaries
-   - Write descriptive variable and function names
-   - Use early returns for better readability
-
-3. **Styling Guidelines**
-
-   - Use Tailwind CSS utility classes
-   - Follow mobile-first responsive design
-   - Implement dark/light mode considerations
-   - Use CSS variables from the design system
-
-4. **Testing**
-   - Write unit tests for utility functions
-   - Test React components with React Testing Library
-   - Ensure accessibility standards are met
-   - Run tests before committing
-
-### Component Development
-
-The project uses a component-driven development approach:
-
-```typescript
-// Example component structure
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-
-interface ComponentProps {
-  title: string;
-  className?: string;
-}
-
-export const Component = ({ title, className }: ComponentProps) => {
-  return (
-    <div className={cn("default-classes", className)}>
-      <Button>{title}</Button>
-    </div>
-  );
-};
-```
-
-### Configuration for Static Export
-
-The application is configured for static export in `next.config.mjs`:
-
-```javascript
-const nextConfig = {
-  output: "export",
-  basePath: `/ProxmoxVE`,
-  images: {
-    unoptimized: true // Required for static export
-  }
-};
-```
-
-## 🤝 Contributing
-
-We welcome contributions from the community! Here's how you can help:
-
-### Getting Started
-
-1. **Fork the repository** on GitHub
-2. **Clone your fork** locally
-3. **Create a new branch** for your feature or bugfix
-4. **Make your changes** following our coding standards
-5. **Submit a pull request** with a clear description
-
-### Contribution Guidelines
-
-#### Code Style
-
-- Follow the existing TypeScript and React patterns
-- Use descriptive variable and function names
-- Implement proper error handling
-- Write self-documenting code with appropriate comments
-
-#### Component Guidelines
-
-- Use functional components with hooks
-- Implement proper TypeScript types
-- Follow accessibility best practices
-- Ensure responsive design
-- Use the existing design system components
-
-#### Pull Request Process
-
-1. Update documentation if needed
-2. Update the README if you've added new features
-3. Request review from maintainers
-
-### Areas for Contribution
-
-- **🐛 Bug fixes**: Report and fix issues
-- **✨ New features**: Enhance functionality
-- **📚 Documentation**: Improve guides and examples
-- **🎨 UI/UX**: Improve design and user experience
-- **♿ Accessibility**: Enhance accessibility features
-- **🚀 Performance**: Optimize loading and runtime performance
-
-## 📄 License
-
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
-
-## 🙏 Acknowledgments
-
-- **[tteck](https://github.com/tteck)** - Original creator of the Proxmox VE Helper-Scripts
-- **[Community-Scripts Organization](https://github.com/community-scripts)** - Maintaining and expanding the project
-- **[Proxmox Community](https://forum.proxmox.com/)** - For continuous feedback and support
-- **All Contributors** - Thank you for your valuable contributions!
-
-## 📚 Additional Resources
-
-- **[Proxmox VE Documentation](https://pve.proxmox.com/pve-docs/)**
-- **[Community Scripts Repository](https://github.com/community-scripts/ProxmoxVE)**
-- **[Discord Community](https://discord.gg/3AnUqsXnmK)**
-- **[GitHub Discussions](https://github.com/community-scripts/ProxmoxVE/discussions)**
-
-## 🔗 Links
-
-- **🌐 Live Website**: [https://community-scripts.github.io/ProxmoxVE/](https://community-scripts.github.io/ProxmoxVE/)
-- **💬 Discord Server**: [https://discord.gg/3AnUqsXnmK](https://discord.gg/3AnUqsXnmK)
-- **📝 Change Log**: [https://github.com/community-scripts/ProxmoxVE/blob/main/CHANGELOG.md](https://github.com/community-scripts/ProxmoxVE/blob/main/CHANGELOG.md)
-
----
-
-**Made with ❤️ by the Community-Scripts team and contributors**

frontend/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "@/styles/globals.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  },
-  "registries": {
-    "@animate-ui": "https://animate-ui.com/r/{name}.json"
-  }
-}

frontend/eslint.config.mjs

@@ -1,41 +0,0 @@
-import antfu from "@antfu/eslint-config";
-
-export default antfu(
-  {
-    type: "app",
-    typescript: true,
-    formatters: true,
-    next: true,
-    stylistic: {
-      indent: 2,
-      semi: true,
-      quotes: "double",
-    },
-    ignores: ["src/components/ui/**", "README.md", "public/json/**"],
-  },
-  {
-    rules: {
-      "ts/no-redeclare": "off",
-      "ts/consistent-type-definitions": ["error", "type"],
-      "no-console": ["warn"],
-      "antfu/no-top-level-await": ["off"],
-      "node/prefer-global/process": ["off"],
-      "node/no-process-env": ["error"],
-      "perfectionist/sort-imports": [
-        "error",
-        {
-          type: "line-length",
-          order: "desc",
-        },
-      ],
-
-      "unicorn/filename-case": [
-        "error",
-        {
-          case: "kebabCase",
-          ignore: ["README.md"],
-        },
-      ],
-    },
-  },
-);

frontend/next.config.mjs

@@ -1,29 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  webpack: (config) => {
-    config.resolve.alias.canvas = false;
-
-    return config;
-  },
-  images: {
-    remotePatterns: [
-      {
-        protocol: "https",
-        hostname: "**",
-      },
-    ],
-  },
-
-  env: {
-    BASE_PATH: "ProxmoxVE",
-  },
-
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
-
-  output: "export",
-  basePath: `/ProxmoxVE`,
-};
-
-export default nextConfig;

frontend/package.json

@@ -1,87 +0,0 @@
-{
-  "name": "proxmox-helper-scripts-website",
-  "type": "module",
-  "version": "1.0.0",
-  "private": true,
-  "author": {
-    "name": "Bram Suurd",
-    "url": "https://github.com/community-scripts"
-  },
-  "license": "MIT",
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint . --fix",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-query": "^5.90.12",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "chart.js": "^4.5.1",
-    "chartjs-plugin-datalabels": "^2.2.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "framer-motion": "^12.23.26",
-    "fuse.js": "^7.1.0",
-    "lucide-react": "^0.561.0",
-    "mini-svg-data-uri": "^1.4.4",
-    "motion": "^12.23.26",
-    "next": "15.5.8",
-    "next-themes": "^0.4.6",
-    "nuqs": "^2.8.5",
-    "react": "19.2.3",
-    "react-chartjs-2": "^5.3.1",
-    "react-code-blocks": "^0.1.6",
-    "react-datepicker": "^9.0.0",
-    "react-day-picker": "^9.12.0",
-    "react-dom": "19.2.3",
-    "react-icons": "^5.5.0",
-    "react-syntax-highlighter": "^16.1.0",
-    "react-use-measure": "^2.1.7",
-    "recharts": "3.6.0",
-    "sharp": "^0.34.5",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "zod": "^4.2.1"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^6.7.1",
-    "@eslint-react/eslint-plugin": "^2.3.13",
-    "@next/eslint-plugin-next": "^15.5.8",
-    "@tanstack/eslint-plugin-query": "^5.91.2",
-    "@types/node": "^25.0.2",
-    "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "eslint": "^9.39.2",
-    "eslint-config-next": "15.5.8",
-    "eslint-plugin-format": "^1.1.0",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.25",
-    "jsdom": "^27.3.0",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-animated": "^1.1.2",
-    "typescript": "^5.9.3"
-  }
-}

frontend/postcss.config.mjs

@@ -1,8 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-};
-
-export default config;

frontend/src/app/api/categories/route.ts

@@ -1,63 +0,0 @@
-import { NextResponse } from "next/server";
-import { promises as fs } from "node:fs";
-import path from "node:path";
-
-import type { Metadata, Script } from "@/lib/types";
-
-export const dynamic = "force-static";
-
-const jsonDir = "public/json";
-const metadataFileName = "metadata.json";
-const versionFileName = "version.json";
-const encoding = "utf-8";
-
-async function getMetadata() {
-  const filePath = path.resolve(jsonDir, metadataFileName);
-  const fileContent = await fs.readFile(filePath, encoding);
-  const metadata: Metadata = JSON.parse(fileContent);
-  return metadata;
-}
-
-async function getScripts() {
-  const filePaths = (await fs.readdir(jsonDir))
-    .filter(fileName =>
-      fileName.endsWith(".json")
-      && fileName !== metadataFileName
-      && fileName !== versionFileName,
-    )
-    .map(fileName => path.resolve(jsonDir, fileName));
-
-  const scripts = await Promise.all(
-    filePaths.map(async (filePath) => {
-      const fileContent = await fs.readFile(filePath, encoding);
-      const script: Script = JSON.parse(fileContent);
-      return script;
-    }),
-  );
-  return scripts;
-}
-
-export async function GET() {
-  try {
-    const metadata = await getMetadata();
-    const scripts = await getScripts();
-
-    const categories = metadata.categories
-      .map((category) => {
-        category.scripts = scripts.filter(script =>
-          script.categories?.includes(category.id),
-        );
-        return category;
-      })
-      .sort((a, b) => a.sort_order - b.sort_order);
-
-    return NextResponse.json(categories);
-  }
-  catch (error) {
-    console.error(error as Error);
-    return NextResponse.json(
-      { error: "Failed to fetch categories" },
-      { status: 500 },
-    );
-  }
-}

frontend/src/app/api/github-versions/route.ts

@@ -1,36 +0,0 @@
-import { NextResponse } from "next/server";
-import { promises as fs } from "node:fs";
-import path from "node:path";
-
-import type { GitHubVersionsResponse } from "@/lib/types";
-
-export const dynamic = "force-static";
-
-const jsonDir = "public/json";
-const versionsFileName = "github-versions.json";
-const encoding = "utf-8";
-
-async function getVersions(): Promise<GitHubVersionsResponse> {
-  const filePath = path.resolve(jsonDir, versionsFileName);
-  const fileContent = await fs.readFile(filePath, encoding);
-  const data: GitHubVersionsResponse = JSON.parse(fileContent);
-  return data;
-}
-
-export async function GET() {
-  try {
-    const versions = await getVersions();
-    return NextResponse.json(versions);
-  }
-  catch (error) {
-    console.error(error);
-    const err = error as globalThis.Error;
-    return NextResponse.json({
-      generated: "",
-      versions: [],
-      error: err.message || "An unexpected error occurred",
-    }, {
-      status: 500,
-    });
-  }
-}

frontend/src/app/api/versions/route.ts

@@ -1,48 +0,0 @@
-// import Error from "next/error";
-import { NextResponse } from "next/server";
-import { promises as fs } from "node:fs";
-import path from "node:path";
-
-export const dynamic = "force-static";
-
-const jsonDir = "public/json";
-const versionsFileName = "versions.json";
-const encoding = "utf-8";
-
-interface LegacyVersion {
-  name: string;
-  version: string;
-  date: string;
-}
-
-async function getVersions() {
-  const filePath = path.resolve(jsonDir, versionsFileName);
-  const fileContent = await fs.readFile(filePath, encoding);
-  const versions: LegacyVersion[] = JSON.parse(fileContent);
-
-  const modifiedVersions = versions.map((version) => {
-    let newName = version.name;
-    newName = newName.toLowerCase().replace(/[^a-z0-9/]/g, "");
-    return { ...version, name: newName, date: new Date(version.date) };
-  });
-
-  return modifiedVersions;
-}
-
-export async function GET() {
-  try {
-    const versions = await getVersions();
-    return NextResponse.json(versions);
-  }
-  catch (error) {
-    console.error(error);
-    const err = error as globalThis.Error;
-    return NextResponse.json({
-      name: err.name,
-      message: err.message || "An unexpected error occurred",
-      version: "No version found - Error",
-    }, {
-      status: 500,
-    });
-  }
-}

frontend/src/app/data/page.tsx

@@ -1,509 +0,0 @@
-"use client";
-
-import {
-  ArrowUpDown,
-  Box,
-  CheckCircle2,
-  ChevronLeft,
-  ChevronRight,
-  List,
-  Loader2,
-  Trophy,
-  XCircle,
-} from "lucide-react";
-import { useEffect, useMemo, useState } from "react";
-import { Bar, BarChart, CartesianGrid, Cell, LabelList, XAxis } from "recharts";
-
-import type { ChartConfig } from "@/components/ui/chart";
-
-import { formattedBadge } from "@/components/command-menu";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-
-type DataModel = {
-  id: number;
-  ct_type: number;
-  disk_size: number;
-  core_count: number;
-  ram_size: number;
-  os_type: string;
-  os_version: string;
-  disableip6: string;
-  nsapp: string;
-  created_at: string;
-  method: string;
-  pve_version: string;
-  status: string;
-  error: string;
-  type: string;
-  [key: string]: any;
-};
-
-type SummaryData = {
-  total_entries: number;
-  status_count: Record<string, number>;
-  nsapp_count: Record<string, number>;
-};
-
-// Chart colors optimized for both light and dark modes
-// Medium-toned colors that are visible and not too flashy in both themes
-const CHART_COLORS = [
-  "#5B8DEF", // blue - medium tone
-  "#4ECDC4", // teal - medium tone
-  "#FF8C42", // orange - medium tone
-  "#A78BFA", // purple - medium tone
-  "#F472B6", // pink - medium tone
-  "#38BDF8", // cyan - medium tone
-  "#4ADE80", // green - medium tone
-  "#FBBF24", // yellow - medium tone
-  "#818CF8", // indigo - medium tone
-  "#FB7185", // rose - medium tone
-  "#2DD4BF", // turquoise - medium tone
-  "#C084FC", // violet - medium tone
-  "#60A5FA", // sky blue - medium tone
-  "#84CC16", // lime - medium tone
-  "#F59E0B", // amber - medium tone
-  "#A855F7", // purple - medium tone
-  "#10B981", // emerald - medium tone
-  "#EAB308", // gold - medium tone
-  "#3B82F6", // royal blue - medium tone
-  "#EF4444", // red - medium tone
-];
-
-const chartConfigApps = {
-  count: {
-    label: "Installations",
-    color: "hsl(var(--chart-1))",
-  },
-} satisfies ChartConfig;
-
-export default function DataPage() {
-  const [data, setData] = useState<DataModel[]>([]);
-  const [summary, setSummary] = useState<SummaryData | null>(null);
-  const [summaryLoading, setSummaryLoading] = useState<boolean>(true);
-  const [dataLoading, setDataLoading] = useState<boolean>(true);
-  const [error, setError] = useState<string | null>(null);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [itemsPerPage, setItemsPerPage] = useState(25);
-  const [sortConfig, setSortConfig] = useState<{
-    key: string;
-    direction: "ascending" | "descending";
-  } | null>(null);
-
-  const nf = new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
-
-  // Fetch summary only once on mount
-  useEffect(() => {
-    const fetchSummary = async () => {
-      try {
-        const summaryRes = await fetch("https://api.htl-braunau.at/data/summary");
-        if (!summaryRes.ok) {
-          throw new Error(`Failed to fetch summary: ${summaryRes.statusText}`);
-        }
-        const summaryData: SummaryData = await summaryRes.json();
-        setSummary(summaryData);
-      } catch (err) {
-        setError((err as Error).message);
-      } finally {
-        setSummaryLoading(false);
-      }
-    };
-
-    fetchSummary();
-  }, []);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      setDataLoading(true);
-      try {
-        const dataRes = await fetch(`https://api.htl-braunau.at/data/paginated?page=${currentPage}&limit=${itemsPerPage}`);
-        if (!dataRes.ok) {
-          throw new Error(`Failed to fetch data: ${dataRes.statusText}`);
-        }
-        const pageData: DataModel[] = await dataRes.json();
-        setData(pageData);
-      } catch (err) {
-        setError((err as Error).message);
-      } finally {
-        setDataLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [currentPage, itemsPerPage]);
-
-  const sortedData = useMemo(() => {
-    if (!sortConfig) return data;
-    return [...data].sort((a, b) => {
-      if (a[sortConfig.key] < b[sortConfig.key]) {
-        return sortConfig.direction === "ascending" ? -1 : 1;
-      }
-      if (a[sortConfig.key] > b[sortConfig.key]) {
-        return sortConfig.direction === "ascending" ? 1 : -1;
-      }
-      return 0;
-    });
-  }, [data, sortConfig]);
-
-  const requestSort = (key: string) => {
-    let direction: "ascending" | "descending" = "ascending";
-    if (sortConfig && sortConfig.key === key && sortConfig.direction === "ascending") {
-      direction = "descending";
-    }
-    setSortConfig({ key, direction });
-  };
-
-  const formatDate = (dateString: string): string => {
-    const date = new Date(dateString);
-    return new Intl.DateTimeFormat("en-US", {
-      dateStyle: "medium",
-      timeStyle: "short",
-    }).format(date);
-  };
-
-  const getTypeBadge = (type: string) => {
-    if (type === "lxc") return formattedBadge("ct");
-    if (type === "vm") return formattedBadge("vm");
-    return null;
-  };
-
-  // Stats calculations
-  const successCount = summary?.status_count.done ?? 0;
-  const failureCount = summary?.status_count.failed ?? 0;
-  const totalCount = summary?.total_entries ?? 0;
-  const successRate = totalCount > 0 ? (successCount / totalCount) * 100 : 0;
-
-  const allApps = useMemo(() => {
-    if (!summary?.nsapp_count) return [];
-    return Object.entries(summary.nsapp_count).sort(([, a], [, b]) => b - a);
-  }, [summary]);
-
-  const topApps = useMemo(() => {
-    return allApps.slice(0, 15);
-  }, [allApps]);
-
-  const mostPopularApp = topApps[0];
-
-  // Chart Data
-  const appsChartData = topApps.map(([name, count], index) => ({
-    app: name,
-    count,
-    fill: CHART_COLORS[index % CHART_COLORS.length],
-  }));
-
-  if (error) {
-    return (
-      <div className="p-6 text-center text-red-500">
-        <p>
-          Error loading data:
-          {error}
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="mb-3">
-      <div className="mt-20 flex sm:px-4 xl:px-0">
-        <div className="mx-4 w-full sm:mx-0 space-y-8">
-          {/* Header */}
-          <div>
-            <h1 className="text-3xl font-bold tracking-tight">Analytics</h1>
-            <p className="text-muted-foreground">Overview of container installations and system statistics.</p>
-          </div>
-
-          {/* Widgets */}
-          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium">Total Created</CardTitle>
-                <Box className="h-4 w-4 text-muted-foreground" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold">{nf.format(totalCount)}</div>
-                <p className="text-xs text-muted-foreground">Total LXC/VM entries found</p>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium">Success Rate</CardTitle>
-                <CheckCircle2 className="h-4 w-4 text-green-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold">{successRate.toFixed(1)}%</div>
-                <p className="text-xs text-muted-foreground">{nf.format(successCount)} successful installations</p>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium">Failures</CardTitle>
-                <XCircle className="h-4 w-4 text-red-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold">{nf.format(failureCount)}</div>
-                <p className="text-xs text-muted-foreground">Installations encountered errors</p>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium">Most Popular</CardTitle>
-                <Trophy className="h-4 w-4 text-yellow-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="truncate text-2xl font-bold">{mostPopularApp ? mostPopularApp[0] : "N/A"}</div>
-                <p className="text-xs text-muted-foreground">
-                  {mostPopularApp ? nf.format(mostPopularApp[1]) : 0} installations
-                </p>
-              </CardContent>
-            </Card>
-          </div>
-
-          {/* Graphs */}
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between">
-              <div className="space-y-1.5">
-                <CardTitle>Top Applications</CardTitle>
-                <CardDescription>The most frequently installed applications.</CardDescription>
-              </div>
-              <Dialog>
-                <DialogTrigger asChild>
-                  <Button variant="outline" size="sm" className="ml-auto">
-                    <List className="mr-2 h-4 w-4" />
-                    View All
-                  </Button>
-                </DialogTrigger>
-                <DialogContent className="max-h-[80vh] sm:max-w-md">
-                  <DialogHeader>
-                    <DialogTitle>Application Statistics</DialogTitle>
-                    <DialogDescription>Installation counts for all {allApps.length} applications.</DialogDescription>
-                  </DialogHeader>
-                  <ScrollArea className="h-[60vh] w-full rounded-md border p-4">
-                    <div className="space-y-4">
-                      {allApps.map(([name, count], index) => (
-                        <div key={name} className="flex items-center justify-between text-sm">
-                          <div className="flex items-center gap-2">
-                            <span className="w-8 font-mono text-muted-foreground">{index + 1}.</span>
-                            <span className="font-medium">{name}</span>
-                          </div>
-                          <span className="font-mono">{nf.format(count)}</span>
-                        </div>
-                      ))}
-                    </div>
-                  </ScrollArea>
-                </DialogContent>
-              </Dialog>
-            </CardHeader>
-            <CardContent className="pl-2">
-              <div className="h-[300px] w-full">
-                {summaryLoading ? (
-                  <div className="flex h-full w-full items-center justify-center">
-                    <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
-                  </div>
-                ) : (
-                  <ChartContainer config={chartConfigApps} className="h-full w-full">
-                    <BarChart
-                      accessibilityLayer
-                      data={appsChartData}
-                      margin={{
-                        top: 20,
-                      }}
-                    >
-                      <CartesianGrid vertical={false} />
-                      <XAxis
-                        dataKey="app"
-                        tickLine={false}
-                        tickMargin={10}
-                        axisLine={false}
-                        tickFormatter={(value) => (value.length > 8 ? `${value.slice(0, 8)}...` : value)}
-                      />
-                      <ChartTooltip cursor={false} content={<ChartTooltipContent nameKey="app" />} />
-                      <Bar dataKey="count" radius={8}>
-                        {appsChartData.map((entry, index) => (
-                          <Cell key={`cell-${index}`} fill={entry.fill} />
-                        ))}
-                        <LabelList position="top" offset={12} className="fill-foreground" fontSize={12} />
-                      </Bar>
-                    </BarChart>
-                  </ChartContainer>
-                )}
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Data Table */}
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between">
-              <div>
-                <CardTitle>Installation Log</CardTitle>
-                <CardDescription>Detailed records of all container creation attempts.</CardDescription>
-              </div>
-              <div className="flex items-center gap-2">
-                <Select value={String(itemsPerPage)} onValueChange={(val) => setItemsPerPage(Number(val))}>
-                  <SelectTrigger className="w-[80px]">
-                    <SelectValue placeholder="Limit" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="10">10</SelectItem>
-                    <SelectItem value="25">25</SelectItem>
-                    <SelectItem value="50">50</SelectItem>
-                    <SelectItem value="100">100</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <div className="rounded-md border">
-                <Table>
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead className="w-[100px] cursor-pointer" onClick={() => requestSort("status")}>
-                        Status
-                        {sortConfig?.key === "status" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead className="cursor-pointer" onClick={() => requestSort("type")}>
-                        Type
-                        {sortConfig?.key === "type" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead className="cursor-pointer" onClick={() => requestSort("nsapp")}>
-                        Application
-                        {sortConfig?.key === "nsapp" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead className="hidden cursor-pointer md:table-cell" onClick={() => requestSort("os_type")}>
-                        OS
-                        {sortConfig?.key === "os_type" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead
-                        className="hidden cursor-pointer md:table-cell"
-                        onClick={() => requestSort("disk_size")}
-                      >
-                        Disk Size
-                        {sortConfig?.key === "disk_size" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead
-                        className="hidden cursor-pointer lg:table-cell"
-                        onClick={() => requestSort("core_count")}
-                      >
-                        Core Count
-                        {sortConfig?.key === "core_count" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead
-                        className="hidden cursor-pointer lg:table-cell"
-                        onClick={() => requestSort("ram_size")}
-                      >
-                        RAM Size
-                        {sortConfig?.key === "ram_size" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                      <TableHead className="cursor-pointer text-right" onClick={() => requestSort("created_at")}>
-                        Created At
-                        {sortConfig?.key === "created_at" && <ArrowUpDown className="ml-2 inline h-4 w-4" />}
-                      </TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {dataLoading ? (
-                      <TableRow>
-                        <TableCell colSpan={8} className="h-24 text-center">
-                          <div className="flex items-center justify-center gap-2">
-                            <Loader2 className="h-4 w-4 animate-spin" /> Loading data...
-                          </div>
-                        </TableCell>
-                      </TableRow>
-                    ) : sortedData.length > 0 ? (
-                      sortedData.map((item, idx) => (
-                        <TableRow key={`${item.id}-${idx}`}>
-                          <TableCell>
-                            {item.status === "done" ? (
-                              <Badge className="text-green-500/75 border-green-500/75">Success</Badge>
-                            ) : item.status === "failed" ? (
-                              <TooltipProvider>
-                                <Tooltip>
-                                  <TooltipTrigger asChild>
-                                    <Badge className="text-red-500/75 border-red-500/75 cursor-help">Failed</Badge>
-                                  </TooltipTrigger>
-                                  <TooltipContent className="max-w-xs">
-                                    <p className="font-semibold">Error:</p>
-                                    <p className="text-sm">{item.error || "Unknown error"}</p>
-                                  </TooltipContent>
-                                </Tooltip>
-                              </TooltipProvider>
-                            ) : item.status === "installing" ? (
-                              <Badge className="text-blue-500/75 border-blue-500/75">Installing</Badge>
-                            ) : (
-                              <Badge variant="outline">{item.status}</Badge>
-                            )}
-                          </TableCell>
-                          <TableCell>
-                            {getTypeBadge(item.type) || <Badge variant="outline">{item.type}</Badge>}
-                          </TableCell>
-                          <TableCell className="font-medium">{item.nsapp}</TableCell>
-                          <TableCell className="hidden md:table-cell">
-                            {item.os_type} {item.os_version}
-                          </TableCell>
-                          <TableCell className="hidden md:table-cell">
-                            {item.disk_size}
-                            GB
-                          </TableCell>
-                          <TableCell className="hidden lg:table-cell">{item.core_count}</TableCell>
-                          <TableCell className="hidden lg:table-cell">
-                            {item.ram_size}
-                            MB
-                          </TableCell>
-                          <TableCell className="text-right">{formatDate(item.created_at)}</TableCell>
-                        </TableRow>
-                      ))
-                    ) : (
-                      <TableRow>
-                        <TableCell colSpan={8} className="h-24 text-center">
-                          No results found.
-                        </TableCell>
-                      </TableRow>
-                    )}
-                  </TableBody>
-                </Table>
-              </div>
-
-              <div className="flex items-center justify-end space-x-2 py-4">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => setCurrentPage((prev) => Math.max(prev - 1, 1))}
-                  disabled={currentPage === 1 || dataLoading}
-                >
-                  <ChevronLeft className="mr-2 h-4 w-4" />
-                  Previous
-                </Button>
-                <div className="text-sm text-muted-foreground">Page {currentPage}</div>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => setCurrentPage((prev) => prev + 1)}
-                  disabled={dataLoading || sortedData.length < itemsPerPage}
-                >
-                  Next
-                  <ChevronRight className="ml-2 h-4 w-4" />
-                </Button>
-              </div>
-            </CardContent>
-          </Card>
-        </div>
-      </div>
-    </div>
-  );
-}

frontend/src/app/json-editor/_components/categories.tsx

@@ -1,125 +0,0 @@
-import type { z } from "zod";
-
-import { memo } from "react";
-
-import type { Category } from "@/lib/types";
-
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Label } from "@/components/ui/label";
-import { cn } from "@/lib/utils";
-
-import type { Script } from "../_schemas/schemas";
-
-type CategoryProps = {
-  script: Script;
-  setScript: (script: Script) => void;
-  setIsValid: (isValid: boolean) => void;
-  setZodErrors: (zodErrors: z.ZodError | null) => void;
-  categories: Category[];
-};
-
-const CategoryTag = memo(({
-  category,
-  onRemove,
-}: {
-  category: Category;
-  onRemove: () => void;
-}) => (
-  <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-    {category.name}
-    <button
-      type="button"
-      className="ml-1 inline-flex text-blue-400 hover:text-blue-600"
-      onClick={onRemove}
-    >
-      <span className="sr-only">Remove</span>
-      <svg
-        className="h-3 w-3"
-        fill="none"
-        stroke="currentColor"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={2}
-          d="M6 18L18 6M6 6l12 12"
-        />
-      </svg>
-    </button>
-  </span>
-));
-
-CategoryTag.displayName = "CategoryTag";
-
-function Categories({
-  script,
-  setScript,
-  categories,
-}: Omit<CategoryProps, "setIsValid" | "setZodErrors">) {
-  const addCategory = (categoryId: number) => {
-    setScript({
-      ...script,
-      categories: [...new Set([...script.categories, categoryId])],
-    });
-  };
-
-  const removeCategory = (categoryId: number) => {
-    setScript({
-      ...script,
-      categories: script.categories.filter((id: number) => id !== categoryId),
-    });
-  };
-
-  const categoryMap = new Map(categories.map(c => [c.id, c]));
-
-  return (
-    <div>
-      <Label>
-        Category
-        {" "}
-        <span className="text-red-500">*</span>
-      </Label>
-      <Select onValueChange={value => addCategory(Number(value))}>
-        <SelectTrigger>
-          <SelectValue placeholder="Select a category" />
-        </SelectTrigger>
-        <SelectContent>
-          {categories.map(category => (
-            <SelectItem key={category.id} value={category.id.toString()}>
-              {category.name}
-            </SelectItem>
-          ))}
-        </SelectContent>
-      </Select>
-      <div
-        className={cn(
-          "flex flex-wrap gap-2",
-          script.categories.length !== 0 && "mt-2",
-        )}
-      >
-        {script.categories.map((categoryId) => {
-          const category = categoryMap.get(categoryId);
-          return category
-            ? (
-                <CategoryTag
-                  key={categoryId}
-                  category={category}
-                  onRemove={() => removeCategory(categoryId)}
-                />
-              )
-            : null;
-        })}
-      </div>
-    </div>
-  );
-}
-
-export default memo(Categories);

frontend/src/app/json-editor/_components/install-method.tsx

@@ -1,233 +0,0 @@
-import type { z } from "zod";
-
-import { PlusCircle, Trash2 } from "lucide-react";
-import { memo, useCallback, useRef } from "react";
-
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { OperatingSystems } from "@/config/site-config";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-
-import type { Script } from "../_schemas/schemas";
-
-import { InstallMethodSchema, ScriptSchema } from "../_schemas/schemas";
-
-type InstallMethodProps = {
-  script: Script;
-  setScript: (value: Script | ((prevState: Script) => Script)) => void;
-  setIsValid: (isValid: boolean) => void;
-  setZodErrors: (zodErrors: z.ZodError | null) => void;
-};
-
-function InstallMethod({ script, setScript, setIsValid, setZodErrors }: InstallMethodProps) {
-  const cpuRefs = useRef<(HTMLInputElement | null)[]>([]);
-  const ramRefs = useRef<(HTMLInputElement | null)[]>([]);
-  const hddRefs = useRef<(HTMLInputElement | null)[]>([]);
-
-  const addInstallMethod = useCallback(() => {
-    setScript((prev) => {
-      const { type, slug } = prev;
-      const newMethodType = "default";
-
-      let scriptPath = "";
-
-      if (type === "pve") {
-        scriptPath = `tools/pve/${slug}.sh`;
-      }
-      else if (type === "addon") {
-        scriptPath = `tools/addon/${slug}.sh`;
-      }
-      else {
-        scriptPath = `${type}/${slug}.sh`;
-      }
-
-      const method = InstallMethodSchema.parse({
-        type: newMethodType,
-        script: scriptPath,
-        resources: {
-          cpu: null,
-          ram: null,
-          hdd: null,
-          os: null,
-          version: null,
-        },
-      });
-
-      return {
-        ...prev,
-        install_methods: [...prev.install_methods, method],
-      };
-    });
-  }, [setScript]);
-
-  const updateInstallMethod = useCallback(
-    (
-      index: number,
-      key: keyof Script["install_methods"][number],
-      value: Script["install_methods"][number][keyof Script["install_methods"][number]],
-    ) => {
-      setScript((prev) => {
-        const updatedMethods = prev.install_methods.map((method, i) => {
-          if (i === index) {
-            const updatedMethod = { ...method, [key]: value };
-
-            if (key === "type") {
-              updatedMethod.script
-                = value === "alpine" ? `${prev.type}/alpine-${prev.slug}.sh` : `${prev.type}/${prev.slug}.sh`;
-
-              // Set OS to Alpine and reset version if type is alpine
-              if (value === "alpine") {
-                updatedMethod.resources.os = "Alpine";
-                updatedMethod.resources.version = null;
-              }
-            }
-
-            return updatedMethod;
-          }
-          return method;
-        });
-
-        const updated = {
-          ...prev,
-          install_methods: updatedMethods,
-        };
-
-        const result = ScriptSchema.safeParse(updated);
-        setIsValid(result.success);
-        if (!result.success) {
-          setZodErrors(result.error);
-        }
-        else {
-          setZodErrors(null);
-        }
-        return updated;
-      });
-    },
-    [setScript, setIsValid, setZodErrors],
-  );
-
-  const removeInstallMethod = useCallback(
-    (index: number) => {
-      setScript(prev => ({
-        ...prev,
-        install_methods: prev.install_methods.filter((_, i) => i !== index),
-      }));
-    },
-    [setScript],
-  );
-
-  return (
-    <>
-      <h3 className="text-xl font-semibold">Install Methods</h3>
-      {script.install_methods.map((method, index) => (
-        <div key={index} className="space-y-2 border p-4 rounded">
-          <Select value={method.type} onValueChange={value => updateInstallMethod(index, "type", value)}>
-            <SelectTrigger>
-              <SelectValue placeholder="Type" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="default">Default</SelectItem>
-              <SelectItem value="alpine">Alpine</SelectItem>
-            </SelectContent>
-          </Select>
-          <div className="flex gap-2">
-            <Input
-              ref={(el) => {
-                cpuRefs.current[index] = el;
-              }}
-              placeholder="CPU in Cores"
-              type="number"
-              value={method.resources.cpu || ""}
-              onChange={e =>
-                updateInstallMethod(index, "resources", {
-                  ...method.resources,
-                  cpu: e.target.value ? Number(e.target.value) : null,
-                })}
-            />
-            <Input
-              ref={(el) => {
-                ramRefs.current[index] = el;
-              }}
-              placeholder="RAM in MB"
-              type="number"
-              value={method.resources.ram || ""}
-              onChange={e =>
-                updateInstallMethod(index, "resources", {
-                  ...method.resources,
-                  ram: e.target.value ? Number(e.target.value) : null,
-                })}
-            />
-            <Input
-              ref={(el) => {
-                hddRefs.current[index] = el;
-              }}
-              placeholder="HDD in GB"
-              type="number"
-              value={method.resources.hdd || ""}
-              onChange={e =>
-                updateInstallMethod(index, "resources", {
-                  ...method.resources,
-                  hdd: e.target.value ? Number(e.target.value) : null,
-                })}
-            />
-          </div>
-          <div className="flex gap-2">
-            <Select
-              value={method.resources.os || undefined}
-              onValueChange={value =>
-                updateInstallMethod(index, "resources", {
-                  ...method.resources,
-                  os: value || null,
-                  version: null, // Reset version when OS changes
-                })}
-              disabled={method.type === "alpine"}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder="OS" />
-              </SelectTrigger>
-              <SelectContent>
-                {OperatingSystems.map(os => (
-                  <SelectItem key={os.name} value={os.name}>
-                    {os.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            <Select
-              value={method.resources.version || undefined}
-              onValueChange={value =>
-                updateInstallMethod(index, "resources", {
-                  ...method.resources,
-                  version: value || null,
-                })}
-              disabled={method.type === "alpine"}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder="Version" />
-              </SelectTrigger>
-              <SelectContent>
-                {OperatingSystems.find(os => os.name === method.resources.os)?.versions.map(version => (
-                  <SelectItem key={version.slug} value={version.name}>
-                    {version.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          <Button variant="destructive" size="sm" type="button" onClick={() => removeInstallMethod(index)}>
-            <Trash2 className="mr-2 h-4 w-4" />
-            {" "}
-            Remove Install Method
-          </Button>
-        </div>
-      ))}
-      <Button type="button" size="sm" disabled={script.install_methods.length >= 2} onClick={addInstallMethod}>
-        <PlusCircle className="mr-2 h-4 w-4" />
-        {" "}
-        Add Install Method
-      </Button>
-    </>
-  );
-}
-
-export default memo(InstallMethod);

frontend/src/app/json-editor/_components/note.tsx

@@ -1,159 +0,0 @@
-import type { z } from "zod";
-
-import { PlusCircle, Trash2 } from "lucide-react";
-import { memo, useCallback, useRef } from "react";
-
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { AlertColors } from "@/config/site-config";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { cn } from "@/lib/utils";
-
-import type { Script } from "../_schemas/schemas";
-
-import { ScriptSchema } from "../_schemas/schemas";
-
-const NoteItem = memo(
-  ({
-    note,
-    index,
-    updateNote,
-    removeNote,
-  }: {
-    note: Script["notes"][number];
-    index: number;
-    updateNote: (index: number, key: keyof Script["notes"][number], value: string) => void;
-    removeNote: (index: number) => void;
-  }) => {
-    const inputRef = useRef<HTMLInputElement | null>(null);
-
-    const handleTextChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-      updateNote(index, "text", e.target.value);
-      setTimeout(() => {
-        inputRef.current?.focus();
-      }, 0);
-    }, [index, updateNote]);
-
-    return (
-      <div className="space-y-2 border p-4 rounded">
-        <Input
-          placeholder="Note Text"
-          value={note.text}
-          onChange={handleTextChange}
-          ref={inputRef}
-        />
-        <Select
-          value={note.type}
-          onValueChange={value => updateNote(index, "type", value)}
-        >
-          <SelectTrigger className="flex-1">
-            <SelectValue placeholder="Type" />
-          </SelectTrigger>
-          <SelectContent>
-            {Object.keys(AlertColors).map(type => (
-              <SelectItem key={type} value={type}>
-                <span className="flex items-center gap-2">
-                  {type.charAt(0).toUpperCase() + type.slice(1)}
-                  {" "}
-                  <div
-                    className={cn(
-                      "size-4 rounded-full border",
-                      AlertColors[type as keyof typeof AlertColors],
-                    )}
-                  />
-                </span>
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-        <Button
-          size="sm"
-          variant="destructive"
-          type="button"
-          onClick={() => removeNote(index)}
-        >
-          <Trash2 className="mr-2 h-4 w-4" />
-          {" "}
-          Remove Note
-        </Button>
-      </div>
-    );
-  },
-);
-
-type NoteProps = {
-  script: Script;
-  setScript: (script: Script) => void;
-  setIsValid: (isValid: boolean) => void;
-  setZodErrors: (zodErrors: z.ZodError | null) => void;
-};
-
-function Note({
-  script,
-  setScript,
-  setIsValid,
-  setZodErrors,
-}: NoteProps) {
-  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);
-
-  const addNote = useCallback(() => {
-    setScript({
-      ...script,
-      notes: [...script.notes, { text: "", type: "info" }],
-    });
-  }, [script, setScript]);
-
-  const updateNote = useCallback((
-    index: number,
-    key: keyof Script["notes"][number],
-    value: string,
-  ) => {
-    const updated: Script = {
-      ...script,
-      notes: script.notes.map((note, i) =>
-        i === index ? { ...note, [key]: value } : note,
-      ),
-    };
-    const result = ScriptSchema.safeParse(updated);
-    setIsValid(result.success);
-    setZodErrors(result.success ? null : result.error);
-    setScript(updated);
-    // Restore focus after state update
-    if (key === "text") {
-      setTimeout(() => {
-        inputRefs.current[index]?.focus();
-      }, 0);
-    }
-  }, [script, setScript, setIsValid, setZodErrors]);
-
-  const removeNote = useCallback((index: number) => {
-    setScript({
-      ...script,
-      notes: script.notes.filter((_, i) => i !== index),
-    });
-  }, [script, setScript]);
-
-  return (
-    <>
-      <h3 className="text-xl font-semibold">Notes</h3>
-      {script.notes.map((note, index) => (
-        <NoteItem key={index} note={note} index={index} updateNote={updateNote} removeNote={removeNote} />
-      ))}
-      <Button type="button" size="sm" onClick={addNote}>
-        <PlusCircle className="mr-2 h-4 w-4" />
-        {" "}
-        Add Note
-      </Button>
-    </>
-  );
-}
-
-NoteItem.displayName = "NoteItem";
-
-export default memo(Note);

frontend/src/app/json-editor/_schemas/schemas.ts

@@ -1,59 +0,0 @@
-import { z } from "zod";
-import { AlertColors } from "@/config/site-config";
-
-export const InstallMethodSchema = z.object({
-  type: z.enum(["default", "alpine"], {
-    message: "Type must be either 'default' or 'alpine'",
-  }),
-  script: z.string().min(1, "Script content cannot be empty"),
-  resources: z.object({
-    cpu: z.number().nullable(),
-    ram: z.number().nullable(),
-    hdd: z.number().nullable(),
-    os: z.string().nullable(),
-    version: z.string().nullable(),
-  }),
-});
-
-const NoteSchema = z.object({
-  text: z.string().min(1, "Note text cannot be empty"),
-  type: z.enum(Object.keys(AlertColors) as [keyof typeof AlertColors, ...(keyof typeof AlertColors)[]], {
-    message: `Type must be one of: ${Object.keys(AlertColors).join(", ")}`,
-  }),
-});
-
-export const ScriptSchema = z.object({
-  name: z.string().min(1, "Name is required"),
-  slug: z.string().min(1, "Slug is required"),
-  categories: z.array(z.number()),
-  date_created: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "Date must be in YYYY-MM-DD format").min(1, "Date is required"),
-  type: z.enum(["vm", "ct", "pve", "addon", "turnkey"], {
-    message: "Type must be either 'vm', 'ct', 'pve', 'addon' or 'turnkey'",
-  }),
-  updateable: z.boolean(),
-  privileged: z.boolean(),
-  interface_port: z.number().nullable(),
-  documentation: z.string().nullable(),
-  website: z.url().nullable(),
-  logo: z.url().nullable(),
-  config_path: z.string(),
-  description: z.string().min(1, "Description is required"),
-  disable: z.boolean().optional(),
-  disable_description: z.string().optional(),
-  install_methods: z.array(InstallMethodSchema).min(1, "At least one install method is required"),
-  default_credentials: z.object({
-    username: z.string().nullable(),
-    password: z.string().nullable(),
-  }),
-  notes: z.array(NoteSchema).optional().default([]),
-}).refine((data) => {
-  if (data.disable === true && !data.disable_description) {
-    return false;
-  }
-  return true;
-}, {
-  message: "disable_description is required when disable is true",
-  path: ["disable_description"],
-});
-
-export type Script = z.infer<typeof ScriptSchema>;

frontend/src/app/json-editor/page.tsx

@@ -1,590 +0,0 @@
-"use client";
-
-import type { z } from "zod";
-
-import { githubGist, nord } from "react-syntax-highlighter/dist/esm/styles/hljs";
-import { CalendarIcon, Check, Clipboard, Download } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
-import { useTheme } from "next-themes";
-import { format } from "date-fns";
-import { toast } from "sonner";
-import Image from "next/image";
-
-import type { Category } from "@/lib/types";
-
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Calendar } from "@/components/ui/calendar";
-import { Textarea } from "@/components/ui/textarea";
-import { Button } from "@/components/ui/button";
-import { Switch } from "@/components/ui/switch";
-import { basePath } from "@/config/site-config";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { fetchCategories } from "@/lib/data";
-import { cn } from "@/lib/utils";
-
-import type { Script } from "./_schemas/schemas";
-
-import { ScriptItem } from "../scripts/_components/script-item";
-import InstallMethod from "./_components/install-method";
-import { ScriptSchema } from "./_schemas/schemas";
-import Categories from "./_components/categories";
-import Note from "./_components/note";
-
-function search(scripts: Script[], query: string): Script[] {
-  const queryLower = query.toLowerCase().trim();
-  const searchWords = queryLower.split(/\s+/).filter(Boolean);
-
-  return scripts
-    .map((script) => {
-      const nameLower = script.name.toLowerCase();
-      const descriptionLower = (script.description || "").toLowerCase();
-
-      let score = 0;
-
-      for (const word of searchWords) {
-        if (nameLower.includes(word)) {
-          score += 10;
-        }
-        if (descriptionLower.includes(word)) {
-          score += 5;
-        }
-      }
-
-      return { script, score };
-    })
-    .filter(({ score }) => score > 0)
-    .sort((a, b) => b.score - a.score)
-    .slice(0, 20)
-    .map(({ script }) => script);
-}
-
-const initialScript: Script = {
-  name: "",
-  slug: "",
-  categories: [],
-  date_created: format(new Date(), "yyyy-MM-dd"),
-  type: "ct",
-  updateable: false,
-  privileged: false,
-  interface_port: null,
-  documentation: null,
-  config_path: "",
-  website: null,
-  logo: null,
-  description: "",
-  disable: undefined,
-  disable_description: undefined,
-  install_methods: [],
-  default_credentials: {
-    username: null,
-    password: null,
-  },
-  notes: [],
-};
-
-export default function JSONGenerator() {
-  const { theme } = useTheme();
-  const [script, setScript] = useState<Script>(initialScript);
-  const [isCopied, setIsCopied] = useState(false);
-  const [isValid, setIsValid] = useState(false);
-  const [categories, setCategories] = useState<Category[]>([]);
-  const [currentTab, setCurrentTab] = useState<"json" | "preview">("json");
-  const [selectedCategory, setSelectedCategory] = useState<string>("");
-  const [searchQuery, setSearchQuery] = useState<string>("");
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);
-  const [zodErrors, setZodErrors] = useState<z.ZodError | null>(null);
-
-  const selectedCategoryObj = useMemo(
-    () => categories.find(cat => cat.id.toString() === selectedCategory),
-    [categories, selectedCategory],
-  );
-
-  const allScripts = useMemo(
-    () => categories.flatMap(cat => cat.scripts || []),
-    [categories],
-  );
-
-  const scripts = useMemo(() => {
-    const query = searchQuery.trim();
-
-    if (query) {
-      return search(allScripts, query);
-    }
-
-    if (selectedCategoryObj) {
-      return selectedCategoryObj.scripts || [];
-    }
-
-    return [];
-  }, [allScripts, selectedCategoryObj, searchQuery]);
-
-  useEffect(() => {
-    fetchCategories()
-      .then(setCategories)
-      .catch(error => console.error("Error fetching categories:", error));
-  }, []);
-
-  useEffect(() => {
-    if (!isValid && currentTab === "preview") {
-      setCurrentTab("json");
-      toast.error("Switched to JSON tab due to invalid configuration.");
-    }
-  }, [isValid, currentTab]);
-
-  const updateScript = useCallback((key: keyof Script, value: Script[keyof Script]) => {
-    setScript((prev) => {
-      const updated = { ...prev, [key]: value };
-
-      if (updated.slug && updated.type) {
-        updated.install_methods = updated.install_methods.map((method) => {
-          let scriptPath = "";
-
-          if (updated.type === "pve") {
-            scriptPath = `tools/pve/${updated.slug}.sh`;
-          }
-          else if (updated.type === "addon") {
-            scriptPath = `tools/addon/${updated.slug}.sh`;
-          }
-          else if (method.type === "alpine") {
-            scriptPath = `${updated.type}/alpine-${updated.slug}.sh`;
-          }
-          else {
-            scriptPath = `${updated.type}/${updated.slug}.sh`;
-          }
-
-          return {
-            ...method,
-            script: scriptPath,
-          };
-        });
-      }
-
-      const result = ScriptSchema.safeParse(updated);
-      setIsValid(result.success);
-      setZodErrors(result.success ? null : result.error);
-      return updated;
-    });
-  }, []);
-
-  const handleCopy = useCallback(() => {
-    if (!isValid)
-      toast.warning("JSON schema is invalid. Copying anyway.");
-    navigator.clipboard.writeText(JSON.stringify(script, null, 2));
-    setIsCopied(true);
-    setTimeout(() => setIsCopied(false), 2000);
-    if (isValid)
-      toast.success("Copied metadata to clipboard");
-  }, [script]);
-
-  const importScript = (script: Script) => {
-    try {
-      const result = ScriptSchema.safeParse(script);
-      if (!result.success) {
-        setIsValid(false);
-        setZodErrors(result.error);
-        toast.error("Imported JSON is invalid according to the schema.");
-        return;
-      }
-
-      setScript(result.data);
-      setIsValid(true);
-      setZodErrors(null);
-      toast.success("Imported JSON successfully");
-    }
-    catch (error) {
-      toast.error("Failed to read or parse the JSON file.");
-    }
-  };
-
-  const handleFileImport = useCallback(() => {
-    const input = document.createElement("input");
-    input.type = "file";
-    input.accept = "application/json";
-
-    input.onchange = (e: Event) => {
-      const target = e.target as HTMLInputElement;
-      const file = target.files?.[0];
-      if (!file)
-        return;
-
-      const reader = new FileReader();
-      reader.onload = (event) => {
-        try {
-          const content = event.target?.result as string;
-          const parsed = JSON.parse(content);
-          importScript(parsed);
-          toast.success("Imported JSON successfully");
-        }
-        catch (error) {
-          toast.error("Failed to read the JSON file.");
-        }
-      };
-      reader.readAsText(file);
-    };
-
-    input.click();
-  }, [setScript]);
-
-  const handleDownload = useCallback(() => {
-    if (isValid === false) {
-      toast.error("Cannot download invalid JSON");
-      return;
-    }
-    const jsonString = JSON.stringify(script, null, 2);
-    const blob = new Blob([jsonString], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `${script.slug || "script"}.json`;
-    document.body.appendChild(a);
-    a.click();
-
-    URL.revokeObjectURL(url);
-    document.body.removeChild(a);
-  }, [script]);
-
-  const handleDateSelect = useCallback(
-    (date: Date | undefined) => {
-      updateScript("date_created", format(date || new Date(), "yyyy-MM-dd"));
-    },
-    [updateScript],
-  );
-
-  const formattedDate = useMemo(
-    () => (script.date_created ? format(script.date_created, "PPP") : undefined),
-    [script.date_created],
-  );
-
-  const validationAlert = useMemo(
-    () => (
-      <Alert className={cn("text-black", isValid ? "bg-green-100" : "bg-red-100")}>
-        <AlertTitle>{isValid ? "Valid JSON" : "Invalid JSON"}</AlertTitle>
-        <AlertDescription>
-          {isValid
-            ? "The current JSON is valid according to the schema."
-            : "The current JSON does not match the required schema."}
-        </AlertDescription>
-        {zodErrors && (
-          <div className="mt-2 space-y-1">
-            {zodErrors.issues.map((error, index) => (
-              <AlertDescription key={index} className="p-1 text-red-500">
-                {error.path.join(".")}
-                {" "}
-                -
-                {error.message}
-              </AlertDescription>
-            ))}
-          </div>
-        )}
-      </Alert>
-    ),
-    [isValid, zodErrors],
-  );
-
-  return (
-    <div className="flex h-screen mt-20">
-      <div className="w-1/2 p-4 overflow-y-auto">
-        <div className="flex justify-between items-center mb-4">
-          <h2 className="text-2xl font-bold">JSON Generator</h2>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button>Import</Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-52" align="start">
-              <DropdownMenuGroup>
-                <DropdownMenuItem onSelect={handleFileImport}>Import local JSON file</DropdownMenuItem>
-                <Dialog
-                  open={isImportDialogOpen}
-                  onOpenChange={setIsImportDialogOpen}
-                >
-                  <DialogTrigger asChild>
-                    <DropdownMenuItem onSelect={e => e.preventDefault()}>
-                      Import existing script
-                    </DropdownMenuItem>
-                  </DialogTrigger>
-                  <DialogContent className="sm:max-w-md w-full">
-                    <DialogHeader>
-                      <DialogTitle>Import existing script</DialogTitle>
-                      <DialogDescription>
-                        Select one of the puplished scripts to import its metadata.
-                      </DialogDescription>
-
-                    </DialogHeader>
-                    <div className="flex items-center gap-2">
-                      <div className="grid flex-1 gap-2">
-                        <Select
-                          value={selectedCategory}
-                          onValueChange={setSelectedCategory}
-                        >
-                          <SelectTrigger>
-                            <SelectValue placeholder="Category" />
-                          </SelectTrigger>
-                          <SelectContent>
-                            {categories.map(category => (
-                              <SelectItem key={category.id} value={category.id.toString()}>
-                                {category.name}
-                              </SelectItem>
-                            ))}
-                          </SelectContent>
-                        </Select>
-                        <Input
-                          placeholder="Search for a script..."
-                          value={searchQuery}
-                          onChange={e => setSearchQuery(e.target.value)}
-                        />
-                        {!selectedCategory && !searchQuery
-                          ? (
-                              <p className="text-muted-foreground text-sm text-center">
-                                Select a category or search for a script
-                              </p>
-                            )
-                          : scripts.length === 0
-                            ? (
-                                <p className="text-muted-foreground text-sm text-center">
-                                  No scripts found
-                                </p>
-                              )
-                            : (
-                                <div className="grid grid-cols-3 auto-rows-min h-64 overflow-y-auto gap-4">
-                                  {scripts.map(script => (
-                                    <div
-                                      key={script.slug}
-                                      className="p-2 border rounded cursor-pointer hover:bg-accent hover:text-accent-foreground"
-                                      onClick={() => {
-                                        importScript(script);
-                                        setIsImportDialogOpen(false);
-                                      }}
-                                    >
-                                      <Image
-                                        src={script.logo || `/${basePath}/logo.png`}
-                                        alt={script.name}
-                                        className="w-full h-12 object-contain mb-2"
-                                        width={16}
-                                        height={16}
-                                        unoptimized
-                                      />
-                                      <p className="text-sm text-center">{script.name}</p>
-                                    </div>
-                                  ))}
-                                </div>
-                              )}
-                      </div>
-                    </div>
-                  </DialogContent>
-                </Dialog>
-              </DropdownMenuGroup>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-        <form className="space-y-4">
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label>
-                Name
-                {" "}
-                <span className="text-red-500">*</span>
-              </Label>
-              <Input placeholder="Example" value={script.name} onChange={e => updateScript("name", e.target.value)} />
-            </div>
-            <div>
-              <Label>
-                Slug
-                {" "}
-                <span className="text-red-500">*</span>
-              </Label>
-              <Input placeholder="example" value={script.slug} onChange={e => updateScript("slug", e.target.value)} />
-            </div>
-          </div>
-          <div>
-            <Label>
-              Logo
-            </Label>
-            <Input
-              placeholder="Full logo URL"
-              value={script.logo || ""}
-              onChange={e => updateScript("logo", e.target.value || null)}
-            />
-          </div>
-          <div>
-            <Label>Config Path</Label>
-            <Input
-              placeholder="Path to config file"
-              value={script.config_path || ""}
-              onChange={e => updateScript("config_path", e.target.value || "")}
-            />
-          </div>
-          <div>
-            <Label>
-              Description
-              {" "}
-              <span className="text-red-500">*</span>
-            </Label>
-            <Textarea
-              placeholder="Example"
-              value={script.description}
-              onChange={e => updateScript("description", e.target.value)}
-            />
-          </div>
-          <Categories script={script} setScript={setScript} categories={categories} />
-          <div className="flex gap-2">
-            <div className="flex flex-col gap-2 w-full">
-              <Label>
-                Date Created
-                {" "}
-                <span className="text-red-500">*</span>
-              </Label>
-              <Popover>
-                <PopoverTrigger asChild className="flex-1">
-                  <Button
-                    variant="outline"
-                    className={cn("pl-3 text-left font-normal w-full", !script.date_created && "text-muted-foreground")}
-                  >
-                    {formattedDate || <span>Pick a date</span>}
-                    <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
-                  </Button>
-                </PopoverTrigger>
-                <PopoverContent className="w-auto p-0" align="start">
-                  <Calendar
-                    mode="single"
-                    selected={new Date(script.date_created)}
-                    onSelect={handleDateSelect}
-                    autoFocus
-                  />
-                </PopoverContent>
-              </Popover>
-            </div>
-            <div className="flex flex-col gap-2 w-full">
-              <Label>Type</Label>
-              <Select value={script.type} onValueChange={value => updateScript("type", value)}>
-                <SelectTrigger className="flex-1">
-                  <SelectValue placeholder="Type" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="ct">LXC Container</SelectItem>
-                  <SelectItem value="vm">Virtual Machine</SelectItem>
-                  <SelectItem value="pve">PVE-Tool</SelectItem>
-                  <SelectItem value="addon">Add-On</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-          <div className="w-full flex gap-5">
-            <div className="flex items-center space-x-2">
-              <Switch checked={script.updateable} onCheckedChange={checked => updateScript("updateable", checked)} />
-              <label>Updateable</label>
-            </div>
-            <div className="flex items-center space-x-2">
-              <Switch checked={script.privileged} onCheckedChange={checked => updateScript("privileged", checked)} />
-              <label>Privileged</label>
-            </div>
-            <div className="flex items-center space-x-2">
-              <Switch
-                checked={script.disable || false}
-                onCheckedChange={checked => updateScript("disable", checked)}
-              />
-              <label>Disabled</label>
-            </div>
-          </div>
-          {script.disable && (
-            <div>
-              <Label>
-                Disable Description
-                {" "}
-                <span className="text-red-500">*</span>
-              </Label>
-              <Textarea
-                placeholder="Explain why this script is disabled..."
-                value={script.disable_description || ""}
-                onChange={e => updateScript("disable_description", e.target.value)}
-              />
-            </div>
-          )}
-          <Input
-            placeholder="Interface Port"
-            type="number"
-            value={script.interface_port || ""}
-            onChange={e => updateScript("interface_port", e.target.value ? Number(e.target.value) : null)}
-          />
-          <div className="flex gap-2">
-            <Input
-              placeholder="Website URL"
-              value={script.website || ""}
-              onChange={e => updateScript("website", e.target.value || null)}
-            />
-            <Input
-              placeholder="Documentation URL"
-              value={script.documentation || ""}
-              onChange={e => updateScript("documentation", e.target.value || null)}
-            />
-          </div>
-          <InstallMethod script={script} setScript={setScript} setIsValid={setIsValid} setZodErrors={setZodErrors} />
-          <h3 className="text-xl font-semibold">Default Credentials</h3>
-          <Input
-            placeholder="Username"
-            value={script.default_credentials.username || ""}
-            onChange={e =>
-              updateScript("default_credentials", {
-                ...script.default_credentials,
-                username: e.target.value || null,
-              })}
-          />
-          <Input
-            placeholder="Password"
-            value={script.default_credentials.password || ""}
-            onChange={e =>
-              updateScript("default_credentials", {
-                ...script.default_credentials,
-                password: e.target.value || null,
-              })}
-          />
-          <Note script={script} setScript={setScript} setIsValid={setIsValid} setZodErrors={setZodErrors} />
-        </form>
-      </div>
-      <div className="w-1/2 p-4 bg-background overflow-y-auto">
-        <Tabs
-          defaultValue="json"
-          className="w-full"
-          onValueChange={value => setCurrentTab(value as "json" | "preview")}
-          value={currentTab}
-        >
-          <TabsList className="grid w-full grid-cols-2">
-            <TabsTrigger value="json">JSON</TabsTrigger>
-            <TabsTrigger disabled={!isValid} value="preview">Preview</TabsTrigger>
-          </TabsList>
-          <TabsContent value="json" className="h-full w-full">
-            {validationAlert}
-            <div className="relative">
-              <div className="absolute right-2 top-2 flex gap-1">
-                <Button size="icon" variant="outline" onClick={handleCopy}>
-                  {isCopied ? <Check className="h-4 w-4" /> : <Clipboard className="h-4 w-4" />}
-                </Button>
-                <Button size="icon" variant="outline" onClick={handleDownload}>
-                  <Download className="h-4 w-4" />
-                </Button>
-              </div>
-
-              <SyntaxHighlighter
-                language="json"
-                style={theme === "light" ? githubGist : nord}
-                className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll"
-              >
-                {JSON.stringify(script, null, 2)}
-              </SyntaxHighlighter>
-            </div>
-          </TabsContent>
-          <TabsContent value="preview" className="h-full w-full">
-            <ScriptItem item={script} />
-          </TabsContent>
-        </Tabs>
-      </div>
-    </div>
-  );
-}

frontend/src/app/layout.tsx

@@ -1,132 +0,0 @@
-import type { Metadata } from "next";
-
-import { NuqsAdapter } from "nuqs/adapters/next/app";
-import { Inter } from "next/font/google";
-import Script from "next/script";
-import React from "react";
-
-import { CopycatWarningToast } from "@/components/copycat-warning-toast";
-import { ThemeProvider } from "@/components/theme-provider";
-import { analytics, basePath } from "@/config/site-config";
-import QueryProvider from "@/components/query-provider";
-import { Toaster } from "@/components/ui/sonner";
-import Footer from "@/components/footer";
-import Navbar from "@/components/navbar";
-import "@/styles/globals.css";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "Proxmox VE Helper-Scripts",
-  description:
-    "The official website for the Proxmox VE Helper-Scripts (Community) repository. Featuring over 400+ scripts to help you manage your Proxmox Virtual Environment.",
-  applicationName: "Proxmox VE Helper-Scripts",
-  generator: "Next.js",
-  referrer: "origin-when-cross-origin",
-  keywords: [
-    "Proxmox VE",
-    "Helper-Scripts",
-    "tteck",
-    "helper",
-    "scripts",
-    "proxmox",
-    "VE",
-    "virtualization",
-    "containers",
-    "LXC",
-    "VM",
-  ],
-  authors: [
-    { name: "Bram Suurd", url: "https://github.com/BramSuurdje" },
-    { name: "Community Scripts", url: "https://github.com/Community-Scripts" },
-  ],
-  creator: "Bram Suurd",
-  publisher: "Community Scripts",
-  metadataBase: new URL(`https://community-scripts.github.io/${basePath}/`),
-  alternates: {
-    canonical: `https://community-scripts.github.io/${basePath}/`,
-  },
-  viewport: {
-    width: "device-width",
-    initialScale: 1,
-    maximumScale: 5,
-  },
-  formatDetection: {
-    email: false,
-    address: false,
-    telephone: false,
-  },
-  openGraph: {
-    title: "Proxmox VE Helper-Scripts",
-    description:
-      "The official website for the Proxmox VE Helper-Scripts (Community) repository. Featuring over 400+ scripts to help you manage your Proxmox Virtual Environment.",
-    url: `https://community-scripts.github.io/${basePath}/`,
-    siteName: "Proxmox VE Helper-Scripts",
-    images: [
-      {
-        url: `https://community-scripts.github.io/${basePath}/defaultimg.png`,
-        width: 1200,
-        height: 630,
-        alt: "Proxmox VE Helper-Scripts",
-      },
-    ],
-    locale: "en_US",
-    type: "website",
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Proxmox VE Helper-Scripts",
-    creator: "@BramSuurdje",
-    description:
-      "The official website for the Proxmox VE Helper-Scripts (Community) repository. Featuring over 400+ scripts to help you manage your Proxmox Virtual Environment.",
-    images: [`https://community-scripts.github.io/${basePath}/defaultimg.png`],
-  },
-  manifest: "/manifest.webmanifest",
-  appleWebApp: {
-    capable: true,
-    statusBarStyle: "default",
-    title: "Proxmox VE Helper-Scripts",
-  },
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <head>
-        <link rel="canonical" href={metadata.metadataBase?.href} />
-        <link rel="manifest" href="manifest.webmanifest" />
-        <link rel="preconnect" href="https://api.github.com" />
-      </head>
-      <body className={inter.className}>
-        <Script
-          src={`https://${analytics.url}/api/script.js`}
-          data-site-id={analytics.token}
-          strategy="afterInteractive"
-        />
-        <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
-          <div className="flex w-full flex-col justify-center">
-            <NuqsAdapter>
-              <QueryProvider>
-                <Navbar />
-                <div className="flex min-h-screen flex-col justify-center">
-                  <div className="flex w-full justify-center">
-                    <div className="w-full max-w-[1440px] ">
-                      {children}
-                      <Toaster richColors />
-                      <CopycatWarningToast />
-                    </div>
-                  </div>
-                  <Footer />
-                </div>
-              </QueryProvider>
-            </NuqsAdapter>
-          </div>
-        </ThemeProvider>
-      </body>
-    </html>
-  );
-}

frontend/src/app/manifest.ts

@@ -1,29 +0,0 @@
-import type { MetadataRoute } from "next";
-
-import { basePath } from "@/config/site-config";
-
-export function generateStaticParams() {
-  return [];
-}
-
-export default function manifest(): MetadataRoute.Manifest {
-  return {
-    name: "Proxmox VE Helper-Scripts",
-    short_name: "Proxmox VE Helper-Scripts",
-    description:
-      "A redesigned front-end for the Proxmox VE Helper-Scripts repository. Featuring over 300+ scripts to help you manage your Proxmox Virtual Environment.",
-    theme_color: "#030712",
-    background_color: "#030712",
-    display: "standalone",
-    orientation: "portrait",
-    scope: `${basePath}`,
-    start_url: `${basePath}`,
-    icons: [
-      {
-        src: "logo.png",
-        sizes: "512x512",
-        type: "image/png",
-      },
-    ],
-  };
-}

frontend/src/app/not-found.tsx

@@ -1,31 +0,0 @@
-"use client";
-import { Button } from "@/components/ui/button";
-import { basePath } from "@/config/site-config";
-
-export default function NotFoundPage() {
-  return (
-    <div className="flex h-screen w-full flex-col items-center justify-center gap-5 bg-background px-4 md:px-6">
-      <div className="space-y-2 text-center">
-        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl">
-          404
-        </h1>
-        <p className="text-muted-foreground md:text-xl">
-          Oops, the page you are looking for could not be found.
-        </p>
-      </div>
-      <Button
-        onClick={() => {
-          if (window.history.length > 1) {
-            window.history.back();
-          }
-          else {
-            window.location.href = `/${basePath}`;
-          }
-        }}
-        variant="secondary"
-      >
-        Go Back
-      </Button>
-    </div>
-  );
-}

frontend/src/app/page.tsx

@@ -1,153 +0,0 @@
-"use client";
-import { ArrowRightIcon, ExternalLink } from "lucide-react";
-import { useEffect, useState } from "react";
-import { FaGithub } from "react-icons/fa";
-import { useTheme } from "next-themes";
-import Link from "next/link";
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import AnimatedGradientText from "@/components/ui/animated-gradient-text";
-import { Separator } from "@/components/ui/separator";
-import { CardFooter } from "@/components/ui/card";
-import Particles from "@/components/ui/particles";
-import { Button } from "@/components/ui/button";
-import { basePath } from "@/config/site-config";
-import FAQ from "@/components/faq";
-import { cn } from "@/lib/utils";
-
-function CustomArrowRightIcon() {
-  return <ArrowRightIcon className="h-4 w-4" width={1} />;
-}
-
-export default function Page() {
-  const { theme } = useTheme();
-
-  const [color, setColor] = useState("#000000");
-
-  useEffect(() => {
-    setColor(theme === "dark" ? "#ffffff" : "#000000");
-  }, [theme]);
-
-  return (
-    <>
-      <div className="w-full mt-16">
-        <Particles className="absolute inset-0 -z-40" quantity={100} ease={80} color={color} refresh />
-        <div className="container mx-auto">
-          <div className="flex h-[80vh] flex-col items-center justify-center gap-4 py-20 lg:py-40">
-            <Dialog>
-              <DialogTrigger>
-                <div>
-                  <AnimatedGradientText>
-                    <div
-                      className={cn(
-                        `absolute inset-0 block size-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]`,
-                        `p-px ![mask-composite:subtract]`,
-                      )}
-                    />
-                    ❤️
-                    {" "}
-                    <Separator className="mx-2 h-4" orientation="vertical" />
-                    <span
-                      className={cn(
-                        `animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent`,
-                        `inline`,
-                      )}
-                    >
-                      Scripts by tteck
-                    </span>
-                  </AnimatedGradientText>
-                </div>
-              </DialogTrigger>
-              <DialogContent>
-                <DialogHeader>
-                  <DialogTitle>Thank You!</DialogTitle>
-                  <DialogDescription>
-                    A big thank you to tteck and the many contributors who have made this project possible. Your hard
-                    work is truly appreciated by the entire Proxmox community!
-                  </DialogDescription>
-                </DialogHeader>
-                <CardFooter className="flex flex-col gap-2">
-                  <Button className="w-full" variant="outline" asChild>
-                    <a
-                      href="https://github.com/tteck"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="flex items-center justify-center"
-                    >
-                      <FaGithub className="mr-2 h-4 w-4" />
-                      {" "}
-                      Tteck&apos;s GitHub
-                    </a>
-                  </Button>
-                  <Button className="w-full" asChild>
-                    <a
-                      href={`https://github.com/community-scripts/${basePath}`}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="flex items-center justify-center"
-                    >
-                      <ExternalLink className="mr-2 h-4 w-4" />
-                      {" "}
-                      Proxmox Helper Scripts
-                    </a>
-                  </Button>
-                </CardFooter>
-              </DialogContent>
-            </Dialog>
-
-            <div className="flex flex-col gap-4">
-              <h1 className="max-w-2xl text-center text-3xl font-semibold tracking-tighter md:text-7xl">
-                Make managing your Homelab a breeze
-              </h1>
-              <div className="max-w-2xl gap-2 flex flex-col text-center sm:text-lg text-sm leading-relaxed tracking-tight text-muted-foreground md:text-xl">
-                <p>
-                  We are a community-driven initiative that simplifies the setup of Proxmox Virtual Environment (VE).
-                </p>
-                <p>
-                  With 400+ scripts to help you manage your
-                  {" "}
-                  <b>Proxmox VE</b>
-                  , whether you&#39;re a seasoned user or a
-                  newcomer, we&#39;ve got you covered.
-                </p>
-              </div>
-            </div>
-            <div className="flex flex-row gap-3">
-              <Link href="/scripts">
-                <Button
-                  size="lg"
-                  variant="expandIcon"
-                  Icon={CustomArrowRightIcon}
-                  iconPlacement="right"
-                  className="hover:"
-                >
-                  View Scripts
-                </Button>
-              </Link>
-            </div>
-          </div>
-
-          {/* FAQ Section */}
-          <div className="py-20" id="faq">
-            <div className="max-w-4xl mx-auto px-4">
-              <div className="text-center mb-12">
-                <h2 className="text-3xl font-bold tracking-tighter md:text-5xl mb-4">Frequently Asked Questions</h2>
-                <p className="text-muted-foreground text-lg">
-                  Find answers to common questions about our Proxmox VE scripts
-                </p>
-              </div>
-              <FAQ />
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}

frontend/src/app/robots.ts

@@ -1,15 +0,0 @@
-import type { MetadataRoute } from "next";
-
-import { basePath } from "@/config/site-config";
-
-export const dynamic = "force-static";
-
-export default function robots(): MetadataRoute.Robots {
-  return {
-    rules: {
-      userAgent: "*",
-      allow: "/",
-    },
-    sitemap: `https://community-scripts.github.io/${basePath}/sitemap.xml`,
-  };
-}

frontend/src/app/scripts/_components/resource-display.tsx

@@ -1,43 +0,0 @@
-import { CPUIcon, HDDIcon, RAMIcon } from "@/components/icons/resource-icons";
-import { getDisplayValueFromRAM } from "@/lib/utils/resource-utils";
-
-type ResourceDisplayProps = {
-  title: string;
-  cpu: number | null;
-  ram: number | null;
-  hdd: number | null;
-};
-
-type IconTextProps = {
-  icon: React.ReactNode;
-  label: string;
-};
-
-function IconText({ icon, label }: IconTextProps) {
-  return (
-    <span className="inline-flex items-center gap-1.5 rounded-md bg-accent/20 px-2 py-1 text-sm">
-      {icon}
-      <span className="text-foreground/90">{label}</span>
-    </span>
-  );
-}
-
-export function ResourceDisplay({ title, cpu, ram, hdd }: ResourceDisplayProps) {
-  const hasCPU = typeof cpu === "number" && cpu > 0;
-  const hasRAM = typeof ram === "number" && ram > 0;
-  const hasHDD = typeof hdd === "number" && hdd > 0;
-
-  if (!hasCPU && !hasRAM && !hasHDD)
-    return null;
-
-  return (
-    <div className="flex flex-wrap items-center gap-2">
-      <span className="text-sm font-medium text-muted-foreground">{title}</span>
-      <div className="flex flex-wrap gap-2">
-        {hasCPU && <IconText icon={<CPUIcon />} label={`${cpu} vCPU`} />}
-        {hasRAM && <IconText icon={<RAMIcon />} label={getDisplayValueFromRAM(ram!)} />}
-        {hasHDD && <IconText icon={<HDDIcon />} label={`${hdd} GB`} />}
-      </div>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-accordion.tsx

@@ -1,159 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import * as Icons from "lucide-react";
-import Image from "next/image";
-import Link from "next/link";
-
-import type { Category } from "@/lib/types";
-
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
-import { formattedBadge } from "@/components/command-menu";
-import { basePath } from "@/config/site-config";
-import { cn } from "@/lib/utils";
-
-function getCategoryIcon(iconName: string) {
-  // Convert kebab-case to PascalCase for Lucide icon names
-  const pascalCaseName = iconName
-    .split("-")
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join("");
-
-  const IconComponent = (Icons as any)[pascalCaseName];
-  return IconComponent ? <IconComponent className="size-4 text-[#0083c3] mr-2" /> : null;
-}
-
-export default function ScriptAccordion({
-  items,
-  selectedScript,
-  setSelectedScript,
-  selectedCategory,
-  setSelectedCategory,
-  onItemSelect,
-}: {
-  items: Category[];
-  selectedScript: string | null;
-  setSelectedScript: (script: string | null) => void;
-  selectedCategory: string | null;
-  setSelectedCategory: (category: string | null) => void;
-  onItemSelect?: () => void;
-}) {
-  const [expandedItem, setExpandedItem] = useState<string | undefined>(undefined);
-  const linkRefs = useRef<{ [key: string]: HTMLAnchorElement | null }>({});
-
-  const handleAccordionChange = (value: string | undefined) => {
-    setExpandedItem(value);
-  };
-
-  const handleSelected = useCallback(
-    (slug: string) => {
-      setSelectedScript(slug);
-    },
-    [setSelectedScript],
-  );
-
-  useEffect(() => {
-    if (selectedScript) {
-      let category;
-
-      // If we have a selected category, try to find the script in that specific category
-      if (selectedCategory) {
-        category = items.find(
-          cat => cat.name === selectedCategory && cat.scripts.some(script => script.slug === selectedScript),
-        );
-      }
-
-      // Fallback: if no category is selected or script not found in selected category,
-      // use the first category containing the script (backward compatibility)
-      if (!category) {
-        category = items.find(category => category.scripts.some(script => script.slug === selectedScript));
-      }
-
-      if (category) {
-        setExpandedItem(category.name);
-        handleSelected(selectedScript);
-      }
-    }
-  }, [selectedScript, selectedCategory, items, handleSelected]);
-  return (
-    <Accordion
-      type="single"
-      value={expandedItem}
-      onValueChange={handleAccordionChange}
-      collapsible
-      className="overflow-y-scroll sm:max-h-[calc(100vh-209px)] overflow-x-hidden p-1"
-    >
-      {items.map(category => (
-        <AccordionItem
-          key={`${category.id}:category`}
-          value={category.name}
-          className={cn("sm:text-sm flex flex-col border-none", {
-            "rounded-lg bg-accent/30": expandedItem === category.name,
-          })}
-        >
-          <AccordionTrigger
-            className={cn(
-              "duration-250 rounded-lg transition ease-in-out hover:-translate-y-1 hover:scale-105 hover:bg-accent",
-            )}
-          >
-            <div className="mr-2 flex w-full items-center justify-between">
-              <div className="flex items-center pl-2 text-left">
-                {getCategoryIcon(category.icon)}
-                <span>
-                  {category.name}
-                  {" "}
-                </span>
-              </div>
-              <span className="rounded-full bg-gray-200 px-2 py-1 text-xs text-muted-foreground hover:no-underline dark:bg-blue-800/20">
-                {category.scripts.length}
-              </span>
-            </div>
-            {" "}
-          </AccordionTrigger>
-          <AccordionContent data-state={expandedItem === category.name ? "open" : "closed"} className="pt-0">
-            {category.scripts
-              .slice()
-              .sort((a, b) => a.name.localeCompare(b.name))
-              .map((script, index) => (
-                <div key={index}>
-                  <Link
-                    href={{
-                      pathname: "/scripts",
-                      query: { id: script.slug, category: category.name },
-                    }}
-                    prefetch={false}
-                    className={`flex cursor-pointer items-center justify-between gap-1 px-1 py-1 text-muted-foreground hover:rounded-lg hover:bg-accent/60 hover:dark:bg-accent/20 ${selectedScript === script.slug
-                      ? "rounded-lg bg-accent font-semibold dark:bg-accent/30 dark:text-white"
-                      : ""
-                    } ${script.disable ? "opacity-60" : ""}`}
-                    onClick={() => {
-                      handleSelected(script.slug);
-                      setSelectedCategory(category.name);
-                      onItemSelect?.();
-                    }}
-                    ref={(el) => {
-                      linkRefs.current[script.slug] = el;
-                    }}
-                  >
-                    <div className="flex items-center">
-                      <Image
-                        src={script.logo || `/${basePath}/logo.png`}
-                        height={16}
-                        width={16}
-                        unoptimized
-                        onError={e => ((e.currentTarget as HTMLImageElement).src = `/${basePath}/logo.png`)}
-                        alt={script.name}
-                        className="mr-1 w-4 h-4 rounded-full"
-                      />
-                      <span className="flex items-center gap-2">
-                        {script.name}
-                      </span>
-                    </div>
-                    {formattedBadge(script.type)}
-                  </Link>
-                </div>
-              ))}
-          </AccordionContent>
-        </AccordionItem>
-      ))}
-    </Accordion>
-  );
-}

frontend/src/app/scripts/_components/script-info-blocks.tsx

@@ -1,211 +0,0 @@
-import { CalendarPlus } from "lucide-react";
-import { useEffect, useMemo } from "react";
-import Image from "next/image";
-import Link from "next/link";
-
-import type { Category, Script } from "@/lib/types";
-
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
-import { basePath, mostPopularScripts } from "@/config/site-config";
-import { Button } from "@/components/ui/button";
-import { extractDate } from "@/lib/time";
-
-const ITEMS_PER_PAGE = 3;
-
-export function getDisplayValueFromType(type: string) {
-  switch (type) {
-    case "ct":
-      return "LXC";
-    case "vm":
-      return "VM";
-    case "pve":
-      return "PVE";
-    case "addon":
-      return "ADDON";
-    default:
-      return "";
-  }
-}
-
-export function LatestScripts({
-  items,
-  page,
-  onPageChange,
-}: {
-  items: Category[];
-  page: number;
-  onPageChange: (page: number) => void;
-}) {
-  const latestScripts = useMemo(() => {
-    if (!items) return [];
-
-    const scripts = items.flatMap((category) => category.scripts || []);
-
-    // Filter out duplicates by slug
-    const uniqueScriptsMap = new Map<string, Script>();
-    scripts.forEach((script) => {
-      if (!uniqueScriptsMap.has(script.slug)) {
-        uniqueScriptsMap.set(script.slug, script);
-      }
-    });
-
-    return Array.from(uniqueScriptsMap.values()).sort(
-      (a, b) => new Date(b.date_created).getTime() - new Date(a.date_created).getTime(),
-    );
-  }, [items]);
-
-  const totalPages = Math.max(1, Math.ceil(latestScripts.length / ITEMS_PER_PAGE));
-
-  useEffect(() => {
-    if (page > totalPages) {
-      onPageChange(totalPages);
-    }
-  }, [page, totalPages, onPageChange]);
-
-  const goToNextPage = () => {
-    onPageChange(Math.min(totalPages, page + 1));
-  };
-
-  const goToPreviousPage = () => {
-    onPageChange(Math.max(1, page - 1));
-  };
-
-  const startIndex = (page - 1) * ITEMS_PER_PAGE;
-  const endIndex = page * ITEMS_PER_PAGE;
-
-  if (!items) {
-    return null;
-  }
-
-  return (
-    <div className="">
-      {latestScripts.length > 0 && (
-        <div className="flex w-full items-center justify-between">
-          <h2 className="text-lg font-semibold">Newest Scripts</h2>
-          <div className="flex items-center justify-end gap-1">
-            {page > 1 && (
-              <div className="cursor-pointer select-none p-2 text-sm font-semibold" onClick={goToPreviousPage}>
-                Previous
-              </div>
-            )}
-            {endIndex < latestScripts.length && (
-              <div onClick={goToNextPage} className="cursor-pointer select-none p-2 text-sm font-semibold">
-                {page === 1 ? "More.." : "Next"}
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-      <div className="min-w flex w-full flex-row flex-wrap gap-4">
-        {latestScripts.slice(startIndex, endIndex).map((script) => (
-          <Card key={script.slug} className="min-w-[250px] flex-1 flex-grow bg-accent/30">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-3">
-                <div className="flex h-16 w-16 min-w-16 items-center justify-center rounded-lg bg-accent p-1">
-                  <Image
-                    src={script.logo || `/${basePath}/logo.png`}
-                    unoptimized
-                    height={64}
-                    width={64}
-                    alt=""
-                    onError={(e) => ((e.currentTarget as HTMLImageElement).src = `/${basePath}/logo.png`)}
-                    className="h-11 w-11 object-contain"
-                  />
-                </div>
-                <div className="flex flex-col">
-                  <p className="text-lg line-clamp-1">
-                    {script.name} {getDisplayValueFromType(script.type)}
-                  </p>
-                  <p className="text-sm text-muted-foreground flex items-center gap-1">
-                    <CalendarPlus className="h-4 w-4" />
-                    {extractDate(script.date_created)}
-                  </p>
-                </div>
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <CardDescription className="line-clamp-3 text-card-foreground">{script.description}</CardDescription>
-            </CardContent>
-            <CardFooter className="">
-              <Button asChild variant="outline">
-                <Link
-                  href={{
-                    pathname: "/scripts",
-                    query: { id: script.slug },
-                  }}
-                >
-                  View Script
-                </Link>
-              </Button>
-            </CardFooter>
-          </Card>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-export function MostViewedScripts({ items }: { items: Category[] }) {
-  const mostViewedScripts = items.reduce((acc: Script[], category) => {
-    const foundScripts = category.scripts.filter((script) => mostPopularScripts.includes(script.slug));
-    return acc.concat(foundScripts);
-  }, []);
-
-  return (
-    <div className="">
-      {mostViewedScripts.length > 0 && (
-        <>
-          <h2 className="text-lg font-semibold mb-1">Most Viewed Scripts</h2>
-        </>
-      )}
-      <div className="min-w flex w-full flex-row flex-wrap gap-4">
-        {mostViewedScripts.map((script) => (
-          <Card key={script.slug} className="min-w-[250px] flex-1 flex-grow bg-accent/30">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-3">
-                <div className="flex size-16 min-w-16 items-center justify-center rounded-lg bg-accent p-1">
-                  <Image
-                    unoptimized
-                    src={script.logo || `/${basePath}/logo.png`}
-                    height={64}
-                    width={64}
-                    alt=""
-                    onError={(e) => ((e.currentTarget as HTMLImageElement).src = `/${basePath}/logo.png`)}
-                    className="h-11 w-11 object-contain"
-                  />
-                </div>
-                <div className="flex flex-col">
-                  <p className="line-clamp-1 text-lg">
-                    {script.name} {getDisplayValueFromType(script.type)}
-                  </p>
-                  <p className="flex items-center gap-1 text-sm text-muted-foreground">
-                    <CalendarPlus className="h-4 w-4" />
-                    {extractDate(script.date_created)}
-                  </p>
-                </div>
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <CardDescription className="line-clamp-3 text-card-foreground break-words">
-                {script.description}
-              </CardDescription>
-            </CardContent>
-            <CardFooter className="">
-              <Button asChild variant="outline">
-                <Link
-                  href={{
-                    pathname: "/scripts",
-                    query: { id: script.slug },
-                  }}
-                  prefetch={false}
-                >
-                  View Script
-                </Link>
-              </Button>
-            </CardFooter>
-          </Card>
-        ))}
-      </div>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-item.tsx

@@ -1,191 +0,0 @@
-"use client";
-
-import { X, HelpCircle } from "lucide-react";
-import { Suspense } from "react";
-import Image from "next/image";
-
-import type { AppVersion } from "@/lib/types";
-import type { Script } from "@/app/json-editor/_schemas/schemas";
-
-import { Separator } from "@/components/ui/separator";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { useVersions } from "@/hooks/use-versions";
-import { basePath } from "@/config/site-config";
-import { extractDate } from "@/lib/time";
-
-import DisableDescription from "./script-items/disable-description";
-import { formattedBadge } from "@/components/command-menu";
-import { getDisplayValueFromType } from "./script-info-blocks";
-import DefaultPassword from "./script-items/default-password";
-import InstallCommand from "./script-items/install-command";
-import { ResourceDisplay } from "./resource-display";
-import Description from "./script-items/description";
-import ConfigFile from "./script-items/config-file";
-import InterFaces from "./script-items/interfaces";
-import Tooltips from "./script-items/tool-tips";
-import Buttons from "./script-items/buttons";
-import Alerts from "./script-items/alerts";
-
-type ScriptItemProps = {
-  item: Script;
-};
-
-function ScriptHeader({ item }: { item: Script }) {
-  const defaultInstallMethod = item.install_methods?.[0];
-  const os = defaultInstallMethod?.resources?.os || (item.type === "addon" ? "Existing LXC or Proxmox Node" : "Proxmox Node");
-  const version = defaultInstallMethod?.resources?.version || "";
-
-  return (
-    <div className="flex flex-col lg:flex-row gap-6 w-full">
-      <div className="flex flex-col md:flex-row gap-6 flex-grow">
-        <div className="flex-shrink-0">
-          <Image
-            className="h-32 w-32 rounded-xl bg-gradient-to-br from-accent/40 to-accent/60 object-contain p-3 shadow-lg transition-transform hover:scale-105"
-            src={item.logo || `/${basePath}/logo.png`}
-            width={400}
-            onError={e => ((e.currentTarget as HTMLImageElement).src = `/${basePath}/logo.png`)}
-            height={400}
-            alt={item.name}
-            unoptimized
-          />
-        </div>
-        <div className="flex flex-col justify-between flex-grow space-y-4">
-          <div className="space-y-2">
-            <div className="flex items-start justify-between">
-              <div>
-                <h1 className="text-2xl font-semibold tracking-tight flex items-center gap-2">
-                  {item.name}
-                  <VersionInfo item={item} />
-                  {formattedBadge(item.type)}
-                </h1>
-                <div className="mt-1 flex items-center gap-3 text-sm text-muted-foreground">
-                  <span>
-                    Added
-                    {" "}
-                    {extractDate(item.date_created)}
-                  </span>
-                  <span>•</span>
-                  <span className=" capitalize">
-                    {os}
-                    {" "}
-                    {version}
-                  </span>
-                </div>
-              </div>
-              {/* <VersionInfo item={item} /> */}
-            </div>
-            <div className="flex flex-col gap-2 text-sm text-muted-foreground">
-              {defaultInstallMethod?.resources && (
-                <ResourceDisplay
-                  title="Default"
-                  cpu={defaultInstallMethod.resources.cpu}
-                  ram={defaultInstallMethod.resources.ram}
-                  hdd={defaultInstallMethod.resources.hdd}
-                />
-              )}
-              {item.install_methods.find(method => method.type === "alpine")?.resources && (
-                <ResourceDisplay
-                  title="Alpine"
-                  {...item.install_methods.find(method => method.type === "alpine")!.resources!}
-                />
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="flex flex-col gap-4 justify-between">
-        <InterFaces item={item} />
-        <div className="flex justify-end">
-          <Buttons item={item} />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function VersionInfo({ item }: { item: Script }) {
-  const { data: versions = [], isLoading } = useVersions();
-
-  if (isLoading || versions.length === 0) {
-    return null;
-  }
-
-  const matchedVersion = versions.find((v: AppVersion) => v.slug === item.slug);
-
-  if (!matchedVersion)
-    return null;
-
-  return (
-    <span className="font-medium text-sm flex items-center gap-1">
-      {matchedVersion.version}
-      {matchedVersion.pinned && (
-        <TooltipProvider>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <HelpCircle className="h-3.5 w-3.5 text-muted-foreground cursor-help" />
-            </TooltipTrigger>
-            <TooltipContent className="max-w-xs">
-              <p>This version is pinned. We test each update for breaking changes before releasing new versions.</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
-      )}
-    </span>
-  );
-}
-
-export function ScriptItem({ item }: ScriptItemProps) {
-  return (
-    <div className="w-full mx-auto">
-      <div className="flex w-full flex-col">
-        <div className="rounded-xl border border-border bg-accent/30 backdrop-blur-sm shadow-sm">
-          <div className="p-6 space-y-6">
-            <Suspense fallback={<div className="animate-pulse h-32 bg-accent/20 rounded-xl" />}>
-              <ScriptHeader item={item} />
-            </Suspense>
-
-            {item.disable && item.disable_description && (
-              <DisableDescription item={item} />
-            )}
-
-            {!item.disable && (
-              <>
-                <Description item={item} />
-
-                <Alerts item={item} />
-                <div className="mt-4 rounded-lg border shadow-sm">
-                  <div className="flex gap-3 px-4 py-2 bg-accent/25">
-                    <h2 className="text-lg font-semibold">
-                      How to
-                      {" "}
-                      {item.type === "pve" ? "use" : item.type === "addon" ? "apply" : "install"}
-                    </h2>
-                    <Tooltips item={item} />
-                  </div>
-                  <Separator />
-                  <div className="">
-                    <InstallCommand item={item} />
-                  </div>
-                  {item.config_path && (
-                    <>
-                      <Separator />
-                      <div className="flex gap-3 px-4 py-2 bg-accent/25">
-                        <h2 className="text-lg font-semibold">Location of config file</h2>
-                      </div>
-                      <Separator />
-                      <div className="">
-                        <ConfigFile configPath={item.config_path} />
-                      </div>
-                    </>
-                  )}
-                </div>
-
-                <DefaultPassword item={item} />
-              </>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/alerts.tsx

@@ -1,39 +0,0 @@
-import { AlertCircle, NotepadText } from "lucide-react";
-
-import type { Script } from "@/lib/types";
-
-import TextCopyBlock from "@/components/text-copy-block";
-import { AlertColors } from "@/config/site-config";
-import { cn } from "@/lib/utils";
-
-type NoteProps = {
-  text: string;
-  type: keyof typeof AlertColors;
-};
-
-export default function Alerts({ item }: { item: Script }) {
-  return (
-    <>
-      {item?.notes?.length > 0
-        && item.notes.map((note: NoteProps, index: number) => (
-          <div key={index} className="mt-4 flex flex-col shadow-sm gap-2">
-            <p
-              className={cn(
-                "inline-flex items-center gap-2 rounded-lg border p-2 pl-4 text-sm",
-                AlertColors[note.type],
-              )}
-            >
-              {note.type === "info"
-                ? (
-                    <NotepadText className="h-4 min-h-4 w-4 min-w-4" />
-                  )
-                : (
-                    <AlertCircle className="h-4 min-h-4 w-4 min-w-4" />
-                  )}
-              <span>{TextCopyBlock(note.text)}</span>
-            </p>
-          </div>
-        ))}
-    </>
-  );
-}

frontend/src/app/scripts/_components/script-items/buttons.tsx

@@ -1,104 +0,0 @@
-import { BookOpenText, Code, Globe, LinkIcon, RefreshCcw } from "lucide-react";
-
-import type { Script } from "@/lib/types";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Button } from "@/components/ui/button";
-import { basePath } from "@/config/site-config";
-
-function generateInstallSourceUrl(slug: string) {
-  const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
-  return `${baseUrl}/install/${slug}-install.sh`;
-}
-
-function generateSourceUrl(slug: string, type: string) {
-  const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
-
-  switch (type) {
-    case "vm":
-      return `${baseUrl}/vm/${slug}.sh`;
-    case "pve":
-      return `${baseUrl}/tools/pve/${slug}.sh`;
-    case "addon":
-      return `${baseUrl}/tools/addon/${slug}.sh`;
-    case "turnkey":
-      return `${baseUrl}/turnkey/${slug}.sh`;
-    default:
-      return `${baseUrl}/ct/${slug}.sh`; // fallback for "ct"
-  }
-}
-
-function generateUpdateUrl(slug: string) {
-  const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
-  return `${baseUrl}/ct/${slug}.sh`;
-}
-
-type LinkItem = {
-  href: string;
-  icon: React.ReactNode;
-  text: string;
-};
-
-export default function Buttons({ item }: { item: Script }) {
-  const isCtOrDefault = ["ct"].includes(item.type);
-  const installSourceUrl = isCtOrDefault ? generateInstallSourceUrl(item.slug) : null;
-  const updateSourceUrl = isCtOrDefault ? generateUpdateUrl(item.slug) : null;
-  const sourceUrl = !isCtOrDefault ? generateSourceUrl(item.slug, item.type) : null;
-
-  const links = [
-    item.website && {
-      href: item.website,
-      icon: <Globe className="h-4 w-4" />,
-      text: "Website",
-    },
-    item.documentation && {
-      href: item.documentation,
-      icon: <BookOpenText className="h-4 w-4" />,
-      text: "Documentation",
-    },
-    installSourceUrl && {
-      href: installSourceUrl,
-      icon: <Code className="h-4 w-4" />,
-      text: "Install Source",
-    },
-    updateSourceUrl && item.updateable && {
-      href: updateSourceUrl,
-      icon: <RefreshCcw className="h-4 w-4" />,
-      text: "Update Source",
-    },
-    sourceUrl && {
-      href: sourceUrl,
-      icon: <Code className="h-4 w-4" />,
-      text: "Source Code",
-    },
-  ].filter(Boolean) as LinkItem[];
-
-  if (links.length === 0)
-    return null;
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button variant="outline" className="flex items-center gap-2">
-          <LinkIcon className="size-4" />
-          Links
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        {links.map((link, index) => (
-          <DropdownMenuItem key={index} asChild>
-            <a href={link.href} target="_blank" rel="noopener noreferrer" className="flex items-center gap-2">
-              <span className="text-muted-foreground size-4">{link.icon}</span>
-              <span>{link.text}</span>
-            </a>
-          </DropdownMenuItem>
-        ))}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}

frontend/src/app/scripts/_components/script-items/config-file.tsx

@@ -1,9 +0,0 @@
-import ConfigCopyButton from "@/components/ui/config-copy-button";
-
-export default function ConfigFile({ configPath }: { configPath: string }) {
-  return (
-    <div className="px-4 pb-4">
-      <ConfigCopyButton>{configPath}</ConfigCopyButton>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/default-password.tsx

@@ -1,51 +0,0 @@
-import type { Script } from "@/lib/types";
-
-import { Separator } from "@/components/ui/separator";
-import handleCopy from "@/components/handle-copy";
-import { Button } from "@/components/ui/button";
-
-export default function DefaultPassword({ item }: { item: Script }) {
-  const { username, password } = item.default_credentials;
-  const hasDefaultLogin = username || password;
-
-  if (!hasDefaultLogin)
-    return null;
-
-  const copyCredential = (type: "username" | "password") => {
-    handleCopy(type, item.default_credentials[type] ?? "");
-  };
-
-  return (
-    <div className="mt-4 rounded-lg border shadow-sm">
-      <div className="flex gap-3 px-4 py-2 bg-accent/25">
-        <h2 className="text-lg font-semibold">Default Login Credentials</h2>
-      </div>
-      <Separator className="w-full" />
-      <div className="flex flex-col gap-2 p-4">
-        <p className="mb-2 text-sm">
-          You can use the following credentials to login to the
-          {" "}
-          {item.name}
-          {" "}
-          {item.type}
-          .
-        </p>
-        {["username", "password"].map((type) => {
-          const value = item.default_credentials[type as "username" | "password"];
-          return value && value.trim() !== ""
-            ? (
-                <div key={type} className="text-sm">
-                  {type.charAt(0).toUpperCase() + type.slice(1)}
-                  :
-                  {" "}
-                  <Button variant="secondary" size="null" onClick={() => copyCredential(type as "username" | "password")}>
-                    {value}
-                  </Button>
-                </div>
-              )
-            : null;
-        })}
-      </div>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/default-settings.tsx

@@ -1,40 +0,0 @@
-import type { Script } from "@/lib/types";
-
-export default function DefaultSettings({ item }: { item: Script }) {
-  const getDisplayValueFromRAM = (ram: number) => (ram >= 1024 ? `${Math.floor(ram / 1024)}GB` : `${ram}MB`);
-
-  const ResourceDisplay = ({ settings, title }: { settings: (typeof item.install_methods)[0]; title: string }) => {
-    const { cpu, ram, hdd } = settings.resources;
-    return (
-      <div>
-        <h2 className="text-md font-semibold">{title}</h2>
-        <p className="text-sm text-muted-foreground">
-          CPU:
-          {cpu}
-          vCPU
-        </p>
-        <p className="text-sm text-muted-foreground">
-          RAM:
-          {getDisplayValueFromRAM(ram ?? 0)}
-        </p>
-        <p className="text-sm text-muted-foreground">
-          HDD:
-          {hdd}
-          GB
-        </p>
-      </div>
-    );
-  };
-
-  const defaultSettings = item.install_methods.find(method => method.type === "default");
-  const defaultAlpineSettings = item.install_methods.find(method => method.type === "alpine");
-
-  const hasDefaultSettings = defaultSettings?.resources && Object.values(defaultSettings.resources).some(Boolean);
-
-  return (
-    <div className="space-y-4 flex-col flex">
-      {hasDefaultSettings && <ResourceDisplay settings={defaultSettings} title="Default settings" />}
-      {defaultAlpineSettings && <ResourceDisplay settings={defaultAlpineSettings} title="Default Alpine settings" />}
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/description.tsx

@@ -1,14 +0,0 @@
-import type { Script } from "@/lib/types";
-
-import TextCopyBlock from "@/components/text-copy-block";
-
-export default function Description({ item }: { item: Script }) {
-  return (
-    <div className="p-2">
-      <h2 className="mb-2 max-w-prose text-lg font-semibold">Description</h2>
-      <p className="text-sm text-muted-foreground">
-        {TextCopyBlock(item.description)}
-      </p>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/disable-description.tsx

@@ -1,26 +0,0 @@
-import { AlertCircle } from "lucide-react";
-
-import type { Script } from "@/lib/types";
-
-import TextParseLinks from "@/components/text-parse-links";
-import { AlertColors } from "@/config/site-config";
-import { cn } from "@/lib/utils";
-
-export default function DisableDescription({ item }: { item: Script }) {
-  return (
-    <div className="mt-4 flex flex-col shadow-sm gap-2">
-      <div
-        className={cn(
-          "flex items-start gap-3 rounded-lg border p-4 text-sm",
-          AlertColors.warning,
-        )}
-      >
-        <AlertCircle className="h-5 min-h-5 w-5 min-w-5 mt-0.5" />
-        <div className="flex flex-col gap-2">
-          <h3 className="font-semibold text-base">Script Disabled</h3>
-          <p>{TextParseLinks(item.disable_description!)}</p>
-        </div>
-      </div>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/install-command.tsx

@@ -1,149 +0,0 @@
-import { Info } from "lucide-react";
-
-import type { Script } from "@/lib/types";
-
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import CodeCopyButton from "@/components/ui/code-copy-button";
-import { basePath } from "@/config/site-config";
-
-import { getDisplayValueFromType } from "../script-info-blocks";
-
-function getInstallCommand(scriptPath = "", isAlpine = false, useGitea = false) {
-  const githubUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main/${scriptPath}`;
-  const giteaUrl = `https://git.community-scripts.org/community-scripts/${basePath}/raw/branch/main/${scriptPath}`;
-  const url = useGitea ? giteaUrl : githubUrl;
-  return isAlpine ? `bash -c "$(curl -fsSL ${url})"` : `bash -c "$(curl -fsSL ${url})"`;
-}
-
-export default function InstallCommand({ item }: { item: Script }) {
-  const alpineScript = item.install_methods.find(method => method.type === "alpine");
-  const defaultScript = item.install_methods.find(method => method.type === "default");
-
-  const renderInstructions = (isAlpine = false) => (
-    <>
-      <p className="text-sm mt-2">
-        {isAlpine
-          ? (
-              <>
-                As an alternative option, you can use Alpine Linux and the
-                {" "}
-                {item.name}
-                {" "}
-                package to create a
-                {" "}
-                {item.name}
-                {" "}
-                {getDisplayValueFromType(item.type)}
-                {" "}
-                container with faster creation time and minimal system resource usage.
-                You are also obliged to adhere to updates provided by the package maintainer.
-              </>
-            )
-          : item.type === "pve"
-            ? (
-                <>
-                  To use the
-                  {" "}
-                  {item.name}
-                  {" "}
-                  script, run the command below **only** in the Proxmox VE Shell. This script is
-                  intended for managing or enhancing the host system directly.
-                </>
-              )
-            : item.type === "addon"
-              ? (
-                  <>
-                    This script enhances an existing setup. You can use it inside a running LXC container or directly on the
-                    Proxmox VE host to extend functionality with
-                    {" "}
-                    {item.name}
-                    .
-                  </>
-                )
-              : (
-                  <>
-                    To create a new Proxmox VE
-                    {" "}
-                    {item.name}
-                    {" "}
-                    {getDisplayValueFromType(item.type)}
-                    , run the command below in the
-                    Proxmox VE Shell.
-                  </>
-                )}
-      </p>
-      {isAlpine && (
-        <p className="mt-2 text-sm">
-          To create a new Proxmox VE Alpine-
-          {item.name}
-          {" "}
-          {getDisplayValueFromType(item.type)}
-          , run the command below in
-          the Proxmox VE Shell.
-        </p>
-      )}
-    </>
-  );
-
-  const renderGiteaInfo = () => (
-    <Alert className="mt-3 mb-3">
-      <Info className="h-4 w-4" />
-      <AlertDescription className="text-sm">
-        <strong>When to use Gitea:</strong>
-        {" "}
-        GitHub may have issues including slow connections, delayed updates after bug
-        fixes, no IPv6 support, API rate limits (60/hour). Use our Gitea mirror as a reliable alternative when
-        experiencing these issues.
-      </AlertDescription>
-    </Alert>
-  );
-
-  const renderScriptTabs = (useGitea = false) => {
-    if (alpineScript) {
-      return (
-        <Tabs defaultValue="default" className="mt-2 w-full max-w-4xl">
-          <TabsList>
-            <TabsTrigger value="default">Default</TabsTrigger>
-            <TabsTrigger value="alpine">Alpine Linux</TabsTrigger>
-          </TabsList>
-          <TabsContent value="default">
-            {renderInstructions()}
-            <CodeCopyButton>{getInstallCommand(defaultScript?.script, false, useGitea)}</CodeCopyButton>
-          </TabsContent>
-          <TabsContent value="alpine">
-            {renderInstructions(true)}
-            <CodeCopyButton>{getInstallCommand(alpineScript.script, true, useGitea)}</CodeCopyButton>
-          </TabsContent>
-        </Tabs>
-      );
-    }
-    else if (defaultScript?.script) {
-      return (
-        <>
-          {renderInstructions()}
-          <CodeCopyButton>{getInstallCommand(defaultScript.script, false, useGitea)}</CodeCopyButton>
-        </>
-      );
-    }
-    return null;
-  };
-
-  return (
-    <div className="p-4">
-      <Tabs defaultValue="github" className="w-full max-w-4xl">
-        <TabsList>
-          <TabsTrigger value="github">GitHub</TabsTrigger>
-          <TabsTrigger value="gitea">Gitea</TabsTrigger>
-        </TabsList>
-        <TabsContent value="github">
-          {renderScriptTabs(false)}
-        </TabsContent>
-        <TabsContent value="gitea">
-          {renderGiteaInfo()}
-          {renderScriptTabs(true)}
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/interfaces.tsx

@@ -1,25 +0,0 @@
-import { ClipboardIcon } from "lucide-react";
-
-import type { Script } from "@/lib/types";
-
-import { buttonVariants } from "@/components/ui/button";
-import handleCopy from "@/components/handle-copy";
-import { cn } from "@/lib/utils";
-
-export default function InterFaces({ item }: { item: Script }) {
-  return (
-    <div className="flex flex-col gap-2 w-full">
-      {item.interface_port !== null
-        ? (
-            <div className="flex items-center justify-end">
-              <h2 className="mr-2 text-end text-lg font-semibold">Default Interface:</h2>
-              <span className={cn(buttonVariants({ size: "sm", variant: "outline" }), "flex items-center gap-2")}>
-                {item.interface_port}
-                <ClipboardIcon onClick={() => handleCopy("default interface", String(item.interface_port))} className="size-4 cursor-pointer" />
-              </span>
-            </div>
-          )
-        : null}
-    </div>
-  );
-}

frontend/src/app/scripts/_components/script-items/tool-tips.tsx

@@ -1,59 +0,0 @@
-import { CircleHelp } from "lucide-react";
-import React from "react";
-
-import type { BadgeProps } from "@/components/ui/badge";
-import type { Script } from "@/lib/types";
-
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { Badge } from "@/components/ui/badge";
-import { cn } from "@/lib/utils";
-
-type TooltipProps = {
-  variant: BadgeProps["variant"];
-  label: string;
-  content?: string;
-};
-
-const TooltipBadge: React.FC<TooltipProps> = ({ variant, label, content }) => (
-  <TooltipProvider>
-    <Tooltip delayDuration={100}>
-      <TooltipTrigger className={cn("flex items-center", !content && "cursor-default")}>
-        <Badge variant={variant} className="flex items-center gap-1">
-          {label}
-          {" "}
-          {content && <CircleHelp className="size-3" />}
-        </Badge>
-      </TooltipTrigger>
-      {content && (
-        <TooltipContent side="bottom" className="text-sm max-w-64">
-          {content}
-        </TooltipContent>
-      )}
-    </Tooltip>
-  </TooltipProvider>
-);
-
-export default function Tooltips({ item }: { item: Script }) {
-  return (
-    <div className="flex items-center gap-2">
-      {item.privileged && item.type !== "addon" && (
-        <TooltipBadge variant="warning" label="Privileged" content="This script will be run in a privileged LXC" />
-      )}
-      {item.updateable && item.type !== "pve" && item.type !== "addon" && (
-        <TooltipBadge
-          variant="success"
-          label="Updateable"
-          content={`To Update ${item.name}, run the command below (or type update) in the LXC Console.`}
-        />
-      )}
-      {item.updateable && item.type === "addon" && (
-        <TooltipBadge
-          variant="success"
-          label="Updateable"
-          content={`Run update_${item.slug} to update or use the bash command inside the LXC.`}
-        />
-      )}
-      {!item.updateable && item.type !== "pve" && item.type !== "addon" && <TooltipBadge variant="failure" label="Not Updateable" />}
-    </div>
-  );
-}

frontend/src/app/scripts/_components/sidebar.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import type { Category, Script } from "@/lib/types";
-
-import { cn } from "@/lib/utils";
-
-import ScriptAccordion from "./script-accordion";
-
-type SidebarProps = {
-  items: Category[];
-  selectedScript: string | null;
-  setSelectedScript: (script: string | null) => void;
-  selectedCategory: string | null;
-  setSelectedCategory: (category: string | null) => void;
-  onItemSelect?: () => void;
-  className?: string;
-};
-
-function Sidebar({
-  items,
-  selectedScript,
-  setSelectedScript,
-  selectedCategory,
-  setSelectedCategory,
-  onItemSelect,
-  className,
-}: SidebarProps) {
-  const uniqueScripts = items.reduce((acc, category) => {
-    for (const script of category.scripts) {
-      if (!acc.some(s => s.name === script.name)) {
-        acc.push(script);
-      }
-    }
-    return acc;
-  }, [] as Script[]);
-
-  return (
-    <div className={cn("flex w-full flex-col sm:min-w-[350px] sm:max-w-[350px]", className)}>
-      <div className="flex items-end justify-between pb-4">
-        <h1 className="text-xl font-bold">Categories</h1>
-        <p className="text-xs italic text-muted-foreground">
-          {uniqueScripts.length}
-          {" "}
-          Total scripts
-        </p>
-      </div>
-      <div className="rounded-lg">
-        <ScriptAccordion
-          items={items}
-          selectedScript={selectedScript}
-          setSelectedScript={setSelectedScript}
-          selectedCategory={selectedCategory}
-          setSelectedCategory={setSelectedCategory}
-          onItemSelect={onItemSelect}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default Sidebar;

frontend/src/app/scripts/_components/version-badge.tsx

@@ -1,13 +0,0 @@
-import type { AppVersion } from "@/lib/types";
-
-type VersionBadgeProps = {
-  version: AppVersion;
-};
-
-export function VersionBadge({ version }: VersionBadgeProps) {
-  return (
-    <div className="flex items-center">
-      <span className="font-medium text-sm">{version.version}</span>
-    </div>
-  );
-}

frontend/src/app/scripts/page.tsx

@@ -1,105 +0,0 @@
-"use client";
-import { Suspense, useEffect, useState } from "react";
-import { Loader2, X } from "lucide-react";
-import { useQueryState } from "nuqs";
-
-import type { Category, Script } from "@/lib/types";
-
-import { ScriptItem } from "@/app/scripts/_components/script-item";
-import { fetchCategories } from "@/lib/data";
-
-import { LatestScripts, MostViewedScripts } from "./_components/script-info-blocks";
-import Sidebar from "./_components/sidebar";
-
-export const dynamic = "force-static";
-
-function ScriptContent() {
-  const [selectedScript, setSelectedScript] = useQueryState("id");
-  const [selectedCategory, setSelectedCategory] = useQueryState("category");
-  const [links, setLinks] = useState<Category[]>([]);
-  const [item, setItem] = useState<Script>();
-  const [latestPage, setLatestPage] = useState(1);
-
-  const closeScript = () => {
-    window.history.pushState({}, document.title, window.location.pathname);
-    setSelectedScript(null);
-  };
-
-  useEffect(() => {
-    if (selectedScript && links.length > 0) {
-      const script = links
-        .map(category => category.scripts)
-        .flat()
-        .find(script => script.slug === selectedScript);
-      setItem(script);
-      if (script) {
-        document.title = `${script.name} | Proxmox VE Helper-Scripts`;
-      }
-    } else {
-      document.title = "Proxmox VE Helper-Scripts";
-    }
-  }, [selectedScript, links]);
-
-  useEffect(() => {
-    fetchCategories()
-      .then((categories) => {
-        setLinks(categories);
-      })
-      .catch(error => console.error(error));
-  }, []);
-
-  return (
-    <div className="mb-3">
-      <div className="mt-20 flex gap-4 sm:px-4 xl:px-0">
-        <div className="hidden sm:flex">
-          <Sidebar
-            items={links}
-            selectedScript={selectedScript}
-            setSelectedScript={setSelectedScript}
-            selectedCategory={selectedCategory}
-            setSelectedCategory={setSelectedCategory}
-          />
-        </div>
-        <div className="px-4 w-full sm:max-w-[calc(100%-350px-16px)]">
-          {selectedScript && item
-            ? (
-                <div className="flex w-full flex-col">
-                  <div className="mb-3 flex items-center justify-between">
-                    <h2 className="text-2xl font-semibold tracking-tight text-foreground/90">Selected Script</h2>
-                    <button
-                      onClick={closeScript}
-                      className="rounded-full p-2 text-muted-foreground hover:bg-card/50 transition-colors"
-                    >
-                      <X className="h-5 w-5" />
-                    </button>
-                  </div>
-                  <ScriptItem item={item} />
-                </div>
-              )
-            : (
-                <div className="flex w-full flex-col gap-5">
-                  <LatestScripts items={links} page={latestPage} onPageChange={setLatestPage} />
-                  <MostViewedScripts items={links} />
-                </div>
-              )}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default function Page() {
-  return (
-    <Suspense
-      fallback={(
-        <div className="flex h-screen w-full flex-col items-center justify-center gap-5 bg-background px-4 md:px-6">
-          <div className="space-y-2 text-center">
-            <Loader2 className="h-10 w-10 animate-spin" />
-          </div>
-        </div>
-      )}
-    >
-      <ScriptContent />
-    </Suspense>
-  );
-}

frontend/src/app/sitemap.ts

@@ -1,24 +0,0 @@
-import type { MetadataRoute } from "next";
-
-import { basePath } from "@/config/site-config";
-
-export const dynamic = "force-static";
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const domain = "community-scripts.github.io";
-  const protocol = "https";
-  return [
-    {
-      url: `${protocol}://${domain}/${basePath}`,
-      lastModified: new Date(),
-    },
-    {
-      url: `${protocol}://${domain}/${basePath}/scripts`,
-      lastModified: new Date(),
-    },
-    {
-      url: `${protocol}://${domain}/${basePath}/json-editor`,
-      lastModified: new Date(),
-    },
-  ];
-}

frontend/src/components/animate-ui/components/buttons/button.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import type { VariantProps } from "class-variance-authority";
-
-import { cva } from "class-variance-authority";
-import * as React from "react";
-
-import type { ButtonProps as ButtonPrimitiveProps } from "@/components/animate-ui/primitives/buttons/button";
-
-import {
-  Button as ButtonPrimitive,
-
-} from "@/components/animate-ui/primitives/buttons/button";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[box-shadow,_color,_background-color,_border-color,_outline-color,_text-decoration-color,_fill,_stroke] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        accent: "bg-accent text-accent-foreground shadow-xs hover:bg-accent/90",
-        destructive:
-          "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        "default": "h-9 px-4 py-2 has-[>svg]:px-3",
-        "sm": "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        "lg": "h-10 rounded-md px-6 has-[>svg]:px-4",
-        "icon": "size-9",
-        "icon-sm": "size-8 rounded-md",
-        "icon-lg": "size-10 rounded-md",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-type ButtonProps = ButtonPrimitiveProps & VariantProps<typeof buttonVariants>;
-
-function Button({ className, variant, size, ...props }: ButtonProps) {
-  return (
-    <ButtonPrimitive
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  );
-}
-
-export { Button, type ButtonProps, buttonVariants };

frontend/src/components/animate-ui/components/buttons/github-stars.tsx

@@ -1,109 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-
-import { cva } from "class-variance-authority";
-import { StarIcon } from "lucide-react";
-import Link from "next/link";
-
-import type { ButtonProps as ButtonPrimitiveProps } from "@/components/animate-ui/primitives/buttons/button";
-import type { GithubStarsProps } from "@/components/animate-ui/primitives/animate/github-stars";
-
-import {
-  GithubStars,
-  GithubStarsIcon,
-  GithubStarsLogo,
-  GithubStarsNumber,
-  GithubStarsParticles,
-} from "@/components/animate-ui/primitives/animate/github-stars";
-import { Button as ButtonPrimitive } from "@/components/animate-ui/primitives/buttons/button";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[box-shadow,_color,_background-color,_border-color,_outline-color,_text-decoration-color,_fill,_stroke] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        accent: "bg-accent text-accent-foreground shadow-xs hover:bg-accent/90",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-const buttonStarVariants = cva("", {
-  variants: {
-    variant: {
-      default: "fill-neutral-700 stroke-neutral-700 dark:fill-neutral-300 dark:stroke-neutral-300",
-      accent: "fill-neutral-300 stroke-neutral-300 dark:fill-neutral-700 dark:stroke-neutral-700",
-      outline: "fill-neutral-300 stroke-neutral-300 dark:fill-neutral-700 dark:stroke-neutral-700",
-      ghost: "fill-neutral-300 stroke-neutral-300 dark:fill-neutral-700 dark:stroke-neutral-700",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-type GitHubStarsButtonProps = Omit<ButtonPrimitiveProps & GithubStarsProps, "asChild" | "children">
-  & VariantProps<typeof buttonVariants>;
-
-function GitHubStarsButton({
-  className,
-  username,
-  repo,
-  value,
-  delay,
-  inView,
-  inViewMargin,
-  inViewOnce,
-  variant,
-  size,
-  ...props
-}: GitHubStarsButtonProps) {
-  return (
-    <Link
-      target="_blank"
-      rel="noopener noreferrer"
-      data-umami-event="github-stars"
-      href={`https://github.com/${username}/${repo}`}
-    >
-      <GithubStars
-        asChild
-        username={username}
-        repo={repo}
-        value={value}
-        delay={delay}
-        inView={inView}
-        inViewMargin={inViewMargin}
-        inViewOnce={inViewOnce}
-      >
-        <ButtonPrimitive className={cn(buttonVariants({ variant, size, className }))} {...props}>
-          <GithubStarsLogo />
-          <GithubStarsNumber />
-          <GithubStarsParticles className="text-yellow-500">
-            <GithubStarsIcon
-              icon={StarIcon}
-              data-variant={variant}
-              className={cn(buttonStarVariants({ variant }))}
-              activeClassName="text-yellow-500"
-              size={18}
-            />
-          </GithubStarsParticles>
-        </ButtonPrimitive>
-      </GithubStars>
-    </Link>
-  );
-}
-
-export { GitHubStarsButton, type GitHubStarsButtonProps };

frontend/src/components/animate-ui/primitives/animate/github-stars.tsx

@@ -1,206 +0,0 @@
-"use client";
-
-import type { HTMLMotionProps } from "motion/react";
-
-import { motion } from "motion/react";
-import * as React from "react";
-
-import type { SlidingNumberProps } from "@/components/animate-ui/primitives/texts/sliding-number";
-import type { ParticlesEffectProps } from "@/components/animate-ui/primitives/effects/particles";
-import type { WithAsChild } from "@/components/animate-ui/primitives/animate/slot";
-import type { UseIsInViewOptions } from "@/hooks/use-is-in-view";
-
-import { Particles, ParticlesEffect } from "@/components/animate-ui/primitives/effects/particles";
-import { SlidingNumber } from "@/components/animate-ui/primitives/texts/sliding-number";
-import { Slot } from "@/components/animate-ui/primitives/animate/slot";
-import { getStrictContext } from "@/lib/get-strict-context";
-import { useIsInView } from "@/hooks/use-is-in-view";
-import { cn } from "@/lib/utils";
-
-type GithubStarsContextType = {
-  stars: number;
-  setStars: (stars: number) => void;
-  currentStars: number;
-  setCurrentStars: (stars: number) => void;
-  isCompleted: boolean;
-  isLoading: boolean;
-};
-
-const [GithubStarsProvider, useGithubStars] = getStrictContext<GithubStarsContextType>("GithubStarsContext");
-
-type GithubStarsProps = WithAsChild<
-  {
-    children: React.ReactNode;
-    username?: string;
-    repo?: string;
-    value?: number;
-    delay?: number;
-  } & UseIsInViewOptions
-  & HTMLMotionProps<"div">
->;
-
-function GithubStars({
-  ref,
-  children,
-  username,
-  repo,
-  value,
-  delay = 0,
-  inView = false,
-  inViewMargin = "0px",
-  inViewOnce = true,
-  asChild = false,
-  ...props
-}: GithubStarsProps) {
-  const { ref: localRef, isInView } = useIsInView(ref as React.Ref<HTMLDivElement>, {
-    inView,
-    inViewOnce,
-    inViewMargin,
-  });
-
-  const [stars, setStars] = React.useState(value ?? 0);
-  const [currentStars, setCurrentStars] = React.useState(0);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const isCompleted = React.useMemo(() => currentStars === stars, [currentStars, stars]);
-
-  const Component = asChild ? Slot : motion.div;
-
-  React.useEffect(() => {
-    if (value !== undefined && username && repo)
-      return;
-    if (!isInView) {
-      setStars(0);
-      setIsLoading(true);
-      return;
-    }
-
-    const timeout = setTimeout(() => {
-      fetch(`https://api.github.com/repos/${username}/${repo}`)
-        .then(response => response.json())
-        .then((data) => {
-          if (data && typeof data.stargazers_count === "number") {
-            setStars(data.stargazers_count);
-          }
-        })
-        .catch(console.error)
-        .finally(() => setIsLoading(false));
-    }, delay);
-
-    return () => clearTimeout(timeout);
-  }, [username, repo, value, isInView, delay]);
-
-  return (
-    <GithubStarsProvider
-      value={{
-        stars,
-        currentStars,
-        isCompleted,
-        isLoading,
-        setStars,
-        setCurrentStars,
-      }}
-    >
-      {!isLoading && (
-        <Component ref={localRef} {...props}>
-          {children}
-        </Component>
-      )}
-    </GithubStarsProvider>
-  );
-}
-
-type GithubStarsNumberProps = Omit<SlidingNumberProps, "number" | "fromNumber">;
-
-function GithubStarsNumber({ padStart = true, ...props }: GithubStarsNumberProps) {
-  const { stars, setCurrentStars } = useGithubStars();
-
-  return (
-    <SlidingNumber number={stars} fromNumber={0} onNumberChange={setCurrentStars} padStart={padStart} {...props} />
-  );
-}
-
-type GithubStarsIconProps<T extends React.ElementType> = {
-  icon: React.ReactElement<T>;
-  color?: string;
-  activeClassName?: string;
-} & React.ComponentProps<T>;
-
-function GithubStarsIcon<T extends React.ElementType>({
-  icon: Icon,
-  color = "currentColor",
-  activeClassName,
-  className,
-  ...props
-}: GithubStarsIconProps<T>) {
-  const { stars, currentStars, isCompleted } = useGithubStars();
-  const fillPercentage = (currentStars / stars) * 100;
-
-  return (
-    <div style={{ position: "relative" }}>
-      <Icon aria-hidden="true" className={cn(className)} {...props} />
-      <Icon
-        aria-hidden="true"
-        style={{
-          position: "absolute",
-          top: 0,
-          left: 0,
-          fill: color,
-          stroke: color,
-          clipPath: `inset(${100 - (isCompleted ? fillPercentage : fillPercentage - 10)}% 0 0 0)`,
-        }}
-        className={cn(className, activeClassName)}
-        {...props}
-      />
-    </div>
-  );
-}
-
-type GithubStarsParticlesProps = ParticlesEffectProps & {
-  children: React.ReactElement;
-  size?: number;
-};
-
-function GithubStarsParticles({ children, size = 4, style, ...props }: GithubStarsParticlesProps) {
-  const { isCompleted } = useGithubStars();
-
-  return (
-    <Particles animate={isCompleted}>
-      {children}
-      <ParticlesEffect
-        style={{
-          backgroundColor: "currentcolor",
-          borderRadius: "50%",
-          width: size,
-          height: size,
-          ...style,
-        }}
-        {...props}
-      />
-    </Particles>
-  );
-}
-
-type GithubStarsLogoProps = React.SVGProps<SVGSVGElement>;
-
-function GithubStarsLogo(props: GithubStarsLogoProps) {
-  return (
-    <svg role="img" viewBox="0 0 24 24" fill="currentColor" aria-label="GitHub" {...props}>
-      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
-    </svg>
-  );
-}
-
-export {
-  GithubStars,
-  type GithubStarsContextType,
-  GithubStarsIcon,
-  type GithubStarsIconProps,
-  GithubStarsLogo,
-  type GithubStarsLogoProps,
-  GithubStarsNumber,
-  type GithubStarsNumberProps,
-  GithubStarsParticles,
-  type GithubStarsParticlesProps,
-  type GithubStarsProps,
-  useGithubStars,
-};

frontend/src/components/animate-ui/primitives/animate/slot.tsx

@@ -1,101 +0,0 @@
-"use client";
-
-import type { HTMLMotionProps } from "motion/react";
-
-import { isMotionComponent, motion } from "motion/react";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-type AnyProps = Record<string, unknown>;
-
-type DOMMotionProps<T extends HTMLElement = HTMLElement> = Omit<
-  HTMLMotionProps<keyof HTMLElementTagNameMap>,
-  "ref"
-> & { ref?: React.Ref<T> };
-
-type WithAsChild<Base extends object>
-  = | (Base & { asChild: true; children: React.ReactElement })
-    | (Base & { asChild?: false | undefined });
-
-type SlotProps<T extends HTMLElement = HTMLElement> = {
-  children?: any;
-} & DOMMotionProps<T>;
-
-function mergeRefs<T>(
-  ...refs: (React.Ref<T> | undefined)[]
-): React.RefCallback<T> {
-  return (node) => {
-    refs.forEach((ref) => {
-      if (!ref)
-        return;
-      if (typeof ref === "function") {
-        ref(node);
-      }
-      else {
-        (ref as React.RefObject<T | null>).current = node;
-      }
-    });
-  };
-}
-
-function mergeProps<T extends HTMLElement>(
-  childProps: AnyProps,
-  slotProps: DOMMotionProps<T>,
-): AnyProps {
-  const merged: AnyProps = { ...childProps, ...slotProps };
-
-  if (childProps.className || slotProps.className) {
-    merged.className = cn(
-      childProps.className as string,
-      slotProps.className as string,
-    );
-  }
-
-  if (childProps.style || slotProps.style) {
-    merged.style = {
-      ...(childProps.style as React.CSSProperties),
-      ...(slotProps.style as React.CSSProperties),
-    };
-  }
-
-  return merged;
-}
-
-function Slot<T extends HTMLElement = HTMLElement>({
-  children,
-  ref,
-  ...props
-}: SlotProps<T>) {
-  const isAlreadyMotion
-    = typeof children.type === "object"
-      && children.type !== null
-      && isMotionComponent(children.type);
-
-  const Base = React.useMemo(
-    () =>
-      isAlreadyMotion
-        ? (children.type as React.ElementType)
-        : motion.create(children.type as React.ElementType),
-    [isAlreadyMotion, children.type],
-  );
-
-  if (!React.isValidElement(children))
-    return null;
-
-  const { ref: childRef, ...childProps } = children.props as AnyProps;
-
-  const mergedProps = mergeProps(childProps, props);
-
-  return (
-    <Base {...mergedProps} ref={mergeRefs(childRef as React.Ref<T>, ref)} />
-  );
-}
-
-export {
-  type AnyProps,
-  type DOMMotionProps,
-  Slot,
-  type SlotProps,
-  type WithAsChild,
-};

frontend/src/components/animate-ui/primitives/buttons/button.tsx

@@ -1,36 +0,0 @@
-"use client";
-
-import type { HTMLMotionProps } from "motion/react";
-
-import { motion } from "motion/react";
-import * as React from "react";
-
-import type { WithAsChild } from "@/components/animate-ui/primitives/animate/slot";
-
-import { Slot } from "@/components/animate-ui/primitives/animate/slot";
-
-type ButtonProps = WithAsChild<
-  HTMLMotionProps<"button"> & {
-    hoverScale?: number;
-    tapScale?: number;
-  }
->;
-
-function Button({
-  hoverScale = 1.05,
-  tapScale = 0.95,
-  asChild = false,
-  ...props
-}: ButtonProps) {
-  const Component = asChild ? Slot : motion.button;
-
-  return (
-    <Component
-      whileTap={{ scale: tapScale }}
-      whileHover={{ scale: hoverScale }}
-      {...props}
-    />
-  );
-}
-
-export { Button, type ButtonProps };

frontend/src/components/animate-ui/primitives/effects/particles.tsx

@@ -1,160 +0,0 @@
-"use client";
-
-import type { HTMLMotionProps } from "motion/react";
-
-import { AnimatePresence, motion } from "motion/react";
-import * as React from "react";
-
-import type { WithAsChild } from "@/components/animate-ui/primitives/animate/slot";
-import type { UseIsInViewOptions } from "@/hooks/use-is-in-view";
-
-import { Slot } from "@/components/animate-ui/primitives/animate/slot";
-import { getStrictContext } from "@/lib/get-strict-context";
-import {
-  useIsInView,
-
-} from "@/hooks/use-is-in-view";
-
-type Side = "top" | "bottom" | "left" | "right";
-type Align = "start" | "center" | "end";
-
-type ParticlesContextType = {
-  animate: boolean;
-  isInView: boolean;
-};
-
-const [ParticlesProvider, useParticles]
-  = getStrictContext<ParticlesContextType>("ParticlesContext");
-
-type ParticlesProps = WithAsChild<
-  Omit<HTMLMotionProps<"div">, "children"> & {
-    animate?: boolean;
-    children: React.ReactNode;
-  } & UseIsInViewOptions
->;
-
-function Particles({
-  ref,
-  animate = true,
-  asChild = false,
-  inView = false,
-  inViewMargin = "0px",
-  inViewOnce = true,
-  children,
-  style,
-  ...props
-}: ParticlesProps) {
-  const { ref: localRef, isInView } = useIsInView(
-    ref as React.Ref<HTMLDivElement>,
-    { inView, inViewOnce, inViewMargin },
-  );
-
-  const Component = asChild ? Slot : motion.div;
-
-  return (
-    <ParticlesProvider value={{ animate, isInView }}>
-      <Component
-        ref={localRef}
-        style={{ position: "relative", ...style }}
-        {...props}
-      >
-        {children}
-      </Component>
-    </ParticlesProvider>
-  );
-}
-
-type ParticlesEffectProps = Omit<HTMLMotionProps<"div">, "children"> & {
-  side?: Side;
-  align?: Align;
-  count?: number;
-  radius?: number;
-  spread?: number;
-  duration?: number;
-  holdDelay?: number;
-  sideOffset?: number;
-  alignOffset?: number;
-  delay?: number;
-};
-
-function ParticlesEffect({
-  side = "top",
-  align = "center",
-  count = 6,
-  radius = 30,
-  spread = 360,
-  duration = 0.8,
-  holdDelay = 0.05,
-  sideOffset = 0,
-  alignOffset = 0,
-  delay = 0,
-  transition,
-  style,
-  ...props
-}: ParticlesEffectProps) {
-  const { animate, isInView } = useParticles();
-
-  const isVertical = side === "top" || side === "bottom";
-  const alignPct = align === "start" ? "0%" : align === "end" ? "100%" : "50%";
-
-  const top = isVertical
-    ? side === "top"
-      ? `calc(0% - ${sideOffset}px)`
-      : `calc(100% + ${sideOffset}px)`
-    : `calc(${alignPct} + ${alignOffset}px)`;
-
-  const left = isVertical
-    ? `calc(${alignPct} + ${alignOffset}px)`
-    : side === "left"
-      ? `calc(0% - ${sideOffset}px)`
-      : `calc(100% + ${sideOffset}px)`;
-
-  const containerStyle: React.CSSProperties = {
-    position: "absolute",
-    top,
-    left,
-    transform: "translate(-50%, -50%)",
-  };
-
-  const angleStep = (spread * (Math.PI / 180)) / Math.max(1, count - 1);
-
-  return (
-    <AnimatePresence>
-      {animate
-        && isInView
-        && Array.from({ length: count }).map((_, i) => {
-          const angle = i * angleStep;
-          const x = Math.cos(angle) * radius;
-          const y = Math.sin(angle) * radius;
-
-          return (
-            <motion.div
-              key={i}
-              style={{ ...containerStyle, ...style }}
-              initial={{ scale: 0, opacity: 0 }}
-              animate={{
-                x: `${x}px`,
-                y: `${y}px`,
-                scale: [0, 1, 0],
-                opacity: [0, 1, 0],
-              }}
-              transition={{
-                duration,
-                delay: delay + i * holdDelay,
-                ease: "easeOut",
-                ...transition,
-              }}
-              {...props}
-            />
-          );
-        })}
-    </AnimatePresence>
-  );
-}
-
-export {
-  Particles,
-  ParticlesEffect,
-  type ParticlesEffectProps,
-  type ParticlesProps,
-};

frontend/src/components/animate-ui/primitives/texts/sliding-number.tsx

@@ -1,338 +0,0 @@
-"use client";
-
-import type { MotionValue, SpringOptions } from "motion/react";
-
-import {
-  motion,
-
-  useMotionValue,
-  useSpring,
-  useTransform,
-} from "motion/react";
-import useMeasure from "react-use-measure";
-import * as React from "react";
-
-import type { UseIsInViewOptions } from "@/hooks/use-is-in-view";
-
-import {
-  useIsInView,
-
-} from "@/hooks/use-is-in-view";
-
-type SlidingNumberRollerProps = {
-  prevValue: number;
-  value: number;
-  place: number;
-  transition: SpringOptions;
-  delay?: number;
-};
-
-function SlidingNumberRoller({
-  prevValue,
-  value,
-  place,
-  transition,
-  delay = 0,
-}: SlidingNumberRollerProps) {
-  const startNumber = Math.floor(prevValue / place) % 10;
-  const targetNumber = Math.floor(value / place) % 10;
-  const animatedValue = useSpring(startNumber, transition);
-
-  React.useEffect(() => {
-    const timeoutId = setTimeout(() => {
-      animatedValue.set(targetNumber);
-    }, delay);
-    return () => clearTimeout(timeoutId);
-  }, [targetNumber, animatedValue, delay]);
-
-  const [measureRef, { height }] = useMeasure();
-
-  return (
-    <span
-      ref={measureRef}
-      data-slot="sliding-number-roller"
-      style={{
-        position: "relative",
-        display: "inline-block",
-        width: "1ch",
-        overflowX: "visible",
-        overflowY: "clip",
-        lineHeight: 1,
-        fontVariantNumeric: "tabular-nums",
-      }}
-    >
-      <span style={{ visibility: "hidden" }}>0</span>
-      {Array.from({ length: 10 }, (_, i) => (
-        <SlidingNumberDisplay
-          key={i}
-          motionValue={animatedValue}
-          number={i}
-          height={height}
-          transition={transition}
-        />
-      ))}
-    </span>
-  );
-}
-
-type SlidingNumberDisplayProps = {
-  motionValue: MotionValue<number>;
-  number: number;
-  height: number;
-  transition: SpringOptions;
-};
-
-function SlidingNumberDisplay({
-  motionValue,
-  number,
-  height,
-  transition,
-}: SlidingNumberDisplayProps) {
-  const y = useTransform(motionValue, (latest) => {
-    if (!height)
-      return 0;
-    const currentNumber = latest % 10;
-    const offset = (10 + number - currentNumber) % 10;
-    let translateY = offset * height;
-    if (offset > 5)
-      translateY -= 10 * height;
-    return translateY;
-  });
-
-  if (!height) {
-    return (
-      <span style={{ visibility: "hidden", position: "absolute" }}>
-        {number}
-      </span>
-    );
-  }
-
-  return (
-    <motion.span
-      data-slot="sliding-number-display"
-      style={{
-        y,
-        position: "absolute",
-        inset: 0,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-      }}
-      transition={{ ...transition, type: "spring" }}
-    >
-      {number}
-    </motion.span>
-  );
-}
-
-type SlidingNumberProps = Omit<React.ComponentProps<"span">, "children"> & {
-  number: number;
-  fromNumber?: number;
-  onNumberChange?: (number: number) => void;
-  padStart?: boolean;
-  decimalSeparator?: string;
-  decimalPlaces?: number;
-  thousandSeparator?: string;
-  transition?: SpringOptions;
-  delay?: number;
-} & UseIsInViewOptions;
-
-function SlidingNumber({
-  ref,
-  number,
-  fromNumber,
-  onNumberChange,
-  inView = false,
-  inViewMargin = "0px",
-  inViewOnce = true,
-  padStart = false,
-  decimalSeparator = ".",
-  decimalPlaces = 0,
-  thousandSeparator,
-  transition = { stiffness: 200, damping: 20, mass: 0.4 },
-  delay = 0,
-  ...props
-}: SlidingNumberProps) {
-  const { ref: localRef, isInView } = useIsInView(
-    ref as React.Ref<HTMLElement>,
-    {
-      inView,
-      inViewOnce,
-      inViewMargin,
-    },
-  );
-
-  const prevNumberRef = React.useRef<number>(0);
-
-  const hasAnimated = fromNumber !== undefined;
-  const motionVal = useMotionValue(fromNumber ?? 0);
-  const springVal = useSpring(motionVal, { stiffness: 90, damping: 50 });
-
-  React.useEffect(() => {
-    if (!hasAnimated)
-      return;
-    const timeoutId = setTimeout(() => {
-      if (isInView)
-        motionVal.set(number);
-    }, delay);
-    return () => clearTimeout(timeoutId);
-  }, [hasAnimated, isInView, number, motionVal, delay]);
-
-  const [effectiveNumber, setEffectiveNumber] = React.useState(0);
-
-  React.useEffect(() => {
-    if (hasAnimated) {
-      const inferredDecimals
-        = typeof decimalPlaces === "number" && decimalPlaces >= 0
-          ? decimalPlaces
-          : (() => {
-              const s = String(number);
-              const idx = s.indexOf(".");
-              return idx >= 0 ? s.length - idx - 1 : 0;
-            })();
-
-      const factor = 10 ** inferredDecimals;
-
-      const unsubscribe = springVal.on("change", (latest: number) => {
-        const newValue
-          = inferredDecimals > 0
-            ? Math.round(latest * factor) / factor
-            : Math.round(latest);
-
-        if (effectiveNumber !== newValue) {
-          setEffectiveNumber(newValue);
-          onNumberChange?.(newValue);
-        }
-      });
-      return () => unsubscribe();
-    }
-    else {
-      setEffectiveNumber(!isInView ? 0 : Math.abs(Number(number)));
-    }
-  }, [
-    hasAnimated,
-    springVal,
-    isInView,
-    number,
-    decimalPlaces,
-    onNumberChange,
-    effectiveNumber,
-  ]);
-
-  const formatNumber = React.useCallback(
-    (num: number) =>
-      decimalPlaces != null ? num.toFixed(decimalPlaces) : num.toString(),
-    [decimalPlaces],
-  );
-
-  const numberStr = formatNumber(effectiveNumber);
-  const [newIntStrRaw, newDecStrRaw = ""] = numberStr.split(".");
-
-  const finalIntLength = padStart
-    ? Math.max(
-        Math.floor(Math.abs(number)).toString().length,
-        newIntStrRaw.length,
-      )
-    : newIntStrRaw.length;
-
-  const newIntStr = padStart
-    ? newIntStrRaw.padStart(finalIntLength, "0")
-    : newIntStrRaw;
-
-  const prevFormatted = formatNumber(prevNumberRef.current);
-  const [prevIntStrRaw = "", prevDecStrRaw = ""] = prevFormatted.split(".");
-  const prevIntStr = padStart
-    ? prevIntStrRaw.padStart(finalIntLength, "0")
-    : prevIntStrRaw;
-
-  const adjustedPrevInt = React.useMemo(() => {
-    return prevIntStr.length > finalIntLength
-      ? prevIntStr.slice(-finalIntLength)
-      : prevIntStr.padStart(finalIntLength, "0");
-  }, [prevIntStr, finalIntLength]);
-
-  const adjustedPrevDec = React.useMemo(() => {
-    if (!newDecStrRaw)
-      return "";
-    return prevDecStrRaw.length > newDecStrRaw.length
-      ? prevDecStrRaw.slice(0, newDecStrRaw.length)
-      : prevDecStrRaw.padEnd(newDecStrRaw.length, "0");
-  }, [prevDecStrRaw, newDecStrRaw]);
-
-  React.useEffect(() => {
-    if (isInView)
-      prevNumberRef.current = effectiveNumber;
-  }, [effectiveNumber, isInView]);
-
-  const intPlaces = React.useMemo(
-    () =>
-      Array.from({ length: finalIntLength }, (_, i) =>
-        10 ** (finalIntLength - i - 1)),
-    [finalIntLength],
-  );
-  const decPlaces = React.useMemo(
-    () =>
-      newDecStrRaw
-        ? Array.from({ length: newDecStrRaw.length }, (_, i) =>
-            10 ** (newDecStrRaw.length - i - 1))
-        : [],
-    [newDecStrRaw],
-  );
-
-  const newDecValue = newDecStrRaw ? Number.parseInt(newDecStrRaw, 10) : 0;
-  const prevDecValue = adjustedPrevDec ? Number.parseInt(adjustedPrevDec, 10) : 0;
-
-  return (
-    <span
-      ref={localRef}
-      data-slot="sliding-number"
-      style={{
-        display: "inline-flex",
-        alignItems: "center",
-      }}
-      {...props}
-    >
-      {isInView && Number(number) < 0 && (
-        <span style={{ marginRight: "0.25rem" }}>-</span>
-      )}
-
-      {intPlaces.map((place, idx) => {
-        const digitsToRight = intPlaces.length - idx - 1;
-        const isSeparatorPosition
-          = typeof thousandSeparator !== "undefined"
-            && digitsToRight > 0
-            && digitsToRight % 3 === 0;
-
-        return (
-          <React.Fragment key={`int-${place}`}>
-            <SlidingNumberRoller
-              prevValue={Number.parseInt(adjustedPrevInt, 10)}
-              value={Number.parseInt(newIntStr ?? "0", 10)}
-              place={place}
-              transition={transition}
-            />
-            {isSeparatorPosition && <span>{thousandSeparator}</span>}
-          </React.Fragment>
-        );
-      })}
-
-      {newDecStrRaw && (
-        <>
-          <span>{decimalSeparator}</span>
-          {decPlaces.map(place => (
-            <SlidingNumberRoller
-              key={`dec-${place}`}
-              prevValue={prevDecValue}
-              value={newDecValue}
-              place={place}
-              transition={transition}
-              delay={delay}
-            />
-          ))}
-        </>
-      )}
-    </span>
-  );
-}
-
-export { SlidingNumber, type SlidingNumberProps };

frontend/src/components/command-menu.tsx

@@ -1,282 +0,0 @@
-import { ArrowRightIcon, Sparkles } from "lucide-react";
-import { useRouter } from "next/navigation";
-import Image from "next/image";
-import Link from "next/link";
-import React from "react";
-
-import type { Category, Script } from "@/lib/types";
-
-import {
-  CommandDialog,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-} from "@/components/ui/command";
-import { basePath } from "@/config/site-config";
-import { fetchCategories } from "@/lib/data";
-import { cn } from "@/lib/utils";
-
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
-import { DialogTitle } from "./ui/dialog";
-import { Button } from "./ui/button";
-import { Badge } from "./ui/badge";
-
-export function formattedBadge(type: string) {
-  switch (type) {
-    case "vm":
-      return <Badge className="text-blue-500/75 border-blue-500/75">VM</Badge>;
-    case "ct":
-      return <Badge className="text-yellow-500/75 border-yellow-500/75">LXC</Badge>;
-    case "pve":
-      return <Badge className="text-orange-500/75 border-orange-500/75">PVE</Badge>;
-    case "addon":
-      return <Badge className="text-green-500/75 border-green-500/75">ADDON</Badge>;
-  }
-  return null;
-}
-
-function getRandomScript(categories: Category[], previouslySelected: Set<string> = new Set()): Script | null {
-  const allScripts = categories.flatMap(cat => cat.scripts || []);
-  if (allScripts.length === 0)
-    return null;
-
-  const availableScripts = allScripts.filter(script => !previouslySelected.has(script.slug));
-  if (availableScripts.length === 0) {
-    return allScripts[Math.floor(Math.random() * allScripts.length)];
-  }
-  const idx = Math.floor(Math.random() * availableScripts.length);
-  return availableScripts[idx];
-}
-
-function CommandMenu() {
-  const [open, setOpen] = React.useState(false);
-  const [links, setLinks] = React.useState<Category[]>([]);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [selectedScripts, setSelectedScripts] = React.useState<Set<string>>(new Set());
-  const router = useRouter();
-
-  const fetchSortedCategories = () => {
-    setIsLoading(true);
-    fetchCategories()
-      .then((categories) => {
-        setLinks(categories);
-        setIsLoading(false);
-      })
-      .catch((error) => {
-        setIsLoading(false);
-        console.error(error);
-      });
-  };
-
-  React.useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        fetchSortedCategories();
-        setOpen(open => !open);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, []);
-
-  const handleOpenRandomScript = async () => {
-    if (links.length === 0) {
-      setIsLoading(true);
-      try {
-        const categories = await fetchCategories();
-        setLinks(categories);
-        const randomScript = getRandomScript(categories, selectedScripts);
-        if (randomScript) {
-          setSelectedScripts(prev => new Set([...prev, randomScript.slug]));
-          router.push(`/scripts?id=${randomScript.slug}`);
-        }
-      }
-      finally {
-        setIsLoading(false);
-      }
-    }
-    else {
-      const randomScript = getRandomScript(links, selectedScripts);
-      if (randomScript) {
-        setSelectedScripts(prev => new Set([...prev, randomScript.slug]));
-        router.push(`/scripts?id=${randomScript.slug}`);
-      }
-    }
-  };
-
-  const getUniqueScriptsMap = React.useCallback(() => {
-    const scriptMap = new Map<string, { script: Script; categoryName: string }>();
-    for (const category of links) {
-      for (const script of category.scripts) {
-        if (!scriptMap.has(script.slug)) {
-          scriptMap.set(script.slug, { script, categoryName: category.name });
-        }
-      }
-    }
-    return scriptMap;
-  }, [links]);
-
-  const getUniqueScriptsByCategory = React.useCallback(() => {
-    const scriptMap = getUniqueScriptsMap();
-    const categoryOrder = links.map(cat => cat.name);
-    const grouped: Record<string, Script[]> = {};
-
-    for (const name of categoryOrder) {
-      grouped[name] = [];
-    }
-
-    for (const { script, categoryName } of scriptMap.values()) {
-      if (grouped[categoryName]) {
-        grouped[categoryName].push(script);
-      }
-      else {
-        grouped[categoryName] = [script];
-      }
-    }
-
-    Object.keys(grouped).forEach((cat) => {
-      if (grouped[cat].length === 0)
-        delete grouped[cat];
-    });
-
-    return grouped;
-  }, [getUniqueScriptsMap, links]);
-
-  const uniqueScriptsByCategory = getUniqueScriptsByCategory();
-
-  return (
-    <>
-      <div className="flex gap-2">
-        <Button
-          variant="outline"
-          className={cn(
-            "relative h-9 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-40 lg:w-64",
-          )}
-          onClick={() => {
-            fetchSortedCategories();
-            setOpen(true);
-          }}
-        >
-          <span className="inline-flex">Search scripts...</span>
-          <kbd className="pointer-events-none absolute right-[0.3rem] top-[0.45rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex">
-            <span className="text-xs">⌘</span>
-            K
-          </kbd>
-        </Button>
-
-        <TooltipProvider>
-          <Tooltip delayDuration={100}>
-            <TooltipTrigger asChild>
-              <Button
-                variant="outline"
-                size="icon"
-                onClick={handleOpenRandomScript}
-                disabled={isLoading}
-                className="hidden lg:flex"
-                aria-label="Open Random Script"
-                tabIndex={0}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    handleOpenRandomScript();
-                  }
-                }}
-              >
-                <Sparkles className="size-4" />
-                <span className="sr-only">Open Random Script</span>
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent>
-              <p>Open Random Script</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
-      </div>
-
-      <CommandDialog
-        open={open}
-        onOpenChange={setOpen}
-        filter={(value: string, search: string) => {
-          const searchLower = search.toLowerCase().trim();
-          if (!searchLower)
-            return 1;
-          const valueLower = value.toLowerCase();
-          const searchWords = searchLower.split(/\s+/).filter(Boolean);
-          // All search words must appear somewhere in the value (name + description)
-          const allWordsMatch = searchWords.every((word: string) => valueLower.includes(word));
-          return allWordsMatch ? 1 : 0;
-        }}
-      >
-        <DialogTitle className="sr-only">Search scripts</DialogTitle>
-        <CommandInput placeholder="Search for a script..." />
-        <CommandList>
-          <CommandEmpty>
-            {isLoading
-              ? (
-                  "Searching..."
-                )
-              : (
-                  <div className="flex flex-col items-center justify-center py-6 text-center">
-                    <p className="text-sm text-muted-foreground">No scripts match your search.</p>
-                    <div className="mt-4">
-                      <p className="text-xs text-muted-foreground mb-2">Want to add a new script?</p>
-                      <Button variant="outline" size="sm" asChild>
-                        <Link
-                          href={`https://github.com/community-scripts/${basePath}/tree/main/docs/contribution/GUIDE.md`}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                        >
-                          Documentation
-                          {" "}
-                          <ArrowRightIcon className="ml-2 h-4 w-4" />
-                        </Link>
-                      </Button>
-                    </div>
-                  </div>
-                )}
-          </CommandEmpty>
-          {Object.entries(uniqueScriptsByCategory).map(([categoryName, scripts]) => (
-            <CommandGroup key={`category:${categoryName}`} heading={categoryName}>
-              {scripts.map(script => (
-                <CommandItem
-                  key={`script:${script.slug}`}
-                  value={`${script.name} ${script.type} ${script.description || ""}`}
-                  onSelect={() => {
-                    setOpen(false);
-                    router.push(`/scripts?id=${script.slug}`);
-                  }}
-                  tabIndex={0}
-                  aria-label={`Open script ${script.name}`}
-                  onKeyDown={(e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      setOpen(false);
-                      router.push(`/scripts?id=${script.slug}`);
-                    }
-                  }}
-                >
-                  <div className="flex gap-2" onClick={() => setOpen(false)}>
-                    <Image
-                      src={script.logo || `/${basePath}/logo.png`}
-                      onError={e => ((e.currentTarget as HTMLImageElement).src = `/${basePath}/logo.png`)}
-                      unoptimized
-                      width={16}
-                      height={16}
-                      alt=""
-                      className="h-5 w-5"
-                    />
-                    <span>{script.name}</span>
-                    <span>{formattedBadge(script.type)}</span>
-                  </div>
-                </CommandItem>
-              ))}
-            </CommandGroup>
-          ))}
-        </CommandList>
-      </CommandDialog>
-    </>
-  );
-}
-
-export default CommandMenu;

frontend/src/components/copycat-warning-toast.tsx

@@ -1,24 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-import { toast } from "sonner";
-
-const STORAGE_KEY = "copycat-warning-dismissed";
-
-export function CopycatWarningToast() {
-  useEffect(() => {
-    if (typeof window === "undefined")
-      return;
-    if (localStorage.getItem(STORAGE_KEY) === "true")
-      return;
-
-    toast.warning("Beware of copycat sites. Always verify the URL is correct before trusting or running scripts.", {
-      position: "top-center",
-      duration: Number.POSITIVE_INFINITY,
-      closeButton: true,
-      onDismiss: () => localStorage.setItem(STORAGE_KEY, "true"),
-    });
-  }, []);
-
-  return null;
-}

frontend/src/components/faq.tsx

@@ -1,30 +0,0 @@
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Plus } from "lucide-react";
-
-import { Accordion, AccordionContent, AccordionItem } from "./ui/accordion";
-import { FAQ_Items } from "../config/faq-config";
-
-export default function FAQ() {
-  return (
-    <div className="space-y-4">
-      <Accordion type="single" collapsible className="w-full">
-        {FAQ_Items.map((item, index) => (
-          <AccordionItem value={index.toString()} key={index} className="py-2">
-            <AccordionPrimitive.Header className="flex">
-              <AccordionPrimitive.Trigger className="flex flex-1 items-center gap-3 py-2 text-left text-[15px] font-semibold leading-6 transition-all [&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&>svg]:-order-1 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0 [&[data-state=open]>svg]:rotate-180">
-                {item.title}
-                <Plus
-                  size={16}
-                  strokeWidth={2}
-                  className="shrink-0 opacity-60 transition-transform duration-200"
-                  aria-hidden="true"
-                />
-              </AccordionPrimitive.Trigger>
-            </AccordionPrimitive.Header>
-            <AccordionContent className="pb-2 ps-7 text-muted-foreground">{item.content}</AccordionContent>
-          </AccordionItem>
-        ))}
-      </Accordion>
-    </div>
-  );
-}

frontend/src/components/footer.tsx

@@ -1,50 +0,0 @@
-import { FileJson, Server } from "lucide-react";
-import Link from "next/link";
-
-import { basePath } from "@/config/site-config";
-import { cn } from "@/lib/utils";
-
-import { buttonVariants } from "./ui/button";
-
-export default function Footer() {
-  return (
-    <div className="supports-backdrop-blur:bg-background/90 mt-auto border-t w-full flex justify-between border-border bg-background/40 py-4 backdrop-blur-lg">
-      <div className="mx-6 w-full flex justify-between text-xs sm:text-sm text-muted-foreground">
-        <div className="flex items-center">
-          <p>
-            Website built by the community. The source code is available on
-            {" "}
-            <Link
-              href={`https://github.com/community-scripts/${basePath}/tree/main/frontend`}
-              target="_blank"
-              rel="noreferrer"
-              className="font-semibold underline-offset-2 duration-300 hover:underline"
-              data-umami-event="View Website Source Code on Github"
-            >
-              GitHub
-            </Link>
-            .
-          </p>
-        </div>
-        <div className="sm:flex hidden">
-          <Link
-            href="/json-editor"
-            className={cn(buttonVariants({ variant: "link" }), "text-muted-foreground flex items-center gap-2")}
-          >
-            <FileJson className="h-4 w-4" />
-            {" "}
-            JSON Editor
-          </Link>
-          <Link
-            href="/data"
-            className={cn(buttonVariants({ variant: "link" }), "text-muted-foreground flex items-center gap-2")}
-          >
-            <Server className="h-4 w-4" />
-            {" "}
-            API Data
-          </Link>
-        </div>
-      </div>
-    </div>
-  );
-}

frontend/src/components/handle-copy.tsx

@@ -1,10 +0,0 @@
-import { ClipboardCheck } from "lucide-react";
-import { toast } from "sonner";
-
-export default function handleCopy(type: string, value: string) {
-  navigator.clipboard.writeText(value);
-
-  toast.success(`copied ${type} to clipboard`, {
-    icon: <ClipboardCheck className="h-4 w-4" />,
-  });
-}

frontend/src/components/icons/resource-icons.tsx

@@ -1,48 +0,0 @@
-export function CPUIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      className="size-4"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke="currentColor"
-      strokeWidth={2}
-    >
-      <rect x="9" y="9" width="6" height="6" />
-      <path d="M3 9h2m14 0h2M3 15h2m14 0h2M9 3v2m6-2v2M9 19v2m6-2v2" />
-    </svg>
-  );
-}
-
-export function RAMIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      className="size-4"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke="currentColor"
-      strokeWidth={2}
-    >
-      <rect x="4" y="6" width="16" height="12" rx="2" ry="2" />
-      <path d="M8 6v12M16 6v12" />
-    </svg>
-  );
-}
-
-export function HDDIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      className="size-4"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke="currentColor"
-      strokeWidth={2}
-    >
-      <path d="M4 4h16v16H4z" />
-      <circle cx="8" cy="16" r="1" />
-      <circle cx="16" cy="16" r="1" />
-    </svg>
-  );
-}

frontend/src/components/modal.tsx

@@ -1,30 +0,0 @@
-"use client";
-
-import React from "react";
-
-type ModalProps = {
-  isOpen: boolean;
-  onClose: () => void;
-  children: React.ReactNode;
-};
-
-const Modal: React.FC<ModalProps> = ({ isOpen, onClose, children }) => {
-  if (!isOpen)
-    return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50">
-      <div className="bg-white dark:bg-gray-900 p-6 rounded-lg shadow-lg w-11/12 max-w-4xl relative max-h-[90vh] overflow-y-auto">
-        <button
-          onClick={onClose}
-          className="absolute top-2 right-2 bg-red-500 text-white p-1 rounded"
-        >
-          ✖
-        </button>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default Modal;

frontend/src/components/navbar.tsx

@@ -1,80 +0,0 @@
-"use client";
-import { Suspense, useEffect, useState } from "react";
-import Image from "next/image";
-import Link from "next/link";
-
-import { navbarLinks } from "@/config/site-config";
-
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
-import { GitHubStarsButton } from "./animate-ui/components/buttons/github-stars";
-import { Button } from "./animate-ui/components/buttons/button";
-import MobileSidebar from "./navigation/mobile-sidebar";
-import { ThemeToggle } from "./ui/theme-toggle";
-import CommandMenu from "./command-menu";
-
-export const dynamic = "force-dynamic";
-
-function Navbar() {
-  const [isScrolled, setIsScrolled] = useState(false);
-
-  useEffect(() => {
-    const handleScroll = () => {
-      setIsScrolled(window.scrollY > 0);
-    };
-
-    window.addEventListener("scroll", handleScroll);
-
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-  }, []);
-  return (
-    <>
-      <div
-        className={`fixed left-0 top-0 z-50 flex w-screen justify-center px-4 xl:px-0 ${isScrolled ? "glass border-b bg-background/50" : ""
-        }`}
-      >
-        <div className="flex h-20 w-full max-w-[1440px] items-center justify-between sm:flex-row">
-          <Link
-            href="/"
-            className="cursor-pointer w-full justify-center sm:justify-start flex-row-reverse hidden sm:flex items-center gap-2 font-semibold sm:flex-row"
-          >
-            <Image height={18} unoptimized width={18} alt="logo" src="/ProxmoxVE/logo.png" className="" />
-            <span className="">Proxmox VE Helper-Scripts</span>
-          </Link>
-          <div className="flex items-center justify-between sm:justify-end gap-2 w-full">
-            <div className="flex sm:hidden">
-              <Suspense>
-                <MobileSidebar />
-              </Suspense>
-            </div>
-            <div className="flex sm:gap-2">
-              <CommandMenu />
-              <GitHubStarsButton username="community-scripts" repo="ProxmoxVE" className="hidden md:flex" />
-              {navbarLinks.map(({ href, event, icon, text, mobileHidden }) => (
-                <TooltipProvider key={event}>
-                  <Tooltip delayDuration={100}>
-                    <TooltipTrigger className={mobileHidden ? "hidden lg:block" : ""}>
-                      <Button variant="ghost" size="icon" asChild>
-                        <Link target="_blank" href={href} data-umami-event={event}>
-                          {icon}
-                          <span className="sr-only">{text}</span>
-                        </Link>
-                      </Button>
-                    </TooltipTrigger>
-                    <TooltipContent side="bottom" className="text-xs">
-                      {text}
-                    </TooltipContent>
-                  </Tooltip>
-                </TooltipProvider>
-              ))}
-              <ThemeToggle />
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
-
-export default Navbar;

frontend/src/components/navigation/mobile-sidebar.tsx

@@ -1,133 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useState } from "react";
-import { usePathname } from "next/navigation";
-import { useQueryState } from "nuqs";
-import { Menu } from "lucide-react";
-
-import type { Category, Script } from "@/lib/types";
-
-import { ScriptItem } from "@/app/scripts/_components/script-item";
-import Sidebar from "@/app/scripts/_components/sidebar";
-import { fetchCategories } from "@/lib/data";
-
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "../ui/sheet";
-import { Button } from "../ui/button";
-
-function MobileSidebar() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
-  const [categories, setCategories] = useState<Category[]>([]);
-  const [lastViewedScript, setLastViewedScript] = useState<Script | undefined>(undefined);
-  const pathname = usePathname();
-
-  // Always call the hooks (React hooks can't be conditional)
-  const [selectedScript, setSelectedScript] = useQueryState("id");
-  const [selectedCategory, setSelectedCategory] = useQueryState("category");
-
-  // For non-scripts pages, we'll manage state locally
-  const [tempSelectedScript, setTempSelectedScript] = useState<string | null>(null);
-  const [tempSelectedCategory, setTempSelectedCategory] = useState<string | null>(null);
-
-  const isOnScriptsPage = pathname === "/scripts";
-  const currentSelectedScript = isOnScriptsPage ? selectedScript : tempSelectedScript;
-  const currentSelectedCategory = isOnScriptsPage ? selectedCategory : tempSelectedCategory;
-
-  const loadCategories = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetchCategories();
-      setCategories(response);
-    }
-    catch (error) {
-      console.error(error);
-    }
-    finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    void loadCategories();
-  }, [loadCategories]);
-
-  useEffect(() => {
-    if (!currentSelectedScript || categories.length === 0) {
-      return;
-    }
-
-    const scriptMatch = categories
-      .flatMap(category => category.scripts)
-      .find(script => script.slug === currentSelectedScript);
-
-    setLastViewedScript(scriptMatch);
-  }, [currentSelectedScript, categories]);
-
-  const handleOpenChange = (openState: boolean) => {
-    setIsOpen(openState);
-  };
-
-  const handleItemSelect = () => {
-    setIsOpen(false);
-  };
-
-  const hasLinks = categories.length > 0;
-
-  return (
-    <Sheet open={isOpen} onOpenChange={handleOpenChange}>
-      <SheetTrigger asChild>
-        <Button
-          variant="ghost"
-          size="icon"
-          aria-label="Open navigation menu"
-          tabIndex={0}
-          onKeyDown={(event) => {
-            if (event.key === "Enter" || event.key === " ") {
-              setIsOpen(true);
-            }
-          }}
-        >
-          <Menu className="size-5" aria-hidden="true" />
-        </Button>
-      </SheetTrigger>
-      <SheetHeader className="border-b border-border px-6 pb-4 pt-2 sr-only">
-        <SheetTitle className="sr-only">Categories</SheetTitle>
-      </SheetHeader>
-      <SheetContent side="left" className="flex w-full max-w-xs flex-col gap-4 overflow-hidden px-0 pb-6">
-        <div className="flex h-full flex-col gap-4 overflow-y-auto">
-          {isLoading && !hasLinks
-            ? (
-                <div className="flex w-full flex-col items-center justify-center gap-2 px-6 py-4 text-sm text-muted-foreground">
-                  Loading categories...
-                </div>
-              )
-            : (
-                <div className="flex flex-col gap-4 px-4">
-                  <Sidebar
-                    items={categories}
-                    selectedScript={currentSelectedScript}
-                    setSelectedScript={isOnScriptsPage ? setSelectedScript : setTempSelectedScript}
-                    selectedCategory={currentSelectedCategory}
-                    setSelectedCategory={isOnScriptsPage ? setSelectedCategory : setTempSelectedCategory}
-                    onItemSelect={handleItemSelect}
-                  />
-                </div>
-              )}
-          {currentSelectedScript && lastViewedScript
-            ? (
-                <div className="flex flex-col gap-3 px-4">
-                  <p className="text-sm font-medium">Last Viewed</p>
-                  <ScriptItem
-                    item={lastViewedScript}
-                  />
-                </div>
-              )
-            : null}
-        </div>
-      </SheetContent>
-    </Sheet>
-  );
-}
-
-export default MobileSidebar;
-

frontend/src/components/query-provider.tsx

@@ -1,9 +0,0 @@
-"use client";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import React from "react";
-
-const queryClient = new QueryClient();
-
-export default function QueryProvider({ children }: { children: React.ReactNode }) {
-  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
-}

frontend/src/components/text-copy-block.tsx

@@ -1,30 +0,0 @@
-import { ClipboardIcon } from "lucide-react";
-
-import handleCopy from "./handle-copy";
-
-export default function TextCopyBlock(description: string) {
-  const pattern = /`([^`]*)`/g;
-  const parts = description.split(pattern);
-
-  const formattedDescription = parts.map((part: string, index: number) => {
-    if (index % 2 === 1) {
-      return (
-        <span
-          key={index}
-          className="bg-secondary py-1 px-2 rounded-lg inline-flex items-center gap-2"
-        >
-          {part}
-          <ClipboardIcon
-            className="size-3 cursor-pointer"
-            onClick={() => handleCopy("command", part)}
-          />
-        </span>
-      );
-    }
-    else {
-      return part;
-    }
-  });
-
-  return formattedDescription;
-}

frontend/src/components/text-parse-links.tsx

@@ -1,52 +0,0 @@
-import { ClipboardIcon, ExternalLink } from "lucide-react";
-import { Fragment } from "react";
-
-import handleCopy from "./handle-copy";
-
-const URL_PATTERN = /(https?:\/\/[^\s,]+)/;
-const CODE_PATTERN = /`([^`]*)`/;
-
-export default function TextParseLinks(text: string) {
-  const codeParts = text.split(CODE_PATTERN);
-
-  return codeParts.map((part: string, codeIndex: number) => {
-    if (codeIndex % 2 === 1) {
-      return (
-        <span
-          key={`code-${codeIndex}`}
-          className="bg-secondary py-1 px-2 rounded-lg inline-flex items-center gap-2"
-        >
-          {part}
-          <ClipboardIcon
-            className="size-3 cursor-pointer"
-            onClick={() => handleCopy("command", part)}
-          />
-        </span>
-      );
-    }
-
-    const urlParts = part.split(URL_PATTERN);
-
-    return (
-      <Fragment key={`text-${codeIndex}`}>
-        {urlParts.map((urlPart: string, urlIndex: number) => {
-          if (urlIndex % 2 === 1) {
-            return (
-              <a
-                key={`url-${codeIndex}-${urlIndex}`}
-                href={urlPart}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex items-center gap-1 text-blue-600 dark:text-blue-400 hover:underline font-medium transition-colors"
-              >
-                {urlPart}
-                <ExternalLink className="size-3" />
-              </a>
-            );
-          }
-          return <Fragment key={`plain-${codeIndex}-${urlIndex}`}>{urlPart}</Fragment>;
-        })}
-      </Fragment>
-    );
-  });
-}

frontend/src/components/theme-provider.tsx

@@ -1,9 +0,0 @@
-"use client";
-
-import type { ThemeProviderProps } from "next-themes";
-
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
-}

frontend/src/components/ui/accordion.tsx

@@ -1,57 +0,0 @@
-"use client";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Accordion = AccordionPrimitive.Root;
-
-const AccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn("border-b", className)}
-    {...props}
-  />
-));
-AccordionItem.displayName = "AccordionItem";
-
-const AccordionTrigger = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "flex flex-1 items-center justify-between py-1 pr-2 font-medium transition-all [&[data-state=open]>svg]:rotate-180",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-const AccordionContent = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
-    ref={ref}
-    className="overflow-hidden py-1 text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-    {...props}
-  >
-    <div className={cn("pt-0", className)}>{children}</div>
-  </AccordionPrimitive.Content>
-));
-
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

frontend/src/components/ui/alert.tsx

@@ -1,61 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-
-import { cva } from "class-variance-authority";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div
-    ref={ref}
-    role="alert"
-    className={cn(alertVariants({ variant }), className)}
-    {...props}
-  />
-));
-Alert.displayName = "Alert";
-
-const AlertTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h5
-    ref={ref}
-    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-AlertTitle.displayName = "AlertTitle";
-
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm [&_p]:leading-relaxed", className)}
-    {...props}
-  />
-));
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertDescription, AlertTitle };

frontend/src/components/ui/animated-gradient-text.tsx

@@ -1,26 +0,0 @@
-import type { ReactNode } from "react";
-
-import { cn } from "@/lib/utils";
-
-export default function AnimatedGradientText({
-  children,
-  className,
-}: {
-  children: ReactNode;
-  className?: string;
-}) {
-  return (
-    <div
-      className={cn(
-        "group relative mx-auto flex max-w-fit flex-row items-center justify-center rounded-2xl bg-white/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f] dark:bg-black/40",
-        className,
-      )}
-    >
-      <div
-        className="absolute inset-0 block h-full w-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] p-[1px] [border-radius:inherit] ![mask-composite:subtract] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]"
-      />
-
-      {children}
-    </div>
-  );
-}

frontend/src/components/ui/badge.tsx

@@ -1,39 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-
-import { cva } from "class-variance-authority";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-1.5 py-0.1 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent  text-primary-foreground border-primary-foreground",
-        secondary:
-          "border-transparent  text-secondary-foreground border-secondary-foreground",
-        destructive:
-          "border-transparent  text-destructive-foreground border-destructive-foreground",
-        outline: "text-foreground",
-        success: "text-green-500 border-green-500",
-        warning: "text-yellow-500 border-yellow-500",
-        failure: "text-red-500 border-red-500",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-export type BadgeProps = {} & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  );
-}
-
-export { Badge, badgeVariants };

frontend/src/components/ui/button.tsx

@@ -1,109 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-
-import { Slot, Slottable } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-        expandIcon:
-          "group relative text-primary-foreground bg-primary hover:bg-primary/90",
-        ringHover:
-          "bg-primary text-primary-foreground transition-all duration-300 hover:bg-primary/90 hover:ring-2 hover:ring-primary/90 hover:ring-offset-2",
-        shine:
-          "text-primary-foreground animate-shine bg-gradient-to-r from-primary via-primary/75 to-primary bg-[length:400%_100%] ",
-        gooeyRight:
-          "text-primary-foreground relative bg-primary z-0 overflow-hidden transition-all duration-500 before:absolute before:inset-0 before:-z-10 before:translate-x-[150%] before:translate-y-[150%] before:scale-[2.5] before:rounded-[100%] before:bg-gradient-to-r from-zinc-400 before:transition-transform before:duration-1000  hover:before:translate-x-[0%] hover:before:translate-y-[0%] ",
-        gooeyLeft:
-          "text-primary-foreground relative bg-primary z-0 overflow-hidden transition-all duration-500 after:absolute after:inset-0 after:-z-10 after:translate-x-[-150%] after:translate-y-[150%] after:scale-[2.5] after:rounded-[100%] after:bg-gradient-to-l from-zinc-400 after:transition-transform after:duration-1000  hover:after:translate-x-[0%] hover:after:translate-y-[0%] ",
-        linkHover1:
-          "relative after:absolute after:bg-primary after:bottom-2 after:h-[1px] after:w-2/3 after:origin-bottom-left after:scale-x-100 hover:after:origin-bottom-right hover:after:scale-x-0 after:transition-transform after:ease-in-out after:duration-300",
-        linkHover2:
-          "relative after:absolute after:bg-primary after:bottom-2 after:h-[1px] after:w-2/3 after:origin-bottom-right after:scale-x-0 hover:after:origin-bottom-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-9 w-9    ",
-        null: "py-1 px-3 rouded-xs",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-type IconProps = {
-  Icon: React.ElementType;
-  iconPlacement: "left" | "right";
-};
-
-type IconRefProps = {
-  Icon?: never;
-  iconPlacement?: undefined;
-};
-
-export type ButtonProps = {
-  asChild?: boolean;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
-
-export type ButtonIconProps = IconProps | IconRefProps;
-
-const Button = React.forwardRef<
-  HTMLButtonElement,
-  ButtonProps & ButtonIconProps
->(
-  (
-    {
-      className,
-      variant,
-      size,
-      asChild = false,
-      Icon,
-      iconPlacement,
-      ...props
-    },
-    ref,
-  ) => {
-    const Comp = asChild ? Slot : "button";
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      >
-        {Icon && iconPlacement === "left" && (
-          <div className="group-hover:translate-x-100 w-0 translate-x-[0%] pr-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:pr-2 group-hover:opacity-100">
-            <Icon />
-          </div>
-        )}
-        <Slottable>{props.children}</Slottable>
-        {Icon && iconPlacement === "right" && (
-          <div className="w-0 translate-x-[100%] pl-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:translate-x-0 group-hover:pl-2 group-hover:opacity-100">
-            <Icon />
-          </div>
-        )}
-      </Comp>
-    );
-  },
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };

frontend/src/components/ui/calendar.tsx

@@ -1,70 +0,0 @@
-"use client";
-
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { DayPicker } from "react-day-picker";
-import * as React from "react";
-
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-
-export type CalendarProps = React.ComponentProps<typeof DayPicker>;
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}: CalendarProps) {
-  return (
-    <DayPicker
-      showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
-      classNames={{
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell:
-          "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100",
-        ),
-        day_range_end: "day-range-end",
-        day_selected:
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside:
-          "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle:
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames,
-      }}
-      components={{
-        Chevron: ({ ...props }) => {
-          if (props.orientation === "left") {
-            return <ChevronLeft className="h-4 w-4" />;
-          }
-          return <ChevronRight className="h-4 w-4" />;
-        },
-      }}
-      {...props}
-    />
-  );
-}
-Calendar.displayName = "Calendar";
-
-export { Calendar };

frontend/src/components/ui/card.tsx

@@ -1,89 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border text-card-foreground shadow-sm",
-      className,
-    )}
-    {...props}
-  />
-));
-Card.displayName = "Card";
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-4", className)}
-    {...props}
-  />
-));
-CardHeader.displayName = "CardHeader";
-
-const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className,
-    )}
-    {...props}
-  />
-));
-CardTitle.displayName = "CardTitle";
-
-const CardDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <p
-    ref={ref}
-    className={cn(
-      "min-h-[40px] text-sm text-muted-foreground sm:min-h-[60px]",
-      className,
-    )}
-    {...props}
-  />
-));
-CardDescription.displayName = "CardDescription";
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-4 pt-0", className)} {...props} />
-));
-CardContent.displayName = "CardContent";
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("mt-auto items-center p-4 pt-0", className)}
-    {...props}
-  />
-));
-CardFooter.displayName = "CardFooter";
-
-export {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-};