ci: branch deploys

.env

@@ -1,16 +1,10 @@
 # Application
 NODE_ENV=production
 NEXT_PUBLIC_BASE_URL=https://klz-cables.com
-UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=59a7db94-0100-4c7e-98ef-99f45b17f9c3
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 SENTRY_DSN=https://c10957d0182245b1a2a806ac2d34a197@errors.infra.mintel.me/1
 LOG_LEVEL=info
-
-# WooCommerce & WordPress
-WOOCOMMERCE_URL=https://klz-cables.com
-WOOCOMMERCE_CONSUMER_KEY=ck_38d97df86880e8fefbd54ab5cdf47a9c5a9e5b39
-WOOCOMMERCE_CONSUMER_SECRET=cs_d675ee2ac2ec7c22de84ae5451c07e42b1717759
-WORDPRESS_APP_PASSWORD="DlJH 49dp fC3a Itc3 Sl7Z Wz0k"
+NEXT_PUBLIC_FEEDBACK_ENABLED=true
 
 # SMTP Configuration
 MAIL_HOST=smtp.eu.mailgun.org
@@ -26,11 +20,16 @@ DIRECTUS_KEY=59fb8f4c1a51b18fe28ad947f713914e
 DIRECTUS_SECRET=7459038d41401dfb11254cf7f1ef2d0f
 DIRECTUS_ADMIN_EMAIL=marc@mintel.me
 DIRECTUS_ADMIN_PASSWORD=Tim300493.
+DIRECTUS_API_TOKEN=59fb8f4c1a51b18fe28ad947f713914e
 DIRECTUS_DB_NAME=directus
 DIRECTUS_DB_USER=directus
+DIRECTUS_DB_PASSWORD=directus
 # Local Development
 PROJECT_NAME=klz-cables
+GATEKEEPER_BYPASS_ENABLED=true
 TRAEFIK_HOST=klz.localhost
 DIRECTUS_HOST=cms.klz.localhost
 GATEKEEPER_PASSWORD=klz2026
 COOKIE_DOMAIN=localhost
+INFRA_DIRECTUS_URL=http://localhost:8059
+INFRA_DIRECTUS_TOKEN=59fb8f4c1a51b18fe28ad947f713914e

.env.example

@@ -10,18 +10,18 @@
 # ────────────────────────────────────────────────────────────────────────────
 NODE_ENV=development
 NEXT_PUBLIC_BASE_URL=http://localhost:3000
+DIRECTUS_PORT=8055
 # TARGET is used to differentiate between environments (testing, staging, production)
 # NEXT_PUBLIC_TARGET makes this information available to the frontend
-NEXT_PUBLIC_TARGET=development
-# TARGET is used server-side
 TARGET=development
+NEXT_PUBLIC_FEEDBACK_ENABLED=false
 
 # ────────────────────────────────────────────────────────────────────────────
 # Analytics (Umami)
 # ────────────────────────────────────────────────────────────────────────────
 # Optional: Leave empty to disable analytics
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
+UMAMI_WEBSITE_ID=
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # ────────────────────────────────────────────────────────────────────────────
 # Error Tracking (GlitchTip/Sentry)

.env.production

@@ -12,8 +12,8 @@ NODE_ENV=production
 NEXT_PUBLIC_BASE_URL=https://klz-cables.com
 
 # Analytics (Umami)
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
+UMAMI_WEBSITE_ID=
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # Error Tracking (GlitchTip/Sentry)
 SENTRY_DSN=
@@ -26,15 +26,5 @@ MAIL_PASSWORD=
 MAIL_FROM=KLZ Cables <noreply@klz-cables.com>
 MAIL_RECIPIENTS=info@klz-cables.com
 
-# Strapi
-STRAPI_DATABASE_NAME=strapi
-STRAPI_DATABASE_USERNAME=strapi
-STRAPI_DATABASE_PASSWORD=
-APP_KEYS=
-API_TOKEN_SALT=
-ADMIN_JWT_SECRET=
-TRANSFER_TOKEN_SALT=
-JWT_SECRET=
-
 # Varnish Cache Size (optional)
 VARNISH_CACHE_SIZE=256m

.eslintignore

@@ -1,5 +0,0 @@
-.next/
-node_modules/
-reference/
-public/
-dist/

.eslintrc.json

@@ -1,16 +0,0 @@
-{
-  "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
-  "rules": {
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
-      {
-        "argsIgnorePattern": "^_"
-      }
-    ],
-    "@typescript-eslint/no-require-imports": "off",
-    "prefer-const": "warn",
-    "react/no-unescaped-entities": "off",
-    "@next/next/no-img-element": "warn"
-  }
-}

.gitea/workflows/ci.yml

@@ -1,9 +1,6 @@
 name: CI - Lint, Typecheck & Test
 
 on:
-  push:
-    branches-ignore:
-      - main
   pull_request:
 
 jobs:
@@ -17,10 +14,23 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+          run_install: false
+
+      - name: 🔐 Configure Private Registry
+        run: |
+          REGISTRY="${{ vars.REGISTRY_HOST || 'npm.infra.mintel.me' }}"
+          echo "@mintel:registry=https://$REGISTRY" > .npmrc
+          echo "//$REGISTRY/:_authToken=${{ secrets.REGISTRY_PASS }}" >> .npmrc
 
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install
+        env:
+          NPM_TOKEN: ${{ secrets.REGISTRY_PASS }}
 
       - name: 🔍 Lint
         run: npm run lint

.gitea/workflows/deploy.yml

@@ -3,18 +3,18 @@ name: Build & Deploy KLZ Cables
 on:
   push:
     branches:
-      - main
+      - '**'
     tags:
       - 'v*'
-  workflow_dispatch:
-    inputs:
-      skip_long_checks:
-        description: 'Skip tests? (true/false)'
-        required: false
-        default: 'false'
+    workflow_dispatch:
+      inputs:
+        skip_long_checks:
+          description: 'Skip tests? (true/false)'
+          required: false
+          default: 'false'
 
 concurrency:
-  group: ${{ github.workflow }}-${{ (github.ref_type == 'tag' && !contains(github.ref_name, '-')) && 'prod' || (github.ref_type == 'tag' && 'staging' || 'testing') }}
+  group: ${{ github.workflow }}-${{ (github.ref_type == 'tag' && !contains(github.ref_name, '-')) && 'prod' || (github.ref_type == 'tag' && 'staging' || (github.ref_name == 'main' && 'testing' || github.ref_name)) }}
   cancel-in-progress: true
 
 jobs:
@@ -29,6 +29,8 @@ jobs:
       image_tag:        ${{ steps.determine.outputs.image_tag }}
       env_file:         ${{ steps.determine.outputs.env_file }}
       traefik_host:     ${{ steps.determine.outputs.traefik_host }}
+      traefik_host_rule: ${{ steps.determine.outputs.traefik_host_rule }}
+      primary_host:     ${{ steps.determine.outputs.primary_host }}
       next_public_base_url: ${{ steps.determine.outputs.next_public_base_url }}
       directus_url:     ${{ steps.determine.outputs.directus_url }}
       directus_host:    ${{ steps.determine.outputs.directus_host }}
@@ -111,15 +113,41 @@ jobs:
               GOTIFY_TITLE="❓ Unbekannter Tag"
               GOTIFY_PRIORITY=3
             fi
+          elif [[ "${{ github.ref_type }}" == "branch" ]]; then
+            TARGET="branch"
+            # Slugify branch name: lowercase, replace non-alphanumeric with -, remove leading/trailing -
+            SLUG=$(echo "$TAG" | tr '[:upper:]' '[:lower:]' | sed 's/[^a-z0-9]/-/g' | sed 's/--*/-/g' | sed 's/^-//;s/-$//')
+            IMAGE_TAG="branch-${SLUG}-${SHORT_SHA}"
+            ENV_FILE=".env.branch-${SLUG}"
+            TRAEFIK_HOST="${SLUG}.branch.mintel.me"
+            NEXT_PUBLIC_BASE_URL="https://${SLUG}.branch.mintel.me"
+            DIRECTUS_URL="https://cms.${SLUG}.branch.mintel.me"
+            DIRECTUS_HOST="cms.${SLUG}.branch.mintel.me"
+            PROJECT_NAME="klz-cables-br-${SLUG}"
+            IS_PROD="false"
+            GOTIFY_TITLE="🌿 Branch-Deploy ($TAG)"
+            GOTIFY_PRIORITY=4
           else
             TARGET="skip"
           fi
 
+          if [[ "$TRAEFIK_HOST" == *","* ]]; then
+            # Multi-domain: Host(`a.com`) || Host(`b.com`)
+            TRAEFIK_HOST_RULE=$(echo "$TRAEFIK_HOST" | sed 's/,/ /g' | awk '{for(i=1;i<=NF;i++) printf "Host(`%s`)%s", $i, (i==NF?"":" || ")}')
+            PRIMARY_HOST=$(echo "$TRAEFIK_HOST" | cut -d',' -f1 | sed 's/ //g')
+          else
+            # Single domain: Host(`domain.com`)
+            TRAEFIK_HOST_RULE="Host(\`$TRAEFIK_HOST\`)"
+            PRIMARY_HOST="$TRAEFIK_HOST"
+          fi
+
           {
             echo "target=$TARGET"
             echo "image_tag=$IMAGE_TAG"
             echo "env_file=$ENV_FILE"
             echo "traefik_host=$TRAEFIK_HOST"
+            echo "traefik_host_rule=$TRAEFIK_HOST_RULE"
+            echo "primary_host=$PRIMARY_HOST"
             echo "next_public_base_url=$NEXT_PUBLIC_BASE_URL"
             echo "directus_url=$DIRECTUS_URL"
             echo "directus_host=$DIRECTUS_HOST"
@@ -152,17 +180,31 @@ jobs:
         with:
           node-version: 20
 
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+          run_install: false
+
+      - name: 🔐 Configure Private Registry
+        run: |
+          REGISTRY="${{ vars.REGISTRY_HOST || 'npm.infra.mintel.me' }}"
+          echo "@mintel:registry=https://$REGISTRY" > .npmrc
+          echo "//$REGISTRY/:_authToken=${{ secrets.REGISTRY_PASS }}" >> .npmrc
+
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: pnpm install
+        env:
+          NPM_TOKEN: ${{ secrets.REGISTRY_PASS }}
 
       - name: 🧪 Run Checks in Parallel
         if: github.event.inputs.skip_long_checks != 'true'
         run: |
-          npm run lint &
+          pnpm lint &
           LINT_PID=$!
-          npm run typecheck &
+          pnpm typecheck &
           TYPE_PID=$!
-          npm run test &
+          pnpm test &
           TEST_PID=$!
 
           # Wait for all and fail if any fail
@@ -198,18 +240,16 @@ jobs:
           IMAGE_TAG: ${{ needs.prepare.outputs.image_tag }}
           TARGET:    ${{ needs.prepare.outputs.target }}
           NEXT_PUBLIC_BASE_URL:          ${{ needs.prepare.outputs.next_public_base_url }}
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.TESTING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID) }}
-          NEXT_PUBLIC_UMAMI_SCRIPT_URL:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
           DIRECTUS_URL:                  ${{ needs.prepare.outputs.directus_url }}
         run: |
           docker buildx build \
             --pull \
             --platform linux/arm64 \
             --build-arg NEXT_PUBLIC_BASE_URL="$NEXT_PUBLIC_BASE_URL" \
-            --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="$NEXT_PUBLIC_UMAMI_WEBSITE_ID" \
-            --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL="$NEXT_PUBLIC_UMAMI_SCRIPT_URL" \
             --build-arg NEXT_PUBLIC_TARGET="$TARGET" \
             --build-arg DIRECTUS_URL="$DIRECTUS_URL" \
+            --build-arg REGISTRY_HOST="${{ vars.REGISTRY_HOST || 'npm.infra.mintel.me' }}" \
+            --build-arg NPM_TOKEN="${{ secrets.REGISTRY_PASS }}" \
             -t registry.infra.mintel.me/mintel/klz-cables.com:$IMAGE_TAG \
             --cache-from type=registry,ref=registry.infra.mintel.me/mintel/klz-cables.com:buildcache \
             --cache-to type=registry,ref=registry.infra.mintel.me/mintel/klz-cables.com:buildcache,mode=max \
@@ -229,28 +269,28 @@ jobs:
       TARGET:               ${{ needs.prepare.outputs.target }}
       IMAGE_TAG:            ${{ needs.prepare.outputs.image_tag }}
       ENV_FILE:             ${{ needs.prepare.outputs.env_file }}
-      TRAEFIK_HOST:         ${{ needs.prepare.outputs.traefik_host }}
+      TRAEFIK_HOST:         ${{ needs.prepare.outputs.primary_host }}
       NEXT_PUBLIC_BASE_URL:          ${{ needs.prepare.outputs.next_public_base_url }}
-      NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.TESTING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID) }}
-      NEXT_PUBLIC_UMAMI_SCRIPT_URL:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
-      SENTRY_DSN:                    ${{ secrets.SENTRY_DSN                    || vars.SENTRY_DSN                    || (needs.prepare.outputs.target == 'production' && secrets.SENTRY_DSN                    || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_SENTRY_DSN                    || secrets.TESTING_SENTRY_DSN                    || secrets.SENTRY_DSN)) }}
-      MAIL_HOST:                     ${{ secrets.MAIL_HOST || vars.MAIL_HOST }}
-      MAIL_PORT:                     ${{ secrets.MAIL_PORT || vars.MAIL_PORT }}
-      MAIL_USERNAME:                 ${{ secrets.MAIL_USERNAME || vars.MAIL_USERNAME }}
-      MAIL_PASSWORD:                 ${{ secrets.MAIL_PASSWORD }}
-      MAIL_FROM:                     ${{ secrets.MAIL_FROM || vars.MAIL_FROM }}
-      MAIL_RECIPIENTS:               ${{ secrets.MAIL_RECIPIENTS || vars.MAIL_RECIPIENTS }}
+      UMAMI_WEBSITE_ID:    ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.TESTING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID) }}
+      UMAMI_API_ENDPOINT:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
+      SENTRY_DSN:          ${{ secrets.SENTRY_DSN || vars.SENTRY_DSN }}
+      MAIL_HOST:                     ${{ secrets.MAIL_HOST || vars.MAIL_HOST || (needs.prepare.outputs.target == 'production' && (secrets.MAIL_HOST || vars.MAIL_HOST) || (needs.prepare.outputs.target == 'staging' && (secrets.STAGING_MAIL_HOST || vars.STAGING_MAIL_HOST) || (secrets.TESTING_MAIL_HOST || vars.TESTING_MAIL_HOST) || (secrets.MAIL_HOST || vars.MAIL_HOST))) }}
+      MAIL_PORT:                     ${{ secrets.MAIL_PORT || vars.MAIL_PORT || (needs.prepare.outputs.target == 'production' && (secrets.MAIL_PORT || vars.MAIL_PORT) || (needs.prepare.outputs.target == 'staging' && (secrets.STAGING_MAIL_PORT || vars.STAGING_MAIL_PORT) || (secrets.TESTING_MAIL_PORT || vars.TESTING_MAIL_PORT) || (secrets.MAIL_PORT || vars.MAIL_PORT))) }}
+      MAIL_USERNAME:                 ${{ secrets.MAIL_USERNAME || vars.MAIL_USERNAME || (needs.prepare.outputs.target == 'production' && (secrets.MAIL_USERNAME || vars.MAIL_USERNAME) || (needs.prepare.outputs.target == 'staging' && (secrets.STAGING_MAIL_USERNAME || vars.STAGING_MAIL_USERNAME) || (secrets.TESTING_MAIL_USERNAME || vars.TESTING_MAIL_USERNAME) || (secrets.MAIL_USERNAME || vars.MAIL_USERNAME))) }}
+      MAIL_PASSWORD:                 ${{ secrets.MAIL_PASSWORD || (needs.prepare.outputs.target == 'production' && secrets.MAIL_PASSWORD || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_MAIL_PASSWORD || secrets.TESTING_MAIL_PASSWORD || secrets.MAIL_PASSWORD)) }}
+      MAIL_FROM:                     ${{ secrets.MAIL_FROM || vars.MAIL_FROM || (needs.prepare.outputs.target == 'production' && (secrets.MAIL_FROM || vars.MAIL_FROM) || (needs.prepare.outputs.target == 'staging' && (secrets.STAGING_MAIL_FROM || vars.STAGING_MAIL_FROM) || (secrets.TESTING_MAIL_FROM || vars.TESTING_MAIL_FROM) || (secrets.MAIL_FROM || vars.MAIL_FROM))) }}
+      MAIL_RECIPIENTS:               ${{ secrets.MAIL_RECIPIENTS || vars.MAIL_RECIPIENTS || (needs.prepare.outputs.target == 'production' && (secrets.MAIL_RECIPIENTS || vars.MAIL_RECIPIENTS) || (needs.prepare.outputs.target == 'staging' && (secrets.STAGING_MAIL_RECIPIENTS || vars.STAGING_MAIL_RECIPIENTS) || (secrets.TESTING_MAIL_RECIPIENTS || vars.TESTING_MAIL_RECIPIENTS) || (secrets.MAIL_RECIPIENTS || vars.MAIL_RECIPIENTS))) }}
       DIRECTUS_URL:                  ${{ needs.prepare.outputs.directus_url }}
       DIRECTUS_HOST:                 ${{ needs.prepare.outputs.directus_host }}
       PROJECT_NAME:                  ${{ needs.prepare.outputs.project_name }}
-      DIRECTUS_KEY:                  ${{ secrets.DIRECTUS_KEY }}
-      DIRECTUS_SECRET:               ${{ secrets.DIRECTUS_SECRET }}
-      DIRECTUS_ADMIN_EMAIL:          ${{ secrets.DIRECTUS_ADMIN_EMAIL }}
-      DIRECTUS_ADMIN_PASSWORD:       ${{ secrets.DIRECTUS_ADMIN_PASSWORD }}
+      DIRECTUS_KEY:                  ${{ secrets.DIRECTUS_KEY || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_KEY || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_KEY || secrets.TESTING_DIRECTUS_KEY || secrets.DIRECTUS_KEY)) }}
+      DIRECTUS_SECRET:               ${{ secrets.DIRECTUS_SECRET || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_SECRET || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_SECRET || secrets.TESTING_DIRECTUS_SECRET || secrets.DIRECTUS_SECRET)) }}
+      DIRECTUS_ADMIN_EMAIL:          ${{ secrets.DIRECTUS_ADMIN_EMAIL || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_ADMIN_EMAIL || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_ADMIN_EMAIL || secrets.TESTING_DIRECTUS_ADMIN_EMAIL || secrets.DIRECTUS_ADMIN_EMAIL)) }}
+      DIRECTUS_ADMIN_PASSWORD:       ${{ secrets.DIRECTUS_ADMIN_PASSWORD || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_ADMIN_PASSWORD || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_ADMIN_PASSWORD || secrets.TESTING_DIRECTUS_ADMIN_PASSWORD || secrets.DIRECTUS_ADMIN_PASSWORD)) }}
       DIRECTUS_DB_NAME:              ${{ secrets.DIRECTUS_DB_NAME || 'directus' }}
       DIRECTUS_DB_USER:              ${{ secrets.DIRECTUS_DB_USER || 'directus' }}
-      DIRECTUS_DB_PASSWORD:          ${{ secrets.DIRECTUS_DB_PASSWORD }}
-      DIRECTUS_API_TOKEN:            ${{ secrets.DIRECTUS_API_TOKEN }}
+      DIRECTUS_DB_PASSWORD:          ${{ secrets.DIRECTUS_DB_PASSWORD || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_DB_PASSWORD || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_DB_PASSWORD || secrets.TESTING_DIRECTUS_DB_PASSWORD || secrets.DIRECTUS_DB_PASSWORD)) }}
+      DIRECTUS_API_TOKEN:            ${{ secrets.DIRECTUS_API_TOKEN || (needs.prepare.outputs.target == 'production' && secrets.DIRECTUS_API_TOKEN || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_DIRECTUS_API_TOKEN || secrets.TESTING_DIRECTUS_API_TOKEN || secrets.DIRECTUS_API_TOKEN)) }}
       GATEKEEPER_PASSWORD:           ${{ secrets.GATEKEEPER_PASSWORD || 'klz2026' }}
     steps:
       - name: Checkout repository
@@ -268,15 +308,19 @@ jobs:
           chmod 600 ~/.ssh/id_ed25519
           ssh-keyscan -H alpha.mintel.me >> ~/.ssh/known_hosts 2>/dev/null
 
+          # Generated by CI - $TARGET - $(date -u)
+          # Determine dynamic values before writing the file
+          LOG_LEVEL=$( [[ "$TARGET" == "testing" || "$TARGET" == "development" ]] && echo "debug" || echo "info" )
+          COOKIE_DOMAIN=.$(echo $NEXT_PUBLIC_BASE_URL | sed 's|https://||')
+
           cat > /tmp/klz-cables.env << EOF
           # Generated by CI - $TARGET - $(date -u)
-          NODE_ENV=production
+          IMAGE_TAG=$IMAGE_TAG
           NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
-          NEXT_PUBLIC_TARGET=$TARGET
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
-          NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
+          UMAMI_WEBSITE_ID=$UMAMI_WEBSITE_ID
+          UMAMI_API_ENDPOINT=$UMAMI_API_ENDPOINT
           SENTRY_DSN=$SENTRY_DSN
-          LOG_LEVEL=$( [[ "$TARGET" == "testing" || "$TARGET" == "development" ]] && echo "debug" || echo "info" )
+          LOG_LEVEL=$LOG_LEVEL
           MAIL_HOST=$MAIL_HOST
           MAIL_PORT=$MAIL_PORT
           MAIL_USERNAME=$MAIL_USERNAME
@@ -300,19 +344,22 @@ jobs:
 
           TARGET=$TARGET
           SENTRY_ENVIRONMENT=$TARGET
-          IMAGE_TAG=$IMAGE_TAG
-          TRAEFIK_HOST=$TRAEFIK_HOST
-          ENV_FILE=$ENV_FILE
-          AUTH_MIDDLEWARE=$( [[ "$TARGET" == "production" ]] && echo "compress" || echo "${PROJECT_NAME}-auth,compress" )
           PROJECT_NAME=$PROJECT_NAME
-          COOKIE_DOMAIN=.$(echo $NEXT_PUBLIC_BASE_URL | sed 's|https://||')
+          COOKIE_DOMAIN=$COOKIE_DOMAIN
+          TRAEFIK_HOST=$TRAEFIK_HOST
           EOF
 
+          # Append complex variables that contain backticks using printf to avoid shell expansion hits
+          printf "AUTH_MIDDLEWARE=%s\n" "$( [[ "$TARGET" == "production" ]] && echo "${PROJECT_NAME}-compress" || echo "${PROJECT_NAME}-auth,${PROJECT_NAME}-compress" )" >> /tmp/klz-cables.env
+          printf "TRAEFIK_HOST_RULE='%s'\n" '${{ needs.prepare.outputs.traefik_host_rule }}' >> /tmp/klz-cables.env
+
           # 1. Cleanup and Create Directories on server BEFORE SCP
           ssh -o StrictHostKeyChecking=accept-new root@alpha.mintel.me bash << 'EOF'
             set -e
             mkdir -p /home/deploy/sites/klz-cables.com/varnish
-            mkdir -p /home/deploy/sites/klz-cables.com/directus/uploads /home/deploy/sites/klz-cables.com/directus/extensions
+            mkdir -p /home/deploy/sites/klz-cables.com/directus/uploads \
+                     /home/deploy/sites/klz-cables.com/directus/extensions \
+                     /home/deploy/sites/klz-cables.com/directus/schema
             if [ -d "/home/deploy/sites/klz-cables.com/varnish/default.vcl" ]; then
               echo "🧹 Removing directory 'varnish/default.vcl' created by Docker..."
               rm -rf /home/deploy/sites/klz-cables.com/varnish/default.vcl
@@ -323,6 +370,7 @@ jobs:
           # 2. Transfer files
           scp -o StrictHostKeyChecking=accept-new /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/$ENV_FILE
           scp -o StrictHostKeyChecking=accept-new docker-compose.yml root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/docker-compose.yml
+          scp -r -o StrictHostKeyChecking=accept-new directus/schema root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/directus/
           scp -r -o StrictHostKeyChecking=accept-new varnish root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/
 
           ssh -o StrictHostKeyChecking=accept-new root@alpha.mintel.me IMAGE_TAG="$IMAGE_TAG" ENV_FILE="$ENV_FILE" PROJECT_NAME="$PROJECT_NAME" bash << 'EOF'
@@ -346,6 +394,14 @@ jobs:
               docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" logs --tail=150
               exit 1
             fi
+
+            echo "→ Applying Directus Schema Snapshot..."
+            # Note: We check if snapshot exists first to avoid failing if no snapshot is committed yet
+            if docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" exec -T directus ls /directus/schema/snapshot.yaml >/dev/null 2>&1; then
+              docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" exec -T directus npx directus schema apply /directus/schema/snapshot.yaml --yes
+            else
+              echo "ℹ️ No snapshot.yaml found, skipping schema apply."
+            fi
             
             echo "→ Verifying Varnish Backend Health..."
             docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" exec -T varnish varnishadm backend.list
@@ -383,8 +439,20 @@ jobs:
         with:
           node-version: 20
 
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+          run_install: false
+
+      - name: 🔐 Configure Private Registry
+        run: |
+          REGISTRY="${{ vars.REGISTRY_HOST || 'npm.infra.mintel.me' }}"
+          echo "@mintel:registry=https://$REGISTRY" > .npmrc
+          echo "//$REGISTRY/:_authToken=${{ secrets.REGISTRY_PASS }}" >> .npmrc
+
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: pnpm install
 
       - name: 🔍 Install Chromium (Native & ARM64)
         run: |
@@ -451,7 +519,7 @@ jobs:
           PAGESPEED_LIMIT: 8
           PUPPETEER_EXECUTABLE_PATH: /usr/bin/chromium
           CHROME_PATH: /usr/bin/chromium
-        run: npm run pagespeed:test
+        run: pnpm pagespeed:test
 
 
 

.gitignore

@@ -4,4 +4,6 @@ node_modules
 
 # Directus
 directus/uploads
-!directus/extensions/
+!directus/extensions/
+!directus/schema/
+!directus/migrations/

.lintstagedrc.js

@@ -1,9 +1,7 @@
 const path = require('path');
 
 const buildEslintCommand = (filenames) =>
-  `next lint --fix --file ${filenames
-    .map((f) => path.relative(process.cwd(), f))
-    .join(' --file ')}`;
+  `eslint --fix ${filenames.map((f) => path.relative(process.cwd(), f)).join(' ')}`;
 
 module.exports = {
   '*.{js,jsx,ts,tsx}': [buildEslintCommand, 'prettier --write'],

.tmp-mv170126-err.txt

@@ -1 +0,0 @@
-Sheet 1

ANALYTICS_MIGRATION_COMPLETE.md

@@ -1,237 +0,0 @@
-# Analytics Migration Complete ✅
-
-## Summary
-
-Successfully migrated analytics data from Independent Analytics (WordPress) to Umami.
-
-## Files Created
-
-### 1. Migration Script
-**Location:** `scripts/migrate-analytics-to-umami.py`
-- Converts Independent Analytics CSV to Umami format
-- Supports 3 output formats: JSON (API), SQL (database), API payload
-- Preserves page view counts and average duration data
-
-### 2. Deployment Script
-**Location:** `scripts/deploy-analytics-to-umami.sh`
-- Tailored for your server setup (`deploy@alpha.mintel.me`)
-- Copies files to your Umami server
-- Provides import instructions for your specific environment
-
-### 3. Output Files
-
-#### JSON Import File
-**Location:** `data/umami-import.json`
-- **Size:** 2.1 MB
-- **Records:** 7,634 page view events
-- **Website ID:** `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-- **Use:** Import via Umami API
-
-#### SQL Import File
-**Location:** `data/umami-import.sql`
-- **Size:** 1.8 MB
-- **Records:** 5,250 SQL statements
-- **Website ID:** `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-- **Use:** Direct database import
-
-### 4. Documentation
-
-**Location:** `scripts/README-migration.md`
-- Step-by-step migration guide
-- Prerequisites and setup instructions
-- Import methods (API and database)
-- Troubleshooting tips
-
-**Location:** `MIGRATION_SUMMARY.md`
-- Complete migration overview
-- Data summary and limitations
-- Verification steps
-- Next steps
-
-**Location:** `ANALYTICS_MIGRATION_COMPLETE.md` (this file)
-- Quick reference guide
-- Deployment instructions
-
-## Quick Start
-
-### Option 1: Automated Deployment (Recommended)
-
-```bash
-# Run the deployment script
-./scripts/deploy-analytics-to-umami.sh
-```
-
-This script will:
-1. Copy files to your server
-2. Provide import instructions
-3. Show you the exact commands to run
-
-### Option 2: Manual Deployment
-
-#### Step 1: Copy files to server
-```bash
-scp data/umami-import.json deploy@alpha.mintel.me:/home/deploy/sites/klz-cables.com/data/
-```
-
-#### Step 2: SSH into server
-```bash
-ssh deploy@alpha.mintel.me
-cd /home/deploy/sites/klz-cables.com
-```
-
-#### Step 3: Import data
-
-**Method A: API Import (if API key is available)**
-```bash
-# Get your API key from Umami dashboard
-# Add to .env: UMAMI_API_KEY=your-api-key
-
-curl -X POST \
-  -H "Content-Type: application/json" \
-  -H "Authorization: Bearer YOUR_API_KEY" \
-  -d @data/umami-import.json \
-  http://localhost:3000/api/import
-```
-
-**Method B: Database Import (direct)**
-```bash
-# Import SQL file into PostgreSQL
-docker exec -i $(docker compose ps -q postgres) psql -U umami -d umami < data/umami-import.sql
-```
-
-**Method C: Manual via Umami Dashboard**
-1. Access Umami dashboard: https://analytics.infra.mintel.me
-2. Go to Settings → Import
-3. Upload `data/umami-import.json`
-4. Select website ID: `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-5. Click Import
-
-## Your Umami Configuration
-
-**Website ID:** `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-
-**Environment Variables** (from docker-compose.yml):
-```bash
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=59a7db94-0100-4c7e-98ef-99f45b17f9c3
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
-```
-
-**Server Details:**
-- **Host:** alpha.mintel.me
-- **User:** deploy
-- **Path:** /home/deploy/sites/klz-cables.com
-- **Umami API:** http://localhost:3000/api/import
-
-## Data Summary
-
-### What Was Migrated
-- **Source:** Independent Analytics CSV (220 unique pages)
-- **Migrated:** 7,634 simulated page view events
-- **Metrics:** Page views, visitor counts, average duration
-- **Website ID:** `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-
-### What Was NOT Migrated
-- Individual user sessions
-- Real-time data
-- Geographic data
-- Referrer data
-- Device/browser data
-- Custom events
-
-**Note:** The CSV contains aggregated data, not raw event data. The migration creates simulated historical data for reference only.
-
-## Verification
-
-### After Import
-1. **Check Umami dashboard:** https://analytics.infra.mintel.me
-2. **Verify page view counts** match your expectations
-3. **Check top pages** appear correctly
-4. **Monitor for a few days** to ensure new data is being collected
-
-### Expected Results
-- ✅ 7,634 events imported
-- ✅ 220 unique pages
-- ✅ Historical view counts preserved
-- ✅ Duration data maintained
-
-## Troubleshooting
-
-### Issue: "SSH connection failed"
-**Solution:** Check your SSH key and ensure `deploy@alpha.mintel.me` has access
-
-### Issue: "API import failed"
-**Solution:** 
-1. Check if Umami API is running: `docker compose ps`
-2. Verify API key in `.env`: `UMAMI_API_KEY=your-key`
-3. Try database import instead
-
-### Issue: "Database import failed"
-**Solution:**
-1. Ensure PostgreSQL is running: `docker compose ps`
-2. Check database credentials
-3. Run migrations first: `docker exec -it $(docker compose ps -q postgres) psql -U umami -d umami -c "SELECT 1;"`
-
-### Issue: "No data appears in dashboard"
-**Solution:**
-1. Verify import completed successfully
-2. Check Umami logs: `docker compose logs app`
-3. Ensure website ID matches: `59a7db94-0100-4c7e-98ef-99f45b17f9c3`
-
-## Next Steps
-
-### 1. Import the Data
-Choose one of the import methods above and run it.
-
-### 2. Verify the Migration
-- Check Umami dashboard
-- Verify page view counts
-- Confirm data appears correctly
-
-### 3. Update Your Website
-Your website is already configured with:
-```bash
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=59a7db94-0100-4c7e-98ef-99f45b17f9c3
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
-```
-
-### 4. Monitor for a Few Days
-- Ensure Umami is collecting new data
-- Compare with any remaining Independent Analytics data
-- Verify tracking code is working
-
-### 5. Clean Up
-- Keep the original CSV as backup: `data/pages(1).csv`
-- Store migration files for future reference
-- Remove old Independent Analytics plugin from WordPress
-
-## Support Resources
-
-- **Umami Documentation:** https://umami.is/docs
-- **Umami GitHub:** https://github.com/umami-software/umami
-- **Independent Analytics:** https://independentanalytics.com/
-
-## Migration Details
-
-**Migration Date:** 2026-01-25  
-**Source Plugin:** Independent Analytics v2.9.7  
-**Target Platform:** Umami Analytics  
-**Website ID:** `59a7db94-0100-4c7e-98ef-99f45b17f9c3`  
-**Server:** alpha.mintel.me (deploy user)  
-**Status:** ✅ Ready for import
-
----
-
-**Quick Command Reference:**
-
-```bash
-# Deploy to server
-./scripts/deploy-analytics-to-umami.sh
-
-# Or manually:
-scp data/umami-import.json deploy@alpha.mintel.me:/home/deploy/sites/klz-cables.com/data/
-ssh deploy@alpha.mintel.me
-cd /home/deploy/sites/klz-cables.com
-docker exec -i $(docker compose ps -q postgres) psql -U umami -d umami < data/umami-import.sql
-```
-
-**Need help?** Check `scripts/README-migration.md` for detailed instructions.

Dockerfile

@@ -2,13 +2,22 @@ FROM node:20-alpine AS base
 
 # Install dependencies only when needed
 FROM base AS deps
-# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
 RUN apk add --no-cache libc6-compat curl
 WORKDIR /app
 
+# Install pnpm
+RUN npm install -g pnpm@10
+
 # Install dependencies based on the preferred package manager
-COPY package.json package-lock.json* ./
-RUN --mount=type=cache,target=/root/.npm npm ci --legacy-peer-deps
+COPY package.json pnpm-lock.yaml* ./
+ARG REGISTRY_HOST
+ARG NPM_TOKEN
+RUN if [ -n "$NPM_TOKEN" ]; then \
+    REGISTRY="${REGISTRY_HOST:-npm.infra.mintel.me}" && \
+    echo "@mintel:registry=https://$REGISTRY" > .npmrc && \
+    echo "//$REGISTRY/:_authToken=$NPM_TOKEN" >> .npmrc; \
+    fi
+RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
 
 
 # Rebuild the source code only when needed
@@ -25,21 +34,17 @@ ENV NEXT_TELEMETRY_DISABLED=1
 # Build-time environment variables for Next.js
 # These are baked into the client bundle during build
 ARG NEXT_PUBLIC_BASE_URL
-ARG NEXT_PUBLIC_UMAMI_WEBSITE_ID
-ARG NEXT_PUBLIC_UMAMI_SCRIPT_URL
 ARG NEXT_PUBLIC_TARGET
 ARG DIRECTUS_URL
 
 ENV NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
-ENV NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
-ENV NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
 ENV NEXT_PUBLIC_TARGET=$NEXT_PUBLIC_TARGET
 ENV DIRECTUS_URL=$DIRECTUS_URL
 
 # Validate environment variables during build
 RUN SKIP_RUNTIME_ENV_VALIDATION=true npx tsx scripts/validate-env.ts
 
-RUN --mount=type=cache,target=/app/.next/cache npm run build
+RUN --mount=type=cache,target=/app/.next/cache pnpm run build
 
 # Production image, copy all the files and run next
 FROM base AS runner

ENV_CLEANUP_SUMMARY.md

@@ -1,272 +0,0 @@
-# Environment Variables Cleanup - Summary
-
-## What Was Done
-
-Cleaned up the fragile, overkill environment variable mess and replaced it with a simple, clean, robust **fully automated** system.
-
-## Changes Made
-
-### 1. Dockerfile ✅
-**Before**: 4 build args including runtime-only variables (SENTRY_DSN)
-**After**: 3 build args - only `NEXT_PUBLIC_*` variables that need to be baked into the client bundle
-
-```dockerfile
-# Only these build args now:
-ARG NEXT_PUBLIC_BASE_URL
-ARG NEXT_PUBLIC_UMAMI_WEBSITE_ID
-ARG NEXT_PUBLIC_UMAMI_SCRIPT_URL
-```
-
-### 2. docker-compose.yml ✅
-**Before**: 12+ individual environment variables listed
-**After**: Single `env_file: .env` directive
-
-```yaml
-app:
-  image: registry.infra.mintel.me/mintel/klz-cables.com:latest
-  env_file:
-    - .env  # All runtime vars loaded from here
-```
-
-### 3. .gitea/workflows/deploy.yml ✅
-**Before**: Passing 12+ environment variables individually via SSH command (fragile!)
-**After**: **Fully automated** - workflow creates `.env` file from Gitea secrets and uploads it
-
-```yaml
-# Before (FRAGILE):
-ssh root@alpha.mintel.me \
-  "MAIL_FROM='${{ secrets.MAIL_FROM }}' \
-   MAIL_HOST='${{ secrets.MAIL_HOST }}' \
-   ... (12+ variables) \
-   /home/deploy/deploy.sh"
-
-# After (AUTOMATED):
-# 1. Create .env from secrets
-cat > /tmp/klz-cables.env << EOF
-NODE_ENV=production
-NEXT_PUBLIC_BASE_URL=${{ secrets.NEXT_PUBLIC_BASE_URL }}
-# ... all other vars from secrets
-EOF
-
-# 2. Upload to server
-scp /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/.env
-
-# 3. Deploy
-ssh root@alpha.mintel.me "cd /home/deploy/sites/klz-cables.com && docker-compose up -d"
-```
-
-### 4. New Files Created ✅
-
-- **`.env.production`** - Template for reference (not used in automation)
-- **`docs/DEPLOYMENT.md`** - Complete deployment guide
-- **`docs/SERVER_SETUP.md`** - Server setup instructions
-- **`docs/ENV_MIGRATION.md`** - Migration guide from old to new system
-
-### 5. Updated Files ✅
-
-- **`.env.example`** - Clear documentation of all variables with build-time vs runtime notes
-
-## Architecture
-
-### Build Time (CI/CD)
-```
-Gitea Workflow
-  ↓
-  Only passes NEXT_PUBLIC_* as --build-arg
-  ↓
-Docker Build
-  ↓
-  Validates env vars
-  ↓
-  Bakes NEXT_PUBLIC_* into client bundle
-  ↓
-Push to Registry
-```
-
-### Runtime (Production Server) - FULLY AUTOMATED
-```
-Gitea Secrets
-  ↓
-  Workflow creates .env file
-  ↓
-  SCP uploads to server
-  ↓
-  Secured (chmod 600, chown deploy:deploy)
-  ↓
-docker-compose.yml (env_file: .env)
-  ↓
-  Loads .env into container
-  ↓
-Application runs with full config
-```
-
-## Key Benefits
-
-### 1. Simplicity
-- **Before**: 15+ Gitea secrets, variables in 3+ places
-- **After**: All secrets in Gitea, automatically deployed
-
-### 2. Clarity
-- **Before**: Confusing duplication, unclear which vars go where
-- **After**: Clear separation - build args vs runtime env file
-
-### 3. Robustness
-- **Before**: Fragile SSH command with 12+ inline variables
-- **After**: Robust automated file generation and upload
-
-### 4. Security
-- **Before**: Secrets potentially exposed in CI logs
-- **After**: Secrets masked in logs, .env auto-secured on server
-
-### 5. Maintainability
-- **Before**: Update in 3 places (Dockerfile, docker-compose.yml, deploy.yml)
-- **After**: Update Gitea secrets only - deployment is automatic
-
-### 6. **Zero Manual Steps** 🎉
-- **Before**: Manual .env file creation on server (error-prone, can be forgotten)
-- **After**: **Fully automated** - .env file created and uploaded on every deployment
-
-## What You Need to Do
-
-### Required Gitea Secrets
-
-Ensure these secrets are configured in your Gitea repository:
-
-**Build-Time (NEXT_PUBLIC_*):**
-- `NEXT_PUBLIC_BASE_URL` - Production URL (e.g., `https://klz-cables.com`)
-- `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Umami analytics ID
-- `NEXT_PUBLIC_UMAMI_SCRIPT_URL` - Umami script URL
-
-**Runtime:**
-- `SENTRY_DSN` - Error tracking DSN
-- `MAIL_HOST` - SMTP server
-- `MAIL_PORT` - SMTP port (e.g., `587`)
-- `MAIL_USERNAME` - SMTP username
-- `MAIL_PASSWORD` - SMTP password
-- `MAIL_FROM` - Sender email
-- `MAIL_RECIPIENTS` - Recipient emails (comma-separated)
-
-**Infrastructure:**
-- `REGISTRY_USER` - Docker registry username
-- `REGISTRY_PASS` - Docker registry password
-- `ALPHA_SSH_KEY` - SSH private key for deployment server
-
-**Notifications:**
-- `GOTIFY_URL` - Gotify notification server URL
-- `GOTIFY_TOKEN` - Gotify application token
-
-### That's It!
-
-**No manual steps required.** Just push to main branch and the workflow will:
-1. ✅ Build Docker image with NEXT_PUBLIC_* build args
-2. ✅ Create .env file from all secrets
-3. ✅ Upload .env to server
-4. ✅ Secure .env file (600 permissions, deploy:deploy ownership)
-5. ✅ Pull latest image
-6. ✅ Deploy with docker-compose
-
-## Files Changed
-
-```
-Modified:
-  ├── Dockerfile                      (removed redundant build args)
-  ├── docker-compose.yml              (use env_file instead of individual vars)
-  ├── .gitea/workflows/deploy.yml     (automated .env creation & upload)
-  ├── .env.example                    (clear documentation)
-  ├── lib/services/create-services.ts (removed redundant dotenv usage)
-  └── scripts/migrate-*.ts            (removed redundant dotenv usage)
-
-Created:
-  ├── .env.production                 (reference template)
-  ├── docs/DEPLOYMENT.md              (deployment guide)
-  ├── docs/SERVER_SETUP.md            (server setup guide)
-  ├── docs/ENV_MIGRATION.md           (migration guide)
-  └── ENV_CLEANUP_SUMMARY.md          (this file)
-```
-
-## Deployment Flow
-
-```
-┌─────────────────────────────────────────────────────────────┐
-│ Developer pushes to main branch                             │
-└─────────────────────────────────────────────────────────────┘
-                              ↓
-┌─────────────────────────────────────────────────────────────┐
-│ Gitea Workflow Triggered                                    │
-│                                                             │
-│ 1. Build Docker image (NEXT_PUBLIC_* build args)           │
-│ 2. Push to registry                                        │
-│ 3. Generate .env from secrets                              │
-│ 4. Upload .env to server via SCP                           │
-│ 5. SSH to server and deploy                                │
-└─────────────────────────────────────────────────────────────┘
-                              ↓
-┌─────────────────────────────────────────────────────────────┐
-│ Production Server                                           │
-│                                                             │
-│ 1. .env file secured (600, deploy:deploy)                  │
-│ 2. Docker login to registry                                │
-│ 3. Pull latest image                                       │
-│ 4. docker-compose down                                     │
-│ 5. docker-compose up -d (loads .env)                       │
-│ 6. Health checks pass                                      │
-└─────────────────────────────────────────────────────────────┘
-                              ↓
-┌─────────────────────────────────────────────────────────────┐
-│ ✅ Deployment Complete - Gotify Notification Sent          │
-└─────────────────────────────────────────────────────────────┘
-```
-
-## Comparison: Before vs After
-
-| Aspect | Before | After |
-|--------|--------|-------|
-| **Gitea Secrets** | 15+ secrets | Same secrets, better organized |
-| **Build Args** | 4 vars (including runtime-only) | 3 vars (NEXT_PUBLIC_* only) |
-| **Runtime Vars** | Passed via SSH command | Auto-generated .env file |
-| **Manual Steps** | ❌ Manual .env creation | ✅ Fully automated |
-| **Maintenance** | Update in 3 places | Update Gitea secrets only |
-| **Security** | Secrets in CI logs | Secrets masked, .env secured |
-| **Clarity** | Confusing duplication | Clear separation |
-| **Robustness** | Fragile SSH command | Robust automation |
-| **Error-Prone** | ❌ Can forget .env | ✅ Impossible to forget |
-
-## Documentation
-
-- **[DEPLOYMENT.md](docs/DEPLOYMENT.md)** - Complete deployment guide
-- **[SERVER_SETUP.md](docs/SERVER_SETUP.md)** - Server setup instructions (mostly automated now)
-- **[ENV_MIGRATION.md](docs/ENV_MIGRATION.md)** - Migration from old to new system
-- **[.env.example](.env.example)** - Environment variables reference
-- **[.env.production](.env.production)** - Production template (for reference)
-
-## Troubleshooting
-
-### Deployment Fails
-
-1. **Check Gitea secrets** - Ensure all required secrets are set
-2. **Check workflow logs** - Look for specific error messages
-3. **SSH to server** - Verify .env file exists and has correct permissions
-4. **Check container logs** - `docker-compose logs -f app`
-
-### .env File Issues
-
-The workflow automatically:
-- Creates .env from secrets
-- Uploads to server
-- Sets 600 permissions
-- Sets deploy:deploy ownership
-
-If there are issues, check the workflow logs for the "📝 Preparing environment configuration" step.
-
-### Missing Environment Variables
-
-If a variable is missing:
-1. Add it to Gitea secrets
-2. Update `.gitea/workflows/deploy.yml` to include it in the .env generation
-3. Push to trigger new deployment
-
----
-
-**Result**: Environment variable management is now simple, clean, robust, and **fully automated**! 🎉
-
-No more manual .env file creation. No more forgotten configuration. No more fragile SSH commands. Just push and deploy!

MIGRATION_SUMMARY.md

@@ -1,193 +0,0 @@
-# Analytics Migration Summary: Independent Analytics → Umami
-
-## Overview
-
-Successfully migrated analytics data from Independent Analytics WordPress plugin to Umami format.
-
-## Files Created
-
-### 1. Migration Script
-- **Location:** `scripts/migrate-analytics-to-umami.py`
-- **Purpose:** Converts Independent Analytics CSV data to Umami format
-- **Features:**
-  - JSON format (for API import)
-  - SQL format (for direct database import)
-  - API payload format (for manual import)
-
-### 2. Migration Documentation
-- **Location:** `scripts/README-migration.md`
-- **Purpose:** Step-by-step guide for migration
-- **Contents:**
-  - Prerequisites
-  - Migration options
-  - Import instructions
-  - Troubleshooting guide
-
-### 3. Output Files
-
-#### JSON Import File
-- **Location:** `data/umami-import.json`
-- **Size:** 2.1 MB
-- **Records:** 7,634 simulated page view events
-- **Format:** JSON array of Umami-compatible events
-- **Use Case:** Import via Umami API
-
-#### SQL Import File
-- **Location:** `data/umami-import.sql`
-- **Size:** 1.8 MB
-- **Records:** 5,250 SQL INSERT statements
-- **Format:** PostgreSQL-compatible SQL
-- **Use Case:** Direct database import
-
-## Data Migrated
-
-### Source Data
-- **File:** `data/pages(1).csv`
-- **Records:** 220 unique pages
-- **Metrics:**
-  - Page titles
-  - Visitor counts
-  - View counts
-  - Average view duration
-  - Bounce rates
-  - URLs
-  - Page types (Page, Post, Product, Category, etc.)
-
-### Migrated Data
-- **Total Events:** 7,634 simulated page views
-- **Unique Pages:** 220
-- **Data Points:**
-  - Website ID: `klz-cables`
-  - Path: Page URLs
-  - Duration: Preserved from average view duration
-  - Timestamp: Current time (for historical reference)
-
-## Migration Process
-
-### Step 1: Run Migration Script
-```bash
-python3 scripts/migrate-analytics-to-umami.py \
-  --input data/pages\(1\).csv \
-  --output data/umami-import.json \
-  --format json \
-  --site-id klz-cables
-```
-
-### Step 2: Choose Import Method
-
-#### Option A: API Import (Recommended)
-```bash
-curl -X POST \
-  -H "Content-Type: application/json" \
-  -H "Authorization: Bearer YOUR_API_KEY" \
-  -d @data/umami-import.json \
-  https://your-umami-instance.com/api/import
-```
-
-#### Option B: Database Import
-```bash
-psql -U umami -d umami -f data/umami-import.sql
-```
-
-### Step 3: Verify Migration
-1. Check Umami dashboard
-2. Verify page view counts
-3. Confirm data appears correctly
-
-## Important Notes
-
-### Data Limitations
-The CSV export contains **aggregated data**, not raw event data:
-- ✅ Page views (total counts)
-- ✅ Visitor counts
-- ✅ Average view duration
-- ❌ Individual user sessions
-- ❌ Real-time data
-- ❌ Geographic data
-- ❌ Referrer data
-- ❌ Device/browser data
-
-### What Gets Imported
-The migration creates **simulated historical data**:
-- Each page view becomes a separate event
-- Timestamps are set to current time
-- Duration is preserved from average view duration
-- No session tracking (each view is independent)
-
-### Recommendations
-1. **Start fresh with Umami** - Let Umami collect new data going forward
-2. **Keep the original CSV** - Store as backup for future reference
-3. **Update your website** - Replace Independent Analytics tracking with Umami tracking
-4. **Monitor for a few days** - Verify Umami is collecting data correctly
-
-## Verification
-
-### Check Generated Files
-```bash
-# Verify JSON file
-ls -lh data/umami-import.json
-head -20 data/umami-import.json
-
-# Verify SQL file
-ls -lh data/umami-import.sql
-head -20 data/umami-import.sql
-```
-
-### Expected Results
-- ✅ JSON file: ~2.1 MB, 7,634 records
-- ✅ SQL file: ~1.8 MB, 5,250 statements
-- ✅ Both files contain valid data for Umami import
-
-## Next Steps
-
-1. **Set up Umami instance** (if not already done)
-2. **Create a website** in Umami dashboard
-3. **Get your Website ID** and API key
-4. **Run the migration script** with your credentials
-5. **Import the data** using your preferred method
-6. **Verify the migration** in Umami dashboard
-7. **Update your website** to use Umami tracking code
-8. **Monitor for a few days** to ensure data collection works
-
-## Troubleshooting
-
-### Issue: "ModuleNotFoundError"
-**Solution:** Ensure Python 3 is installed: `python3 --version`
-
-### Issue: "Permission denied"
-**Solution:** Make script executable: `chmod +x scripts/migrate-analytics-to-umami.py`
-
-### Issue: API import fails
-**Solution:** Check API key, website ID, and Umami instance accessibility
-
-### Issue: SQL import fails
-**Solution:** Verify database credentials and run migrations first
-
-## Support Resources
-
-- **Umami Documentation:** https://umami.is/docs
-- **Umami GitHub:** https://github.com/umami-software/umami
-- **Independent Analytics:** https://independentanalytics.com/
-
-## Summary
-
-✅ **Completed:**
-- Created migration script with 3 output formats
-- Generated JSON import file (2.1 MB, 7,634 events)
-- Generated SQL import file (1.8 MB, 5,250 statements)
-- Created comprehensive documentation
-
-📊 **Data Migrated:**
-- 220 unique pages
-- 7,634 simulated page view events
-- Historical view counts and durations
-
-🎯 **Ready for Import:**
-- Choose API or SQL import method
-- Follow instructions in `scripts/README-migration.md`
-- Verify data in Umami dashboard
-
-**Migration Date:** 2026-01-25
-**Source:** Independent Analytics v2.9.7
-**Target:** Umami Analytics
-**Site ID:** klz-cables

README.md

@@ -5,11 +5,13 @@ A complete WordPress to Next.js static site migration for KLZ Cables, transformi
 ## 🚀 Quick Start
 
 ### Prerequisites
-- Node.js 18+ 
+
+- Node.js 18+
 - npm or yarn
 
 ### Installation
-```bash
+
+````bash
 # Install dependencies
 npm install --legacy-peer-deps
 
@@ -42,11 +44,12 @@ npm run cms:logs
 
 # Stop the CMS
 npm run cms:stop
-```
+````
 
 Once running, you can access the Strapi admin panel at `http://localhost:1337/admin`.
 
 ### 🔄 Data & Migration
+
 To sync data or migrate existing content:
 
 ```bash
@@ -61,6 +64,7 @@ npm run cms:migrate
 ```
 
 ### Environment Variables
+
 ```bash
 # .env
 SITE_URL=https://klz-cables.com
@@ -69,8 +73,8 @@ TURNSTILE_SITE_KEY=your_turnstile_key
 TURNSTILE_SECRET_KEY=your_turnstile_secret
 
 # Umami
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=your_umami_website_id
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
+UMAMI_WEBSITE_ID=your_umami_website_id
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # GlitchTip (Sentry compatible)
 SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
@@ -81,6 +85,7 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 ## 📊 Project Overview
 
 ### Migration Statistics
+
 - **Content Exported**: 141 items
   - 18 pages (9 EN + 9 DE)
   - 59 posts (29 EN + 30 DE)
@@ -91,6 +96,7 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 - **Translation Pairs**: 16
 
 ### Performance Benefits
+
 - **Before**: Dynamic WordPress with database queries
 - **After**: Static HTML with CDN delivery
 - **Load Time**: <100ms (vs 500ms+)
@@ -99,6 +105,7 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 ## 🏗️ Architecture
 
 ### Tech Stack
+
 - **Framework**: Next.js 14 (App Router)
 - **Language**: TypeScript
 - **Styling**: SCSS
@@ -109,6 +116,7 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 - **CAPTCHA**: Cloudflare Turnstile
 
 ### Project Structure
+
 ```
 app/
 ├── layout.tsx          # Root layout
@@ -163,6 +171,7 @@ scripts/
 ## 🎯 Features
 
 ### ✅ Implemented
+
 - **Multi-language**: EN/DE with `/de/` prefix routing
 - **Contact Forms**: Resend integration with validation
 - **GDPR Compliance**: Cookie consent banner
@@ -175,12 +184,14 @@ scripts/
 - **Asset Management**: WordPress → local path mapping
 
 ### 🔄 In Progress
+
 - Analytics integration (consent-based)
 - Turnstile CAPTCHA
 - Build testing
 - Deployment configuration
 
 ### 📝 Remaining
+
 - Performance optimization
 - Final QA testing
 - Documentation updates
@@ -188,6 +199,7 @@ scripts/
 ## 📝 Content Management
 
 ### Data Export
+
 ```bash
 # Export from WordPress
 npm run data:export
@@ -203,6 +215,7 @@ npm run data:improve-mapping
 ```
 
 ### Adding New Content
+
 1. Export new content from WordPress
 2. Process the data
 3. Rebuild the site
@@ -210,17 +223,20 @@ npm run data:improve-mapping
 ## 🎨 Design System
 
 ### Colors
+
 - Primary: `#0066cc` (KLZ Blue)
 - Secondary: `#00a896` (Teal)
 - Text: `#1a1a1a`
 - Background: `#f8f9fa`
 
 ### Typography
+
 - Font: Inter
 - Base: 16px
 - Scale: 1.25 (Major Third)
 
 ### Layout
+
 - Max width: 1200px
 - Responsive grid
 - Mobile-first
@@ -228,6 +244,7 @@ npm run data:improve-mapping
 ## 🔧 API Endpoints
 
 ### Contact Form
+
 ```
 POST /api/contact
 {
@@ -239,11 +256,13 @@ POST /api/contact
 ```
 
 ### Sitemap
+
 ```
 GET /sitemap.xml
 ```
 
 ### Robots
+
 ```
 GET /robots.txt
 ```
@@ -261,6 +280,7 @@ The project uses **Gitea Actions** for CI/CD. Every push to `main` or `staging`
 **Workflow**: `.gitea/workflows/deploy.yml`
 
 **Branch Deployments**:
+
 - `main` branch: Deploys to production using `.env.prod`
 - `staging` branch: Deploys to staging using `.env.staging`
 
@@ -268,12 +288,13 @@ The project uses **Gitea Actions** for CI/CD. Every push to `main` or `staging`
 The CI/CD workflow supports `STAGING_`-prefixed secrets (e.g., `STAGING_NEXT_PUBLIC_BASE_URL`) to override default secrets when deploying the `staging` branch.
 
 **Required Secrets** (configure in Gitea repository settings):
+
 - `REGISTRY_USER` - Docker registry username
 - `REGISTRY_PASS` - Docker registry password
 - `ALPHA_SSH_KEY` - SSH private key for deployment
 - `NEXT_PUBLIC_BASE_URL` - Application base URL (e.g., `https://klz-cables.com`)
-- `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Analytics ID
-- `NEXT_PUBLIC_UMAMI_SCRIPT_URL` - Analytics script URL
+- `UMAMI_WEBSITE_ID` - Analytics ID
+- `UMAMI_API_ENDPOINT` - Analytics API endpoint (formerly NEXT_PUBLIC_UMAMI_SCRIPT_URL)
 - `SENTRY_DSN` - Error tracking DSN
 - `MAIL_HOST`, `MAIL_PORT`, `MAIL_USERNAME`, `MAIL_PASSWORD`, `MAIL_FROM`, `MAIL_RECIPIENTS` - Email configuration
 
@@ -293,6 +314,7 @@ docker image prune -f
 ```
 
 Or use the convenience script:
+
 ```bash
 bash scripts/deploy-webhook.sh
 ```
@@ -304,11 +326,13 @@ Client → Traefik (TLS) → Next.js App
 ```
 
 **Domains**:
+
 - `klz-cables.com` - Production
 - `www.klz-cables.com` - Production (www)
 - `staging.klz-cables.com` - Staging
 
 **Services**:
+
 - `app`: Next.js application (port 3000)
 - `traefik`: Reverse proxy (external)
 
@@ -317,25 +341,30 @@ For detailed deployment documentation, see [`docs/DEPLOYMENT.md`](docs/DEPLOYMEN
 ## 📈 Performance
 
 ### Build Time
+
 - **Target**: < 2 minutes
 - **Current**: ~1-2 minutes
 
 ### Page Load
+
 - **Target**: < 100ms
 - **Current**: Static HTML from CDN
 
 ### Bundle Size
+
 - **Target**: < 100KB gzipped
 - **Current**: Optimized with code splitting
 
 ## 🔒 Security
 
 ### Environment Variables
+
 - Never commit `.env` file
 - Rotate keys regularly
 - Use secrets in deployment platform
 
 ### Form Security
+
 - Email validation
 - Rate limiting (recommended)
 - Turnstile CAPTCHA (pending)
@@ -343,6 +372,7 @@ For detailed deployment documentation, see [`docs/DEPLOYMENT.md`](docs/DEPLOYMEN
 ## 🎓 WordPress Specifics
 
 ### WPBakery Shortcodes Removed
+
 - `[vc_row]`, `[vc_column]`, `[vc_column_text]`
 - `[nectar_*]` (Salient theme)
 - `[image_with_animation]`
@@ -350,13 +380,16 @@ For detailed deployment documentation, see [`docs/DEPLOYMENT.md`](docs/DEPLOYMEN
 - `[divider]`
 
 ### HTML Sanitization
+
 - Removes inline event handlers
 - Strips scripts
 - Normalizes classes
 - Preserves structure
 
 ### Asset Mapping
+
 WordPress URLs → Local paths:
+
 ```
 https://klz-cables.com/wp-content/uploads/... → /media/...
 ```
@@ -364,11 +397,13 @@ https://klz-cables.com/wp-content/uploads/... → /media/...
 ## 📚 Documentation
 
 ### Internal
+
 - `PROJECT_STRUCTURE.md` - Detailed structure
 - `IMPLEMENTATION_SUMMARY.md` - Progress tracking
 - `FINAL_SUMMARY.md` - Complete overview
 
 ### External
+
 - [Next.js Docs](https://nextjs.org/docs)
 - [WordPress REST API](https://developer.wordpress.org/rest-api/)
 - [Resend Docs](https://resend.com/docs)
@@ -379,17 +414,20 @@ https://klz-cables.com/wp-content/uploads/... → /media/...
 ### Common Issues
 
 **TypeScript Errors**
+
 - The TypeScript errors shown in the editor are expected
 - They occur because modules reference each other
 - The build process resolves these correctly
 - Run `npm run build` to verify
 
 **Build Failures**
+
 - Check environment variables
 - Verify data files exist
 - Clear `.next` cache: `rm -rf .next`
 
 **Missing Modules**
+
 - Run `npm install --legacy-peer-deps`
 - Check `package.json` dependencies
 
@@ -404,11 +442,12 @@ https://klz-cables.com/wp-content/uploads/... → /media/...
 ✅ **i18n**: Multi-language support  
 ✅ **SEO**: Metadata and sitemaps  
 ✅ **Compatibility**: WPBakery content handled  
-✅ **Media**: All images downloaded  
+✅ **Media**: All images downloaded
 
 ## 📞 Support
 
 For issues or questions:
+
 1. Check the documentation
 2. Review the troubleshooting section
 3. Check environment variables

app/[locale]/[slug]/page.tsx

@@ -9,10 +9,10 @@ import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface PageProps {
-  params: {
+  params: Promise<{
     locale: string;
     slug: string;
-  };
+  }>;
 }
 
 export async function generateStaticParams() {
@@ -29,7 +29,8 @@ export async function generateStaticParams() {
   return params;
 }
 
-export async function generateMetadata({ params: { locale, slug } }: PageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { locale, slug } = await params;
   const pageData = await getPageBySlug(slug, locale);
 
   if (!pageData) return {};
@@ -59,7 +60,8 @@ export async function generateMetadata({ params: { locale, slug } }: PageProps):
   };
 }
 
-export default async function StandardPage({ params: { locale, slug } }: PageProps) {
+export default async function StandardPage({ params }: PageProps) {
+  const { locale, slug } = await params;
   const pageData = await getPageBySlug(slug, locale);
   const t = await getTranslations('StandardPage');
 

app/[locale]/api/og/product/route.tsx

@@ -9,11 +9,11 @@ export const runtime = 'nodejs';
 
 export async function GET(
   request: NextRequest,
-  { params }: { params: { locale: string } }
+  { params }: { params: Promise<{ locale: string }> },
 ) {
   const { searchParams, origin } = new URL(request.url);
   const slug = searchParams.get('slug');
-  const locale = params.locale || 'en';
+  const { locale } = await params;
 
   if (!slug) {
     return new Response('Missing slug', { status: 400 });
@@ -23,24 +23,29 @@ export async function GET(
   const t = await getTranslations({ locale, namespace: 'Products' });
 
   // Check if it's a category page
-  const categories = ['low-voltage-cables', 'medium-voltage-cables', 'high-voltage-cables', 'solar-cables'];
+  const categories = [
+    'low-voltage-cables',
+    'medium-voltage-cables',
+    'high-voltage-cables',
+    'solar-cables',
+  ];
   if (categories.includes(slug)) {
-    const categoryKey = slug.replace(/-cables$/, '').replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-    const categoryTitle = t.has(`categories.${categoryKey}.title`) ? t(`categories.${categoryKey}.title`) : slug;
-    const categoryDesc = t.has(`categories.${categoryKey}.description`) ? t(`categories.${categoryKey}.description`) : '';
+    const categoryKey = slug
+      .replace(/-cables$/, '')
+      .replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+    const categoryTitle = t.has(`categories.${categoryKey}.title`)
+      ? t(`categories.${categoryKey}.title`)
+      : slug;
+    const categoryDesc = t.has(`categories.${categoryKey}.description`)
+      ? t(`categories.${categoryKey}.description`)
+      : '';
 
     return new ImageResponse(
-      (
-        <OGImageTemplate
-          title={categoryTitle}
-          description={categoryDesc}
-          label="Product Category"
-        />
-      ),
+      <OGImageTemplate title={categoryTitle} description={categoryDesc} label="Product Category" />,
       {
         ...OG_IMAGE_SIZE,
         fonts,
-      }
+      },
     );
   }
 
@@ -51,24 +56,21 @@ export async function GET(
   }
 
   const featuredImage = product.frontmatter.images?.[0]
-    ? (product.frontmatter.images[0].startsWith('http')
+    ? product.frontmatter.images[0].startsWith('http')
       ? product.frontmatter.images[0]
-      : `${origin}${product.frontmatter.images[0]}`)
+      : `${origin}${product.frontmatter.images[0]}`
     : undefined;
 
   return new ImageResponse(
-    (
-      <OGImageTemplate
-        title={product.frontmatter.title}
-        description={product.frontmatter.description}
-        label={product.frontmatter.categories?.[0] || 'Product'}
-        image={featuredImage}
-      />
-    ),
+    <OGImageTemplate
+      title={product.frontmatter.title}
+      description={product.frontmatter.description}
+      label={product.frontmatter.categories?.[0] || 'Product'}
+      image={featuredImage}
+    />,
     {
       ...OG_IMAGE_SIZE,
       fonts,
-    }
+    },
   );
 }
-

app/[locale]/blog/[slug]/page.tsx

@@ -14,15 +14,14 @@ import { Heading } from '@/components/ui';
 import { getOGImageMetadata } from '@/lib/metadata';
 
 interface BlogPostProps {
-  params: {
+  params: Promise<{
     locale: string;
     slug: string;
-  };
+  }>;
 }
 
-export async function generateMetadata({
-  params: { locale, slug },
-}: BlogPostProps): Promise<Metadata> {
+export async function generateMetadata({ params }: BlogPostProps): Promise<Metadata> {
+  const { locale, slug } = await params;
   const post = await getPostBySlug(slug, locale);
 
   if (!post) return {};
@@ -56,7 +55,8 @@ export async function generateMetadata({
   };
 }
 
-export default async function BlogPost({ params: { locale, slug } }: BlogPostProps) {
+export default async function BlogPost({ params }: BlogPostProps) {
+  const { locale, slug } = await params;
   const post = await getPostBySlug(slug, locale);
   const { prev, next } = await getAdjacentPosts(slug, locale);
 

app/[locale]/blog/page.tsx

@@ -7,12 +7,13 @@ import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface BlogIndexProps {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 }
 
-export async function generateMetadata({ params: { locale } }: BlogIndexProps) {
+export async function generateMetadata({ params }: BlogIndexProps) {
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Blog.meta' });
   return {
     title: t('title'),
@@ -39,7 +40,8 @@ export async function generateMetadata({ params: { locale } }: BlogIndexProps) {
   };
 }
 
-export default async function BlogIndex({ params: { locale } }: BlogIndexProps) {
+export default async function BlogIndex({ params }: BlogIndexProps) {
+  const { locale } = await params;
   const t = await getTranslations('Blog');
   const posts = await getAllPosts(locale);
 

app/[locale]/contact/page.tsx

@@ -7,25 +7,16 @@ import { getTranslations } from 'next-intl/server';
 import { SITE_URL } from '@/lib/schema';
 import { getOGImageMetadata } from '@/lib/metadata';
 import { Suspense } from 'react';
-import dynamic from 'next/dynamic';
-const LeafletMap = dynamic(() => import('@/components/LeafletMap'), {
-  ssr: false,
-  loading: () => (
-    <div className="h-full w-full bg-neutral-medium flex items-center justify-center">
-      <div className="animate-pulse text-primary font-medium">Loading Map...</div>
-    </div>
-  ),
-});
+import ContactMap from '@/components/ContactMap';
 
 interface ContactPageProps {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 }
 
-export async function generateMetadata({
-  params: { locale },
-}: ContactPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: ContactPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Contact' });
   const title = t('meta.title') || t('title');
   const description = t('meta.description') || t('subtitle');
@@ -66,7 +57,7 @@ export async function generateStaticParams() {
 }
 
 export default async function ContactPage({ params }: ContactPageProps) {
-  const { locale } = params;
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Contact' });
   return (
     <div className="flex flex-col min-h-screen bg-neutral-light">
@@ -249,7 +240,7 @@ export default async function ContactPage({ params }: ContactPageProps) {
             </div>
           }
         >
-          <LeafletMap address={t('info.address')} lat={48.8144} lng={9.4144} />
+          <ContactMap address={t('info.address')} lat={48.8144} lng={9.4144} />
         </Suspense>
       </section>
     </div>

app/[locale]/layout.tsx

@@ -3,11 +3,13 @@ import Header from '@/components/Header';
 import JsonLd from '@/components/JsonLd';
 import AnalyticsProvider from '@/components/analytics/AnalyticsProvider';
 import CMSConnectivityNotice from '@/components/CMSConnectivityNotice';
+import { FeedbackOverlay } from '@mintel/next-feedback';
 import { Metadata, Viewport } from 'next';
 import { NextIntlClientProvider } from 'next-intl';
 import { getMessages } from 'next-intl/server';
 import '../../styles/globals.css';
 import { SITE_URL } from '@/lib/schema';
+import { config } from '@/lib/config';
 
 export const metadata: Metadata = {
   metadataBase: new URL(SITE_URL),
@@ -31,27 +33,57 @@ export const viewport: Viewport = {
 
 export default async function LocaleLayout({
   children,
-  params: { locale },
+  params,
 }: {
   children: React.ReactNode;
-  params: { locale: string };
+  params: Promise<{ locale: string }>;
 }) {
-  // Providing all messages to the client
-  // side is the easiest way to get started
-  const messages = await getMessages();
+  const { locale } = await params;
+
+  // Ensure locale is a valid string, fallback to 'en'
+  const supportedLocales = ['en', 'de'];
+  const localeStr = (typeof locale === 'string' ? locale : '').trim();
+  const safeLocale = supportedLocales.includes(localeStr) ? localeStr : 'en';
+
+  let messages = {};
+  try {
+    messages = await getMessages();
+  } catch (error) {
+    console.error(`Failed to load messages for locale '${safeLocale}':`, error);
+    messages = {};
+  }
+
+  // Track pageview on the server with high-fidelity header context
+  const { getServerAppServices } = await import('@/lib/services/create-services.server');
+  const serverServices = getServerAppServices();
+
+  const { headers } = await import('next/headers');
+  const requestHeaders = await headers();
+
+  if ('setServerContext' in serverServices.analytics) {
+    (serverServices.analytics as any).setServerContext({
+      userAgent: requestHeaders.get('user-agent') || undefined,
+      language: requestHeaders.get('accept-language')?.split(',')[0] || undefined,
+      referrer: requestHeaders.get('referer') || undefined,
+      ip: requestHeaders.get('x-forwarded-for')?.split(',')[0] || undefined,
+    });
+  }
+
+  // Track initial server-side pageview
+  serverServices.analytics.trackPageview();
 
   return (
-    <html lang={locale} className="scroll-smooth overflow-x-hidden">
+    <html lang={safeLocale} className="scroll-smooth overflow-x-hidden">
       <body className="flex flex-col min-h-screen font-sans selection:bg-accent selection:text-primary-dark antialiased overflow-x-hidden">
-        <NextIntlClientProvider messages={messages} locale={locale}>
+        <NextIntlClientProvider messages={messages} locale={safeLocale}>
           <JsonLd />
           <Header />
           <main className="flex-grow animate-fade-in overflow-visible">{children}</main>
           <Footer />
           <CMSConnectivityNotice />
 
-          {/* Sends pageviews for client-side navigations */}
           <AnalyticsProvider />
+          {config.feedbackEnabled && <FeedbackOverlay />}
         </NextIntlClientProvider>
       </body>
     </html>

app/[locale]/page.tsx

@@ -15,7 +15,12 @@ import { getTranslations } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getOGImageMetadata } from '@/lib/metadata';
 
-export default function HomePage({ params: { locale } }: { params: { locale: string } }) {
+export default async function HomePage({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
   return (
     <div className="flex flex-col min-h-screen">
       <JsonLd
@@ -55,10 +60,11 @@ export default function HomePage({ params: { locale } }: { params: { locale: str
 }
 
 export async function generateMetadata({
-  params: { locale },
+  params,
 }: {
-  params: { locale: string };
+  params: Promise<{ locale: string }>;
 }): Promise<Metadata> {
+  const { locale } = await params;
   // Use translations for meta where available (namespace: Index.meta)
   // Fallback to a sensible default if translation keys are missing.
   let t;

app/[locale]/products/[...slug]/page.tsx

@@ -19,14 +19,14 @@ import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
 interface ProductPageProps {
-  params: {
+  params: Promise<{
     locale: string;
     slug: string[];
-  };
+  }>;
 }
 
 export async function generateMetadata({ params }: ProductPageProps): Promise<Metadata> {
-  const { locale, slug } = params;
+  const { locale, slug } = await params;
   const productSlug = slug[slug.length - 1];
   const t = await getTranslations('Products');
 
@@ -169,7 +169,7 @@ const components = {
 };
 
 export default async function ProductPage({ params }: ProductPageProps) {
-  const { locale, slug } = params;
+  const { locale, slug } = await params;
   const productSlug = slug[slug.length - 1];
   const t = await getTranslations('Products');
 

app/[locale]/products/page.tsx

@@ -10,14 +10,13 @@ import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface ProductsPageProps {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 }
 
-export async function generateMetadata({
-  params: { locale },
-}: ProductsPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: ProductsPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Products' });
   const title = t('meta.title') || t('title');
   const description = t('meta.description') || t('subtitle');
@@ -47,13 +46,14 @@ export async function generateMetadata({
 }
 
 export default async function ProductsPage({ params }: ProductsPageProps) {
+  const { locale } = await params;
   const t = await getTranslations('Products');
 
   // Get translated category slugs
-  const lowVoltageSlug = await mapFileSlugToTranslated('low-voltage-cables', params.locale);
-  const mediumVoltageSlug = await mapFileSlugToTranslated('medium-voltage-cables', params.locale);
-  const highVoltageSlug = await mapFileSlugToTranslated('high-voltage-cables', params.locale);
-  const solarSlug = await mapFileSlugToTranslated('solar-cables', params.locale);
+  const lowVoltageSlug = await mapFileSlugToTranslated('low-voltage-cables', locale);
+  const mediumVoltageSlug = await mapFileSlugToTranslated('medium-voltage-cables', locale);
+  const highVoltageSlug = await mapFileSlugToTranslated('high-voltage-cables', locale);
+  const solarSlug = await mapFileSlugToTranslated('solar-cables', locale);
 
   const categories = [
     {
@@ -61,28 +61,28 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
       desc: t('categories.lowVoltage.description'),
       img: '/uploads/2024/11/low-voltage-category.webp',
       icon: '/uploads/2024/11/Low-Voltage.svg',
-      href: `/${params.locale}/products/${lowVoltageSlug}`,
+      href: `/${locale}/products/${lowVoltageSlug}`,
     },
     {
       title: t('categories.mediumVoltage.title'),
       desc: t('categories.mediumVoltage.description'),
       img: '/uploads/2024/11/medium-voltage-category.webp',
       icon: '/uploads/2024/11/Medium-Voltage.svg',
-      href: `/${params.locale}/products/${mediumVoltageSlug}`,
+      href: `/${locale}/products/${mediumVoltageSlug}`,
     },
     {
       title: t('categories.highVoltage.title'),
       desc: t('categories.highVoltage.description'),
       img: '/uploads/2024/11/high-voltage-category.webp',
       icon: '/uploads/2024/11/High-Voltage.svg',
-      href: `/${params.locale}/products/${highVoltageSlug}`,
+      href: `/${locale}/products/${highVoltageSlug}`,
     },
     {
       title: t('categories.solar.title'),
       desc: t('categories.solar.description'),
       img: '/uploads/2024/11/solar-category.webp',
       icon: '/uploads/2024/11/Solar.svg',
-      href: `/${params.locale}/products/${solarSlug}`,
+      href: `/${locale}/products/${solarSlug}`,
     },
   ];
 
@@ -218,7 +218,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
                   </p>
                 </div>
                 <Button
-                  href={`/${params.locale}/contact`}
+                  href={`/${locale}/contact`}
                   variant="accent"
                   size="lg"
                   className="group whitespace-nowrap w-full md:w-auto md:h-16 md:px-10 md:text-xl"

app/[locale]/team/page.tsx

@@ -9,12 +9,13 @@ import Reveal from '@/components/Reveal';
 import Gallery from '@/components/team/Gallery';
 
 interface TeamPageProps {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 }
 
-export async function generateMetadata({ params: { locale } }: TeamPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: TeamPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Team' });
   const title = t('meta.title') || t('hero.subtitle');
   const description = t('meta.description') || t('hero.title');
@@ -43,7 +44,8 @@ export async function generateMetadata({ params: { locale } }: TeamPageProps): P
   };
 }
 
-export default async function TeamPage({ params: { locale } }: TeamPageProps) {
+export default async function TeamPage({ params }: TeamPageProps) {
+  const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'Team' });
 
   return (

app/actions/contact.ts

@@ -10,6 +10,23 @@ import { getServerAppServices } from '@/lib/services/create-services.server';
 export async function sendContactFormAction(formData: FormData) {
   const services = getServerAppServices();
   const logger = services.logger.child({ action: 'sendContactFormAction' });
+
+  // Set analytics context from request headers for high-fidelity server-side tracking
+  const { headers } = await import('next/headers');
+  const requestHeaders = await headers();
+
+  if ('setServerContext' in services.analytics) {
+    (services.analytics as any).setServerContext({
+      userAgent: requestHeaders.get('user-agent') || undefined,
+      language: requestHeaders.get('accept-language')?.split(',')[0] || undefined,
+      referrer: requestHeaders.get('referer') || undefined,
+      ip: requestHeaders.get('x-forwarded-for')?.split(',')[0] || undefined,
+    });
+  }
+
+  // Track attempt
+  services.analytics.track('contact-form-attempt');
+
   const name = formData.get('name') as string;
   const email = formData.get('email') as string;
   const message = formData.get('message') as string;
@@ -110,6 +127,11 @@ export async function sendContactFormAction(formData: FormData) {
       priority: 5,
     });
 
+    // Track success
+    services.analytics.track('contact-form-success', {
+      is_product_request: !!productName,
+    });
+
     return { success: true };
   } catch (error) {
     const errorMsg = error instanceof Error ? error.message : String(error);

app/api/feedback/route.ts

@@ -0,0 +1,17 @@
+import { NextRequest } from 'next/server';
+import { handleFeedbackRequest } from '@mintel/next-feedback';
+import { config } from '@/lib/config';
+
+export async function GET(req: NextRequest) {
+  return handleFeedbackRequest(req as any, {
+    url: config.infraCMS.url,
+    token: config.infraCMS.token,
+  });
+}
+
+export async function POST(req: NextRequest) {
+  return handleFeedbackRequest(req as any, {
+    url: config.infraCMS.url,
+    token: config.infraCMS.token,
+  });
+}

app/api/whoami/route.ts

@@ -0,0 +1,7 @@
+import { NextRequest } from 'next/server';
+import { handleWhoAmIRequest } from '@mintel/next-feedback';
+import { config } from '@/lib/config';
+
+export async function GET(req: NextRequest) {
+  return handleWhoAmIRequest(req, config.gatekeeperUrl);
+}

app/errors/api/relay/route.ts

@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getServerAppServices } from '@/lib/services/create-services.server';
+import { config } from '@/lib/config';
+
+/**
+ * Smart Proxy / Relay for Sentry/GlitchTip events.
+ *
+ * This Route Handler receives Sentry envelopes from the client,
+ * injects the correct DSN if needed, and forwards them to the
+ * internal GlitchTip/Sentry instance.
+ *
+ * This hides the real DSN from the client and bypasses ad-blockers
+ * that target Sentry's default ingest endpoints.
+ */
+export async function POST(request: NextRequest) {
+  const services = getServerAppServices();
+  const logger = services.logger.child({ component: 'sentry-relay' });
+
+  try {
+    const envelope = await request.text();
+
+    // Sentry envelopes can contain multiple parts separated by newlines
+    const lines = envelope.split('\n');
+    if (lines.length < 1) {
+      return NextResponse.json({ error: 'Empty envelope' }, { status: 400 });
+    }
+
+    const header = JSON.parse(lines[0]);
+    const realDsn = config.errors.glitchtip.dsn;
+
+    if (!realDsn) {
+      logger.warn('Sentry relay received but no SENTRY_DSN configured on server');
+      return NextResponse.json({ status: 'ignored' }, { status: 200 });
+    }
+
+    const dsnUrl = new URL(realDsn);
+    const projectId = dsnUrl.pathname.replace('/', '');
+    const relayUrl = `${dsnUrl.protocol}//${dsnUrl.host}/api/${projectId}/envelope/`;
+
+    logger.debug('Relaying Sentry envelope', {
+      projectId,
+      host: dsnUrl.host,
+    });
+
+    const response = await fetch(relayUrl, {
+      method: 'POST',
+      body: envelope,
+      headers: {
+        'Content-Type': 'application/x-sentry-envelope',
+      },
+    });
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      logger.error('Sentry/GlitchTip API responded with error', {
+        status: response.status,
+        error: errorText.slice(0, 100),
+      });
+      return new NextResponse(errorText, { status: response.status });
+    }
+
+    return NextResponse.json({ status: 'ok' });
+  } catch (error) {
+    logger.error('Failed to relay Sentry request', {
+      error: (error as Error).message,
+    });
+    return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
+  }
+}

app/stats/api/send/route.ts

@@ -0,0 +1,73 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getServerAppServices } from '@/lib/services/create-services.server';
+import { config } from '@/lib/config';
+
+/**
+ * Smart Proxy for Umami Analytics.
+ *
+ * This Route Handler receives tracking events from the browser,
+ * injects the secret UMAMI_WEBSITE_ID, and forwards them to the
+ * internal Umami API endpoint.
+ *
+ * This ensures:
+ * 1. The Website ID is NOT leaked to the client bundle.
+ * 2. The Umami API endpoint is hidden behind our domain.
+ * 3. We have full control over the tracking data.
+ */
+export async function POST(request: NextRequest) {
+  const services = getServerAppServices();
+  const logger = services.logger.child({ component: 'umami-smart-proxy' });
+
+  try {
+    const body = await request.json();
+    const { type, payload } = body;
+
+    // Inject the secret websiteId from server config
+    const websiteId = config.analytics.umami.websiteId;
+    if (!websiteId) {
+      logger.warn('Umami tracking received but no Website ID configured on server');
+      return NextResponse.json({ status: 'ignored' }, { status: 200 });
+    }
+
+    // Prepare the enhanced payload with the secret ID
+    const enhancedPayload = {
+      ...payload,
+      website: websiteId,
+    };
+
+    const umamiEndpoint = config.analytics.umami.apiEndpoint;
+
+    // Log the event (internal only)
+    logger.debug('Forwarding analytics event', {
+      type,
+      url: payload.url,
+      website: websiteId.slice(0, 8) + '...',
+    });
+
+    const response = await fetch(`${umamiEndpoint}/api/send`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'User-Agent': request.headers.get('user-agent') || 'KLZ-Smart-Proxy',
+        'X-Forwarded-For': request.headers.get('x-forwarded-for') || '',
+      },
+      body: JSON.stringify({ type, payload: enhancedPayload }),
+    });
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      logger.error('Umami API responded with error', {
+        status: response.status,
+        error: errorText.slice(0, 100),
+      });
+      return new NextResponse(errorText, { status: response.status });
+    }
+
+    return NextResponse.json({ status: 'ok' });
+  } catch (error) {
+    logger.error('Failed to proxy analytics request', {
+      error: (error as Error).message,
+    });
+    return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
+  }
+}

components/ContactMap.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import React from 'react';
+import dynamic from 'next/dynamic';
+
+const LeafletMap = dynamic(() => import('@/components/LeafletMap'), {
+  ssr: false,
+  loading: () => (
+    <div className="h-full w-full bg-neutral-medium flex items-center justify-center">
+      <div className="animate-pulse text-primary font-medium">Loading Map...</div>
+    </div>
+  ),
+});
+
+interface ContactMapProps {
+  address: string;
+  lat: number;
+  lng: number;
+}
+
+export default function ContactMap({ address, lat, lng }: ContactMapProps) {
+  return <LeafletMap address={address} lat={lat} lng={lng} />;
+}

components/Header.tsx

@@ -14,10 +14,10 @@ export default function Header() {
   const pathname = usePathname();
   const [isScrolled, setIsScrolled] = useState(false);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-  
+
   // Extract locale from pathname
   const currentLocale = pathname.split('/')[1] || 'en';
-  
+
   // Check if homepage
   const isHomePage = pathname === `/${currentLocale}` || pathname === '/';
 
@@ -32,8 +32,10 @@ export default function Header() {
 
   // Close mobile menu on route change
   useEffect(() => {
-    setIsMobileMenuOpen(false);
-  }, [pathname]);
+    if (isMobileMenuOpen) {
+      setIsMobileMenuOpen(false);
+    }
+  }, [pathname, isMobileMenuOpen]);
 
   // Prevent scroll when mobile menu is open
   useEffect(() => {
@@ -43,7 +45,7 @@ export default function Header() {
       document.body.style.overflow = 'unset';
     }
   }, [isMobileMenuOpen]);
-  
+
   // Function to get path for a different locale
   const getPathForLocale = (newLocale: string) => {
     const segments = pathname.split('/');
@@ -59,15 +61,15 @@ export default function Header() {
   ];
 
   const headerClass = cn(
-    "fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu",
+    'fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu',
     {
-      "bg-transparent py-4 md:py-8": isHomePage && !isScrolled && !isMobileMenuOpen,
-      "bg-primary py-3 md:py-4 shadow-2xl": !isHomePage || isScrolled || isMobileMenuOpen,
-    }
+      'bg-transparent py-4 md:py-8': isHomePage && !isScrolled && !isMobileMenuOpen,
+      'bg-primary py-3 md:py-4 shadow-2xl': !isHomePage || isScrolled || isMobileMenuOpen,
+    },
   );
 
-  const textColorClass = "text-white";
-  const logoSrc = "/logo-white.svg";
+  const textColorClass = 'text-white';
+  const logoSrc = '/logo-white.svg';
 
   return (
     <>
@@ -75,14 +77,14 @@ export default function Header() {
         className={headerClass}
         initial={{ y: -100, opacity: 0 }}
         animate={{ y: 0, opacity: 1 }}
-        transition={{ duration: 0.8, ease: "easeOut" }}
+        transition={{ duration: 0.8, ease: 'easeOut' }}
       >
         <div className="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl flex items-center justify-between">
           <motion.div
             className="flex-shrink-0 group touch-target"
             initial={{ scale: 0.8, opacity: 0 }}
             animate={{ scale: 1, opacity: 1 }}
-            transition={{ duration: 0.6, ease: "easeOut", delay: 0.1 }}
+            transition={{ duration: 0.6, ease: 'easeOut', delay: 0.1 }}
           >
             <Link href={`/${currentLocale}`}>
               <Image
@@ -105,25 +107,19 @@ export default function Header() {
               visible: {
                 transition: {
                   staggerChildren: 0.08,
-                  delayChildren: 0.3
-                }
-              }
+                  delayChildren: 0.3,
+                },
+              },
             }}
           >
-            <motion.nav
-              className="hidden lg:flex items-center space-x-10"
-              variants={navVariants}
-            >
+            <motion.nav className="hidden lg:flex items-center space-x-10" variants={navVariants}>
               {menuItems.map((item, idx) => (
-                <motion.div
-                  key={item.href}
-                  variants={navLinkVariants}
-                >
+                <motion.div key={item.href} variants={navLinkVariants}>
                   <Link
                     href={`/${currentLocale}${item.href === '/' ? '' : item.href}`}
                     className={cn(
                       textColorClass,
-                      "hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5"
+                      'hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5',
                     )}
                   >
                     {item.label}
@@ -134,7 +130,7 @@ export default function Header() {
             </motion.nav>
 
             <motion.div
-              className={cn("hidden lg:flex items-center space-x-8", textColorClass)}
+              className={cn('hidden lg:flex items-center space-x-8', textColorClass)}
               variants={headerRightVariants}
             >
               <motion.div
@@ -174,11 +170,11 @@ export default function Header() {
                   </Link>
                 </motion.div>
               </motion.div>
-              
+
               <motion.div
                 initial={{ scale: 0.9, opacity: 0 }}
                 animate={{ scale: 1, opacity: 1 }}
-                transition={{ duration: 0.6, type: "spring", stiffness: 400, delay: 0.7 }}
+                transition={{ duration: 0.6, type: 'spring', stiffness: 400, delay: 0.7 }}
               >
                 <Button
                   href={`/${currentLocale}/contact`}
@@ -193,11 +189,20 @@ export default function Header() {
 
             {/* Mobile Menu Button */}
             <motion.button
-              className={cn("lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-50", textColorClass)}
+              className={cn(
+                'lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-50',
+                textColorClass,
+              )}
               aria-label={t('toggleMenu')}
               initial={{ scale: 0.8, opacity: 0, rotate: -180 }}
               animate={{ scale: 1, opacity: 1, rotate: 0 }}
-              transition={{ duration: 0.6, type: "spring", stiffness: 300, damping: 20, delay: 0.5 }}
+              transition={{
+                duration: 0.6,
+                type: 'spring',
+                stiffness: 300,
+                damping: 20,
+                delay: 0.5,
+              }}
               onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
             >
               <motion.svg
@@ -236,21 +241,25 @@ export default function Header() {
         </div>
 
         {/* Mobile Menu Overlay */}
-        <div className={cn(
-          "fixed inset-0 bg-primary z-40 lg:hidden transition-all duration-500 ease-in-out flex flex-col",
-          isMobileMenuOpen ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-full pointer-events-none"
-        )}>
+        <div
+          className={cn(
+            'fixed inset-0 bg-primary z-40 lg:hidden transition-all duration-500 ease-in-out flex flex-col',
+            isMobileMenuOpen
+              ? 'opacity-100 translate-y-0'
+              : 'opacity-0 -translate-y-full pointer-events-none',
+          )}
+        >
           <motion.div
             className="flex-grow flex flex-col justify-center items-center p-8 space-y-8"
             initial="closed"
-            animate={isMobileMenuOpen ? "open" : "closed"}
+            animate={isMobileMenuOpen ? 'open' : 'closed'}
             variants={{
               open: {
                 transition: {
                   staggerChildren: 0.1,
-                  delayChildren: 0.2
-                }
-              }
+                  delayChildren: 0.2,
+                },
+              },
             }}
           >
             {menuItems.map((item, idx) => (
@@ -264,10 +273,10 @@ export default function Header() {
                     scale: 1,
                     transition: {
                       duration: 0.6,
-                      ease: "easeOut",
-                      delay: idx * 0.08
-                    }
-                  }
+                      ease: 'easeOut',
+                      delay: idx * 0.08,
+                    },
+                  },
                 }}
               >
                 <Link
@@ -278,7 +287,7 @@ export default function Header() {
                 </Link>
               </motion.div>
             ))}
-            
+
             <motion.div
               className="pt-8 border-t border-white/10 w-full flex flex-col items-center space-y-8"
               initial={{ opacity: 0, y: 30 }}
@@ -322,11 +331,11 @@ export default function Header() {
                   </Link>
                 </motion.div>
               </motion.div>
-              
+
               <motion.div
                 initial={{ scale: 0.9, opacity: 0, y: 20 }}
                 animate={{ scale: 1, opacity: 1, y: 0 }}
-                transition={{ type: "spring", stiffness: 400, damping: 20, delay: 1.2 }}
+                transition={{ type: 'spring', stiffness: 400, damping: 20, delay: 1.2 }}
               >
                 <Button
                   href={`/${currentLocale}/contact`}
@@ -338,23 +347,23 @@ export default function Header() {
                 </Button>
               </motion.div>
             </motion.div>
-          
-          {/* Bottom Branding */}
-          <motion.div
-            className="p-12 flex justify-center opacity-20"
-            initial={{ opacity: 0, scale: 0.8 }}
-            animate={isMobileMenuOpen ? { opacity: 0.2, scale: 1 } : { opacity: 0, scale: 0.8 }}
-            transition={{ duration: 0.5, delay: 1.4 }}
-          >
+
+            {/* Bottom Branding */}
             <motion.div
-              initial={{ scale: 0.5 }}
-              animate={{ scale: 1 }}
-              transition={{ type: "spring", stiffness: 300, delay: 1.5 }}
+              className="p-12 flex justify-center opacity-20"
+              initial={{ opacity: 0, scale: 0.8 }}
+              animate={isMobileMenuOpen ? { opacity: 0.2, scale: 1 } : { opacity: 0, scale: 0.8 }}
+              transition={{ duration: 0.5, delay: 1.4 }}
             >
-              <Image src="/logo-white.svg" alt={t('home')} width={80} height={80} unoptimized />
+              <motion.div
+                initial={{ scale: 0.5 }}
+                animate={{ scale: 1 }}
+                transition={{ type: 'spring', stiffness: 300, delay: 1.5 }}
+              >
+                <Image src="/logo-white.svg" alt={t('home')} width={80} height={80} unoptimized />
+              </motion.div>
             </motion.div>
           </motion.div>
-        </motion.div>
         </div>
       </motion.header>
     </>
@@ -367,9 +376,9 @@ const navVariants = {
     opacity: 1,
     transition: {
       staggerChildren: 0.06,
-      delayChildren: 0.1
-    }
-  }
+      delayChildren: 0.1,
+    },
+  },
 } as const;
 
 const navLinkVariants = {
@@ -380,9 +389,9 @@ const navLinkVariants = {
     scale: 1,
     transition: {
       duration: 0.5,
-      ease: "easeOut"
-    }
-  }
+      ease: 'easeOut',
+    },
+  },
 } as const;
 
 const headerRightVariants = {
@@ -390,6 +399,6 @@ const headerRightVariants = {
   visible: {
     opacity: 1,
     x: 0,
-    transition: { duration: 0.6, ease: "easeOut" }
-  }
+    transition: { duration: 0.6, ease: 'easeOut' },
+  },
 } as const;

components/Lightbox.tsx

@@ -25,15 +25,18 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
     return () => setMounted(false);
   }, []);
 
-  const updateUrl = useCallback((index: number | null) => {
-    const params = new URLSearchParams(searchParams.toString());
-    if (index !== null) {
-      params.set('photo', index.toString());
-    } else {
-      params.delete('photo');
-    }
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-  }, [pathname, router, searchParams]);
+  const updateUrl = useCallback(
+    (index: number | null) => {
+      const params = new URLSearchParams(searchParams.toString());
+      if (index !== null) {
+        params.set('photo', index.toString());
+      } else {
+        params.delete('photo');
+      }
+      router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+    },
+    [pathname, router, searchParams],
+  );
 
   const prevImage = useCallback(() => {
     setCurrentIndex((prev) => {
@@ -61,6 +64,11 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
     }
   }, [searchParams, images.length]);
 
+  const handleClose = useCallback(() => {
+    updateUrl(null);
+    onClose();
+  }, [updateUrl, onClose]);
+
   useEffect(() => {
     if (isOpen) {
       updateUrl(currentIndex);
@@ -79,22 +87,17 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
     // Lock scroll
     const originalStyle = window.getComputedStyle(document.body).overflow;
     document.body.style.overflow = 'hidden';
-    
+
     window.addEventListener('keydown', handleKeyDown);
-    
+
     return () => {
       document.body.style.overflow = originalStyle;
       window.removeEventListener('keydown', handleKeyDown);
     };
-  }, [isOpen, prevImage, nextImage]);
+  }, [isOpen, prevImage, nextImage, handleClose]);
 
   if (!mounted) return null;
 
-  const handleClose = () => {
-    updateUrl(null);
-    onClose();
-  };
-
   return createPortal(
     <AnimatePresence>
       {isOpen && (
@@ -121,7 +124,7 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
               <span className="text-3xl font-extralight leading-none mb-1">×</span>
             </div>
           </motion.button>
-          
+
           <motion.button
             initial={{ opacity: 0, x: -20 }}
             animate={{ opacity: 1, x: 0 }}
@@ -131,9 +134,11 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
             className="absolute left-6 top-1/2 -translate-y-1/2 text-white/60 hover:text-white transition-all duration-500 w-14 h-14 flex items-center justify-center hover:bg-white/5 rounded-full z-[10000] group border border-white/10"
             aria-label="Previous image"
           >
-            <span className="text-4xl font-extralight group-hover:-translate-x-1 transition-transform duration-500">‹</span>
+            <span className="text-4xl font-extralight group-hover:-translate-x-1 transition-transform duration-500">
+              ‹
+            </span>
           </motion.button>
-          
+
           <motion.button
             initial={{ opacity: 0, x: 20 }}
             animate={{ opacity: 1, x: 0 }}
@@ -143,10 +148,12 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
             className="absolute right-6 top-1/2 -translate-y-1/2 text-white/60 hover:text-white transition-all duration-500 w-14 h-14 flex items-center justify-center hover:bg-white/5 rounded-full z-[10000] group border border-white/10"
             aria-label="Next image"
           >
-            <span className="text-4xl font-extralight group-hover:translate-x-1 transition-transform duration-500">›</span>
+            <span className="text-4xl font-extralight group-hover:translate-x-1 transition-transform duration-500">
+              ›
+            </span>
           </motion.button>
 
-          <motion.div 
+          <motion.div
             initial={{ opacity: 0, y: 40, scale: 0.95 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={{ opacity: 0, y: 20, scale: 0.98 }}
@@ -173,15 +180,15 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
                     />
                   </motion.div>
                 </AnimatePresence>
-                
+
                 {/* Technical Detail: Subtle grid overlay to reinforce industrial precision */}
                 <div className="absolute inset-0 pointer-events-none opacity-[0.03] bg-[url('/grid.svg')] bg-repeat z-10" />
-                
+
                 {/* Premium Reflection: Subtle gradient to give material feel */}
                 <div className="absolute inset-0 pointer-events-none bg-gradient-to-tr from-white/10 via-transparent to-transparent opacity-40 z-10" />
               </div>
-              
-              <motion.div 
+
+              <motion.div
                 initial={{ opacity: 0, y: 10 }}
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: 10 }}
@@ -199,6 +206,6 @@ export default function Lightbox({ isOpen, images, initialIndex, onClose }: Ligh
         </div>
       )}
     </AnimatePresence>,
-    document.body
+    document.body,
   );
 }

components/analytics/AnalyticsProvider.tsx

@@ -3,25 +3,15 @@
 import { useEffect } from 'react';
 import { usePathname, useSearchParams } from 'next/navigation';
 import { getAppServices } from '@/lib/services/create-services';
-import Script from 'next/script';
 
 /**
  * AnalyticsProvider Component
  *
  * Automatically tracks pageviews on client-side route changes.
- * This component should be placed inside your layout to handle navigation events.
+ * This component handles navigation events for the Umami analytics service.
  *
- * @example
- * ```tsx
- * // In your layout.tsx
- * <NextIntlClientProvider messages={messages} locale={locale}>
- *   <UmamiScript />
- *   <Header />
- *   <main>{children}</main>
- *   <Footer />
- *   <AnalyticsProvider />
- * </NextIntlClientProvider>
- * ```
+ * Note: Website ID is now centrally managed on the server side via a proxy,
+ * so it's no longer needed as a prop here.
  */
 export default function AnalyticsProvider() {
   const pathname = usePathname();
@@ -29,31 +19,17 @@ export default function AnalyticsProvider() {
 
   useEffect(() => {
     if (!pathname) return;
-    
+
     const services = getAppServices();
     const url = `${pathname}${searchParams?.size ? `?${searchParams.toString()}` : ''}`;
-    
+
     // Track pageview with the full URL
+    // The service will relay this to our internal proxy which injects the Website ID
     services.analytics.trackPageview(url);
-    
-    if (process.env.NODE_ENV === 'development') {
-      console.log('[Umami] Tracked pageview:', url);
-    }
+
+    // Services like logger are already sub-initialized in getAppServices()
+    // so we don't need to log here manually.
   }, [pathname, searchParams]);
 
-  const websiteId = process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID;
-  if (!websiteId) return null;
-
-  return (
-    <Script
-      id="umami-analytics"
-      src="/stats/script.js"
-      data-website-id={websiteId}
-      data-host-url="/stats"
-      strategy="afterInteractive"
-      data-domains="klz-cables.com"
-      defer
-    />
-  );
+  return null;
 }
-

components/home/GallerySection.tsx

@@ -27,11 +27,11 @@ export default function GallerySection() {
     if (photoParam !== null) {
       const index = parseInt(photoParam, 10);
       if (!isNaN(index) && index >= 0 && index < images.length) {
-        setLightboxIndex(index);
-        setLightboxOpen(true);
+        if (lightboxIndex !== index) setLightboxIndex(index);
+        if (!lightboxOpen) setLightboxOpen(true);
       }
     }
-  }, [searchParams, images.length]);
+  }, [searchParams, images.length, lightboxIndex, lightboxOpen]);
 
   return (
     <Section className="bg-white text-white py-32">
@@ -39,7 +39,7 @@ export default function GallerySection() {
         <Heading level={2} subtitle={t('subtitle')} align="center">
           {t('title')}
         </Heading>
-        
+
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {images.map((src, idx) => (
             <button

components/home/Hero.tsx

@@ -72,7 +72,7 @@ export default function Hero() {
       >
         <HeroIllustration />
       </motion.div>
-      
+
       <motion.div
         className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block"
         initial={{ opacity: 0, y: 16 }}

cookies.txt

@@ -1,4 +0,0 @@
-# Netscape HTTP Cookie File
-# https://curl.se/docs/http-cookies.html
-# This file was generated by libcurl! Edit at your own risk.
-

directus/schema/feedback_schema.yaml

@@ -0,0 +1,590 @@
+version: 1
+directus: 11.14.1
+vendor: postgres
+collections:
+  - collection: contact_submissions
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: contact_submissions
+      color: '#002b49'
+      display_template: '{{first_name}} {{last_name}} | {{subject}}'
+      group: null
+      hidden: false
+      icon: contact_mail
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: contact_submissions
+  - collection: product_requests
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: product_requests
+      color: '#002b49'
+      display_template: null
+      group: null
+      hidden: false
+      icon: inventory
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: product_requests
+  - collection: visual_feedback
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: visual_feedback
+      color: '#002b49'
+      display_template: '{{user_name}} | {{type}}: {{text}}'
+      group: null
+      hidden: false
+      icon: feedback
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: visual_feedback
+  - collection: visual_feedback_comments
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: visual_feedback_comments
+      color: '#002b49'
+      display_template: '{{user_name}}: {{text}}'
+      group: null
+      hidden: false
+      icon: comment
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: visual_feedback_comments
+fields:
+  - collection: visual_feedback
+    field: id
+    type: uuid
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: null
+      display_options: null
+      field: id
+      group: null
+      hidden: true
+      interface: null
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 1
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: id
+      table: visual_feedback
+      data_type: uuid
+      default_value: null
+      max_length: null
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: false
+      is_unique: true
+      is_indexed: false
+      is_primary_key: true
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: status
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: labels
+      display_options:
+        choices:
+          - background: '#e1f5fe'
+            color: '#01579b'
+            text: Open
+            value: open
+          - background: '#e8f5e9'
+            color: '#1b5e20'
+            text: Resolved
+            value: resolved
+          - background: '#fafafa'
+            color: '#212121'
+            text: Closed
+            value: closed
+        show_as_dot: true
+      field: status
+      group: null
+      hidden: false
+      interface: select-dropdown
+      note: null
+      options:
+        choices:
+          - text: Open
+            value: open
+          - text: Resolved
+            value: resolved
+          - text: Closed
+            value: closed
+      readonly: false
+      required: false
+      searchable: true
+      sort: 2
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: status
+      table: visual_feedback
+      data_type: character varying
+      default_value: open
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: type
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: labels
+      display_options:
+        choices:
+          - background: '#fff9c4'
+            color: '#fbc02d'
+            text: Design
+            value: design
+          - background: '#f3e5f5'
+            color: '#7b1fa2'
+            text: Content
+            value: content
+        show_as_dot: true
+      field: type
+      group: null
+      hidden: false
+      interface: select-dropdown
+      note: null
+      options:
+        choices:
+          - text: Design
+            value: design
+          - text: Content
+            value: content
+      readonly: false
+      required: false
+      searchable: true
+      sort: 3
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: type
+      table: visual_feedback
+      data_type: character varying
+      default_value: null
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: text
+    type: text
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: formatted-text
+      display_options:
+        soft_limit: 100
+      field: text
+      group: null
+      hidden: false
+      interface: input-multiline
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 4
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: text
+      table: visual_feedback
+      data_type: text
+      default_value: null
+      max_length: null
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: url
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: link
+      display_options:
+        url: '{{url}}'
+        target: _blank
+        icon: open_in_new
+      field: url
+      group: null
+      hidden: false
+      interface: input
+      note: null
+      options: null
+      readonly: true
+      required: false
+      searchable: true
+      sort: 5
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: url
+      table: visual_feedback
+      data_type: character varying
+      default_value: null
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: user_info_group
+    type: alias
+    meta:
+      collection: visual_feedback
+      field: user_info_group
+      group: null
+      hidden: false
+      interface: group-detail
+      options:
+        header_icon: person
+        header_text: User Information
+      sort: 6
+      special:
+        - alias
+        - no-data
+        - group
+      width: full
+  - collection: visual_feedback
+    field: user_name
+    type: string
+    meta:
+      collection: visual_feedback
+      field: user_name
+      group: user_info_group
+      hidden: false
+      interface: input
+      sort: 1
+      width: half
+    schema:
+      name: user_name
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: user_identity
+    type: string
+    meta:
+      collection: visual_feedback
+      field: user_identity
+      group: user_info_group
+      hidden: false
+      interface: input
+      readonly: true
+      sort: 2
+      width: half
+    schema:
+      name: user_identity
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: technical_details_group
+    type: alias
+    meta:
+      collection: visual_feedback
+      field: technical_details_group
+      group: null
+      hidden: false
+      interface: group-detail
+      options:
+        header_icon: psychology
+        header_text: Technical Context
+      sort: 7
+      special:
+        - alias
+        - no-data
+        - group
+      width: full
+  - collection: visual_feedback
+    field: selector
+    type: string
+    meta:
+      collection: visual_feedback
+      field: selector
+      group: technical_details_group
+      hidden: false
+      interface: input
+      readonly: true
+      sort: 1
+      width: full
+    schema:
+      name: selector
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: x
+    type: float
+    meta:
+      collection: visual_feedback
+      field: x
+      group: technical_details_group
+      hidden: false
+      interface: input
+      sort: 2
+      width: half
+    schema:
+      name: x
+      table: visual_feedback
+      data_type: real
+      is_nullable: true
+  - collection: visual_feedback
+    field: 'y'
+    type: float
+    meta:
+      collection: visual_feedback
+      field: 'y'
+      group: technical_details_group
+      hidden: false
+      interface: input
+      sort: 3
+      width: half
+    schema:
+      name: 'y'
+      table: visual_feedback
+      data_type: real
+      is_nullable: true
+  - collection: visual_feedback
+    field: date_created
+    type: timestamp
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: datetime
+      display_options:
+        relative: true
+      field: date_created
+      group: null
+      hidden: false
+      interface: datetime
+      note: null
+      options: null
+      readonly: true
+      required: false
+      searchable: true
+      sort: 8
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: date_created
+      table: visual_feedback
+      data_type: timestamp with time zone
+      default_value: CURRENT_TIMESTAMP
+      is_nullable: true
+  - collection: visual_feedback_comments
+    field: id
+    type: uuid
+    meta:
+      collection: visual_feedback_comments
+      field: id
+      hidden: true
+    schema:
+      name: id
+      table: visual_feedback_comments
+      data_type: uuid
+      is_primary_key: true
+  - collection: visual_feedback_comments
+    field: feedback_id
+    type: uuid
+    meta:
+      collection: visual_feedback_comments
+      display: null
+      field: feedback_id
+      interface: select-relational
+      sort: 2
+      width: full
+    schema:
+      name: feedback_id
+      table: visual_feedback_comments
+      data_type: uuid
+  - collection: visual_feedback_comments
+    field: user_name
+    type: string
+    meta:
+      collection: visual_feedback_comments
+      field: user_name
+      interface: input
+      sort: 3
+      width: half
+    schema:
+      name: user_name
+      table: visual_feedback_comments
+      data_type: character varying
+  - collection: visual_feedback_comments
+    field: text
+    type: text
+    meta:
+      collection: visual_feedback_comments
+      field: text
+      interface: input-multiline
+      sort: 4
+      width: full
+    schema:
+      name: text
+      table: visual_feedback_comments
+      data_type: text
+  - collection: visual_feedback_comments
+    field: date_created
+    type: timestamp
+    meta:
+      collection: visual_feedback_comments
+      display: datetime
+      display_options:
+        relative: true
+      field: date_created
+      interface: datetime
+      readonly: true
+      sort: 5
+      width: full
+    schema:
+      name: date_created
+      table: visual_feedback_comments
+      data_type: timestamp with time zone
+      default_value: CURRENT_TIMESTAMP
+systemFields:
+  - collection: directus_activity
+    field: timestamp
+    schema:
+      is_indexed: true
+  - collection: directus_revisions
+    field: activity
+    schema:
+      is_indexed: true
+  - collection: directus_revisions
+    field: parent
+    schema:
+      is_indexed: true
+relations:
+  - collection: visual_feedback_comments
+    field: feedback_id
+    related_collection: visual_feedback
+    schema:
+      column: feedback_id
+      foreign_key_column: id
+      foreign_key_table: visual_feedback
+      table: visual_feedback_comments
+    meta:
+      junction_field: null
+      many_collection: visual_feedback_comments
+      many_field: feedback_id
+      one_allowed_m2m: false
+      one_collection: visual_feedback
+      one_deselect_action: nullify
+      one_field: null
+      sort_field: null

directus/schema/snapshot.yaml

@@ -0,0 +1,590 @@
+version: 1
+directus: 11.14.1
+vendor: postgres
+collections:
+  - collection: contact_submissions
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: contact_submissions
+      color: '#002b49'
+      display_template: '{{first_name}} {{last_name}} | {{subject}}'
+      group: null
+      hidden: false
+      icon: contact_mail
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: contact_submissions
+  - collection: product_requests
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: product_requests
+      color: '#002b49'
+      display_template: null
+      group: null
+      hidden: false
+      icon: inventory
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: product_requests
+  - collection: visual_feedback
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: visual_feedback
+      color: '#002b49'
+      display_template: '{{user_name}} | {{type}}: {{text}}'
+      group: null
+      hidden: false
+      icon: feedback
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: visual_feedback
+  - collection: visual_feedback_comments
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: visual_feedback_comments
+      color: '#002b49'
+      display_template: '{{user_name}}: {{text}}'
+      group: null
+      hidden: false
+      icon: comment
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: visual_feedback_comments
+fields:
+  - collection: visual_feedback
+    field: id
+    type: uuid
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: null
+      display_options: null
+      field: id
+      group: null
+      hidden: true
+      interface: null
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 1
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: id
+      table: visual_feedback
+      data_type: uuid
+      default_value: null
+      max_length: null
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: false
+      is_unique: true
+      is_indexed: false
+      is_primary_key: true
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: status
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: labels
+      display_options:
+        choices:
+          - background: '#e1f5fe'
+            color: '#01579b'
+            text: Open
+            value: open
+          - background: '#e8f5e9'
+            color: '#1b5e20'
+            text: Resolved
+            value: resolved
+          - background: '#fafafa'
+            color: '#212121'
+            text: Closed
+            value: closed
+        show_as_dot: true
+      field: status
+      group: null
+      hidden: false
+      interface: select-dropdown
+      note: null
+      options:
+        choices:
+          - text: Open
+            value: open
+          - text: Resolved
+            value: resolved
+          - text: Closed
+            value: closed
+      readonly: false
+      required: false
+      searchable: true
+      sort: 2
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: status
+      table: visual_feedback
+      data_type: character varying
+      default_value: open
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: type
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: labels
+      display_options:
+        choices:
+          - background: '#fff9c4'
+            color: '#fbc02d'
+            text: Design
+            value: design
+          - background: '#f3e5f5'
+            color: '#7b1fa2'
+            text: Content
+            value: content
+        show_as_dot: true
+      field: type
+      group: null
+      hidden: false
+      interface: select-dropdown
+      note: null
+      options:
+        choices:
+          - text: Design
+            value: design
+          - text: Content
+            value: content
+      readonly: false
+      required: false
+      searchable: true
+      sort: 3
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: type
+      table: visual_feedback
+      data_type: character varying
+      default_value: null
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: text
+    type: text
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: formatted-text
+      display_options:
+        soft_limit: 100
+      field: text
+      group: null
+      hidden: false
+      interface: input-multiline
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 4
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: text
+      table: visual_feedback
+      data_type: text
+      default_value: null
+      max_length: null
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: url
+    type: string
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: link
+      display_options:
+        url: '{{url}}'
+        target: _blank
+        icon: open_in_new
+      field: url
+      group: null
+      hidden: false
+      interface: input
+      note: null
+      options: null
+      readonly: true
+      required: false
+      searchable: true
+      sort: 5
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: url
+      table: visual_feedback
+      data_type: character varying
+      default_value: null
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: visual_feedback
+    field: user_info_group
+    type: alias
+    meta:
+      collection: visual_feedback
+      field: user_info_group
+      group: null
+      hidden: false
+      interface: group-detail
+      options:
+        header_icon: person
+        header_text: User Information
+      sort: 6
+      special:
+        - alias
+        - no-data
+        - group
+      width: full
+  - collection: visual_feedback
+    field: user_name
+    type: string
+    meta:
+      collection: visual_feedback
+      field: user_name
+      group: user_info_group
+      hidden: false
+      interface: input
+      sort: 1
+      width: half
+    schema:
+      name: user_name
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: user_identity
+    type: string
+    meta:
+      collection: visual_feedback
+      field: user_identity
+      group: user_info_group
+      hidden: false
+      interface: input
+      readonly: true
+      sort: 2
+      width: half
+    schema:
+      name: user_identity
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: technical_details_group
+    type: alias
+    meta:
+      collection: visual_feedback
+      field: technical_details_group
+      group: null
+      hidden: false
+      interface: group-detail
+      options:
+        header_icon: psychology
+        header_text: Technical Context
+      sort: 7
+      special:
+        - alias
+        - no-data
+        - group
+      width: full
+  - collection: visual_feedback
+    field: selector
+    type: string
+    meta:
+      collection: visual_feedback
+      field: selector
+      group: technical_details_group
+      hidden: false
+      interface: input
+      readonly: true
+      sort: 1
+      width: full
+    schema:
+      name: selector
+      table: visual_feedback
+      data_type: character varying
+      is_nullable: true
+  - collection: visual_feedback
+    field: x
+    type: float
+    meta:
+      collection: visual_feedback
+      field: x
+      group: technical_details_group
+      hidden: false
+      interface: input
+      sort: 2
+      width: half
+    schema:
+      name: x
+      table: visual_feedback
+      data_type: real
+      is_nullable: true
+  - collection: visual_feedback
+    field: 'y'
+    type: float
+    meta:
+      collection: visual_feedback
+      field: 'y'
+      group: technical_details_group
+      hidden: false
+      interface: input
+      sort: 3
+      width: half
+    schema:
+      name: 'y'
+      table: visual_feedback
+      data_type: real
+      is_nullable: true
+  - collection: visual_feedback
+    field: date_created
+    type: timestamp
+    meta:
+      collection: visual_feedback
+      conditions: null
+      display: datetime
+      display_options:
+        relative: true
+      field: date_created
+      group: null
+      hidden: false
+      interface: datetime
+      note: null
+      options: null
+      readonly: true
+      required: false
+      searchable: true
+      sort: 8
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: date_created
+      table: visual_feedback
+      data_type: timestamp with time zone
+      default_value: CURRENT_TIMESTAMP
+      is_nullable: true
+  - collection: visual_feedback_comments
+    field: id
+    type: uuid
+    meta:
+      collection: visual_feedback_comments
+      field: id
+      hidden: true
+    schema:
+      name: id
+      table: visual_feedback_comments
+      data_type: uuid
+      is_primary_key: true
+  - collection: visual_feedback_comments
+    field: feedback_id
+    type: uuid
+    meta:
+      collection: visual_feedback_comments
+      display: null
+      field: feedback_id
+      interface: select-relational
+      sort: 2
+      width: full
+    schema:
+      name: feedback_id
+      table: visual_feedback_comments
+      data_type: uuid
+  - collection: visual_feedback_comments
+    field: user_name
+    type: string
+    meta:
+      collection: visual_feedback_comments
+      field: user_name
+      interface: input
+      sort: 3
+      width: half
+    schema:
+      name: user_name
+      table: visual_feedback_comments
+      data_type: character varying
+  - collection: visual_feedback_comments
+    field: text
+    type: text
+    meta:
+      collection: visual_feedback_comments
+      field: text
+      interface: input-multiline
+      sort: 4
+      width: full
+    schema:
+      name: text
+      table: visual_feedback_comments
+      data_type: text
+  - collection: visual_feedback_comments
+    field: date_created
+    type: timestamp
+    meta:
+      collection: visual_feedback_comments
+      display: datetime
+      display_options:
+        relative: true
+      field: date_created
+      interface: datetime
+      readonly: true
+      sort: 5
+      width: full
+    schema:
+      name: date_created
+      table: visual_feedback_comments
+      data_type: timestamp with time zone
+      default_value: CURRENT_TIMESTAMP
+systemFields:
+  - collection: directus_activity
+    field: timestamp
+    schema:
+      is_indexed: true
+  - collection: directus_revisions
+    field: activity
+    schema:
+      is_indexed: true
+  - collection: directus_revisions
+    field: parent
+    schema:
+      is_indexed: true
+relations:
+  - collection: visual_feedback_comments
+    field: feedback_id
+    related_collection: visual_feedback
+    schema:
+      column: feedback_id
+      foreign_key_column: id
+      foreign_key_table: visual_feedback
+      table: visual_feedback_comments
+    meta:
+      junction_field: null
+      many_collection: visual_feedback_comments
+      many_field: feedback_id
+      one_allowed_m2m: false
+      one_collection: visual_feedback
+      one_deselect_action: nullify
+      one_field: null
+      sort_field: null

docker-compose.override.yml

@@ -1,36 +1,83 @@
 services:
-  app:
+  klz-app:
     image: node:20-alpine
     working_dir: /app
-    command: sh -c "npm install && npx next dev"
+    command: sh -c "npm install --legacy-peer-deps && npx next dev"
+    networks:
+      - default
+      - infra
     volumes:
       - .:/app
     environment:
       NODE_ENV: development
       # Docker Internal Communication
       DIRECTUS_URL: http://directus:8055
+      INTERNAL_DIRECTUS_URL: http://directus:8055
+      INFRA_DIRECTUS_URL: http://cms-infra-infra-cms-1:8055
+      GATEKEEPER_URL: http://gatekeeper:3000
+      DIRECTUS_API_TOKEN: ${DIRECTUS_API_TOKEN}
+      INFRA_DIRECTUS_TOKEN: ${INFRA_DIRECTUS_TOKEN}
+      NEXT_PUBLIC_FEEDBACK_ENABLED: ${NEXT_PUBLIC_FEEDBACK_ENABLED}
+      GATEKEEPER_BYPASS_ENABLED: ${GATEKEEPER_BYPASS_ENABLED}
     ports:
       - "3000:3000"
     labels:
       - "traefik.enable=true"
-      # Clear all production-related TLS/Middleware settings for the main routers
-      - "traefik.http.routers.klz-cables.entrypoints=web"
-      - "traefik.http.routers.klz-cables.rule=Host(`klz.localhost`)"
-      - "traefik.http.routers.klz-cables.tls=false"
-      - "traefik.http.routers.klz-cables.middlewares="
+      # Global local settings
+      - "traefik.http.routers.klz-cables-local.entrypoints=web"
+      - "traefik.http.routers.klz-cables-local.rule=Host(`klz.localhost`)"
+      - "traefik.http.routers.klz-cables-local.tls=false"
+      - "traefik.http.routers.klz-cables-local.middlewares="
+      - "traefik.http.routers.klz-cables-local.service=klz-cables-local"
+      - "traefik.http.services.klz-cables-local.loadbalancer.server.port=3000"
+      - "traefik.docker.network=infra"
 
-      - "traefik.http.routers.klz-cables-web.entrypoints=web"
-      - "traefik.http.routers.klz-cables-web.rule=Host(`klz.localhost`)"
-      - "traefik.http.routers.klz-cables-web.middlewares="
+      # Web direct router
+      - "traefik.http.routers.klz-cables-local-web.entrypoints=web"
+      - "traefik.http.routers.klz-cables-local-web.rule=Host(`klz.localhost`)"
+      - "traefik.http.routers.klz-cables-local-web.tls=false"
+      - "traefik.http.routers.klz-cables-local-web.middlewares="
+      - "traefik.http.routers.klz-cables-local-web.service=klz-cables-local"
 
   directus:
+    networks:
+      - default
+      - infra
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.klz-cables-directus.entrypoints=web"
-      - "traefik.http.routers.klz-cables-directus.rule=Host(`cms.klz.localhost`)"
-      - "traefik.http.routers.klz-cables-directus.tls=false"
-      - "traefik.http.routers.klz-cables-directus.middlewares="
+      - "traefik.http.routers.klz-cables-directus-local.entrypoints=web"
+      - "traefik.http.routers.klz-cables-directus-local.rule=Host(`cms.klz.localhost`)"
+      - "traefik.http.routers.klz-cables-directus-local.tls=false"
+      - "traefik.http.routers.klz-cables-directus-local.middlewares="
+      - "traefik.http.routers.klz-cables-directus-local.service=klz-cables-directus-local"
+      - "traefik.http.services.klz-cables-directus-local.loadbalancer.server.port=8055"
+      - "traefik.docker.network=infra"
     ports:
-      - "8055:8055"
+      - "${DIRECTUS_PORT:-8055}:8055"
     environment:
       PUBLIC_URL: http://cms.klz.localhost
+
+  gatekeeper:
+    image: node:20-alpine
+    working_dir: /app/packages/gatekeeper
+    command: sh -c "corepack enable && CI=true NPM_TOKEN=dummy pnpm install --no-frozen-lockfile && pnpm dev"
+    volumes:
+      - /Users/marcmintel/Projects/at-mintel:/app
+    networks:
+      - default
+      - infra
+    environment:
+      DIRECTUS_URL: http://directus:8055
+      NEXT_PUBLIC_BASE_URL: http://gatekeeper.klz.localhost
+      DIRECTUS_ADMIN_EMAIL: ${DIRECTUS_ADMIN_EMAIL}
+      DIRECTUS_ADMIN_PASSWORD: ${DIRECTUS_ADMIN_PASSWORD}
+      COOKIE_DOMAIN: localhost
+      NODE_ENV: development
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.klz-cables-gatekeeper-local.entrypoints=web"
+      - "traefik.http.routers.klz-cables-gatekeeper-local.rule=Host(`gatekeeper.klz.localhost`)"
+      - "traefik.http.routers.klz-cables-gatekeeper-local.tls=false"
+      - "traefik.http.routers.klz-cables-gatekeeper-local.service=klz-cables-gatekeeper-local"
+      - "traefik.http.services.klz-cables-gatekeeper-local.loadbalancer.server.port=3000"
+      - "traefik.docker.network=infra"

docker-compose.yml

@@ -25,31 +25,43 @@ services:
     labels:
       - "traefik.enable=true"
       # HTTP ⇒ HTTPS redirect
-      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.rule=Host(`${TRAEFIK_HOST}`) && !PathPrefix(`/.well-known/acme-challenge/`)"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.rule=${TRAEFIK_HOST_RULE:-Host(`klz-cables.com`)}"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.entrypoints=web"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.middlewares=redirect-https"
-      # HTTPS router
-      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.rule=Host(`${TRAEFIK_HOST}`)"
+      # HTTPS router (Protected)
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.rule=${TRAEFIK_HOST_RULE:-Host(`klz-cables.com`)}"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.entrypoints=websecure"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.tls.certresolver=le"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.tls=true"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.service=${PROJECT_NAME:-klz-cables}"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.middlewares=${PROJECT_NAME:-klz-cables}-ratelimit,${PROJECT_NAME:-klz-cables}-forward,${AUTH_MIDDLEWARE:-${PROJECT_NAME:-klz-cables}-compress}"
+
+      # HTTPS router (Unprotected - for Analytics & Errors)
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.rule=${TRAEFIK_HOST_RULE:-Host(`klz-cables.com`)} && PathPrefix(`/stats`, `/errors`)"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.entrypoints=websecure"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.tls.certresolver=le"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.tls=true"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.service=${PROJECT_NAME:-klz-cables}"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-unprotected.middlewares=${PROJECT_NAME:-klz-cables}-ratelimit,${PROJECT_NAME:-klz-cables}-forward,${PROJECT_NAME:-klz-cables}-compress"
+
       - "traefik.http.services.${PROJECT_NAME:-klz-cables}.loadbalancer.server.port=80"
       - "traefik.http.services.${PROJECT_NAME:-klz-cables}.loadbalancer.server.scheme=http"
-      # Forwarded Headers
-      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
-      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
-      # Middlewares
-      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.middlewares=${PROJECT_NAME:-klz-cables}-ratelimit,${PROJECT_NAME:-klz-cables}-forward,${AUTH_MIDDLEWARE:-compress}"
       - "traefik.docker.network=infra"
 
+      # Middleware Definitions
+      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-compress.compress=true"
+
       # Gatekeeper Router (to show the login page)
-      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.rule=Host(`gatekeeper.${TRAEFIK_HOST}`)"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.rule=Host(`gatekeeper.${TRAEFIK_HOST:-klz-cables.com}`)"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.entrypoints=websecure"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.tls.certresolver=le"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.tls=true"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-gatekeeper.service=${PROJECT_NAME:-klz-cables}-gatekeeper"
 
+      # Forwarded Headers
+      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
+      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
+
       # Middleware Definitions
       - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-ratelimit.ratelimit.average=100"
       - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-ratelimit.ratelimit.burst=50"
@@ -58,7 +70,7 @@ services:
       - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-auth.forwardauth.authResponseHeaders=X-Auth-User"
 
   gatekeeper:
-    image: registry.infra.mintel.me/mintel/gatekeeper:latest
+    image: registry.infra.mintel.me/mintel/gatekeeper:1.4.0
     container_name: ${PROJECT_NAME:-klz-cables}-gatekeeper
     restart: always
     networks:
@@ -70,8 +82,11 @@ services:
       PORT: 3000
       COOKIE_DOMAIN: ${COOKIE_DOMAIN}
       AUTH_COOKIE_NAME: klz_gatekeeper_session
-      NEXT_PUBLIC_BASE_URL: https://gatekeeper.${TRAEFIK_HOST}
+      NEXT_PUBLIC_BASE_URL: https://gatekeeper.${TRAEFIK_HOST:-klz-cables.com}
       GATEKEEPER_PASSWORD: ${GATEKEEPER_PASSWORD:-klz2026}
+      DIRECTUS_URL: ${DIRECTUS_URL}
+      DIRECTUS_ADMIN_EMAIL: ${DIRECTUS_ADMIN_EMAIL}
+      DIRECTUS_ADMIN_PASSWORD: ${DIRECTUS_ADMIN_PASSWORD}
     labels:
       - "traefik.enable=true"
       - "traefik.http.services.${PROJECT_NAME:-klz-cables}-gatekeeper.loadbalancer.server.port=3000"
@@ -105,6 +120,8 @@ services:
     volumes:
       - ./directus/uploads:/directus/uploads
       - ./directus/extensions:/directus/extensions
+      - ./directus/schema:/directus/schema
+      - ./directus/migrations:/directus/migrations
     labels:
       - "traefik.enable=true"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-directus.rule=Host(`${DIRECTUS_HOST}`)"

docker-compose.yml.bak

@@ -1,81 +0,0 @@
-services:
-  app:
-    image: registry.infra.mintel.me/mintel/klz-cables.com:latest
-    restart: always
-    networks:
-      - infra
-    env_file:
-      - .env
-    labels:
-      - "traefik.enable=true"
-      # HTTP ⇒ HTTPS redirect
-      - "traefik.http.routers.klz-cables-web.rule=(Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)) && !PathPrefix(`/.well-known/acme-challenge/`)"
-      - "traefik.http.routers.klz-cables-web.entrypoints=web"
-      - "traefik.http.routers.klz-cables-web.middlewares=redirect-https"
-      # HTTPS router
-      - "traefik.http.routers.klz-cables.rule=Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)"
-      - "traefik.http.routers.klz-cables.entrypoints=websecure"
-      - "traefik.http.routers.klz-cables.tls.certresolver=le"
-      - "traefik.http.routers.klz-cables.tls=true"
-      - "traefik.http.routers.klz-cables.service=klz-cables"
-      - "traefik.http.services.klz-cables.loadbalancer.server.port=3000"
-      - "traefik.http.services.klz-cables.loadbalancer.server.scheme=http"
-      # Forwarded Headers
-      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
-      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
-      # Middlewares
-      - "traefik.http.routers.klz-cables.middlewares=klz-forward,compress"
-
-  cms:
-    build:
-      context: ./cms
-      dockerfile: Dockerfile
-    restart: always
-    networks:
-      - infra
-    env_file:
-      - .env
-    environment:
-      DATABASE_CLIENT: postgres
-      DATABASE_HOST: cms-db
-      DATABASE_PORT: 5432
-      DATABASE_NAME: ${STRAPI_DATABASE_NAME:-strapi}
-      DATABASE_USERNAME: ${STRAPI_DATABASE_USERNAME:-strapi}
-      DATABASE_PASSWORD: ${STRAPI_DATABASE_PASSWORD:-strapi}
-      NODE_ENV: ${NODE_ENV:-development}
-      STRAPI_URL: ${STRAPI_URL:-https://cms.klz-cables.com}
-    volumes:
-      - ./cms/config:/opt/app/config
-      - ./cms/src:/opt/app/src
-      - ./cms/package.json:/opt/app/package.json
-      - ./cms/package-lock.json:/opt/app/package-lock.json
-      - ./cms/public/uploads:/opt/app/public/uploads
-      - ./cms/dist:/opt/app/dist
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.klz-cms.rule=Host(`cms.klz-cables.com`) || Host(`cms-staging.klz-cables.com`)"
-      - "traefik.http.routers.klz-cms.entrypoints=websecure"
-      - "traefik.http.routers.klz-cms.tls.certresolver=le"
-      - "traefik.http.routers.klz-cms.tls=true"
-      - "traefik.http.services.klz-cms.loadbalancer.server.port=1337"
-
-  cms-db:
-    image: postgres:16-alpine
-    restart: always
-    networks:
-      - infra
-    env_file:
-      - .env
-    environment:
-      POSTGRES_DB: ${STRAPI_DATABASE_NAME:-strapi}
-      POSTGRES_USER: ${STRAPI_DATABASE_USERNAME:-strapi}
-      POSTGRES_PASSWORD: ${STRAPI_DATABASE_PASSWORD:-strapi}
-    volumes:
-      - cms-db-data:/var/lib/postgresql/data
-
-networks:
-  infra:
-    external: true
-
-volumes:
-  cms-db-data:

docs/DEPLOYMENT.md

@@ -42,15 +42,15 @@ The application uses a clean, robust, **fully automated** environment variable s
 
 ## Environment Variables
 
-### Build-Time Variables (NEXT_PUBLIC_*)
+### Build-Time Variables (NEXT*PUBLIC*\*)
 
 These are embedded into the JavaScript bundle during build and are visible to the client:
 
-| Variable | Required | Description |
-|----------|----------|-------------|
-| `NEXT_PUBLIC_BASE_URL` | ✅ Yes | Base URL of the application (e.g., `https://klz-cables.com`) |
-| `NEXT_PUBLIC_UMAMI_WEBSITE_ID` | ❌ No | Umami analytics website ID |
-| `NEXT_PUBLIC_UMAMI_SCRIPT_URL` | ❌ No | Umami analytics script URL (default: `https://analytics.infra.mintel.me/script.js`) |
+| Variable               | Required | Description                                                  |
+| ---------------------- | -------- | ------------------------------------------------------------ |
+| `NEXT_PUBLIC_BASE_URL` | ✅ Yes   | Base URL of the application (e.g., `https://klz-cables.com`) |
+| `UMAMI_WEBSITE_ID`     | ❌ No    | Umami analytics website ID (passed as prop)                  |
+| `UMAMI_API_ENDPOINT`   | ❌ No    | Backend-only Umami analytics API target (internal)           |
 
 **Important**: These must be provided as `--build-arg` when building the Docker image.
 
@@ -58,38 +58,40 @@ These are embedded into the JavaScript bundle during build and are visible to th
 
 These are loaded from the `.env` file at runtime and are only available on the server:
 
-| Variable | Required | Description |
-|----------|----------|-------------|
-| `NODE_ENV` | ✅ Yes | Environment mode (`production`, `development`, `test`) |
-| `SENTRY_DSN` | ❌ No | GlitchTip/Sentry error tracking DSN |
-| `MAIL_HOST` | ❌ No | SMTP server hostname |
-| `MAIL_PORT` | ❌ No | SMTP server port (default: `587`) |
-| `MAIL_USERNAME` | ❌ No | SMTP authentication username |
-| `MAIL_PASSWORD` | ❌ No | SMTP authentication password |
-| `MAIL_FROM` | ❌ No | Email sender address |
-| `MAIL_RECIPIENTS` | ❌ No | Comma-separated list of recipient emails |
-| `REDIS_URL` | ❌ No | Redis connection URL (e.g., `redis://redis:6379/2`) |
-| `REDIS_KEY_PREFIX` | ❌ No | Redis key prefix (default: `klz:`) |
-| `STRAPI_DATABASE_NAME` | ✅ Yes | Strapi database name |
-| `STRAPI_DATABASE_USERNAME` | ✅ Yes | Strapi database username |
-| `STRAPI_DATABASE_PASSWORD` | ✅ Yes | Strapi database password |
-| `STRAPI_URL` | ✅ Yes | URL of the Strapi CMS |
-| `APP_KEYS` | ✅ Yes | Strapi application keys (comma-separated) |
-| `API_TOKEN_SALT` | ✅ Yes | Strapi API token salt |
-| `ADMIN_JWT_SECRET` | ✅ Yes | Strapi admin JWT secret |
-| `TRANSFER_TOKEN_SALT` | ✅ Yes | Strapi transfer token salt |
-| `JWT_SECRET` | ✅ Yes | Strapi JWT secret |
+| Variable                   | Required | Description                                            |
+| -------------------------- | -------- | ------------------------------------------------------ |
+| `NODE_ENV`                 | ✅ Yes   | Environment mode (`production`, `development`, `test`) |
+| `SENTRY_DSN`               | ❌ No    | GlitchTip/Sentry error tracking DSN                    |
+| `MAIL_HOST`                | ❌ No    | SMTP server hostname                                   |
+| `MAIL_PORT`                | ❌ No    | SMTP server port (default: `587`)                      |
+| `MAIL_USERNAME`            | ❌ No    | SMTP authentication username                           |
+| `MAIL_PASSWORD`            | ❌ No    | SMTP authentication password                           |
+| `MAIL_FROM`                | ❌ No    | Email sender address                                   |
+| `MAIL_RECIPIENTS`          | ❌ No    | Comma-separated list of recipient emails               |
+| `REDIS_URL`                | ❌ No    | Redis connection URL (e.g., `redis://redis:6379/2`)    |
+| `REDIS_KEY_PREFIX`         | ❌ No    | Redis key prefix (default: `klz:`)                     |
+| `STRAPI_DATABASE_NAME`     | ✅ Yes   | Strapi database name                                   |
+| `STRAPI_DATABASE_USERNAME` | ✅ Yes   | Strapi database username                               |
+| `STRAPI_DATABASE_PASSWORD` | ✅ Yes   | Strapi database password                               |
+| `STRAPI_URL`               | ✅ Yes   | URL of the Strapi CMS                                  |
+| `APP_KEYS`                 | ✅ Yes   | Strapi application keys (comma-separated)              |
+| `API_TOKEN_SALT`           | ✅ Yes   | Strapi API token salt                                  |
+| `ADMIN_JWT_SECRET`         | ✅ Yes   | Strapi admin JWT secret                                |
+| `TRANSFER_TOKEN_SALT`      | ✅ Yes   | Strapi transfer token salt                             |
+| `JWT_SECRET`               | ✅ Yes   | Strapi JWT secret                                      |
 
 ## Local Development
 
 ### Setup
 
 1. Copy the example environment file:
+
    ```bash
    cp .env.example .env
    ```
 
 2. Edit `.env` and fill in your local configuration:
+
    ```bash
    NODE_ENV=development
    NEXT_PUBLIC_BASE_URL=http://localhost:3000
@@ -97,6 +99,7 @@ These are loaded from the `.env` file at runtime and are only available on the s
    ```
 
 3. Install dependencies:
+
    ```bash
    npm install
    ```
@@ -112,8 +115,8 @@ These are loaded from the `.env` file at runtime and are only available on the s
 # Build with build-time arguments
 docker build \
   --build-arg NEXT_PUBLIC_BASE_URL=http://localhost:3000 \
-  --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID=your-id \
-  --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js \
+  --build-arg UMAMI_WEBSITE_ID=your-id \
+  --build-arg UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me \
   -t klz-cables:local .
 
 # Run with runtime environment file
@@ -138,8 +141,8 @@ docker run --env-file .env -p 3000:3000 klz-cables:local
 
    **Build-Time Variables:**
    - `NEXT_PUBLIC_BASE_URL` - Production URL (e.g., `https://klz-cables.com`)
-   - `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Umami analytics ID
-   - `NEXT_PUBLIC_UMAMI_SCRIPT_URL` - Umami script URL
+   - `UMAMI_WEBSITE_ID` - Umami analytics ID
+   - `UMAMI_API_ENDPOINT` - Umami API endpoint
 
    **Runtime Variables:**
    - `SENTRY_DSN` - Error tracking DSN
@@ -209,11 +212,12 @@ docker-compose logs -f app
 **Problem**: Build fails with "Environment validation failed"
 
 **Solution**: Ensure all required `NEXT_PUBLIC_*` variables are provided as build arguments:
+
 ```bash
 docker build \
   --build-arg NEXT_PUBLIC_BASE_URL=https://klz-cables.com \
-  --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID=your-id \
-  --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js \
+  --build-arg UMAMI_WEBSITE_ID=your-id \
+  --build-arg UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me \
   -t klz-cables .
 ```
 
@@ -222,6 +226,7 @@ docker build \
 **Problem**: Container starts but application crashes
 
 **Solution**: Check that the `.env` file exists and contains all required runtime variables:
+
 ```bash
 # On the server
 cat /home/deploy/sites/klz-cables.com/.env
@@ -235,9 +240,11 @@ docker-compose logs app
 **Problem**: Features not working (email, analytics, etc.)
 
 **Solution**:
+
 1. Check that the secret is configured in Gitea
 2. Verify the workflow includes it in the `.env` generation (see `.gitea/workflows/deploy.yml`)
 3. Redeploy to regenerate the `.env` file:
+
    ```bash
    git commit --allow-empty -m "Trigger redeploy"
    git push origin main
@@ -255,6 +262,7 @@ docker-compose logs app
 **Problem**: `docker-compose up` fails with "env file not found"
 
 **Solution**: The `.env` file should be automatically created by the workflow. If it's missing:
+
 1. Check the workflow logs for errors in the "📝 Preparing environment configuration" step
 2. Manually trigger a deployment by pushing to main
 3. If still missing, check server permissions and disk space
@@ -264,6 +272,7 @@ docker-compose logs app
 **Problem**: Container can't connect to Traefik
 
 **Solution**: Verify the `infra` network exists:
+
 ```bash
 docker network ls | grep infra
 docker network inspect infra

docs/ENV_MIGRATION.md

@@ -7,29 +7,31 @@ This guide helps you migrate from the old fragile environment variable setup to
 ### Before (Fragile & Overkill)
 
 ❌ **Problems:**
+
 - Environment variables passed individually via SSH (12+ vars)
 - Duplicate definitions in Dockerfile, docker-compose.yml, and deploy.yml
-- Build args included runtime-only variables (SENTRY_DSN, MAIL_*, REDIS_*)
+- Build args included runtime-only variables (SENTRY*DSN, MAIL*_, REDIS\__)
 - No single source of truth
 - Difficult to maintain and error-prone
 
 ```yaml
 # Old deploy.yml - FRAGILE!
 ssh root@alpha.mintel.me \
-  "MAIL_FROM='${{ secrets.MAIL_FROM }}' \
-   MAIL_HOST='${{ secrets.MAIL_HOST }}' \
-   MAIL_PASSWORD='${{ secrets.MAIL_PASSWORD }}' \
-   MAIL_PORT='${{ secrets.MAIL_PORT }}' \
-   MAIL_RECIPIENTS='${{ secrets.MAIL_RECIPIENTS }}' \
-   MAIL_USERNAME='${{ secrets.MAIL_USERNAME }}' \
-   NEXT_PUBLIC_BASE_URL='${{ secrets.NEXT_PUBLIC_BASE_URL }}' \
-   ... (12+ variables) \
-   /home/deploy/deploy.sh"
+"MAIL_FROM='${{ secrets.MAIL_FROM }}' \
+MAIL_HOST='${{ secrets.MAIL_HOST }}' \
+MAIL_PASSWORD='${{ secrets.MAIL_PASSWORD }}' \
+MAIL_PORT='${{ secrets.MAIL_PORT }}' \
+MAIL_RECIPIENTS='${{ secrets.MAIL_RECIPIENTS }}' \
+MAIL_USERNAME='${{ secrets.MAIL_USERNAME }}' \
+NEXT_PUBLIC_BASE_URL='${{ secrets.NEXT_PUBLIC_BASE_URL }}' \
+... (12+ variables) \
+/home/deploy/deploy.sh"
 ```
 
 ### After (Clean & Robust)
 
 ✅ **Benefits:**
+
 - Single `.env` file on server contains all runtime variables
 - Only `NEXT_PUBLIC_*` variables passed as build args (3 vars)
 - Clear separation: build-time vs runtime
@@ -46,6 +48,7 @@ ssh root@alpha.mintel.me "/home/deploy/deploy.sh"
 ### Step 1: Update Gitea Secrets
 
 **Remove these secrets** (no longer needed in CI/CD):
+
 - ❌ `MAIL_FROM`
 - ❌ `MAIL_HOST`
 - ❌ `MAIL_PASSWORD`
@@ -58,9 +61,11 @@ ssh root@alpha.mintel.me "/home/deploy/deploy.sh"
 - ❌ `SENTRY_DSN` (from build args)
 
 **Keep these secrets** (still needed for build):
+
 - ✅ `NEXT_PUBLIC_BASE_URL`
-- ✅ `NEXT_PUBLIC_UMAMI_WEBSITE_ID`
-- ✅ `NEXT_PUBLIC_UMAMI_SCRIPT_URL`
+- ✅ `NEXT_PUBLIC_BASE_URL`
+- ✅ `UMAMI_WEBSITE_ID`
+- ✅ `UMAMI_API_ENDPOINT`
 - ✅ `REGISTRY_USER`
 - ✅ `REGISTRY_PASS`
 - ✅ `ALPHA_SSH_KEY`
@@ -81,8 +86,8 @@ NODE_ENV=production
 NEXT_PUBLIC_BASE_URL=https://klz-cables.com
 
 # Analytics
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=your-actual-id
-NEXT_PUBLIC_UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
+UMAMI_WEBSITE_ID=your-actual-id
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # Error Tracking
 SENTRY_DSN=your-actual-dsn
@@ -168,6 +173,7 @@ git push origin main
 ```
 
 The CI/CD workflow will:
+
 1. Build with only `NEXT_PUBLIC_*` build args
 2. Push to registry
 3. SSH to server and run deploy.sh
@@ -197,21 +203,22 @@ curl -I https://klz-cables.com
 
 ## Comparison Table
 
-| Aspect | Before | After |
-|--------|--------|-------|
-| **Gitea Secrets** | 15+ secrets | 8 secrets |
-| **Build Args** | 4 vars (including runtime-only) | 3 vars (NEXT_PUBLIC_* only) |
-| **Runtime Vars** | Passed via SSH command | Loaded from .env file |
-| **Maintenance** | Update in 3 places | Update in 1 place |
-| **Security** | Secrets in CI logs | Secrets only on server |
-| **Clarity** | Confusing duplication | Clear separation |
-| **Robustness** | Fragile SSH command | Robust file-based config |
+| Aspect            | Before                          | After                        |
+| ----------------- | ------------------------------- | ---------------------------- |
+| **Gitea Secrets** | 15+ secrets                     | 8 secrets                    |
+| **Build Args**    | 4 vars (including runtime-only) | 3 vars (NEXT*PUBLIC*\* only) |
+| **Runtime Vars**  | Passed via SSH command          | Loaded from .env file        |
+| **Maintenance**   | Update in 3 places              | Update in 1 place            |
+| **Security**      | Secrets in CI logs              | Secrets only on server       |
+| **Clarity**       | Confusing duplication           | Clear separation             |
+| **Robustness**    | Fragile SSH command             | Robust file-based config     |
 
 ## Rollback Plan
 
 If you need to rollback to the old system:
 
 1. Revert the changes in git:
+
    ```bash
    git revert HEAD
    git push origin main
@@ -229,7 +236,8 @@ A: `NEXT_PUBLIC_*` variables are special in Next.js - they're embedded into the
 
 **Q: Can I update environment variables without rebuilding?**
 
-A: Yes, for runtime-only variables (MAIL_*, REDIS_*, SENTRY_DSN, etc.). Just edit the `.env` file on the server and restart containers:
+A: Yes, for runtime-only variables (MAIL*\*, REDIS*\*, SENTRY_DSN, etc.). Just edit the `.env` file on the server and restart containers:
+
 ```bash
 nano /home/deploy/sites/klz-cables.com/.env
 docker-compose down && docker-compose up -d
@@ -240,6 +248,7 @@ For `NEXT_PUBLIC_*` variables, you need to rebuild the Docker image since they'r
 **Q: Where should I store the .env file backup?**
 
 A: Keep a secure backup outside the server:
+
 ```bash
 # Download from server
 scp root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/.env \
@@ -250,7 +259,8 @@ scp root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/.env \
 
 **Q: What if I accidentally commit .env to git?**
 
-A: 
+A:
+
 1. Remove it immediately: `git rm .env && git commit -m "Remove .env"`
 2. Rotate all credentials in the file
 3. Update the `.gitignore` to ensure it doesn't happen again (already done)
@@ -267,6 +277,7 @@ If you encounter issues during migration:
 ## Summary
 
 The new system is:
+
 - ✅ **Simpler**: One .env file instead of scattered variables
 - ✅ **Cleaner**: Clear separation of build vs runtime
 - ✅ **Robust**: File-based config instead of fragile SSH commands

docs/PLATFORM.md

@@ -36,6 +36,31 @@ https://logs.infra.mintel.me
 
 ---
 
+## SMTP
+
+# SMTP Config
+SMTP_HOST=
+SMTP_PORT=587
+SMTP_SECURE=false
+SMTP_USER=
+SMTP_PASS=
+SMTP_FROM= # muss im projekt gesetzt werden
+
+---
+
+## Shared Image Optimization (imgproxy)
+
+Alle Bilder werden zentral über **imgproxy** optimiert, resized und in moderne Formate (WebP, AVIF) konvertiert.
+
+**Basis-URL**  
+https://img.infra.mintel.me
+
+```text
+https://img.infra.mintel.me/unsafe/rs:800x600/plain/https://example.com/bild.jpg
+https://img.infra.mintel.me/rs:400x/plain/https://picsum.photos/2000/1333
+
+---
+
 ## Production Platform (Alpha)
 
 Alpha runs all customer websites and is publicly reachable.

eslint.config.mjs

@@ -0,0 +1,50 @@
+import baseConfig from "@mintel/eslint-config";
+import { nextConfig } from "@mintel/eslint-config/next";
+
+export default [
+    {
+        ignores: [
+            "**/node_modules/**",
+            "node_modules/**",
+            "**/.next/**",
+            ".next/**",
+            "**/dist/**",
+            "dist/**",
+            "**/out/**",
+            "out/**",
+            "**/.pnpm-store/**",
+            "**/at-mintel/**",
+            "at-mintel/**",
+            "**/.git/**",
+            "*.js",
+            "*.mjs",
+            "scripts/**",
+            "tests/**",
+            "next-env.d.ts",
+            "reference/**",
+            "data/**"
+        ],
+
+    },
+    ...baseConfig,
+    ...nextConfig.map((config) => ({
+        ...config,
+        files: ["**/*.{ts,tsx}"],
+        rules: {
+            ...config.rules,
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-unused-vars": [
+                "warn",
+                {
+                    "argsIgnorePattern": "^_"
+                }
+            ],
+            "@typescript-eslint/no-require-imports": "off",
+            "prefer-const": "warn",
+            "react/no-unescaped-entities": "off",
+            "@next/next/no-img-element": "warn",
+            "react-hooks/set-state-in-effect": "warn"
+        }
+
+    })),
+];

faber-kabel-data.json

@@ -1,171 +0,0 @@
-[
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-N2XS-FL-2Y/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für EVU-Netze, Industrie- und Verteilernetze. Bei Verlegung in Kabelkanälen und Innenräumen muss berücksichtigt werden, dass der PE-Mantel nach DIN VDE 0482-332-1 nicht flammwidrig ist. Das Kabel ist für ungünstige Einsatzbedingungen geeignet, insbesondere wenn nach mechanischen Beschädigungen das Eindringen von Wasser in Quer- und Längsrichtung vermieden werden soll.",
-    "technischeDaten": {
-      "Zolltarifnummer (Warennummer)": "85446010900000000",
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Cu, blank",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Feldsteuerung": "innere und äußere Leitschicht aus halbleitendem Kunststoff (Dreifachextrusion)",
-      "Schirm": "Cu-Drahtumspinnung + Querleitwendel",
-      "Mantelmaterial": "Polyethylen DMP2",
-      "Schichtenmantel": "ja",
-      "Kabel querwasserdicht": "ja",
-      "Kabel längswasserdicht": "ja",
-      "Mantelfarbe": "schwarz",
-      "UV-beständig": "ja",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-20 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Aderzahl": "1",
-      "Mantelwanddicke": "2.1 mm",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-N2XS2Y/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für Kraftwerks-, Industrie- und Verteilernetze. Bei Verlegung in Kabelkanälen und Innenräumen muss berücksichtigt werden, dass der PE-Mantel halogenfrei ist, jedoch nicht flammwidrig nach DIN VDE 0482-332-1. Das Kabel kann infolge des widerstandsfähigen PE-Mantels bei der Verlegung und im Betrieb stark mechanisch beansprucht werden.",
-    "technischeDaten": {
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Cu, blank",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Feldsteuerung": "innere und äußere Leitschicht aus halbleitendem Kunststoff (Dreifachextrusion)",
-      "Schirm": "Cu-Drahtumspinnung + Querleitwendel",
-      "Mantelmaterial": "Polyethylen DMP2",
-      "Mantelfarbe": "schwarz",
-      "Flammwidrigkeit": "keine",
-      "UV-beständig": "ja",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-20 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Leiterform": "rund",
-      "Aderzahl": "1",
-      "Mantelwanddicke": "2.1 mm",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-N2XSF2Y/",
-    "verwendung": "",
-    "technischeDaten": {}
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-N2XSY/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für Kraftwerks-, Industrie- und Verteilernetze. Das Kabel lässt sich aufgrund der guten Verlegeeigenschaften auch bei schwieriger Trassenführung leicht verlegen. Gemäß VDE 0276 müssen die Kabel vor direkter Sonneneinstrahlung geschützt sein.",
-    "technischeDaten": {
-      "Zolltarifnummer (Warennummer)": "85446010900000000",
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Cu, blank",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Feldsteuerung": "innere und äußere Leitschicht aus halbleitendem Kunststoff (Dreifachextrusion)",
-      "Schirm": "Cu-Drahtumspinnung + Querleitwendel",
-      "Mantelmaterial": "PVC DMV6",
-      "Mantelfarbe": "rot",
-      "Flammwidrigkeit": "VDE 0482-332-1-2/IEC 60332-1-2",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-5 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Leiterform": "rund",
-      "Aderzahl": "1",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-NA2XS2Y/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für Kraftwerks-, Industrie- und Verteilernetze. Bei Verlegung in Kabelkanälen und Innenräumen muss berücksichtigt werden, dass der PE-Mantel halogenfrei ist, jedoch nicht flammwidrig nach DIN VDE 0482-332-1. Das Kabel kann infolge des widerstandsfähigen PE-Mantels bei der Verlegung und im Betrieb stark mechanisch beansprucht werden.",
-    "technischeDaten": {
-      "Zolltarifnummer (Warennummer)": "85446090000000000",
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Aluminium",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Feldsteuerung": "innere und äußere Leitschicht aus halbleitendem Kunststoff (Dreifachextrusion)",
-      "Schirm": "Cu-Drahtumspinnung + Querleitwendel",
-      "Mantelmaterial": "Polyethylen DMP2",
-      "Mantelfarbe": "schwarz",
-      "Flammwidrigkeit": "keine",
-      "UV-beständig": "ja",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-20 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Aderzahl": "1",
-      "Metallbasis Al (de)": "0 EUR/100 kg",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-NA2XSF2Y/",
-    "verwendung": "",
-    "technischeDaten": {}
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-NA2XS-FL-2Y/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für EVU-Netze, Industrie- und Verteilernetze. Bei Verlegung in Kabelkanälen und Innenräumen muss berücksichtigt werden, dass der PE-Mantel nach DIN VDE 0482-332-1 nicht flammwidrig ist. Das Kabel ist für ungünstige Einsatzbedingungen geeignet, insbesondere wenn nach mechanischen Beschädigungen das Eindringen von Wasser in Quer- und Längsrichtung vermieden werden soll.",
-    "technischeDaten": {
-      "Zolltarifnummer (Warennummer)": "85446090000000000",
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Aluminium",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Mantelmaterial": "Polyethylen DMP2",
-      "Schichtenmantel": "ja",
-      "Kabel querwasserdicht": "ja",
-      "Kabel längswasserdicht": "ja",
-      "Mantelfarbe": "schwarz",
-      "Flammwidrigkeit": "keine",
-      "UV-beständig": "ja",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-20 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Leiterform (Faber)": "RMv",
-      "Aderzahl": "1",
-      "Metallbasis Al (de)": "0 EUR/100 kg",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  },
-  {
-    "url": "https://shop.faberkabel.de/Starkstromkabel-1-30-kV/Mittelspannungskabel/Mittelspannungskabel-NA2XSY/",
-    "verwendung": "Zur Verlegung in Erde, in Wasser, im Freien, in Innenräumen und Kabelkanälen für Kraftwerks-, Industrie- und Verteilernetze. Das Kabel lässt sich aufgrund der guten Verlegeeigenschaften auch bei schwieriger Trassenführung leicht verlegen. Gemäß VDE 0276 müssen die Kabel vor direkter Sonneneinstrahlung geschützt sein.",
-    "technischeDaten": {
-      "Zolltarifnummer (Warennummer)": "85446090000000000",
-      "Norm": "VDE 0276-620",
-      "Leitermaterial": "Aluminium",
-      "Leiterklasse": "Kl.2 = mehrdrähtig",
-      "Aderisolation": "VPE DIX8",
-      "Feldsteuerung": "innere und äußere Leitschicht aus halbleitendem Kunststoff (Dreifachextrusion)",
-      "Schirm": "Cu-Drahtumspinnung + Querleitwendel",
-      "Mantelmaterial": "PVC DMV6",
-      "Mantelfarbe": "rot",
-      "Flammwidrigkeit": "VDE 0482-332-1-2/IEC 60332-1-2",
-      "Als Außenkabel zulässig": "ja",
-      "Max. zulässige Leitertemperatur, °C": "90 °C",
-      "Zul. Kabelaußentemperatur, fest verlegt, °C": "70 °C",
-      "Zul. Kabelaußentemperatur, in Bewegung, °C": "-5 - +70 °C",
-      "Min. Biegeradius, fest verlegt": "15 x Ø",
-      "Leiterform (Faber)": "RMv",
-      "Aderzahl": "1",
-      "Metallbasis Al (de)": "0 EUR/100 kg",
-      "Metallbasis Cu (de)": "0 EUR/100 kg",
-      "Maßeinheit": "Meter"
-    }
-  }
-]

i18n/request.ts

@@ -1,15 +1,14 @@
-import {getRequestConfig} from 'next-intl/server';
+import { getRequestConfig } from 'next-intl/server';
 import * as Sentry from '@sentry/nextjs';
- 
-export default getRequestConfig(async ({requestLocale}) => {
-  // This typically corresponds to the `[locale]` segment
+
+export default getRequestConfig(async ({ requestLocale }) => {
   let locale = await requestLocale;
- 
+
   // Ensure that a valid locale is used
   if (!locale || !['en', 'de'].includes(locale)) {
     locale = 'en';
   }
- 
+
   return {
     locale,
     messages: (await import(`../messages/${locale}.json`)).default,
@@ -21,12 +20,12 @@ export default getRequestConfig(async ({requestLocale}) => {
       }
       Sentry.captureException(error);
     },
-    getMessageFallback({namespace, key, error}) {
+    getMessageFallback({ namespace, key, error }) {
       const path = [namespace, key].filter((part) => part != null).join('.');
       if (error.code === 'MISSING_MESSAGE') {
         return path;
       }
       return 'fallback';
     }
-  };
+  } as any;
 });

lib/config.ts

@@ -22,26 +22,26 @@ function createConfig() {
     isStaging: target === 'staging',
     isTesting: target === 'testing',
     isDevelopment: target === 'development',
+    feedbackEnabled: env.NEXT_PUBLIC_FEEDBACK_ENABLED,
+    gatekeeperUrl: env.GATEKEEPER_URL,
 
     baseUrl: env.NEXT_PUBLIC_BASE_URL,
 
     analytics: {
       umami: {
-        websiteId: env.NEXT_PUBLIC_UMAMI_WEBSITE_ID,
-        scriptUrl: env.NEXT_PUBLIC_UMAMI_SCRIPT_URL,
-        // The proxied path used in the frontend
-        proxyPath: '/stats/script.js',
-        enabled: Boolean(env.NEXT_PUBLIC_UMAMI_WEBSITE_ID),
+        websiteId: env.UMAMI_WEBSITE_ID,
+        apiEndpoint: env.UMAMI_API_ENDPOINT,
+        enabled: Boolean(env.UMAMI_WEBSITE_ID),
       },
     },
 
     errors: {
       glitchtip: {
-        // Use SENTRY_DSN for both server and client (proxied)
         dsn: env.SENTRY_DSN,
-        // The proxied origin used in the frontend
         proxyPath: '/errors',
-        enabled: Boolean(env.SENTRY_DSN),
+        // On the client, we always enable it (it uses the tunnel / proxy defined in sentry.client.config.ts)
+        // On the server, we only enable it if the DSN is provided.
+        enabled: typeof window !== 'undefined' || Boolean(env.SENTRY_DSN),
       },
     },
 
@@ -69,6 +69,10 @@ function createConfig() {
       internalUrl: env.INTERNAL_DIRECTUS_URL,
       proxyPath: '/cms',
     },
+    infraCMS: {
+      url: env.INFRA_DIRECTUS_URL || env.DIRECTUS_URL,
+      token: env.INFRA_DIRECTUS_TOKEN || env.DIRECTUS_API_TOKEN,
+    },
     notifications: {
       gotify: {
         url: env.GOTIFY_URL,
@@ -137,6 +141,15 @@ export const config = {
   get notifications() {
     return getConfig().notifications;
   },
+  get feedbackEnabled() {
+    return getConfig().feedbackEnabled;
+  },
+  get infraCMS() {
+    return getConfig().infraCMS;
+  },
+  get gatekeeperUrl() {
+    return getConfig().gatekeeperUrl;
+  },
 };
 
 /**
@@ -152,7 +165,7 @@ export function getMaskedConfig() {
     analytics: {
       umami: {
         websiteId: mask(c.analytics.umami.websiteId),
-        scriptUrl: c.analytics.umami.scriptUrl,
+        apiEndpoint: c.analytics.umami.apiEndpoint,
         enabled: c.analytics.umami.enabled,
       },
     },

lib/directus.ts

@@ -1,4 +1,4 @@
-import { createDirectus, rest, authentication, readItems, readCollections } from '@directus/sdk';
+import { createDirectus, rest, authentication, staticToken, readItems, readCollections } from '@directus/sdk';
 import { config } from './config';
 import { getServerAppServices } from './services/create-services.server';
 
@@ -13,6 +13,7 @@ const effectiveUrl =
       ? `${window.location.origin}${proxyPath}`
       : proxyPath;
 
+// Initialize client with authentication plugin
 const client = createDirectus(effectiveUrl).with(rest()).with(authentication());
 
 /**
@@ -30,20 +31,48 @@ function formatError(error: any) {
   return 'A system error occurred. Our team has been notified.';
 }
 
+let authPromise: Promise<void> | null = null;
+
 export async function ensureAuthenticated() {
   if (token) {
-    client.setToken(token);
+    (client as any).setToken(token);
     return;
   }
+
+  // Check if we already have a valid session token in memory (for login flow)
+  const existingToken = await (client as any).getToken();
+  if (existingToken) {
+    return;
+  }
+
   if (adminEmail && password) {
-    try {
-      await client.login(adminEmail, password);
-    } catch (e) {
-      if (typeof window === 'undefined') {
-        getServerAppServices().errors.captureException(e, { part: 'directus_auth' });
-      }
-      console.error('Failed to authenticate with Directus:', e);
+    if (authPromise) {
+      return authPromise;
     }
+
+    authPromise = (async () => {
+      try {
+        client.setToken(null as any);
+        await client.login(adminEmail, password);
+        console.log(`✅ Directus: Authenticated successfully as ${adminEmail}`);
+      } catch (e: any) {
+        if (typeof window === 'undefined') {
+          getServerAppServices().errors.captureException(e, { part: 'directus_auth' });
+        }
+        console.error(`Failed to authenticate with Directus (${adminEmail}):`, e.message);
+        if (shouldShowDevErrors && e.errors) {
+          console.error('Directus Auth Details:', JSON.stringify(e.errors, null, 2));
+        }
+        // Clear the promise on failure (especially on invalid credentials) 
+        // so we can retry on next request if credentials were updated
+        authPromise = null;
+        throw e;
+      }
+    })();
+
+    return authPromise;
+  } else if (shouldShowDevErrors && !adminEmail && !password && !token) {
+    console.warn('Directus: No token or admin credentials provided.');
   }
 }
 

lib/env.ts

@@ -15,10 +15,10 @@ export const envSchema = z
     NEXT_PUBLIC_TARGET: z.enum(['development', 'testing', 'staging', 'production']).optional(),
 
     // Analytics
-    NEXT_PUBLIC_UMAMI_WEBSITE_ID: z.preprocess(preprocessEmptyString, z.string().optional()),
-    NEXT_PUBLIC_UMAMI_SCRIPT_URL: z.preprocess(
+    UMAMI_WEBSITE_ID: z.preprocess(preprocessEmptyString, z.string().optional()),
+    UMAMI_API_ENDPOINT: z.preprocess(
       preprocessEmptyString,
-      z.string().url().default('https://analytics.infra.mintel.me/script.js'),
+      z.string().url().default('https://analytics.infra.mintel.me'),
     ),
 
     // Error Tracking
@@ -53,6 +53,21 @@ export const envSchema = z
     // Gotify
     GOTIFY_URL: z.preprocess(preprocessEmptyString, z.string().url().optional()),
     GOTIFY_TOKEN: z.preprocess(preprocessEmptyString, z.string().optional()),
+    // Gatekeeper
+    GATEKEEPER_URL: z.preprocess(
+      preprocessEmptyString,
+      z.string().url().default('http://gatekeeper:3000'),
+    ),
+    NEXT_PUBLIC_FEEDBACK_ENABLED: z.preprocess(
+      (val) => val === 'true' || val === true,
+      z.boolean().default(false)
+    ),
+    GATEKEEPER_BYPASS_ENABLED: z.preprocess(
+      (val) => val === 'true' || val === true,
+      z.boolean().default(false)
+    ),
+    INFRA_DIRECTUS_URL: z.preprocess(preprocessEmptyString, z.string().url().optional()),
+    INFRA_DIRECTUS_TOKEN: z.preprocess(preprocessEmptyString, z.string().optional()),
   })
   .superRefine((data, ctx) => {
     const target = data.NEXT_PUBLIC_TARGET || data.TARGET;
@@ -82,8 +97,8 @@ export function getRawEnv() {
     NODE_ENV: process.env.NODE_ENV,
     NEXT_PUBLIC_BASE_URL: process.env.NEXT_PUBLIC_BASE_URL,
     NEXT_PUBLIC_TARGET: process.env.NEXT_PUBLIC_TARGET,
-    NEXT_PUBLIC_UMAMI_WEBSITE_ID: process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID,
-    NEXT_PUBLIC_UMAMI_SCRIPT_URL: process.env.NEXT_PUBLIC_UMAMI_SCRIPT_URL,
+    UMAMI_WEBSITE_ID: process.env.UMAMI_WEBSITE_ID,
+    UMAMI_API_ENDPOINT: process.env.UMAMI_API_ENDPOINT,
     SENTRY_DSN: process.env.SENTRY_DSN,
     LOG_LEVEL: process.env.LOG_LEVEL,
     MAIL_HOST: process.env.MAIL_HOST,
@@ -100,5 +115,10 @@ export function getRawEnv() {
     TARGET: process.env.TARGET,
     GOTIFY_URL: process.env.GOTIFY_URL,
     GOTIFY_TOKEN: process.env.GOTIFY_TOKEN,
+    GATEKEEPER_URL: process.env.GATEKEEPER_URL,
+    NEXT_PUBLIC_FEEDBACK_ENABLED: process.env.NEXT_PUBLIC_FEEDBACK_ENABLED,
+    GATEKEEPER_BYPASS_ENABLED: process.env.GATEKEEPER_BYPASS_ENABLED,
+    INFRA_DIRECTUS_URL: process.env.INFRA_DIRECTUS_URL,
+    INFRA_DIRECTUS_TOKEN: process.env.INFRA_DIRECTUS_TOKEN,
   };
 }

lib/mail/mailer.test.ts

@@ -47,7 +47,7 @@ describe('mailer', () => {
       });
 
       expect(result.success).toBe(false);
-      expect((result.error as Error).message).toContain('MAIL_HOST is not configured');
+      expect(result.error).toContain('MAIL_HOST is not configured');
 
       // Restore host
       (config.mail as any).host = originalHost;

lib/services/analytics/umami-analytics-service.ts

@@ -1,14 +1,6 @@
 import type { AnalyticsEventProperties, AnalyticsService } from './analytics-service';
-
-/**
- * Type definition for the Umami global object.
- *
- * This represents the `window.umami` object that the Umami script exposes.
- * The `track` function can accept either an event name or a URL.
- */
-type UmamiGlobal = {
-  track?: (eventOrUrl: string, props?: AnalyticsEventProperties) => void;
-};
+import { config } from '../../config';
+import type { LoggerService } from '../logging/logger-service';
 
 /**
  * Configuration options for UmamiAnalyticsService.
@@ -20,133 +12,162 @@ export type UmamiAnalyticsServiceOptions = {
 };
 
 /**
- * Umami Analytics Service Implementation.
+ * Umami Analytics Service Implementation (Script-less/Proxy edition).
  *
- * This service implements the AnalyticsService interface for Umami analytics.
- * It provides type-safe event tracking and pageview tracking.
+ * This version implements the Umami tracking protocol directly via fetch,
+ * eliminating the need to load an external script.js file.
  *
- * @example
- * ```typescript
- * // Service creation (usually done by create-services.ts)
- * const service = new UmamiAnalyticsService({ enabled: true });
- *
- * // Track events
- * service.track('button_click', { button_id: 'cta' });
- * service.trackPageview('/products/123');
- * ```
- *
- * @example
- * ```typescript
- * // Using through the service layer (recommended)
- * import { getAppServices } from '@/lib/services/create-services';
- *
- * const services = getAppServices();
- * services.analytics.track('product_add_to_cart', {
- *   product_id: '123',
- *   price: 99.99,
- * });
- * ```
+ * In the browser, it gathers standard metadata (screen, language, referrer)
+ * and sends it to the proxied '/stats/api/send' endpoint.
+ * On the server, it sends directly to the internal Umami API.
  */
 export class UmamiAnalyticsService implements AnalyticsService {
-  constructor(private readonly options: UmamiAnalyticsServiceOptions) {}
+  private websiteId?: string;
+  private endpoint: string;
+  private logger: LoggerService;
+  private serverContext?: {
+    userAgent?: string;
+    language?: string;
+    referrer?: string;
+    ip?: string;
+  };
+
+  constructor(
+    private readonly options: UmamiAnalyticsServiceOptions,
+    logger: LoggerService,
+  ) {
+    this.websiteId = config.analytics.umami.websiteId;
+    this.logger = logger.child({ component: 'analytics-umami' });
+
+    // On server, use the full internal URL; on client, use the proxied path
+    this.endpoint = typeof window === 'undefined' ? config.analytics.umami.apiEndpoint : '/stats';
+
+    this.logger.debug('Umami service initialized', {
+      enabled: this.options.enabled,
+      websiteId: this.websiteId ? 'configured' : 'not configured (client-side proxy mode)',
+      endpoint: this.endpoint,
+    });
+  }
 
   /**
-   * Track a custom event with optional properties.
-   *
-   * This method checks if analytics are enabled and if we're in a browser environment
-   * before attempting to track the event.
-   *
-   * @param eventName - The name of the event to track
-   * @param props - Optional event properties
-   *
-   * @example
-   * ```typescript
-   * service.track('product_add_to_cart', {
-   *   product_id: '123',
-   *   product_name: 'Cable',
-   *   price: 99.99,
-   *   quantity: 1,
-   * });
-   * ```
+   * Set the server-side context for the current request.
+   * This allows the service to use real request headers for tracking.
    */
-  track(eventName: string, props?: AnalyticsEventProperties) {
+  setServerContext(context: {
+    userAgent?: string;
+    language?: string;
+    referrer?: string;
+    ip?: string;
+  }) {
+    this.serverContext = context;
+  }
+
+  /**
+   * Internal method to send the payload to Umami API.
+   */
+  private async sendPayload(type: 'event', data: Record<string, any>) {
     if (!this.options.enabled) return;
-    
-    // Server-side tracking via proxy
-    if (typeof window === 'undefined') {
-      const { getServerAppServices } = require('../create-services.server');
-      const { config } = require('../../config');
-      const websiteId = config.analytics.umami.websiteId;
-      const umamiUrl = config.analytics.umami.scriptUrl.replace('/script.js', '');
-      
-      if (!websiteId) return;
 
-      const logger = getServerAppServices().logger.child({ component: 'analytics' });
-      logger.info('Sending analytics event', { eventName, props });
+    // On the client, we don't need the websiteId (it's injected by the server-side proxy handler).
+    // On the server, we need it because we're calling the Umami API directly.
+    const isClient = typeof window !== 'undefined';
 
-      fetch(`${umamiUrl}/api/send`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'User-Agent': 'KLZ-Server' },
-        body: JSON.stringify({ type: 'event', payload: { website: websiteId, name: eventName, data: props } }),
-      }).catch((error) => {
-        logger.error('Failed to send analytics event', { eventName, props, error });
-      });
+    if (!isClient && !this.websiteId) {
+      this.logger.warn('Umami tracking called on server but no Website ID configured');
       return;
     }
 
-    const umami = (window as unknown as { umami?: UmamiGlobal }).umami;
-    umami?.track?.(eventName, props);
+    try {
+      const payload = {
+        website: this.websiteId,
+        hostname: isClient ? window.location.hostname : 'server',
+        screen: isClient ? `${window.screen.width}x${window.screen.height}` : undefined,
+        language: isClient ? navigator.language : this.serverContext?.language,
+        referrer: isClient ? document.referrer : this.serverContext?.referrer,
+        ...data,
+      };
+
+      this.logger.trace('Sending analytics payload', { type, url: data.url });
+
+      // Add a timeout to prevent hanging requests
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 10000); // 10s timeout
+
+      const headers: Record<string, string> = {
+        'Content-Type': 'application/json',
+      };
+
+      // Set User-Agent
+      if (isClient) {
+        headers['User-Agent'] = navigator.userAgent;
+      } else if (this.serverContext?.userAgent) {
+        headers['User-Agent'] = this.serverContext.userAgent;
+      } else {
+        headers['User-Agent'] = 'KLZ-Server-Proxy';
+      }
+
+      // Forward client IP if available (Umami must be configured to trust this)
+      if (this.serverContext?.ip) {
+        headers['X-Forwarded-For'] = this.serverContext.ip;
+      }
+
+      try {
+        const response = await fetch(`${this.endpoint}/api/send`, {
+          method: 'POST',
+          headers,
+          body: JSON.stringify({ type, payload }),
+          keepalive: true,
+          signal: controller.signal,
+        } as any);
+
+        clearTimeout(timeoutId);
+
+        if (!response.ok) {
+          const errorText = await response.text();
+          this.logger.warn('Umami API responded with error', {
+            status: response.status,
+            error: errorText.slice(0, 100),
+          });
+        }
+      } catch (fetchError) {
+        clearTimeout(timeoutId);
+        if ((fetchError as Error).name === 'AbortError') {
+          this.logger.error('Umami request timed out');
+        } else {
+          throw fetchError;
+        }
+      }
+    } catch (error) {
+      this.logger.error('Failed to send analytics', {
+        error: (error as Error).message,
+      });
+    }
+  }
+
+  /**
+   * Track a custom event.
+   */
+  track(eventName: string, props?: AnalyticsEventProperties) {
+    this.sendPayload('event', {
+      name: eventName,
+      data: props,
+      url:
+        typeof window !== 'undefined'
+          ? window.location.pathname + window.location.search
+          : undefined,
+    });
   }
 
   /**
    * Track a pageview.
-   *
-   * This method checks if analytics are enabled and if we're in a browser environment
-   * before attempting to track the pageview.
-   *
-   * Umami treats `track(url)` as a pageview override, so we can use the same
-   * `track` function for both events and pageviews.
-   *
-   * @param url - The URL to track (defaults to current location)
-   *
-   * @example
-   * ```typescript
-   * // Track current page
-   * service.trackPageview();
-   *
-   * // Track custom URL
-   * service.trackPageview('/products/123?category=cables');
-   * ```
    */
   trackPageview(url?: string) {
-    if (!this.options.enabled) return;
-
-    // Server-side tracking via proxy
-    if (typeof window === 'undefined') {
-      const { getServerAppServices } = require('../create-services.server');
-      const { config } = require('../../config');
-      const websiteId = config.analytics.umami.websiteId;
-      const umamiUrl = config.analytics.umami.scriptUrl.replace('/script.js', '');
-      
-      if (!websiteId || !url) return;
-
-      const logger = getServerAppServices().logger.child({ component: 'analytics' });
-      logger.info('Sending analytics pageview', { url });
-
-      fetch(`${umamiUrl}/api/send`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'User-Agent': 'KLZ-Server' },
-        body: JSON.stringify({ type: 'event', payload: { website: websiteId, url } }),
-      }).catch((error) => {
-        logger.error('Failed to send analytics pageview', { url, error });
-      });
-      return;
-    }
-
-    const umami = (window as unknown as { umami?: UmamiGlobal }).umami;
-
-    // Umami treats `track(url)` as a pageview override.
-    if (url) umami?.track?.(url);
-    else umami?.track?.(window.location.pathname + window.location.search);
+    this.sendPayload('event', {
+      url:
+        url ||
+        (typeof window !== 'undefined'
+          ? window.location.pathname + window.location.search
+          : undefined),
+    });
   }
 }

lib/services/create-services.server.ts

@@ -31,7 +31,7 @@ export function getServerAppServices(): AppServices {
   });
 
   const analytics = config.analytics.umami.enabled
-    ? new UmamiAnalyticsService({ enabled: true })
+    ? new UmamiAnalyticsService({ enabled: true }, logger)
     : new NoopAnalyticsService();
 
   if (config.analytics.umami.enabled) {
@@ -55,7 +55,7 @@ export function getServerAppServices(): AppServices {
   }
 
   const errors = config.errors.glitchtip.enabled
-    ? new GlitchtipErrorReportingService({ enabled: true }, notifications)
+    ? new GlitchtipErrorReportingService({ enabled: true }, logger, notifications)
     : new NoopErrorReportingService();
 
   if (config.errors.glitchtip.enabled) {

lib/services/create-services.ts

@@ -1,5 +1,6 @@
 import { AppServices } from './app-services';
 import { NoopAnalyticsService } from './analytics/noop-analytics-service';
+import { UmamiAnalyticsService } from './analytics/umami-analytics-service';
 import { MemoryCacheService } from './cache/memory-cache-service';
 import { GlitchtipErrorReportingService } from './errors/glitchtip-error-reporting-service';
 import { NoopErrorReportingService } from './errors/noop-error-reporting-service';
@@ -28,9 +29,8 @@ let singleton: AppServices | undefined;
  * - Cache service (in-memory)
  *
  * The services are configured based on environment variables:
- * - `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Enables Umami analytics
- * - `NEXT_PUBLIC_SENTRY_DSN` - Enables client-side error reporting
- * - `SENTRY_DSN` - Enables server-side error reporting
+ * - `UMAMI_WEBSITE_ID` - Enables Umami analytics
+ * - `SENTRY_DSN` - Enables error reporting (server-side direct, client-side via relay)
  *
  * @returns {AppServices} The application services singleton
  *
@@ -100,12 +100,8 @@ export function getAppServices(): AppServices {
   });
 
   // Create analytics service (Umami or no-op)
-  // Use dynamic import to avoid importing server-only code in client components
   const analytics = umamiEnabled
-    ? (() => {
-        const { UmamiAnalyticsService } = require('./analytics/umami-analytics-service');
-        return new UmamiAnalyticsService({ enabled: true });
-      })()
+    ? new UmamiAnalyticsService({ enabled: true }, logger)
     : new NoopAnalyticsService();
 
   if (umamiEnabled) {
@@ -114,9 +110,13 @@ export function getAppServices(): AppServices {
     logger.info('Noop analytics service initialized (analytics disabled)');
   }
 
+  // Create notification service
+  const notifications = new NoopNotificationService();
+  logger.info('Notification service initialized (noop)');
+
   // Create error reporting service (GlitchTip/Sentry or no-op)
   const errors = sentryEnabled
-    ? new GlitchtipErrorReportingService({ enabled: true })
+    ? new GlitchtipErrorReportingService({ enabled: true }, logger, notifications)
     : new NoopErrorReportingService();
 
   if (sentryEnabled) {
@@ -139,7 +139,6 @@ export function getAppServices(): AppServices {
   });
 
   // Create and cache the singleton
-  const notifications = new NoopNotificationService();
   singleton = new AppServices(analytics, errors, cache, logger, notifications);
 
   logger.info('All application services initialized successfully');

lib/services/errors/glitchtip-error-reporting-service.ts

@@ -5,6 +5,7 @@ import type {
   ErrorReportingUser,
 } from './error-reporting-service';
 import type { NotificationService } from '../notifications/notification-service';
+import type { LoggerService } from '../logging/logger-service';
 
 type SentryLike = typeof Sentry;
 
@@ -14,11 +15,16 @@ export type GlitchtipErrorReportingServiceOptions = {
 
 // GlitchTip speaks the Sentry protocol; @sentry/nextjs can send to GlitchTip via DSN.
 export class GlitchtipErrorReportingService implements ErrorReportingService {
+  private logger: LoggerService;
+
   constructor(
     private readonly options: GlitchtipErrorReportingServiceOptions,
+    logger: LoggerService,
     private readonly notifications?: NotificationService,
     private readonly sentry: SentryLike = Sentry,
-  ) {}
+  ) {
+    this.logger = logger.child({ component: 'error-reporting-glitchtip' });
+  }
 
   async captureException(error: unknown, context?: Record<string, unknown>) {
     if (!this.options.enabled) return undefined;

messages/de.json

@@ -393,4 +393,4 @@
       "cta": "Zurück zur Sicherheit"
     }
   }
-}
+}

messages/en.json

@@ -393,4 +393,4 @@
       "cta": "Back to Safety"
     }
   }
-}
+}

mintel-feedback-vendor

@@ -0,0 +1 @@
+../at-mintel/packages/next-feedback

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import './.next/dev/types/routes.d.ts';
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.mjs

@@ -1,11 +1,16 @@
 import createNextIntlPlugin from 'next-intl/plugin';
 import { withSentryConfig } from '@sentry/nextjs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const withNextIntl = createNextIntlPlugin();
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: 'standalone',
+  outputFileTracingRoot: path.join(__dirname, '..'),
   async redirects() {
     return [
       // Blog redirects
@@ -170,7 +175,7 @@ const nextConfig = {
       },
       {
         source: '/posts/why-the-n2xsf2y-is-the-ideal-cable-for-your-energy-project.html',
-        destination: '/en/blog/why-the-n2xsf2y-is-the-ideal-cable-for-your-energy-project',
+        destination: '/de/blog/why-the-n2xsf2y-is-the-ideal-cable-for-your-energy-project',
         permanent: true,
       },
       {
@@ -322,22 +327,9 @@ const nextConfig = {
     contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
   },
   async rewrites() {
-    const umamiUrl = (process.env.NEXT_PUBLIC_UMAMI_SCRIPT_URL || 'https://analytics.infra.mintel.me').replace('/script.js', '');
-    const glitchtipUrl = process.env.SENTRY_DSN
-      ? new URL(process.env.SENTRY_DSN).origin
-      : 'https://errors.infra.mintel.me';
-
     const directusUrl = process.env.INTERNAL_DIRECTUS_URL || process.env.DIRECTUS_URL || 'https://cms.klz-cables.com';
 
     return [
-      {
-        source: '/stats/:path*',
-        destination: `${umamiUrl}/:path*`,
-      },
-      {
-        source: '/errors/:path*',
-        destination: `${glitchtipUrl}/:path*`,
-      },
       {
         source: '/cms/:path*',
         destination: `${directusUrl}/:path*`,

package.json

@@ -1,10 +1,10 @@
 {
   "dependencies": {
     "@directus/sdk": "^18.0.3",
-    "@mintel/mail": "^1.2.3",
+    "@mintel/mail": "^1.6.0",
     "@react-email/components": "^1.0.6",
     "@react-pdf/renderer": "^4.3.2",
-    "@sentry/nextjs": "^8.55.0",
+    "@sentry/nextjs": "^10.38.0",
     "@swc/helpers": "^0.5.18",
     "@types/cheerio": "^0.22.35",
     "@types/leaflet": "^1.9.21",
@@ -13,20 +13,21 @@
     "clsx": "^2.1.1",
     "framer-motion": "^12.27.1",
     "gray-matter": "^4.0.3",
+    "@mintel/next-feedback": "^1.6.0",
     "i18next": "^25.7.3",
     "jsdom": "^27.4.0",
     "leaflet": "^1.9.4",
     "lucide-react": "^0.562.0",
-    "next": "^14.2.35",
+    "next": "16.1.6",
     "next-i18next": "^15.4.3",
-    "next-intl": "^4.6.1",
+    "next-intl": "^4.8.2",
     "next-mdx-remote": "^5.0.0",
     "nodemailer": "^7.0.12",
     "pdf-lib": "^1.17.1",
     "pino": "^10.3.0",
     "pino-pretty": "^13.1.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-email": "^5.2.5",
     "react-leaflet": "^4.2.1",
     "resend": "^3.5.0",
@@ -35,7 +36,9 @@
     "svg-to-pdfkit": "^0.1.8",
     "tailwind-merge": "^3.4.0",
     "xlsx": "^0.18.5",
-    "zod": "^4.3.6"
+    "zod": "^4.3.6",
+    "require-in-the-middle": "^8.0.1",
+    "import-in-the-middle": "^1.11.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.4.0",
@@ -50,9 +53,8 @@
     "@types/sharp": "^0.31.1",
     "@vitest/ui": "^4.0.16",
     "autoprefixer": "^10.4.23",
-    "eslint": "^8.57.1",
-    "eslint-config-next": "14.2.35",
-    "eslint-config-prettier": "^10.1.8",
+    "eslint": "^9.18.0",
+    "@mintel/eslint-config": "^1.6.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "postcss": "^8.5.6",
@@ -66,26 +68,40 @@
   "name": "klz-cables-nextjs",
   "private": true,
   "scripts": {
-    "dev": "docker network create infra 2>/dev/null || true && echo '\\n🚀 Development Environment Starting...\\n\\n📱 App:      http://klz.localhost\\n🗄️  CMS:      http://cms.klz.localhost/admin\\n🚦 Traefik:  http://localhost:8080\\n\\n(Press Ctrl+C to stop)\\n' && docker-compose down --remove-orphans && docker-compose up klz-app directus directus-db",
+    "dev": "docker network create infra 2>/dev/null || true && echo '\\n🚀 Development Environment Starting...\\n\\n📱 App:      http://klz.localhost\\n🗄️  CMS:      http://cms.klz.localhost/admin\\n🚦 Traefik:  http://localhost:8080\\n\\n(Press Ctrl+C to stop)\\n' && docker-compose down --remove-orphans && docker-compose up klz-app directus directus-db gatekeeper",
     "dev:local": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint .",
     "typecheck": "tsc --noEmit",
     "test": "vitest run --passWithNoTests",
     "test:og": "vitest run tests/og-image.test.ts",
-    "cms:bootstrap": "DIRECTUS_URL=http://localhost:8055 npx tsx --env-file=.env scripts/setup-directus-branding.ts",
+    "cms:branding:local": "DIRECTUS_URL=http://localhost:8055 npx tsx --env-file=.env scripts/setup-directus-branding.ts",
+    "cms:branding:testing": "DIRECTUS_URL=https://cms.testing.klz-cables.com npx tsx --env-file=.env scripts/setup-directus-branding.ts",
+    "cms:branding:staging": "DIRECTUS_URL=https://cms.staging.klz-cables.com npx tsx --env-file=.env scripts/setup-directus-branding.ts",
+    "cms:branding:prod": "DIRECTUS_URL=https://cms.klz-cables.com npx tsx --env-file=.env scripts/setup-directus-branding.ts",
+    "cms:bootstrap": "npm run cms:branding:local",
     "pdf:datasheets": "tsx ./scripts/generate-pdf-datasheets.ts",
     "pdf:datasheets:legacy": "tsx ./scripts/generate-pdf-datasheets-pdf-lib.ts",
-    "cms:push:staging": "./scripts/sync-directus.sh push staging",
-    "cms:pull:staging": "./scripts/sync-directus.sh pull staging",
-    "cms:push:testing": "./scripts/sync-directus.sh push testing",
+    "cms:schema:snapshot": "./scripts/cms-snapshot.sh",
+    "cms:schema:apply": "./scripts/cms-apply.sh local",
+    "cms:schema:apply:testing": "./scripts/cms-apply.sh testing",
+    "cms:schema:apply:staging": "./scripts/cms-apply.sh staging",
+    "cms:schema:apply:prod": "./scripts/cms-apply.sh production",
     "cms:pull:testing": "./scripts/sync-directus.sh pull testing",
-    "cms:push:prod": "./scripts/sync-directus.sh push production",
+    "cms:pull:staging": "./scripts/sync-directus.sh pull staging",
     "cms:pull:prod": "./scripts/sync-directus.sh pull production",
+    "cms:push:staging:DANGER": "./scripts/sync-directus.sh push staging",
+    "cms:push:testing:DANGER": "./scripts/sync-directus.sh push testing",
+    "cms:push:prod:DANGER": "./scripts/sync-directus.sh push production",
     "pagespeed:test": "tsx ./scripts/pagespeed-sitemap.ts",
     "pagespeed:urls": "tsx -e \"import sitemap from './app/sitemap'; sitemap().then(urls => console.log(urls.map(u => u.url).join('\\n')))\"",
     "prepare": "husky"
   },
-  "version": "1.0.0"
+  "version": "1.0.0",
+  "pnpm": {
+    "overrides": {
+      "next": "16.1.6"
+    }
+  }
 }

proxy.ts

@@ -33,8 +33,8 @@ export default function middleware(request: NextRequest) {
     const [publicHostname] = hostHeader.split(':');
 
     urlObj.protocol = proto;
-    urlObj.hostname = publicHostname;
-    urlObj.port = ''; // Explicitly clear internal port (3000)
+    // urlObj.hostname = publicHostname; // Don't rewrite hostname yet as it breaks internal fetches in dev
+    // urlObj.port = ''; // DON'T clear internal port (3000) anymore
 
     effectiveRequest = new NextRequest(urlObj, {
       headers: request.headers,
@@ -62,5 +62,5 @@ export default function middleware(request: NextRequest) {
 
 export const config = {
   // Match only internationalized pathnames
-  matcher: ['/((?!api|_next|_vercel|health|.*\\..*).*)', '/', '/(de|en)/:path*'],
+  matcher: ['/((?!api|_next|_vercel|stats|errors|health|.*\\..*).*)', '/', '/(de|en)/:path*'],
 };

scripts/README-migration.md

@@ -1,268 +0,0 @@
-# Migrating Analytics from Independent Analytics to Umami
-
-This guide explains how to migrate your analytics data from the Independent Analytics WordPress plugin to Umami.
-
-## What You Have
-
-You have exported your analytics data from Independent Analytics:
-- **data/pages(1).csv** - Page-level analytics data with:
-  - Title, Visitors, Views, View Duration, Bounce Rate, URL, Page Type
-  - 220 pages with historical data
-
-## What You Need
-
-Before migrating, you need:
-1. **Umami instance** running (self-hosted or cloud)
-2. **Website ID** from Umami (create a new website in Umami dashboard)
-3. **Access credentials** for Umami (API key or database access)
-
-## Migration Options
-
-The migration script provides three output formats:
-
-### Option 1: JSON Import (Recommended for API)
-```bash
-python3 scripts/migrate-analytics-to-umami.py \
-  --input data/pages\(1\).csv \
-  --output data/umami-import.json \
-  --format json \
-  --site-id YOUR_UMAMI_SITE_ID
-```
-
-**Import via API:**
-```bash
-curl -X POST \
-  -H "Content-Type: application/json" \
-  -H "Authorization: Bearer YOUR_API_KEY" \
-  -d @data/umami-import.json \
-  https://your-umami-instance.com/api/import
-```
-
-### Option 2: SQL Import (Direct Database)
-```bash
-python3 scripts/migrate-analytics-to-umami.py \
-  --input data/pages\(1\).csv \
-  --output data/umami-import.sql \
-  --format sql \
-  --site-id YOUR_UMAMI_SITE_ID
-```
-
-**Import via PostgreSQL:**
-```bash
-psql -U umami -d umami -f data/umami-import.sql
-```
-
-### Option 3: API Payload (Manual Import)
-```bash
-python3 scripts/migrate-analytics-to-umami.py \
-  --input data/pages\(1\).csv \
-  --output data/umami-import-api.json \
-  --format api \
-  --site-id YOUR_UMAMI_SITE_ID
-```
-
-## Step-by-Step Migration Guide
-
-### 1. Prepare Your Umami Instance
-
-**If self-hosting:**
-```bash
-# Clone Umami
-git clone https://github.com/umami-software/umami.git
-cd umami
-
-# Install dependencies
-npm install
-
-# Set up environment
-cp .env.example .env
-# Edit .env with your database credentials
-
-# Run migrations
-npm run migrate
-
-# Start the server
-npm run build
-npm run start
-```
-
-**If using Umami Cloud:**
-1. Sign up at https://umami.is
-2. Create a new website
-3. Get your Website ID from the dashboard
-
-### 2. Run the Migration Script
-
-Choose one of the migration options above based on your needs.
-
-**Example:**
-```bash
-# Make the script executable
-chmod +x scripts/migrate-analytics-to-umami.py
-
-# Run the migration
-python3 scripts/migrate-analytics-to-umami.py \
-  --input data/pages\(1\).csv \
-  --output data/umami-import.json \
-  --format json \
-  --site-id klz-cables
-```
-
-### 3. Import the Data
-
-#### Option A: Using Umami API (Recommended)
-
-1. **Get your API key:**
-   - Go to Umami dashboard → Settings → API Keys
-   - Create a new API key
-
-2. **Import the data:**
-   ```bash
-   curl -X POST \
-     -H "Content-Type: application/json" \
-     -H "Authorization: Bearer YOUR_API_KEY" \
-     -d @data/umami-import.json \
-     https://your-umami-instance.com/api/import
-   ```
-
-#### Option B: Direct Database Import
-
-1. **Connect to your Umami database:**
-   ```bash
-   psql -U umami -d umami
-   ```
-
-2. **Import the SQL file:**
-   ```bash
-   psql -U umami -d umami -f data/umami-import.sql
-   ```
-
-3. **Verify the import:**
-   ```sql
-   SELECT COUNT(*) FROM website_event WHERE website_id = 'klz-cables';
-   ```
-
-### 4. Verify the Migration
-
-1. **Check Umami dashboard:**
-   - Log into Umami
-   - Select your website
-   - View the analytics dashboard
-
-2. **Verify data:**
-   - Check page views count
-   - Verify top pages
-   - Check visitor counts
-
-## Important Notes
-
-### Data Limitations
-
-The CSV export from Independent Analytics contains **aggregated data**, not raw event data:
-- ✅ Page views (total counts)
-- ✅ Visitor counts
-- ✅ Average view duration
-- ❌ Individual user sessions
-- ❌ Real-time data
-- ❌ Geographic data
-- ❌ Referrer data
-- ❌ Device/browser data
-
-### What Gets Imported
-
-The migration script creates **simulated historical data**:
-- Each page view becomes a separate event
-- Timestamps are set to current time (for historical data, you'd need to adjust)
-- Duration is preserved from the average view duration
-- No session tracking (each view is independent)
-
-### Recommendations
-
-1. **Start fresh with Umami:**
-   - Let Umami collect new data going forward
-   - Use the migrated data for historical reference only
-
-2. **Keep the original CSV:**
-   - Store `data/pages(1).csv` as a backup
-   - You can re-import if needed
-
-3. **Update your website:**
-   - Replace Independent Analytics tracking code with Umami tracking code
-   - Test that Umami is collecting new data
-
-4. **Monitor for a few days:**
-   - Verify Umami is collecting data correctly
-   - Compare with any remaining Independent Analytics data
-
-## Troubleshooting
-
-### Issue: "ModuleNotFoundError: No module named 'csv'"
-
-**Solution:** Ensure Python 3 is installed:
-```bash
-python3 --version
-# Should be 3.7 or higher
-```
-
-### Issue: "Permission denied" when running script
-
-**Solution:** Make the script executable:
-```bash
-chmod +x scripts/migrate-analytics-to-umami.py
-```
-
-### Issue: API import fails
-
-**Solution:** Check:
-1. API key is correct and has import permissions
-2. Website ID exists in Umami
-3. Umami instance is accessible
-4. JSON format is valid
-
-### Issue: SQL import fails
-
-**Solution:** Check:
-1. Database credentials in `.env`
-2. Database is running
-3. Tables exist (run `npm run migrate` first)
-4. Permissions to insert into `website_event` table
-
-## Additional Data Migration
-
-If you have other CSV exports from Independent Analytics (referrers, devices, locations), you can:
-
-1. **Export additional data** from Independent Analytics:
-   - Referrers
-   - Devices (browsers, OS)
-   - Geographic data
-   - Custom events
-
-2. **Create custom migration scripts** for each data type
-
-3. **Contact Umami support** for bulk import assistance
-
-## Support
-
-- **Umami Documentation:** https://umami.is/docs
-- **Umami GitHub:** https://github.com/umami-software/umami
-- **Independent Analytics:** https://independentanalytics.com/
-
-## Summary
-
-✅ **Completed:**
-- Created migration script (`scripts/migrate-analytics-to-umami.py`)
-- Generated JSON import file (`data/umami-import.json`)
-- Generated SQL import file (`data/umami-import.sql`)
-- Created documentation (`scripts/README-migration.md`)
-
-📊 **Data Migrated:**
-- 7,634 simulated page view events
-- 220 unique pages
-- Historical view counts and durations
-
-🎯 **Next Steps:**
-1. Choose your import method (API or SQL)
-2. Run the migration script
-3. Import data into Umami
-4. Verify the migration
-5. Update your website to use Umami tracking

scripts/cleanup-directus.ts

@@ -1,19 +0,0 @@
-import client, { ensureAuthenticated } from '../lib/directus';
-import { readCollections, deleteCollection } from '@directus/sdk';
-
-async function cleanup() {
-    await ensureAuthenticated();
-    const collections = await (client as any).request(readCollections());
-    for (const c of collections) {
-        if (!c.collection.startsWith('directus_')) {
-            console.log(`Deleting ${c.collection}...`);
-            try {
-                await (client as any).request(deleteCollection(c.collection));
-            } catch (e) {
-                console.error(`Failed to delete ${c.collection}`);
-            }
-        }
-    }
-}
-
-cleanup().catch(console.error);

scripts/cms-apply.sh

@@ -0,0 +1,54 @@
+#!/bin/bash
+
+ENV=$1
+REMOTE_HOST="root@alpha.mintel.me"
+REMOTE_DIR="/home/deploy/sites/klz-cables.com"
+
+if [ -z "$ENV" ]; then
+    echo "Usage: ./scripts/cms-apply.sh [local|testing|staging|production]"
+    exit 1
+fi
+
+PRJ_ID=$(jq -r .name package.json | sed 's/@mintel\///' | sed 's/\.com$//')
+
+case $ENV in
+  local)
+    CONTAINER=$(docker compose ps -q directus)
+    if [ -z "$CONTAINER" ]; then
+        echo "❌ Local directus container not found."
+        exit 1
+    fi
+    echo "🚀 Applying schema locally..."
+    docker exec "$CONTAINER" npx directus schema apply /directus/schema/snapshot.yaml --yes
+    ;;
+  testing|staging|production)
+    case $ENV in
+      testing)    PROJECT_NAME="${PRJ_ID}-testing" ;;
+      staging)    PROJECT_NAME="${PRJ_ID}-staging" ;;
+      production) PROJECT_NAME="${PRJ_ID}-prod"    ;;
+    esac
+    
+    echo "📤 Uploading snapshot to $ENV..."
+    scp ./directus/schema/snapshot.yaml "$REMOTE_HOST:$REMOTE_DIR/directus/schema/snapshot.yaml"
+    
+    echo "🔍 Detecting remote container..."
+    REMOTE_CONTAINER=$(ssh "$REMOTE_HOST" "cd $REMOTE_DIR && docker compose -p $PROJECT_NAME ps -q directus")
+    
+    if [ -z "$REMOTE_CONTAINER" ]; then
+        echo "❌ Remote container for $ENV not found."
+        exit 1
+    fi
+    
+    echo "🚀 Applying schema to $ENV..."
+    ssh "$REMOTE_HOST" "docker exec $REMOTE_CONTAINER npx directus schema apply /directus/schema/snapshot.yaml --yes"
+    
+    echo "🔄 Restarting Directus to clear cache..."
+    ssh "$REMOTE_HOST" "cd $REMOTE_DIR && docker compose -p $PROJECT_NAME restart directus"
+    ;;
+  *)
+    echo "❌ Invalid environment."
+    exit 1
+    ;;
+esac
+
+echo "✨ Schema apply complete!"

scripts/cms-snapshot.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+# Detect local container
+LOCAL_CONTAINER=$(docker compose ps -q directus)
+
+if [ -z "$LOCAL_CONTAINER" ]; then
+    echo "❌ Local directus container not found. Is it running?"
+    exit 1
+fi
+
+echo "📸 Creating schema snapshot..."
+# Note: we save it to the mounted volume path inside the container
+docker exec "$LOCAL_CONTAINER" npx directus schema snapshot /directus/schema/snapshot.yaml
+
+echo "✅ Snapshot saved to ./directus/schema/snapshot.yaml"

scripts/create-manual-mapping.ts

@@ -1,230 +0,0 @@
-#!/usr/bin/env tsx
-
-/**
- * Manual Translation Mapping Generator
- * Creates translationKey mappings for posts that couldn't be auto-detected
- */
-
-import { readFileSync, writeFileSync } from 'fs';
-import { join } from 'path';
-
-interface Post {
-  id: number;
-  slug: string;
-  title: { rendered: string };
-  date: string;
-  lang: string;
-  pll_translation_id?: number;
-  pll_master_post_id?: number;
-}
-
-interface TranslationMapping {
-  posts: Record<string, string[]>; // translationKey -> [en_id, de_id]
-  products: Record<string, string[]>;
-  pages: Record<string, string[]>;
-}
-
-interface RawData {
-  posts: {
-    en: Post[];
-    de: Post[];
-  };
-  products: {
-    en: any[];
-    de: any[];
-  };
-  pages: {
-    en: any[];
-    de: any[];
-  };
-}
-
-// Simple text similarity function
-function calculateSimilarity(text1: string, text2: string): number {
-  const normalize = (str: string) => 
-    str.toLowerCase()
-      .replace(/[^\w\s]/g, '')
-      .replace(/\s+/g, ' ')
-      .trim();
-  
-  const s1 = normalize(text1);
-  const s2 = normalize(text2);
-  
-  if (s1 === s2) return 1.0;
-  
-  // Simple overlap calculation
-  const words1 = s1.split(' ');
-  const words2 = s2.split(' ');
-  const intersection = words1.filter(w => words2.includes(w));
-  const union = new Set([...words1, ...words2]);
-  
-  return intersection.length / union.size;
-}
-
-// Generate translation key from title
-function generateKeyFromTitle(title: string): string {
-  return title.toLowerCase()
-    .replace(/[^\w\s-]/g, '')
-    .replace(/\s+/g, '-')
-    .replace(/-+/g, '-')
-    .trim();
-}
-
-function findPostTranslations(
-  postsEn: Post[],
-  postsDe: Post[]
-): TranslationMapping['posts'] {
-  const mapping: TranslationMapping['posts'] = {};
-  
-  // First pass: try to match by Polylang metadata
-  const deById = new Map(postsDe.map(p => [p.id, p]));
-  const deByTranslationId = new Map(postsDe.map(p => [p.pll_translation_id, p]));
-  
-  for (const enPost of postsEn) {
-    // Try by pll_translation_id
-    if (enPost.pll_translation_id && deByTranslationId.has(enPost.pll_translation_id)) {
-      const dePost = deByTranslationId.get(enPost.pll_translation_id)!;
-      const key = `post-${enPost.pll_translation_id}`;
-      mapping[key] = [enPost.id, dePost.id];
-      continue;
-    }
-    
-    // Try by pll_master_post_id
-    if (enPost.pll_master_post_id && deById.has(enPost.pll_master_post_id)) {
-      const dePost = deById.get(enPost.pll_master_post_id)!;
-      const key = `post-${enPost.pll_master_post_id}`;
-      mapping[key] = [enPost.id, dePost.id];
-      continue;
-    }
-  }
-  
-  // Second pass: content-based matching for remaining unmatched posts
-  const matchedEnIds = new Set(
-    Object.values(mapping).flat()
-  );
-  
-  const unmatchedEn = postsEn.filter(p => !matchedEnIds.includes(p.id));
-  const unmatchedDe = postsDe.filter(p => !matchedEnIds.includes(p.id));
-  
-  for (const enPost of unmatchedEn) {
-    let bestMatch: { post: Post; score: number } | null = null;
-    
-    for (const dePost of unmatchedDe) {
-      const titleScore = calculateSimilarity(enPost.title.rendered, dePost.title.rendered);
-      const slugScore = calculateSimilarity(enPost.slug, dePost.slug);
-      const dateScore = enPost.date === dePost.date ? 1.0 : 0.0;
-      
-      // Weighted average
-      const score = (titleScore * 0.6) + (slugScore * 0.3) + (dateScore * 0.1);
-      
-      if (score > 0.7 && (!bestMatch || score > bestMatch.score)) {
-        bestMatch = { post: dePost, score };
-      }
-    }
-    
-    if (bestMatch) {
-      const key = generateKeyFromTitle(enPost.title.rendered);
-      mapping[key] = [enPost.id, bestMatch.post.id];
-      unmatchedDe.splice(unmatchedDe.indexOf(bestMatch.post), 1);
-    }
-  }
-  
-  return mapping;
-}
-
-function findProductTranslations(
-  productsEn: any[],
-  productsDe: any[]
-): TranslationMapping['products'] {
-  const mapping: TranslationMapping['products'] = {};
-  
-  // Use SKU as primary key if available
-  const deBySku = new Map(productsDe.map(p => [p.sku, p]));
-  
-  for (const enProduct of productsEn) {
-    if (enProduct.sku && deBySku.has(enProduct.sku)) {
-      const key = `product-${enProduct.sku}`;
-      mapping[key] = [enProduct.id, deBySku.get(enProduct.sku)!.id];
-    }
-  }
-  
-  return mapping;
-}
-
-function findPageTranslations(
-  pagesEn: any[],
-  pagesDe: any[]
-): TranslationMapping['pages'] {
-  const mapping: TranslationMapping['pages'] = {};
-  
-  // Pages should have better Polylang metadata
-  const deById = new Map(pagesDe.map(p => [p.id, p]));
-  const deByTranslationId = new Map(pagesDe.map(p => [p.pll_translation_id, p]));
-  
-  for (const enPage of pagesEn) {
-    if (enPage.pll_translation_id && deByTranslationId.has(enPage.pll_translation_id)) {
-      const dePage = deByTranslationId.get(enPage.pll_translation_id)!;
-      const key = `page-${enPage.pll_translation_id}`;
-      mapping[key] = [enPage.id, dePage.id];
-    }
-  }
-  
-  return mapping;
-}
-
-function main() {
-  console.log('🔍 Creating manual translation mapping...\n');
-  
-  // Read raw data
-  const rawData: RawData = {
-    posts: {
-      en: JSON.parse(readFileSync('data/raw/posts.en.json', 'utf8')),
-      de: JSON.parse(readFileSync('data/raw/posts.de.json', 'utf8'))
-    },
-    products: {
-      en: JSON.parse(readFileSync('data/raw/products.en.json', 'utf8')),
-      de: JSON.parse(readFileSync('data/raw/products.de.json', 'utf8'))
-    },
-    pages: {
-      en: JSON.parse(readFileSync('data/raw/pages.en.json', 'utf8')),
-      de: JSON.parse(readFileSync('data/raw/pages.de.json', 'utf8'))
-    }
-  };
-  
-  console.log('📊 Raw data loaded:');
-  console.log(`  - Posts: ${rawData.posts.en.length} EN, ${rawData.posts.de.length} DE`);
-  console.log(`  - Products: ${rawData.products.en.length} EN, ${rawData.products.de.length} DE`);
-  console.log(`  - Pages: ${rawData.pages.en.length} EN, ${rawData.pages.de.length} DE`);
-  console.log('');
-  
-  // Generate mappings
-  const mapping: TranslationMapping = {
-    posts: findPostTranslations(rawData.posts.en, rawData.posts.de),
-    products: findProductTranslations(rawData.products.en, rawData.products.de),
-    pages: findPageTranslations(rawData.pages.en, rawData.pages.de)
-  };
-  
-  // Save mapping
-  const outputPath = 'data/manual-translation-mapping.json';
-  writeFileSync(outputPath, JSON.stringify(mapping, null, 2));
-  
-  console.log('✅ Manual translation mapping created:\n');
-  console.log(`Posts: ${Object.keys(mapping.posts).length} pairs`);
-  console.log(`Products: ${Object.keys(mapping.products).length} pairs`);
-  console.log(`Pages: ${Object.keys(mapping.pages).length} pairs`);
-  console.log(`\nSaved to: ${outputPath}`);
-  
-  // Show some examples
-  if (Object.keys(mapping.posts).length > 0) {
-    console.log('\n📝 Post mapping examples:');
-    Object.entries(mapping.posts).slice(0, 3).forEach(([key, ids]) => {
-      const enPost = rawData.posts.en.find(p => p.id === ids[0]);
-      const dePost = rawData.posts.de.find(p => p.id === ids[1]);
-      console.log(`  ${key}:`);
-      console.log(`    EN: [${ids[0]}] ${enPost?.title.rendered}`);
-      console.log(`    DE: [${ids[1]}] ${dePost?.title.rendered}`);
-    });
-  }
-}
-
-main();

scripts/deploy-analytics-to-umami.sh

@@ -1,76 +0,0 @@
-#!/bin/bash
-# Deploy analytics data to your Umami instance on alpha.mintel.me
-
-set -e
-
-# Configuration - Umami is on infra.mintel.me
-SERVER="root@infra.mintel.me"
-REMOTE_PATH="/home/deploy/sites/klz-cables.com"
-WEBSITE_ID="59a7db94-0100-4c7e-98ef-99f45b17f9c3"
-
-# Umami API endpoint (assuming it's running on the same server)
-UMAMI_API="http://localhost:3000/api/import"
-
-echo "🚀 Deploying analytics data to your Umami instance..."
-echo "Server: $SERVER"
-echo "Remote path: $REMOTE_PATH"
-echo "Website ID: $WEBSITE_ID"
-echo "Umami API: $UMAMI_API"
-echo ""
-
-# Check if files exist
-if [ ! -f "data/umami-import.json" ]; then
-    echo "❌ Error: data/umami-import.json not found"
-    echo "Please run the migration script first:"
-    echo "  python3 scripts/migrate-analytics-to-umami.py --input data/pages\(1\).csv --output data/umami-import.json --format json --site-id $WEBSITE_ID"
-    exit 1
-fi
-
-# Test SSH connection
-echo "🔍 Testing SSH connection to $SERVER..."
-if ! ssh -o ConnectTimeout=5 "$SERVER" "echo 'SSH connection successful'"; then
-    echo "❌ Error: Cannot connect to $SERVER"
-    echo "Please check your SSH key and connection"
-    exit 1
-fi
-echo "✅ SSH connection successful"
-echo ""
-
-# Create directory and copy files to server
-echo "📁 Creating remote directory..."
-ssh "$SERVER" "mkdir -p $REMOTE_PATH/data"
-echo "✅ Remote directory created"
-
-echo "📤 Copying analytics files to server..."
-scp data/umami-import.json "$SERVER:$REMOTE_PATH/data/"
-scp data/umami-import.sql "$SERVER:$REMOTE_PATH/data/"
-echo "✅ Files copied successfully"
-echo ""
-
-# Detect Umami container
-echo "🔍 Detecting Umami container..."
-UMAMI_CONTAINER=$(ssh "$SERVER" "docker ps -q --filter 'name=umami'")
-if [ -z "$UMAMI_CONTAINER" ]; then
-    echo "❌ Error: Could not detect Umami container"
-    echo "Make sure Umami is running on $SERVER"
-    exit 1
-fi
-echo "✅ Umami container detected: $UMAMI_CONTAINER"
-echo ""
-
-# Import data via database (most reliable method)
-echo "📥 Importing data via database..."
-ssh "$SERVER" "
-    echo 'Importing data into Umami database...'
-    docker exec -i core-postgres-1 psql -U infra -d umami < $REMOTE_PATH/data/umami-import.sql
-    echo '✅ Database import completed'
-"
-
-echo ""
-echo "✅ Migration Complete!"
-echo ""
-echo "Your analytics data has been imported into Umami."
-echo "Website ID: $WEBSITE_ID"
-echo ""
-echo "Verify in Umami dashboard: https://analytics.infra.mintel.me"
-echo "You should see 7,634 historical page view events."

scripts/deploy-to-umami.sh

@@ -1,127 +0,0 @@
-#!/bin/bash
-# Deploy analytics data to Umami server
-
-set -e
-
-# Configuration
-SERVER="root@alpha.mintel.me"
-REMOTE_PATH="/home/deploy/sites/klz-cables.com"
-WEBSITE_ID="59a7db94-0100-4c7e-98ef-99f45b17f9c3"
-
-echo "🚀 Deploying analytics data to Umami server..."
-echo "Server: $SERVER"
-echo "Remote path: $REMOTE_PATH"
-echo "Website ID: $WEBSITE_ID"
-echo ""
-
-# Check if files exist
-if [ ! -f "data/umami-import.json" ]; then
-    echo "❌ Error: data/umami-import.json not found"
-    echo "Please run the migration script first:"
-    echo "  python3 scripts/migrate-analytics-to-umami.py --input data/pages\(1\).csv --output data/umami-import.json --format json --site-id $WEBSITE_ID"
-    exit 1
-fi
-
-if [ ! -f "data/umami-import.sql" ]; then
-    echo "❌ Error: data/umami-import.sql not found"
-    echo "Please run the migration script first:"
-    echo "  python3 scripts/migrate-analytics-to-umami.py --input data/pages\(1\).csv --output data/umami-import.sql --format sql --site-id $WEBSITE_ID"
-    exit 1
-fi
-
-# Check if SSH connection works
-echo "🔍 Testing SSH connection..."
-if ! ssh -o ConnectTimeout=5 "$SERVER" "echo 'SSH connection successful'"; then
-    echo "❌ Error: Cannot connect to $SERVER"
-    echo "Please check your SSH key and connection"
-    exit 1
-fi
-
-echo "✅ SSH connection successful"
-echo ""
-
-# Create remote directory if it doesn't exist
-echo "📁 Creating remote directory..."
-ssh "$SERVER" "mkdir -p $REMOTE_PATH/data"
-echo "✅ Remote directory created"
-echo ""
-
-# Copy files to server
-echo "📤 Copying files to server..."
-scp data/umami-import.json "$SERVER:$REMOTE_PATH/data/"
-scp data/umami-import.sql "$SERVER:$REMOTE_PATH/data/"
-echo "✅ Files copied successfully"
-echo ""
-
-# Option 1: Import via API (if Umami API is accessible)
-echo "📋 Import Options:"
-echo ""
-echo "Option 1: Import via API (Recommended)"
-echo "--------------------------------------"
-echo "1. SSH into your server:"
-echo "   ssh $SERVER"
-echo ""
-echo "2. Navigate to the directory:"
-echo "   cd $REMOTE_PATH"
-echo ""
-echo "3. Get your Umami API key:"
-echo "   - Log into Umami dashboard"
-echo "   - Go to Settings → API Keys"
-echo "   - Create a new API key"
-echo ""
-echo "4. Import the data:"
-echo "   curl -X POST \\"
-echo "     -H \"Content-Type: application/json\" \\"
-echo "     -H \"Authorization: Bearer YOUR_API_KEY\" \\"
-echo "     -d @data/umami-import.json \\"
-echo "     http://localhost:3000/api/import"
-echo ""
-echo "   Or if Umami is on a different port/domain:"
-echo "   curl -X POST \\"
-echo "     -H \"Content-Type: application/json\" \\"
-echo "     -H \"Authorization: Bearer YOUR_API_KEY\" \\"
-echo "     -d @data/umami-import.json \\"
-echo "     https://your-umami-domain.com/api/import"
-echo ""
-
-# Option 2: Import via Database
-echo "Option 2: Import via Database"
-echo "------------------------------"
-echo "1. SSH into your server:"
-echo "   ssh $SERVER"
-echo ""
-echo "2. Navigate to the directory:"
-echo "   cd $REMOTE_PATH"
-echo ""
-echo "3. Import the SQL file:"
-echo "   psql -U umami -d umami -f data/umami-import.sql"
-echo ""
-echo "   If you need to specify host/port:"
-echo "   PGPASSWORD=your_password psql -h localhost -U umami -d umami -f data/umami-import.sql"
-echo ""
-
-# Option 3: Manual import via Umami dashboard
-echo "Option 3: Manual Import via Umami Dashboard"
-echo "--------------------------------------------"
-echo "1. Log into Umami dashboard"
-echo "2. Go to Settings → Import"
-echo "3. Upload data/umami-import.json"
-echo "4. Select your website (ID: $WEBSITE_ID)"
-echo "5. Click Import"
-echo ""
-
-echo "📊 File Information:"
-echo "-------------------"
-echo "JSON file: $(ls -lh data/umami-import.json | awk '{print $5}')"
-echo "SQL file: $(ls -lh data/umami-import.sql | awk '{print $5}')"
-echo ""
-
-echo "✅ Deployment complete!"
-echo ""
-echo "Next steps:"
-echo "1. Choose one of the import methods above"
-echo "2. Import the data into Umami"
-echo "3. Verify the data in Umami dashboard"
-echo "4. Update your website to use Umami tracking code"
-echo ""
-echo "For detailed instructions, see: scripts/README-migration.md"

scripts/fetch-all-posts.js

@@ -1,32 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const { execSync } = require('child_process');
-
-const blogDir = path.join(process.cwd(), 'data', 'blog', 'en');
-const outputDir = path.join(process.cwd(), 'reference', 'klz-cables-clone', 'posts');
-
-if (!fs.existsSync(outputDir)) {
-  fs.mkdirSync(outputDir, { recursive: true });
-}
-
-const files = fs.readdirSync(blogDir);
-
-files.forEach(file => {
-  if (!file.endsWith('.mdx')) return;
-  
-  const slug = file.replace('.mdx', '');
-  const url = `https://klz-cables.com/${slug}/`;
-  const outputPath = path.join(outputDir, `${slug}.html`);
-  
-  if (fs.existsSync(outputPath)) {
-    console.log(`Skipping ${slug}, already exists.`);
-    return;
-  }
-
-  console.log(`Fetching ${slug}...`);
-  try {
-    execSync(`curl -L -s "${url}" -o "${outputPath}"`);
-  } catch (e) {
-    console.error(`Failed to fetch ${slug}: ${e.message}`);
-  }
-});

scripts/fetch-posts.js

@@ -1,136 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const cheerio = require('cheerio');
-
-const API_URL = 'https://klz-cables.com/wp-json/wp/v2/posts?per_page=100&_embed';
-
-async function fetchPosts() {
-  console.log('Fetching posts...');
-  const response = await fetch(API_URL);
-  if (!response.ok) {
-    throw new Error(`Failed to fetch posts: ${response.statusText}`);
-  }
-  const posts = await response.json();
-  console.log(`Fetched ${posts.length} posts.`);
-  return posts;
-}
-
-function cleanContent(content) {
-  let cleaned = content;
-
-  // Decode HTML entities first to make regex easier
-  cleaned = cleaned.replace(/”/g, '"').replace(/“/g, '"').replace(/’/g, "'").replace(/&/g, '&').replace(/″/g, '"');
-
-  // Remove vc_row and vc_column wrappers
-  cleaned = cleaned.replace(/\[\/?vc_row.*?\]/g, '');
-  cleaned = cleaned.replace(/\[\/?vc_column.*?\]/g, '');
-  
-  // Remove vc_column_text wrapper but keep content
-  cleaned = cleaned.replace(/\[vc_column_text.*?\]/g, '');
-  cleaned = cleaned.replace(/\[\/vc_column_text\]/g, '');
-
-  // Convert split_line_heading to h2
-  cleaned = cleaned.replace(/\[split_line_heading[^\]]*text_content="([^"]+)"[^\]]*\](?:\[\/split_line_heading\])?/g, '<h2>$1</h2>');
-  
-  // Remove other shortcodes
-  cleaned = cleaned.replace(/\[image_with_animation.*?\]/g, '');
-  cleaned = cleaned.replace(/\[divider.*?\]/g, '');
-  cleaned = cleaned.replace(/\[nectar_global_section.*?\]/g, '');
-
-  // Use Cheerio for HTML manipulation
-  const $ = cheerio.load(cleaned, { xmlMode: false, decodeEntities: false });
-
-  // Convert VisualLinkPreview
-  $('.vlp-link-container').each((i, el) => {
-    const $el = $(el);
-    const url = $el.find('a.vlp-link').attr('href');
-    const title = $el.find('.vlp-link-title').text().trim() || $el.find('a.vlp-link').attr('title');
-    const image = $el.find('.vlp-link-image img').attr('src');
-    const summary = $el.find('.vlp-link-summary').text().trim();
-
-    if (url && title) {
-      // We use a placeholder to avoid Cheerio messing up the React component syntax
-      const component = `__VISUAL_LINK_PREVIEW_START__ url="${url}" title="${title}" image="${image || ''}" summary="${summary || ''}" __VISUAL_LINK_PREVIEW_END__`;
-      $el.replaceWith(component);
-    }
-  });
-
-  // Remove data attributes
-  $('*').each((i, el) => {
-    const attribs = el.attribs;
-    for (const name in attribs) {
-      if (name.startsWith('data-')) {
-        $(el).removeAttr(name);
-      }
-    }
-  });
-
-  // Unwrap divs (remove div tags but keep content)
-  $('div').each((i, el) => {
-    $(el).replaceWith($(el).html());
-  });
-
-  // Remove empty paragraphs
-  $('p').each((i, el) => {
-    if ($(el).text().trim() === '' && $(el).children().length === 0) {
-      $(el).remove();
-    }
-  });
-
-  let output = $('body').html() || '';
-  
-  // Restore VisualLinkPreview
-  output = output.replace(/__VISUAL_LINK_PREVIEW_START__/g, '<VisualLinkPreview').replace(/__VISUAL_LINK_PREVIEW_END__/g, '/>');
-
-  return output.trim();
-}
-
-function generateMdx(post) {
-  const title = post.title.rendered.replace(/&#8221;/g, '"').replace(/&#8220;/g, '"').replace(/&#8217;/g, "'").replace(/&/g, '&');
-  const date = post.date;
-  const slug = post.slug;
-  const lang = post.lang || 'en'; // Default to en if not specified
-  
-  let featuredImage = '';
-  if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {
-    featuredImage = post._embedded['wp:featuredmedia'][0].source_url;
-  }
-
-  const content = cleanContent(post.content.rendered);
-
-  return `---
-title: "${title}"
-date: '${date}'
-featuredImage: ${featuredImage}
-locale: ${lang}
----
-
-${content}
-`;
-}
-
-async function main() {
-  try {
-    const posts = await fetchPosts();
-
-    for (const post of posts) {
-      const lang = post.lang || 'en';
-      const slug = post.slug;
-      const mdxContent = generateMdx(post);
-      
-      const dir = path.join('data/blog', lang);
-      if (!fs.existsSync(dir)) {
-        fs.mkdirSync(dir, { recursive: true });
-      }
-
-      const filePath = path.join(dir, `${slug}.mdx`);
-      fs.writeFileSync(filePath, mdxContent);
-      console.log(`Saved ${filePath}`);
-    }
-    console.log('Done.');
-  } catch (error) {
-    console.error('Error:', error);
-  }
-}
-
-main();

scripts/fix-mdx-frontmatter.js

@@ -1,87 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const blogDir = path.join(process.cwd(), 'data', 'blog');
-
-function fixFile(filePath) {
-  const content = fs.readFileSync(filePath, 'utf8');
-  const lines = content.split('\n');
-  
-  if (lines[0].trim() !== '---') {
-    return; // Not a frontmatter file or already fixed/different format
-  }
-
-  let newLines = [];
-  let inFrontmatter = false;
-  let frontmatterLines = [];
-  let contentLines = [];
-
-  // Separate frontmatter and content
-  if (lines[0].trim() === '---') {
-    inFrontmatter = true;
-    let i = 1;
-    // Skip empty line after first ---
-    if (lines[1].trim() === '') {
-      i = 2;
-    }
-    
-    for (; i < lines.length; i++) {
-      if (lines[i].trim() === '---') {
-        inFrontmatter = false;
-        contentLines = lines.slice(i + 1);
-        break;
-      }
-      frontmatterLines.push(lines[i]);
-    }
-  }
-
-  // Process frontmatter lines to fix multiline strings
-  let fixedFrontmatter = [];
-  for (let i = 0; i < frontmatterLines.length; i++) {
-    let line = frontmatterLines[i];
-    
-    // Check for multiline indicator >-
-    if (line.includes('>-')) {
-      const [key, ...rest] = line.split(':');
-      if (rest.join(':').trim() === '>-') {
-        // It's a multiline start
-        let value = '';
-        let j = i + 1;
-        while (j < frontmatterLines.length) {
-          const nextLine = frontmatterLines[j];
-          // If next line is a new key (contains : and doesn't start with space), stop
-          if (nextLine.includes(':') && !nextLine.startsWith(' ')) {
-            break;
-          }
-          value += (value ? ' ' : '') + nextLine.trim();
-          j++;
-        }
-        fixedFrontmatter.push(`${key}: '${value.replace(/'/g, "''")}'`);
-        i = j - 1; // Skip processed lines
-      } else {
-        fixedFrontmatter.push(line);
-      }
-    } else {
-      fixedFrontmatter.push(line);
-    }
-  }
-
-  const newContent = `---\n${fixedFrontmatter.join('\n')}\n---\n${contentLines.join('\n')}`;
-  fs.writeFileSync(filePath, newContent);
-  console.log(`Fixed ${filePath}`);
-}
-
-function processDir(dir) {
-  const files = fs.readdirSync(dir);
-  for (const file of files) {
-    const filePath = path.join(dir, file);
-    const stat = fs.statSync(filePath);
-    if (stat.isDirectory()) {
-      processDir(filePath);
-    } else if (file.endsWith('.mdx')) {
-      fixFile(filePath);
-    }
-  }
-}
-
-processDir(blogDir);

scripts/fix-schema.ts

@@ -1,99 +0,0 @@
-import client, { ensureAuthenticated } from '../lib/directus';
-import {
-    createCollection,
-    createField,
-    createItem,
-    readCollections,
-    deleteCollection
-} from '@directus/sdk';
-
-async function fixSchema() {
-    console.log('🚑 EXTERNAL RESCUE: Fixing Schema & Data...');
-    await ensureAuthenticated();
-
-    // 1. Reset Products Collection to be 100% Standard
-    console.log('🗑️  Clearing broken collections...');
-    try { await client.request(deleteCollection('products')); } catch (e) { }
-    try { await client.request(deleteCollection('products_translations')); } catch (e) { }
-
-    // 2. Create Products (Simple, Standard ID)
-    console.log('🏗️  Rebuilding Products Schema...');
-    await client.request(createCollection({
-        collection: 'products',
-        schema: {}, // Let Directus decide defaults
-        meta: {
-            display_template: '{{sku}}',
-            archive_field: 'status',
-            archive_value: 'archived',
-            unarchive_value: 'published'
-        },
-        fields: [
-            {
-                field: 'id',
-                type: 'integer',
-                schema: { is_primary_key: true, has_auto_increment: true },
-                meta: { hidden: true }
-            },
-            {
-                field: 'status',
-                type: 'string',
-                schema: { default_value: 'published' },
-                meta: { width: 'full', options: { choices: [{ text: 'Published', value: 'published' }] } }
-            },
-            {
-                field: 'sku',
-                type: 'string',
-                meta: { interface: 'input', width: 'half' }
-            }
-        ]
-    } as any));
-
-    // 3. Create Translation Relation Safely
-    console.log('🌍 Rebuilding Translations...');
-    await client.request(createCollection({
-        collection: 'products_translations',
-        schema: {},
-        fields: [
-            {
-                field: 'id',
-                type: 'integer',
-                schema: { is_primary_key: true, has_auto_increment: true },
-                meta: { hidden: true }
-            },
-            { field: 'products_id', type: 'integer' },
-            { field: 'languages_code', type: 'string' },
-            { field: 'name', type: 'string', meta: { interface: 'input', width: 'full' } },
-            { field: 'description', type: 'text', meta: { interface: 'input-multiline' } },
-            { field: 'technical_items', type: 'json', meta: { interface: 'input-code-json' } }
-        ]
-    } as any));
-
-    // 4. Manually Insert ONE Product to Verify
-    console.log('📦 Injecting Test Product...');
-    try {
-        // We do this in two steps to be absolutely sure permissions don't block us
-        // Step A: Create User-Facing Product
-        const product = await client.request(createItem('products', {
-            sku: 'H1Z2Z2-K-TEST',
-            status: 'published'
-        }));
-
-        // Step B: Add Translation
-        await client.request(createItem('products_translations', {
-            products_id: product.id,
-            languages_code: 'de-DE',
-            name: 'H1Z2Z2-K Test Cable',
-            description: 'This is a verified imported product.',
-            technical_items: [{ label: 'Test', value: '100%' }]
-        }));
-
-        console.log(`✅ SUCCESS! Product Created with ID: ${product.id}`);
-        console.log(`verify at: ${process.env.DIRECTUS_URL}/admin/content/products/${product.id}`);
-
-    } catch (e: any) {
-        console.error('❌ Failed to create product:', e);
-        if (e.errors) console.error(JSON.stringify(e.errors, null, 2));
-    }
-}
-
-fixSchema().catch(console.error);

scripts/migrate-analytics-to-umami.py

@@ -1,305 +0,0 @@
-#!/usr/bin/env python3
-"""
-Migrate Independent Analytics data to Umami format
-"""
-
-import csv
-import json
-import argparse
-import uuid
-import random
-from datetime import datetime, timedelta
-import sys
-
-def parse_view_duration(duration_str):
-    """Convert view duration from 'X:XX' format to seconds"""
-    if not duration_str or duration_str == '-':
-        return 0
-    
-    parts = duration_str.split(':')
-    if len(parts) == 2:
-        return int(parts[0]) * 60 + int(parts[1])
-    elif len(parts) == 3:
-        return int(parts[0]) * 3600 + int(parts[1]) * 60 + int(parts[2])
-    return 0
-
-def convert_to_umami_format(csv_file, output_file, site_id="your-site-id"):
-    """
-    Convert Independent Analytics CSV to Umami import format
-    
-    Umami expects data in this format for API import:
-    {
-        "website_id": "uuid",
-        "hostname": "example.com",
-        "path": "/path",
-        "referrer": "",
-        "event_name": null,
-        "pageview": true,
-        "session": true,
-        "duration": 0,
-        "created_at": "2024-01-01T00:00:00.000Z"
-    }
-    """
-    
-    umami_records = []
-    
-    with open(csv_file, 'r', encoding='utf-8') as f:
-        reader = csv.DictReader(f)
-        
-        for row in reader:
-            # Skip 404 pages and empty entries
-            if row.get('Page Type') == '404' or not row.get('URL'):
-                continue
-            
-            # Extract data
-            title = row.get('Title', '')
-            url = row.get('URL', '/')
-            visitors = int(row.get('Visitors', 0))
-            views = int(row.get('Views', 0))
-            view_duration = parse_view_duration(row.get('View Duration', '0:00'))
-            bounce_rate = float(row.get('Bounce Rate', '0').strip('%')) if row.get('Bounce Rate') else 0
-            
-            # Calculate total session duration (views * average duration)
-            total_duration = views * view_duration
-            
-            # Create multiple records for each view to simulate historical data
-            # This is a simplified approach - in reality, you'd want more granular data
-            for i in range(min(views, 100)):  # Limit to 100 records per page to avoid huge files
-                umami_record = {
-                    "website_id": site_id,
-                    "hostname": "your-domain.com",  # Update this
-                    "path": url,
-                    "referrer": "",
-                    "event_name": None,
-                    "pageview": True,
-                    "session": True,
-                    "duration": view_duration,
-                    "created_at": datetime.now().isoformat() + "Z"
-                }
-                umami_records.append(umami_record)
-    
-    # Write to JSON file
-    with open(output_file, 'w', encoding='utf-8') as f:
-        json.dump(umami_records, f, indent=2)
-    
-    print(f"✅ Converted {len(umami_records)} records to Umami format")
-    print(f"📁 Output saved to: {output_file}")
-    return umami_records
-
-def generate_sql_import(csv_file, output_file, site_id="your-site-id"):
-    """
-    Generate SQL statements for direct database import into Umami.
-    Optimized to match target metrics:
-    - Visitors: ~7,639
-    - Views: ~20,718
-    - Sessions: ~9,216
-    - Avg Duration: ~3:41
-    - Bounce Rate: ~61%
-    """
-    
-    sql_statements = []
-    
-    with open(csv_file, 'r', encoding='utf-8') as f:
-        reader = csv.DictReader(f)
-        rows = [r for r in reader if r.get('Page Type') != '404' and r.get('URL')]
-
-    # Target totals
-    TARGET_VISITORS = 7639
-    TARGET_VIEWS = 20718
-    TARGET_SESSIONS = 9216
-    TARGET_AVG_DURATION = 221 # 3:41 in seconds
-    TARGET_BOUNCE_RATE = 0.61
-
-    # Umami "Visitors" = count(distinct session_id)
-    # Umami "Visits" = count(distinct visit_id)
-    # Umami "Views" = count(*) where event_type = 1
-    
-    # To get 7639 Visitors and 9216 Sessions, we need 7639 unique session_ids.
-    # Wait, if Visitors < Sessions, it usually means some visitors had multiple sessions.
-    # But in Umami DB, session_id IS the visitor.
-    # If we want 7639 Visitors, we MUST have exactly 7639 unique session_ids.
-    # If we want 9216 Sessions, we need to understand what Umami calls a "Session" in the UI.
-    # In Umami v2, "Sessions" in the UI often refers to unique visit_id.
-    # Let's aim for:
-    # 7639 unique session_id (Visitors)
-    # 9216 unique visit_id (Sessions/Visits)
-    # 20718 total events (Views)
-
-    session_ids = [str(uuid.uuid4()) for _ in range(TARGET_VISITORS)]
-    
-    # Distribute sessions over 30 days
-    # We'll create 9216 "visits" distributed among 7639 "sessions"
-    visits = []
-    for i in range(TARGET_SESSIONS):
-        visit_id = str(uuid.uuid4())
-        sess_id = session_ids[i % len(session_ids)]
-        
-        # Distribute over 30 days
-        # Last 7 days target: ~218 visitors, ~249 sessions
-        # 249/9216 = ~2.7% of data in last 7 days.
-        # Let's use a weighted distribution to match the "Last 7 days" feedback.
-        if random.random() < 0.027: # ~2.7% chance for last 7 days
-            days_ago = random.randint(0, 6)
-        else:
-            days_ago = random.randint(7, 30)
-            
-        hour = random.randint(0, 23)
-        minute = random.randint(0, 59)
-        start_time = (datetime.now() - timedelta(days=days_ago, hours=hour, minutes=minute))
-        
-        visits.append({'sess_id': sess_id, 'visit_id': visit_id, 'time': start_time, 'views': 0})
-
-    # Create the unique sessions in DB
-    for sess_id in session_ids:
-        # Find the earliest visit for this session to use as session created_at
-        sess_time = min([v['time'] for v in visits if v['sess_id'] == sess_id])
-        sql_sess = f"""
-        INSERT INTO session (session_id, website_id, browser, os, device, screen, language, country, created_at)
-        VALUES ('{sess_id}', '{site_id}', 'Chrome', 'Windows', 'desktop', '1920x1080', 'en', 'DE', '{sess_time.strftime('%Y-%m-%d %H:%M:%S')}')
-        ON CONFLICT (session_id) DO NOTHING;
-        """
-        sql_statements.append(sql_sess.strip())
-
-    # Distribute 20718 views among 9216 visits
-    views_remaining = TARGET_VIEWS - TARGET_SESSIONS
-    
-    # Every visit gets at least 1 view
-    url_pool = []
-    for row in rows:
-        weight = int(row['Views'])
-        url_pool.extend([{'url': row['URL'], 'title': row['Title'].replace("'", "''")}] * weight)
-    random.shuffle(url_pool)
-    url_idx = 0
-
-    for v in visits:
-        url_data = url_pool[url_idx % len(url_pool)]
-        url_idx += 1
-        
-        event_id = str(uuid.uuid4())
-        sql_ev = f"""
-        INSERT INTO website_event (event_id, website_id, session_id, created_at, url_path, url_query, referrer_path, referrer_query, referrer_domain, page_title, event_type, event_name, visit_id, hostname)
-        VALUES ('{event_id}', '{site_id}', '{v['sess_id']}', '{v['time'].strftime('%Y-%m-%d %H:%M:%S')}', '{url_data['url']}', '', '', '', '', '{url_data['title']}', 1, NULL, '{v['visit_id']}', 'klz-cables.com');
-        """
-        sql_statements.append(sql_ev.strip())
-        v['views'] += 1
-
-    # Add remaining views to visits
-    # To match bounce rate, we only add views to (1 - bounce_rate) of visits
-    num_non_bounces = int(TARGET_SESSIONS * (1 - TARGET_BOUNCE_RATE))
-    non_bounce_visits = random.sample(visits, num_non_bounces)
-
-    for _ in range(views_remaining):
-        v = random.choice(non_bounce_visits)
-        url_data = url_pool[url_idx % len(url_pool)]
-        url_idx += 1
-        
-        v['views'] += 1
-        # Add duration
-        view_time = v['time'] + timedelta(seconds=random.randint(30, 300))
-        
-        event_id = str(uuid.uuid4())
-        sql_ev = f"""
-        INSERT INTO website_event (event_id, website_id, session_id, created_at, url_path, url_query, referrer_path, referrer_query, referrer_domain, page_title, event_type, event_name, visit_id, hostname)
-        VALUES ('{event_id}', '{site_id}', '{v['sess_id']}', '{view_time.strftime('%Y-%m-%d %H:%M:%S')}', '{url_data['url']}', '', '', '', '', '{url_data['title']}', 1, NULL, '{v['visit_id']}', 'klz-cables.com');
-        """
-        sql_statements.append(sql_ev.strip())
-
-    with open(output_file, 'w', encoding='utf-8') as f:
-        f.write("\n".join(sql_statements))
-    
-    print(f"✅ Generated {len(sql_statements)} SQL statements")
-    print(f"📁 Output saved to: {output_file}")
-    return sql_statements
-
-    with open(output_file, 'w', encoding='utf-8') as f:
-        f.write("\n".join(sql_statements))
-    
-    print(f"✅ Generated {len(sql_statements)} SQL statements")
-    print(f"📁 Output saved to: {output_file}")
-    return sql_statements
-    
-    with open(output_file, 'w', encoding='utf-8') as f:
-        f.write("\n".join(sql_statements))
-    
-    print(f"✅ Generated {len(sql_statements)} SQL statements")
-    print(f"📁 Output saved to: {output_file}")
-    return sql_statements
-
-def generate_api_payload(csv_file, output_file, site_id="your-site-id"):
-    """
-    Generate payload for Umami API import
-    """
-    
-    payload = {
-        "website_id": site_id,
-        "events": []
-    }
-    
-    with open(csv_file, 'r', encoding='utf-8') as f:
-        reader = csv.DictReader(f)
-        
-        for row in reader:
-            if row.get('Page Type') == '404' or not row.get('URL'):
-                continue
-            
-            url = row.get('URL', '/')
-            views = int(row.get('Views', 0))
-            view_duration = parse_view_duration(row.get('View Duration', '0:00'))
-            
-            # Add pageview events
-            for i in range(min(views, 20)):  # Limit for API payload size
-                payload["events"].append({
-                    "type": "pageview",
-                    "url": url,
-                    "referrer": "",
-                    "duration": view_duration,
-                    "timestamp": datetime.now().isoformat() + "Z"
-                })
-    
-    with open(output_file, 'w', encoding='utf-8') as f:
-        json.dump(payload, f, indent=2)
-    
-    print(f"✅ Generated API payload with {len(payload['events'])} events")
-    print(f"📁 Output saved to: {output_file}")
-    return payload
-
-def main():
-    parser = argparse.ArgumentParser(description='Migrate Independent Analytics to Umami')
-    parser.add_argument('--input', '-i', required=True, help='Input CSV file from Independent Analytics')
-    parser.add_argument('--output', '-o', required=True, help='Output file path')
-    parser.add_argument('--format', '-f', choices=['json', 'sql', 'api'], default='json', 
-                       help='Output format: json (for API), sql (for DB), api (for API payload)')
-    parser.add_argument('--site-id', '-s', default='your-site-id', help='Umami website ID')
-    
-    args = parser.parse_args()
-    
-    print(f"🔄 Converting {args.input} to Umami format...")
-    print(f"Format: {args.format}")
-    print(f"Site ID: {args.site_id}")
-    print()
-    
-    try:
-        if args.format == 'json':
-            convert_to_umami_format(args.input, args.output, args.site_id)
-        elif args.format == 'sql':
-            generate_sql_import(args.input, args.output, args.site_id)
-        elif args.format == 'api':
-            generate_api_payload(args.input, args.output, args.site_id)
-        
-        print("\n✅ Migration completed successfully!")
-        print("\nNext steps:")
-        if args.format == 'json':
-            print("1. Use the JSON file with Umami's import API")
-        elif args.format == 'sql':
-            print("1. Import the SQL file into Umami's database")
-            print("2. Run: psql -U umami -d umami -f output.sql")
-        elif args.format == 'api':
-            print("1. POST the JSON payload to Umami's API endpoint")
-            print("2. Example: curl -X POST -H 'Content-Type: application/json' -d @output.json https://your-umami-instance.com/api/import")
-            
-    except Exception as e:
-        print(f"❌ Error: {e}")
-        sys.exit(1)
-
-if __name__ == "__main__":
-    main()

scripts/migrate-blog-to-mdx.ts

@@ -1,87 +0,0 @@
-import axios from 'axios';
-import * as fs from 'fs';
-import * as path from 'path';
-
-const WP_URL = 'https://klz-cables.com';
-
-async function fetchAllPosts() {
-  let page = 1;
-  let allPosts: any[] = [];
-  
-  while (true) {
-    console.log(`Fetching posts page ${page}...`);
-    try {
-      const response = await axios.get(`${WP_URL}/wp-json/wp/v2/posts`, {
-        params: {
-          per_page: 100,
-          page: page,
-          _embed: true
-        }
-      });
-      
-      const posts = response.data;
-      if (posts.length === 0) break;
-      
-      allPosts = allPosts.concat(posts);
-      page++;
-    } catch (error: any) {
-      if (error.response && error.response.status === 400) {
-        // End of pagination
-        break;
-      }
-      console.error('Error fetching posts:', error);
-      break;
-    }
-  }
-  
-  return allPosts;
-}
-
-function generateMdxContent(post: any, locale: 'en' | 'de') {
-  const frontmatter = {
-    title: post.title.rendered,
-    date: post.date,
-    excerpt: post.excerpt.rendered.replace(/<[^>]*>/g, '').trim(),
-    featuredImage: post._embedded?.['wp:featuredmedia']?.[0]?.source_url || null,
-    locale: locale
-  };
-
-  return `---
-${JSON.stringify(frontmatter, null, 2)}
----
-
-# ${post.title.rendered}
-
-${post.content.rendered}
-`;
-}
-
-async function run() {
-  const posts = await fetchAllPosts();
-  console.log(`Fetched ${posts.length} posts.`);
-
-  for (const post of posts) {
-    // Determine locale. 
-    // If using Polylang, we might check categories or tags, or a specific field if exposed.
-    // Or we can check the link structure if it contains /de/ or /en/ (though API link might be different)
-    // Let's try to guess from the link or content language detection if needed.
-    // For now, let's assume we can filter by category or just save all and manually sort if needed.
-    // Actually, Polylang usually exposes 'lang' in the API if configured, or we might need to fetch by lang.
-    
-    // Simple heuristic: check if link contains '/de/'
-    const locale = post.link.includes('/de/') ? 'de' : 'en';
-
-    const mdx = generateMdxContent(post, locale);
-
-    const outDir = path.join(process.cwd(), 'data', 'blog', locale);
-    if (!fs.existsSync(outDir)) {
-      fs.mkdirSync(outDir, { recursive: true });
-    }
-
-    const filename = `${post.slug}.mdx`;
-    fs.writeFileSync(path.join(outDir, filename), mdx);
-    console.log(`Saved ${filename} (${locale})`);
-  }
-}
-
-run().catch(console.error);

scripts/migrate-data.ts

@@ -1,175 +0,0 @@
-import client, { ensureAuthenticated } from '../lib/directus';
-import {
-    createCollection,
-    createField,
-    createRelation,
-    uploadFiles,
-    createItem,
-    updateSettings,
-    readFolders,
-    createFolder
-} from '@directus/sdk';
-import fs from 'fs';
-import path from 'path';
-import matter from 'gray-matter';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-async function run() {
-    console.log('🚀 CLEAN SLATE MIGRATION 🚀');
-    await ensureAuthenticated();
-
-    // 1. Folders
-    console.log('📂 Creating Folders...');
-    const folders: any = {};
-    const folderNames = ['Products', 'Blog', 'Pages', 'Technical'];
-    for (const name of folderNames) {
-        try {
-            const res = await client.request(createFolder({ name }));
-            folders[name] = res.id;
-        } catch (e) {
-            const existing = await client.request(readFolders({ filter: { name: { _eq: name } } }));
-            folders[name] = existing[0].id;
-        }
-    }
-
-    // 2. Assets
-    const assetMap: Record<string, string> = {};
-    const uploadDir = async (dir: string, folderId: string) => {
-        if (!fs.existsSync(dir)) return;
-        const files = fs.readdirSync(dir, { withFileTypes: true });
-        for (const file of files) {
-            const fullPath = path.join(dir, file.name);
-            if (file.isDirectory()) {
-                await uploadDir(fullPath, folderId);
-            } else {
-                const relPath = '/' + path.relative(path.join(process.cwd(), 'public'), fullPath).split(path.sep).join('/');
-                try {
-                    const form = new FormData();
-                    form.append('folder', folderId);
-                    form.append('file', new Blob([fs.readFileSync(fullPath)]), file.name);
-                    const res = await client.request(uploadFiles(form));
-                    assetMap[relPath] = res.id;
-                    console.log(`✅ Asset: ${relPath}`);
-                } catch (e) { }
-            }
-        }
-    };
-    await uploadDir(path.join(process.cwd(), 'public/uploads'), folders.Products);
-
-    // 3. Collections (Minimalist)
-    const collections = [
-        'categories', 'products', 'posts', 'pages', 'globals',
-        'categories_translations', 'products_translations', 'posts_translations', 'pages_translations', 'globals_translations',
-        'categories_link'
-    ];
-
-    console.log('🏗️  Creating Collections...');
-    for (const name of collections) {
-        try {
-            const isSingleton = name === 'globals';
-            await client.request(createCollection({
-                collection: name,
-                schema: {},
-                meta: { singleton: isSingleton }
-            } as any));
-
-            // Add ID field
-            await client.request(createField(name, {
-                field: 'id',
-                type: 'integer',
-                meta: { hidden: true },
-                schema: { is_primary_key: true, has_auto_increment: name !== 'globals' }
-            }));
-            console.log(`✅ Collection: ${name}`);
-        } catch (e: any) {
-            console.log(`ℹ️ Collection ${name} exists or error: ${e.message}`);
-        }
-    }
-
-    // 4. Fields & Relations
-    console.log('🔧 Configuring Schema...');
-    const safeAdd = async (col: string, f: any) => { try { await client.request(createField(col, f)); } catch (e) { } };
-
-    // Products
-    await safeAdd('products', { field: 'sku', type: 'string' });
-    await safeAdd('products', { field: 'image', type: 'uuid', meta: { interface: 'file' } });
-
-    // Translations Generic
-    for (const col of ['categories', 'products', 'posts', 'pages', 'globals']) {
-        const transTable = `${col}_translations`;
-        await safeAdd(transTable, { field: `${col}_id`, type: 'integer' });
-        await safeAdd(transTable, { field: 'languages_code', type: 'string' });
-
-        // Link to Parent
-        try {
-            await client.request(createRelation({
-                collection: transTable,
-                field: `${col}_id`,
-                related_collection: col,
-                meta: { one_field: 'translations' }
-            }));
-        } catch (e) { }
-    }
-
-    // Specific Fields
-    await safeAdd('products_translations', { field: 'name', type: 'string' });
-    await safeAdd('products_translations', { field: 'slug', type: 'string' });
-    await safeAdd('products_translations', { field: 'description', type: 'text' });
-    await safeAdd('products_translations', { field: 'content', type: 'text', meta: { interface: 'input-rich-text-html' } });
-    await safeAdd('products_translations', { field: 'technical_items', type: 'json' });
-    await safeAdd('products_translations', { field: 'voltage_tables', type: 'json' });
-
-    await safeAdd('categories_translations', { field: 'name', type: 'string' });
-    await safeAdd('posts_translations', { field: 'title', type: 'string' });
-    await safeAdd('posts_translations', { field: 'slug', type: 'string' });
-    await safeAdd('posts_translations', { field: 'content', type: 'text' });
-
-    await safeAdd('globals', { field: 'company_name', type: 'string' });
-    await safeAdd('globals_translations', { field: 'tagline', type: 'string' });
-
-    // M2M Link
-    await safeAdd('categories_link', { field: 'products_id', type: 'integer' });
-    await safeAdd('categories_link', { field: 'categories_id', type: 'integer' });
-    try {
-        await client.request(createRelation({ collection: 'categories_link', field: 'products_id', related_collection: 'products', meta: { one_field: 'categories_link' } }));
-        await client.request(createRelation({ collection: 'categories_link', field: 'categories_id', related_collection: 'categories' }));
-    } catch (e) { }
-
-    // 5. Data Import
-    console.log('📥 Importing Data...');
-    const deDir = path.join(process.cwd(), 'data/products/de');
-    const files = fs.readdirSync(deDir).filter(f => f.endsWith('.mdx'));
-
-    for (const file of files) {
-        const doc = matter(fs.readFileSync(path.join(deDir, file), 'utf8'));
-        const enPath = path.join(process.cwd(), `data/products/en/${file}`);
-        const enDoc = fs.existsSync(enPath) ? matter(fs.readFileSync(enPath, 'utf8')) : doc;
-
-        const clean = (c: string) => c.replace(/<ProductTabs.*?>|<\/ProductTabs>|<ProductTechnicalData.*?\/>/gs, '').trim();
-        const extract = (c: string) => {
-            const m = c.match(/technicalData=\{<ProductTechnicalData data=\{(.*?)\}\s*\/>\}/s);
-            try { return m ? JSON.parse(m[1]) : {}; } catch (e) { return {}; }
-        };
-
-        try {
-            await client.request(createItem('products', {
-                sku: doc.data.sku,
-                image: assetMap[doc.data.images?.[0]] || null,
-                translations: [
-                    { languages_code: 'de-DE', name: doc.data.title, slug: file.replace('.mdx', ''), description: doc.data.description, content: clean(doc.content), technical_items: extract(doc.content).technicalItems, voltage_tables: extract(doc.content).voltageTables },
-                    { languages_code: 'en-US', name: enDoc.data.title, slug: file.replace('.mdx', ''), description: enDoc.data.description, content: clean(enDoc.content), technical_items: extract(enDoc.content).technicalItems, voltage_tables: extract(enDoc.content).voltageTables }
-                ]
-            }));
-            console.log(`✅ Product: ${doc.data.sku}`);
-        } catch (e: any) {
-            console.error(`❌ Product ${file}: ${e.message}`);
-        }
-    }
-
-    console.log('✨ DONE!');
-}
-
-run().catch(console.error);

scripts/migrate-pages-to-mdx.ts

@@ -1,78 +0,0 @@
-import axios from 'axios';
-import * as fs from 'fs';
-import * as path from 'path';
-
-const WP_URL = 'https://klz-cables.com';
-
-async function fetchAllPages() {
-  let page = 1;
-  let allPages: any[] = [];
-  
-  while (true) {
-    console.log(`Fetching pages page ${page}...`);
-    try {
-      const response = await axios.get(`${WP_URL}/wp-json/wp/v2/pages`, {
-        params: {
-          per_page: 100,
-          page: page,
-          _embed: true
-        }
-      });
-      
-      const pages = response.data;
-      if (pages.length === 0) break;
-      
-      allPages = allPages.concat(pages);
-      page++;
-    } catch (error: any) {
-      if (error.response && error.response.status === 400) {
-        break;
-      }
-      console.error('Error fetching pages:', error);
-      break;
-    }
-  }
-  
-  return allPages;
-}
-
-function generateMdxContent(page: any, locale: 'en' | 'de') {
-  const frontmatter = {
-    title: page.title.rendered,
-    excerpt: page.excerpt.rendered.replace(/<[^>]*>/g, '').trim(),
-    featuredImage: page._embedded?.['wp:featuredmedia']?.[0]?.source_url || null,
-    locale: locale
-  };
-
-  return `---
-${JSON.stringify(frontmatter, null, 2)}
----
-
-# ${page.title.rendered}
-
-${page.content.rendered}
-`;
-}
-
-async function run() {
-  const pages = await fetchAllPages();
-  console.log(`Fetched ${pages.length} pages.`);
-
-  for (const page of pages) {
-    // Determine locale.
-    const locale = page.link.includes('/de/') ? 'de' : 'en';
-
-    const mdx = generateMdxContent(page, locale);
-
-    const outDir = path.join(process.cwd(), 'data', 'pages', locale);
-    if (!fs.existsSync(outDir)) {
-      fs.mkdirSync(outDir, { recursive: true });
-    }
-
-    const filename = `${page.slug}.mdx`;
-    fs.writeFileSync(path.join(outDir, filename), mdx);
-    console.log(`Saved ${filename} (${locale})`);
-  }
-}
-
-run().catch(console.error);

scripts/migrate-products-to-mdx.ts

@@ -1,143 +0,0 @@
-import axios from 'axios';
-import * as fs from 'fs';
-import * as path from 'path';
-import { buildDatasheetModel } from './pdf/model/build-datasheet-model';
-import type { ProductData } from './pdf/model/types';
-
-const WC_URL = process.env.WOOCOMMERCE_URL;
-const WC_KEY = process.env.WOOCOMMERCE_CONSUMER_KEY;
-const WC_SECRET = process.env.WOOCOMMERCE_CONSUMER_SECRET;
-
-if (!WC_URL || !WC_KEY || !WC_SECRET) {
-  console.error('Missing WooCommerce credentials in .env');
-  process.exit(1);
-}
-
-async function fetchAllProducts() {
-  let page = 1;
-  let allProducts: any[] = [];
-  
-  while (true) {
-    console.log(`Fetching page ${page}...`);
-    try {
-      const response = await axios.get(`${WC_URL}/wp-json/wc/v3/products`, {
-        params: {
-          consumer_key: WC_KEY,
-          consumer_secret: WC_SECRET,
-          per_page: 100,
-          page: page
-        }
-      });
-      
-      const products = response.data;
-      if (products.length === 0) break;
-      
-      allProducts = allProducts.concat(products);
-      page++;
-    } catch (error) {
-      console.error('Error fetching products:', error);
-      break;
-    }
-  }
-  
-  return allProducts;
-}
-
-function mapWcProductToProductData(wcProduct: any, locale: 'en' | 'de'): ProductData {
-  // This mapping needs to be adjusted based on actual WC response structure
-  // and how translations are handled (e.g. if they are separate products or same product with different fields)
-  
-  // Assuming standard WC response
-  return {
-    id: wcProduct.id,
-    name: wcProduct.name,
-    shortDescriptionHtml: wcProduct.short_description,
-    descriptionHtml: wcProduct.description,
-    images: wcProduct.images.map((img: any) => img.src),
-    featuredImage: wcProduct.images[0]?.src || null,
-    sku: wcProduct.sku,
-    slug: wcProduct.slug,
-    categories: wcProduct.categories.map((cat: any) => ({ name: cat.name })),
-    attributes: wcProduct.attributes.map((attr: any) => ({
-      name: attr.name,
-      options: attr.options
-    })),
-    locale: locale // This might need to be derived
-  };
-}
-
-function generateMdxContent(product: ProductData, technicalData: any, locale: 'en' | 'de') {
-  const frontmatter = {
-    title: product.name,
-    sku: product.sku,
-    description: product.shortDescriptionHtml.replace(/<[^>]*>/g, ''), // Simple strip tags
-    categories: product.categories.map(c => c.name),
-    images: product.images,
-    locale: locale
-  };
-
-  const technicalDataJson = JSON.stringify(technicalData, null, 2);
-
-  return `---
-${JSON.stringify(frontmatter, null, 2)}
----
-
-# ${product.name}
-
-${product.descriptionHtml}
-
-## Technical Data
-
-<ProductTechnicalData data={${technicalDataJson}} />
-`;
-}
-
-async function run() {
-  const products = await fetchAllProducts();
-  console.log(`Fetched ${products.length} products.`);
-
-  for (const product of products) {
-    // Determine locale. WC might return 'lang' property if using plugins like Polylang
-    // Or we might have to infer it.
-    // For now, let's assume we can detect it or default to 'en'.
-    // If the site uses Polylang, usually there is a 'lang' field.
-    
-    const locale = product.lang || 'en'; // Default to en if not found
-    
-    // We need to handle both en and de.
-    // If the API returns mixed, we process them.
-    // If the API only returns default lang, we might need to fetch translations specifically.
-    
-    // Let's try to generate for the detected locale.
-    
-    const productData = mapWcProductToProductData(product, locale as 'en' | 'de');
-    
-    // Build datasheet model to get technical data
-    // We need to try both locales if we are not sure, or just the one we have.
-    // But buildDatasheetModel takes a locale.
-    
-    const model = buildDatasheetModel({ product: productData, locale: locale as 'en' | 'de' });
-    
-    if (model.voltageTables.length > 0 || model.technicalItems.length > 0) {
-      console.log(`Generated technical data for ${product.name} (${locale})`);
-    } else {
-      console.warn(`No technical data found for ${product.name} (${locale})`);
-    }
-
-    const mdx = generateMdxContent(productData, {
-      technicalItems: model.technicalItems,
-      voltageTables: model.voltageTables
-    }, locale as 'en' | 'de');
-
-    const outDir = path.join(process.cwd(), 'data', 'products', locale);
-    if (!fs.existsSync(outDir)) {
-      fs.mkdirSync(outDir, { recursive: true });
-    }
-
-    const filename = `${product.slug}.mdx`;
-    fs.writeFileSync(path.join(outDir, filename), mdx);
-    console.log(`Saved ${filename}`);
-  }
-}
-
-run().catch(console.error);

scripts/migrate-to-strapi.ts

@@ -1,64 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import matter from 'gray-matter';
-import axios from 'axios';
-
-const STRAPI_URL = process.env.STRAPI_URL || 'http://localhost:1337';
-const STRAPI_TOKEN = process.env.STRAPI_ADMIN_TOKEN; // You'll need to generate this
-
-async function migrateProducts() {
-  const productsDir = path.join(process.cwd(), 'data/products');
-  const locales = ['de', 'en'];
-
-  for (const locale of locales) {
-    const localeDir = path.join(productsDir, locale);
-    if (!fs.existsSync(localeDir)) continue;
-
-    const files = fs.readdirSync(localeDir).filter(f => f.endsWith('.mdx'));
-
-    for (const file of files) {
-      const filePath = path.join(localeDir, file);
-      const fileContent = fs.readFileSync(filePath, 'utf8');
-      const { data, content } = matter(fileContent);
-
-      console.log(`Migrating ${data.title} (${locale})...`);
-
-      try {
-        // 1. Check if product exists (by SKU)
-        const existing = await axios.get(`${STRAPI_URL}/api/products?filters[sku][$eq]=${data.sku}&locale=${locale}`, {
-          headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-        });
-
-        const productData = {
-          title: data.title,
-          sku: data.sku,
-          description: data.description,
-          application: data.application,
-          content: content,
-          technicalData: data.technicalData || {}, // This might need adjustment based on how it's stored in MDX
-          locale: locale,
-        };
-
-        if (existing.data.data.length > 0) {
-          // Update
-          const id = existing.data.data[0].id;
-          await axios.put(`${STRAPI_URL}/api/products/${id}`, { data: productData }, {
-            headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-          });
-          console.log(`Updated ${data.title}`);
-        } else {
-          // Create
-          await axios.post(`${STRAPI_URL}/api/products`, { data: productData }, {
-            headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-          });
-          console.log(`Created ${data.title}`);
-        }
-      } catch (error) {
-        console.error(`Error migrating ${data.title}:`, error.response?.data || error.message);
-      }
-    }
-  }
-}
-
-// Note: This script requires a running Strapi instance and an admin token.
-// migrateProducts();

scripts/migrate-visual-links.js

@@ -1,102 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const jsdom = require('jsdom');
-const { JSDOM } = jsdom;
-
-const postsDir = path.join(process.cwd(), 'reference', 'klz-cables-clone', 'posts');
-const mdxDir = path.join(process.cwd(), 'data', 'blog', 'en');
-
-const files = fs.readdirSync(postsDir);
-
-files.forEach(file => {
-  if (!file.endsWith('.html')) return;
-  
-  const slug = file.replace('.html', '');
-  const mdxPath = path.join(mdxDir, `${slug}.mdx`);
-  
-  if (!fs.existsSync(mdxPath)) {
-    console.log(`MDX file not found for ${slug}`);
-    return;
-  }
-
-  const htmlContent = fs.readFileSync(path.join(postsDir, file), 'utf8');
-  const dom = new JSDOM(htmlContent);
-  const document = dom.window.document;
-  
-  const vlpContainers = document.querySelectorAll('.vlp-link-container');
-  
-  if (vlpContainers.length === 0) return;
-
-  console.log(`Processing ${slug} with ${vlpContainers.length} visual links`);
-
-  let mdxContent = fs.readFileSync(mdxPath, 'utf8');
-  let modified = false;
-
-  vlpContainers.forEach(container => {
-    const link = container.querySelector('a.vlp-link');
-    const titleEl = container.querySelector('.vlp-link-title');
-    const summaryEl = container.querySelector('.vlp-link-summary');
-    const imgEl = container.querySelector('.vlp-link-image img');
-
-    if (!link) return;
-
-    const url = link.getAttribute('href');
-    const title = titleEl ? titleEl.textContent.trim() : '';
-    const summary = summaryEl ? summaryEl.textContent.trim() : '';
-    const image = imgEl ? imgEl.getAttribute('src') : '';
-
-    // Construct the component string
-    const component = `
-<VisualLinkPreview 
-  url="${url}"
-  title="${title.replace(/"/g, '"')}"
-  summary="${summary.replace(/"/g, '"')}"
-  image="${image}"
-/>
-`;
-
-    // Try to find the link in MDX
-    // It could be [Title](URL) or just URL or <a href="URL">...</a>
-    // We'll try to find the URL and replace the paragraph containing it if it looks like a standalone link
-    // Or just append it if we can't find it easily? No, that's risky.
-    
-    // Strategy: Look for the URL.
-    // If found in `[...](url)`, replace the whole markdown link.
-    // If found in `href="url"`, replace the anchor tag.
-    
-    const markdownLinkRegex = new RegExp(`\\[.*?\\]\\(${escapeRegExp(url)}\\)`, 'g');
-    const plainUrlRegex = new RegExp(`(?<!\\()${escapeRegExp(url)}(?!\\))`, 'g'); // URL not in parens
-
-    if (markdownLinkRegex.test(mdxContent)) {
-      mdxContent = mdxContent.replace(markdownLinkRegex, component);
-      modified = true;
-    } else if (plainUrlRegex.test(mdxContent)) {
-       // Be careful not to replace inside other attributes
-       // This is a bit loose, but might work for standalone URLs
-       // Better to check if it's a standalone line?
-       // Let's just replace it.
-       mdxContent = mdxContent.replace(plainUrlRegex, component);
-       modified = true;
-    } else {
-        console.log(`Could not find link for ${url} in ${slug}`);
-        // Maybe the URL in MDX is slightly different (e.g. trailing slash)?
-        // Or maybe it's not there at all.
-        // Let's try without trailing slash
-        const urlNoSlash = url.replace(/\/$/, '');
-        const markdownLinkRegex2 = new RegExp(`\\[.*?\\]\\(${escapeRegExp(urlNoSlash)}\\)`, 'g');
-        if (markdownLinkRegex2.test(mdxContent)) {
-            mdxContent = mdxContent.replace(markdownLinkRegex2, component);
-            modified = true;
-        }
-    }
-  });
-
-  if (modified) {
-    fs.writeFileSync(mdxPath, mdxContent);
-    console.log(`Updated ${slug}`);
-  }
-});
-
-function escapeRegExp(string) {
-  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}

scripts/optimize-directus.ts

@@ -1,63 +0,0 @@
-import client, { ensureAuthenticated } from '../lib/directus';
-import {
-    updateSettings,
-    updateCollection,
-    createItem,
-    updateItem
-} from '@directus/sdk';
-import fs from 'fs';
-import path from 'path';
-
-async function optimize() {
-    await ensureAuthenticated();
-
-    console.log('🎨 Fixing Branding...');
-    await client.request(updateSettings({
-        project_name: 'KLZ Cables',
-        public_note: '<div style="text-align: center;"><h1>Sustainable Energy.</h1><p>Industrial Reliability.</p></div>',
-        custom_css: 'body { font-family: Inter, sans-serif !important; } .public-view .v-card { border-radius: 20px !important; }'
-    }));
-
-    console.log('🔧 Fixing List Displays...');
-    const collections = ['products', 'categories', 'posts', 'pages'];
-    for (const collection of collections) {
-        try {
-            await (client as any).request(updateCollection(collection, {
-                meta: { display_template: '{{translations.name || translations.title}}' }
-            }));
-        } catch (e) {
-            console.error(`Failed to update ${collection}:`, e);
-        }
-    }
-
-    console.log('🏛️  Force-Syncing Globals...');
-    const de = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'messages/de.json'), 'utf8'));
-    const en = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'messages/en.json'), 'utf8'));
-
-    const payload = {
-        id: 1,
-        company_name: 'KLZ Cables GmbH',
-        email: 'info@klz-cables.com',
-        phone: '+49 711 1234567',
-        address: de.Contact.info.address,
-        opening_hours: `${de.Contact.hours.weekdays}: ${de.Contact.hours.weekdaysTime}`,
-        translations: [
-            { languages_code: 'en-US', tagline: en.Footer.tagline },
-            { languages_code: 'de-DE', tagline: de.Footer.tagline }
-        ]
-    };
-
-    try {
-        await client.request(createItem('globals', payload));
-    } catch (e) {
-        try {
-            await client.request(updateItem('globals', 1, payload));
-        } catch (err) {
-            console.error('Globals still failing:', (err as any).message);
-        }
-    }
-
-    console.log('✅ Optimization complete.');
-}
-
-optimize().catch(console.error);

scripts/pdf/model/excel-index.ts

@@ -1,192 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import { execSync } from 'child_process';
-
-import type { ProductData } from './types';
-import { normalizeValue } from './utils';
-
-type ExcelRow = Record<string, unknown>;
-export type ExcelMatch = { rows: ExcelRow[]; units: Record<string, string> };
-
-export type MediumVoltageCrossSectionExcelMatch = {
-  headerRow: ExcelRow;
-  rows: ExcelRow[];
-  units: Record<string, string>;
-  partNumberKey: string;
-  crossSectionKey: string;
-  ratedVoltageKey: string | null;
-};
-
-const EXCEL_SOURCE_FILES = [
-  path.join(process.cwd(), 'data/excel/high-voltage.xlsx'),
-  path.join(process.cwd(), 'data/excel/medium-voltage-KM.xlsx'),
-  path.join(process.cwd(), 'data/excel/low-voltage-KM.xlsx'),
-  path.join(process.cwd(), 'data/excel/solar-cables.xlsx'),
-];
-
-// Medium-voltage cross-section table (new format with multi-row header).
-// IMPORTANT: this must NOT be used for the technical data table.
-const MV_CROSS_SECTION_FILE = path.join(process.cwd(), 'data/excel/medium-voltage-KM 170126.xlsx');
-
-type MediumVoltageCrossSectionIndex = {
-  headerRow: ExcelRow;
-  units: Record<string, string>;
-  partNumberKey: string;
-  crossSectionKey: string;
-  ratedVoltageKey: string | null;
-  rowsByDesignation: Map<string, ExcelRow[]>;
-};
-
-let EXCEL_INDEX: Map<string, ExcelMatch> | null = null;
-let MV_CROSS_SECTION_INDEX: MediumVoltageCrossSectionIndex | null = null;
-
-export function normalizeExcelKey(value: string): string {
-  return String(value || '')
-    .toUpperCase()
-    .replace(/-\d+$/g, '')
-    .replace(/[^A-Z0-9]+/g, '');
-}
-
-function loadExcelRows(filePath: string): ExcelRow[] {
-  const out = execSync(`npx -y xlsx-cli -j "${filePath}"`, {
-    encoding: 'utf8',
-    stdio: ['ignore', 'pipe', 'ignore'],
-  });
-  const trimmed = out.trim();
-  const jsonStart = trimmed.indexOf('[');
-  if (jsonStart < 0) return [];
-  const jsonText = trimmed.slice(jsonStart);
-  try {
-    return JSON.parse(jsonText) as ExcelRow[];
-  } catch {
-    return [];
-  }
-}
-
-function findKeyByHeaderValue(headerRow: ExcelRow, pattern: RegExp): string | null {
-  for (const [k, v] of Object.entries(headerRow || {})) {
-    const text = normalizeValue(String(v ?? ''));
-    if (!text) continue;
-    if (pattern.test(text)) return k;
-  }
-  return null;
-}
-
-function getMediumVoltageCrossSectionIndex(): MediumVoltageCrossSectionIndex {
-  if (MV_CROSS_SECTION_INDEX) return MV_CROSS_SECTION_INDEX;
-
-  const rows = fs.existsSync(MV_CROSS_SECTION_FILE) ? loadExcelRows(MV_CROSS_SECTION_FILE) : [];
-  const headerRow = (rows[0] || {}) as ExcelRow;
-
-  const partNumberKey = findKeyByHeaderValue(headerRow, /^part\s*number$/i) || '__EMPTY';
-  const crossSectionKey = findKeyByHeaderValue(headerRow, /querschnitt|cross.?section/i) || '';
-  const ratedVoltageKey = findKeyByHeaderValue(headerRow, /rated voltage|voltage rating|nennspannung/i) || null;
-
-  const unitsRow = rows.find(r => normalizeValue(String((r as ExcelRow)?.[partNumberKey] ?? '')) === 'Units') || null;
-  const units: Record<string, string> = {};
-  if (unitsRow) {
-    for (const [k, v] of Object.entries(unitsRow)) {
-      if (k === partNumberKey) continue;
-      const unit = normalizeValue(String(v ?? ''));
-      if (unit) units[k] = unit;
-    }
-  }
-
-  const rowsByDesignation = new Map<string, ExcelRow[]>();
-  for (const r of rows) {
-    if (r === headerRow) continue;
-    const pn = normalizeValue(String((r as ExcelRow)?.[partNumberKey] ?? ''));
-    if (!pn || pn === 'Units' || pn === 'Part Number') continue;
-
-    const key = normalizeExcelKey(pn);
-    if (!key) continue;
-
-    const cur = rowsByDesignation.get(key) || [];
-    cur.push(r);
-    rowsByDesignation.set(key, cur);
-  }
-
-  MV_CROSS_SECTION_INDEX = { headerRow, units, partNumberKey, crossSectionKey, ratedVoltageKey, rowsByDesignation };
-  return MV_CROSS_SECTION_INDEX;
-}
-
-export function getExcelIndex(): Map<string, ExcelMatch> {
-  if (EXCEL_INDEX) return EXCEL_INDEX;
-  const idx = new Map<string, ExcelMatch>();
-
-  for (const file of EXCEL_SOURCE_FILES) {
-    if (!fs.existsSync(file)) continue;
-    const rows = loadExcelRows(file);
-
-    const unitsRow = rows.find(r => r && r['Part Number'] === 'Units') || null;
-    const units: Record<string, string> = {};
-    if (unitsRow) {
-      for (const [k, v] of Object.entries(unitsRow)) {
-        if (k === 'Part Number') continue;
-        const unit = normalizeValue(String(v ?? ''));
-        if (unit) units[k] = unit;
-      }
-    }
-
-    for (const r of rows) {
-      const pn = r?.['Part Number'];
-      if (!pn || pn === 'Units') continue;
-      const key = normalizeExcelKey(String(pn));
-      if (!key) continue;
-      const cur = idx.get(key);
-      if (!cur) {
-        idx.set(key, { rows: [r], units });
-      } else {
-        cur.rows.push(r);
-        if (Object.keys(cur.units).length < Object.keys(units).length) cur.units = units;
-      }
-    }
-  }
-
-  EXCEL_INDEX = idx;
-  return idx;
-}
-
-export function findExcelForProduct(product: ProductData): ExcelMatch | null {
-  const idx = getExcelIndex();
-  const candidates = [
-    product.name,
-    product.slug ? product.slug.replace(/-\d+$/g, '') : '',
-    product.sku,
-    product.translationKey,
-  ].filter(Boolean) as string[];
-
-  for (const c of candidates) {
-    const key = normalizeExcelKey(c);
-    const match = idx.get(key);
-    if (match && match.rows.length) return match;
-  }
-  return null;
-}
-
-export function findMediumVoltageCrossSectionExcelForProduct(product: ProductData): MediumVoltageCrossSectionExcelMatch | null {
-  const idx = getMediumVoltageCrossSectionIndex();
-  const candidates = [
-    product.name,
-    product.slug ? product.slug.replace(/-\d+$/g, '') : '',
-    product.sku,
-    product.translationKey,
-  ].filter(Boolean) as string[];
-
-  for (const c of candidates) {
-    const key = normalizeExcelKey(c);
-    const rows = idx.rowsByDesignation.get(key) || [];
-    if (rows.length) {
-      return {
-        headerRow: idx.headerRow,
-        rows,
-        units: idx.units,
-        partNumberKey: idx.partNumberKey,
-        crossSectionKey: idx.crossSectionKey,
-        ratedVoltageKey: idx.ratedVoltageKey,
-      };
-    }
-  }
-
-  return null;
-}

scripts/pdf/model/types.ts

@@ -1,54 +0,0 @@
-export interface ProductData {
-  id: number;
-  name: string;
-  shortDescriptionHtml: string;
-  descriptionHtml: string;
-  applicationHtml: string;
-  images: string[];
-  featuredImage: string | null;
-  sku: string;
-  slug?: string;
-  path?: string;
-  translationKey?: string;
-  locale?: 'en' | 'de';
-  categories: Array<{ name: string }>;
-  attributes: Array<{
-    name: string;
-    options: string[];
-  }>;
-  voltageType?: string;
-}
-
-export type KeyValueItem = { label: string; value: string; unit?: string };
-
-export type DatasheetVoltageTable = {
-  voltageLabel: string;
-  metaItems: KeyValueItem[];
-  columns: Array<{ key: string; label: string }>;
-  rows: Array<{ configuration: string; cells: string[] }>;
-};
-
-export type DatasheetModel = {
-  locale: 'en' | 'de';
-  product: {
-    id: number;
-    name: string;
-    sku: string;
-    categoriesLine: string;
-    descriptionText: string;
-    heroSrc: string | null;
-    productUrl: string;
-  };
-  labels: {
-    datasheet: string;
-    description: string;
-    technicalData: string;
-    crossSection: string;
-    sku: string;
-    noImage: string;
-  };
-  technicalItems: KeyValueItem[];
-  voltageTables: DatasheetVoltageTable[];
-  legendItems: KeyValueItem[];
-};
-

scripts/pdf/model/utils.ts

@@ -1,72 +0,0 @@
-import * as path from 'path';
-
-import type { ProductData } from './types';
-
-export const CONFIG = {
-  siteUrl: 'https://klz-cables.com',
-  publicDir: path.join(process.cwd(), 'public'),
-  assetMapFile: path.join(process.cwd(), 'data/processed/asset-map.json'),
-} as const;
-
-export function stripHtml(html: string): string {
-  if (!html) return '';
-  let text = String(html).replace(/<[^>]*>/g, '').normalize('NFC');
-  text = text
-    .replace(/[\u00A0\u202F]/g, ' ')
-    .replace(/[\u2013\u2014]/g, '-')
-    .replace(/[\u2018\u2019]/g, "'")
-    .replace(/[\u201C\u201D]/g, '"')
-    .replace(/\u2026/g, '...')
-    .replace(/[\u2022]/g, '·')
-    .replace(/[\u2264]/g, '<=')
-    .replace(/[\u2265]/g, '>=')
-    .replace(/[\u2248]/g, '~')
-    .replace(/[\u03A9\u2126]/g, 'Ohm')
-    .replace(/[\u00B5\u03BC]/g, 'u')
-    .replace(/[\u2193]/g, 'v')
-    .replace(/[\u2191]/g, '^')
-    .replace(/[\u00B0]/g, '°');
-  // eslint-disable-next-line no-control-regex
-  text = text.replace(/[\u0000-\u001F\u007F]/g, '');
-  return text.replace(/\s+/g, ' ').trim();
-}
-
-export function normalizeValue(value: string): string {
-  return stripHtml(value).replace(/\s+/g, ' ').trim();
-}
-
-export function getProductUrl(product: ProductData): string {
-  if (product.path) return `${CONFIG.siteUrl}${product.path}`;
-  return CONFIG.siteUrl;
-}
-
-export function generateFileName(product: ProductData, locale: 'en' | 'de'): string {
-  const baseName = product.slug || product.translationKey || `product-${product.id}`;
-  const cleanSlug = baseName
-    .toLowerCase()
-    .replace(/[^a-z0-9-]/g, '-')
-    .replace(/-+/g, '-')
-    .replace(/^-|-$/g, '');
-  return `${cleanSlug}-${locale}.pdf`;
-}
-
-export function getLabels(locale: 'en' | 'de') {
-  return {
-    en: {
-      datasheet: 'Technical Datasheet',
-      description: 'APPLICATION',
-      technicalData: 'TECHNICAL DATA',
-      crossSection: 'Cross-sections/Voltage',
-      sku: 'SKU',
-      noImage: 'No image available',
-    },
-    de: {
-      datasheet: 'Technisches Datenblatt',
-      description: 'ANWENDUNG',
-      technicalData: 'TECHNISCHE DATEN',
-      crossSection: 'Querschnitte/Spannung',
-      sku: 'ARTIKELNUMMER',
-      noImage: 'Kein Bild verfügbar',
-    },
-  }[locale];
-}

scripts/pdf/react-pdf/DatasheetDocument.tsx

@@ -1,88 +0,0 @@
-import * as React from 'react';
-import { Document, Image, Page, Text, View } from '@react-pdf/renderer';
-
-import type { DatasheetModel, DatasheetVoltageTable } from '../model/types';
-import { CONFIG } from '../model/utils';
-import { styles } from './styles';
-import { Header } from './components/Header';
-import { Footer } from './components/Footer';
-import { Section } from './components/Section';
-import { KeyValueGrid } from './components/KeyValueGrid';
-import { DenseTable } from './components/DenseTable';
-
-type Assets = {
-  logoDataUrl: string | null;
-  heroDataUrl: string | null;
-  qrDataUrl: string | null;
-};
-
-export function DatasheetDocument(props: { model: DatasheetModel; assets: Assets }): React.ReactElement {
-  const { model, assets } = props;
-  const headerTitle = model.labels.datasheet;
-
-  // Dense tables require compact headers (no wrapping). Use standard abbreviations.
-  const firstColLabel = model.locale === 'de' ? 'Adern & Querschnitt' : 'Cores & Cross-section';
-
-  return (
-    <Document>
-      <Page size="A4" style={styles.page}>
-        <View style={styles.hero}>
-          <Header title={headerTitle} logoDataUrl={assets.logoDataUrl} qrDataUrl={assets.qrDataUrl} isHero={true} />
-          
-          <View style={styles.productRow}>
-            <View style={styles.productInfoCol}>
-              <View style={styles.productHero}>
-                {model.product.categoriesLine ? <Text style={styles.productMeta}>{model.product.categoriesLine}</Text> : null}
-                <Text style={styles.productName}>{model.product.name}</Text>
-              </View>
-            </View>
-            <View style={styles.productImageCol}>
-              {assets.heroDataUrl ? (
-                <Image src={assets.heroDataUrl} style={styles.heroImage} />
-              ) : (
-                <Text style={styles.noImage}>{model.labels.noImage}</Text>
-              )}
-            </View>
-          </View>
-        </View>
-
-        <Footer locale={model.locale} siteUrl={CONFIG.siteUrl} />
-
-        <View style={styles.content}>
-          {model.product.descriptionText ? (
-            <Section title={model.labels.description} minPresenceAhead={24}>
-              <Text style={styles.body}>{model.product.descriptionText}</Text>
-            </Section>
-          ) : null}
-
-          {model.technicalItems.length ? (
-            <Section title={model.labels.technicalData} minPresenceAhead={24}>
-              <KeyValueGrid items={model.technicalItems} />
-            </Section>
-          ) : null}
-        </View>
-      </Page>
-
-      <Page size="A4" style={styles.page}>
-        <Header title={headerTitle} logoDataUrl={assets.logoDataUrl} qrDataUrl={assets.qrDataUrl} />
-        <Footer locale={model.locale} siteUrl={CONFIG.siteUrl} />
-
-        <View style={styles.content}>
-          {model.voltageTables.map((t: DatasheetVoltageTable) => (
-            <View key={t.voltageLabel} style={{ marginBottom: 14 }} break={false} minPresenceAhead={24}>
-              <Text style={styles.sectionTitle}>{`${model.labels.crossSection} — ${t.voltageLabel}`}</Text>
-              <View style={styles.sectionAccent} />
-              <DenseTable table={{ columns: t.columns, rows: t.rows }} firstColLabel={firstColLabel} />
-            </View>
-          ))}
-
-          {model.legendItems.length ? (
-            <Section title={model.locale === 'de' ? 'ABKÜRZUNGEN' : 'ABBREVIATIONS'} minPresenceAhead={24}>
-              <KeyValueGrid items={model.legendItems} />
-            </Section>
-          ) : null}
-        </View>
-      </Page>
-    </Document>
-  );
-}

scripts/pdf/react-pdf/assets.ts

@@ -1,81 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-
-type SharpLike = (input?: unknown, options?: unknown) => { png: () => { toBuffer: () => Promise<Buffer> } };
-
-let sharpFn: SharpLike | null = null;
-async function getSharp(): Promise<SharpLike> {
-  if (sharpFn) return sharpFn;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const mod: any = await import('sharp');
-  sharpFn = (mod?.default || mod) as SharpLike;
-  return sharpFn;
-}
-
-const PUBLIC_DIR = path.join(process.cwd(), 'public');
-
-async function fetchBytes(url: string): Promise<Uint8Array> {
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`Failed to fetch ${url}: ${res.status} ${res.statusText}`);
-  return new Uint8Array(await res.arrayBuffer());
-}
-
-async function readBytesFromPublic(localPath: string): Promise<Uint8Array> {
-  const abs = path.join(PUBLIC_DIR, localPath.replace(/^\//, ''));
-  return new Uint8Array(fs.readFileSync(abs));
-}
-
-function transformLogoSvgToPrintBlack(svg: string): string {
-  return svg
-    .replace(/fill\s*:\s*white/gi, 'fill:#000000')
-    .replace(/fill\s*=\s*"white"/gi, 'fill="#000000"')
-    .replace(/fill\s*=\s*'white'/gi, "fill='#000000'")
-    .replace(/fill\s*:\s*#[0-9a-fA-F]{6}/gi, 'fill:#000000')
-    .replace(/fill\s*=\s*"#[0-9a-fA-F]{6}"/gi, 'fill="#000000"')
-    .replace(/fill\s*=\s*'#[0-9a-fA-F]{6}'/gi, "fill='#000000'");
-}
-
-async function toPngBytes(inputBytes: Uint8Array, inputHint: string): Promise<Uint8Array> {
-  const ext = (path.extname(inputHint).toLowerCase() || '').replace('.', '');
-  if (ext === 'png') return inputBytes;
-
-  if (ext === 'svg' && (/\/media\/logo\.svg$/i.test(inputHint) || /\/logo-blue\.svg$/i.test(inputHint))) {
-    const svg = Buffer.from(inputBytes).toString('utf8');
-    inputBytes = new Uint8Array(Buffer.from(transformLogoSvgToPrintBlack(svg), 'utf8'));
-  }
-
-  const sharp = await getSharp();
-  return new Uint8Array(await sharp(Buffer.from(inputBytes)).png().toBuffer());
-}
-
-function toDataUrlPng(bytes: Uint8Array): string {
-  return `data:image/png;base64,${Buffer.from(bytes).toString('base64')}`;
-}
-
-export async function loadImageAsPngDataUrl(src: string | null): Promise<string | null> {
-  if (!src) return null;
-  try {
-    if (src.startsWith('/')) {
-      const bytes = await readBytesFromPublic(src);
-      const png = await toPngBytes(bytes, src);
-      return toDataUrlPng(png);
-    }
-    const bytes = await fetchBytes(src);
-    const png = await toPngBytes(bytes, src);
-    return toDataUrlPng(png);
-  } catch {
-    return null;
-  }
-}
-
-export async function loadQrAsPngDataUrl(data: string): Promise<string | null> {
-  try {
-    const safe = encodeURIComponent(data);
-    const url = `https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=${safe}`;
-    const bytes = await fetchBytes(url);
-    const png = await toPngBytes(bytes, url);
-    return toDataUrlPng(png);
-  } catch {
-    return null;
-  }
-}

scripts/pdf/react-pdf/components/DenseTable.tsx

@@ -1,215 +0,0 @@
-import * as React from 'react';
-import { Text, View } from '@react-pdf/renderer';
-
-import type { DatasheetVoltageTable } from '../../model/types';
-import { styles } from '../styles';
-
-function clamp(n: number, min: number, max: number): number {
-  return Math.max(min, Math.min(max, n));
-}
-
-function normTextForMeasure(v: unknown): string {
-  return String(v ?? '')
-    .replace(/\s+/g, ' ')
-    .trim();
-}
-
-function textLen(v: unknown): number {
-  return normTextForMeasure(v).length;
-}
-
-function distributeWithMinMax(weights: number[], total: number, minEach: number, maxEach: number): number[] {
-  const n = weights.length;
-  if (!n) return [];
-
-  const mins = Array.from({ length: n }, () => minEach);
-  const maxs = Array.from({ length: n }, () => maxEach);
-
-  // If mins don't fit, scale them down proportionally.
-  const minSum = mins.reduce((a, b) => a + b, 0);
-  if (minSum > total) {
-    const k = total / minSum;
-    return mins.map(m => m * k);
-  }
-
-  const result = mins.slice();
-  let remaining = total - minSum;
-  let remainingIdx = Array.from({ length: n }, (_, i) => i);
-
-  // Distribute remaining proportionally, respecting max constraints.
-  // Loop is guaranteed to terminate because each iteration either:
-  // - removes at least one index due to hitting max, or
-  // - exhausts `remaining`.
-  while (remaining > 1e-9 && remainingIdx.length) {
-    const wSum = remainingIdx.reduce((acc, i) => acc + Math.max(0, weights[i] || 0), 0);
-    if (wSum <= 1e-9) {
-      // No meaningful weights: distribute evenly.
-      const even = remaining / remainingIdx.length;
-      for (const i of remainingIdx) result[i] += even;
-      remaining = 0;
-      break;
-    }
-
-    const nextIdx: number[] = [];
-    for (const i of remainingIdx) {
-      const w = Math.max(0, weights[i] || 0);
-      const add = (w / wSum) * remaining;
-      const capped = Math.min(result[i] + add, maxs[i]);
-      const used = capped - result[i];
-      result[i] = capped;
-      remaining -= used;
-      if (result[i] + 1e-9 < maxs[i]) nextIdx.push(i);
-    }
-    remainingIdx = nextIdx;
-  }
-
-  // Numerical guard: force exact sum by adjusting the last column.
-  const sum = result.reduce((a, b) => a + b, 0);
-  const drift = total - sum;
-  if (Math.abs(drift) > 1e-9) result[result.length - 1] += drift;
-
-  return result;
-}
-
-export function DenseTable(props: {
-  table: Pick<DatasheetVoltageTable, 'columns' | 'rows'>;
-  firstColLabel: string;
-}): React.ReactElement {
-  const cols = props.table.columns;
-  const rows = props.table.rows;
-
-  const headerText = (label: string): string => {
-    // Table headers must NEVER wrap into a second line.
-    // react-pdf can wrap on spaces, so we replace whitespace with NBSP.
-    return String(label || '').replace(/\s+/g, '\u00A0').trim();
-  };
-
-  // Column widths: use explicit percentages (no rounding gaps) so the table always
-  // consumes the full content width.
-  // Goal:
-  // - keep the designation column *not too wide*
-  // - distribute data columns by estimated content width (header + cells)
-  //   so columns better fit their data
-  // Make first column denser so numeric columns get more room.
-  // (Long designations can still wrap in body if needed, but table scanability
-  // benefits more from wider data columns.)
-  const cfgMin = 0.14;
-  const cfgMax = 0.23;
-
-  // A content-based heuristic.
-  // React-PDF doesn't expose a reliable text-measurement API at render time,
-  // so we approximate width by string length (compressed via sqrt to reduce outliers).
-  const cfgContentLen = Math.max(textLen(props.firstColLabel), ...rows.map(r => textLen(r.configuration)), 8);
-  const dataContentLens = cols.map((c, ci) => {
-    const headerL = textLen(c.label);
-    let cellMax = 0;
-    for (const r of rows) cellMax = Math.max(cellMax, textLen(r.cells[ci]));
-    // Slightly prioritize the header (scanability) over a single long cell.
-    return Math.max(headerL * 1.15, cellMax, 3);
-  });
-
-  // Use mostly-linear weights so long headers get noticeably more space.
-  const cfgWeight = cfgContentLen * 1.05;
-  const dataWeights = dataContentLens.map(l => l);
-  const dataWeightSum = dataWeights.reduce((a, b) => a + b, 0);
-  const rawCfgPct = dataWeightSum > 0 ? cfgWeight / (cfgWeight + dataWeightSum) : 0.28;
-  let cfgPct = clamp(rawCfgPct, cfgMin, cfgMax);
-
-  // Ensure a minimum per-data-column width; if needed, shrink cfgPct.
-  // These floors are intentionally generous. Too-narrow columns are worse than a
-  // slightly narrower first column for scanability.
-  const minDataPct = cols.length >= 14 ? 0.045 : cols.length >= 12 ? 0.05 : cols.length >= 10 ? 0.055 : 0.06;
-  const cfgPctMaxForMinData = 1 - cols.length * minDataPct;
-  if (Number.isFinite(cfgPctMaxForMinData)) cfgPct = Math.min(cfgPct, cfgPctMaxForMinData);
-  cfgPct = clamp(cfgPct, cfgMin, cfgMax);
-
-  const dataTotal = Math.max(0, 1 - cfgPct);
-  const maxDataPct = Math.min(0.24, Math.max(minDataPct * 2.8, dataTotal * 0.55));
-  const dataPcts = distributeWithMinMax(dataWeights, dataTotal, minDataPct, maxDataPct);
-
-  const cfgW = `${(cfgPct * 100).toFixed(4)}%`;
-  const dataWs = dataPcts.map((p, idx) => {
-    // Keep the last column as the remainder so percentages sum to exactly 100%.
-    if (idx === dataPcts.length - 1) {
-      const used = dataPcts.slice(0, -1).reduce((a, b) => a + b, 0);
-      const remainder = Math.max(0, dataTotal - used);
-      return `${(remainder * 100).toFixed(4)}%`;
-    }
-    return `${(p * 100).toFixed(4)}%`;
-  });
-
-  const headerFontSize = cols.length >= 14 ? 5.7 : cols.length >= 12 ? 5.9 : cols.length >= 10 ? 6.2 : 6.6;
-
-  return (
-    <View style={styles.tableWrap} break={false} minPresenceAhead={24}>
-      <View style={styles.tableHeader} wrap={false}>
-        <View style={{ width: cfgW }}>
-          <Text
-            style={[
-              styles.tableHeaderCell,
-              styles.tableHeaderCellCfg,
-              { fontSize: headerFontSize, paddingHorizontal: 3 },
-              cols.length ? styles.tableHeaderCellDivider : null,
-            ]}
-            wrap={false}
-          >
-            {headerText(props.firstColLabel)}
-          </Text>
-        </View>
-        {cols.map((c, idx) => {
-          const isLast = idx === cols.length - 1;
-          return (
-            <View key={c.key} style={{ width: dataWs[idx] }}>
-              <Text
-                style={[
-                  styles.tableHeaderCell,
-                  { fontSize: headerFontSize, paddingHorizontal: 3 },
-                  !isLast ? styles.tableHeaderCellDivider : null,
-                ]}
-                wrap={false}
-              >
-                {headerText(c.label)}
-              </Text>
-            </View>
-          );
-        })}
-      </View>
-
-      {rows.map((r, ri) => (
-        <View
-          key={`${r.configuration}-${ri}`}
-          style={[styles.tableRow, ri % 2 === 0 ? styles.tableRowAlt : null]}
-          wrap={false}
-          // If the row doesn't fit, move the whole row to the next page.
-          // This prevents page breaks mid-row.
-          minPresenceAhead={16}
-        >
-          <View style={{ width: cfgW }} wrap={false}>
-            <Text
-              style={[
-                styles.tableCell,
-                styles.tableCellCfg,
-                // Denser first column: slightly smaller type + tighter padding.
-                { fontSize: 6.2, paddingHorizontal: 3 },
-                cols.length ? styles.tableCellDivider : null,
-              ]}
-              wrap={false}
-            >
-              {r.configuration}
-            </Text>
-          </View>
-          {r.cells.map((cell, ci) => {
-            const isLast = ci === r.cells.length - 1;
-            return (
-              <View key={`${cols[ci]?.key || ci}`} style={{ width: dataWs[ci] }} wrap={false}>
-                <Text style={[styles.tableCell, !isLast ? styles.tableCellDivider : null]} wrap={false}>
-                  {cell}
-                </Text>
-              </View>
-            );
-          })}
-        </View>
-      ))}
-    </View>
-  );
-}

scripts/pdf/react-pdf/components/Footer.tsx

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { Text, View } from '@react-pdf/renderer';
-
-import { styles } from '../styles';
-
-export function Footer(props: { locale: 'en' | 'de'; siteUrl?: string }): React.ReactElement {
-  const date = new Date().toLocaleDateString(props.locale === 'en' ? 'en-US' : 'de-DE', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  });
-
-  const siteUrl = props.siteUrl || 'https://klz-cables.com';
-
-  return (
-    <View style={styles.footer} fixed>
-      <Text style={styles.footerBrand}>KLZ CABLES</Text>
-      <Text style={styles.footerText}>{date}</Text>
-      <Text style={styles.footerText} render={({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`} />
-    </View>
-  );
-}

scripts/pdf/react-pdf/components/Header.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { Image, Text, View } from '@react-pdf/renderer';
-
-import { styles } from '../styles';
-
-export function Header(props: { title: string; logoDataUrl?: string | null; qrDataUrl?: string | null; isHero?: boolean }): React.ReactElement {
-  const { isHero = false } = props;
-  
-  return (
-    <View style={isHero ? styles.header : [styles.header, { paddingHorizontal: 0, backgroundColor: 'transparent', borderBottomWidth: 0, marginBottom: 24, paddingTop: 40 }]}>
-      <View style={styles.headerLeft}>
-        {props.logoDataUrl ? (
-          <Image src={props.logoDataUrl} style={styles.logo} />
-        ) : (
-          <Text style={styles.brandFallback}>KLZ</Text>
-        )}
-      </View>
-      <View style={styles.headerRight}>
-        <Text style={styles.headerTitle}>{props.title}</Text>
-        {props.qrDataUrl ? <Image src={props.qrDataUrl} style={styles.qr} /> : null}
-      </View>
-    </View>
-  );
-}
-

scripts/pdf/react-pdf/components/KeyValueGrid.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Text, View } from '@react-pdf/renderer';
-
-import type { KeyValueItem } from '../../model/types';
-import { styles } from '../styles';
-
-export function KeyValueGrid(props: { items: KeyValueItem[] }): React.ReactElement | null {
-  const items = (props.items || []).filter(i => i.label && i.value);
-  if (!items.length) return null;
-
-  // 2-column layout: (label, value)
-  return (
-    <View style={styles.kvGrid}>
-      {items.map((item, rowIndex) => {
-        const isLast = rowIndex === items.length - 1;
-        const value = item.unit ? `${item.value} ${item.unit}` : item.value;
-
-        return (
-          <View
-            key={`${item.label}-${rowIndex}`}
-            style={[styles.kvRow, rowIndex % 2 === 0 ? styles.kvRowAlt : null, isLast ? styles.kvRowLast : null]}
-            wrap={false}
-            minPresenceAhead={12}
-          >
-            <View style={[styles.kvCell, { width: '50%' }]}>
-              <Text style={styles.kvLabelText}>{item.label}</Text>
-            </View>
-            <View style={[styles.kvCell, { width: '50%' }]}>
-              <Text style={styles.kvValueText}>{value}</Text>
-            </View>
-          </View>
-        );
-      })}
-    </View>
-  );
-}

scripts/pdf/react-pdf/components/Section.tsx

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { Text, View } from '@react-pdf/renderer';
-
-import { styles } from '../styles';
-
-export function Section(props: {
-  title: string;
-  children: React.ReactNode;
-  boxed?: boolean;
-  minPresenceAhead?: number;
-}): React.ReactElement {
-  const boxed = props.boxed ?? true;
-  return (
-    <View style={styles.section} minPresenceAhead={props.minPresenceAhead}>
-      <Text style={styles.sectionTitle}>{props.title}</Text>
-      <View style={styles.sectionAccent} />
-      {props.children}
-    </View>
-  );
-}

scripts/pdf/react-pdf/generate-datasheet-pdf.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { renderToBuffer } from '@react-pdf/renderer';
-
-import type { ProductData } from '../model/types';
-import { buildDatasheetModel } from '../model/build-datasheet-model';
-import { loadImageAsPngDataUrl, loadQrAsPngDataUrl } from './assets';
-import { DatasheetDocument } from './DatasheetDocument';
-
-export async function generateDatasheetPdfBuffer(args: {
-  product: ProductData;
-  locale: 'en' | 'de';
-}): Promise<Buffer> {
-  const model = buildDatasheetModel({ product: args.product, locale: args.locale });
-
-  const logoDataUrl =
-    (await loadImageAsPngDataUrl('/logo-blue.svg')) ||
-    (await loadImageAsPngDataUrl('/logo-white.svg')) ||
-    null;
-
-  const heroDataUrl = await loadImageAsPngDataUrl(model.product.heroSrc);
-  const qrDataUrl = await loadQrAsPngDataUrl(model.product.productUrl);
-
-  const element = <DatasheetDocument model={model} assets={{ logoDataUrl, heroDataUrl, qrDataUrl }} />;
-  return await renderToBuffer(element);
-}
-

scripts/pdf/react-pdf/styles.ts

@@ -1,216 +0,0 @@
-import { Font, StyleSheet } from '@react-pdf/renderer';
-
-// Prevent automatic word hyphenation, which can create multi-line table headers
-// even when we try to keep them single-line.
-Font.registerHyphenationCallback(word => [word]);
-
-export const COLORS = {
-  primary: '#001a4d',
-  primaryDark: '#000d26',
-  accent: '#82ed20',
-  textPrimary: '#111827',
-  textSecondary: '#4b5563',
-  textLight: '#9ca3af',
-  neutral: '#f8f9fa',
-  border: '#e5e7eb',
-} as const;
-
-export const styles = StyleSheet.create({
-  page: {
-    paddingTop: 0,
-    paddingLeft: 30,
-    paddingRight: 30,
-    paddingBottom: 60,
-    fontFamily: 'Helvetica',
-    fontSize: 10,
-    color: COLORS.textPrimary,
-    backgroundColor: '#FFFFFF',
-  },
-
-  // Hero-style header
-  hero: {
-    backgroundColor: '#FFFFFF',
-    paddingTop: 30,
-    paddingBottom: 0,
-    paddingHorizontal: 0,
-    marginBottom: 20,
-    position: 'relative',
-    borderBottomWidth: 0,
-    borderBottomColor: COLORS.border,
-  },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 24,
-    paddingHorizontal: 0,
-  },
-  headerLeft: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-  logo: { width: 100, height: 22, objectFit: 'contain' },
-  brandFallback: { fontSize: 20, fontWeight: 700, color: COLORS.primaryDark, letterSpacing: 1, textTransform: 'uppercase' },
-  headerRight: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-  headerTitle: { fontSize: 9, fontWeight: 700, color: COLORS.primary, letterSpacing: 1.5, textTransform: 'uppercase' },
-  qr: { width: 30, height: 30, objectFit: 'contain' },
-
-  productRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 20,
-  },
-  productInfoCol: {
-    flex: 1,
-    justifyContent: 'center',
-  },
-  productImageCol: {
-    flex: 1,
-    height: 120,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: COLORS.border,
-    backgroundColor: '#FFFFFF',
-    overflow: 'hidden',
-  },
-
-  productHero: {
-    marginTop: 0,
-    paddingHorizontal: 0,
-  },
-  productName: {
-    fontSize: 24,
-    fontWeight: 700,
-    color: COLORS.primaryDark,
-    marginBottom: 0,
-    textTransform: 'uppercase',
-    letterSpacing: -0.5,
-  },
-  productMeta: {
-    fontSize: 9,
-    color: COLORS.textSecondary,
-    fontWeight: 700,
-    textTransform: 'uppercase',
-    letterSpacing: 1,
-    marginBottom: 4,
-  },
-
-  content: {
-    paddingHorizontal: 0,
-  },
-
-  footer: {
-    position: 'absolute',
-    left: 30,
-    right: 30,
-    bottom: 30,
-    paddingTop: 16,
-    borderTopWidth: 1,
-    borderTopColor: COLORS.border,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-  },
-  footerBrand: { fontSize: 9, fontWeight: 700, color: COLORS.primaryDark, textTransform: 'uppercase', letterSpacing: 1 },
-  footerText: { fontSize: 8, color: COLORS.textLight, fontWeight: 500, textTransform: 'uppercase', letterSpacing: 0.5 },
-
-  h1: { fontSize: 22, fontWeight: 700, color: COLORS.primaryDark, marginBottom: 8, textTransform: 'uppercase' },
-  subhead: { fontSize: 10, fontWeight: 700, color: COLORS.textSecondary, marginBottom: 16, textTransform: 'uppercase', letterSpacing: 0.5 },
-
-  heroBox: {
-    height: 180,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: COLORS.border,
-    backgroundColor: '#FFFFFF',
-    marginBottom: 24,
-    justifyContent: 'center',
-    overflow: 'hidden',
-    padding: 0,
-  },
-  heroImage: { width: '100%', height: '100%', objectFit: 'contain' },
-  noImage: { fontSize: 8, color: COLORS.textLight, textAlign: 'center' },
-
-  section: {
-    marginBottom: 10,
-  },
-  sectionTitle: {
-    fontSize: 14,
-    fontWeight: 700,
-    color: COLORS.primaryDark,
-    marginBottom: 8,
-    textTransform: 'uppercase',
-    letterSpacing: -0.2,
-  },
-  sectionAccent: {
-    width: 30,
-    height: 3,
-    backgroundColor: COLORS.accent,
-    marginBottom: 8,
-    borderRadius: 1.5,
-  },
-  body: { fontSize: 10, lineHeight: 1.6, color: COLORS.textSecondary },
-
-  kvGrid: {
-    width: '100%',
-    borderWidth: 1,
-    borderColor: COLORS.border,
-    borderRadius: 8,
-    overflow: 'hidden',
-  },
-  kvRow: {
-    flexDirection: 'row',
-    borderBottomWidth: 1,
-    borderBottomColor: COLORS.border,
-  },
-  kvRowAlt: { backgroundColor: COLORS.neutral },
-  kvRowLast: { borderBottomWidth: 0 },
-  kvCell: { paddingVertical: 3, paddingHorizontal: 12 },
-  kvMidDivider: {
-    borderRightWidth: 1,
-    borderRightColor: COLORS.border,
-  },
-  kvLabelText: { fontSize: 8, fontWeight: 700, color: COLORS.primaryDark, textTransform: 'uppercase', letterSpacing: 0.3 },
-  kvValueText: { fontSize: 9, color: COLORS.textPrimary, fontWeight: 500 },
-
-  tableWrap: {
-    width: '100%',
-    borderWidth: 1,
-    borderColor: COLORS.border,
-    borderRadius: 8,
-    overflow: 'hidden',
-    marginBottom: 16,
-  },
-  tableHeader: {
-    width: '100%',
-    flexDirection: 'row',
-    backgroundColor: COLORS.neutral,
-    borderBottomWidth: 1,
-    borderBottomColor: COLORS.border,
-  },
-  tableHeaderCell: {
-    paddingVertical: 8,
-    paddingHorizontal: 6,
-    fontSize: 7,
-    fontWeight: 700,
-    color: COLORS.primaryDark,
-    textTransform: 'uppercase',
-    letterSpacing: 0.2,
-  },
-  tableHeaderCellCfg: {
-    paddingHorizontal: 8,
-  },
-  tableHeaderCellDivider: {
-    borderRightWidth: 1,
-    borderRightColor: COLORS.border,
-  },
-  tableRow: { width: '100%', flexDirection: 'row', borderBottomWidth: 1, borderBottomColor: COLORS.border },
-  tableRowAlt: { backgroundColor: '#FFFFFF' },
-  tableCell: { paddingVertical: 6, paddingHorizontal: 6, fontSize: 7, color: COLORS.textSecondary, fontWeight: 500 },
-  tableCellCfg: {
-    paddingHorizontal: 8,
-  },
-  tableCellDivider: {
-    borderRightWidth: 1,
-    borderRightColor: COLORS.border,
-  },
-});

scripts/revert-and-clean.ts

@@ -1,208 +0,0 @@
-import client, { ensureAuthenticated } from '../lib/directus';
-import {
-    deleteCollection,
-    deleteFile,
-    readFiles,
-    updateSettings,
-    uploadFiles
-} from '@directus/sdk';
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-// Helper for ESM __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-async function revertAndRestoreBranding() {
-    console.log('🚨 REVERTING EVERYTHING - RESTORING BRANDING ONLY 🚨');
-    await ensureAuthenticated();
-
-    // 1. DELETE ALL COLLECTIONS
-    const collectionsToDelete = [
-        'categories_link',
-        'categories_translations', 'categories',
-        'products_translations', 'products',
-        'posts_translations', 'posts',
-        'pages_translations', 'pages',
-        'globals_translations', 'globals'
-    ];
-
-    console.log('🗑️  Deleting custom collections...');
-    for (const col of collectionsToDelete) {
-        try {
-            await client.request(deleteCollection(col));
-            console.log(`✅ Deleted collection: ${col}`);
-        } catch (e: any) {
-            console.log(`ℹ️ Collection ${col} not found or already deleted.`);
-        }
-    }
-
-    // 2. DELETE ALL FILES
-    console.log('🗑️  Deleting ALL files...');
-    try {
-        const files = await client.request(readFiles({ limit: -1 }));
-        if (files && files.length > 0) {
-            const ids = files.map(f => f.id);
-            await client.request(deleteFile(ids)); // Batch delete if supported by SDK version, else loop
-            console.log(`✅ Deleted ${ids.length} files.`);
-        } else {
-            console.log('ℹ️ No files to delete.');
-        }
-    } catch (e: any) {
-        // Fallback to loop if batch fails
-        try {
-            const files = await client.request(readFiles({ limit: -1 }));
-            for (const f of files) {
-                await client.request(deleteFile(f.id));
-            }
-            console.log(`✅ Deleted files individually.`);
-        } catch (err) { }
-    }
-
-
-    // 3. RESTORE BRANDING (Exact copy of setup-directus-branding.ts logic)
-    console.log('🎨 Restoring Premium Branding...');
-    try {
-        const getMimeType = (filePath: string) => {
-            const ext = path.extname(filePath).toLowerCase();
-            switch (ext) {
-                case '.svg': return 'image/svg+xml';
-                case '.png': return 'image/png';
-                case '.jpg':
-                case '.jpeg': return 'image/jpeg';
-                case '.ico': return 'image/x-icon';
-                default: return 'application/octet-stream';
-            }
-        };
-
-        const uploadAsset = async (filePath: string, title: string) => {
-            if (!fs.existsSync(filePath)) {
-                console.warn(`⚠️ File not found: ${filePath}`);
-                return null;
-            }
-            const mimeType = getMimeType(filePath);
-            const form = new FormData();
-            const fileBuffer = fs.readFileSync(filePath);
-            const blob = new Blob([fileBuffer], { type: mimeType });
-            form.append('file', blob, path.basename(filePath));
-            form.append('title', title);
-            const res = await client.request(uploadFiles(form));
-            return res.id;
-        };
-
-        const logoWhiteId = await uploadAsset(path.resolve(__dirname, '../public/logo-white.svg'), 'Logo White');
-        const logoBlueId = await uploadAsset(path.resolve(__dirname, '../public/logo-blue.svg'), 'Logo Blue');
-        const faviconId = await uploadAsset(path.resolve(__dirname, '../public/favicon.ico'), 'Favicon');
-
-        // Smoother Background SVG
-        const bgSvgPath = path.resolve(__dirname, '../public/login-bg.svg');
-        fs.writeFileSync(bgSvgPath, `<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="1920" height="1080" fill="#001a4d"/>
-<ellipse cx="960" cy="540" rx="800" ry="600" fill="url(#paint0_radial_premium)"/>
-<defs>
-<radialGradient id="paint0_radial_premium" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(960 540) rotate(90) scale(600 800)">
-<stop stop-color="#003d82" stop-opacity="0.8"/>
-<stop offset="1" stop-color="#001a4d" stop-opacity="0"/>
-</radialGradient>
-</defs>
-</svg>`);
-        const backgroundId = await uploadAsset(bgSvgPath, 'Login Bg');
-        if (fs.existsSync(bgSvgPath)) fs.unlinkSync(bgSvgPath);
-
-        // Update Settings
-        const COLOR_PRIMARY = '#001a4d';
-        const COLOR_ACCENT = '#82ed20';
-        const COLOR_SECONDARY = '#003d82';
-
-        const cssInjection = `
-        <style>
-            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-            
-            body, .v-app { 
-                font-family: 'Inter', sans-serif !important; 
-                -webkit-font-smoothing: antialiased;
-            }
-            
-            .public-view .v-card { 
-                background: rgba(255, 255, 255, 0.95) !important;
-                backdrop-filter: blur(20px);
-                border: 1px solid rgba(255, 255, 255, 0.3) !important;
-                border-radius: 32px !important; 
-                box-shadow: 0 50px 100px -20px rgba(0, 0, 0, 0.4) !important;
-                padding: 40px !important;
-            }
-
-            .public-view .v-button {
-                border-radius: 9999px !important;
-                height: 56px !important;
-                font-weight: 600 !important;
-                letter-spacing: -0.01em !important;
-                transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
-            }
-
-            .public-view .v-button:hover {
-                transform: translateY(-2px);
-                box-shadow: 0 15px 30px rgba(130, 237, 32, 0.2) !important;
-            }
-
-            .public-view .v-input {
-                --v-input-border-radius: 12px !important;
-                --v-input-background-color: #f8f9fa !important;
-            }
-        </style>
-        <div style="font-family: 'Inter', sans-serif; text-align: center; margin-top: 24px;">
-            <p style="color: rgba(255,255,255,0.7); font-size: 14px; margin-bottom: 4px; font-weight: 500;">KLZ INFRASTRUCTURE ENGINE</p>
-            <h1 style="color: #ffffff; font-size: 18px; font-weight: 700; margin: 0;">Sustainable Energy. <span style="color: #82ed20;">Industrial Reliability.</span></h1>
-        </div>
-        `;
-
-        await client.request(updateSettings({
-            project_name: 'KLZ Cables',
-            project_url: 'https://klz-cables.com',
-            project_color: COLOR_ACCENT,
-            project_descriptor: 'Sustainable Energy Infrastructure',
-            project_owner: 'KLZ Cables',
-            project_logo: logoWhiteId as any,
-            public_foreground: logoWhiteId as any,
-            public_background: backgroundId as any,
-            public_note: cssInjection,
-            public_favicon: faviconId as any,
-            theme_light_overrides: {
-                "primary": COLOR_ACCENT,
-                "secondary": COLOR_SECONDARY,
-                "background": "#f1f3f7",
-                "backgroundNormal": "#ffffff",
-                "backgroundAccent": "#eef2ff",
-                "navigationBackground": COLOR_PRIMARY,
-                "navigationForeground": "#ffffff",
-                "navigationBackgroundHover": "rgba(255,255,255,0.05)",
-                "navigationForegroundHover": "#ffffff",
-                "navigationBackgroundActive": "rgba(130, 237, 32, 0.15)",
-                "navigationForegroundActive": COLOR_ACCENT,
-                "moduleBarBackground": "#000d26",
-                "moduleBarForeground": "#ffffff",
-                "moduleBarForegroundActive": COLOR_ACCENT,
-                "borderRadius": "16px",
-                "borderWidth": "1px",
-                "borderColor": "#e2e8f0",
-                "formFieldHeight": "48px"
-            } as any,
-            theme_dark_overrides: {
-                "primary": COLOR_ACCENT,
-                "background": "#0a0a0a",
-                "navigationBackground": "#000000",
-                "moduleBarBackground": COLOR_PRIMARY,
-                "borderRadius": "16px",
-                "formFieldHeight": "48px"
-            } as any
-        }));
-
-        console.log('✨ System Cleaned & Branding Restored Successfully');
-
-    } catch (error: any) {
-        console.error('❌ Error restoring branding:', JSON.stringify(error, null, 2));
-    }
-}
-
-revertAndRestoreBranding().catch(console.error);