Add mocks for department daily report components and update Vitest configuration for SCSS

.github/workflows/code quality.yml

@@ -0,0 +1,28 @@
+name: Qodana Configuration Upload
+
+on:
+  push:
+    branches: [main, dev]
+  pull_request:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  upload-qodana-config:
+    runs-on: [self-hosted, Linux, X64, default]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Run Qodana Configuration Uploader
+        env:
+          QODANA_CONFIGURATIONS_TOKEN: ${{ secrets.QODANA_CONFIGURATIONS_TOKEN }}
+        run: |
+          docker run --rm \
+            -v $(pwd):/workspace \
+            -w /workspace \
+            -e QODANA_CONFIGURATIONS_TOKEN=$QODANA_CONFIGURATIONS_TOKEN \
+            jetbrains/qodana-configuration-uploader:latest \
+            --global-configs-file qodana-global-configurations.yaml \
+            --qodana-host https://qodana.cloud

.github/workflows/code_quality.yml

@@ -7,13 +7,9 @@ on:
     branches: [main]
   workflow_dispatch:
 
-permissions:
-  contents: read
-
 jobs:
   upload-qodana-config:
     runs-on: [self-hosted, Linux, X64, default]
-    timeout-minutes: 10
 
     steps:
       - name: Checkout repository
@@ -24,9 +20,9 @@ jobs:
           QODANA_CONFIGURATIONS_TOKEN: ${{ secrets.QODANA_CONFIGURATIONS_TOKEN }}
         run: |
           docker run --rm \
-            -v "$(pwd):/workspace" \
+            -v $(pwd):/workspace \
             -w /workspace \
-            -e QODANA_CONFIGURATIONS_TOKEN \
-            jetbrains/qodana-configuration-uploader@sha256:f4786ceea616048c3401cf0b0345d2220d22a2ec7b046fd48cbbfc522e6efe30 \
+            -e QODANA_CONFIGURATIONS_TOKEN=$QODANA_CONFIGURATIONS_TOKEN \
+            jetbrains/qodana-configuration-uploader:latest \
             --global-configs-file qodana-global-configurations.yaml \
             --qodana-host https://qodana.cloud

.github/workflows/release.yml

@@ -1,35 +1,30 @@
 name: Frontend Release
 
 on:
-  workflow_run:
-    workflows:
-      - Automated Tests
-    types:
-      - completed
+  push:
     branches:
       - master
+  workflow_dispatch:
 
 permissions:
   contents: read
   actions: read
 
 concurrency:
-  group: frontend-release-${{ github.event.workflow_run.head_branch }}
-  cancel-in-progress: true
+  group: frontend-release-${{ github.ref }}
+  cancel-in-progress: false
 
 jobs:
   build-upload-and-verify:
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'push'
     runs-on: [self-hosted, Linux, X64, default]
     env:
       RELEASE_BASE_URL: https://api-v2.truckwash.io/master/frontend
-      PLAYWRIGHT_BASE_URL: https://dev.truckwash.io
-      PLAYWRIGHT_RELEASE_STATIC_BASE_URL: https://api-v2.truckwash.io/master/frontend
+      PLAYWRIGHT_BASE_URL: https://api-v2.truckwash.io/master/frontend
       PLAYWRIGHT_RELEASE_API_BASE_URL: https://api-v2.truckwash.io
-      PLAYWRIGHT_RELEASE_API_PING_PATHS: /master/api/ping
+      PLAYWRIGHT_RELEASE_API_PING_PATHS: /ping,/master/api/ping,/canary/api/ping,/stable/api/ping
       RELEASE_BUILD_ID: ${{ github.run_id }}-${{ github.run_attempt }}
       RELEASE_EXPECTED_BUILD_ID: ${{ github.run_id }}-${{ github.run_attempt }}
-      RELEASE_EXPECTED_COMMIT: ${{ github.event.workflow_run.head_sha }}
+      RELEASE_EXPECTED_COMMIT: ${{ github.sha }}
       RELEASE_WAIT_INITIAL_SECONDS: 45
       RELEASE_WAIT_TIMEOUT_SECONDS: 600
       RELEASE_POLL_INTERVAL_SECONDS: 10
@@ -38,114 +33,54 @@ jobs:
         uses: actions/checkout@v5
         with:
           fetch-depth: 0
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: Check release commit is current
-        id: branch-head
-        run: |
-          latest_sha="$(git ls-remote origin "refs/heads/$RELEASE_BRANCH" | awk '{print $1}')"
-          if [[ -z "$latest_sha" ]]; then
-            echo "Could not resolve origin/$RELEASE_BRANCH." >&2
-            exit 1
-          fi
-          if [[ "$latest_sha" != "$RELEASE_EXPECTED_COMMIT" ]]; then
-            echo "current=false" >> "$GITHUB_OUTPUT"
-            echo "Skipping stale release for $RELEASE_EXPECTED_COMMIT; origin/$RELEASE_BRANCH is $latest_sha."
-            exit 0
-          fi
-          echo "current=true" >> "$GITHUB_OUTPUT"
-          echo "Release commit is current for $RELEASE_BRANCH."
-        env:
-          RELEASE_BRANCH: ${{ github.event.workflow_run.head_branch }}
 
       - name: Setup Node.js
-        if: steps.branch-head.outputs.current == 'true'
         uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: npm
 
       - name: Install dependencies
-        if: steps.branch-head.outputs.current == 'true'
         run: npm ci --legacy-peer-deps
 
       - name: Check AI workflow sync
-        if: steps.branch-head.outputs.current == 'true'
         run: node scripts/sync-ai-workflow.mjs --check
 
       - name: Source and i18n checks
-        if: steps.branch-head.outputs.current == 'true'
         run: |
           npm run text:check-encoding
           npm run i18n:v2:source-check
 
       - name: Unit tests
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run test:unit
         env:
           VITEST_BATCH_SIZE: 5
 
       - name: Build release artifact
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run build
 
       - name: Install Playwright Chromium
-        if: steps.branch-head.outputs.current == 'true'
-        run: node scripts/install-playwright-browsers.mjs chromium
+        run: npx playwright install --with-deps chromium
 
       - name: Production Playwright gate
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run test:e2e:prod
 
       - name: Upload dist artifact
-        if: steps.branch-head.outputs.current == 'true'
-        continue-on-error: true
         uses: actions/upload-artifact@v4
         with:
           name: frontend-dist-${{ env.RELEASE_BUILD_ID }}
           path: dist
-          retention-days: 3
-
-      - name: Request Release Manager auto sync
-        if: steps.branch-head.outputs.current == 'true'
-        run: |
-          test -n "$RELEASE_MANAGER_GATE_TOKEN" || (echo "RELEASE_MANAGER_GATE_TOKEN is required" >&2; exit 1)
-          response_file="$(mktemp)"
-          status_code="$(curl --show-error --silent \
-            --output "$response_file" \
-            --write-out "%{http_code}" \
-            -X POST "$RELEASE_MANAGER_GATE_URL" \
-            -H "Authorization: Bearer $RELEASE_MANAGER_GATE_TOKEN" \
-            -H "Content-Type: application/json" \
-            --data "{\"environment_url\":\"$RELEASE_BASE_URL\",\"channel_slug\":\"stable\",\"app\":\"frontend\",\"repository\":\"$RELEASE_REPOSITORY\",\"branch\":\"$RELEASE_BRANCH\",\"expected_commit\":\"$RELEASE_EXPECTED_COMMIT\",\"build_id\":\"$RELEASE_EXPECTED_BUILD_ID\",\"workflow_url\":\"$RELEASE_WORKFLOW_URL\",\"auto_sync\":true,\"wait_timeout_seconds\":300,\"poll_interval_seconds\":10,\"required_checks\":[\"api_gateway\"]}")"
-          if [[ "$status_code" =~ ^2 ]]; then
-            cat "$response_file"
-          elif [[ "$status_code" == "504" ]]; then
-            echo "Release Manager auto sync request reached the gateway timeout; continuing to artifact wait."
-          else
-            cat "$response_file" >&2
-            echo "Release Manager auto sync request failed with HTTP $status_code." >&2
-            exit 1
-          fi
-        env:
-          RELEASE_MANAGER_GATE_URL: ${{ secrets.RELEASE_MANAGER_GATE_URL || 'https://api.truckwash.io/release/gate/test-runs' }}
-          RELEASE_MANAGER_GATE_TOKEN: ${{ secrets.RELEASE_MANAGER_GATE_TOKEN }}
-          RELEASE_REPOSITORY: ${{ github.repository }}
-          RELEASE_BRANCH: ${{ github.event.workflow_run.head_branch }}
-          RELEASE_WORKFLOW_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
+          retention-days: 14
 
       - name: Wait for Coolify release artifact
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run release:verify-upload
 
       - name: Public live Playwright gate
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run test:e2e:live:public
         env:
           NODE_OPTIONS: --use-system-ca
 
       - name: Credentialed live Playwright gate
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run test:e2e:live:roles
         env:
           NODE_OPTIONS: --use-system-ca
@@ -158,35 +93,31 @@ jobs:
           PLAYWRIGHT_DEPARTMENT_ID: ${{ secrets.PLAYWRIGHT_DEPARTMENT_ID }}
 
       - name: Record Release Manager gate
-        if: steps.branch-head.outputs.current == 'true'
         run: |
           test -n "$RELEASE_MANAGER_GATE_TOKEN" || (echo "RELEASE_MANAGER_GATE_TOKEN is required" >&2; exit 1)
-          release_gate_build_id="${RELEASE_VERIFIED_BUILD_ID:-$RELEASE_EXPECTED_BUILD_ID}"
           curl --fail --show-error --silent \
             -X POST "$RELEASE_MANAGER_GATE_URL" \
             -H "Authorization: Bearer $RELEASE_MANAGER_GATE_TOKEN" \
             -H "Content-Type: application/json" \
-            --data "{\"environment_url\":\"$RELEASE_BASE_URL\",\"channel_slug\":\"stable\",\"app\":\"frontend\",\"repository\":\"$RELEASE_REPOSITORY\",\"branch\":\"$RELEASE_BRANCH\",\"expected_commit\":\"$RELEASE_EXPECTED_COMMIT\",\"build_id\":\"$release_gate_build_id\",\"workflow_url\":\"$RELEASE_WORKFLOW_URL\",\"auto_sync\":true,\"wait_timeout_seconds\":300,\"poll_interval_seconds\":10,\"required_checks\":[\"static_artifact\",\"api_gateway\"]}"
+            --data "{\"environment_url\":\"$RELEASE_BASE_URL\",\"channel_slug\":\"stable\",\"app\":\"frontend\",\"repository\":\"$RELEASE_REPOSITORY\",\"branch\":\"$RELEASE_BRANCH\",\"expected_commit\":\"$RELEASE_EXPECTED_COMMIT\",\"build_id\":\"$RELEASE_EXPECTED_BUILD_ID\",\"workflow_url\":\"$RELEASE_WORKFLOW_URL\",\"auto_sync\":true,\"wait_timeout_seconds\":300,\"poll_interval_seconds\":10,\"required_checks\":[\"static_artifact\",\"api_gateway\"]}"
         env:
           RELEASE_MANAGER_GATE_URL: ${{ secrets.RELEASE_MANAGER_GATE_URL || 'https://api.truckwash.io/release/gate/test-runs' }}
           RELEASE_MANAGER_GATE_TOKEN: ${{ secrets.RELEASE_MANAGER_GATE_TOKEN }}
           RELEASE_REPOSITORY: ${{ github.repository }}
-          RELEASE_BRANCH: ${{ github.event.workflow_run.head_branch }}
+          RELEASE_BRANCH: ${{ github.ref_name }}
           RELEASE_WORKFLOW_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
 
       - name: Update server version after verification
-        if: steps.branch-head.outputs.current == 'true'
         run: npm run release:update-server-version
         env:
           SERVER_UPDATE_TOKEN: ${{ secrets.SERVER_UPDATE_TOKEN }}
-          RELEASE_VERSION: ${{ github.event.workflow_run.head_sha }}
+          RELEASE_VERSION: ${{ github.sha }}
 
       - name: Upload Playwright report
-        if: failure() && steps.branch-head.outputs.current == 'true'
-        continue-on-error: true
+        if: failure()
         uses: actions/upload-artifact@v4
         with:
           name: frontend-release-playwright-${{ env.RELEASE_BUILD_ID }}
           path: output/playwright
           if-no-files-found: ignore
-          retention-days: 3
+          retention-days: 14

.github/workflows/tests.yml

@@ -3,8 +3,6 @@ name: Automated Tests
 on:
   pull_request:
   push:
-    branches:
-      - master
   workflow_dispatch:
   schedule:
     - cron: "0 2 * * *"
@@ -13,29 +11,14 @@ permissions:
   contents: read
 
 concurrency:
-  group: frontend-tests-${{ github.workflow }}-${{ github.event_name }}-${{ github.head_ref || github.ref_name }}
+  group: frontend-tests-${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
   format-tests:
     # CI runs on the repository's self-hosted runner pool.
-    runs-on: [self-hosted, Linux, X64, pleno, frontend]
-    timeout-minutes: 15
+    runs-on: [self-hosted, Linux, X64, default]
     steps:
-      - name: Repair self-hosted workspace permissions
-        shell: bash
-        run: |
-          if [[ -d "$GITHUB_WORKSPACE" ]]; then
-            sudo -n chown -R "$(id -u):$(id -g)" "$GITHUB_WORKSPACE" 2>/dev/null || true
-            foreign_entry="$(find "$GITHUB_WORKSPACE" -mindepth 1 -maxdepth 2 ! -user "$(id -u)" -print -quit 2>/dev/null || true)"
-            if [[ -n "$foreign_entry" ]]; then
-              trash="$GITHUB_WORKSPACE/../_workspace-trash-$GITHUB_RUN_ID-$GITHUB_JOB"
-              rm -rf "$trash" 2>/dev/null || true
-              mv "$GITHUB_WORKSPACE" "$trash" 2>/dev/null || true
-              mkdir -p "$GITHUB_WORKSPACE"
-            fi
-          fi
-
       - name: Checkout repository
         uses: actions/checkout@v5
 
@@ -43,6 +26,7 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: 22
+          cache: npm
 
       - name: Check AI workflow sync
         run: node scripts/sync-ai-workflow.mjs --check
@@ -55,23 +39,8 @@ jobs:
 
   build-and-unit:
     needs: format-tests
-    runs-on: [self-hosted, Linux, X64, pleno, frontend]
-    timeout-minutes: 30
+    runs-on: [self-hosted, Linux, X64, default]
     steps:
-      - name: Repair self-hosted workspace permissions
-        shell: bash
-        run: |
-          if [[ -d "$GITHUB_WORKSPACE" ]]; then
-            sudo -n chown -R "$(id -u):$(id -g)" "$GITHUB_WORKSPACE" 2>/dev/null || true
-            foreign_entry="$(find "$GITHUB_WORKSPACE" -mindepth 1 -maxdepth 2 ! -user "$(id -u)" -print -quit 2>/dev/null || true)"
-            if [[ -n "$foreign_entry" ]]; then
-              trash="$GITHUB_WORKSPACE/../_workspace-trash-$GITHUB_RUN_ID-$GITHUB_JOB"
-              rm -rf "$trash" 2>/dev/null || true
-              mv "$GITHUB_WORKSPACE" "$trash" 2>/dev/null || true
-              mkdir -p "$GITHUB_WORKSPACE"
-            fi
-          fi
-
       - name: Checkout repository
         uses: actions/checkout@v5
 
@@ -79,16 +48,11 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: 22
+          cache: npm
 
       - name: Install dependencies
         run: npm ci --legacy-peer-deps
 
-      - name: Lint
-        run: npm run lint
-
-      - name: Check i18n source consistency
-        run: npm run i18n:v2:check
-
       - name: Build sanity check
         run: npm run build
 
@@ -100,33 +64,8 @@ jobs:
   e2e-pr:
     if: github.event_name != 'schedule'
     needs: build-and-unit
-    name: E2E-pr-${{ matrix.suite }}-${{ matrix.project }}
-    runs-on: [self-hosted, Linux, X64, pleno, frontend, docker]
-    timeout-minutes: 30
-    strategy:
-      fail-fast: false
-      max-parallel: 4
-      matrix:
-        suite: [core, changed]
-        project: [chromium-desktop, chromium-mobile]
-    env:
-      PLAYWRIGHT_ARTIFACT_NAMESPACE: e2e-pr-${{ matrix.suite }}-${{ matrix.project }}
-      PLAYWRIGHT_REPORTER_MODE: line-html
+    runs-on: [self-hosted, Linux, X64, default]
     steps:
-      - name: Repair self-hosted workspace permissions
-        shell: bash
-        run: |
-          if [[ -d "$GITHUB_WORKSPACE" ]]; then
-            sudo -n chown -R "$(id -u):$(id -g)" "$GITHUB_WORKSPACE" 2>/dev/null || true
-            foreign_entry="$(find "$GITHUB_WORKSPACE" -mindepth 1 -maxdepth 2 ! -user "$(id -u)" -print -quit 2>/dev/null || true)"
-            if [[ -n "$foreign_entry" ]]; then
-              trash="$GITHUB_WORKSPACE/../_workspace-trash-$GITHUB_RUN_ID-$GITHUB_JOB"
-              rm -rf "$trash" 2>/dev/null || true
-              mv "$GITHUB_WORKSPACE" "$trash" 2>/dev/null || true
-              mkdir -p "$GITHUB_WORKSPACE"
-            fi
-          fi
-
       - name: Checkout repository
         uses: actions/checkout@v5
         with:
@@ -159,112 +98,33 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: 22
+          cache: npm
 
-      - name: Run Playwright PR suite in container
-        shell: bash
-        env:
-          DIFF_BASE_REF: ${{ steps.playwright-diff.outputs.base }}
-          DIFF_HEAD_REF: ${{ steps.playwright-diff.outputs.head }}
-          MATRIX_SUITE: ${{ matrix.suite }}
-          MATRIX_PROJECT: ${{ matrix.project }}
-          RUN_ID: ${{ github.run_id }}
-        run: |
-          set -euo pipefail
-          case "$MATRIX_SUITE" in
-            core) suite_offset=0 ;;
-            changed) suite_offset=10 ;;
-            *) echo "Unsupported Playwright PR suite: $MATRIX_SUITE" >&2; exit 1 ;;
-          esac
-          case "$MATRIX_PROJECT" in
-            chromium-desktop) project_offset=1 ;;
-            chromium-mobile) project_offset=2 ;;
-            *) echo "Unsupported Playwright PR project: $MATRIX_PROJECT" >&2; exit 1 ;;
-          esac
-          port_seed=$((20000 + (RUN_ID % 20000) + suite_offset + project_offset))
-          playwright_dev_port="$(
-            PORT_SEED="$port_seed" node - <<'NODE'
-          const net = require("node:net");
-          const start = Number(process.env.PORT_SEED || 20000);
-          const candidates = Array.from({ length: 200 }, (_, index) => start + index);
-          function tryPort(index) {
-            if (index >= candidates.length) {
-              console.error("Unable to find a free Playwright dev-server port.");
-              process.exit(1);
-            }
-            const port = candidates[index];
-            const server = net.createServer();
-            server.once("error", () => tryPort(index + 1));
-            server.listen(port, "127.0.0.1", () => {
-              server.close(() => {
-                console.log(port);
-              });
-            });
-          }
-          tryPort(0);
-          NODE
-          )"
-          if docker info >/dev/null 2>&1; then
-            docker_cmd=(docker)
-          elif sudo -n docker info >/dev/null 2>&1; then
-            docker_cmd=(sudo docker)
-          else
-            echo "Docker is not available to the runner user, and sudo docker is not available." >&2
-            exit 1
-          fi
-          mkdir -p output/playwright
-          "${docker_cmd[@]}" run --rm --ipc=host --network host \
-            --volume "$PWD:/source:ro" \
-            --volume "$PWD/output/playwright:/work/output/playwright" \
-            --workdir /work \
-            --env HOME=/tmp \
-            --env CI="${CI:-}" \
-            --env PLAYWRIGHT_ARTIFACT_NAMESPACE="$PLAYWRIGHT_ARTIFACT_NAMESPACE" \
-            --env PLAYWRIGHT_REPORTER_MODE="$PLAYWRIGHT_REPORTER_MODE" \
-            --env PLAYWRIGHT_DEV_PORT="$playwright_dev_port" \
-            --env MATRIX_SUITE="$MATRIX_SUITE" \
-            --env MATRIX_PROJECT="$MATRIX_PROJECT" \
-            --env DIFF_BASE_REF="$DIFF_BASE_REF" \
-            --env DIFF_HEAD_REF="$DIFF_HEAD_REF" \
-            mcr.microsoft.com/playwright:v1.58.2-noble \
-            bash -lc '
-              set -euo pipefail
-              tar --exclude=./output/playwright -C /source -cf - . | tar -C /work -xf -
-              git config --global --add safe.directory /work
-              npm ci --legacy-peer-deps
-              ulimit -n 16384 || true
-              if [[ "$MATRIX_SUITE" == "core" ]]; then
-                npx playwright test --grep @smoke --project="$MATRIX_PROJECT"
-                npm run test:e2e:pr -- --core-only --project="$MATRIX_PROJECT"
-              else
-                npm run test:e2e:pr -- --changed-only --project="$MATRIX_PROJECT" --base="$DIFF_BASE_REF" --head="$DIFF_HEAD_REF"
-              fi
-            '
+      - name: Install dependencies
+        run: npm ci --legacy-peer-deps
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+
+      - name: Run Playwright PR tests
+        run: npm run test:e2e:pr -- --base="${{ steps.playwright-diff.outputs.base }}" --head="${{ steps.playwright-diff.outputs.head }}"
 
       - name: Upload Playwright report
-        if: failure() || cancelled()
-        continue-on-error: true
+        if: failure()
         uses: actions/upload-artifact@v4
         with:
-          name: playwright-report-pr-${{ matrix.suite }}-${{ matrix.project }}
-          path: |
-            output/playwright/${{ env.PLAYWRIGHT_ARTIFACT_NAMESPACE }}-*
-            output/playwright/${{ env.PLAYWRIGHT_ARTIFACT_NAMESPACE }}
+          name: playwright-report-pr
+          path: output/playwright
           if-no-files-found: ignore
-          retention-days: 1
+          retention-days: 7
 
   e2e-full:
-    if: >
-      always() &&
-      (github.event_name == 'schedule' || github.event_name == 'workflow_dispatch' || github.ref_name == github.event.repository.default_branch) &&
-      needs.build-and-unit.result == 'success' &&
-      (github.event_name == 'schedule' || needs.e2e-pr.result == 'success')
-    needs: [build-and-unit, e2e-pr]
+    if: github.event_name == 'schedule' || github.event_name == 'workflow_dispatch' || github.ref_name == github.event.repository.default_branch
+    needs: build-and-unit
     name: E2E-full-${{ matrix.role }}-${{ matrix.browser_label }}-${{ matrix.device }}
-    runs-on: [self-hosted, Linux, X64, pleno, frontend, docker]
-    timeout-minutes: 60
+    runs-on: [self-hosted, Linux, X64, default]
     strategy:
       fail-fast: false
-      max-parallel: 4
       matrix:
         role: [customer, subuser, admin, superuser]
         browser: [chromium, firefox, webkit]
@@ -283,20 +143,6 @@ jobs:
       PLAYWRIGHT_ARTIFACT_NAMESPACE: e2e-full-${{ matrix.role }}-${{ matrix.browser }}-${{ matrix.device }}
       PLAYWRIGHT_REPORTER_MODE: line-html
     steps:
-      - name: Repair self-hosted workspace permissions
-        shell: bash
-        run: |
-          if [[ -d "$GITHUB_WORKSPACE" ]]; then
-            sudo -n chown -R "$(id -u):$(id -g)" "$GITHUB_WORKSPACE" 2>/dev/null || true
-            foreign_entry="$(find "$GITHUB_WORKSPACE" -mindepth 1 -maxdepth 2 ! -user "$(id -u)" -print -quit 2>/dev/null || true)"
-            if [[ -n "$foreign_entry" ]]; then
-              trash="$GITHUB_WORKSPACE/../_workspace-trash-$GITHUB_RUN_ID-$GITHUB_JOB"
-              rm -rf "$trash" 2>/dev/null || true
-              mv "$GITHUB_WORKSPACE" "$trash" 2>/dev/null || true
-              mkdir -p "$GITHUB_WORKSPACE"
-            fi
-          fi
-
       - name: Checkout repository
         uses: actions/checkout@v5
 
@@ -304,92 +150,19 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: 22
+          cache: npm
 
-      - name: Run full Playwright slice in container
-        shell: bash
-        env:
-          MATRIX_ROLE: ${{ matrix.role }}
-          MATRIX_BROWSER: ${{ matrix.browser }}
-          MATRIX_DEVICE: ${{ matrix.device }}
-          RUN_ID: ${{ github.run_id }}
-        run: |
-          set -euo pipefail
-          case "$MATRIX_ROLE" in
-            customer) role_offset=0 ;;
-            subuser) role_offset=100 ;;
-            admin) role_offset=200 ;;
-            superuser) role_offset=300 ;;
-            *) echo "Unsupported Playwright role: $MATRIX_ROLE" >&2; exit 1 ;;
-          esac
-          case "$MATRIX_BROWSER" in
-            chromium) browser_offset=0 ;;
-            firefox) browser_offset=30 ;;
-            webkit) browser_offset=60 ;;
-            *) echo "Unsupported Playwright browser: $MATRIX_BROWSER" >&2; exit 1 ;;
-          esac
-          case "$MATRIX_DEVICE" in
-            mobile) device_offset=1 ;;
-            tablet) device_offset=2 ;;
-            desktop) device_offset=3 ;;
-            *) echo "Unsupported Playwright device: $MATRIX_DEVICE" >&2; exit 1 ;;
-          esac
-          port_seed=$((20000 + (RUN_ID % 20000) + role_offset + browser_offset + device_offset))
-          playwright_dev_port="$(
-            PORT_SEED="$port_seed" node - <<'NODE'
-          const net = require("node:net");
-          const start = Number(process.env.PORT_SEED || 20000);
-          const candidates = Array.from({ length: 200 }, (_, index) => start + index);
-          function tryPort(index) {
-            if (index >= candidates.length) {
-              console.error("Unable to find a free Playwright dev-server port.");
-              process.exit(1);
-            }
-            const port = candidates[index];
-            const server = net.createServer();
-            server.once("error", () => tryPort(index + 1));
-            server.listen(port, "127.0.0.1", () => {
-              server.close(() => {
-                console.log(port);
-              });
-            });
-          }
-          tryPort(0);
-          NODE
-          )"
-          if docker info >/dev/null 2>&1; then
-            docker_cmd=(docker)
-          elif sudo -n docker info >/dev/null 2>&1; then
-            docker_cmd=(sudo docker)
-          else
-            echo "Docker is not available to the runner user, and sudo docker is not available." >&2
-            exit 1
-          fi
-          mkdir -p output/playwright
-          "${docker_cmd[@]}" run --rm --ipc=host --network host \
-            --volume "$PWD:/source:ro" \
-            --volume "$PWD/output/playwright:/work/output/playwright" \
-            --workdir /work \
-            --env HOME=/tmp \
-            --env CI="${CI:-}" \
-            --env PLAYWRIGHT_ARTIFACT_NAMESPACE="$PLAYWRIGHT_ARTIFACT_NAMESPACE" \
-            --env PLAYWRIGHT_REPORTER_MODE="$PLAYWRIGHT_REPORTER_MODE" \
-            --env PLAYWRIGHT_DEV_PORT="$playwright_dev_port" \
-            --env MATRIX_ROLE="$MATRIX_ROLE" \
-            --env MATRIX_BROWSER="$MATRIX_BROWSER" \
-            --env MATRIX_DEVICE="$MATRIX_DEVICE" \
-            mcr.microsoft.com/playwright:v1.58.2-noble \
-            bash -lc '
-              set -euo pipefail
-              tar --exclude=./output/playwright -C /source -cf - . | tar -C /work -xf -
-              git config --global --add safe.directory /work
-              npm ci --legacy-peer-deps
-              ulimit -n 16384 || true
-              npm run test:e2e:full:slice -- --role="$MATRIX_ROLE" --project="$MATRIX_BROWSER-$MATRIX_DEVICE"
-            '
+      - name: Install dependencies
+        run: npm ci --legacy-peer-deps
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps ${{ matrix.browser_install }}
+
+      - name: Run full Playwright slice
+        run: npm run test:e2e:full:slice -- --role="${{ matrix.role }}" --project="${{ matrix.browser }}-${{ matrix.device }}"
 
       - name: Upload Playwright report
-        if: failure() || cancelled()
-        continue-on-error: true
+        if: failure()
         uses: actions/upload-artifact@v4
         with:
           name: playwright-report-full-${{ matrix.role }}-${{ matrix.browser }}-${{ matrix.device }}
@@ -398,4 +171,4 @@ jobs:
             output/playwright/${{ env.PLAYWRIGHT_ARTIFACT_NAMESPACE }}/test-results
             output/playwright/test-lists/${{ matrix.role }}-${{ matrix.browser }}-${{ matrix.device }}.txt
           if-no-files-found: ignore
-          retention-days: 1
+          retention-days: 14

.openclaw/workspace-state.json

@@ -1,4 +0,0 @@
-{
-  "version": 1,
-  "setupCompletedAt": "2026-06-07T11:37:04.444Z"
-}

app/build.gradle

@@ -56,9 +56,9 @@ android {
     defaultConfig {
         applicationId "io.truckwash.twa"
         minSdkVersion 21
-        targetSdkVersion 36
-        versionCode 7
-        versionName "7"
+        targetSdkVersion 35
+        versionCode 6
+        versionName "6"
 
         // The name for the application
         resValue "string", "appName", twaManifest.name

app/src/main/res/raw/web_app_manifest.json

@@ -1 +1 @@
-{"name":"Truck Wash Kundeportal","short_name":"Truck Wash","description":"Access your Truck Wash accounts and transactions from anywhere.","start_url":"/","display":"standalone","background_color":"#0787bb","theme_color":"#063651","lang":"en","scope":"/","orientation":"portrait","launch_handler":{"client_mode":"navigate-existing"},"icons":[{"src":"favicons/web-app-manifest-192x192.png","sizes":"192x192","type":"image/png"},{"src":"favicons/web-app-manifest-512x512.png","sizes":"512x512","type":"image/png"}],"id":"/"}
+{"name":"Truck Wash Kundeportal","short_name":"Truck Wash","description":"Access your Truck Wash accounts and transactions from anywhere.","start_url":"/","display":"standalone","background_color":"#0787bb","theme_color":"#063651","lang":"en","scope":"/","orientation":"portrait","launch_handler":{"client_mode":"navigate-existing"},"icons":[{"src":"favicons/web-app-manifest-192x192.png","sizes":"192x192","type":"image/png"},{"src":"favicons/web-app-manifest-512x512.png","sizes":"512x512","type":"image/png"}],"id":"pleno-pwa-test"}

docs/user-wash-start-production-readiness.md

@@ -1,33 +0,0 @@
-# User wash start production-readiness QA matrix
-
-This note documents deterministic coverage for the self-serve user wash start flow. The `@dynamic-image` Playwright case remains separated because it validates rendered image behavior in addition to deterministic state and API transitions.
-
-## Unit matrix
-
-| Area                    | Required scenario                                                                                                              | Coverage                                                                                                                                                                                                                                                          |
-| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `useWashFlowState`      | Step transitions for vehicle, questions, lane, tasks, in-progress, completed                                                   | `tests/unit/use-wash-flow-state-production.spec.js` validates step clickability, next-button gating, questions-to-lane updates, lane-to-start target selection, task completion transition, in-progress navigation, and completed-step non-clickability contract. |
-| `useWashSessionActions` | START success and failure                                                                                                      | `tests/unit/use-wash-session-actions-production.spec.js` covers successful manual START state mutation and failed START retryability without active-wash mutation.                                                                                                |
-| `useWashSessionActions` | Relay enable success and relay enable failure with STOP rollback                                                               | `tests/unit/use-wash-session-actions-production.spec.js` covers machine relay success and relay failure rollback via STOP.                                                                                                                                        |
-| `useWashSessionActions` | STOP failure and already-stopped STOP recovery                                                                                 | `tests/unit/use-wash-session-actions-production.spec.js` covers failed STOP preserving active state and already-not-occupied STOP clearing local state.                                                                                                           |
-| `useSelfServeLogic`     | Preview/summary merge                                                                                                          | `tests/unit/use-self-serve-logic-production.spec.js` covers preview questions merging with summary questions, answer maps, visible question order, tasks, and allowed services.                                                                                   |
-| `useSelfServeLogic`     | Request race handling                                                                                                          | `tests/unit/use-self-serve-logic-production.spec.js` covers stale preview/summary responses being ignored when a newer request wins.                                                                                                                              |
-| `useSelfServeLogic`     | Allowed services updates                                                                                                       | `tests/unit/use-self-serve-logic-production.spec.js` covers lane allowed-service endpoint updates and first-failure fallback behavior.                                                                                                                            |
-| `useSelfServeLogic`     | Answer sync failures                                                                                                           | `tests/unit/use-self-serve-logic-production.spec.js` covers error reporting while preserving the caller's optimistic local answer.                                                                                                                                |
-| `MyWashStart.vue`       | Local progress restore, server active-wash restore, recent-completion suppression, unmount cleanup, duplicate-fetch prevention | `tests/unit/my-wash-start-production.spec.js` locks the component contracts for restore ordering, authenticated active-wash application, recent-completion suppression across restore/polling, unmount cleanup, and duplicate-fetch/sync guards.                  |
-
-## E2E mocked matrix
-
-| Required scenario                                                    | Coverage                                                                                                                                                                                                                                                                                     |
-| -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Full manual flow                                                     | `tests/e2e/self-serve-wash.spec.js` covers direct manual wash start, guided completion, STOP, exit-gate open, completed state, and close/reset.                                                                                                                                              |
-| Full machine flow                                                    | `tests/e2e/self-serve-wash.spec.js` covers machine task rendering, dynamic image progress, required task completion, machine start path, and reload persistence.                                                                                                                             |
-| Reload/resume active wash                                            | `tests/e2e/self-serve-wash.spec.js` covers local progress reload and authenticated server active-wash resume from another device.                                                                                                                                                            |
-| Backend says wash completed during polling                           | `tests/e2e/self-serve-wash.spec.js` covers server polling of active wash and local transition to completed when the backend no longer reports the matching in-progress wash.                                                                                                                 |
-| Network failures for preview, answer sync, START, relay enable, STOP | `tests/e2e/self-serve-wash.spec.js` covers retryable START failure, STOP failure preservation, allowed-services gateway timeout/retry, answer sync background resilience, and unit-level relay rollback. Add mocked network route overrides when expanding browser-level failure assertions. |
-
-## Optional live smoke
-
-| Optional scenario   | Coverage                                                                                                                                                                                                    |
-| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Dynamic image smoke | The `@dynamic-image` Playwright test in `tests/e2e/self-serve-wash.spec.js` is tagged separately from deterministic CI coverage so it can be included or excluded explicitly with Playwright grep controls. |

eslint.config.js

@@ -1,139 +0,0 @@
-import js from "@eslint/js";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-import vue from "eslint-plugin-vue";
-
-const commonGlobals = {
-  ...globals.browser,
-  ...globals.node,
-  ...globals.es2024,
-  grecaptcha: "readonly",
-};
-
-const vitestGlobals = {
-  ...globals.vitest,
-};
-
-const lintTargets = ["**/*.{js,mjs,cjs,ts,tsx,vue}"];
-const tsTargets = ["**/*.{ts,tsx,mts,cts}"];
-
-function warningRules(rules = {}) {
-  return Object.fromEntries(
-    Object.entries(rules).map(([name, value]) => {
-      if (value === "off" || value === 0) {
-        return [name, value];
-      }
-
-      if (Array.isArray(value)) {
-        return [name, ["warn", ...value.slice(1)]];
-      }
-
-      return [name, "warn"];
-    }),
-  );
-}
-
-function warningConfig(config, files) {
-  return {
-    ...config,
-    files: config.files ?? files,
-    rules: warningRules(config.rules),
-  };
-}
-
-const jsRecommended = warningConfig(js.configs.recommended, lintTargets);
-const tsRecommended = tseslint.configs.recommended.map((config) =>
-  warningConfig(config, tsTargets),
-);
-const vueEssential = vue.configs["flat/essential"].map((config) =>
-  warningConfig(config, ["**/*.vue"]),
-);
-
-const ignoredPaths = [
-  "app/build/**",
-  "coverage/**",
-  "dist/**",
-  "node_modules/**",
-  "node_modules.codex-backup/**",
-  "output/**",
-  "public/build/**",
-  "src/assets/test/**",
-  "test/**",
-  "vendor/**",
-  "*.timestamp-*.mjs",
-  "**/*.timestamp-*.mjs",
-];
-
-const commonUnusedOptions = {
-  argsIgnorePattern: "^_",
-  caughtErrorsIgnorePattern: "^_",
-  varsIgnorePattern: "^_",
-};
-
-export default [
-  {
-    ignores: ignoredPaths,
-  },
-  jsRecommended,
-  ...tsRecommended,
-  ...vueEssential,
-  {
-    files: ["**/*.vue"],
-    languageOptions: {
-      parserOptions: {
-        parser: tseslint.parser,
-        extraFileExtensions: [".vue"],
-        ecmaVersion: "latest",
-        sourceType: "module",
-      },
-    },
-  },
-  {
-    files: lintTargets,
-    plugins: {
-      vue,
-    },
-    languageOptions: {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      globals: commonGlobals,
-    },
-    rules: {
-      "no-console": "off",
-      "no-debugger": "warn",
-      "no-empty": "warn",
-      "no-undef": "warn",
-      "no-unused-vars": ["warn", commonUnusedOptions],
-      "no-useless-assignment": "warn",
-      "vue/multi-word-component-names": "off",
-      "vue/no-mutating-props": "warn",
-      "vue/no-unused-components": "warn",
-      "vue/no-unused-vars": "warn",
-      "vue/no-v-html": "off",
-    },
-  },
-  {
-    files: ["**/*.{ts,tsx}"],
-    plugins: {
-      "@typescript-eslint": tseslint.plugin,
-    },
-    rules: {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-explicit-any": "off",
-      "@typescript-eslint/no-unused-vars": ["warn", commonUnusedOptions],
-    },
-  },
-  {
-    files: ["tests/**/*.{js,ts}", "playwright*.ts", "scripts/**/*.{js,mjs}"],
-    languageOptions: {
-      globals: {
-        ...commonGlobals,
-        ...globals.node,
-        ...vitestGlobals,
-      },
-    },
-    rules: {
-      "no-empty": "warn",
-    },
-  },
-];

index.html

@@ -2,19 +2,10 @@
 <html lang="" class="theme-light" data-theme="light">
 <head>
     <meta charset="UTF-8">
-    <script>
-        (function () {
-            var match = window.location.pathname.match(/^\/[^/]+\/frontend(?:\/|$)/);
-            var href = match ? match[0].replace(/\/+$/, '') + '/' : '/';
-            var base = document.createElement('base');
-            base.href = href;
-            document.currentScript.after(base);
-        })();
-    </script>
-    <link rel="icon" type="image/png" href="%BASE_URL%assets/favicons/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="%BASE_URL%assets/favicons/favicon.svg" />
-    <link rel="shortcut icon" href="%BASE_URL%assets/favicons/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="%BASE_URL%assets/favicons/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/assets/favicons/favicon.svg" />
+    <link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="Truck Wash Kundeportal" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes">

nginx.coolify-frontend.conf

@@ -8,14 +8,6 @@ server {
     add_header Content-Security-Policy "frame-ancestors 'self'" always;
     add_header X-Frame-Options "SAMEORIGIN" always;
 
-    location ~ ^/(?:.+/)?(?<webmanifest_path>(?:assets/)?manifest\.webmanifest)$ {
-        types { application/manifest+json webmanifest; }
-        default_type application/manifest+json;
-        add_header Content-Security-Policy "frame-ancestors 'self'" always;
-        add_header X-Frame-Options "SAMEORIGIN" always;
-        try_files /$webmanifest_path =404;
-    }
-
     location ~ ^/(release-entry|release-manifest)\.json$ {
         add_header Cache-Control "no-store";
         add_header Content-Security-Policy "frame-ancestors 'self'" always;
@@ -37,7 +29,7 @@ server {
         try_files /$static_asset_path =404;
     }
 
-    location ~ ^/(?:.+/)?(?<static_file_path>index\.html|manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js)$ {
+    location ~ ^/(?:.+/)?(?<static_file_path>manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js)$ {
         try_files /$static_file_path =404;
     }
 

output/staging/app/build.gradle

@@ -56,9 +56,9 @@ android {
     defaultConfig {
         applicationId "io.truckwash.twa.staging"
         minSdkVersion 21
-        targetSdkVersion 36
-        versionCode 6
-        versionName "6"
+        targetSdkVersion 35
+        versionCode 5
+        versionName "5"
 
         // The name for the application
         resValue "string", "appName", twaManifest.name

output/staging/app/src/main/res/raw/web_app_manifest.json

@@ -1 +1 @@
-{"name":"Truck Wash Kundeportal","short_name":"Truck Wash","description":"Access your Truck Wash accounts and transactions from anywhere.","start_url":"/","display":"standalone","background_color":"#0787bb","theme_color":"#063651","lang":"en","scope":"/","orientation":"portrait","launch_handler":{"client_mode":"navigate-existing"},"icons":[{"src":"favicons/web-app-manifest-192x192.png","sizes":"192x192","type":"image/png"},{"src":"favicons/web-app-manifest-512x512.png","sizes":"512x512","type":"image/png"}],"id":"/"}
+{"name":"Truck Wash Kundeportal","short_name":"Truck Wash","description":"Access your Truck Wash accounts and transactions from anywhere.","start_url":"/","display":"standalone","background_color":"#0787bb","theme_color":"#063651","lang":"en","scope":"/","orientation":"portrait","launch_handler":{"client_mode":"navigate-existing"},"icons":[{"src":"favicons/web-app-manifest-192x192.png","sizes":"192x192","type":"image/png"},{"src":"favicons/web-app-manifest-512x512.png","sizes":"512x512","type":"image/png"}],"id":"pleno-pwa-test"}

package.json

@@ -7,9 +7,6 @@
     "dev": "vite",
     "build": "vite build",
     "build:dev": "vite build --mode development",
-    "lint": "eslint eslint.config.js src tests scripts vite.config.js vitest.config.js playwright*.ts --quiet",
-    "lint:strict": "npm run lint:report -- --max-warnings=0",
-    "lint:report": "eslint eslint.config.js src tests scripts vite.config.js vitest.config.js playwright*.ts",
     "format:tests": "prettier --write \"tests/**/*.{js,ts}\"",
     "format:tests:commit": "node scripts/pre-commit-format-tests.mjs",
     "format:tests:check": "prettier --check \"tests/**/*.{js,ts}\"",
@@ -89,6 +86,7 @@
     "dayspan-vuetify": "^0.4.0",
     "flow": "^0.2.3",
     "html2canvas": "^1.4.1",
+    "pinia": "^3.0.4",
     "qrcode": "^1.5.4",
     "sass": "^1.81.1",
     "sweetalert2": "11.22.4",
@@ -111,23 +109,17 @@
   },
   "devDependencies": {
     "@creativebulma/bulma-divider": "^1.1.0",
-    "@eslint/js": "^10.0.1",
     "@event-calendar/core": "^4.1.0",
     "@playwright/test": "^1.58.2",
     "@types/event-calendar__core": "^3.7.0",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^10.4.1",
-    "eslint-plugin-vue": "^10.9.2",
-    "globals": "^17.6.0",
     "husky": "^9.1.7",
     "jsdom": "^29.0.0",
     "otpauth": "^9.5.0",
     "prettier": "2.8.8",
     "sass-embedded": "^1.81.0",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.60.1",
     "vite": "7.1.11",
     "vite-plugin-pwa": "^1.0.2",
     "vite-plugin-vue-devtools": "^7.5.4",

playwright.config.ts

@@ -38,14 +38,10 @@ function buildProject(name: string, browserName: "chromium" | "firefox" | "webki
 export default defineConfig({
   testDir: "./tests/e2e",
   testIgnore: ["**/release/**"],
-  snapshotPathTemplate: "{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{-projectName}-win32{ext}",
   timeout: 60_000,
   fullyParallel: true,
   forbidOnly: isCI,
   retries: isCI ? 2 : 0,
-  expect: {
-    timeout: 15_000,
-  },
   workers,
   ...(process.env.PLAYWRIGHT_BASE_URL
     ? {}

playwright.global-setup.mjs

@@ -19,16 +19,6 @@ const stderrLogFile = path.resolve(serverLogDir, `dev-server-${runtimeNamespace}
 const viteCliPath = path.resolve(process.cwd(), "node_modules/vite/bin/vite.js");
 const serverOutputLimit = 80;
 const activeOutputReaders = [];
-const viteServerEnv = {
-  ...process.env,
-  PLAYWRIGHT: "1",
-  ...(process.env.CI
-    ? {
-        CHOKIDAR_INTERVAL: process.env.CHOKIDAR_INTERVAL || "300",
-        CHOKIDAR_USEPOLLING: process.env.CHOKIDAR_USEPOLLING || "true",
-      }
-    : {}),
-};
 // Hardlinked Windows worktrees can break Vite's bundled config temp paths during Playwright boot.
 const viteDevArgs = [
   ...(process.env.PLAYWRIGHT_VITE_FORCE === "1" ? ["--force"] : []),
@@ -459,7 +449,10 @@ export default async function globalSetup() {
   const serverProcess = spawn(process.execPath, [viteCliPath, ...viteDevArgs], {
     cwd: process.cwd(),
     detached: true,
-    env: viteServerEnv,
+    env: {
+      ...process.env,
+      PLAYWRIGHT: "1",
+    },
     stdio: ["ignore", "pipe", "pipe"],
     windowsHide: true,
   });

playwright.prod.config.ts

@@ -1,4 +1,3 @@
-import fs from "node:fs";
 import { defineConfig, devices } from "@playwright/test";
 
 const baseURL = "http://127.0.0.1:4173";
@@ -6,55 +5,6 @@ const isCI = !!process.env.CI;
 
 process.env.PLAYWRIGHT_BASE_URL = baseURL;
 
-const osReleaseValue = (key: string) => {
-  try {
-    const body = fs.readFileSync("/etc/os-release", "utf8");
-    const match = body.match(new RegExp(`^${key}=(.*)$`, "m"));
-    return String(match?.[1] || "").replace(/^"|"$/g, "");
-  } catch {
-    return "";
-  }
-};
-
-const isUnsupportedWebKitHost = () => {
-  if (process.platform !== "linux") {
-    return false;
-  }
-  const id = osReleaseValue("ID").toLowerCase();
-  const version = Number.parseFloat(osReleaseValue("VERSION_ID"));
-  return id === "ubuntu" && Number.isFinite(version) && version >= 26.04;
-};
-
-const webKitOverride = String(process.env.PLAYWRIGHT_PROD_WEBKIT || "")
-  .trim()
-  .toLowerCase();
-const includeWebKit =
-  webKitOverride === "1" || (webKitOverride !== "0" && webKitOverride !== "false" && !isUnsupportedWebKitHost());
-
-const projects = [
-  {
-    name: "chromium-desktop",
-    use: {
-      ...devices["Desktop Chrome"],
-    },
-  },
-  {
-    name: "chromium-mobile",
-    use: {
-      ...devices["Pixel 5"],
-    },
-  },
-];
-
-if (includeWebKit) {
-  projects.push({
-    name: "webkit-desktop",
-    use: {
-      ...devices["Desktop Safari"],
-    },
-  });
-}
-
 export default defineConfig({
   testDir: "./tests/e2e/release",
   testMatch: /.*\.local-prod\.spec\.ts/,
@@ -78,5 +28,24 @@ export default defineConfig({
     timeout: 240_000,
     reuseExistingServer: !isCI,
   },
-  projects,
+  projects: [
+    {
+      name: "chromium-desktop",
+      use: {
+        ...devices["Desktop Chrome"],
+      },
+    },
+    {
+      name: "chromium-mobile",
+      use: {
+        ...devices["Pixel 5"],
+      },
+    },
+    {
+      name: "webkit-desktop",
+      use: {
+        ...devices["Desktop Safari"],
+      },
+    },
+  ],
 });

public/.htaccess

@@ -2,10 +2,6 @@
   Options -MultiViews
 </IfModule>
 
-<IfModule mod_mime.c>
-  AddType application/manifest+json .webmanifest
-</IfModule>
-
 <IfModule mod_rewrite.c>
   RewriteEngine On
 
@@ -27,17 +23,17 @@
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
-  RewriteRule ^.+/((?:index\.html|manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ $1 [L]
+  RewriteRule ^.+/((?:manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ $1 [L]
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
   RewriteCond %{DOCUMENT_ROOT}/public/$1 -f
-  RewriteRule ^(?:.*?/)?((?:index\.html|manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ public/$1 [L]
+  RewriteRule ^(?:.*?/)?((?:manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ public/$1 [L]
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
   RewriteCond %{DOCUMENT_ROOT}/dist/$1 -f
-  RewriteRule ^(?:.*?/)?((?:index\.html|manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ dist/$1 [L]
+  RewriteRule ^(?:.*?/)?((?:manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js))$ dist/$1 [L]
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
@@ -45,7 +41,7 @@
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
-  RewriteRule ^(?:.*?/)?(?:index\.html|manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js)$ - [R=404,L]
+  RewriteRule ^(?:.*?/)?(?:manifest\.json|manifest\.webmanifest|favicon\.ico|favicon_default\.ico|pleno-favicon\.ico|release-entry\.json|release-manifest\.json|registerSW\.js|sw\.js|workbox-[^/]+\.js)$ - [R=404,L]
 
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d

public/manifest.json

@@ -2,7 +2,6 @@
   "name": "Truck Wash Kundeportal",
   "short_name": "Truck Wash",
   "description": "Access your Truck Wash accounts and transactions from anywhere.",
-  "id": "/",
   "icons": [
     {
       "src": "assets/favicons/web-app-manifest-192x192.png",

scripts/install-playwright-browsers.mjs

@@ -1,90 +0,0 @@
-import { spawnSync } from "node:child_process";
-
-const browsers = process.argv.slice(2);
-const requestedBrowsers = browsers.length > 0 ? browsers : ["chromium"];
-
-const fallbackHostPlatformByUnsupportedPlatform = (platform) => {
-  const ubuntuMatch = platform.match(/^ubuntu(\d+\.\d+)-(x64|arm64)$/);
-  if (ubuntuMatch && Number.parseInt(ubuntuMatch[1], 10) >= 26) {
-    return `ubuntu24.04-${ubuntuMatch[2]}`;
-  }
-
-  return null;
-};
-
-const outputText = (result) => `${result.stdout || ""}\n${result.stderr || ""}`;
-
-const unsupportedHostPlatform = (result) => {
-  const output = outputText(result);
-  return (
-    output.match(/Cannot install dependencies for (?<platform>\S+) with Playwright/i)?.groups?.platform ||
-    output.match(/Playwright does not support \S+ on (?<platform>\S+)/i)?.groups?.platform ||
-    null
-  );
-};
-
-const runPlaywrightInstall = (args, env = {}) =>
-  spawnSync("npx", ["playwright", "install", ...args], {
-    cwd: process.cwd(),
-    env: {
-      ...process.env,
-      ...env,
-    },
-    encoding: "utf8",
-  });
-
-const writeOutput = (result) => {
-  if (result.stdout) {
-    process.stdout.write(result.stdout);
-  }
-  if (result.stderr) {
-    process.stderr.write(result.stderr);
-  }
-};
-
-const hasUnsupportedHostPlatformFailure = (result) => {
-  const output = outputText(result);
-  return (
-    result.status !== 0 &&
-    /Playwright does not support .* on /i.test(output)
-  );
-};
-
-const withDepsResult = runPlaywrightInstall(["--with-deps", ...requestedBrowsers]);
-writeOutput(withDepsResult);
-
-if (withDepsResult.status === 0) {
-  process.exit(0);
-}
-
-if (!hasUnsupportedHostPlatformFailure(withDepsResult)) {
-  process.exit(withDepsResult.status ?? 1);
-}
-
-const unsupportedPlatform = unsupportedHostPlatform(withDepsResult);
-const fallbackHostPlatform = unsupportedPlatform
-  ? fallbackHostPlatformByUnsupportedPlatform(unsupportedPlatform)
-  : null;
-
-if (!fallbackHostPlatform) {
-  console.error(
-    `Playwright dependency install is unsupported for ${unsupportedPlatform || "this platform"}, ` +
-      "and this script does not have a safe browser archive fallback for it."
-  );
-  process.exit(withDepsResult.status ?? 1);
-}
-
-console.warn(
-  [
-    `Playwright could not install OS dependencies for ${unsupportedPlatform}.`,
-    `Retrying browser installation using Playwright fallback archive ${fallbackHostPlatform}.`,
-    "The self-hosted runner image must provide the required browser system libraries.",
-  ].join("\n")
-);
-
-const fallbackResult = runPlaywrightInstall(requestedBrowsers, {
-  PLAYWRIGHT_HOST_PLATFORM_OVERRIDE: fallbackHostPlatform,
-  PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS: "1",
-});
-writeOutput(fallbackResult);
-process.exit(fallbackResult.status ?? 1);

scripts/release/verify-upload.mjs

@@ -1,5 +1,4 @@
 import crypto from "node:crypto";
-import fs from "node:fs";
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
@@ -8,24 +7,6 @@ function numberEnv(name, fallback) {
   return Number.isFinite(value) && value >= 0 ? value : fallback;
 }
 
-function booleanEnv(name) {
-  return /^(1|true|yes)$/i.test(process.env[name] || "");
-}
-
-function appendGithubEnv(values) {
-  const envFile = process.env.GITHUB_ENV;
-  if (!envFile) {
-    return;
-  }
-
-  const lines = Object.entries(values)
-    .filter(([, value]) => value)
-    .map(([key, value]) => `${key}=${String(value).replace(/\r?\n/g, "")}`);
-  if (lines.length > 0) {
-    fs.appendFileSync(envFile, `${lines.join("\n")}\n`);
-  }
-}
-
 function requiredUrl() {
   const value = process.env.RELEASE_BASE_URL || process.env.PLAYWRIGHT_BASE_URL;
   if (!value) {
@@ -140,7 +121,6 @@ async function verifyShell(baseUrl, shellPath) {
 async function verifyRelease(baseUrl) {
   const expectedCommit = process.env.RELEASE_EXPECTED_COMMIT || process.env.GITHUB_SHA || "";
   const expectedBuildId = process.env.RELEASE_EXPECTED_BUILD_ID || process.env.RELEASE_BUILD_ID || "";
-  const strictBuildId = booleanEnv("RELEASE_STRICT_BUILD_ID");
   const manifest = await fetchJson(baseUrl, "release-manifest.json");
   const releaseEntry = await fetchJson(baseUrl, "release-entry.json");
 
@@ -150,7 +130,7 @@ async function verifyRelease(baseUrl) {
   if (!compareCommit(String(manifest.commit_sha || ""), expectedCommit)) {
     throw new Error(`release-manifest.json commit_sha ${manifest.commit_sha || "(missing)"} did not match ${expectedCommit}`);
   }
-  if (strictBuildId && expectedBuildId && manifest.build_id !== expectedBuildId) {
+  if (expectedBuildId && manifest.build_id !== expectedBuildId) {
     throw new Error(`release-manifest.json build_id ${manifest.build_id} did not match ${expectedBuildId}`);
   }
   if (releaseEntry.entry !== manifest.entry) {
@@ -211,10 +191,6 @@ async function main() {
     attempt += 1;
     try {
       const result = await verifyRelease(baseUrl);
-      appendGithubEnv({
-        RELEASE_VERIFIED_BUILD_ID: result.build_id,
-        RELEASE_VERIFIED_COMMIT: result.commit_sha,
-      });
       console.log(
         `Release upload verified after ${attempt} attempt(s): build_id=${result.build_id}, commit_sha=${result.commit_sha}, assets=${result.assets}`
       );

scripts/run-playwright-full-slice.mjs

@@ -35,7 +35,6 @@ export const ownedFilesByRole = {
     "userHome.spec.ts",
     "userInvoices.spec.ts",
     "userMyWashStart.spec.ts",
-    "userMyWashStartFlow.spec.ts",
     "userProfileInvoicing.spec.ts",
     "userProfileNotifications.spec.ts",
     "userProfileSecurity.spec.ts",
@@ -80,7 +79,6 @@ export const ownedFilesByRole = {
     "edge-gateways.visual.spec.js",
     "errorReports.spec.ts",
     "failover-config.source.spec.ts",
-    "collected-invoice-move-customer.spec.ts",
     "invoice-distribution.smoke.spec.js",
     "invoice-transfer-monitor.spec.ts",
     "invoice-transfer-queue-history.spec.js",

scripts/run-playwright-pr.mjs

@@ -22,7 +22,6 @@ for (const signal of ["SIGINT", "SIGTERM"]) {
 function parseArgs(rawArgs) {
   const parsed = {
     help: false,
-    coreOnly: false,
     changedOnly: false,
     listOnly: false,
     base: "",
@@ -44,11 +43,6 @@ function parseArgs(rawArgs) {
       continue;
     }
 
-    if (value === "--core-only") {
-      parsed.coreOnly = true;
-      continue;
-    }
-
     if (value === "--changed-only") {
       parsed.changedOnly = true;
       continue;
@@ -109,14 +103,12 @@ Options:
   --base <ref>       Base ref for changed-area detection
   --head <ref>       Head ref for changed-area detection. Default: HEAD
   --project <name>   Restrict to one Chromium Playwright project. Can be repeated.
-  --core-only        Run only the core @pr gate
   --changed-only     Run changed-area selection without the core @pr gate
   --list-only        List selected tests instead of running them
   -h, --help         Show help
 
 Examples:
   npm run test:e2e:pr
-  npm run test:e2e:pr -- --core-only --project=chromium-desktop
   npm run test:e2e:changed -- --base=HEAD~1 --head=HEAD
 `);
 }
@@ -426,10 +418,6 @@ async function main() {
     return;
   }
 
-  if (args.coreOnly && args.changedOnly) {
-    throw new Error("--core-only and --changed-only cannot be used together.");
-  }
-
   await fs.access(playwrightCliPath);
 
   if (!args.changedOnly) {
@@ -440,10 +428,6 @@ async function main() {
     }
   }
 
-  if (args.coreOnly) {
-    return;
-  }
-
   const changed = await getChangedFiles();
   if (changed.unavailable) {
     console.log(`[playwright-pr] Changed-area diff unavailable for ${changed.source}; skipping changed-area selection.`);

src/App.vue

@@ -20,7 +20,6 @@ const LayoutV2 = defineAsyncComponent(() => import("@/components/page/wrappers/L
 const DefaultPageWrapper = defineAsyncComponent(() => import("@/components/page/wrappers/DefaultPageWrapper.vue"));
 const RequestQueueProgress = defineAsyncComponent(() => import("@/components/global/RequestQueueProgress.vue"));
 const ErrorReportLauncher = defineAsyncComponent(() => import("@/components/global/ErrorReportLauncher.vue"));
-const FrontendMaintenanceMenu = defineAsyncComponent(() => import("@/components/global/FrontendMaintenanceMenu.vue"));
 const ReleaseChannelUnavailable = defineAsyncComponent(() =>
   import("@/components/release/ReleaseChannelUnavailable.vue")
 );
@@ -129,7 +128,6 @@ watch([() => route.fullPath, locale], updateDocumentTitle, { immediate: true });
   </template>
   <RequestQueueProgress v-if="shouldRenderRequestQueueProgress && !shouldHideGlobalOverlays" />
   <ErrorReportLauncher v-if="shouldRenderRequestQueueProgress && !shouldHideGlobalOverlays" />
-  <FrontendMaintenanceMenu />
 </template>
 
 <style scoped></style>

src/components/displays/buttons/ActionSettingsWheelButton.vue

@@ -2535,13 +2535,11 @@ const syncDesktopFlyoutPosition = () => {
       dropdownContentEl.style.top = "";
     }
 
-    const viewportInsets = getViewportInsets();
-    const viewportTop = viewportInsets.top;
-    const viewportBottom = viewportHeight - viewportInsets.bottom;
+    const padding = 12;
     let top = triggerRect.bottom;
 
-    if (top + contentHeight > viewportBottom) {
-      top = Math.max(viewportTop, triggerRect.top - contentHeight);
+    if (top + contentHeight > viewportHeight - padding) {
+      top = Math.max(padding, triggerRect.top - contentHeight);
     }
 
     const nextFixedStyles = {

src/components/displays/department/moduleNavigation/DepartmentModulesDisplay.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {computed, onMounted, onUnmounted, ref, watch} from 'vue';
+import {computed, onMounted, ref, watch} from 'vue';
 import { useRouter } from 'vue-router';
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
 import {BSwitch} from "buefy";
@@ -18,39 +18,6 @@ const selfServeEnabled = ref(false);
 const isLoadingSelfServeEnabled = ref(false);
 const isSavingSelfServeEnabled = ref(false);
 const bookingsCount = ref(0);
-const selfServeLoadingMinimumMs = import.meta.env.MODE === "test" ? 0 : import.meta.env.VITE_IS_PLAYWRIGHT ? 5000 : 250;
-const selfServeLoadingStartedAt = ref(0);
-let selfServeLoadingTimer = null;
-
-const clearSelfServeLoadingTimer = () => {
-  if (selfServeLoadingTimer !== null) {
-    clearTimeout(selfServeLoadingTimer);
-    selfServeLoadingTimer = null;
-  }
-};
-
-const setSelfServeLoading = (isLoading) => {
-  if (isLoading) {
-    clearSelfServeLoadingTimer();
-    selfServeLoadingStartedAt.value = Date.now();
-    isLoadingSelfServeEnabled.value = true;
-    return;
-  }
-
-  const elapsed = Date.now() - selfServeLoadingStartedAt.value;
-  const remaining = Math.max(0, selfServeLoadingMinimumMs - elapsed);
-  clearSelfServeLoadingTimer();
-
-  if (remaining === 0) {
-    isLoadingSelfServeEnabled.value = false;
-    return;
-  }
-
-  selfServeLoadingTimer = setTimeout(() => {
-    isLoadingSelfServeEnabled.value = false;
-    selfServeLoadingTimer = null;
-  }, remaining);
-};
 
 const getDepartmentId = () => {
   return parseInt(router.currentRoute.value.params.departmentId);
@@ -223,13 +190,13 @@ const getSelfServeStatus = async () => {
   const departmentId = getDepartmentId();
   if (!departmentId) return;
 
-  setSelfServeLoading(true);
+  isLoadingSelfServeEnabled.value = true;
   try {
     selfServeEnabled.value = await getDepartmentSelfServeEnabled(departmentId);
   } catch (error) {
     console.error("Failed to fetch self-serve status", error);
   } finally {
-    setSelfServeLoading(false);
+    isLoadingSelfServeEnabled.value = false;
   }
 };
 
@@ -237,10 +204,6 @@ onMounted(() => {
   getSelfServeStatus();
 });
 
-onUnmounted(() => {
-  clearSelfServeLoadingTimer();
-});
-
 // Watch the departmentId
 watch(() => router.currentRoute.value.params.departmentId, () => {
   getTodaysBookings();

src/components/displays/department/pos/orders/ordersTable.vue

@@ -275,10 +275,6 @@ const getInvoiceCollectionResponseOrders = (response) => {
     return response.data.orders;
   }
 
-  if (Array.isArray(response?.data?.data?.orders)) {
-    return response.data.data.orders;
-  }
-
   if (Array.isArray(response?.includes?.orders)) {
     return response.includes.orders;
   }
@@ -653,41 +649,6 @@ const getInvoiceCollectionDetails = (invoiceCollectionId) => {
   }
   return null;
 };
-const getInvoiceCollectionDetailOrders = (invoiceCollectionId) => {
-  const details = getInvoiceCollectionDetails(invoiceCollectionId);
-  return details ? getInvoiceCollectionResponseOrders(details) : [];
-};
-const getHiddenOrdersByInvoiceCollection = (invoiceCollectionId) => {
-  const visibleOrderIds = new Set(getOrdersByInvoiceCollection(invoiceCollectionId).map((order) => Number(order?.id)));
-  return getInvoiceCollectionDetailOrders(invoiceCollectionId).filter((order) => !visibleOrderIds.has(Number(order?.id)));
-};
-const getHiddenOrderIdsByInvoiceCollection = (invoiceCollectionId) => (
-  getHiddenOrdersByInvoiceCollection(invoiceCollectionId).map((order) => Number(order?.id))
-);
-const getHiddenInvoiceCollectionFlags = (invoiceCollectionId) => {
-  const hiddenOrderIds = new Set(getHiddenOrderIdsByInvoiceCollection(invoiceCollectionId));
-  if (hiddenOrderIds.size === 0) {
-    return [];
-  }
-
-  return sortInvoicePeriodFlags((props.invoicePeriodFlags || []).filter((flag) => {
-    if (!isActiveInvoicePeriodFlag(flag)) {
-      return false;
-    }
-
-    const targetType = String(flag?.target_type || "");
-    if (!["order", "order_field", "order_item", "order_item_field"].includes(targetType)) {
-      return false;
-    }
-
-    const flagOrderId = Number(
-      flag?.order_id
-      || flag?.context?.order_id
-      || (["order", "order_field"].includes(targetType) ? flag?.target_id : 0)
-    );
-    return flagOrderId > 0 && hiddenOrderIds.has(flagOrderId);
-  }));
-};
 watch(
   [() => props.orders, () => props.excludedOrderIds, () => props.groupInvoiceCollection],
   () => {
@@ -1038,13 +999,6 @@ const formatCashierName = (order) => {
                         }}
                         er ikke vist, men vil muligvis blive faktureret alligevel.</span
                       >
-                      <InvoicingPeriodFlagList
-                        v-if="getHiddenInvoiceCollectionFlags(order.invoice_collection_id).length > 0"
-                        class="mt-3"
-                        compact
-                        :flags="getHiddenInvoiceCollectionFlags(order.invoice_collection_id)"
-                        @statusChanged="emitFlagStatusChanged"
-                      />
                     </div>
                   </div>
                 </td>

src/components/displays/department/pos/steps/PosDepartmentStep1.vue

@@ -21,7 +21,6 @@ import {
   step,
   setDesktopStep1PreflightHandler,
   clearDesktopStep1PreflightHandler,
-  pushPosRouteState,
 } from "@/components/shop/POSDepartmentProcess.vue";
 import ElementTabsBox from "@/components/displays/boxes/ElementTabsBox.vue";
 import { POS_STEP_1_VERSION } from "@/config.js";
@@ -646,7 +645,7 @@ const pushDesktopStepTwoRoute = () => {
     return;
   }
 
-  pushPosRouteState(`id=${order_id.value}&customer_id=${customer_id.value}&step=2`);
+  window.history.pushState({}, "", `?id=${order_id.value}&customer_id=${customer_id.value}&step=2`);
 };
 
 const handleDesktopLastWashCopy = async (payload = {}) => {
@@ -761,7 +760,7 @@ watch(
       </div>
       <div class="pos-shell-actions">
         <ButtonsBox class="pos-actions pos-actions--stacked">
-          <Cancel tabindex="5" class="is-fullwidth" />
+          <Cancel tabindex="2" class="is-fullwidth" />
         </ButtonsBox>
         <div v-if="shouldShowActionRailControls" class="pos-shell-actions__rail" data-testid="pos-step-1-action-rail">
           <PosDesktopDuplicateWarning

src/components/displays/department/pos/steps/mobile/PosDepartmentStepMobile1.vue

@@ -24,78 +24,69 @@ import {
 } from "./objects/PosDepartmentStepMobileFlow.vue";
 import { PosSearchResult } from "./objects/PosSearchResult.vue";
 import RegistrationNumberSearchResult from "@/components/models/pos/step1/RegistrationNumberSearchResult.vue";
+import UnknownCustomer from "@/components/viewport/elements/icons/UnknownCustomer.vue";
+import VerifiedCustomer from "@/components/viewport/elements/icons/VerifiedCustomer.vue";
+import BookedCustomer from "@/components/viewport/elements/icons/BookedCustomer.vue";
+import KnownCustomer from "@/components/viewport/elements/icons/KnownCustomer.vue";
+import CardPaymentCustomer from "@/components/viewport/elements/icons/CardPaymentCustomer.vue";
 import PosDepartmentStepMobileFixedBottomControl from "@/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobileFixedBottomControl.vue";
 import PosDepartmentStepMobile1Location from "@/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobile1Location.vue";
 import PosDepartmentStepMobile1Debug from "@/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobile1Debug.vue";
 import PosDepartmentStepMobileAttachments from "@/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobileAttachments.vue";
 import PosDepartmentStep1MobileTransactionHistory from "@/components/displays/department/pos/steps/mobile/views/PosDepartmentStep1MobileTransactionHistory.vue";
 import { attachments } from "@/components/displays/department/pos/steps/mobile/objects/PosDepartmentStepMobileFlow.vue";
-import {
-  LPR_FRAME_CLIENT_BYTES_FIELD,
-  LPR_FRAME_CLIENT_CAPTURE_MS_FIELD,
-  LPR_FRAME_CLIENT_DRAW_MS_FIELD,
-  LPR_FRAME_CLIENT_ENCODE_MS_FIELD,
-  LPR_FRAME_CLIENT_HEIGHT_FIELD,
-  LPR_FRAME_CLIENT_PREFLIGHT_MS_FIELD,
-  LPR_FRAME_CLIENT_VISUAL_FINGERPRINT_MS_FIELD,
-  LPR_FRAME_CLIENT_WIDTH_FIELD,
-  getVisualFingerprintDistance,
-  type LPRFrameEncodeCandidate,
-  type LPRFramePayload,
-  type LPRFrameViewportRect,
-} from "@/components/viewport/page/templates/scanner/lprFrameCapture";
 // Debug mode flag
 const debug_mode = ref(false);
 // Debug array to store request results
-const debug_request_results = ref<unknown[]>([]);
+const debug_request_results = ref([]);
 
-type ParsedFrameFingerprint = {
-  content: string | null;
-  contentFingerprintPromise: Promise<string> | null;
-  getContentFingerprint: (() => Promise<string>) | null;
-  getVisualFingerprint: (() => string | null) | null;
-  outcome: "pending" | "miss" | "success";
-  quick: string;
-  visual: string | null;
+const lastParsedImage = ref(null);
+const setLastCapturedImage = (image: string) => {
+  camera.latestImage.value = image;
 };
 
-const lastParsedImage = ref<ParsedFrameFingerprint | null>(null);
-const scannerFocusRef = ref<HTMLElement | null>(null);
-
 type LPRResponse = {
   success: boolean;
   license_plate_number: string;
 };
 
-type LPRScanContext = {
-  activeVehicleIndex: number;
-  attachmentView: boolean;
-  manualInput: boolean;
-  registrationNumbers: string[];
-  transactionHistoryView: boolean;
-};
-
 const latestLPRResponse = ref<LPRResponse | null>(null);
-const isLPRFrameProcessing = ref(false);
-const isLPRRequestInFlight = ref(false);
-const isNoPlateBackoffActive = ref(false);
-const isDuplicateFrameBackoffActive = ref(false);
-const isSuccessCooldownActive = ref(false);
-let lprRequestAbortController: AbortController | null = null;
-let noPlateBackoffTimerId: ReturnType<typeof window.setTimeout> | null = null;
-let duplicateFrameBackoffTimerId: ReturnType<typeof window.setTimeout> | null = null;
-let successCooldownTimerId: ReturnType<typeof window.setTimeout> | null = null;
+const LPR_IMAGE_MAX_WIDTH = 1280;
+const LPR_IMAGE_MAX_HEIGHT = 720;
+const LPR_IMAGE_JPEG_QUALITY = 0.72;
 
-const NO_PLATE_BACKOFF_DELAYS_MS = [1500, 2500, 4000];
-const LPR_VISUAL_DUPLICATE_DISTANCE_THRESHOLD = 4;
-const LPR_VISUAL_DUPLICATE_RECHECK_DELAY_MS = 700;
-const LPR_ENDPOINT = "/modules/scanner/lpr";
-let consecutiveNoPlateResponses = 0;
+const compressImageForLPR = (image: string): Promise<string> => {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => {
+      const sourceWidth = img.naturalWidth || img.width;
+      const sourceHeight = img.naturalHeight || img.height;
+      if (!sourceWidth || !sourceHeight) {
+        resolve(image);
+        return;
+      }
 
-const nowMs = (): number =>
-  typeof performance !== "undefined" && typeof performance.now === "function"
-    ? performance.now()
-    : Date.now();
+      const scale = Math.min(1, LPR_IMAGE_MAX_WIDTH / sourceWidth, LPR_IMAGE_MAX_HEIGHT / sourceHeight);
+      const targetWidth = Math.max(1, Math.round(sourceWidth * scale));
+      const targetHeight = Math.max(1, Math.round(sourceHeight * scale));
+
+      const canvas = document.createElement("canvas");
+      canvas.width = targetWidth;
+      canvas.height = targetHeight;
+
+      const context = canvas.getContext("2d");
+      if (!context) {
+        resolve(image);
+        return;
+      }
+
+      context.drawImage(img, 0, 0, targetWidth, targetHeight);
+      resolve(canvas.toDataURL("image/jpeg", LPR_IMAGE_JPEG_QUALITY));
+    };
+    img.onerror = () => resolve(image);
+    img.src = image;
+  });
+};
 
 const activeVehicleIndexNext = () => {
   // Increment the active vehicle index, wrapping around if necessary
@@ -124,518 +115,55 @@ const handleLPRResult = () => {
   }
 };
 
-type LPRFrameInput = string | LPRFramePayload;
-
-const isLPRFramePayload = (image: LPRFrameInput): image is LPRFramePayload =>
-  typeof image === "object" && image !== null && image.blob instanceof Blob;
-
-const getLPRFrameFingerprint = (image: LPRFrameInput): string =>
-  isLPRFramePayload(image) ? image.fingerprint : image;
-
-const getLPRFrameContentFingerprint = (image: LPRFrameInput): (() => Promise<string>) | null =>
-  isLPRFramePayload(image) ? image.getContentFingerprint ?? null : null;
-
-const getLPRFrameVisualFingerprint = (image: LPRFrameInput): string | null =>
-  isLPRFramePayload(image) ? image.visualFingerprint ?? null : null;
-
-const getLPRFrameVisualFingerprintGetter = (image: LPRFrameInput): (() => string | null) | null =>
-  isLPRFramePayload(image) ? image.getVisualFingerprint ?? null : null;
-
-const rememberParsedImageFingerprint = (image: LPRFrameInput) => {
-  const quick = getLPRFrameFingerprint(image);
-  const getContentFingerprint = getLPRFrameContentFingerprint(image);
-  const entry: ParsedFrameFingerprint = {
-    content: getContentFingerprint === null ? quick : null,
-    contentFingerprintPromise: null,
-    getContentFingerprint,
-    getVisualFingerprint: getLPRFrameVisualFingerprintGetter(image),
-    outcome: "pending",
-    quick,
-    visual: getLPRFrameVisualFingerprint(image),
-  };
-
-  lastParsedImage.value = entry;
-};
-
-const markLastParsedImageOutcome = (outcome: ParsedFrameFingerprint["outcome"]) => {
-  if (lastParsedImage.value !== null) {
-    if (outcome === "miss" && lastParsedImage.value.visual === null) {
-      lastParsedImage.value.visual = lastParsedImage.value.getVisualFingerprint?.() ?? null;
-    }
-
-    lastParsedImage.value.outcome = outcome;
-  }
-};
-
-const resetParsedImageFingerprint = () => {
-  lastParsedImage.value = null;
-};
-
-const resolveParsedFrameContentFingerprint = (entry: ParsedFrameFingerprint): Promise<string> | null => {
-  if (entry.content !== null) {
-    return Promise.resolve(entry.content);
-  }
-
-  if (entry.getContentFingerprint === null) {
-    return null;
-  }
-
-  entry.contentFingerprintPromise ??= entry.getContentFingerprint().then((content) => {
-    if (lastParsedImage.value === entry) {
-      entry.content = content;
-    }
-
-    return content;
-  }).catch((error) => {
-    if (lastParsedImage.value === entry) {
-      entry.contentFingerprintPromise = null;
-    }
-
-    throw error;
-  });
-
-  return entry.contentFingerprintPromise;
-};
-
-const isVisuallySimilarToLastMiss = (visualFingerprint: string | null | undefined): boolean => {
-  const lastParsed = lastParsedImage.value;
-
-  return lastParsed !== null
-    && lastParsed.outcome === "miss"
-    && getVisualFingerprintDistance(lastParsed.visual, visualFingerprint) <= LPR_VISUAL_DUPLICATE_DISTANCE_THRESHOLD;
-};
-
-const hasLastMissVisualFingerprint = (): boolean =>
-  lastParsedImage.value !== null
-  && lastParsedImage.value.outcome === "miss"
-  && lastParsedImage.value.visual !== null;
-
-const shouldBuildLPRVisualFingerprint = (): boolean =>
-  hasLastMissVisualFingerprint();
-
-const shouldSkipDuplicateFrame = async (image: LPRFrameInput): Promise<boolean> => {
-  const quick = getLPRFrameFingerprint(image);
-  const lastParsed = lastParsedImage.value;
-
-  if (lastParsed === null) {
-    return false;
-  }
-
-  if (isVisuallySimilarToLastMiss(getLPRFrameVisualFingerprint(image))) {
-    return true;
-  }
-
-  if (lastParsed.quick !== quick) {
-    return false;
-  }
-
-  const currentContentFingerprint = getLPRFrameContentFingerprint(image);
-  const lastContentFingerprint = resolveParsedFrameContentFingerprint(lastParsed);
-  if (lastContentFingerprint === null || currentContentFingerprint === null) {
-    return true;
-  }
-
-  try {
-    const [lastContent, currentContent] = await Promise.all([
-      lastContentFingerprint,
-      currentContentFingerprint(),
-    ]);
-
-    return lastContent === currentContent;
-  } catch {
-    return false;
-  }
-};
-
-const appendFiniteTimingParam = (
-  queryParts: string[],
-  field: string,
-  value: number | null | undefined
-) => {
-  if (value === null || value === undefined) {
-    return;
-  }
-
-  const numericValue = Number(value);
-  if (!Number.isFinite(numericValue) || numericValue < 0) {
-    return;
-  }
-
-  const roundedValue = numericValue.toFixed(3);
-  if (Number(roundedValue) > 0) {
-    queryParts.push(`${field}=${roundedValue}`);
-  }
-};
-
-const appendPositiveIntegerParam = (
-  queryParts: string[],
-  field: string,
-  value: number | null | undefined
-) => {
-  const numericValue = Number(value);
-  if (!Number.isFinite(numericValue) || numericValue <= 0) {
-    return;
-  }
-
-  queryParts.push(`${field}=${Math.round(numericValue)}`);
-};
-
-type LPRRequestPayload = Blob | { base64_image: string };
-type LPRRequestBuildResult = {
-  headers?: Record<string, string>;
-  payload: LPRRequestPayload;
-  url: string;
-};
-
-const buildLPRRequestPayload = (
-  image: LPRFrameInput,
-  clientPreflightDurationMs: number | null = null
-): LPRRequestBuildResult => {
-  if (!isLPRFramePayload(image)) {
-    return {
-      payload: { base64_image: image },
-      url: LPR_ENDPOINT,
-    };
-  }
-
-  const headers: Record<string, string> = {
-    "Content-Type": image.mimeType || image.blob.type || "image/jpeg",
-  };
-  const queryParts: string[] = [];
-  appendFiniteTimingParam(queryParts, LPR_FRAME_CLIENT_CAPTURE_MS_FIELD, image.captureDurationMs);
-  appendFiniteTimingParam(queryParts, LPR_FRAME_CLIENT_PREFLIGHT_MS_FIELD, clientPreflightDurationMs);
-  appendFiniteTimingParam(queryParts, LPR_FRAME_CLIENT_DRAW_MS_FIELD, image.captureTimings?.drawMs);
-  appendFiniteTimingParam(queryParts, LPR_FRAME_CLIENT_ENCODE_MS_FIELD, image.captureTimings?.encodeMs);
-  appendFiniteTimingParam(
-    queryParts,
-    LPR_FRAME_CLIENT_VISUAL_FINGERPRINT_MS_FIELD,
-    image.captureTimings?.visualFingerprintMs
-  );
-  appendPositiveIntegerParam(queryParts, LPR_FRAME_CLIENT_WIDTH_FIELD, image.width);
-  appendPositiveIntegerParam(queryParts, LPR_FRAME_CLIENT_HEIGHT_FIELD, image.height);
-  appendPositiveIntegerParam(queryParts, LPR_FRAME_CLIENT_BYTES_FIELD, image.blob.size);
-  const queryString = queryParts.join("&");
-
-  return {
-    headers,
-    payload: image.blob,
-    url: queryString ? `${LPR_ENDPOINT}?${queryString}` : LPR_ENDPOINT,
-  };
-};
-
-type LPRCurrentStateSkipOptions = {
-  ignoreNoPlateBackoff?: boolean;
-};
-
-const shouldEncodeLPRFrame = (candidate: LPRFrameEncodeCandidate): boolean => {
-  if (views.attachmentView.value) {
-    return true;
-  }
-
-  if (
-    shouldSkipLPRForCurrentState({ ignoreNoPlateBackoff: true })
-    || isLPRFrameProcessing.value
-    || isLPRRequestInFlight.value
-  ) {
-    return false;
-  }
-
-  if (isNoPlateBackoffActive.value) {
-    if (!hasLastMissVisualFingerprint() || isVisuallySimilarToLastMiss(candidate.visualFingerprint)) {
-      return false;
-    }
-
-    clearNoPlateBackoff();
-    return true;
-  }
-
-  if (!isVisuallySimilarToLastMiss(candidate.visualFingerprint)) {
-    return true;
-  }
-
-  scheduleDuplicateFrameBackoff();
-  return false;
-};
-
-const rememberLatestCameraImage = (image: LPRFrameInput) => {
-  if (isLPRFramePayload(image)) {
-    camera.setLatestImageBlob(image.blob);
-    return;
-  }
-
-  camera.setLatestImage(image);
-};
-
-const hasRegistrationNumber = (registrationNumber: string | null | undefined): boolean =>
-  String(registrationNumber ?? "").trim().length > 0;
-
-const isActiveRegistrationSlotFilled = (): boolean =>
-  hasRegistrationNumber(vehicles.getActiveVehicle()?.reg);
-
-const areAllRegistrationSlotsFilled = (): boolean =>
-  [1, 2, 3].every((vehicleIndex) => hasRegistrationNumber(vehicles.get(vehicleIndex)?.reg));
-
-const shouldSkipLPRForCurrentState = (options: LPRCurrentStateSkipOptions = {}): boolean =>
-  views.attachmentView.value
-  || isActiveRegistrationSlotFilled()
-  || areAllRegistrationSlotsFilled()
-  || (!options.ignoreNoPlateBackoff && isNoPlateBackoffActive.value)
-  || isDuplicateFrameBackoffActive.value
-  || isSuccessCooldownActive.value;
-
-const getScannerFocusViewportRect = (): LPRFrameViewportRect | null => {
-  if (views.attachmentView.value || scannerFocusRef.value === null) {
-    return null;
-  }
-
-  const rect = scannerFocusRef.value.getBoundingClientRect();
-  if (
-    !Number.isFinite(rect.width) ||
-    !Number.isFinite(rect.height) ||
-    rect.width <= 0 ||
-    rect.height <= 0
-  ) {
-    return null;
-  }
-
-  return {
-    height: rect.height,
-    width: rect.width,
-    x: rect.left,
-    y: rect.top,
-  };
-};
-
-const isCameraFrameCaptureEnabled = computed(() => {
-  if (views.attachmentView.value) {
-    return true;
-  }
-
-  return !isLPRFrameProcessing.value
-    && !isLPRRequestInFlight.value
-    && (!isNoPlateBackoffActive.value || hasLastMissVisualFingerprint())
-    && !isDuplicateFrameBackoffActive.value
-    && !isSuccessCooldownActive.value
-    && !isActiveRegistrationSlotFilled()
-    && !areAllRegistrationSlotsFilled();
-});
-
-const shouldPauseScannerPreview = computed(() =>
-  !views.attachmentView.value
-  && (
-    isLPRFrameProcessing.value
-    || isLPRRequestInFlight.value
-    || isDuplicateFrameBackoffActive.value
-    || isSuccessCooldownActive.value
-    || isActiveRegistrationSlotFilled()
-    || areAllRegistrationSlotsFilled()
-    || (isNoPlateBackoffActive.value && !hasLastMissVisualFingerprint())
-  )
-);
-
-const lprCameraCaptureIntervalMs = computed(() =>
-  !views.attachmentView.value && isNoPlateBackoffActive.value && hasLastMissVisualFingerprint()
-    ? LPR_VISUAL_DUPLICATE_RECHECK_DELAY_MS
-    : null
-);
-
-const abortLPRRequest = () => {
-  lprRequestAbortController?.abort();
-  lprRequestAbortController = null;
-};
-
-const isDocumentHidden = (): boolean =>
-  typeof document !== "undefined" && document.visibilityState === "hidden";
-
-const handleDocumentVisibilityChange = () => {
-  if (!isDocumentHidden()) {
-    return;
-  }
-
-  abortLPRRequest();
-  resetParsedImageFingerprint();
-  resetNoPlateBackoff();
-};
-
-const clearNoPlateBackoff = () => {
-  if (noPlateBackoffTimerId !== null) {
-    window.clearTimeout(noPlateBackoffTimerId);
-    noPlateBackoffTimerId = null;
-  }
-  isNoPlateBackoffActive.value = false;
-};
-
-const clearDuplicateFrameBackoff = () => {
-  if (duplicateFrameBackoffTimerId !== null) {
-    window.clearTimeout(duplicateFrameBackoffTimerId);
-    duplicateFrameBackoffTimerId = null;
-  }
-  isDuplicateFrameBackoffActive.value = false;
-};
-
-const clearSuccessCooldown = () => {
-  if (successCooldownTimerId !== null) {
-    window.clearTimeout(successCooldownTimerId);
-    successCooldownTimerId = null;
-  }
-  isSuccessCooldownActive.value = false;
-};
-
-const resetNoPlateBackoff = () => {
-  consecutiveNoPlateResponses = 0;
-  clearNoPlateBackoff();
-  clearDuplicateFrameBackoff();
-  clearSuccessCooldown();
-};
-
-const scheduleNoPlateBackoff = () => {
-  consecutiveNoPlateResponses += 1;
-  const delay = NO_PLATE_BACKOFF_DELAYS_MS[
-    Math.min(consecutiveNoPlateResponses - 1, NO_PLATE_BACKOFF_DELAYS_MS.length - 1)
-  ];
-
-  clearNoPlateBackoff();
-  isNoPlateBackoffActive.value = true;
-  noPlateBackoffTimerId = window.setTimeout(() => {
-    noPlateBackoffTimerId = null;
-    isNoPlateBackoffActive.value = false;
-  }, delay);
-};
-
-const scheduleDuplicateFrameBackoff = () => {
-  clearDuplicateFrameBackoff();
-  isDuplicateFrameBackoffActive.value = true;
-  duplicateFrameBackoffTimerId = window.setTimeout(() => {
-    duplicateFrameBackoffTimerId = null;
-    isDuplicateFrameBackoffActive.value = false;
-  }, Math.min(camera.getImageCaptureDelay(false), LPR_VISUAL_DUPLICATE_RECHECK_DELAY_MS));
-};
-
-const scheduleSuccessCooldown = () => {
-  clearSuccessCooldown();
-  isSuccessCooldownActive.value = true;
-  successCooldownTimerId = window.setTimeout(() => {
-    successCooldownTimerId = null;
-    isSuccessCooldownActive.value = false;
-  }, camera.getImageCaptureDelayAfterSuccess());
-};
-
-const isAbortError = (error: unknown): boolean => {
-  if (error instanceof DOMException && error.name === "AbortError") {
-    return true;
-  }
-
-  return typeof error === "object" && error !== null && (error as { name?: string; code?: string }).code === "ERR_CANCELED";
-};
-
-const isSameLPRScanContext = (first: LPRScanContext, second: LPRScanContext): boolean =>
-  first.activeVehicleIndex === second.activeVehicleIndex
-  && first.attachmentView === second.attachmentView
-  && first.manualInput === second.manualInput
-  && first.transactionHistoryView === second.transactionHistoryView
-  && first.registrationNumbers.length === second.registrationNumbers.length
-  && first.registrationNumbers.every((registrationNumber, index) => registrationNumber === second.registrationNumbers[index]);
-
-const parseImage = async (image: LPRFrameInput) => {
-  if (views.attachmentView.value) {
-    rememberLatestCameraImage(image);
-    return;
-  }
-
-  if (shouldSkipLPRForCurrentState() || isLPRFrameProcessing.value || isLPRRequestInFlight.value) {
-    return;
-  }
+const parseImage = async (image: string) => {
   // Check if the time since the last successful parse is enough
   if (!camera.hasDelayAfterSuccessPassed()) {
     return;
   }
-
-  isLPRFrameProcessing.value = true;
-  try {
-    const clientPreflightStartedAt = nowMs();
-    const isDuplicateFrame = await shouldSkipDuplicateFrame(image);
-    const clientPreflightDurationMs = Math.max(0, nowMs() - clientPreflightStartedAt);
-
-    if (shouldSkipLPRForCurrentState()) {
-      return;
-    }
-
-    if (isDuplicateFrame) {
-      // If the image is the same as the last parsed one, skip parsing
-      scheduleDuplicateFrameBackoff();
-      return;
-    }
-
-    rememberParsedImageFingerprint(image); // Update the last parsed image
-    isLPRRequestInFlight.value = true;
-    const abortController = new AbortController();
-    lprRequestAbortController = abortController;
-    const requestScanContext = getLPRScanContext();
-    const lprRequest = buildLPRRequestPayload(image, clientPreflightDurationMs);
-
-    try {
-      const response = await SessionUser.request(
-        lprRequest.url,
-        "POST",
-        lprRequest.payload,
-        null,
-        null,
-        {
-          ...(lprRequest.headers ? { headers: lprRequest.headers } : {}),
-          signal: abortController.signal,
-          transport: "fetch",
-        }
-      );
-
+  if (lastParsedImage.value === image) {
+    // If the image is the same as the last parsed one, skip parsing
+    return;
+  }
+  lastParsedImage.value = image; // Update the last parsed image
+  camera.setLatestImage(image); // Update the latest image in the camera object
+  // Function to parse the image data
+  const compressedImage = await compressImageForLPR(image);
+  SessionUser.request("/modules/scanner/lpr", "POST", {
+    base64_image: compressedImage,
+  })
+    .then((response) => {
       if (debug_mode.value) {
         debug_request_results.value.push(response);
       }
-
-      if (!isSameLPRScanContext(requestScanContext, getLPRScanContext())) {
-        return;
-      }
-
       // If the response is not successful, stop here.
       if (!response.data.success) {
-        markLastParsedImageOutcome("miss");
-        scheduleNoPlateBackoff();
         return;
       }
-      resetNoPlateBackoff();
-      markLastParsedImageOutcome("success");
-      rememberLatestCameraImage(image);
       latestLPRResponse.value = response.data.data as LPRResponse;
       // Set the last successful capture time
       camera.setLastSuccess();
-      scheduleSuccessCooldown();
       // Handle parsed result.
       handleLPRResult();
-    } catch (error) {
-      if (isAbortError(error)) {
-        return;
-      }
-
+    })
+    .catch((error) => {
       if (debug_mode.value) {
         debug_request_results.value.push(error);
       }
-      markLastParsedImageOutcome("miss");
-      scheduleNoPlateBackoff();
       //console.error("Error parsing image:", error);
-    } finally {
-      if (lprRequestAbortController === abortController) {
-        lprRequestAbortController = null;
-      }
-      isLPRRequestInFlight.value = false;
-    }
-  } finally {
-    isLPRFrameProcessing.value = false;
-  }
+    });
 };
 
 watch(manualInput, (newValue) => {
   // Update the header transparency when manualInput changes
   setTransparency(!newValue);
 });
+type statusIcon =
+  | typeof VerifiedCustomer
+  | typeof KnownCustomer
+  | typeof UnknownCustomer
+  | typeof CardPaymentCustomer
+  | typeof BookedCustomer;
+
 const registrationNumbers = computed(() => {
   // Return the registration numbers of all vehicles
   return [
@@ -645,14 +173,6 @@ const registrationNumbers = computed(() => {
   ];
 });
 
-const getLPRScanContext = (): LPRScanContext => ({
-  activeVehicleIndex: vehicles.activeVehicleIndex.value,
-  attachmentView: views.attachmentView.value,
-  manualInput: manualInput.value,
-  registrationNumbers: [...registrationNumbers.value],
-  transactionHistoryView: transactionHistoryView.value,
-});
-
 function getSearchResultIndex(object: PosSearchResult) {
   let targetIndex = vehicles.activeVehicleIndex.value; // Default to the current active vehicle index
   // Check if the registration number already exists in the vehicles (And update the vehicle if it does)
@@ -708,49 +228,27 @@ const getQuery = computed(() => {
   return activeVehicle ? activeVehicle.reg : "";
 });
 
+const activeSelectionHasRegistrationNumber = computed(() => {
+  return vehicles.getActiveVehicle()?.reg && vehicles.getActiveVehicle()?.reg.length > 0;
+});
+
 const shouldCustomerBeModified = computed(() => {
   // Check if the customer should be modified based on the active vehicle index
   return vehicles.activeVehicleIndex.value === 1;
 });
 
 onMounted(() => {
-  document.addEventListener("visibilitychange", handleDocumentVisibilityChange);
   // Set the header to be transparent
   setTransparency(!views.isAnyActive.value);
   setBackgroundColor(backgroundColors.default); // Set the default background color
   setOverflow(false); // Prevent scrolling
 });
 onUnmounted(() => {
-  document.removeEventListener("visibilitychange", handleDocumentVisibilityChange);
-  abortLPRRequest();
-  clearNoPlateBackoff();
-  clearDuplicateFrameBackoff();
-  clearSuccessCooldown();
   // Reset the header settings when the component is unmounted
   setTransparency(false); // Reset transparency
   setBackgroundColor(backgroundColors.default); // Reset to default background color
   setOverflow(true); // Allow scrolling again
 });
-
-watch(
-  () => [manualInput.value, transactionHistoryView.value, views.attachmentView.value],
-  ([isManualInputActive, isTransactionHistoryActive, isAttachmentViewActive]) => {
-    if (isManualInputActive || isTransactionHistoryActive || isAttachmentViewActive) {
-      abortLPRRequest();
-      resetParsedImageFingerprint();
-      resetNoPlateBackoff();
-    }
-  }
-);
-
-watch(
-  () => [vehicles.activeVehicleIndex.value, ...registrationNumbers.value],
-  () => {
-    abortLPRRequest();
-    resetParsedImageFingerprint();
-    resetNoPlateBackoff();
-  }
-);
 </script>
 
 <template>
@@ -765,16 +263,7 @@ watch(
   <!-- Default: Scanner view -->
   <template v-else>
     <div class="background-fixed">
-      <ScannerCamera
-        :capture-enabled="isCameraFrameCaptureEnabled"
-        :capture-interval-ms="lprCameraCaptureIntervalMs"
-        :capture-mode="views.attachmentView.value ? 'preview' : 'lpr'"
-        :get-focus-viewport-rect="getScannerFocusViewportRect"
-        :pause-preview="shouldPauseScannerPreview"
-        :should-build-visual-fingerprint="shouldBuildLPRVisualFingerprint"
-        :should-encode-frame="shouldEncodeLPRFrame"
-        @update:frame="parseImage"
-      />
+      <ScannerCamera @update:frame="parseImage" />
     </div>
     <div class="custom-content" data-testid="pos-mobile-step-1">
       <!-- Meta objects, registration number auto-lookup -->
@@ -800,13 +289,7 @@ watch(
       />
       <!-- Scanner outline object -->
       <div class="is-align-content-center is-flex is-justify-content-center">
-        <div
-          v-if="!views.attachmentView.value"
-          ref="scannerFocusRef"
-          class="scanner-focus-target"
-        >
-          <ScannerOutline :loading="false" />
-        </div>
+        <ScannerOutline :loading="false" v-if="!views.attachmentView.value" />
       </div>
       <!-- Reg. 1, Reg. 2, Reg. 3 -->
       <div
@@ -820,10 +303,7 @@ watch(
       <!-- Location -->
       <PosDepartmentStepMobile1Location />
       <!-- Buttons -->
-      <PosDepartmentStepMobileFixedBottomControl
-        variant="pos-step"
-        :use-backdrop-blur="views.attachmentView.value"
-      >
+      <PosDepartmentStepMobileFixedBottomControl variant="pos-step">
         <!-- Attachments -->
         <div class="is-flex is-justify-content-center">
           <PosDepartmentStepMobileAttachments :showDefaultControls="false" v-show="views.attachmentView.value" />
@@ -949,10 +429,4 @@ watch(
 .custom-content > * {
   width: min(100%, 48rem);
 }
-
-.scanner-focus-target {
-  display: inline-flex;
-  max-width: 100%;
-  width: fit-content;
-}
 </style>

src/components/displays/department/pos/steps/mobile/PosDepartmentStepMobile2.vue

@@ -53,9 +53,6 @@ import PosDepartmentStepMobile2AdditionalItems from "@/components/displays/depar
 import { pendingBookings } from "@/components/shop/POSDepartmentProcess.vue";
 import { useOrderMetadataAutosave } from "@/composables/useOrderMetadataAutosave.js";
 import { useHoldToTrigger } from "@/composables/useHoldToTrigger";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 onMounted(() => {
   // Set the header to be transparent
@@ -480,8 +477,6 @@ const updateLastOrderItemPrices = (items: PosOrderItem[]) => {
 const layout = {
   classes: <string[]>[],
 };
-const EXTRAORDINARY_CHEMISTRY_PRODUCT_ID = 27;
-const EXTRAORDINARY_CHEMISTRY_PRODUCT_NAME = "Ekstraordinær pr. 10 min inkl. kemi";
 
 const onCopyLastOrder = (vehicleIndex: number) => {
   lastOrders.select(vehicleIndex);
@@ -782,18 +777,15 @@ const buildDesiredOrderItemShapes = () => {
 
   const addonShapes = (transactionItems.primaryItem.value.addons || [])
     .filter((addon: any) => Number(addon?.quantity ?? 0) > 0)
-    .map((addon: any) => {
-      const addonProduct = addon?.product ?? addon;
-      return {
-        kind: "addon",
-        relatedKey: "primary",
-        product_id: Number(addonProduct?.id ?? addon?.id ?? 0),
-        quantity: Number(addon?.quantity ?? 0),
-        related_item_id: "__PRIMARY__",
-        price: Number(addonProduct?.price ?? addon?.price ?? 0),
-        notes: String(addonProduct?.notes ?? addon?.notes ?? ""),
-      };
-    });
+    .map((addon: any) => ({
+      kind: "addon",
+      relatedKey: "primary",
+      product_id: Number(addon?.product?.id ?? addon?.id ?? 0),
+      quantity: Number(addon?.quantity ?? 0),
+      related_item_id: "__PRIMARY__",
+      price: Number(addon?.product?.price ?? addon?.price ?? 0),
+      notes: String(addon?.product?.notes ?? ""),
+    }));
 
   const additionalShapes = (transactionItems.additionalItems.value || [])
     .filter((item: any) => Number(item?.quantity ?? 0) > 0)
@@ -960,17 +952,16 @@ const syncCurrentTransactionToOrder = async () => {
 
   const addonPromises = (transactionItems.primaryItem.value.addons || [])
     .filter((addon: any) => Number(addon?.quantity ?? 0) > 0)
-    .map((addon: any) => {
-      const addonProduct = addon?.product ?? addon;
-      return createOrderItem(
+    .map((addon: any) =>
+      createOrderItem(
         normalizedOrderId,
-        addonProduct.id,
+        addon.product.id,
         Number(addon.quantity),
         createdPrimaryItemId,
-        addonProduct?.notes || addon?.notes || "",
-        addonProduct.price ?? addon.price
-      );
-    });
+        addon.product?.notes || "",
+        addon.product.price
+      )
+    );
 
   const additionalPromises = (transactionItems.additionalItems.value || [])
     .filter((item: any) => Number(item?.quantity ?? 0) > 0)
@@ -982,146 +973,11 @@ const syncCurrentTransactionToOrder = async () => {
   return true;
 };
 
-const normalizeText = (value: unknown) => String(value ?? "").trim();
-
-const isEnabledFlag = (value: unknown) => value === true || value === 1 || value === "1" || value === "true";
-
-const getProductId = (product: any) =>
-  Number(product?.product?.id ?? product?.product_id ?? product?.id ?? 0);
-
-const getProductName = (product: any) => normalizeText(product?.product?.name ?? product?.name);
-
-const productRequiresOrderItemNote = (product: any) => {
-  if (!product) {
-    return false;
-  }
-
-  return (
-    isEnabledFlag(product?.requires_note ?? product?.product?.requires_note) ||
-    getProductId(product) === EXTRAORDINARY_CHEMISTRY_PRODUCT_ID ||
-    getProductName(product) === EXTRAORDINARY_CHEMISTRY_PRODUCT_NAME
-  );
-};
-
-const productHasOrderItemNote = (product: any) =>
-  normalizeText(product?.notes ?? product?.product?.notes).length > 0;
-
-const getSelectedProductsMissingRequiredNotes = () => {
-  const missingProducts: any[] = [];
-  const primaryProduct = transactionItems.primaryItem.value;
-
-  if (productRequiresOrderItemNote(primaryProduct) && !productHasOrderItemNote(primaryProduct)) {
-    missingProducts.push(primaryProduct);
-  }
-
-  (primaryProduct?.addons || [])
-    .filter((addon: any) => Number(addon?.quantity ?? 0) > 0)
-    .forEach((addon: any) => {
-      const addonProduct = addon?.product ?? addon;
-      if (
-        (productRequiresOrderItemNote(addonProduct) || productRequiresOrderItemNote(addon)) &&
-        !productHasOrderItemNote(addonProduct) &&
-        !productHasOrderItemNote(addon)
-      ) {
-        missingProducts.push(addonProduct);
-      }
-    });
-
-  (transactionItems.additionalItems.value || [])
-    .filter((item: any) => Number(item?.quantity ?? 0) > 0)
-    .forEach((item: any) => {
-      if (productRequiresOrderItemNote(item) && !productHasOrderItemNote(item)) {
-        missingProducts.push(item);
-      }
-    });
-
-  return missingProducts;
-};
-
-const promptForRequiredProductNote = (product: any) =>
-  new Promise<boolean>((resolve) => {
-    const hadOriginalNote = Object.prototype.hasOwnProperty.call(product, "notes");
-    const originalNote = product?.notes;
-
-    const resolveAndClose = (didConfirm: boolean) => {
-      if (!didConfirm) {
-        if (hadOriginalNote) {
-          product.notes = originalNote;
-        } else {
-          delete product.notes;
-        }
-      }
-      if (popups.get()?.id === "add_product_note") {
-        popups.clear();
-      }
-      resolve(didConfirm);
-    };
-
-    popups.select("add_product_note", {
-      title: `${t("common.note")}: ${getProductName(product) || `#${getProductId(product)}`}`,
-      message: t("objects.products.columns.requires_note"),
-      component: "add_product_note",
-      hideHeader: true,
-      style: { maxHeight: "40vh" },
-      props: {
-        product,
-        validationMessage: "",
-      },
-      actionButtons: [
-        {
-          label: t("common.confirm"),
-          description: t("common.confirm"),
-          color: "primary",
-          testId: "pos-mobile-product-note-confirm",
-          onClick: () => {
-            const activePopup = popups.get();
-            const normalizedNote = normalizeText(activePopup?.props?.product?.notes);
-            if (!normalizedNote) {
-              if (activePopup?.props) {
-                activePopup.props.validationMessage = t("objects.products.columns.requires_note");
-              }
-              return;
-            }
-            product.notes = normalizedNote;
-            resolveAndClose(true);
-          },
-        },
-        {
-          label: t("common.cancel"),
-          description: t("common.cancel"),
-          color: "light",
-          testId: "pos-mobile-product-note-cancel",
-          onClick: () => resolveAndClose(false),
-        },
-      ],
-    });
-  });
-
-const ensureRequiredOrderItemNotes = async () => {
-  const missingProducts = getSelectedProductsMissingRequiredNotes();
-  for (const product of missingProducts) {
-    if (productHasOrderItemNote(product)) {
-      continue;
-    }
-
-    const didConfirm = await promptForRequiredProductNote(product);
-    if (!didConfirm) {
-      return false;
-    }
-  }
-
-  return true;
-};
-
 const onBeforeComplete = async () => {
   if (!transactionItems.primaryItem.value) {
     throw new Error("No primary item selected");
   }
 
-  if (!(await ensureRequiredOrderItemNotes())) {
-    return false;
-  }
-
   await syncCurrentTransactionToOrder();
   return true;
 };

src/components/displays/department/pos/steps/mobile/PosDepartmentStepMobile3.vue

@@ -10,7 +10,6 @@ import {
   reg_1,
   reset_all_values,
   setStep,
-  pushPosRouteState,
 } from "@/components/shop/POSDepartmentProcess.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { StripeModule } from "@/components/stripe/StripeModule.vue";
@@ -71,10 +70,10 @@ const formatCurrency = (amount) => {
 const navigateToItems = () => {
   setStep(2);
   if (normalizedOrderId.value) {
-    pushPosRouteState(`id=${normalizedOrderId.value}&customer_id=${customer_id.value}&step=2`);
+    window.history.pushState({}, '', `?id=${normalizedOrderId.value}&customer_id=${customer_id.value}&step=2`);
     return;
   }
-  pushPosRouteState("step=2");
+  window.history.pushState({}, '', `?step=2`);
 };
 
 const clearSuccessfulMobileCardFlow = () => {

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobile1Location.vue

@@ -2,43 +2,25 @@
 import { useGeolocation } from "@vueuse/core";
 import { watch } from "vue";
 import { locations } from "../objects/PosDepartmentStepMobileFlow.vue";
-
-const props = withDefaults(defineProps<{
-  enableHighAccuracy?: boolean;
-  maximumAge?: number;
-  timeout?: number;
-}>(), {
+const emits = defineEmits<{
+  (e: 'location-updated', coords: { latitude: number | null; longitude: number | null }): void;
+}>();
+const { coords, locatedAt, error, resume, pause } = useGeolocation({
   enableHighAccuracy: true,
   maximumAge: 30000,
   timeout: 27000,
 });
-
-const emits = defineEmits<{
-  (e: 'location-updated', coords: { latitude: number | null; longitude: number | null }): void;
-}>();
-
-const { coords, locatedAt, error, resume, pause } = useGeolocation({
-  enableHighAccuracy: props.enableHighAccuracy,
-  maximumAge: props.maximumAge,
-  timeout: props.timeout,
-});
-
-const getLocationTimestamp = () => {
-  const timestamp = Number(locatedAt.value);
-  return Number.isFinite(timestamp) ? timestamp : Date.now();
-};
-
 const onUpdate = (newCoords: { latitude: number | null; longitude: number | null }) => {
-  const normalizedCoords = locations.normalizeCoordinatePair(newCoords);
-  if (normalizedCoords) {
-    const timestamp = getLocationTimestamp();
+  if (newCoords.latitude && newCoords.longitude) {
     locations.set({
-      coords: normalizedCoords,
-      timestamp: new Date(timestamp),
-      locatedAt: timestamp,
+      coords: {
+        latitude: newCoords.latitude,
+        longitude: newCoords.longitude,
+      },
+      timestamp: new Date(),
       errorMessage: error.value ? error.value.message : null,
     })
-    emits('location-updated', normalizedCoords);
+    emits('location-updated', newCoords);
   }
 };
 watch(coords, (newCoords) => {

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobileButtonNextStep.vue

@@ -405,10 +405,7 @@ const onClick = async () => {
 
   isProcessingClick.value = true;
   try {
-    const beforeStepResult = await props.onBeforeStep();
-    if (beforeStepResult === false) {
-      return;
-    }
+    await props.onBeforeStep();
     // Proceed to the next step
     switch (step.value) {
       case 1:

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobileFixedBottomControl.vue

@@ -11,10 +11,6 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  useBackdropBlur: {
-    type: Boolean,
-    default: true,
-  },
   variant: {
     type: String,
     default: 'default',
@@ -29,13 +25,6 @@ const props = defineProps({
 const FIXED_BOTTOM_HEIGHT_CSS_VAR = '--pos-mobile-fixed-bottom-height';
 
 const style = computed(() => {
-  const background = `linear-gradient(to top, rgba(255, 255, 255, ${props.blurAmount * 0.8}) 0%, rgba(255, 255, 255, ${props.blurAmount * 0.4}) 100%)`;
-  if (!props.useBackdropBlur) {
-    return {
-      background,
-    };
-  }
-
   // Smooth blur transition
   if (props.smoothBlur) {
     return {
@@ -43,13 +32,12 @@ const style = computed(() => {
       WebkitBackdropFilter: `blur(${props.blurAmount * 10}px)`,
       transition: 'backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease',
       // Add gradient from bottom
-      background,
+      background: `linear-gradient(to top, rgba(255, 255, 255, ${props.blurAmount * 0.8}) 0%, rgba(255, 255, 255, ${props.blurAmount * 0.4}) 100%)`,
       // Add gradient from top
 
     }
   }
   return {
-    background,
     backdropFilter: `blur(${props.blurAmount * 10}px)`,
     WebkitBackdropFilter: `blur(${props.blurAmount * 10}px)`
   }

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobilePopupAddProductNote.vue

@@ -28,7 +28,6 @@ watch(note, (newNote) => {
           class="input is-searched"
           v-model="note"
           type="text"
-          data-testid="pos-mobile-product-note-input"
           placeholder="Indtast note"
         />
       </div>

src/components/displays/department/pos/steps/mobile/objects/PosDepartmentStepMobileFlow.vue

@@ -100,57 +100,18 @@ const getLocation = () => {
 const clearLocation = () => {
   location.value = null;
 };
-type CoordinatePair = {
-  latitude?: number | string | null;
-  longitude?: number | string | null;
-};
-
-export const normalizeCoordinatePair = (
-  coordinates: CoordinatePair | null | undefined,
-  { allowZeroPair = true }: { allowZeroPair?: boolean } = {}
-): { latitude: number; longitude: number } | null => {
-  const latitude = Number(coordinates?.latitude);
-  const longitude = Number(coordinates?.longitude);
-
-  if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) {
-    return null;
-  }
-
-  if (latitude < -90 || latitude > 90 || longitude < -180 || longitude > 180) {
-    return null;
-  }
-
-  if (!allowZeroPair && latitude === 0 && longitude === 0) {
-    return null;
-  }
-
-  return { latitude, longitude };
-};
-
-export const hasValidCoordinatePair = (
-  coordinates: CoordinatePair | null | undefined,
-  options: { allowZeroPair?: boolean } = {}
-): boolean => normalizeCoordinatePair(coordinates, options) !== null;
-
 // Get distance in kilometers between two locations
 const getDistance = (
-  from: CoordinatePair,
-  to: CoordinatePair
+  from: { latitude: number; longitude: number },
+  to: { latitude: number; longitude: number }
 ): number => {
-  const normalizedFrom = normalizeCoordinatePair(from);
-  const normalizedTo = normalizeCoordinatePair(to);
-
-  if (!normalizedFrom || !normalizedTo) {
-    return Number.POSITIVE_INFINITY;
-  }
-
   const toRad = (value: number) => (value * Math.PI) / 180;
 
   const R = 6371; // Radius of the Earth in kilometers
-  const dLat = toRad(normalizedTo.latitude - normalizedFrom.latitude);
-  const dLon = toRad(normalizedTo.longitude - normalizedFrom.longitude);
-  const lat1 = toRad(normalizedFrom.latitude);
-  const lat2 = toRad(normalizedTo.latitude);
+  const dLat = toRad(to.latitude - from.latitude);
+  const dLon = toRad(to.longitude - from.longitude);
+  const lat1 = toRad(from.latitude);
+  const lat2 = toRad(to.latitude);
 
   const a =
     Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2);
@@ -163,8 +124,6 @@ const locations = {
   set: setLocation,
   get: getLocation,
   clear: clearLocation,
-  normalizeCoordinatePair,
-  hasValidCoordinatePair,
   getDistance,
   defaultTimeout: locationTimeout,
 };
@@ -1065,9 +1024,9 @@ const getTotalAttachmentsCount = () => {
   );
 };
 // Function to take a picture as a base64 attachment
-const takePicture = async () => {
+const takePicture = () => {
   // Save the last picture to the base64 attachments
-  const lastPicture = await getLatestImage();
+  const lastPicture = latestImage.value;
   if (lastPicture) {
     addAttachmentBase64({
       filename: "last_picture.jpg",
@@ -1118,7 +1077,6 @@ watch(
 /** Camera */
 // Define the reactive properties
 const latestImage = ref<string | null>(null);
-const latestImageBlob = ref<Blob | null>(null);
 const isCameraMounted = ref<boolean>(false);
 const cameraImageCaptureDelayInitial = ref<number>(500); // Initial delay for camera image capture in milliseconds (First capture)
 const cameraImageCaptureDelaySubsequent = ref<number>(1005); // Further captures delay in milliseconds (Every capture after the first one)
@@ -1160,34 +1118,13 @@ const hasCameraImageCaptureDelayAfterSuccessPassed = (): boolean => {
   const currentTime = Date.now();
   return currentTime - cameraImageCaptureLastSuccess.value > cameraImageCaptureDelayAfterSuccess.value;
 };
-const blobToDataUrl = (blob: Blob): Promise<string | null> => new Promise((resolve) => {
-  const reader = new FileReader();
-  reader.onload = () => {
-    resolve(typeof reader.result === "string" ? reader.result : null);
-  };
-  reader.onerror = () => {
-    resolve(null);
-  };
-  reader.readAsDataURL(blob);
-});
-
 // Function to retrieve the latest image frame.
 const getLatestImage = async () => {
-  if (!latestImage.value && latestImageBlob.value) {
-    latestImage.value = await blobToDataUrl(latestImageBlob.value);
-  }
-
   return latestImage.value;
 };
 // Function to set the latest image frame.
 const setLatestImage = (image: string | null) => {
   latestImage.value = image;
-  latestImageBlob.value = null;
-};
-// Function to set the latest image frame as a Blob.
-const setLatestImageBlob = (image: Blob | null) => {
-  latestImage.value = null;
-  latestImageBlob.value = image;
 };
 // Function to set the camera mounted state.
 const setCameraMounted = (mounted: boolean) => {
@@ -1196,7 +1133,6 @@ const setCameraMounted = (mounted: boolean) => {
 // Function to clear the latest image.
 const clearLatestImage = () => {
   latestImage.value = null;
-  latestImageBlob.value = null;
 };
 // Function to clear the camera mounted state.
 const clearCameraMounted = () => {
@@ -1217,12 +1153,10 @@ const setCameraImageCaptureDelay = (isFirstCapture: boolean, delay: number) => {
 
 const camera = {
   latestImage,
-  latestImageBlob,
   get: getLatestImage,
   mounted: isCameraMounted,
   setMounted: setCameraMounted,
   setLatestImage,
-  setLatestImageBlob,
   clearLatestImage,
   clearMounted: clearCameraMounted,
   getImageCaptureDelay: getCameraImageCaptureDelay,

src/components/displays/department/pos/steps/mobile/objects/PosLocation.vue

@@ -18,9 +18,7 @@ export type PosLocation = {
   coords?: PosLocationCoords | null;
   /** Timestamp */
   timestamp?: Date | null;
-  /** Browser geolocation timestamp in milliseconds */
-  locatedAt?: number | null;
   /** Error message */
   errorMessage?: string | null;
 };
-</script>
+</script>

src/components/displays/selfServe/ErrorBanner.vue

@@ -1,70 +0,0 @@
-<!--
-  ErrorBanner.vue – reusable self-serve error notification bar.
-
-  Props:
-    message          – error text to display (blank ⇒ hidden)
-    type             – Bulma tint: is-danger | is-warning (default is-danger)
-    iconLeft         – Font Awesome icon name
-    :loading         – whether retry button is in loading state
-    :showRetry       – whether to show the retry button
-  Emit:
-    retry            – fired when retry button is clicked
--->
-<script setup lang="ts">
-interface Props {
-  message: string | null;
-  type?: "is-danger" | "is-warning";
-  iconLeft?: string;
-  loading?: boolean;
-  showRetry?: boolean;
-  retryTestId?: string | null;
-}
-
-withDefaults(
-  defineProps<{
-    message: string | null;
-    type?: "is-danger" | "is-warning";
-    iconLeft?: string;
-    loading?: boolean;
-    showRetry?: boolean;
-    retryTestId?: string | null;
-  }>(),
-  {
-    type: "is-danger",
-    iconLeft: "sync-alt",
-    loading: false,
-    showRetry: true,
-    retryTestId: null,
-  }
-);
-
-const emit = defineEmits<{
-  retry: [];
-}>();
-</script>
-
-<template>
-  <b-message v-if="message" :type="type" has-icon :closable="false" class="self-serve-error-banner">
-    <div class="is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap">
-      <span class="mr-3">{{ message }}</span>
-      <b-button
-        v-if="showRetry"
-        size="is-small"
-        :type="`${type} is-light`"
-        icon-pack="fas"
-        :icon-left="iconLeft"
-        :loading="loading"
-        :data-testid="retryTestId || undefined"
-        @click="emit('retry')"
-      >
-        {{ $t("common.try_again") }}
-      </b-button>
-    </div>
-  </b-message>
-</template>
-
-<style scoped>
-.self-serve-error-banner {
-  margin-bottom: 1rem;
-}
-</style>

src/components/displays/selfServe/LaneSelectionSection.vue

@@ -1,59 +0,0 @@
-<!--
-  LaneSelectionSection.vue – bane-valg radio buttons and lane status display.
-
-  Props:
-    lanes              – array of lane objects from the department
-    selectedLaneId     – currently selected lane id
-    washType           – "Manual" | "Machine"
-    departmentName     – human-readable department name
-    isLaneAvailableFn  – function(lane) => boolean
-    isMachineAvailableFn – function(laneId) => boolean
-
-  Emit:
-    update:selectedLaneId  – new lane id selected
-    update:washType        – "Manual" | "Machine"
--->
-<script setup lang="ts">
-import SelfServeLaneStep from "@/components/displays/selfServe/SelfServeLaneStep.vue";
-
-interface Props {
-  lanes: any[];
-  selectedLaneId: number | string | null;
-  washType: string;
-  departmentName: string | null;
-  isLaneAvailableFn: (lane: any) => boolean;
-  isMachineAvailableFn: (laneId: number | string | null) => boolean;
-}
-
-defineProps<Props>();
-
-const emit = defineEmits<{
-  "update:selectedLaneId": [id: number];
-  "update:washType": [type: string];
-}>();
-
-function handleLaneUpdate(id: number) {
-  emit("update:selectedLaneId", id);
-}
-
-function handleWashTypeUpdate(type: string) {
-  emit("update:washType", type);
-}
-</script>
-
-<template>
-  <SelfServeLaneStep
-    :lanes="lanes"
-    :selected-lane-id="selectedLaneId"
-    :wash-type="washType"
-    :department-name="departmentName"
-    :is-lane-available="isLaneAvailableFn"
-    :is-machine-available="isMachineAvailableFn"
-    @update:selected-lane-id="handleLaneUpdate"
-    @update:wash-type="handleWashTypeUpdate"
-  />
-</template>
-
-<style scoped>
-/* Lane selection styling is inherited from SelfServeLaneStep */
-</style>

src/components/displays/selfServe/SelfServeDynamicImageFrame.vue

@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { BSkeleton } from "buefy";
+
+const props = defineProps<{
+  src: string | null;
+  alt?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: "error"): void;
+  (e: "load"): void;
+}>();
+
+const isLoading = ref(false);
+
+watch(
+  () => props.src,
+  (src) => {
+    isLoading.value = !!src;
+  },
+  { immediate: true }
+);
+
+const onLoad = () => {
+  isLoading.value = false;
+  emit("load");
+};
+
+const onError = () => {
+  isLoading.value = false;
+  emit("error");
+};
+</script>
+
+<template>
+  <div
+    v-if="src"
+    class="self-serve-dynamic-image-frame mb-4"
+    :class="{ 'is-loading': isLoading }"
+    data-testid="self-serve-dynamic-image-frame"
+  >
+    <b-skeleton
+      v-if="isLoading"
+      class="self-serve-dynamic-image-skeleton"
+      width="100%"
+      height="100%"
+      data-testid="self-serve-dynamic-image-skeleton"
+    />
+    <img
+      :key="src"
+      :src="src"
+      :alt="alt || 'Machine status'"
+      data-testid="self-serve-dynamic-image"
+      class="self-serve-dynamic-image"
+      :class="{ 'is-loading': isLoading }"
+      @load="onLoad"
+      @error="onError"
+    />
+  </div>
+</template>
+
+<style scoped>
+.self-serve-dynamic-image-frame {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  aspect-ratio: 16 / 9;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+}
+
+@media screen and (min-width: 769px) {
+  .self-serve-dynamic-image-frame {
+    max-width: 640px;
+  }
+}
+
+.self-serve-dynamic-image-skeleton {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  border-radius: 4px;
+}
+
+.self-serve-dynamic-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+  display: block;
+  object-fit: contain;
+  transition: opacity 120ms ease;
+}
+
+.self-serve-dynamic-image.is-loading {
+  opacity: 0;
+}
+</style>
+

src/components/displays/selfServe/SelfServeLaneStep.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import { computed } from "vue";
 import { BIcon, BMessage, BRadioButton } from "buefy";
 
-defineProps<{
+const props = defineProps<{
   lanes: Array<any>;
   selectedLaneId: number | string | null;
   washType: string;
@@ -14,6 +15,8 @@ const emit = defineEmits<{
   (e: "update:selectedLaneId", value: number): void;
   (e: "update:washType", value: string): void;
 }>();
+
+const isSelectedMachineAvailable = computed(() => props.isMachineAvailable(props.selectedLaneId));
 </script>
 
 <template>
@@ -92,14 +95,16 @@ const emit = defineEmits<{
             :model-value="washType"
             native-value="Machine"
             type="is-link"
-            :disabled="!isMachineAvailable(selectedLaneId)"
+            :disabled="!isSelectedMachineAvailable"
+            :title="!isSelectedMachineAvailable ? $t('self_wash.unavailable') : null"
+            :aria-label="!isSelectedMachineAvailable ? $t('self_wash.unavailable') : null"
             data-testid="self-serve-wash-type-machine"
             @update:model-value="emit('update:washType', 'Machine')"
             @input="emit('update:washType', 'Machine')"
           >
             <span>
               <span>{{ $t("self_wash.machine") }}<br /></span>
-              <span v-if="!isMachineAvailable(selectedLaneId)">
+              <span v-if="!isSelectedMachineAvailable">
                 <small>
                   <b-icon icon="times-circle" type="is-danger" pack="fas" class="mr-1" />
                   {{ $t("self_wash.unavailable") }}

src/components/displays/selfServe/SelfServeTaskList.vue

@@ -21,6 +21,16 @@ const isImageAttachment = (attachment: any) => (
   && attachment.content.other.match(/\.(jpg|jpeg|png|gif|webp|svg)$/i)
 );
 
+const hasTaskDescription = (task: any) => {
+  const description = task?.description;
+  if (typeof description !== "string") {
+    return !!description;
+  }
+
+  const trimmedDescription = description.trim();
+  return trimmedDescription.length > 0 && trimmedDescription !== "-";
+};
+
 const getImageAttachments = (task: any) => {
   if (!Array.isArray(task?.attachments)) {
     return [];
@@ -73,7 +83,7 @@ const formatTaskTitle = (task: any) => {
   const title = String(task?.task || "");
   const programWheelSelection = getProgramWheelSelection(task);
 
-  if (programWheelSelection === null || /\bprogram\s*#\d+\b/i.test(title)) {
+  if (programWheelSelection === null) {
     return title;
   }
 
@@ -117,11 +127,13 @@ const formatTaskTitle = (task: any) => {
                     type="is-success"
                     :data-testid="`self-serve-task-${task.id}-toggle`"
                     @update:model-value="emit('toggle-task', task.id, $event)"
+                    @input="emit('toggle-task', task.id, $event)"
                   />
                 </b-field>
               </div>
               <div class="self-serve-task-image-overlay-text">
                 <p class="self-serve-task-title"><strong>{{ formatTaskTitle(task) }}</strong></p>
+                <p v-if="hasTaskDescription(task)" class="self-serve-task-description">{{ task.description }}</p>
               </div>
             </div>
           </div>
@@ -144,21 +156,22 @@ const formatTaskTitle = (task: any) => {
           </div>
         </div>
       </template>
-      <div v-else class="self-serve-task-row">
-        <div v-if="props.showCheckboxes" class="self-serve-task-checkbox">
+      <div v-else class="columns is-mobile is-vcentered">
+        <div v-if="props.showCheckboxes" class="column is-narrow">
           <b-field>
             <b-checkbox
-              class="mr-0 pr-0"
               size="is-large"
               :model-value="completedTasks[task.id] === true"
               type="is-success"
               :data-testid="`self-serve-task-${task.id}-toggle`"
               @update:model-value="emit('toggle-task', task.id, $event)"
+              @input="emit('toggle-task', task.id, $event)"
             />
           </b-field>
         </div>
-        <div class="self-serve-task-content">
+        <div class="column">
           <p><strong>{{ formatTaskTitle(task) }}</strong></p>
+          <p v-if="hasTaskDescription(task)" class="is-size-7">{{ task.description }}</p>
           <div v-if="getVisibleServices(task).length > 0" class="tags mt-2">
             <span v-for="service in getVisibleServices(task)" :key="service" class="tag is-success">{{ service }}</span>
           </div>
@@ -226,7 +239,7 @@ const formatTaskTitle = (task: any) => {
   padding: 0.65rem 0.75rem;
   display: flex;
   align-items: flex-start;
-  gap: 0.35rem;
+  gap: 0.6rem;
   pointer-events: auto;
 }
 
@@ -234,30 +247,12 @@ const formatTaskTitle = (task: any) => {
   margin-bottom: 0;
 }
 
-.self-serve-task-row {
-  display: flex;
-  align-items: center;
-  gap: 0.35rem;
-}
-
-.self-serve-task-checkbox {
-  flex: 0 0 auto;
-}
-
-.self-serve-task-checkbox :deep(.field) {
-  margin-bottom: 0;
-}
-
-.self-serve-task-content {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.self-serve-task-content p {
-  margin-bottom: 0;
-}
-
 .self-serve-task-title {
   margin: 0;
 }
+
+.self-serve-task-description {
+  margin: 0.25rem 0 0;
+  font-size: 0.85rem;
+}
 </style>

src/components/displays/selfServe/SelfServeTasksStep.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
 import { BIcon } from "buefy";
+import SelfServeDynamicImageFrame from "@/components/displays/selfServe/SelfServeDynamicImageFrame.vue";
 import SelfServeTaskList from "@/components/displays/selfServe/SelfServeTaskList.vue";
 
 const props = defineProps<{
@@ -18,23 +18,6 @@ const emit = defineEmits<{
   (e: "clear-dynamic-image"): void;
 }>();
 
-const isDynamicImageLoading = ref(false);
-const failedDynamicImageUrl = ref<string | null>(null);
-const hasRenderableDynamicImageUrl = computed(
-  () => !!props.dynamicImageUrl && failedDynamicImageUrl.value !== props.dynamicImageUrl
-);
-const showDynamicImageFrame = computed(() => hasRenderableDynamicImageUrl.value && !isDynamicImageLoading.value);
-const shouldRenderDynamicImageFrame = computed(() => hasRenderableDynamicImageUrl.value);
-
-watch(
-  () => props.dynamicImageUrl,
-  (dynamicImageUrl) => {
-    isDynamicImageLoading.value = !!dynamicImageUrl;
-    failedDynamicImageUrl.value = null;
-  },
-  { immediate: true }
-);
-
 const emitToggleTask = (taskId: number, value: boolean) => {
   emit("toggle-task", taskId, value);
 };
@@ -43,13 +26,7 @@ const emitDownloadAttachment = (taskId: number, attachmentId: number | undefined
   emit("download-attachment", taskId, attachmentId, attachment);
 };
 
-const onDynamicImageLoad = () => {
-  isDynamicImageLoading.value = false;
-};
-
 const onDynamicImageError = () => {
-  isDynamicImageLoading.value = false;
-  failedDynamicImageUrl.value = props.dynamicImageUrl;
   emit("clear-dynamic-image");
 };
 </script>
@@ -70,43 +47,14 @@ const onDynamicImageError = () => {
         <span class="ml-2">{{ $t("self_wash.loading_data") }}</span>
       </div>
 
-      <img
-        v-if="dynamicImageUrl && isDynamicImageLoading"
-        :key="`${dynamicImageUrl}:preload`"
+      <SelfServeDynamicImageFrame
         :src="dynamicImageUrl"
-        alt=""
-        data-testid="self-serve-dynamic-image-preload"
-        class="self-serve-dynamic-image-preload"
-        @load="onDynamicImageLoad"
+        alt="Machine status"
         @error="onDynamicImageError"
       />
-
-      <div
-        v-if="shouldRenderDynamicImageFrame"
-        class="self-serve-dynamic-image-frame mb-4"
-        data-testid="self-serve-dynamic-image-frame"
-      >
-        <div
-          v-if="isDynamicImageLoading"
-          class="self-serve-dynamic-image-skeleton"
-          data-testid="self-serve-dynamic-image-skeleton"
-        >
-          <b-icon pack="fas" icon="spinner" custom-class="fa-pulse" size="is-large" />
-          <span class="is-sr-only">{{ $t("self_wash.loading_data") }}</span>
-        </div>
-        <img
-          v-if="showDynamicImageFrame"
-          :key="dynamicImageUrl"
-          :src="dynamicImageUrl"
-          alt="Machine status"
-          data-testid="self-serve-dynamic-image"
-          class="self-serve-dynamic-image"
-          @load="onDynamicImageLoad"
-          @error="onDynamicImageError"
-        />
-      </div>
       <div v-show="allVisibleQuestionsAnswered && !editAnswers" class="notification is-info is-light mb-4">
-        <h1 class="title has-text-centered mb-2">{{ $t("self_wash.start_machine") }}</h1>
+        <h1 class="title has-text-centered mb-2" v-if="activeTasks.length > 0">{{ $t("self_wash.start_machine") }}</h1>
+        <h1 class="title has-text-centered mb-2" v-else>{{ $t("self_wash.questions_answered") }}</h1>
         <SelfServeTaskList
           :tasks="activeTasks"
           :completedTasks="completedTasks"
@@ -117,49 +65,3 @@ const onDynamicImageError = () => {
     </div>
   </div>
 </template>
-
-<style scoped>
-.self-serve-dynamic-image-frame {
-  position: relative;
-  width: 100%;
-  max-width: 100%;
-  aspect-ratio: 16 / 9;
-  margin-left: auto;
-  margin-right: auto;
-  overflow: hidden;
-}
-
-.self-serve-dynamic-image-skeleton {
-  align-items: center;
-  aspect-ratio: 16 / 9;
-  background: #edf2f7;
-  color: #112f5f;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  width: 100%;
-}
-
-.self-serve-dynamic-image-preload {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-  pointer-events: none;
-}
-
-@media screen and (min-width: 769px) {
-  .self-serve-dynamic-image-frame {
-    max-width: 640px;
-  }
-}
-
-.self-serve-dynamic-image {
-  width: 100%;
-  height: 100%;
-  border-radius: 4px;
-  display: block;
-  object-fit: contain;
-  transition: opacity 120ms ease;
-}
-</style>

src/components/displays/selfServe/SelfServeVehicleStep.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
+import { ref, watch } from "vue";
 import { BAutocomplete, BField, BInput, BMessage } from "buefy";
 import SelfServeVehicleTypeSelector from "@/components/displays/selfServe/SelfServeVehicleTypeSelector.vue";
 
@@ -21,11 +21,8 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   (e: "update:customerNumber", value: string): void;
-  (e: "update:customer-number", value: string): void;
   (e: "update:registrationNumber", value: string): void;
-  (e: "update:registration-number", value: string): void;
   (e: "select-vehicle-type", selection: any): void;
-  (e: "selected", selection: any): void;
 }>();
 
 const extractRegistrationValue = (value: unknown): string => {
@@ -52,19 +49,6 @@ const normalizeRegistration = (value: unknown) => extractRegistrationValue(value
 
 const typedRegistration = ref(normalizeRegistration(props.registrationNumber));
 
-const filteredRegistrationOptions = computed(() => {
-  const query = normalizeRegistration(typedRegistration.value);
-  const options = props.registrationOptions || [];
-  if (!query) {
-    return options;
-  }
-
-  return options.filter((option) => {
-    const normalizedOption = normalizeRegistration(option);
-    return normalizedOption !== query && normalizedOption.includes(query);
-  });
-});
-
 watch(() => props.registrationNumber, (newValue) => {
   typedRegistration.value = normalizeRegistration(newValue);
 });
@@ -73,18 +57,6 @@ const emitRegistration = (value: unknown) => {
   const normalized = normalizeRegistration(value);
   typedRegistration.value = normalized;
   emit("update:registrationNumber", normalized);
-  emit("update:registration-number", normalized);
-};
-
-const emitCustomerNumber = (value: unknown) => {
-  const normalized = String(value || "");
-  emit("update:customerNumber", normalized);
-  emit("update:customer-number", normalized);
-};
-
-const emitVehicleTypeSelection = (selection: any) => {
-  emit("select-vehicle-type", selection);
-  emit("selected", selection);
 };
 </script>
 
@@ -96,41 +68,38 @@ const emitVehicleTypeSelection = (selection: any) => {
         :model-value="customerNumber || ''"
         data-testid="self-serve-customer-number"
         :placeholder="$t('self_wash.enter_customer_number')"
-        @input="emitCustomerNumber($event)"
-        @update:modelValue="emitCustomerNumber($event)"
+        @input="emit('update:customerNumber', String($event || ''))"
       />
     </b-field>
-    <b-field :label="$t('self_wash.registration_number')" class="self-serve-registration-field">
-      <div class="self-serve-registration-control">
-        <b-autocomplete
-          :model-value="typedRegistration"
-          data-testid="self-serve-registration"
-          :data="filteredRegistrationOptions"
-          :placeholder="$t('self_wash.enter_registration_number')"
-          :debounce="300"
-          :min-length="1"
-          icon-pack="fas"
-          icon="car-side"
-          clearable
-          :loading="filteredRegistrationOptions.length === 0 && isCustomerVehiclesLoading"
-          @select="emitRegistration($event)"
-          @typing="emitRegistration($event)"
-          @update:modelValue="emitRegistration($event)"
-        >
-        </b-autocomplete>
-        <p
-          v-if="typedRegistration"
-          class="help self-serve-registration-guidance"
-          data-testid="self-serve-registration-guidance"
-        >
+    <b-field :label="$t('self_wash.registration_number')">
+      <b-autocomplete
+        :model-value="typedRegistration"
+        data-testid="self-serve-registration"
+        :data="registrationOptions"
+        :placeholder="$t('self_wash.enter_registration_number')"
+        :debounce="300"
+        :min-length="1"
+        :filter="(option, query) => option.toLowerCase().includes(query.toLowerCase())"
+        icon-pack="fas"
+        icon="car-side"
+        clearable
+        :loading="registrationOptions.length === 0 && isCustomerVehiclesLoading"
+        :selectable-header="true"
+        @select="emitRegistration($event)"
+        @typing="emitRegistration($event)"
+        @update:modelValue="emitRegistration($event)"
+        @select-header="emitRegistration(typedRegistration)"
+      >
+        <template #header>
           <template v-if="hasMatchingVehicle">
             {{ $t("self_wash.select_from_vehicles", { plate: typedRegistration }) }}
           </template>
           <template v-else>
             {{ $t("self_wash.add_as_new_vehicle", { plate: typedRegistration }) }}
           </template>
-        </p>
-      </div>
+        </template>
+        <template #empty>{{ $t("self_wash.no_vehicles_found") }}</template>
+      </b-autocomplete>
     </b-field>
     <b-message
       v-if="props.vehicleStepError"
@@ -155,7 +124,7 @@ const emitVehicleTypeSelection = (selection: any) => {
         <SelfServeVehicleTypeSelector
           :selectedVehicleTypeId="selectedVehicleTypeId"
           :restrictToProductIds="availableProductIds"
-          @selected="emitVehicleTypeSelection"
+          @selected="emit('select-vehicle-type', $event)"
         />
       </template>
       <template v-else-if="vehicleTypes.length === 0">
@@ -171,34 +140,3 @@ const emitVehicleTypeSelection = (selection: any) => {
     </b-field>
   </div>
 </template>
-
-<style scoped>
-.self-serve-registration-control {
-  display: block;
-  width: 100%;
-  min-width: 0;
-}
-
-.self-serve-registration-guidance {
-  display: block;
-  margin-top: 0.5rem;
-  line-height: 1.35;
-  white-space: normal;
-}
-
-.self-serve-registration-field :deep(.dropdown),
-.self-serve-registration-field :deep(.autocomplete) {
-  width: 100%;
-}
-
-.self-serve-registration-field :deep(.dropdown-menu) {
-  left: 0;
-  right: 0;
-  width: 100%;
-  max-width: 100%;
-}
-
-.self-serve-registration-field :deep(.dropdown-item) {
-  white-space: normal;
-}
-</style>

src/components/displays/selfServe/VehicleInputSection.vue

@@ -1,81 +0,0 @@
-<!--
-  VehicleInputSection.vue – customer number, license plate, and vehicle type inputs.
-
-  Props:
-    showCustomerNumberInput  – whether to render the customer number field
-    customerNumber           – current customer number string
-    registrationNumber       – current license plate string
-    registrationOptions      – autocomplete options for existing vehicles
-    selectedVehicleTypeId    – currently selected vehicle type id
-    selectedVehicleName      – human-readable name of selected vehicle type
-    availableProductIds      – allowed product ids for the department
-    vehicleTypes             – list of vehicle type options
-
-  Emit:
-    update:customerNumber       – new customer number string
-    update:registrationNumber   – new license plate string
-    selectVehicleType           – selected VehicleTypeTemplate object
--->
-<script setup lang="ts">
-import { computed } from "vue";
-import SelfServeVehicleStep from "@/components/displays/selfServe/SelfServeVehicleStep.vue";
-
-interface Props {
-  showCustomerNumberInput: boolean;
-  customerNumber: string | null;
-  registrationNumber: string | null;
-  registrationOptions: string[];
-  selectedVehicleTypeId: number | null;
-  selectedVehicleName: string | null;
-  availableProductIds: (number | string)[];
-  vehicleTypes: any[];
-}
-
-defineProps<Props>();
-
-const emit = defineEmits<{
-  "update:customerNumber": [value: string];
-  "update:registrationNumber": [value: string];
-  selectVehicleType: [type: { id: number }];
-}>();
-
-function handleCustomerNumberUpdate(value: string) {
-  emit("update:customerNumber", value);
-}
-
-function handleRegistrationNumberUpdate(value: string) {
-  emit("update:registrationNumber", value);
-}
-
-function handleSelectVehicleType(selection: any) {
-  emit("selectVehicleType", selection);
-}
-</script>
-
-<template>
-  <SelfServeVehicleStep
-    :customer-number="customerNumber"
-    :show-customer-number-input="showCustomerNumberInput"
-    :registration-number="registrationNumber"
-    :registration-options="registrationOptions"
-    :is-customer-vehicles-loading="false"
-    :has-matching-vehicle="false"
-    :selected-vehicle-type-id="selectedVehicleTypeId"
-    :selected-vehicle-name="selectedVehicleName"
-    :selected-vehicle-description="null"
-    :available-product-ids="availableProductIds"
-    :vehicle-types="vehicleTypes"
-    :vehicle-step-error="null"
-    :vehicle-step-guidance="null"
-    @update:customer-number="handleCustomerNumberUpdate"
-    @update:customerNumber="handleCustomerNumberUpdate"
-    @update:registration-number="handleRegistrationNumberUpdate"
-    @update:registrationNumber="handleRegistrationNumberUpdate"
-    @select-vehicle-type="handleSelectVehicleType"
-    @selected="handleSelectVehicleType"
-  />
-</template>
-
-<style scoped>
-/* Vehicle input section styling is inherited from SelfServeVehicleStep */
-</style>

src/components/displays/selfServe/WashProgressCard.vue

@@ -1,260 +0,0 @@
-<!--
-  WashProgressCard.vue – timer, guided instructions, and bottom actions during active wash.
-
-  Renders when a wash session is in progress (WASH_IN_PROGRESS step).
-
-  Props:
-    currentGuidedWashStep   – index into guidedWashFlowSteps
-    guidedWashFlowSteps     – array of instruction step objects
-    formattedElapsed        – human-readable elapsed time string
-    isCompletingWash        – whether the wash is finishing right now
-    openingPropertyAccessGate – loading state for access gate button
-    openingPropertyExitGate   – loading state for exit gate button
-  Emit:
-    update:currentGuidedWashStep – new step index
-    goPreviousGuidedWashStep     – navigate to previous instruction
-    goNextGuidedWashStep         – navigate to next instruction
-    completeWash                – finish the wash session
-    openPropertyAccessGate      – open the property access gate (laneId)
-    openPropertyExitGate        – open the property exit gate (laneId)
-    requestAssistance           – call for assistance
--->
-<script setup lang="ts">
-import { computed } from "vue";
-import { BButton } from "buefy";
-
-interface Props {
-  currentGuidedWashStep: number;
-  guidedWashFlowSteps: any[];
-  formattedElapsed: string;
-  isCompletingWash: boolean;
-  openingPropertyAccessGate: boolean;
-  openingPropertyExitGate: boolean;
-  showProgressActions?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  showProgressActions: true,
-});
-
-const emit = defineEmits<{
-  "update:currentGuidedWashStep": [step: number];
-  goPreviousGuidedWashStep: [];
-  goNextGuidedWashStep: [];
-  completeWash: [];
-  openPropertyAccessGate: [];
-  openPropertyExitGate: [];
-  requestAssistance: [];
-}>();
-
-const isLastGuidedWashStep = computed(
-  () =>
-    Array.isArray(props.guidedWashFlowSteps) &&
-    props.guidedWashFlowSteps.length > 0 &&
-    props.currentGuidedWashStep >= props.guidedWashFlowSteps.length - 1
-);
-
-function handleGoPrevious() {
-  emit("goPreviousGuidedWashStep");
-}
-
-function handleGoNext() {
-  emit("goNextGuidedWashStep");
-}
-
-function handleComplete() {
-  emit("completeWash");
-}
-
-function handleOpenAccessGate() {
-  emit("openPropertyAccessGate");
-}
-
-function handleOpenExitGate() {
-  emit("openPropertyExitGate");
-}
-
-function handleRequestAssistance() {
-  emit("requestAssistance");
-}
-</script>
-
-<template>
-  <div data-testid="self-serve-wash-progress">
-    <!-- Finishing screen -->
-    <div
-      v-if="isCompletingWash && showProgressActions"
-      class="notification is-info is-light self-serve-finishing-screen"
-      data-testid="self-serve-finishing-wash"
-    >
-      <p class="title is-5 mb-0">{{ $t("self_wash.finishing_wash_exit_opening") }}</p>
-    </div>
-
-    <!-- Guided wash instructions (stepped walkthrough) -->
-    <template v-if="!isCompletingWash">
-      <!--
-        Accept a callback slot for the guided-instructions component so the
-        parent can plug in SelfServeGuidedInstructions or its own implementation.
-      -->
-      <slot
-        v-if="showProgressActions"
-        name="guided-instructions"
-        :current-step="currentGuidedWashStep"
-        :steps="guidedWashFlowSteps"
-        :is-last-step="isLastGuidedWashStep"
-        @update:current-step="emit('update:currentGuidedWashStep', $event)"
-      >
-        <!-- Default: render nothing (parent provides via slot) -->
-      </slot>
-
-      <!-- Bottom action bar while wash is in progress -->
-      <div
-        v-show="showProgressActions"
-        class="self-serve-bottom-actions"
-        data-testid="self-serve-bottom-actions"
-      >
-        <!-- Help / assistance -->
-        <div class="self-serve-bottom-actions__row" data-testid="self-serve-session-bottom-actions">
-          <b-button
-            class="self-serve-bottom-actions__button"
-            type="is-link is-light"
-            icon-pack="fas"
-            icon-right="info-circle"
-            data-testid="self-serve-nav-help"
-            @click.prevent="handleRequestAssistance"
-          >
-            {{ $t("self_wash.assistance") }}
-          </b-button>
-        </div>
-
-        <!-- Property gate controls -->
-        <div class="self-serve-bottom-actions__row" data-testid="self-serve-property-gate-actions">
-          <b-button
-            class="self-serve-bottom-actions__button"
-            type="is-link is-light"
-            icon-pack="fas"
-            icon-left="sign-in-alt"
-            data-testid="self-serve-nav-open-property-access-gate"
-            :loading="openingPropertyAccessGate"
-            :disabled="openingPropertyAccessGate"
-            @click.prevent="handleOpenAccessGate"
-          >
-            {{ $t("self_wash.open_property_access_gate") }}
-          </b-button>
-
-          <b-button
-            class="self-serve-bottom-actions__button"
-            type="is-link is-light"
-            icon-pack="fas"
-            icon-left="sign-out-alt"
-            data-testid="self-serve-nav-open-property-exit-gate"
-            :loading="openingPropertyExitGate"
-            :disabled="openingPropertyExitGate"
-            @click.prevent="handleOpenExitGate"
-          >
-            {{ $t("self_wash.open_property_exit_gate") }}
-          </b-button>
-        </div>
-
-        <!-- Guided step navigation -->
-        <div class="self-serve-bottom-actions__row" data-testid="self-serve-guided-bottom-actions">
-          <b-button
-            class="self-serve-bottom-actions__button"
-            type="is-link is-light"
-            icon-pack="fas"
-            icon-left="arrow-left"
-            data-testid="self-serve-guided-prev"
-            :disabled="currentGuidedWashStep === 0"
-            @click.prevent="handleGoPrevious"
-          >
-            {{ $t("common.previous") }}
-          </b-button>
-
-          <b-button
-            v-if="!isLastGuidedWashStep"
-            class="self-serve-bottom-actions__button"
-            type="is-link"
-            icon-pack="fas"
-            icon-right="arrow-right"
-            data-testid="self-serve-guided-next"
-            @click.prevent="handleGoNext"
-          >
-            {{ $t("common.next") }}
-          </b-button>
-
-          <b-button
-            v-else
-            class="self-serve-bottom-actions__button"
-            type="is-link"
-            icon-pack="fas"
-            icon-right="check"
-            data-testid="self-serve-nav-complete"
-            :loading="isCompletingWash"
-            :disabled="isCompletingWash"
-            @click.prevent="handleComplete"
-          >
-            {{ $t("common.done") }}
-          </b-button>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<style scoped>
-.self-serve-finishing-screen {
-  margin: 0 auto;
-  max-width: 32rem;
-  text-align: left;
-}
-
-.self-serve-bottom-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  justify-content: center;
-  margin: 0.75rem auto 0;
-  max-width: 30rem;
-}
-
-.self-serve-bottom-actions__row {
-  display: flex;
-  gap: 0.75rem;
-  justify-content: center;
-  width: 100%;
-}
-
-.self-serve-bottom-actions__button {
-  flex: 1 1 0;
-  font-weight: 700;
-  line-height: 1.15;
-  max-width: 14rem;
-  min-height: 2.75rem;
-  min-width: 0;
-  white-space: normal;
-}
-
-@media screen and (max-width: 768px) {
-  .self-serve-bottom-actions {
-    background: #ffffff;
-    border-top: 1px solid #dfe5f0;
-    bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
-    box-shadow: 0 -0.25rem 0.75rem rgba(17, 47, 95, 0.08);
-    left: 0;
-    margin: 0;
-    max-width: none;
-    padding: 0.5rem 0.75rem;
-    position: fixed;
-    right: 0;
-    z-index: 41;
-  }
-
-  .self-serve-bottom-actions__button {
-    font-size: 0.88rem;
-    max-width: none;
-    min-height: 2.65rem;
-    padding-left: 0.55rem;
-    padding-right: 0.55rem;
-  }
-}
-</style>

src/components/displays/selfServe/WashTypeSelector.vue

@@ -1,159 +0,0 @@
-<!--
-  WashTypeSelector.vue – manual vs machine wash toggle.
-
-  Renders two radio-style cards: "Manual" (always available) and
-  "Machine" (available when the lane supports it).
-
-  Props:
-    modelValue         – current wash type ("Manual" | "Machine")
-    isMachineAvailable – whether machine wash is available for this lane
-
-  Emit:
-    update:modelValue  – new wash type string
--->
-<script setup lang="ts">
-import { BRadioButton } from "buefy";
-
-interface Props {
-  modelValue: string;
-  isMachineAvailable: boolean;
-}
-
-defineProps<Props>();
-
-const emit = defineEmits<{
-  "update:modelValue": [type: string];
-}>();
-</script>
-
-<template>
-  <section class="self-serve-choice-group" data-testid="self-serve-wash-type-group">
-    <h2 class="self-serve-choice-label">{{ $t("self_wash.wash_type") }}</h2>
-    <div
-      class="self-serve-choice-grid self-serve-choice-grid--centered"
-      data-testid="self-serve-wash-type-options"
-    >
-      <!-- Manual option (always available) -->
-      <div class="self-serve-choice-grid__item">
-        <b-radio-button
-          class="self-serve-choice-card"
-          :model-value="modelValue"
-          native-value="Manual"
-          type="is-link"
-          data-testid="self-serve-wash-type-manual"
-          @update:model-value="emit('update:modelValue', 'Manual')"
-          @input="emit('update:modelValue', 'Manual')"
-        >
-          <span>
-            <span>{{ $t("self_wash.manual") }}<br /></span>
-            <small>
-              <b-icon icon="check-circle" type="is-success" pack="fas" class="mr-1" />
-              {{ $t("self_wash.available") }}
-            </small>
-          </span>
-        </b-radio-button>
-      </div>
-
-      <!-- Machine option (conditioned) -->
-      <div class="self-serve-choice-grid__item">
-        <b-radio-button
-          class="self-serve-choice-card"
-          :model-value="modelValue"
-          native-value="Machine"
-          type="is-link"
-          :disabled="!isMachineAvailable"
-          data-testid="self-serve-wash-type-machine"
-          @update:model-value="emit('update:modelValue', 'Machine')"
-          @input="emit('update:modelValue', 'Machine')"
-        >
-          <span>
-            <span>{{ $t("self_wash.machine") }}<br /></span>
-            <span v-if="!isMachineAvailable">
-              <small>
-                <b-icon icon="times-circle" type="is-danger" pack="fas" class="mr-1" />
-                {{ $t("self_wash.unavailable") }}
-              </small>
-            </span>
-            <span v-else>
-              <small>
-                <b-icon icon="check-circle" type="is-success" pack="fas" class="mr-1" />
-                {{ $t("self_wash.available") }}
-              </small>
-            </span>
-          </span>
-        </b-radio-button>
-      </div>
-    </div>
-  </section>
-</template>
-
-<style scoped>
-.self-serve-choice-group {
-  margin-bottom: 1.25rem;
-}
-
-.self-serve-choice-label {
-  color: #303440;
-  font-size: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  margin: 0 0 0.75rem;
-}
-
-.self-serve-choice-grid {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  margin-bottom: 0.75rem;
-  width: 100%;
-}
-
-.self-serve-choice-grid--centered {
-  justify-content: center;
-}
-
-.self-serve-choice-grid__item {
-  min-width: 0;
-}
-
-.self-serve-choice-card {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  min-height: 5rem;
-  padding: 0.75rem 0.5rem;
-  white-space: normal;
-  width: 100%;
-}
-
-.self-serve-choice-card :deep(.button) {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  min-height: 5rem;
-  padding: 0.75rem 0.5rem;
-  white-space: normal;
-  width: 100%;
-}
-
-.self-serve-choice-card :deep(.button),
-.self-serve-choice-card span,
-.self-serve-choice-card :deep(.button span) {
-  min-width: 0;
-}
-
-.self-serve-choice-card small,
-.self-serve-choice-card :deep(.button small) {
-  display: inline-flex;
-  align-items: center;
-  line-height: 1.25;
-}
-
-@media screen and (min-width: 769px) {
-  .self-serve-choice-grid {
-    grid-template-columns: repeat(auto-fit, minmax(11rem, 15rem));
-  }
-}
-</style>

src/components/displays/superuser/tables/OrderContentTable.vue

@@ -129,19 +129,6 @@ const getOrderItemFlags = (orderItem) => sortInvoicePeriodFlags((props.invoicePe
   return flagOrderItemId > 0 && flagOrderItemId === Number(orderItem?.id || 0);
 }));
 
-const getOrderItemFlagIconClass = (orderItem) => (
-  getOrderItemFlags(orderItem).length > 0 ? "fas fa-flag" : ""
-);
-
-const getOrderItemFlagColorClass = (orderItem) => {
-  const flags = getOrderItemFlags(orderItem);
-  if (flags.length === 0) {
-    return "";
-  }
-
-  return flags.some((flag) => flag?.source === "manual") ? "has-text-danger" : "has-text-warning";
-};
-
 const displayColumnCount = computed(() => (
   2 + (props.displayNotes ? 1 : 0) + (props.displayReference ? 1 : 0) + (props.displayPrice ? 1 : 0)
 ));
@@ -175,17 +162,7 @@ watch(() => props.orderId, (newValue, oldValue) => {
         <template v-if="!isOrderItemAddon(item)">
           <!-- If the item is included in the invoice, show it normally -->
           <tr v-if="item.include_in_invoice">
-            <td>
-              <span
-                v-if="getOrderItemFlags(item).length > 0"
-                class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                :class="getOrderItemFlagColorClass(item)"
-                :data-testid="`order-content-item-flag-indicator-${item.id}`"
-              >
-                <i :class="getOrderItemFlagIconClass(item)"></i>
-              </span>
-              {{ item.product.name }}
-            </td>
+            <td>{{ item.product.name }}</td>
             <td v-if="props.displayReference">{{ item.reference }}</td>
             <td v-if="props.displayNotes">{{ item.notes }}</td>
             <td>{{ item.quantity }}</td>
@@ -193,17 +170,7 @@ watch(() => props.orderId, (newValue, oldValue) => {
           </tr>
           <!-- If the item is not included in the invoice, show it with a strikethrough -->
           <tr v-else  class="has-background-warning-light">
-            <td>
-              <span
-                v-if="getOrderItemFlags(item).length > 0"
-                class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                :class="getOrderItemFlagColorClass(item)"
-                :data-testid="`order-content-item-flag-indicator-${item.id}`"
-              >
-                <i :class="getOrderItemFlagIconClass(item)"></i>
-              </span>
-              <span style="text-decoration: line-through;">{{ item.product.name }}</span> ( {{SessionUser.objects.vehicles.columns.wash_subscription.label }} )
-            </td>
+            <td><span style="text-decoration: line-through;">{{ item.product.name }}</span> ( {{SessionUser.objects.vehicles.columns.wash_subscription.label }} )</td>
             <td v-if="props.displayReference">{{ item.reference }}</td>
             <td v-if="props.displayNotes">{{ item.notes }}</td>
             <td>{{ item.quantity }}</td>
@@ -226,17 +193,7 @@ watch(() => props.orderId, (newValue, oldValue) => {
         <template v-for="addon_item in getItemAddons(item)" :key="addon_item.id">
           <!-- If the add-on item is included in the invoice, show it normally -->
           <tr v-if="addon_item.include_in_invoice">
-            <td>
-              <span
-                v-if="getOrderItemFlags(addon_item).length > 0"
-                class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                :class="getOrderItemFlagColorClass(addon_item)"
-                :data-testid="`order-content-item-flag-indicator-${addon_item.id}`"
-              >
-                <i :class="getOrderItemFlagIconClass(addon_item)"></i>
-              </span>
-              + {{ addon_item.product.name }}
-            </td>
+            <td>+ {{ addon_item.product.name }}</td>
             <td v-if="props.displayReference">{{ addon_item.reference }}</td>
             <td v-if="props.displayNotes">{{ addon_item.notes }}</td>
             <td>{{ addon_item.quantity }}</td>
@@ -244,17 +201,7 @@ watch(() => props.orderId, (newValue, oldValue) => {
           </tr>
           <!-- If the add-on item is not included in the invoice, show it with a strikethrough -->
           <tr v-else class="has-background-warning">
-            <td>
-              <span
-                v-if="getOrderItemFlags(addon_item).length > 0"
-                class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                :class="getOrderItemFlagColorClass(addon_item)"
-                :data-testid="`order-content-item-flag-indicator-${addon_item.id}`"
-              >
-                <i :class="getOrderItemFlagIconClass(addon_item)"></i>
-              </span>
-              + <span style="text-decoration: line-through;">{{ addon_item.product.name }}</span> ( {{SessionUser.objects.vehicles.columns.wash_subscription.label }} )
-            </td>
+            <td>+ <span style="text-decoration: line-through;">{{ addon_item.product.name }}</span> ( {{SessionUser.objects.vehicles.columns.wash_subscription.label }} )</td>
             <td v-if="props.displayReference">{{ addon_item.reference }}</td>
             <td v-if="props.displayNotes">{{ addon_item.notes }}</td>
             <td>{{ addon_item.quantity }}</td>
@@ -290,14 +237,6 @@ watch(() => props.orderId, (newValue, oldValue) => {
           <!-- If the item is a primary item, show it -->
           <template v-if="!isOrderItemAddon(item)">
             <div>
-              <span
-                v-if="getOrderItemFlags(item).length > 0"
-                class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                :class="getOrderItemFlagColorClass(item)"
-                :data-testid="`order-content-item-flag-indicator-${item.id}`"
-              >
-                <i :class="getOrderItemFlagIconClass(item)"></i>
-              </span>
               <strong>{{ item.product.name }}</strong> x {{ item.quantity }}
               <span v-if="props.displayPrice"> - {{ SessionUser.functions.currency.toLocal(item.price) }}</span>
             </div>
@@ -309,14 +248,6 @@ watch(() => props.orderId, (newValue, oldValue) => {
             <!-- Show the add-on items -->
             <div v-for="addon_item in getItemAddons(item)" :key="addon_item.id" class="ml-4">
               <small>
-                <span
-                  v-if="getOrderItemFlags(addon_item).length > 0"
-                  class="icon is-small mr-1 invoice-period-item-flag-indicator"
-                  :class="getOrderItemFlagColorClass(addon_item)"
-                  :data-testid="`order-content-item-flag-indicator-${addon_item.id}`"
-                >
-                  <i :class="getOrderItemFlagIconClass(addon_item)"></i>
-                </span>
                   + {{ addon_item.product.name }} x {{ addon_item.quantity }}
                 <span v-if="props.displayPrice"> - {{ SessionUser.functions.currency.toLocal(addon_item.price) }}</span>
               </small>
@@ -334,7 +265,5 @@ watch(() => props.orderId, (newValue, oldValue) => {
 </template>
 
 <style scoped>
-.invoice-period-item-flag-indicator {
-  vertical-align: middle;
-}
+
 </style>

src/components/displays/superuser/tables/SubusersTable.vue

@@ -251,8 +251,8 @@ const onResendInvite = async (subuser) => {
           <td>{{ formatDateTime(subuser.updated_at) }}</td>
 
           <td>
-            <div class="buttons is-justify-content-flex-end action-buttons" :data-testid="`subuser-actions-${subuser.id}`">
-              <ActionSettingsWheelButton v-if="hasRowActions(subuser)">
+            <div class="buttons is-justify-content-flex-end action-buttons">
+              <ActionSettingsWheelButton v-if="hasRowActions(subuser)" display-actions-directly>
                 <template #actions>
                   <ActionSettingsWheelItem
                     v-if="canEditPermissions() && subuser.grant_id"

src/components/forms/department/pos/SelectVehicleFormPOS.vue

@@ -255,16 +255,6 @@ const getBookingMatchesStateKey = (matches) => {
   return matches.map((booking) => getBookingStateKey(booking)).join("||");
 };
 
-const hasBookingDetailsChanged = (currentBooking, nextBooking) => {
-  const currentKeys = Object.keys(currentBooking || {});
-  const nextKeys = Object.keys(nextBooking || {});
-  if (currentKeys.length !== nextKeys.length) {
-    return true;
-  }
-
-  return nextKeys.some((key) => currentBooking?.[key] !== nextBooking?.[key]);
-};
-
 const setVehicleObject = (emittedVehicleObject, options = {}) => {
   const normalizedOptions = {
     preserveManualReference: true,
@@ -360,23 +350,17 @@ const mergeBookingMatchDetails = (booking) => {
   }
 
   let didMergeBooking = false;
-  let didChangeBooking = false;
-  const nextBookingMatches = bookingMatches.value.map((entry) => {
+  bookingMatches.value = bookingMatches.value.map((entry) => {
     if (normalizeBookingId(entry?.id) !== normalizedBookingId) {
       return entry;
     }
 
     didMergeBooking = true;
-    const mergedBooking = { ...entry, ...booking };
-    const hasChangedEntry = hasBookingDetailsChanged(entry, mergedBooking);
-    didChangeBooking = didChangeBooking || hasChangedEntry;
-    return hasChangedEntry ? mergedBooking : entry;
+    return { ...entry, ...booking };
   });
 
   if (!didMergeBooking) {
     bookingMatches.value = [...bookingMatches.value, booking];
-  } else if (didChangeBooking) {
-    bookingMatches.value = nextBookingMatches;
   }
 };
 

src/components/forms/department/pos/input/LicensePlateReg1Input.vue

@@ -1037,7 +1037,6 @@ const getCurrentIconColor = () => {
       @blur="lostfocus"
       @keydown="arrowKeyHandler"
       id="reg_1"
-      tabindex="1"
       autocomplete="off"
     />
   </template>
@@ -1060,7 +1059,6 @@ const getCurrentIconColor = () => {
           @blur="lostfocus"
           @keydown="arrowKeyHandler"
           id="reg_1"
-          tabindex="1"
           autocomplete="off"
         />
       </div>

src/components/forms/department/pos/input/ReferenceAutocompletePOS.vue

@@ -394,16 +394,12 @@ onBeforeUnmount(() => {
       v-model="typedReference"
       :data="groupedSuggestions"
       field="reference"
-      input-id="reference"
-      data-testid="pos-desktop-step-1-reference-input"
       group-field="group"
       group-options="items"
       :keep-first="true"
       open-on-focus
       expanded
       :loading="isFetching"
-      :tabindex="props.tabindex"
-      :aria-invalid="props.requiredWarning ? 'true' : undefined"
       custom-class="has-sharp-edges"
       icon-pack="fas"
       max-height="320"

src/components/global/FrontendMaintenanceMenu.vue

@@ -1,236 +0,0 @@
-<script setup>
-import { computed, onBeforeUnmount, onMounted, ref } from "vue";
-import { useI18n } from "vue-i18n";
-import LocalDataResetDialog from "@/components/global/LocalDataResetDialog.vue";
-import { releaseUpdateState, shortReleaseCommit } from "@/services/releaseUpdate.js";
-import { forceFrontendUpdateAndClearLocal } from "@/services/frontendMaintenance.js";
-
-const SHIFT_PRESS_WINDOW_MS = 1200;
-const CLOSE_EVENT = "frontend-maintenance-menu:close";
-
-const { t } = useI18n({ useScope: "global" });
-const isOpen = ref(false);
-const isBusy = ref(false);
-const isClearConfirmationOpen = ref(false);
-const shiftPresses = ref([]);
-
-const currentVersion = computed(() => shortReleaseCommit(releaseUpdateState.currentCommit));
-const latestVersion = computed(() => shortReleaseCommit(releaseUpdateState.latestCommit || releaseUpdateState.currentCommit));
-
-const closeMenu = () => {
-  if (!isBusy.value) {
-    isOpen.value = false;
-    isClearConfirmationOpen.value = false;
-  }
-};
-
-const handleKeydown = (event) => {
-  if (event.key !== "Shift" || event.repeat) {
-    return;
-  }
-
-  const now = Date.now();
-  shiftPresses.value = [...shiftPresses.value.filter((pressedAt) => now - pressedAt <= SHIFT_PRESS_WINDOW_MS), now];
-  if (shiftPresses.value.length >= 3) {
-    shiftPresses.value = [];
-    isOpen.value = true;
-  }
-};
-
-const openClearConfirmation = () => {
-  if (!isBusy.value) {
-    isClearConfirmationOpen.value = true;
-  }
-};
-
-const closeClearConfirmation = () => {
-  isClearConfirmationOpen.value = false;
-};
-
-const forceUpdateAndClearLocal = async () => {
-  if (isBusy.value) {
-    return;
-  }
-
-  isBusy.value = true;
-  try {
-    await forceFrontendUpdateAndClearLocal();
-  } catch (error) {
-    isBusy.value = false;
-    console.error("Failed to force frontend update and clear local data:", error);
-  }
-};
-
-onMounted(() => {
-  window.addEventListener("keydown", handleKeydown);
-  window.addEventListener(CLOSE_EVENT, closeMenu);
-});
-
-onBeforeUnmount(() => {
-  window.removeEventListener("keydown", handleKeydown);
-  window.removeEventListener(CLOSE_EVENT, closeMenu);
-});
-</script>
-
-<template>
-  <Teleport to="body">
-    <div v-if="isOpen" class="frontend-maintenance-menu" data-testid="frontend-maintenance-menu">
-      <button
-        type="button"
-        class="frontend-maintenance-menu__backdrop"
-        :aria-label="t('common.close')"
-        @click="closeMenu"
-      ></button>
-      <section class="frontend-maintenance-menu__panel" role="dialog" aria-modal="true" :aria-label="t('maintenance_menu.title')">
-        <header class="frontend-maintenance-menu__header">
-          <div>
-            <p>{{ t("maintenance_menu.title") }}</p>
-            <span>{{ t("maintenance_menu.version", { current: currentVersion, latest: latestVersion }) }}</span>
-          </div>
-          <button type="button" class="frontend-maintenance-menu__close" :aria-label="t('common.close')" @click="closeMenu">
-            <i class="fas fa-times" aria-hidden="true"></i>
-          </button>
-        </header>
-
-        <button
-          type="button"
-          class="frontend-maintenance-menu__danger"
-          data-testid="frontend-maintenance-force-clear"
-          :disabled="isBusy"
-          @click="openClearConfirmation"
-        >
-          <i class="fas fa-sync-alt" aria-hidden="true"></i>
-          <span>
-            <strong>{{ t("maintenance_menu.force_update_clear") }}</strong>
-            <small>{{ t("maintenance_menu.force_update_clear_hint") }}</small>
-          </span>
-        </button>
-      </section>
-      <LocalDataResetDialog
-        v-model="isClearConfirmationOpen"
-        :busy="isBusy"
-        @confirm="forceUpdateAndClearLocal"
-        @dismiss="closeClearConfirmation"
-      />
-    </div>
-  </Teleport>
-</template>
-
-<style scoped>
-.frontend-maintenance-menu {
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: grid;
-  place-items: end center;
-  padding: 16px;
-  pointer-events: none;
-}
-
-.frontend-maintenance-menu__backdrop {
-  position: fixed;
-  inset: 0;
-  border: 0;
-  background: rgba(12, 22, 34, 0.32);
-  pointer-events: auto;
-}
-
-.frontend-maintenance-menu__panel {
-  position: relative;
-  width: min(420px, calc(100vw - 32px));
-  border: 1px solid #d6dde6;
-  border-radius: 8px;
-  background: #ffffff;
-  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
-  color: #111827;
-  pointer-events: auto;
-}
-
-.frontend-maintenance-menu__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 14px 10px;
-  border-bottom: 1px solid #edf1f5;
-}
-
-.frontend-maintenance-menu__header p {
-  margin: 0;
-  color: #172033;
-  font-size: 0.96rem;
-  font-weight: 800;
-}
-
-.frontend-maintenance-menu__header span {
-  display: block;
-  margin-top: 3px;
-  color: #667085;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  font-size: 0.72rem;
-  font-weight: 700;
-}
-
-.frontend-maintenance-menu__close {
-  width: 34px;
-  height: 34px;
-  flex: 0 0 auto;
-  border: 1px solid #d9e0e8;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #334155;
-  cursor: pointer;
-}
-
-.frontend-maintenance-menu__danger {
-  width: calc(100% - 28px);
-  min-height: 58px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin: 14px;
-  padding: 10px 12px;
-  border: 1px solid #f2b8b5;
-  border-radius: 6px;
-  background: #fff7f6;
-  color: #981b1b;
-  cursor: pointer;
-  text-align: left;
-}
-
-.frontend-maintenance-menu__danger:disabled {
-  cursor: wait;
-  opacity: 0.7;
-}
-
-.frontend-maintenance-menu__danger i {
-  width: 20px;
-  flex: 0 0 auto;
-  text-align: center;
-}
-
-.frontend-maintenance-menu__danger strong,
-.frontend-maintenance-menu__danger small {
-  display: block;
-}
-
-.frontend-maintenance-menu__danger strong {
-  font-size: 0.86rem;
-  font-weight: 800;
-}
-
-.frontend-maintenance-menu__danger small {
-  margin-top: 2px;
-  color: #9f1c1c;
-  font-size: 0.72rem;
-  font-weight: 650;
-  line-height: 1.25;
-}
-
-@media (min-width: 720px) {
-  .frontend-maintenance-menu {
-    place-items: end end;
-    padding: 22px;
-  }
-}
-</style>

src/components/global/LocalDataResetDialog.vue

@@ -1,156 +0,0 @@
-<script setup>
-defineProps({
-  modelValue: {
-    type: Boolean,
-    default: false,
-  },
-  busy: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const emit = defineEmits(["update:modelValue", "confirm", "dismiss"]);
-
-const dismissDialog = () => {
-  emit("dismiss");
-  emit("update:modelValue", false);
-};
-
-const confirmDialog = () => {
-  emit("confirm");
-};
-</script>
-
-<template>
-  <Teleport to="body">
-    <div v-if="modelValue" class="local-data-reset-dialog" data-testid="local-data-reset-dialog">
-      <button
-        type="button"
-        class="local-data-reset-dialog__backdrop"
-        aria-label="Luk"
-        :disabled="busy"
-        @click="dismissDialog"
-      ></button>
-      <section
-        class="local-data-reset-dialog__panel"
-        role="dialog"
-        aria-modal="true"
-        aria-labelledby="local-data-reset-dialog-title"
-      >
-        <h2 id="local-data-reset-dialog-title">Ryd lokale data?</h2>
-        <p>
-          Dette sletter login, localStorage, sessionStorage, browsercache og lokale appdata på denne enhed. Du bliver
-          logget ud.
-        </p>
-        <footer class="local-data-reset-dialog__actions">
-          <button
-            type="button"
-            class="local-data-reset-dialog__button local-data-reset-dialog__button--secondary"
-            data-testid="local-data-reset-cancel"
-            :disabled="busy"
-            @click="dismissDialog"
-          >
-            Nej
-          </button>
-          <button
-            type="button"
-            class="local-data-reset-dialog__button local-data-reset-dialog__button--danger"
-            data-testid="local-data-reset-confirm"
-            :disabled="busy"
-            @click="confirmDialog"
-          >
-            Ja, ryd alt
-          </button>
-        </footer>
-      </section>
-    </div>
-  </Teleport>
-</template>
-
-<style scoped>
-.local-data-reset-dialog {
-  position: fixed;
-  inset: 0;
-  z-index: 11000;
-  display: grid;
-  place-items: center;
-  padding: 18px;
-  pointer-events: none;
-}
-
-.local-data-reset-dialog__backdrop {
-  position: fixed;
-  inset: 0;
-  border: 0;
-  background: rgba(9, 20, 33, 0.48);
-  cursor: pointer;
-  pointer-events: auto;
-}
-
-.local-data-reset-dialog__backdrop:disabled {
-  cursor: wait;
-}
-
-.local-data-reset-dialog__panel {
-  position: relative;
-  width: min(430px, calc(100vw - 36px));
-  border: 1px solid #d5dde8;
-  border-radius: 8px;
-  background: #ffffff;
-  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
-  color: #172033;
-  pointer-events: auto;
-}
-
-.local-data-reset-dialog__panel h2 {
-  margin: 0;
-  padding: 18px 18px 8px;
-  font-size: 1.05rem;
-  font-weight: 800;
-  letter-spacing: 0;
-}
-
-.local-data-reset-dialog__panel p {
-  margin: 0;
-  padding: 0 18px 16px;
-  color: #475467;
-  font-size: 0.92rem;
-  font-weight: 550;
-  line-height: 1.42;
-}
-
-.local-data-reset-dialog__actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  padding: 14px 18px 18px;
-  border-top: 1px solid #edf1f5;
-}
-
-.local-data-reset-dialog__button {
-  min-height: 38px;
-  padding: 0 14px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 0.86rem;
-  font-weight: 800;
-}
-
-.local-data-reset-dialog__button:disabled {
-  cursor: wait;
-  opacity: 0.68;
-}
-
-.local-data-reset-dialog__button--secondary {
-  border: 1px solid #cfd8e3;
-  background: #ffffff;
-  color: #334155;
-}
-
-.local-data-reset-dialog__button--danger {
-  border: 1px solid #b42318;
-  background: #b42318;
-  color: #ffffff;
-}
-</style>

src/components/global/RequestQueueProgress.vue

@@ -41,16 +41,9 @@ const REQUEST_INSIGHT_DEFINITIONS = Object.freeze([
     iconClass: "fa-calendar-alt",
     matcher: (url) => /\/order-bookings(?:[/?#]|$)/i.test(url),
   },
-  {
-    key: "scanner",
-    label: "Scanner",
-    iconClass: "fa-camera",
-    matcher: (url) => /\/modules\/scanner\/lpr(?:[/?#]|$)/i.test(url),
-  },
 ]);
 const SHIFT_MULTI_PRESS_WINDOW_MS = 700;
 const SYSTEM_SEARCH_CLOSE_EVENT = "system-search:close";
-const FRONTEND_MAINTENANCE_MENU_CLOSE_EVENT = "frontend-maintenance-menu:close";
 
 const isExpanded = ref(REQUEST_QUEUE_CONFIG.inspector.expandedByDefault);
 const isShortcutActivated = ref(false);
@@ -68,7 +61,6 @@ const processedRequests = computed(() => requestQueueState.batchCompleted + requ
 const missingPermissions = computed(() => requestQueueState.missingPermissions || []);
 const activeRequests = computed(() => requestQueueState.activeRequests || []);
 const recentRequests = computed(() => requestQueueState.recentRequests || []);
-const queueRequestInsights = computed(() => requestQueueState.requestInsights || {});
 const errorRequests = computed(() => requestQueueState.errorRequests || []);
 const networkTotals = computed(() => requestQueueState.networkTotals || {
   outgoingRequests: 0,
@@ -115,7 +107,7 @@ const userTypeLabel = computed(() => (SessionUser.isSubuser.value ? "Subuser" :
 const hasSuperuserToken = computed(() => {
   try {
     return Boolean(localStorage.getItem("superuser_token"));
-  } catch (_error) {
+  } catch (error) {
     return false;
   }
 });
@@ -198,152 +190,6 @@ const formatBytes = (value) => {
   return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 };
 
-const parseServerTimingDurations = (value) => {
-  if (typeof value !== "string" || value.trim().length === 0) {
-    return {};
-  }
-
-  return value.split(",").reduce((durations, part) => {
-    const [rawMetric, ...rawParams] = part.trim().split(";");
-    const metric = rawMetric.trim();
-    if (!metric) {
-      return durations;
-    }
-
-    const durationParam = rawParams.find((param) => param.trim().toLowerCase().startsWith("dur="));
-    if (!durationParam) {
-      return durations;
-    }
-
-    const duration = Number.parseFloat(durationParam.split("=").slice(1).join("="));
-    if (Number.isFinite(duration)) {
-      durations[metric] = duration;
-    }
-
-    return durations;
-  }, {});
-};
-
-const findServerTimingDuration = (durations, metricNames) => {
-  const metricName = metricNames.find((name) => Number.isFinite(durations[name]));
-
-  return metricName ? durations[metricName] : null;
-};
-
-const formatScannerFrameSize = (width, height) => {
-  const roundedWidth = Math.round(Number(width) || 0);
-  const roundedHeight = Math.round(Number(height) || 0);
-
-  if (roundedWidth <= 0 || roundedHeight <= 0) {
-    return null;
-  }
-
-  return `img ${roundedWidth}x${roundedHeight}`;
-};
-
-const formatScannerFrameBytes = (bytes) => {
-  const roundedBytes = Math.round(Number(bytes) || 0);
-
-  if (roundedBytes <= 0) {
-    return null;
-  }
-
-  return `bytes ${formatBytes(roundedBytes)}`;
-};
-
-const getBrowserNetworkDuration = (requestDurationMs, serverDurationMs) => {
-  if (serverDurationMs === null) {
-    return null;
-  }
-
-  const durationMs = Number(requestDurationMs) - Number(serverDurationMs);
-
-  if (!Number.isFinite(durationMs) || durationMs < 1) {
-    return null;
-  }
-
-  return durationMs;
-};
-
-const formatRequestLatency = (definition, request) => {
-  const requestDurationMs = Math.max(0, Number(request?.requestDurationMs) || 0);
-  if (definition.key !== "scanner") {
-    return formatDuration(requestDurationMs);
-  }
-
-  const queueDurationMs = Math.max(0, Number(request?.queueDurationMs) || 0);
-  const durations = parseServerTimingDurations(request?.serverTiming);
-  const captureDurationMs = findServerTimingDuration(durations, ["lpr_client_capture"]);
-  const preflightDurationMs = findServerTimingDuration(durations, ["lpr_client_preflight"]);
-  const visualFingerprintDurationMs = findServerTimingDuration(durations, ["lpr_client_visual_fingerprint"]);
-  const drawDurationMs = findServerTimingDuration(durations, ["lpr_client_draw"]);
-  const encodeDurationMs = findServerTimingDuration(durations, ["lpr_client_encode"]);
-  const clientFrameWidth = findServerTimingDuration(durations, ["lpr_client_frame_width"]);
-  const clientFrameHeight = findServerTimingDuration(durations, ["lpr_client_frame_height"]);
-  const clientFrameBytes = findServerTimingDuration(durations, ["lpr_client_frame_bytes"]);
-  const cacheDurationMs = findServerTimingDuration(durations, ["lpr_cache"]);
-  const cacheHit = findServerTimingDuration(durations, ["lpr_cache_hit"]) !== null;
-  const cacheMiss = findServerTimingDuration(durations, ["lpr_cache_miss"]) !== null;
-  const localDurationMs = findServerTimingDuration(durations, ["lpr_local"]);
-  const upstreamProcessingDurationMs = findServerTimingDuration(durations, ["lpr_upstream_processing"]);
-  const upstreamDurationMs = findServerTimingDuration(durations, ["lpr_upstream_total", "lpr_upstream"]);
-  const serverDurationMs = findServerTimingDuration(durations, ["lpr_total", "lpr_route_total", "lpr_request_total"]);
-  const browserNetworkDurationMs = getBrowserNetworkDuration(requestDurationMs, serverDurationMs);
-  const timingParts = [`browser ${formatDuration(requestDurationMs)}`];
-  const frameSize = formatScannerFrameSize(clientFrameWidth, clientFrameHeight);
-  const frameBytes = formatScannerFrameBytes(clientFrameBytes);
-
-  if (queueDurationMs > 0) {
-    timingParts.push(`queue ${formatDuration(queueDurationMs)}`);
-  }
-  if (browserNetworkDurationMs !== null) {
-    timingParts.push(`net ${formatDuration(browserNetworkDurationMs)}`);
-  }
-  if (captureDurationMs !== null) {
-    timingParts.push(`cap ${formatDuration(captureDurationMs)}`);
-  }
-  if (preflightDurationMs !== null) {
-    timingParts.push(`prep ${formatDuration(preflightDurationMs)}`);
-  }
-  if (visualFingerprintDurationMs !== null) {
-    timingParts.push(`vf ${formatDuration(visualFingerprintDurationMs)}`);
-  }
-  if (drawDurationMs !== null) {
-    timingParts.push(`draw ${formatDuration(drawDurationMs)}`);
-  }
-  if (encodeDurationMs !== null) {
-    timingParts.push(`enc ${formatDuration(encodeDurationMs)}`);
-  }
-  if (frameSize !== null) {
-    timingParts.push(frameSize);
-  }
-  if (frameBytes !== null) {
-    timingParts.push(frameBytes);
-  }
-  if (cacheHit) {
-    timingParts.push("cache hit");
-  } else if (cacheMiss) {
-    timingParts.push("cache miss");
-  }
-  if (cacheDurationMs !== null) {
-    timingParts.push(`cache ${formatDuration(cacheDurationMs)}`);
-  }
-  if (localDurationMs !== null) {
-    timingParts.push(`local ${formatDuration(localDurationMs)}`);
-  }
-  if (upstreamProcessingDurationMs !== null) {
-    timingParts.push(`proc ${formatDuration(upstreamProcessingDurationMs)}`);
-  }
-  if (upstreamDurationMs !== null) {
-    timingParts.push(`up ${formatDuration(upstreamDurationMs)}`);
-  }
-  if (serverDurationMs !== null) {
-    timingParts.push(`srv ${formatDuration(serverDurationMs)}`);
-  }
-
-  return timingParts.join(" / ");
-};
-
 const formatTimeAgo = (timestamp) => {
   const value = Number(timestamp || 0);
   if (!value || Number.isNaN(value)) {
@@ -372,67 +218,43 @@ const getActiveRequestElapsedMs = (request) => Math.max(0, nowMs.value - Number(
 
 const hasInsightEntryChanged = (currentEntry, nextEntry) =>
   Number(currentEntry?.requestDurationMs || 0) !== Number(nextEntry?.requestDurationMs || 0)
-  || Number(currentEntry?.queueDurationMs || 0) !== Number(nextEntry?.queueDurationMs || 0)
   || Number(currentEntry?.completedAt || 0) !== Number(nextEntry?.completedAt || 0)
   || Number(currentEntry?.startedAt || 0) !== Number(nextEntry?.startedAt || 0)
-  || Number(currentEntry?.queuedAt || 0) !== Number(nextEntry?.queuedAt || 0)
-  || String(currentEntry?.serverTiming || "") !== String(nextEntry?.serverTiming || "");
-
-const getInsightEntryTimestamp = (entry) =>
-  Number(entry?.completedAt || entry?.startedAt || entry?.queuedAt || 0);
-
-const selectNewestInsightEntry = (...entries) =>
-  entries
-    .filter((entry) => entry !== null && entry !== undefined)
-    .sort((first, second) => getInsightEntryTimestamp(second) - getInsightEntryTimestamp(first))[0] || null;
+  || Number(currentEntry?.queuedAt || 0) !== Number(nextEntry?.queuedAt || 0);
 
 const requestInsights = computed(() => REQUEST_INSIGHT_DEFINITIONS.map((definition) => {
   const matchedRequestFromRecent = recentRequests.value.find((request) =>
     definition.matcher(String(request?.url || ""))
   ) || null;
-  const matchedRequestFromQueueInsight = queueRequestInsights.value[definition.key] || null;
-  const matchedRequest = selectNewestInsightEntry(
-    matchedRequestFromRecent,
-    matchedRequestFromQueueInsight,
-    requestInsightHistory.value[definition.key],
-  );
+  const matchedRequest = matchedRequestFromRecent || requestInsightHistory.value[definition.key] || null;
   const hasData = matchedRequest !== null;
 
   return {
     ...definition,
-    latencyText: hasData ? formatRequestLatency(definition, matchedRequest) : " ",
-    serverTiming: matchedRequest?.serverTiming || "",
+    latencyText: hasData ? `${Math.max(0, Number(matchedRequest.requestDurationMs) || 0)} ms` : " ",
     timeAgoText: hasData
       ? formatTimeAgo(matchedRequest.completedAt || matchedRequest.startedAt || matchedRequest.queuedAt)
       : "",
   };
 }));
 
-watch([recentRequests, queueRequestInsights], ([requests, insights]) => {
-  const recentRequestList = Array.isArray(requests) ? requests : [];
-  const insightEntries = insights && typeof insights === "object" ? insights : {};
-
-  if (recentRequestList.length === 0 && Object.keys(insightEntries).length === 0) {
+watch(recentRequests, (requests) => {
+  if (!Array.isArray(requests) || requests.length === 0) {
     return;
   }
 
   const nextHistory = { ...requestInsightHistory.value };
   let hasChanges = false;
   REQUEST_INSIGHT_DEFINITIONS.forEach((definition) => {
-    const matchedRequest = selectNewestInsightEntry(
-      recentRequestList.find((request) =>
-        definition.matcher(String(request?.url || ""))
-      ),
-      insightEntries[definition.key],
+    const matchedRequest = requests.find((request) =>
+      definition.matcher(String(request?.url || ""))
     );
     if (!matchedRequest) {
       return;
     }
 
     const nextEntry = {
-      serverTiming: matchedRequest.serverTiming || null,
       requestDurationMs: Math.max(0, Number(matchedRequest.requestDurationMs) || 0),
-      queueDurationMs: Math.max(0, Number(matchedRequest.queueDurationMs) || 0),
       completedAt: matchedRequest.completedAt || null,
       startedAt: matchedRequest.startedAt || null,
       queuedAt: matchedRequest.queuedAt || null,
@@ -506,7 +328,7 @@ const measurePingLatency = async () => {
         queuedAt: startedAt,
       },
     };
-  } catch (_error) {
+  } catch (error) {
     pingLatencyMs.value = null;
     pingIsUnavailable.value = true;
   } finally {
@@ -544,9 +366,6 @@ const handleWindowKeydown = (event) => {
   }
 
   if (shiftKeyPressCount.value >= 3) {
-    event.preventDefault?.();
-    event.stopImmediatePropagation?.();
-    window.dispatchEvent(new CustomEvent(FRONTEND_MAINTENANCE_MENU_CLOSE_EVENT));
     closeSystemSearchForSuperuser();
     isShortcutActivated.value = true;
     isExpanded.value = true;
@@ -751,7 +570,7 @@ onBeforeUnmount(() => {
                     {{ request.method }}
                   </span>
                   <span class="request-queue-progress__endpoint" :title="request.url">{{ request.url }}</span>
-                  <span class="request-queue-progress__time" :title="request.serverTiming || ''">
+                  <span class="request-queue-progress__time">
                     {{ formatDuration(request.requestDurationMs) }}
                   </span>
                 </li>
@@ -772,9 +591,7 @@ onBeforeUnmount(() => {
                 {{ insight.label }}
               </span>
               <span class="request-queue-progress__bottom-request-time">{{ insight.timeAgoText }}</span>
-              <span class="request-queue-progress__bottom-request-latency" :title="insight.serverTiming">
-                {{ insight.latencyText }}
-              </span>
+              <span class="request-queue-progress__bottom-request-latency">{{ insight.latencyText }}</span>
             </div>
           </div>
         </div>
@@ -1660,10 +1477,6 @@ onBeforeUnmount(() => {
 .request-queue-progress__bottom-request-latency {
   font-size: 11px;
   font-variant-numeric: tabular-nums;
-  max-width: 190px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
 }
 
@@ -1683,3 +1496,4 @@ onBeforeUnmount(() => {
   opacity: 0;
 }
 </style>
+

src/components/menus/admin/AdminLeftMenu.vue

@@ -3,7 +3,7 @@ import MenuDefault from "@/components/menus/MenuDefault.vue";
 import { ref, watch, onMounted } from "vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { useRoute } from "vue-router";
-import { isAccessibleVisibleNamedDepartment, sortByDepartmentPriorityOrder } from "@/services/departmentVisibility.js";
+import { isAccessibleVisibleDepartment, sortByDepartmentPriorityOrder } from "@/services/departmentVisibility.js";
 // Get the department ID from the URL
 const route = useRoute();
 const department_id = route.params.departmentId || SessionUser.functions.getDepartmentIdFromUrl() || null;
@@ -26,7 +26,7 @@ const loadDepartments = () => {
           value: department.id,
           icon: "fas fa-building",
           children: [],
-          hidden: !isAccessibleVisibleNamedDepartment(department, SessionUser.canAccessAssignedDepartment),
+          hidden: !isAccessibleVisibleDepartment(department, SessionUser.canAccessAssignedDepartment),
         });
       });
       menu_items.value[1].options = options;

src/components/models/navigation/items/NavigationMenuItemsAdmin.vue

@@ -13,9 +13,7 @@ import {
 } from "@/composables/useDraftTransactionCustomer.js";
 import { fetchDepartmentOrderBookingCounts } from "@/components/models/navigation/items/adminBookingCount.js";
 import { fetchDepartmentDraftCount } from "@/components/models/navigation/items/adminDraftCount.js";
-import { hasExplicitBookingCountPermission } from "@/components/models/navigation/items/bookingCountGuards.js";
 import { NAVIGATION_COUNT_REFRESH_EVENT } from "@/components/models/navigation/items/navigationCountEvents.js";
-import { isAccessibleVisibleNamedDepartment } from "@/services/departmentVisibility.js";
 
 const t = (key: string) => i18n.global.t(key);
 
@@ -72,8 +70,6 @@ let queuedBookingLoadingIndicator = false;
 let queuedDraftLoadingIndicator = false;
 const getDepartmentIdNumber = () => Number.parseInt(String(department_id.value), 10);
 const canUseAdminNavigationCounts = () => SessionUser.canAccessAdmin();
-const canUseAdminBookingNavigationCounts = () =>
-  canUseAdminNavigationCounts() && hasExplicitBookingCountPermission(SessionUser);
 const getDepartmentById = (id: number) => {
   return departments_cache.value?.find((department: any) => Number(department?.id) === Number(id)) || null;
 };
@@ -152,19 +148,6 @@ const getDepartmentDraftBadge = () => {
 };
 
 const fetchDepartmentBookingCount = async ({ showLoadingIndicator = false } = {}) => {
-  if (!canUseAdminBookingNavigationCounts()) {
-    department_booking_counts.value = {
-      past: 0,
-      current: 0,
-      future: 0,
-    };
-    department_booking_counts_loading.value = false;
-    bookingCountFetchInFlight = false;
-    bookingCountRefreshQueued = false;
-    queuedBookingLoadingIndicator = false;
-    return;
-  }
-
   if (!hasValidDepartmentId.value) {
     department_booking_counts.value = {
       past: 0,
@@ -393,26 +376,17 @@ const items = computed<NavigationItemProps[]>(() => [
     hidden: isDepartmentSet.value,
     classes: [ADMIN_DEPARTMENT_SELECTION_CLASS],
     permissions: ["admin", "list_departments"],
-    children: SessionUser.functions
-      .getAccessibleDepartments()
-      .map((departmentId: any) => {
-        const label = getDepartmentName(departmentId);
-        const department = getDepartmentById(departmentId);
-
-        if (!isAccessibleVisibleNamedDepartment(department, SessionUser.canAccessAssignedDepartment)) {
-          return null;
-        }
-
-        return {
-          label,
-          to: `/admin/${department.id}`,
-          type: "department",
-          permissions: ["admin", "view_department"],
-          order_priority: department?.order_priority ?? department?.priority_order ?? null,
-          priority_order: department?.priority_order ?? department?.order_priority ?? null,
-        };
-      })
-      .filter(Boolean) as NavigationItemProps[],
+    children: SessionUser.functions.getAccessibleDepartments().map((departmentId: any) => {
+      const department = getDepartmentById(departmentId);
+      return {
+        label: getDepartmentName(departmentId),
+        to: `/admin/${departmentId}`,
+        type: "department",
+        permissions: ["admin", "view_department"],
+        order_priority: department?.order_priority ?? department?.priority_order ?? null,
+        priority_order: department?.priority_order ?? department?.order_priority ?? null,
+      };
+    }),
   },
   // Kassesystem
   {

src/components/models/navigation/items/NavigationMenuItemsSuperUser.vue

@@ -9,7 +9,6 @@ import {
 } from "@/composables/useDraftTransactionCustomer.js";
 import { fetchSuperUserDraftCount } from "@/components/models/navigation/items/superUserDraftCount.js";
 import { fetchSuperUserBookingCounts } from "@/components/models/navigation/items/superUserBookingCount.js";
-import { hasExplicitBookingCountPermission } from "@/components/models/navigation/items/bookingCountGuards.js";
 import { NAVIGATION_COUNT_REFRESH_EVENT } from "@/components/models/navigation/items/navigationCountEvents.js";
 
 const firstToUpperCase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
@@ -38,29 +37,23 @@ let queuedSuperUserBookingLoadingIndicator = false;
 let queuedSuperUserDraftLoadingIndicator = false;
 
 const canUseSuperUserNavigationCounts = () => SessionUser.canAccessSuperUser();
-const canUseSuperUserBookingNavigationCounts = () =>
-  canUseSuperUserNavigationCounts() && hasExplicitBookingCountPermission(SessionUser);
 
-const resetSuperUserBookingCounts = () => {
+const resetSuperUserNavigationCounts = () => {
   bookingCountRequestId += 1;
+  draftCountRequestId += 1;
   superuser_booking_counts.value = {
     past: 0,
     current: 0,
     future: 0,
   };
   superuser_booking_count_loading.value = false;
-  superUserBookingCountFetchInFlight = false;
-  superUserBookingCountRefreshQueued = false;
-  queuedSuperUserBookingLoadingIndicator = false;
-};
-
-const resetSuperUserNavigationCounts = () => {
-  resetSuperUserBookingCounts();
-  draftCountRequestId += 1;
   superuser_draft_count.value = 0;
   superuser_draft_count_loading.value = false;
+  superUserBookingCountFetchInFlight = false;
   superUserDraftCountFetchInFlight = false;
+  superUserBookingCountRefreshQueued = false;
   superUserDraftCountRefreshQueued = false;
+  queuedSuperUserBookingLoadingIndicator = false;
   queuedSuperUserDraftLoadingIndicator = false;
 };
 
@@ -132,8 +125,8 @@ const getSuperUserDraftsBadge = () => {
 };
 
 const fetchCurrentSuperUserBookingCount = async ({ showLoadingIndicator = false } = {}) => {
-  if (!canUseSuperUserBookingNavigationCounts()) {
-    resetSuperUserBookingCounts();
+  if (!canUseSuperUserNavigationCounts()) {
+    resetSuperUserNavigationCounts();
     return;
   }
 

src/components/models/navigation/items/adminBookingCount.js

@@ -1,8 +1,4 @@
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
-import {
-  emptyBookingCounts,
-  isExpectedBookingCountRequestFailure,
-} from "@/components/models/navigation/items/bookingCountGuards.js";
 
 const normalizePositiveInteger = (value) => {
   const parsedValue = Number.parseInt(String(value ?? ""), 10);
@@ -28,7 +24,11 @@ export const fetchDepartmentOrderBookingCounts = async ({ departmentId }) => {
   const normalizedDepartmentId = normalizePositiveInteger(departmentId);
 
   if (!normalizedDepartmentId) {
-    return emptyBookingCounts();
+    return {
+      past: 0,
+      current: 0,
+      future: 0,
+    };
   }
 
   try {
@@ -38,11 +38,12 @@ export const fetchDepartmentOrderBookingCounts = async ({ departmentId }) => {
 
     return normalizeBookingCounts(response);
   } catch (error) {
-    if (!isExpectedBookingCountRequestFailure(error)) {
-      console.error("Error fetching department order-booking counts:", error);
-    }
-
-    return emptyBookingCounts();
+    console.error("Error fetching department order-booking counts:", error);
+    return {
+      past: 0,
+      current: 0,
+      future: 0,
+    };
   }
 };
 

src/components/models/navigation/items/bookingCountGuards.js

@@ -1,24 +0,0 @@
-export const BOOKING_COUNT_PERMISSIONS = ["list_bookings", "list_own_bookings"];
-
-export const emptyBookingCounts = () => ({
-  past: 0,
-  current: 0,
-  future: 0,
-});
-
-export const hasExplicitBookingCountPermission = (sessionUser) => {
-  const permissions = sessionUser?.permissions?.value;
-
-  if (!Array.isArray(permissions)) {
-    return false;
-  }
-
-  return BOOKING_COUNT_PERMISSIONS.some((permission) => permissions.includes(permission));
-};
-
-export const getRequestErrorStatus = (error) =>
-  Number.parseInt(String(error?.response?.status ?? error?.status ?? ""), 10);
-
-export const isExpectedBookingCountRequestFailure = (error) => {
-  return [401, 403, 404].includes(getRequestErrorStatus(error));
-};

src/components/models/navigation/items/superUserBookingCount.js

@@ -1,8 +1,4 @@
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
-import {
-  emptyBookingCounts,
-  isExpectedBookingCountRequestFailure,
-} from "@/components/models/navigation/items/bookingCountGuards.js";
 
 const toNonNegativeInteger = (value) => {
   const parsedValue = Number.parseInt(String(value ?? ""), 10);
@@ -24,11 +20,12 @@ export const fetchSuperUserBookingCounts = async () => {
     const response = await authenticatedRequest("/order-bookings/counts", "GET", {});
     return normalizeBookingCounts(response);
   } catch (error) {
-    if (!isExpectedBookingCountRequestFailure(error)) {
-      console.error("Error fetching superuser booking counts:", error);
-    }
-
-    return emptyBookingCounts();
+    console.error("Error fetching superuser booking counts:", error);
+    return {
+      past: 0,
+      current: 0,
+      future: 0,
+    };
   }
 };
 

src/components/page/wrappers/RestrictedPageWrapper.vue

@@ -1,8 +1,9 @@
 <script setup>
-import { useRouter } from "vue-router";
+
+import { useRouter } from 'vue-router';
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import Swal from "sweetalert2";
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { pingApiServer } from "@/services/apiHealth.js";
 
 const props = defineProps({
@@ -41,12 +42,12 @@ const handleSlowSessionBootstrap = async () => {
     }
 
     const result = await Swal.fire({
-      title: "Error",
-      text: "The user session could not be initiated.",
-      icon: "error",
-      confirmButtonText: "Clear session, and try again",
+      title: 'Error',
+      text: 'The user session could not be initiated.',
+      icon: 'error',
+      confirmButtonText: 'Clear session, and try again',
       showCancelButton: true,
-      cancelButtonText: "Retry",
+      cancelButtonText: 'Retry',
     });
 
     if (result.isConfirmed) {
@@ -59,16 +60,10 @@ const handleSlowSessionBootstrap = async () => {
   }
 };
 
-watch(isSessionInitiated, (initiated) => {
-  if (initiated) {
-    clearSessionTimeout();
-  }
-});
-
 onMounted(() => {
   sessionTimeout = setTimeout(() => {
     void handleSlowSessionBootstrap();
-  }, 15000);
+  }, 5000);
 });
 
 onBeforeUnmount(clearSessionTimeout);
@@ -94,18 +89,9 @@ onBeforeUnmount(clearSessionTimeout);
         </div>
       </div>
       <!-- Simple checks -->
-      <p v-if="router.currentRoute.value.path === '/user'">
-        You are on the /user page. <br />You do {{ SessionUser.hasPermission("user") ? "" : "not" }} have permission (
-        user ) to view this page.
-      </p>
-      <p v-if="router.currentRoute.value.path === '/admin'">
-        You are on the /admin page. <br />You do {{ SessionUser.hasPermission("admin") ? "" : "not" }} have permission (
-        admin ) to view this page.
-      </p>
-      <p v-if="router.currentRoute.value.path === '/superuser'">
-        You are on the /superuser <br />page. You do {{ SessionUser.hasPermission("superuser") ? "" : "not" }} have
-        permission ( superuser ) to view this page.
-      </p>
+      <p v-if="router.currentRoute.value.path === '/user'">You are on the /user page. <br>You do {{ SessionUser.hasPermission('user') ? '' : 'not' }} have permission ( user ) to view this page.</p>
+      <p v-if="router.currentRoute.value.path === '/admin'">You are on the /admin page. <br>You do {{ SessionUser.hasPermission('admin') ? '' : 'not' }} have permission ( admin ) to view this page.</p>
+      <p v-if="router.currentRoute.value.path === '/superuser'">You are on the /superuser <br>page. You do {{ SessionUser.hasPermission('superuser') ? '' : 'not' }} have permission ( superuser ) to view this page.</p>
       <div v-if="showDebugInfo">
         <div class="message mb-6">
           <div class="message-header">
@@ -122,9 +108,7 @@ onBeforeUnmount(clearSessionTimeout);
         <!-- Button to go back to the previous page -->
         <button class="button is-dark" @click="router.go(-1)">Go back</button>
         <!-- Button to see the debug information -->
-        <button class="button is-dark" @click="showDebugInfo = !showDebugInfo" v-if="!showDebugInfo">
-          Show debug information
-        </button>
+        <button class="button is-dark" @click="showDebugInfo = !showDebugInfo" v-if="!showDebugInfo">Show debug information</button>
         <!-- Button to hide the debug information -->
         <button class="button is-dark" @click="showDebugInfo = !showDebugInfo" v-else>Hide debug information</button>
       </div>
@@ -132,4 +116,6 @@ onBeforeUnmount(clearSessionTimeout);
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+</style>

src/components/release/ReleaseChannelSidebarSelector.vue

@@ -1,21 +1,42 @@
 <script setup>
-import { ref } from "vue";
+import { computed, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import ReleaseChannelSelector from "@/components/release/ReleaseChannelSelector.vue";
 import ReleaseUpdateWidget from "@/components/release/ReleaseUpdateWidget.vue";
-import { releaseChannelSelectorVisible, switchSelectedReleaseChannel } from "@/services/releaseChannelAvailability.js";
+import {
+  clearSelectedReleaseChannel,
+  releaseChannelSelectorVisible,
+  switchSelectedReleaseChannel,
+} from "@/services/releaseChannelAvailability.js";
+import {
+  isReleaseSourceOverrideAvailable,
+  RELEASE_SOURCE_MODES,
+  setReleaseSourceOverride,
+} from "@/services/releaseBootstrap.js";
 import { inspectReleaseRuntimeForUpdate } from "@/services/releaseUpdate.js";
 import { releaseRuntimeState } from "@/services/releaseTimeline.js";
 
 const switchingSlug = ref("");
 const switchError = ref("");
 const { t, te } = useI18n({ useScope: "global" });
+const reloadWindow = inject("releaseSourceReload", () => {
+  if (typeof window !== "undefined") {
+    window.location.reload();
+  }
+});
 const tr = (key, fallback) => {
   const path = `configuration.release_manager.channel_selector.${key}`;
   return te(path) ? t(path) : fallback;
 };
 
+const showUseLocalFrontend = computed(
+  () =>
+    releaseChannelSelectorVisible.value &&
+    isReleaseSourceOverrideAvailable() &&
+    String(releaseRuntimeState.source || "").toLowerCase() !== RELEASE_SOURCE_MODES.LOCAL
+);
+
 const switchChannel = async (option) => {
   if (switchingSlug.value) {
     return;
@@ -27,14 +48,21 @@ const switchChannel = async (option) => {
     await switchSelectedReleaseChannel(option.channel, SessionUser.refreshReleaseRuntime);
     void inspectReleaseRuntimeForUpdate(releaseRuntimeState, { autoDownload: true });
   } catch (error) {
-    switchError.value = tr(
-      "switch_error",
-      "Release channel could not be switched. The previous channel is still active."
-    );
+    switchError.value = tr("switch_error", "Release channel could not be switched. The previous channel is still active.");
   } finally {
     switchingSlug.value = "";
   }
 };
+
+const useLocalFrontend = () => {
+  if (switchingSlug.value) {
+    return;
+  }
+
+  setReleaseSourceOverride(RELEASE_SOURCE_MODES.LOCAL);
+  clearSelectedReleaseChannel();
+  reloadWindow();
+};
 </script>
 
 <template>
@@ -46,6 +74,17 @@ const switchChannel = async (option) => {
       :disabled="Boolean(switchingSlug)"
       @select="switchChannel"
     />
+    <button
+      v-if="showUseLocalFrontend"
+      type="button"
+      class="release-channel-sidebar-selector__local-button"
+      data-testid="release-channel-use-local-frontend"
+      :disabled="Boolean(switchingSlug)"
+      @click="useLocalFrontend"
+    >
+      <i class="fas fa-code" aria-hidden="true"></i>
+      <span>{{ tr("use_local_frontend", "Use local frontend") }}</span>
+    </button>
     <p v-if="switchError" class="release-channel-sidebar-selector__error" role="alert">
       {{ switchError }}
     </p>
@@ -54,6 +93,37 @@ const switchChannel = async (option) => {
 </template>
 
 <style scoped>
+.release-channel-sidebar-selector__local-button {
+  width: calc(100% - 32px);
+  min-width: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  margin: -2px 16px 14px;
+  padding: 9px 10px;
+  border: 1px solid #b8c7d9;
+  border-radius: 5px;
+  background: #f8fbff;
+  color: #153554;
+  cursor: pointer;
+  font-size: 0.82rem;
+  font-weight: 800;
+  line-height: 1.2;
+  text-align: center;
+  transition: border-color 0.18s ease, box-shadow 0.18s ease;
+}
+
+.release-channel-sidebar-selector__local-button:hover:not(:disabled) {
+  border-color: #6f8fb4;
+  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
+}
+
+.release-channel-sidebar-selector__local-button:disabled {
+  cursor: default;
+  opacity: 0.7;
+}
+
 .release-channel-sidebar-selector__error {
   margin: 0 16px 14px;
   color: #b42318;

src/components/release/ReleaseContextBar.vue

@@ -295,23 +295,10 @@ const branchWarning = computed(() =>
   min-width: 12rem;
 }
 
-.release-context-bar__status {
-  align-items: flex-start;
-  flex-wrap: wrap;
-}
-
-.release-context-bar__status .tag {
-  flex: 0 0 auto;
-}
-
 .release-context-bar__warning {
   color: #9f1f17;
-  flex: 1 1 12rem;
   font-size: 0.82rem;
-  line-height: 1.25;
-  min-width: min(12rem, 100%);
-  overflow-wrap: break-word;
-  word-break: normal;
+  overflow-wrap: anywhere;
 }
 
 .release-context-bar__endpoints {

src/components/session/authenticatedRequest.vue

@@ -13,237 +13,7 @@ const getSelectedCustomerNumber = () => {
   return stored ? parseInt(stored) : null;
 };
 
-const MY_ACTIVE_WASH_ENDPOINT = '/modules/self-serve/lane/wash/my-active-wash';
-const ACTIVE_WASH_STARTED_STATUSES = new Set(['MACHINE_RELAY_ENABLED', 'MACHINE_STARTED']);
-const SELF_SERVE_HARDWARE_QUEUE_GROUP = 'SELF_SERVE_HARDWARE';
-const POS_SCANNER_QUEUE_GROUP = 'POS_SCANNER';
-const POS_STRIPE_QUEUE_GROUP = 'POS_STRIPE';
-const FETCH_TRANSPORT = 'fetch';
-const SELF_SERVE_HARDWARE_ENDPOINTS = [
-  '/modules/self-serve/lane/command',
-  '/modules/self-serve/lane/relay/',
-  '/modules/self-serve/lane/gate/open',
-  '/modules/self-serve/lane/force/machine',
-];
-const POS_LATENCY_QUEUE_RULES = [
-  {
-    endpoints: ['/modules/scanner/lpr'],
-    queueGroup: POS_SCANNER_QUEUE_GROUP,
-    concurrencyLimit: 1,
-    retryByStatusCode: {},
-    skipRequestByteAccounting: true,
-    skipResponseByteAccounting: true,
-    skipNetworkTotals: true,
-    insightKey: 'scanner',
-    recordRecentOnSuccess: false,
-    trackActiveRequest: false,
-    trackProgressCounters: false,
-  },
-  {
-    endpoints: ['/modules/stripe/invoice'],
-    queueGroup: POS_STRIPE_QUEUE_GROUP,
-    concurrencyLimit: 2,
-    retryByStatusCode: {},
-  },
-];
-
-const normalizeStatus = (status) => String(status || '').trim().toUpperCase();
-
-const parseDateTimeMs = (value) => {
-  if (!value) {
-    return null;
-  }
-
-  const timestamp = Date.parse(String(value));
-  return Number.isFinite(timestamp) ? timestamp : null;
-};
-
-const hasActiveWashStartEvidence = (details) => {
-  const session = details?.session || {};
-  const status = normalizeStatus(session?.status ?? details?.status);
-
-  return (
-    ACTIVE_WASH_STARTED_STATUSES.has(status) ||
-    session?.machine_relay_enabled === true ||
-    session?.machine_start_triggered === true ||
-    details?.machine_relay_enabled === true ||
-    details?.machine_start_triggered === true ||
-    parseDateTimeMs(session?.wash_started_at) !== null ||
-    parseDateTimeMs(session?.machine_start_triggered_at) !== null ||
-    parseDateTimeMs(session?.machine_relay_enabled_at) !== null
-  );
-};
-
-const normalizeActiveWashResponse = (url, method, response) => {
-  if (String(method || '').toUpperCase() !== 'GET' || !String(url || '').includes(MY_ACTIVE_WASH_ENDPOINT)) {
-    return response;
-  }
-
-  const details = response?.data?.data;
-  if (!details?.in_progress || hasActiveWashStartEvidence(details)) {
-    return response;
-  }
-
-  return {
-    ...response,
-    data: {
-      ...response.data,
-      data: {
-        ...details,
-        in_progress: false,
-      },
-    },
-  };
-};
-
-const isSelfServeHardwareMutation = (url, method) => {
-  const normalizedMethod = String(method || '').trim().toUpperCase();
-  if (normalizedMethod === 'GET') {
-    return false;
-  }
-
-  const normalizedUrl = String(url || '');
-  return SELF_SERVE_HARDWARE_ENDPOINTS.some((endpoint) => normalizedUrl.includes(endpoint));
-};
-
-const findPosLatencyQueueRule = (url, method) => {
-  const normalizedMethod = String(method || '').trim().toUpperCase();
-  if (normalizedMethod === 'GET') {
-    return null;
-  }
-
-  const normalizedUrl = String(url || '');
-  return POS_LATENCY_QUEUE_RULES.find((rule) =>
-    rule.endpoints.some((endpoint) => normalizedUrl.includes(endpoint))
-  ) || null;
-};
-
-const hasHeader = (headers, name) => {
-  const normalizedName = String(name || '').trim().toLowerCase();
-  if (!normalizedName || !headers || typeof headers !== 'object') {
-    return false;
-  }
-
-  return Object.keys(headers).some((headerName) => String(headerName).toLowerCase() === normalizedName);
-};
-
-const parseFetchResponseData = async (response) => {
-  const text = await response.text();
-  if (!text) {
-    return null;
-  }
-
-  const contentType = response.headers?.get?.('content-type') || '';
-  if (
-    contentType.toLowerCase().includes('application/json') ||
-    text.trim().startsWith('{') ||
-    text.trim().startsWith('[')
-  ) {
-    try {
-      return JSON.parse(text);
-    } catch (_error) {
-      return text;
-    }
-  }
-
-  return text;
-};
-
-const buildFetchBody = (method, data, headers) => {
-  if (String(method || '').trim().toUpperCase() === 'GET' || data === undefined || data === null) {
-    return undefined;
-  }
-
-  if (
-    typeof Blob !== 'undefined' && data instanceof Blob ||
-    typeof FormData !== 'undefined' && data instanceof FormData ||
-    typeof URLSearchParams !== 'undefined' && data instanceof URLSearchParams ||
-    typeof ArrayBuffer !== 'undefined' && data instanceof ArrayBuffer ||
-    typeof ReadableStream !== 'undefined' && data instanceof ReadableStream ||
-    typeof data === 'string'
-  ) {
-    return data;
-  }
-
-  if (!hasHeader(headers, 'Content-Type')) {
-    headers['Content-Type'] = 'application/json';
-  }
-  return JSON.stringify(data);
-};
-
-const executeFetchRequest = async ({ method, url, data, signal, headers }) => {
-  const fetchHeaders = { ...headers };
-  const body = buildFetchBody(method, data, fetchHeaders);
-  const response = await fetch(url, {
-    method,
-    headers: fetchHeaders,
-    ...(body !== undefined ? { body } : {}),
-    ...(signal ? { signal } : {}),
-  });
-  const responseData = await parseFetchResponseData(response);
-  const axiosLikeResponse = {
-    data: responseData,
-    status: response.status,
-    statusText: response.statusText,
-    headers: response.headers,
-    config: {
-      data,
-      headers: fetchHeaders,
-      method,
-      url,
-    },
-    request: null,
-  };
-
-  if (response.ok) {
-    return axiosLikeResponse;
-  }
-
-  const error = new Error(`Request failed with status code ${response.status}`);
-  error.name = 'AxiosError';
-  error.response = axiosLikeResponse;
-  throw error;
-};
-
-const buildRequestQueueOptions = (url, method, options = {}) => {
-  const queueOptions = {
-    retryByStatusCode: options?.retryByStatusCode,
-    shouldRetry: options?.shouldRetry,
-    queueGroup: options?.queueGroup,
-    concurrencyLimit: options?.concurrencyLimit,
-    skipRequestByteAccounting: options?.skipRequestByteAccounting,
-    skipResponseByteAccounting: options?.skipResponseByteAccounting,
-    skipNetworkTotals: options?.skipNetworkTotals,
-    insightKey: options?.insightKey,
-    recordRecentOnSuccess: options?.recordRecentOnSuccess,
-    trackActiveRequest: options?.trackActiveRequest,
-    trackProgressCounters: options?.trackProgressCounters,
-  };
-
-  if (isSelfServeHardwareMutation(url, method)) {
-    queueOptions.retryByStatusCode ??= {};
-    queueOptions.queueGroup ??= SELF_SERVE_HARDWARE_QUEUE_GROUP;
-    queueOptions.concurrencyLimit ??= 1;
-  }
-
-  const posQueueRule = findPosLatencyQueueRule(url, method);
-  if (posQueueRule) {
-    queueOptions.retryByStatusCode ??= posQueueRule.retryByStatusCode;
-    queueOptions.queueGroup ??= posQueueRule.queueGroup;
-    queueOptions.concurrencyLimit ??= posQueueRule.concurrencyLimit;
-    queueOptions.skipRequestByteAccounting ??= posQueueRule.skipRequestByteAccounting;
-    queueOptions.skipResponseByteAccounting ??= posQueueRule.skipResponseByteAccounting;
-    queueOptions.skipNetworkTotals ??= posQueueRule.skipNetworkTotals;
-    queueOptions.insightKey ??= posQueueRule.insightKey;
-    queueOptions.recordRecentOnSuccess ??= posQueueRule.recordRecentOnSuccess;
-    queueOptions.trackActiveRequest ??= posQueueRule.trackActiveRequest;
-    queueOptions.trackProgressCounters ??= posQueueRule.trackProgressCounters;
-  }
-
-  return queueOptions;
-};
-
-export const authenticatedRequest = (url, method, data, catchCallable = null, thenCallable = null, options = {}) => {
+export const authenticatedRequest = (url, method, data, catchCallable = null, thenCallable = null) => {
   const token = localStorage.getItem('token');
   if (!token) {
     //throw new Error('No token was found, unable to make authenticated request');
@@ -255,7 +25,6 @@ export const authenticatedRequest = (url, method, data, catchCallable = null, th
   // Build headers
   const headers = {
     ...buildCurrentReleaseHeaders(),
-    ...(options?.headers || {}),
   };
   if (canSendCredentials && token && token.length > 0) {
     headers.Authorization = `Bearer ${token}`;
@@ -268,22 +37,11 @@ export const authenticatedRequest = (url, method, data, catchCallable = null, th
     headers['X-Customer-Number'] = selectedCustomerNumber;
   }
   
-  const useFetchTransport = options?.transport === FETCH_TRANSPORT;
-
   return enqueueRequest(
-    () => useFetchTransport
-      ? executeFetchRequest({
-        method,
-        url: requestUrl,
-        data,
-        signal: options?.signal,
-        headers,
-      })
-      : axios({
+    () => axios({
       method,
       url: requestUrl,
       ...(method === 'GET' ? { params: data } : { data }),
-      ...(options?.signal ? { signal: options.signal } : {}),
       __skipRequestQueue: true,
       headers
     }),
@@ -294,9 +52,7 @@ export const authenticatedRequest = (url, method, data, catchCallable = null, th
         params: method === 'GET' ? data : null,
         data: method === 'GET' ? null : data,
         headers,
-      },
-      signal: options?.signal,
-      ...buildRequestQueueOptions(requestUrl, method, options),
+      }
     }
   )
     .catch((error) => {
@@ -307,7 +63,6 @@ export const authenticatedRequest = (url, method, data, catchCallable = null, th
       throw error;
     })
     .then((response) => {
-      response = normalizeActiveWashResponse(url, method, response);
       if (thenCallable) {
         // Call the then callable
         thenCallable(response);

src/components/session/token/SessionUser.vue

@@ -184,7 +184,6 @@ const resetSessionState = () => {
   SessionUser.user.notifications.wash_certificate_email.value = null;
   SessionUser.user.notifications.email_notifications_enabled.value = null;
   SessionUser.user.notifications.sms_notifications_enabled.value = null;
-  SessionUser.user.notifications.superuser_new_customer_email_notifications_enabled.value = null;
   SessionUser.user.created_at.value = null;
   SessionUser.user.updated_at.value = null;
   SessionUser.user.cached_at.value = null;
@@ -529,8 +528,6 @@ export const getSessionData = async () => {
       SessionUser.user.notifications.email_notifications_enabled.value =
         session.notifications.email_notifications_enabled;
       SessionUser.user.notifications.sms_notifications_enabled.value = session.notifications.sms_notifications_enabled;
-      SessionUser.user.notifications.superuser_new_customer_email_notifications_enabled.value =
-        session.notifications.superuser_new_customer_email_notifications_enabled;
       SessionUser.user.created_at.value = session.created_at;
       SessionUser.user.updated_at.value = session.updated_at;
       SessionUser.user.display_name.value = session.display_name;
@@ -626,7 +623,6 @@ export const SessionUser = {
       wash_certificate_email: ref(null),
       email_notifications_enabled: ref(null),
       sms_notifications_enabled: ref(null),
-      superuser_new_customer_email_notifications_enabled: ref(null),
       setEmailNotificationsEnabled: (enabled) => {
         return SessionUser.request("/account/notifications", "PUT", {
           email_notifications_enabled: enabled,
@@ -651,18 +647,6 @@ export const SessionUser = {
             console.error(error);
           });
       },
-      setSuperuserNewCustomerEmailNotificationsEnabled: (enabled) => {
-        return SessionUser.request("/account/notifications", "PUT", {
-          superuser_new_customer_email_notifications_enabled: enabled,
-        })
-          .then(() => {
-            SessionUser.user.notifications.superuser_new_customer_email_notifications_enabled.value = enabled;
-          })
-          .catch((error) => {
-            parseError(error, "user_notifications");
-            console.error(error);
-          });
-      },
       setWashCertificateEmail: (email) => {
         return SessionUser.request("/account/notifications", "PUT", {
           wash_certificate_email: email,

src/components/session/token/SessionUser/Objects/CollectedOrderInvoices.vue

@@ -456,29 +456,6 @@ export const CollectedOrderInvoices = {
         throw error;
       });
     },
-    move_to_customer: async (id, customerNumber) => {
-      const invoiceCollectionId = parseInt(id);
-      const targetCustomerNumber = parseInt(customerNumber);
-
-      if (!Number.isInteger(invoiceCollectionId) || invoiceCollectionId <= 0) {
-        throw new Error('Invalid invoice collection id');
-      }
-
-      if (!Number.isInteger(targetCustomerNumber) || targetCustomerNumber <= 0) {
-        throw new Error('Invalid customer number');
-      }
-
-      return authenticatedRequest('/collected-invoices/move-to-customer', 'POST', {
-        id: invoiceCollectionId,
-        customer_number: targetCustomerNumber,
-      }).then((response) => {
-        console.log(response);
-        return response;
-      }).catch((error) => {
-        console.log(error);
-        throw error;
-      });
-    },
     showCreateNewCustom: showCreateCustomInvoiceCollectionForm,
     showInvoiceCollectionPickerForm: showInvoiceCollectionPickerModal,
     add_vehicle_subscriptions: async (id) => {
@@ -843,3 +820,4 @@ export const CollectedOrderInvoices = {
   }
 };
 </script>
+

src/components/session/token/SessionUser/Objects/Orders.vue

@@ -4,6 +4,7 @@ import {ObjectsGlobal} from "@/components/session/token/SessionUser/Objects/Obje
 import {SessionUser} from "@/components/session/token/SessionUser.vue";
 import AssignDraftOrderCustomerModal from "@/components/displays/modals/AssignDraftOrderCustomerModal.vue";
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
+import { editOrderItem, getOrderItems } from "@/components/shop/OrdersItems.vue";
 import {createApp} from "vue";
 import i18n from '@/i18n';
 import { dispatchNavigationCountRefresh } from "@/components/models/navigation/items/navigationCountEvents.js";
@@ -264,19 +265,6 @@ const refreshDraftNavigationCount = () => {
   dispatchNavigationCountRefresh();
 };
 
-
-const getOrderItemsForRepricing = (orderId) => authenticatedRequest('/order/items', 'GET', {
-  order_id: orderId,
-});
-
-const editOrderItemForRepricing = ({ id, price, notes, reference, quantity }) => authenticatedRequest('/order/items', 'PUT', {
-  id,
-  price,
-  notes,
-  reference,
-  quantity,
-});
-
 const getFinalProductPriceForCustomer = async (productId, departmentId, customerId) => {
   const normalizedProductId = normalizePositiveInteger(productId);
   const normalizedDepartmentId = normalizePositiveInteger(departmentId);
@@ -310,7 +298,7 @@ const recalculateOrderItemPricesForCustomer = async ({ order_id, department_id,
     throw new Error("Invalid order repricing context");
   }
 
-  const response = await getOrderItemsForRepricing(normalizedOrderId);
+  const response = await getOrderItems(normalizedOrderId);
   const orderItems = Array.isArray(response?.data?.data) ? response.data.data : [];
   const uniqueProductIds = [...new Set(
     orderItems
@@ -341,13 +329,13 @@ const recalculateOrderItemPricesForCustomer = async ({ order_id, department_id,
         return null;
       }
 
-      return editOrderItemForRepricing({
-        id: normalizedItemId,
-        price: finalPriceMap.get(normalizedProductId),
-        notes: item?.notes ?? "",
-        reference: item?.reference ?? "",
-        quantity: normalizePositiveInteger(item?.quantity) ?? 1,
-      });
+      return editOrderItem(
+        normalizedItemId,
+        finalPriceMap.get(normalizedProductId),
+        item?.notes ?? "",
+        item?.reference ?? "",
+        normalizePositiveInteger(item?.quantity) ?? 1
+      );
     })
     .filter(Boolean);
 
@@ -382,6 +370,11 @@ const assignDraftOrderCustomer = async ({
     normalizedCustomerId
   );
 
+  const invoiceCollectionResponse = await SessionUser.objects.orders.set.invoice_collection_id(
+    normalizedOrderId,
+    normalizedInvoiceCollectionId
+  );
+
   let repricingResponse = null;
   if (recalculate_prices) {
     repricingResponse = await recalculateOrderItemPricesForCustomer({
@@ -391,11 +384,6 @@ const assignDraftOrderCustomer = async ({
     });
   }
 
-  const invoiceCollectionResponse = await SessionUser.objects.orders.set.invoice_collection_id(
-    normalizedOrderId,
-    normalizedInvoiceCollectionId
-  );
-
   return {
     customerResponse,
     invoiceCollectionResponse,

src/components/session/token/SessionUser/Objects/SelfServeVehicleConditions.vue

@@ -173,7 +173,7 @@ export const SelfServeVehicleConditions = {
     single: async (id) => {
       return ObjectsGlobal.get.object(SelfServeVehicleConditions.meta.endpoint, id);
     },
-    previewAllowed: async (laneId, reg, vehicleTypeId, options = {}) => {
+    previewAllowed: async (laneId, reg, vehicleTypeId = null) => {
       const params = {
         lane_id: parseInt(laneId),
         reg: reg,
@@ -184,11 +184,11 @@ export const SelfServeVehicleConditions = {
         params.vehicle_type = normalizedVehicleTypeId;
       }
 
-      return authenticatedRequest("/department/selfserve/vehicle/allowed", "GET", params, null, null, options)
+      return authenticatedRequest("/department/selfserve/vehicle/allowed", "GET", params)
         .then((response) => response.data.data || response.data);
     },
-    washSummary: async (params, options) => {
-      return authenticatedRequest("/department/selfserve/washes/summary", "GET", params || {}, null, null, options || {})
+    washSummary: async (params = {}) => {
+      return authenticatedRequest("/department/selfserve/washes/summary", "GET", params)
         .then((response) => response.data.data || response.data);
     }
   },

src/components/session/token/superUser/modules/selfserve/Config.vue

@@ -61,14 +61,6 @@ export const Config = {
       });
     },
     keys: {
-      dynamic_image_size: {
-        get: async () => {
-          return Config.get("dynamic_image_size");
-        },
-        set: async (value) => {
-          return Config.set("dynamic_image_size", value);
-        },
-      },
       minute_product: {
         get: async () => {
           return Config.get("minute_product");

src/components/session/token/superUser/modules/slack/Config.vue

@@ -1,34 +0,0 @@
-<script>
-import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
-
-/**
- * The Slack -> Config object
- */
-export const Config = {
-  get: async (variable) => {
-    return authenticatedRequest("/slack/config?variable=" + variable, "GET");
-  },
-  get_all: async () => {
-    return authenticatedRequest("/slack/config", "GET");
-  },
-  set: async (variable, value) => {
-    return authenticatedRequest("/slack/config", "POST", {
-      variable: variable,
-      value: value,
-    });
-  },
-  test_customer_registration_webhook: async () => {
-    return authenticatedRequest("/slack/config/test", "POST", {});
-  },
-  keys: {
-    customer_registration_webhook_url: {
-      get: async () => {
-        return Config.get("customer_registration_webhook_url");
-      },
-      set: async (value) => {
-        return Config.set("customer_registration_webhook_url", value);
-      },
-    },
-  },
-};
-</script>

src/components/session/token/superUser/modules/slack/Slack.vue

@@ -1,21 +0,0 @@
-<script>
-import { Config } from "@/components/session/token/superUser/modules/slack/Config.vue";
-
-/**
- * The Slack object
- */
-export const Slack = {
-  meta: {
-    title: "Slack",
-    icon: "fab fa-slack",
-    description: "Slack notifications",
-    endpoint: "/slack/config",
-    config_endpoint: "/configuration/slack",
-    labels: {
-      single: "slack",
-      multiple: "slack",
-    },
-  },
-  config: Config,
-};
-</script>

src/components/session/token/superUserObject.vue

@@ -28,7 +28,6 @@ import { EdgeGateway } from "@/components/session/token/superUser/modules/edgega
 import { Failover } from "@/components/session/token/superUser/modules/failover/Failover.vue";
 import { Coolify } from "@/components/session/token/superUser/modules/coolify/Coolify.vue";
 import { ReleaseManager } from "@/components/session/token/superUser/modules/releasemanager/ReleaseManager.vue";
-import { Slack } from "@/components/session/token/superUser/modules/slack/Slack.vue";
 
 let qrCodeModulePromise;
 
@@ -73,7 +72,6 @@ export const SuperUserObject = {
     get failover() { return Failover; },
     get coolify() { return Coolify; },
     get releasemanager() { return ReleaseManager; },
-    get slack() { return Slack; },
   },
   /** Intimidate a user */
   intimidate: {

src/components/shop/POSDepartmentProcess.vue

@@ -3,6 +3,7 @@ import { computed, ref, watch } from "vue";
 import axios from "axios";
 import { API_URL } from "@/config.js";
 import { getScansDepartmentPagination } from "@/components/numberplatescanners/Scans.vue";
+import { useRouter } from "vue-router";
 import { parseError, clearErrors } from "@/components/request/HandleGlobalError.vue";
 import { getNotes, createNote, deleteNote } from "@/components/shop/CustomerNotes.vue";
 import { createOrderItem, getOrderItems, removeOrderItem } from "@/components/shop/OrdersItems.vue";
@@ -130,12 +131,12 @@ export const nextStep = async (options = { isMobile: false, orderCreation: true
     // If the current step is 2, set the product category to addons
     setProductsCategory(4);
     // Set the step to 3 in the query parameters
-    pushPosRouteState(`id=${order_id.value}&customer_id=${customer_id.value}&step=3`);
+    window.history.pushState({}, "", `?id=${order_id.value}&customer_id=${customer_id.value}&step=3`);
   }
   if (step.value === 3) {
     if (normalizedOptions.isMobile === false && doesOrderContainMaterial()) {
       step.value = 4;
-      pushPosRouteState(`id=${order_id.value}&customer_id=${customer_id.value}&step=4`);
+      window.history.pushState({}, "", `?id=${order_id.value}&customer_id=${customer_id.value}&step=4`);
       return;
     }
 
@@ -230,7 +231,11 @@ const toPositiveInteger = (value) => {
 };
 
 const getRouteDepartmentId = () => {
-  return getWindowPathDepartmentId();
+  try {
+    return toPositiveInteger(useRouter().currentRoute.value.params.departmentId);
+  } catch (error) {
+    return null;
+  }
 };
 
 const getSessionUrlDepartmentId = () => {
@@ -752,7 +757,7 @@ export const reset_all_values = () => {
   // Reset all values to their initial state
   clearActivePosOrderContext({ clearStep: true });
   // Clear the query parameters
-  pushPosRouteState("step=1");
+  window.history.pushState({}, "", `?step=1`);
 };
 
 /** Whenever the reg_1, reg_2 or reg_3 changes, remove any spaces and make the string uppercase */
@@ -763,21 +768,6 @@ const normalizeRegistrationValue = (value) =>
 
 export const isBlankPosMetadataValue = (value) => String(value ?? "").trim().length === 0;
 
-const getPosRoutePath = () => {
-  const normalizedDepartmentId = Number.parseInt(String(department_id.value || ""), 10);
-
-  if (Number.isInteger(normalizedDepartmentId) && normalizedDepartmentId > 0) {
-    return `/admin/${normalizedDepartmentId}/modules/pos`;
-  }
-
-  return window.location.pathname && window.location.pathname !== "/" ? window.location.pathname : "/admin/modules/pos";
-};
-
-export const pushPosRouteState = (queryString) => {
-  const normalizedQueryString = String(queryString || "").replace(/^\?/, "");
-  window.history.pushState({}, "", `${getPosRoutePath()}?${normalizedQueryString}`);
-};
-
 watch([reg_1, reg_2, reg_3], () => {
   reg_1.value = normalizeRegistrationValue(reg_1.value);
   reg_2.value = normalizeRegistrationValue(reg_2.value);
@@ -924,7 +914,7 @@ export const createOrder = async (options = { isMobile: false }) => {
       // Set the order id in the local storage (To be make F5 safe)
       localStorage.setItem("pos_order_id", order_id.value);
       // Set the query parameters
-      pushPosRouteState(`id=${order_id.value}&customer_id=${customer_id.value}&step=2`);
+      window.history.pushState({}, "", `?id=${order_id.value}&customer_id=${customer_id.value}&step=2`);
       return true;
     })
     .catch((error) => {
@@ -1641,7 +1631,7 @@ export const showDeleteEverythingDialog = () => {
 /** Clear cache */
 export const clearCache = () => {
   // Reset the query parameters
-  pushPosRouteState("step=1");
+  window.history.pushState({}, "", `?step=1`);
   // Clear the customer data
   clearCustomerSelection();
   // Clear the order data

src/components/viewport/Viewport.vue

@@ -11,8 +11,6 @@ import {useRouter} from "vue-router";
 import { showFooterInContent } from "@/components/viewport/conditions/ViewPortFooterOptions.vue";
 import { isHidden } from "@/components/viewport/page/headers/ViewportHeaderSettings.vue";
 import ConnectivityIssue from "@/views/errors/ConnectivityIssue.vue";
-import { inject } from "vue";
-
 const router = useRouter();
 
 const headerHeight = ref(60); // Default header height in pixels
@@ -89,7 +87,6 @@ const isFooterInContent = computed(() => {
                      style="max-height: 28px;"
                 >
                 <p class="is-size-7 has-text-grey-light mb-2 mt-0">© Truckwash ApS. All rights reserved.</p>
-                <p class="is-size-7 has-text-grey-light mb-2 mt-0" v-show="SessionUser.functions.device.isMobile()">{{inject("VERSION")}}</p>
               </a>
               </div>
             </ViewportContent>

src/components/viewport/page/footers/MobileFooter.vue

@@ -1,20 +1,10 @@
 <script setup lang="ts">
 import {BButton, BField, BIcon} from "buefy";
-import {computed, onBeforeUnmount, ref, watch} from "vue";
+import {computed, ref} from "vue";
 import { useRouter } from "vue-router";
-import LocalDataResetDialog from "@/components/global/LocalDataResetDialog.vue";
-import { forceFrontendUpdateAndClearLocal } from "@/services/frontendMaintenance.js";
+import { IS_DEV } from '@/config.js';
 
 const router = useRouter();
-const HOME_LONG_PRESS_MS = 5000;
-const HOME_CLICK_SUPPRESS_MS = 1200;
-
-type FooterPage = {
-  to: string;
-  label: string;
-  icon: string;
-  disabled: boolean;
-};
 
 const show = computed(() => {
   const path = router.currentRoute.value.path;
@@ -22,16 +12,10 @@ const show = computed(() => {
   return path.startsWith("/user");
 });
 
-const currentPath = computed(() => router.currentRoute.value.path);
-const isLocalDataResetOpen = ref(false);
-const isClearingLocalData = ref(false);
-const suppressHomeClickUntil = ref(0);
-let homeLongPressTimer: ReturnType<typeof window.setTimeout> | null = null;
-
 /**
  * Page navigation footer for mobile devices
  */
-const pages: Record<string, FooterPage> = {
+const pages = {
   home: {
     to: "/user",
     label: "Hjem",
@@ -51,78 +35,6 @@ const pages: Record<string, FooterPage> = {
     disabled: false
   },
 }
-
-const cancelHomeLongPress = () => {
-  if (homeLongPressTimer !== null) {
-    window.clearTimeout(homeLongPressTimer);
-    homeLongPressTimer = null;
-  }
-};
-
-const startHomeLongPress = (event: PointerEvent) => {
-  if (event.pointerType === "mouse" && event.button !== 0) {
-    return;
-  }
-
-  if (isLocalDataResetOpen.value || isClearingLocalData.value) {
-    return;
-  }
-
-  cancelHomeLongPress();
-  homeLongPressTimer = window.setTimeout(() => {
-    homeLongPressTimer = null;
-    suppressHomeClickUntil.value = Date.now() + HOME_CLICK_SUPPRESS_MS;
-    isLocalDataResetOpen.value = true;
-  }, HOME_LONG_PRESS_MS);
-};
-
-const footerButtonListeners = (key: string) =>
-  key === "home"
-    ? {
-        pointerdown: startHomeLongPress,
-        pointerup: cancelHomeLongPress,
-        pointercancel: cancelHomeLongPress,
-        pointerleave: cancelHomeLongPress,
-      }
-    : {};
-
-const isActiveFooterRoute = (path: string) => currentPath.value.endsWith(path);
-
-const handlePageClick = (event: MouseEvent, key: string, page: FooterPage) => {
-  if (page.disabled) {
-    return;
-  }
-
-  if (key === "home" && Date.now() <= suppressHomeClickUntil.value) {
-    event.preventDefault();
-    event.stopPropagation();
-    suppressHomeClickUntil.value = 0;
-    return;
-  }
-
-  router.push(page.to);
-};
-
-const closeLocalDataReset = () => {
-  isLocalDataResetOpen.value = false;
-};
-
-const confirmLocalDataReset = async () => {
-  if (isClearingLocalData.value) {
-    return;
-  }
-
-  isClearingLocalData.value = true;
-  try {
-    await forceFrontendUpdateAndClearLocal();
-  } catch (error) {
-    isClearingLocalData.value = false;
-    console.error("Failed to clear local app data:", error);
-  }
-};
-
-watch(() => router.currentRoute.value.fullPath || router.currentRoute.value.path, cancelHomeLongPress);
-onBeforeUnmount(cancelHomeLongPress);
 </script>
 
 <template>
@@ -133,15 +45,13 @@ onBeforeUnmount(cancelHomeLongPress);
           <template v-for="(page, key) in pages" :key="key">
             <div class="column has-text-centered">
               <b-button
-                class="no-border-radius"
-                :data-testid="`mobile-footer-${key}`"
-                :type="isActiveFooterRoute(page.to) ? 'is-info is-outlined is-light p-1' : 'p-1 is-light is-outlined'"
+                  class="no-border-radius"
+                :type="$route.path.endsWith(page.to) ? 'is-info is-outlined is-light p-1' : 'p-1 is-light is-outlined'"
                 size="is-normal"
-                v-on="footerButtonListeners(key)"
-                @click="handlePageClick($event, key, page)"
+                @click="$router.push(page.to)"
                 iconPack="fas"
                 expanded
-                :disabled="page.disabled"
+                  :disabled="page.disabled"
               >
                 <span>
                   <span><b-icon pack="fas" :icon="page.icon"></b-icon></span>
@@ -154,12 +64,6 @@ onBeforeUnmount(cancelHomeLongPress);
         </div>
       </b-field>
     </section>
-    <LocalDataResetDialog
-      v-model="isLocalDataResetOpen"
-      :busy="isClearingLocalData"
-      @confirm="confirmLocalDataReset"
-      @dismiss="closeLocalDataReset"
-    />
   </div>
 </template>
 
@@ -180,4 +84,4 @@ onBeforeUnmount(cancelHomeLongPress);
   border-top-right-radius: 4px;
   background-color: #2c3e50;
 }
-</style>
+</style>

src/components/viewport/page/headers/menu/NavigationMenuDepartment.vue

@@ -13,7 +13,8 @@ import {
   getDepartmentSelectionVisibility,
 } from "@/components/viewport/page/headers/ViewportHeaderSettings.vue";
 import {
-  isAccessibleVisibleNamedDepartment,
+  isAccessibleVisibleDepartment,
+  isDepartmentLabelValid,
   sortByDepartmentPriorityOrder,
 } from "@/services/departmentVisibility.js";
 
@@ -34,7 +35,7 @@ const options = computed(() => {
   // Filter out departments the user does not have access to
   return departments.value
     .filter((department: department) => {
-      return isAccessibleVisibleNamedDepartment(department, SessionUser.canAccessAssignedDepartment);
+      return isAccessibleVisibleDepartment(department, SessionUser.canAccessAssignedDepartment);
     })
     .map((department: department) => {
       return {
@@ -55,7 +56,7 @@ const mobileOptions = computed(() => {
 });
 
 const desktopOptions = computed(() => {
-  return sortByDepartmentPriorityOrder(options.value);
+  return sortByDepartmentPriorityOrder(options.value.filter((option) => isDepartmentLabelValid(option.label)));
 });
 
 const selectDepartment = (departmentId: number | string) => {
@@ -91,17 +92,11 @@ const getDistanceToDepartment = (departmentId: number | null, optionList = mobil
     return 0;
   }
   const department = optionList.find((dept) => dept.value === departmentId);
-  const currentCoords = locations.normalizeCoordinatePair(locations.location.value?.coords);
-  const departmentCoords = locations.normalizeCoordinatePair(
-    { latitude: department?.latitude, longitude: department?.longitude },
-    { allowZeroPair: false }
-  );
-  if (department && currentCoords && departmentCoords) {
-    const distance = locations.getDistance(
-      currentCoords,
-      departmentCoords
+  if (department && locations.location.value?.coords) {
+    return locations.getDistance(
+      { latitude: locations.location.value.coords.latitude, longitude: locations.location.value.coords.longitude },
+      { latitude: department.latitude, longitude: department.longitude }
     );
-    return Number.isFinite(distance) ? distance : 0;
   }
   return 0;
 };

src/components/viewport/page/templates/scanner/graphics/ScannerCamera.vue

@@ -1,403 +1,55 @@
 <script setup lang="ts">
-import { nextTick, ref, onMounted, onUnmounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import {
-  captureVideoFrameBlobForLPR,
-  isVideoFrameReadyForLPR,
-  LPR_CAMERA_FRAME_RATE,
-  LPR_CAMERA_VIDEO_HEIGHT,
-  LPR_CAMERA_VIDEO_WIDTH,
-  type LPRFrameEncodeCandidate,
-  type LPRFrameViewportRect,
-} from "@/components/viewport/page/templates/scanner/lprFrameCapture";
+import { ref, onMounted, onUnmounted, watch } from 'vue';
 
-const props = withDefaults(defineProps<{
-  captureEnabled?: boolean;
-  captureIntervalMs?: number | null;
-  captureMode?: 'lpr' | 'preview';
-  getFocusViewportRect?: () => LPRFrameViewportRect | null;
-  pausePreview?: boolean;
-  shouldBuildVisualFingerprint?: () => boolean;
-  shouldEncodeFrame?: (_candidate: LPRFrameEncodeCandidate) => boolean | Promise<boolean>;
-}>(), {
-  captureEnabled: true,
-  captureIntervalMs: null,
-  captureMode: 'lpr',
-  getFocusViewportRect: undefined,
-  pausePreview: false,
-  shouldBuildVisualFingerprint: undefined,
-  shouldEncodeFrame: undefined,
-});
-type GetUserMediaConstraints = Parameters<typeof navigator.mediaDevices.getUserMedia>[0];
-type CameraConstraintCaps = {
-  capFrameRate: boolean;
-  capResolution: boolean;
-};
-const LPR_VIDEO_NOT_READY_RETRY_MS = 100;
-const LPR_PREVIEW_RESUME_CAPTURE_DELAY_MS = LPR_VIDEO_NOT_READY_RETRY_MS;
 const emits = defineEmits(['camera-toggled', 'scanner-toggled', 'update:frame']);
-const { t } = useI18n();
 const videoRef = ref<HTMLVideoElement | null>(null);
 const canvasRef = ref<HTMLCanvasElement | null>(null);
-const visualFingerprintCanvasRef = ref<HTMLCanvasElement | null>(null);
 const cameraStream = ref<MediaStream | null>(null);
 const isCameraActive = ref(false);
-const cameraErrorKey = ref('pos.camera_permission_denied');
-let captureIntervalId: ReturnType<typeof window.setInterval> | null = null;
-let firstCaptureTimeoutId: ReturnType<typeof window.setTimeout> | null = null;
-let isFrameCaptureInProgress = false;
-let hasRequestedVideoPreviewPlay = false;
-let lastAppliedTrackEnabled: boolean | null = null;
-let cachedRelativeFocusViewportRect: LPRFrameViewportRect | null = null;
-let hasCachedRelativeFocusViewportRect = false;
-let cachedVideoViewportRect: DOMRect | null = null;
-let videoResizeObserver: ResizeObserver | null = null;
 import { isCameraMounted, camera } from '@/components/displays/department/pos/steps/mobile/objects/PosDepartmentStepMobileFlow.vue';
 
-const isDocumentVisible = (): boolean =>
-  typeof document === 'undefined' || document.visibilityState !== 'hidden';
-
-const shouldRunLivePreview = (): boolean =>
-  !props.pausePreview && isDocumentVisible();
-
-const canCaptureFrames = (): boolean =>
-  isCameraActive.value && props.captureEnabled && !props.pausePreview && isDocumentVisible();
-
-const getCameraErrorName = (err: unknown): string => {
-  if (err instanceof DOMException) {
-    return err.name;
-  }
-
-  return typeof err === 'object' && err !== null
-    ? String((err as { name?: unknown }).name ?? '')
-    : '';
-};
-
-const getCameraErrorKey = (err: unknown) => {
-  const errorName = getCameraErrorName(err);
-  if (errorName === 'NotFoundError' || errorName === 'DevicesNotFoundError') {
-    return 'pos.no_camera_found';
-  }
-
-  return 'pos.camera_permission_denied';
-};
-
-const shouldRetryWithRelaxedCameraConstraints = (err: unknown): boolean => {
-  const errorName = getCameraErrorName(err);
-
-  return errorName === 'OverconstrainedError' || errorName === 'ConstraintNotSatisfiedError';
-};
-
-const getRejectedCameraConstraintName = (err: unknown): string => {
-  if (typeof err !== 'object' || err === null) {
-    return '';
-  }
-
-  return String((err as { constraint?: unknown }).constraint ?? '').toLowerCase();
-};
-
-const getCameraConstraintFallbacks = (err: unknown): CameraConstraintCaps[] => {
-  const rejectedConstraint = getRejectedCameraConstraintName(err);
-  if (rejectedConstraint === 'framerate') {
-    return [
-      { capFrameRate: false, capResolution: true },
-      { capFrameRate: false, capResolution: false },
-    ];
-  }
-
-  if (['width', 'height', 'aspectratio', 'resizemode'].includes(rejectedConstraint)) {
-    return [
-      { capFrameRate: true, capResolution: false },
-      { capFrameRate: false, capResolution: false },
-    ];
-  }
-
-  return [
-    { capFrameRate: false, capResolution: true },
-    { capFrameRate: true, capResolution: false },
-    { capFrameRate: false, capResolution: false },
-  ];
-};
-
-const getCameraConstraints = ({
-  capFrameRate,
-  capResolution,
-}: CameraConstraintCaps = { capFrameRate: true, capResolution: true }) => ({
-  video: {
-    facingMode: 'environment',
-    zoom: camera.getZoom(),
-    width: capResolution
-      ? { ideal: LPR_CAMERA_VIDEO_WIDTH, max: LPR_CAMERA_VIDEO_WIDTH }
-      : { ideal: LPR_CAMERA_VIDEO_WIDTH },
-    height: capResolution
-      ? { ideal: LPR_CAMERA_VIDEO_HEIGHT, max: LPR_CAMERA_VIDEO_HEIGHT }
-      : { ideal: LPR_CAMERA_VIDEO_HEIGHT },
-    frameRate: capFrameRate
-      ? { ideal: LPR_CAMERA_FRAME_RATE, max: LPR_CAMERA_FRAME_RATE }
-      : { ideal: LPR_CAMERA_FRAME_RATE },
-
-    // New spec
-    advanced: [
-      { focusMode: 'continuous' },
-      { torch: false } // Set to true to enable flashlight if supported
-    ],
-    // Old spec
-    //focusMode: 'continuous',
-    // Zoom in on the environment camera if available
-    //facingMode: 'environment',
-    //width: { ideal: 1920 },
-    //height: { ideal: 1080 },
-    //aspectRatio: { ideal: 16/9 },
-    //frameRate: { ideal: 30 }
-  }
-} as unknown as GetUserMediaConstraints);
-
-const requestCameraStream = async (): Promise<MediaStream> => {
-  try {
-    return await navigator.mediaDevices.getUserMedia(getCameraConstraints());
-  } catch (err) {
-    if (!shouldRetryWithRelaxedCameraConstraints(err)) {
-      throw err;
-    }
-
-    let lastError = err;
-    for (const fallback of getCameraConstraintFallbacks(err)) {
-      try {
-        return await navigator.mediaDevices.getUserMedia(getCameraConstraints(fallback));
-      } catch (fallbackError) {
-        if (!shouldRetryWithRelaxedCameraConstraints(fallbackError)) {
-          throw fallbackError;
-        }
-        lastError = fallbackError;
-      }
-    }
-
-    throw lastError;
-  }
-};
-
-const playVideoPreview = (video: HTMLVideoElement) => {
-  if (hasRequestedVideoPreviewPlay) {
-    return;
-  }
-
-  hasRequestedVideoPreviewPlay = true;
-  const playResult = video.play();
-  if (playResult && typeof playResult.catch === 'function') {
-    void playResult.catch(() => {
-      hasRequestedVideoPreviewPlay = false;
-    });
-  }
-};
-
-const pauseVideoPreview = (video: HTMLVideoElement) => {
-  if (!hasRequestedVideoPreviewPlay) {
-    return;
-  }
-
-  hasRequestedVideoPreviewPlay = false;
-  video.pause();
-};
-
-const getCameraVideoTracks = (): MediaStreamTrack[] => {
-  if (!cameraStream.value) {
-    return [];
-  }
-
-  if (typeof cameraStream.value.getVideoTracks === 'function') {
-    return cameraStream.value.getVideoTracks();
-  }
-
-  return cameraStream.value.getTracks().filter(track => track.kind === 'video');
-};
-
-const syncCameraVideoTracksEnabled = () => {
-  if (!isCameraActive.value) {
-    return;
-  }
-
-  const shouldEnableTracks = shouldRunLivePreview();
-  if (lastAppliedTrackEnabled === shouldEnableTracks) {
-    return;
-  }
-
-  getCameraVideoTracks().forEach((track) => {
-    if (track.enabled !== shouldEnableTracks) {
-      track.enabled = shouldEnableTracks;
-    }
-  });
-  lastAppliedTrackEnabled = shouldEnableTracks;
-};
-
-const syncVideoPreviewPlayback = () => {
-  syncCameraVideoTracksEnabled();
-
-  if (!videoRef.value || !isCameraActive.value) {
-    return;
-  }
-
-  if (!shouldRunLivePreview()) {
-    pauseVideoPreview(videoRef.value);
-    return;
-  }
-
-  playVideoPreview(videoRef.value);
-};
-
-const applyCameraStream = (stream: MediaStream) => {
-  isCameraActive.value = true;
-  isCameraMounted.value = true;
-  cameraStream.value = stream;
-  hasRequestedVideoPreviewPlay = false;
-  lastAppliedTrackEnabled = null;
-  if (videoRef.value) {
-    videoRef.value.srcObject = stream;
-    videoRef.value.setAttribute('playsinline', '');
-    syncVideoPreviewPlayback();
-  }
-  startCaptureTimers();
-};
-
 function startCamera() {
-  if (cameraStream.value || isCameraActive.value) {
-    return;
-  }
+  const constraints = {
+    video: {
+      facingMode: 'environment',
+      zoom: camera.getZoom(),
+      width: { ideal: 1920 },
+      height: { ideal: 1080 },
+      frameRate: { ideal: 30 },
 
-  requestCameraStream()
-      .then(applyCameraStream)
+      // New spec
+      advanced: [
+        { focusMode: 'continuous' },
+        { torch: false } // Set to true to enable flashlight if supported
+      ],
+      // Old spec
+      //focusMode: 'continuous',
+      // Zoom in on the environment camera if available
+      //facingMode: 'environment',
+      //width: { ideal: 1920 },
+      //height: { ideal: 1080 },
+      //aspectRatio: { ideal: 16/9 },
+      //frameRate: { ideal: 30 }
+    }
+  };
+
+  navigator.mediaDevices.getUserMedia(constraints)
+      .then((stream) => {
+        isCameraActive.value = true;
+        cameraStream.value = stream;
+        if (videoRef.value) {
+          videoRef.value.srcObject = stream;
+          videoRef.value.setAttribute('playsinline', '');
+          videoRef.value.play();
+        }
+      })
       .catch((err) => {
         isCameraActive.value = false;
-        cameraErrorKey.value = getCameraErrorKey(err);
         console.error('Camera access error:', err);
       });
 }
 
-function clearCaptureInterval() {
-  if (captureIntervalId !== null) {
-    window.clearInterval(captureIntervalId);
-    captureIntervalId = null;
-  }
-}
-
-function clearFirstCaptureTimeout() {
-  if (firstCaptureTimeoutId !== null) {
-    window.clearTimeout(firstCaptureTimeoutId);
-    firstCaptureTimeoutId = null;
-  }
-}
-
-const pauseCaptureTimers = () => {
-  clearFirstCaptureTimeout();
-  clearCaptureInterval();
-};
-
-function captureFrameIfReady(): Promise<void> {
-  if (canCaptureFrames() && !isFrameCaptureInProgress) {
-    if (!videoRef.value || !isVideoFrameReadyForLPR(videoRef.value)) {
-      scheduleFrameReadinessRetry();
-      return Promise.resolve();
-    }
-
-    clearFirstCaptureTimeout();
-    return getFrame()
-        .then(() => undefined)
-        .finally(() => {
-          if (canCaptureFrames()) {
-            startCaptureInterval();
-          }
-        });
-  }
-
-  return Promise.resolve();
-}
-
-function startCaptureTimers() {
-  if (!canCaptureFrames()) {
-    pauseCaptureTimers();
-    return;
-  }
-
-  clearCaptureInterval();
-  scheduleFirstCapture();
-}
-
-function resumeCaptureTimers(firstCaptureDelayMs = 0) {
-  if (!canCaptureFrames()) {
-    pauseCaptureTimers();
-    return;
-  }
-
-  clearCaptureInterval();
-  scheduleFirstCapture(firstCaptureDelayMs);
-}
-
-function scheduleFirstCapture(delayMs = camera.getImageCaptureDelay(true)) {
-  clearFirstCaptureTimeout();
-  firstCaptureTimeoutId = window.setTimeout(() => {
-    firstCaptureTimeoutId = null;
-    captureFrameIfReady();
-  }, delayMs);
-}
-
-const getRecurringCaptureDelay = (): number => {
-  if (props.captureIntervalMs === null || props.captureIntervalMs === undefined) {
-    return camera.getImageCaptureDelay(false);
-  }
-
-  const customDelay = Number(props.captureIntervalMs);
-
-  if (Number.isFinite(customDelay) && customDelay >= 0) {
-    return Math.floor(customDelay);
-  }
-
-  return camera.getImageCaptureDelay(false);
-};
-
-function scheduleFrameReadinessRetry() {
-  if (firstCaptureTimeoutId !== null) {
-    return;
-  }
-
-  scheduleFirstCapture(LPR_VIDEO_NOT_READY_RETRY_MS);
-}
-
-function startCaptureInterval() {
-  if (!canCaptureFrames()) {
-    clearCaptureInterval();
-    return;
-  }
-
-  clearCaptureInterval();
-  captureIntervalId = window.setTimeout(() => {
-    captureIntervalId = null;
-    void captureFrameIfReady();
-  }, getRecurringCaptureDelay());
-}
-
-const clearRelativeFocusViewportRectCache = () => {
-  cachedRelativeFocusViewportRect = null;
-  cachedVideoViewportRect = null;
-  hasCachedRelativeFocusViewportRect = false;
-};
-
-const observeVideoGeometry = () => {
-  videoResizeObserver?.disconnect();
-  videoResizeObserver = null;
-
-  if (typeof ResizeObserver === 'undefined' || !videoRef.value) {
-    return;
-  }
-
-  videoResizeObserver = new ResizeObserver(clearRelativeFocusViewportRectCache);
-  videoResizeObserver.observe(videoRef.value);
-};
-
 function stopCamera() {
-  clearFirstCaptureTimeout();
-  clearCaptureInterval();
-  clearRelativeFocusViewportRectCache();
-  hasRequestedVideoPreviewPlay = false;
-  lastAppliedTrackEnabled = null;
   if (cameraStream.value) {
     cameraStream.value.getTracks().forEach(track => track.stop());
     cameraStream.value = null;
@@ -417,179 +69,75 @@ function toggleCamera() {
   }
 }
 
-function handleVideoLoadedData() {
-  clearRelativeFocusViewportRectCache();
-  if (canCaptureFrames()) {
-    scheduleFirstCapture(0);
-  }
-}
-
-function handleVisibilityChange() {
-  clearRelativeFocusViewportRectCache();
-  if (isDocumentVisible()) {
-    syncVideoPreviewPlayback();
-    resumeCaptureTimers(0);
-    return;
-  }
-
-  pauseCaptureTimers();
-  syncVideoPreviewPlayback();
-}
-
-const shouldUseFocusedLPRCrop = () => props.captureMode === 'lpr';
-
-const hasUsableRectSize = (rect: { height: number; width: number }): boolean =>
-  Number.isFinite(rect.width)
-  && Number.isFinite(rect.height)
-  && rect.width > 0
-  && rect.height > 0;
-
-const getVideoViewportRect = (): DOMRect | null => {
-  if (!videoRef.value) {
-    return null;
-  }
-
-  if (cachedVideoViewportRect !== null) {
-    return cachedVideoViewportRect;
-  }
-
-  const videoRect = videoRef.value.getBoundingClientRect();
-  if (!hasUsableRectSize(videoRect)) {
-    return null;
-  }
-
-  cachedVideoViewportRect = videoRect;
-  return cachedVideoViewportRect;
-};
-
-const getRelativeFocusViewportRect = (videoViewportRect: DOMRect | null): LPRFrameViewportRect | null => {
-  if (!shouldUseFocusedLPRCrop() || !props.getFocusViewportRect || !videoRef.value) {
-    return null;
-  }
-
-  if (hasCachedRelativeFocusViewportRect) {
-    return cachedRelativeFocusViewportRect;
-  }
-
-  const focusRect = props.getFocusViewportRect();
-  if (!focusRect || !hasUsableRectSize(focusRect)) {
-    return null;
-  }
-
-  if (!videoViewportRect || !hasUsableRectSize(videoViewportRect)) {
-    return null;
-  }
-
-  cachedRelativeFocusViewportRect = {
-    height: focusRect.height,
-    width: focusRect.width,
-    x: focusRect.x - videoViewportRect.left,
-    y: focusRect.y - videoViewportRect.top,
-  };
-  hasCachedRelativeFocusViewportRect = true;
-
-  return cachedRelativeFocusViewportRect;
-};
-
-const getFrameCaptureOptions = () => {
-  const shouldUseFocusedCrop = shouldUseFocusedLPRCrop();
-  const videoViewportRect = shouldUseFocusedCrop ? getVideoViewportRect() : null;
-
-  return {
-    focusCrop: shouldUseFocusedCrop,
-    focusViewportRect: shouldUseFocusedCrop ? getRelativeFocusViewportRect(videoViewportRect) : null,
-    shouldBuildVisualFingerprint: shouldUseFocusedCrop ? props.shouldBuildVisualFingerprint : undefined,
-    shouldEncode: shouldUseFocusedCrop ? props.shouldEncodeFrame : undefined,
-    ...(videoViewportRect
-      ? {
-        viewportHeight: videoViewportRect.height,
-        viewportWidth: videoViewportRect.width,
-      }
-      : {}),
-    visualFingerprintCanvas: shouldUseFocusedCrop ? visualFingerprintCanvasRef.value : null,
-  };
-};
-
 const getFrame = () => {
-  if (!canCaptureFrames()) {
-    return Promise.resolve(null);
-  }
-
   if (videoRef.value && isCameraActive.value) {
     const canvas = canvasRef.value;
     if (canvas) {
-      isFrameCaptureInProgress = true;
+      const context = canvas.getContext('2d', {
+        alpha: false,
+        willReadFrequently: true
+      });
 
-      return captureVideoFrameBlobForLPR(videoRef.value, canvas, getFrameCaptureOptions())
-          .then((frameData) => {
-            if (frameData && canCaptureFrames()) {
-              emits('update:frame', frameData);
-            }
+      if (!context) {
+        console.error('Failed to get canvas context');
+        return null;
+      }
 
-            return nextTick().then(() => frameData);
-          })
-          .finally(() => {
-            isFrameCaptureInProgress = false;
-            syncVideoPreviewPlayback();
-          });
+      // Set canvas size to match video's native resolution
+      const videoWidth = videoRef.value.videoWidth;
+      const videoHeight = videoRef.value.videoHeight;
+
+      canvas.width = videoWidth;
+      canvas.height = videoHeight;
+
+      // Clear previous frame
+      context.clearRect(0, 0, canvas.width, canvas.height);
+
+      // Draw current frame
+      context.drawImage(videoRef.value, 0, 0, videoWidth, videoHeight);
+
+      // Get frame data as base64
+      const frameData = canvas.toDataURL('image/jpeg', 0.95);
+
+      // Emit the frame data
+      emits('update:frame', frameData);
+
+      return frameData;
     }
   }
-  return Promise.resolve(null);
+  return null;
 };
 
+// Update canvas dimensions when video size changes
+watch(() => videoRef.value?.videoWidth, (newWidth) => {
+  if (canvasRef.value && newWidth) {
+    canvasRef.value.width = newWidth;
+    canvasRef.value.height = videoRef.value?.videoHeight || 0;
+  }
+});
+
 // Watch for zoom level changes
-watch(() => camera.getZoom(), () => {
+watch(() => camera.getZoom(), (newZoom) => {
   if (isCameraActive.value) {
     stopCamera();
     startCamera();
   }
 });
 
-watch(() => props.captureEnabled, (isCaptureEnabled) => {
-  if (isCaptureEnabled) {
-    resumeCaptureTimers(0);
-  } else {
-    pauseCaptureTimers();
-  }
-});
-
-watch([() => props.captureMode, () => props.getFocusViewportRect], clearRelativeFocusViewportRectCache);
-
-watch(() => props.captureIntervalMs, () => {
-  if (canCaptureFrames() && !isFrameCaptureInProgress && firstCaptureTimeoutId === null) {
-    startCaptureInterval();
-  }
-});
-
-watch(() => props.pausePreview, (isPreviewPaused) => {
-  syncVideoPreviewPlayback();
-
-  if (isPreviewPaused) {
-    pauseCaptureTimers();
-    return;
-  }
-
-  resumeCaptureTimers(LPR_PREVIEW_RESUME_CAPTURE_DELAY_MS);
-});
-
 onMounted(() => {
-  document.addEventListener('visibilitychange', handleVisibilityChange);
-  document.addEventListener('scroll', clearRelativeFocusViewportRectCache, true);
-  window.addEventListener('orientationchange', clearRelativeFocusViewportRectCache);
-  window.addEventListener('resize', clearRelativeFocusViewportRectCache);
-  observeVideoGeometry();
-  isCameraMounted.value = true;
-  startCamera();
+  // Emit a picture every 10 seconds
+  if (!isCameraMounted.value) {
+    isCameraMounted.value = true;
+    setInterval(() => {
+      if (isCameraActive.value) {
+        getFrame();
+      }
+    }, camera.getImageCaptureDelay(false)); // Implement a method to get the delay based on camera settings
+    startCamera();
+  }
 });
 
 onUnmounted(() => {
-  document.removeEventListener('visibilitychange', handleVisibilityChange);
-  document.removeEventListener('scroll', clearRelativeFocusViewportRectCache, true);
-  window.removeEventListener('orientationchange', clearRelativeFocusViewportRectCache);
-  window.removeEventListener('resize', clearRelativeFocusViewportRectCache);
-  videoResizeObserver?.disconnect();
-  videoResizeObserver = null;
-  clearRelativeFocusViewportRectCache();
   stopCamera();
 });
 
@@ -613,7 +161,6 @@ watch(() => isCameraActive.value, (newVal) => {
         autoplay
         playsinline
         :class="{ 'is-active': isCameraActive }"
-        @loadeddata="handleVideoLoadedData"
     >
       Your browser does not support the video tag.
     </video>
@@ -623,14 +170,9 @@ watch(() => isCameraActive.value, (newVal) => {
         class="capture-canvas"
     ></canvas>
 
-    <canvas
-        ref="visualFingerprintCanvasRef"
-        class="visual-fingerprint-canvas"
-        aria-hidden="true"
-    ></canvas>
-
     <div v-if="!isCameraActive" class="camera-inactive">
-      <p>{{ t(cameraErrorKey) }}</p>
+      <p>Camera is not active.</p>
+      <p>Please enable camera access.</p>
     </div>
   </div>
 </template>
@@ -660,10 +202,6 @@ video {
   display: none;
 }
 
-.visual-fingerprint-canvas {
-  display: none;
-}
-
 .camera-inactive {
   position: absolute;
   top: 50%;

src/components/viewport/page/templates/scanner/lprFrameCapture.ts

@@ -1,773 +0,0 @@
-export const LPR_CAMERA_VIDEO_WIDTH = 1024;
-export const LPR_CAMERA_VIDEO_HEIGHT = 576;
-export const LPR_CAMERA_FRAME_RATE = 5;
-export const LPR_FRAME_MAX_WIDTH = 1024;
-export const LPR_FRAME_MAX_HEIGHT = 576;
-export const LPR_FRAME_SCANNER_MAX_SIZE = 384;
-export const LPR_FRAME_JPEG_QUALITY = 0.72;
-export const LPR_FRAME_SCANNER_JPEG_QUALITY = 0.6;
-export const LPR_FRAME_MIME_TYPE = "image/jpeg";
-export const LPR_FRAME_FILE_NAME = "license-plate.jpg";
-export const LPR_FRAME_CLIENT_CAPTURE_MS_FIELD = "client_capture_ms";
-export const LPR_FRAME_CLIENT_DRAW_MS_FIELD = "client_draw_ms";
-export const LPR_FRAME_CLIENT_ENCODE_MS_FIELD = "client_encode_ms";
-export const LPR_FRAME_CLIENT_PREFLIGHT_MS_FIELD = "client_preflight_ms";
-export const LPR_FRAME_CLIENT_VISUAL_FINGERPRINT_MS_FIELD = "client_visual_fingerprint_ms";
-export const LPR_FRAME_CLIENT_WIDTH_FIELD = "client_frame_width";
-export const LPR_FRAME_CLIENT_HEIGHT_FIELD = "client_frame_height";
-export const LPR_FRAME_CLIENT_BYTES_FIELD = "client_frame_bytes";
-export const LPR_FRAME_FOCUS_ASPECT_RATIO = 16 / 9;
-export const LPR_FRAME_SCANNER_FOCUS_SCALE = 0.85;
-export const LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE = 8;
-const HTML_MEDIA_HAVE_CURRENT_DATA = 2;
-const LPR_FRAME_FINGERPRINT_SAMPLE_BYTES = 32;
-const LPR_FRAME_FINGERPRINT_HASH_SEED = 2166136261;
-const LPR_FRAME_FINGERPRINT_HASH_PRIME = 16777619;
-const NIBBLE_BIT_COUNT = [0, 1, 1, 2, 1, 2, 2, 3, 1, 2, 2, 3, 2, 3, 3, 4];
-const LPR_ENCODING_CANVAS_CONTEXT_OPTIONS = {
-  alpha: false,
-  desynchronized: true,
-};
-
-export type FrameSize = {
-  width: number;
-  height: number;
-};
-
-export type FrameSizeConstraints = {
-  maxHeight: number;
-  maxWidth: number;
-};
-
-export type FrameSourceRect = {
-  height: number;
-  width: number;
-  x: number;
-  y: number;
-};
-
-export type LPRFrameViewportRect = {
-  height: number;
-  width: number;
-  x: number;
-  y: number;
-};
-
-export type LPRFramePayload = {
-  blob: Blob;
-  captureDurationMs: number;
-  captureTimings?: LPRFrameCaptureTimings;
-  filename: string;
-  fingerprint: string;
-  getContentFingerprint?: () => Promise<string>;
-  getVisualFingerprint?: () => string | null;
-  height: number;
-  mimeType: string;
-  visualFingerprint?: string;
-  width: number;
-};
-
-export type LPRFrameCaptureTimings = {
-  drawMs: number;
-  encodeMs: number;
-  visualFingerprintMs: number;
-};
-
-export type LPRFrameEncodeCandidate = {
-  height: number;
-  visualFingerprint?: string;
-  width: number;
-};
-
-export type LPRFrameCaptureOptions = {
-  focusCrop?: boolean;
-  focusScale?: number;
-  focusViewportRect?: LPRFrameViewportRect | null;
-  jpegQuality?: number;
-  onFrameDrawn?: () => void;
-  shouldBuildVisualFingerprint?: () => boolean;
-  shouldEncode?: (candidate: LPRFrameEncodeCandidate) => boolean | Promise<boolean>;
-  viewportHeight?: number;
-  viewportWidth?: number;
-  visualFingerprintCanvas?: HTMLCanvasElement | null;
-};
-
-type LPRFrameEncodingCanvas = HTMLCanvasElement | OffscreenCanvas;
-type LPRFrameEncodingContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
-
-type LPRFrameEncodedCanvas = {
-  blob: Blob;
-  canvas: LPRFrameEncodingCanvas;
-  timings: Pick<LPRFrameCaptureTimings, "drawMs" | "encodeMs">;
-};
-
-const offscreenEncodingCanvases = new WeakMap<HTMLCanvasElement, OffscreenCanvas>();
-const disabledOffscreenEncodingCanvases = new WeakSet<HTMLCanvasElement>();
-const encodingCanvasContexts = new WeakMap<LPRFrameEncodingCanvas, LPRFrameEncodingContext>();
-const visualFingerprintCanvasContexts = new WeakMap<HTMLCanvasElement, CanvasRenderingContext2D>();
-
-const clampNumber = (value: number, min: number, max: number): number =>
-  Math.min(max, Math.max(min, value));
-
-export const getConstrainedFrameSize = (
-  sourceWidth: number,
-  sourceHeight: number,
-  maxWidth = LPR_FRAME_MAX_WIDTH,
-  maxHeight = LPR_FRAME_MAX_HEIGHT
-): FrameSize => {
-  if (sourceWidth <= 0 || sourceHeight <= 0) {
-    return { width: 0, height: 0 };
-  }
-
-  const scale = Math.min(1, maxWidth / sourceWidth, maxHeight / sourceHeight);
-
-  return {
-    width: Math.max(1, Math.round(sourceWidth * scale)),
-    height: Math.max(1, Math.round(sourceHeight * scale)),
-  };
-};
-
-export const getLPRFrameSizeConstraints = (options: LPRFrameCaptureOptions = {}): FrameSizeConstraints =>
-  options.focusCrop === false
-    ? {
-      maxHeight: LPR_FRAME_MAX_HEIGHT,
-      maxWidth: LPR_FRAME_MAX_WIDTH,
-    }
-    : {
-      maxHeight: LPR_FRAME_SCANNER_MAX_SIZE,
-      maxWidth: LPR_FRAME_SCANNER_MAX_SIZE,
-    };
-
-export const getLPRFrameTargetSize = (
-  sourceRect: FrameSourceRect,
-  options: LPRFrameCaptureOptions = {}
-): FrameSize => {
-  const constraints = getLPRFrameSizeConstraints(options);
-
-  return getConstrainedFrameSize(
-    sourceRect.width,
-    sourceRect.height,
-    constraints.maxWidth,
-    constraints.maxHeight
-  );
-};
-
-export const getVisibleCoverSourceRect = (
-  sourceWidth: number,
-  sourceHeight: number,
-  viewportWidth: number,
-  viewportHeight: number
-): FrameSourceRect => {
-  if (!Number.isFinite(sourceWidth) || !Number.isFinite(sourceHeight) || sourceWidth <= 0 || sourceHeight <= 0) {
-    return { height: 0, width: 0, x: 0, y: 0 };
-  }
-
-  if (
-    !Number.isFinite(viewportWidth) ||
-    !Number.isFinite(viewportHeight) ||
-    viewportWidth <= 0 ||
-    viewportHeight <= 0
-  ) {
-    return { height: sourceHeight, width: sourceWidth, x: 0, y: 0 };
-  }
-
-  const sourceAspectRatio = sourceWidth / sourceHeight;
-  const viewportAspectRatio = viewportWidth / viewportHeight;
-
-  if (viewportAspectRatio > sourceAspectRatio) {
-    const visibleHeight = Math.max(1, Math.min(sourceHeight, Math.round(sourceWidth / viewportAspectRatio)));
-
-    return {
-      height: visibleHeight,
-      width: sourceWidth,
-      x: 0,
-      y: Math.max(0, Math.round((sourceHeight - visibleHeight) / 2)),
-    };
-  }
-
-  const visibleWidth = Math.max(1, Math.min(sourceWidth, Math.round(sourceHeight * viewportAspectRatio)));
-
-  return {
-    height: sourceHeight,
-    width: visibleWidth,
-    x: Math.max(0, Math.round((sourceWidth - visibleWidth) / 2)),
-    y: 0,
-  };
-};
-
-export const getCenteredFocusSourceRect = (
-  sourceRect: FrameSourceRect,
-  focusAspectRatio = LPR_FRAME_FOCUS_ASPECT_RATIO,
-  focusScale = 1
-): FrameSourceRect => {
-  if (
-    !Number.isFinite(sourceRect.width) ||
-    !Number.isFinite(sourceRect.height) ||
-    sourceRect.width <= 0 ||
-    sourceRect.height <= 0
-  ) {
-    return { height: 0, width: 0, x: 0, y: 0 };
-  }
-
-  if (!Number.isFinite(focusAspectRatio) || focusAspectRatio <= 0) {
-    return sourceRect;
-  }
-
-  let focusedRect: FrameSourceRect;
-  const sourceAspectRatio = sourceRect.width / sourceRect.height;
-  if (sourceAspectRatio > focusAspectRatio) {
-    const focusedWidth = Math.max(1, Math.min(sourceRect.width, Math.round(sourceRect.height * focusAspectRatio)));
-
-    focusedRect = {
-      height: sourceRect.height,
-      width: focusedWidth,
-      x: sourceRect.x + Math.max(0, Math.round((sourceRect.width - focusedWidth) / 2)),
-      y: sourceRect.y,
-    };
-  } else {
-    const focusedHeight = Math.max(1, Math.min(sourceRect.height, Math.round(sourceRect.width / focusAspectRatio)));
-
-    focusedRect = {
-      height: focusedHeight,
-      width: sourceRect.width,
-      x: sourceRect.x,
-      y: sourceRect.y + Math.max(0, Math.round((sourceRect.height - focusedHeight) / 2)),
-    };
-  }
-
-  if (!Number.isFinite(focusScale) || focusScale <= 0 || focusScale >= 1) {
-    return focusedRect;
-  }
-
-  const scaledWidth = Math.max(1, Math.round(focusedRect.width * focusScale));
-  const scaledHeight = Math.max(1, Math.round(focusedRect.height * focusScale));
-
-  return {
-    height: scaledHeight,
-    width: scaledWidth,
-    x: focusedRect.x + Math.max(0, Math.round((focusedRect.width - scaledWidth) / 2)),
-    y: focusedRect.y + Math.max(0, Math.round((focusedRect.height - scaledHeight) / 2)),
-  };
-};
-
-export const getViewportAnchoredFocusSourceRect = (
-  centeredFocusRect: FrameSourceRect,
-  visibleSourceRect: FrameSourceRect,
-  viewportWidth: number,
-  viewportHeight: number,
-  focusViewportRect: LPRFrameViewportRect | null | undefined
-): FrameSourceRect => {
-  if (
-    !focusViewportRect ||
-    !Number.isFinite(viewportWidth) ||
-    !Number.isFinite(viewportHeight) ||
-    !Number.isFinite(focusViewportRect.x) ||
-    !Number.isFinite(focusViewportRect.y) ||
-    !Number.isFinite(focusViewportRect.width) ||
-    !Number.isFinite(focusViewportRect.height) ||
-    viewportWidth <= 0 ||
-    viewportHeight <= 0 ||
-    focusViewportRect.width <= 0 ||
-    focusViewportRect.height <= 0 ||
-    centeredFocusRect.width <= 0 ||
-    centeredFocusRect.height <= 0 ||
-    visibleSourceRect.width <= 0 ||
-    visibleSourceRect.height <= 0 ||
-    centeredFocusRect.width > visibleSourceRect.width ||
-    centeredFocusRect.height > visibleSourceRect.height
-  ) {
-    return centeredFocusRect;
-  }
-
-  const focusCenterX = focusViewportRect.x + (focusViewportRect.width / 2);
-  const focusCenterY = focusViewportRect.y + (focusViewportRect.height / 2);
-  const sourceCenterX = visibleSourceRect.x + ((focusCenterX / viewportWidth) * visibleSourceRect.width);
-  const sourceCenterY = visibleSourceRect.y + ((focusCenterY / viewportHeight) * visibleSourceRect.height);
-  const minX = visibleSourceRect.x;
-  const minY = visibleSourceRect.y;
-  const maxX = visibleSourceRect.x + visibleSourceRect.width - centeredFocusRect.width;
-  const maxY = visibleSourceRect.y + visibleSourceRect.height - centeredFocusRect.height;
-
-  return {
-    height: centeredFocusRect.height,
-    width: centeredFocusRect.width,
-    x: clampNumber(Math.round(sourceCenterX - (centeredFocusRect.width / 2)), minX, maxX),
-    y: clampNumber(Math.round(sourceCenterY - (centeredFocusRect.height / 2)), minY, maxY),
-  };
-};
-
-export const getLPRFrameSourceRect = (
-  sourceWidth: number,
-  sourceHeight: number,
-  viewportWidth: number,
-  viewportHeight: number,
-  options: LPRFrameCaptureOptions = {}
-): FrameSourceRect => {
-  const visibleSourceRect = getVisibleCoverSourceRect(sourceWidth, sourceHeight, viewportWidth, viewportHeight);
-
-  if (options.focusCrop === false) {
-    return visibleSourceRect;
-  }
-
-  const centeredFocusRect = getCenteredFocusSourceRect(
-    visibleSourceRect,
-    LPR_FRAME_FOCUS_ASPECT_RATIO,
-    options.focusScale ?? LPR_FRAME_SCANNER_FOCUS_SCALE
-  );
-
-  return getViewportAnchoredFocusSourceRect(
-    centeredFocusRect,
-    visibleSourceRect,
-    viewportWidth,
-    viewportHeight,
-    options.focusViewportRect
-  );
-};
-
-const getVideoFrameSourceRect = (video: HTMLVideoElement, options: LPRFrameCaptureOptions = {}): FrameSourceRect => {
-  const configuredViewportWidth = Number(options.viewportWidth);
-  const configuredViewportHeight = Number(options.viewportHeight);
-  const hasConfiguredViewportSize =
-    Number.isFinite(configuredViewportWidth) &&
-    configuredViewportWidth > 0 &&
-    Number.isFinite(configuredViewportHeight) &&
-    configuredViewportHeight > 0;
-  const viewportWidth = hasConfiguredViewportSize ? configuredViewportWidth : video.clientWidth;
-  const viewportHeight = hasConfiguredViewportSize ? configuredViewportHeight : video.clientHeight;
-
-  return getLPRFrameSourceRect(
-    video.videoWidth,
-    video.videoHeight,
-    viewportWidth,
-    viewportHeight,
-    options
-  );
-};
-
-export const isVideoFrameReadyForLPR = (video: HTMLVideoElement): boolean =>
-  video.readyState >= HTML_MEDIA_HAVE_CURRENT_DATA
-  && video.videoWidth > 0
-  && video.videoHeight > 0;
-
-const sampleBlobFingerprintBytes = async (blob: Blob): Promise<string> => {
-  let hash = LPR_FRAME_FINGERPRINT_HASH_SEED;
-  const sampleWidth = Math.min(LPR_FRAME_FINGERPRINT_SAMPLE_BYTES, blob.size);
-  const offsets = [
-    0,
-    Math.max(0, Math.floor(blob.size / 2) - Math.floor(sampleWidth / 2)),
-    Math.max(0, blob.size - sampleWidth),
-  ];
-  let previousOffset: number | null = null;
-
-  for (const offset of offsets) {
-    if (offset === previousOffset) {
-      continue;
-    }
-    previousOffset = offset;
-    const bytes = new Uint8Array(await blob.slice(offset, offset + sampleWidth).arrayBuffer());
-    for (let index = 0; index < bytes.length; index += 1) {
-      const byte = bytes[index];
-      hash ^= byte;
-      hash = Math.imul(hash, LPR_FRAME_FINGERPRINT_HASH_PRIME) >>> 0;
-    }
-  }
-
-  return hash.toString(16).padStart(8, "0");
-};
-
-export const buildLPRFrameFingerprint = async (
-  blob: Blob,
-  width: number,
-  height: number
-): Promise<string> => `${width}x${height}:${blob.size}:${await sampleBlobFingerprintBytes(blob)}`;
-
-export const buildLPRFrameFingerprintKey = (
-  blob: Blob,
-  width: number,
-  height: number
-): string => `${width}x${height}:${blob.size}`;
-
-export const getVisualFingerprintDistance = (first: string | null | undefined, second: string | null | undefined): number => {
-  if (!first || !second || first.length !== second.length) {
-    return Number.POSITIVE_INFINITY;
-  }
-
-  let distance = 0;
-  for (let index = 0; index < first.length; index += 1) {
-    const firstNibble = Number.parseInt(first[index], 16);
-    const secondNibble = Number.parseInt(second[index], 16);
-    if (!Number.isInteger(firstNibble) || !Number.isInteger(secondNibble)) {
-      return Number.POSITIVE_INFINITY;
-    }
-    distance += NIBBLE_BIT_COUNT[firstNibble ^ secondNibble];
-  }
-
-  return distance;
-};
-
-const buildSourceVisualFingerprint = (
-  source: CanvasImageSource,
-  sourceRect: FrameSourceRect,
-  visualFingerprintCanvas: HTMLCanvasElement | null | undefined
-): string | null => {
-  if (
-    sourceRect.width <= 0 ||
-    sourceRect.height <= 0 ||
-    !Number.isFinite(sourceRect.x) ||
-    !Number.isFinite(sourceRect.y) ||
-    !Number.isFinite(sourceRect.width) ||
-    !Number.isFinite(sourceRect.height) ||
-    !visualFingerprintCanvas
-  ) {
-    return null;
-  }
-
-  try {
-    if (visualFingerprintCanvas.width !== LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE) {
-      visualFingerprintCanvas.width = LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE;
-    }
-    if (visualFingerprintCanvas.height !== LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE) {
-      visualFingerprintCanvas.height = LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE;
-    }
-
-    let context = visualFingerprintCanvasContexts.get(visualFingerprintCanvas) ?? null;
-    if (context === null) {
-      context = visualFingerprintCanvas.getContext("2d", {
-        alpha: false,
-        willReadFrequently: true,
-      });
-      if (context !== null) {
-        visualFingerprintCanvasContexts.set(visualFingerprintCanvas, context);
-      }
-    }
-    if (!context || typeof context.getImageData !== "function") {
-      return null;
-    }
-
-    context.drawImage(
-      source,
-      sourceRect.x,
-      sourceRect.y,
-      sourceRect.width,
-      sourceRect.height,
-      0,
-      0,
-      LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE,
-      LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE
-    );
-
-    const imageData = context.getImageData(
-      0,
-      0,
-      LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE,
-      LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE
-    ).data;
-    const sampleCount = LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE * LPR_FRAME_VISUAL_FINGERPRINT_GRID_SIZE;
-    let luminanceTotal = 0;
-    for (let pixelOffset = 0; pixelOffset < imageData.length; pixelOffset += 4) {
-      luminanceTotal +=
-        (imageData[pixelOffset] * 0.299)
-        + (imageData[pixelOffset + 1] * 0.587)
-        + (imageData[pixelOffset + 2] * 0.114);
-    }
-
-    const averageLuminance = luminanceTotal / sampleCount;
-    let fingerprint = "";
-    for (let pixelOffset = 0; pixelOffset < imageData.length; pixelOffset += 16) {
-      let nibble = 0;
-      for (let offset = 0; offset < 4; offset += 1) {
-        const offsetPixel = pixelOffset + (offset * 4);
-        const luminance =
-          (imageData[offsetPixel] * 0.299)
-          + (imageData[offsetPixel + 1] * 0.587)
-          + (imageData[offsetPixel + 2] * 0.114);
-        if (luminance > averageLuminance) {
-          nibble |= 1 << (3 - offset);
-        }
-      }
-      fingerprint += nibble.toString(16);
-    }
-
-    return fingerprint;
-  } catch {
-    return null;
-  }
-};
-
-const buildMemoizedLPRFrameContentFingerprint = (
-  blob: Blob,
-  width: number,
-  height: number
-): (() => Promise<string>) => {
-  let fingerprintPromise: Promise<string> | null = null;
-
-  return () => {
-    fingerprintPromise ??= buildLPRFrameFingerprint(blob, width, height).catch((error) => {
-      fingerprintPromise = null;
-      throw error;
-    });
-
-    return fingerprintPromise;
-  };
-};
-
-const nowMs = (): number =>
-  typeof performance !== "undefined" && typeof performance.now === "function"
-    ? performance.now()
-    : Date.now();
-
-const getJpegQualityForFrame = (options: LPRFrameCaptureOptions): number => {
-  if (Number.isFinite(options.jpegQuality) && options.jpegQuality > 0 && options.jpegQuality <= 1) {
-    return options.jpegQuality;
-  }
-
-  return options.focusCrop === false
-    ? LPR_FRAME_JPEG_QUALITY
-    : LPR_FRAME_SCANNER_JPEG_QUALITY;
-};
-
-const shouldEncodeFrameCandidate = async (
-  candidate: LPRFrameEncodeCandidate,
-  shouldEncode: LPRFrameCaptureOptions["shouldEncode"]
-): Promise<boolean> => {
-  if (typeof shouldEncode !== "function") {
-    return true;
-  }
-
-  try {
-    return await shouldEncode(candidate);
-  } catch {
-    return true;
-  }
-};
-
-const shouldBuildVisualFingerprintBeforeEncode = (
-  shouldBuildVisualFingerprint: LPRFrameCaptureOptions["shouldBuildVisualFingerprint"]
-): boolean => {
-  if (typeof shouldBuildVisualFingerprint !== "function") {
-    return true;
-  }
-
-  try {
-    return shouldBuildVisualFingerprint();
-  } catch {
-    return true;
-  }
-};
-
-const getOffscreenEncodingCanvas = (fallbackCanvas: HTMLCanvasElement): OffscreenCanvas | null => {
-  if (typeof OffscreenCanvas === "undefined") {
-    return null;
-  }
-
-  if (disabledOffscreenEncodingCanvases.has(fallbackCanvas)) {
-    return null;
-  }
-
-  let canvas = offscreenEncodingCanvases.get(fallbackCanvas) ?? null;
-  if (canvas === null) {
-    canvas = new OffscreenCanvas(1, 1);
-    offscreenEncodingCanvases.set(fallbackCanvas, canvas);
-  }
-
-  return canvas;
-};
-
-const isOffscreenEncodingCanvas = (canvas: LPRFrameEncodingCanvas): canvas is OffscreenCanvas =>
-  typeof OffscreenCanvas !== "undefined" && canvas instanceof OffscreenCanvas;
-
-const encodeCanvasBlob = (
-  canvas: LPRFrameEncodingCanvas,
-  mimeType: string,
-  quality: number
-): Promise<Blob | null> => {
-  if (isOffscreenEncodingCanvas(canvas)) {
-    return typeof canvas.convertToBlob === "function"
-      ? canvas.convertToBlob({ type: mimeType, quality }).catch(() => null)
-      : Promise.resolve(null);
-  }
-
-  if (typeof canvas.toBlob !== "function") {
-    return Promise.resolve(null);
-  }
-
-  return new Promise<Blob | null>((resolve) => {
-    canvas.toBlob(resolve, mimeType, quality);
-  });
-};
-
-const getEncodingCanvasContext = (canvas: LPRFrameEncodingCanvas): LPRFrameEncodingContext | null => {
-  let context = encodingCanvasContexts.get(canvas) ?? null;
-  if (context !== null) {
-    return context;
-  }
-
-  context = canvas.getContext("2d", LPR_ENCODING_CANVAS_CONTEXT_OPTIONS) as LPRFrameEncodingContext | null;
-  if (context !== null) {
-    encodingCanvasContexts.set(canvas, context);
-  }
-
-  return context;
-};
-
-const drawAndEncodeFrame = async (
-  video: HTMLVideoElement,
-  canvas: LPRFrameEncodingCanvas,
-  sourceRect: FrameSourceRect,
-  targetSize: FrameSize,
-  options: LPRFrameCaptureOptions
-): Promise<LPRFrameEncodedCanvas | null> => {
-  if (canvas.width !== targetSize.width) {
-    canvas.width = targetSize.width;
-  }
-  if (canvas.height !== targetSize.height) {
-    canvas.height = targetSize.height;
-  }
-
-  const context = getEncodingCanvasContext(canvas);
-
-  if (!context) {
-    return null;
-  }
-
-  const drawStartedAt = nowMs();
-  context.drawImage(
-    video,
-    sourceRect.x,
-    sourceRect.y,
-    sourceRect.width,
-    sourceRect.height,
-    0,
-    0,
-    targetSize.width,
-    targetSize.height
-  );
-  const drawMs = Math.max(0, nowMs() - drawStartedAt);
-  try {
-    options.onFrameDrawn?.();
-  } catch {
-    // Capture must continue even if preview throttling cannot be applied.
-  }
-
-  const encodeStartedAt = nowMs();
-  const blob = await encodeCanvasBlob(canvas, LPR_FRAME_MIME_TYPE, getJpegQualityForFrame(options));
-  const encodeMs = Math.max(0, nowMs() - encodeStartedAt);
-  if (!blob) {
-    return null;
-  }
-
-  return {
-    blob,
-    canvas,
-    timings: {
-      drawMs,
-      encodeMs,
-    },
-  };
-};
-
-const captureEncodedCanvas = async (
-  video: HTMLVideoElement,
-  fallbackCanvas: HTMLCanvasElement,
-  sourceRect: FrameSourceRect,
-  targetSize: FrameSize,
-  options: LPRFrameCaptureOptions
-): Promise<LPRFrameEncodedCanvas | null> => {
-  const offscreenCanvas = getOffscreenEncodingCanvas(fallbackCanvas);
-  if (offscreenCanvas !== null) {
-    try {
-      const encoded = await drawAndEncodeFrame(video, offscreenCanvas, sourceRect, targetSize, options);
-      if (encoded !== null) {
-        return encoded;
-      }
-      disabledOffscreenEncodingCanvases.add(fallbackCanvas);
-    } catch {
-      // Some browsers expose OffscreenCanvas but reject drawing live video into it.
-      disabledOffscreenEncodingCanvases.add(fallbackCanvas);
-    }
-  }
-
-  const encoded = await drawAndEncodeFrame(video, fallbackCanvas, sourceRect, targetSize, options);
-  if (encoded === null) {
-    console.error("Failed to capture camera frame");
-  }
-
-  return encoded;
-};
-
-export const captureVideoFrameBlobForLPR = async (
-  video: HTMLVideoElement,
-  canvas: HTMLCanvasElement,
-  options: LPRFrameCaptureOptions = {}
-): Promise<LPRFramePayload | null> => {
-  const captureStartedAt = nowMs();
-  const captureTimings: LPRFrameCaptureTimings = {
-    drawMs: 0,
-    encodeMs: 0,
-    visualFingerprintMs: 0,
-  };
-  const sourceRect = getVideoFrameSourceRect(video, options);
-  const targetSize = getLPRFrameTargetSize(sourceRect, options);
-
-  if (targetSize.width === 0 || targetSize.height === 0) {
-    return null;
-  }
-
-  const visualFingerprintCanvas = options.visualFingerprintCanvas ?? null;
-  let visualFingerprint: string | null = null;
-  if (shouldBuildVisualFingerprintBeforeEncode(options.shouldBuildVisualFingerprint)) {
-    const visualFingerprintStartedAt = nowMs();
-    visualFingerprint = buildSourceVisualFingerprint(video, sourceRect, visualFingerprintCanvas);
-    captureTimings.visualFingerprintMs = Math.max(0, nowMs() - visualFingerprintStartedAt);
-  }
-  let hasTriedLazyVisualFingerprint = false;
-  const candidate: LPRFrameEncodeCandidate = {
-    height: targetSize.height,
-    ...(visualFingerprint !== null ? { visualFingerprint } : {}),
-    width: targetSize.width,
-  };
-
-  if (!await shouldEncodeFrameCandidate(candidate, options.shouldEncode)) {
-    return null;
-  }
-
-  const encoded = await captureEncodedCanvas(video, canvas, sourceRect, targetSize, options);
-  if (encoded === null) {
-    return null;
-  }
-  const { blob, canvas: encodedCanvas } = encoded;
-  captureTimings.drawMs = encoded.timings.drawMs;
-  captureTimings.encodeMs = encoded.timings.encodeMs;
-
-  const getVisualFingerprint = visualFingerprintCanvas
-    ? () => {
-      if (visualFingerprint !== null || hasTriedLazyVisualFingerprint) {
-        return visualFingerprint;
-      }
-
-      hasTriedLazyVisualFingerprint = true;
-      visualFingerprint = buildSourceVisualFingerprint(encodedCanvas, {
-        height: targetSize.height,
-        width: targetSize.width,
-        x: 0,
-        y: 0,
-      }, visualFingerprintCanvas);
-
-      return visualFingerprint;
-    }
-    : undefined;
-
-  return {
-    blob,
-    captureDurationMs: Math.max(0, nowMs() - captureStartedAt),
-    captureTimings,
-    filename: LPR_FRAME_FILE_NAME,
-    fingerprint: buildLPRFrameFingerprintKey(blob, targetSize.width, targetSize.height),
-    getContentFingerprint: buildMemoizedLPRFrameContentFingerprint(blob, targetSize.width, targetSize.height),
-    ...(getVisualFingerprint ? { getVisualFingerprint } : {}),
-    height: targetSize.height,
-    mimeType: blob.type || LPR_FRAME_MIME_TYPE,
-    ...(visualFingerprint !== null ? { visualFingerprint } : {}),
-    width: targetSize.width,
-  };
-};

src/composables/useSelfServeLogic.js

@@ -1,4 +1,5 @@
-import { computed, getCurrentInstance, onUnmounted, ref } from "vue";
+import { computed, ref } from "vue";
+import { createPinia, defineStore, getActivePinia, setActivePinia, storeToRefs } from "pinia";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { safeAttachmentDownloadLink } from "@/services/attachmentDownloadLinks.js";
 
@@ -271,56 +272,26 @@ const mergeByNumericId = (existingItems, incomingItems) => {
   return merged;
 };
 
-const taskStableKey = (task) =>
-  String(task?.task ?? "")
-    .trim()
-    .toLowerCase();
+let selfServeLogicStoreInstance = 0;
+let fallbackSelfServePinia = null;
 
-const mergeTaskSets = (existingTasks, incomingTasks) => {
-  if (!Array.isArray(existingTasks) || existingTasks.length === 0) {
-    return Array.isArray(incomingTasks) ? [...incomingTasks] : [];
+const ensureSelfServePinia = () => {
+  if (typeof document === "undefined") {
+    fallbackSelfServePinia ||= createPinia();
+    setActivePinia(fallbackSelfServePinia);
+    return fallbackSelfServePinia;
   }
 
-  if (!Array.isArray(incomingTasks) || incomingTasks.length === 0) {
-    return [...existingTasks];
+  const activePinia = getActivePinia();
+  if (activePinia) {
+    return activePinia;
   }
-
-  const usedExistingIndexes = new Set();
-
-  return incomingTasks.map((incomingTask) => {
-    const incomingId = extractTaskId(incomingTask);
-    let existingIndex = -1;
-
-    if (incomingId) {
-      existingIndex = existingTasks.findIndex((task) => extractTaskId(task) === incomingId);
-    } else {
-      const incomingKey = taskStableKey(incomingTask);
-      existingIndex = existingTasks.findIndex(
-        (task, index) => !usedExistingIndexes.has(index) && taskStableKey(task) === incomingKey
-      );
-    }
-
-    if (existingIndex === -1) {
-      return incomingTask;
-    }
-
-    usedExistingIndexes.add(existingIndex);
-    const existingTask = existingTasks[existingIndex];
-
-    return {
-      ...existingTask,
-      ...incomingTask,
-      id: incomingTask.id || existingTask.id,
-      task_id: incomingTask.task_id || existingTask.task_id,
-      attachments: Array.isArray(incomingTask.attachments) && incomingTask.attachments.length > 0
-        ? incomingTask.attachments
-        : existingTask.attachments,
-      _attachmentsLoaded: incomingTask._attachmentsLoaded || existingTask._attachmentsLoaded,
-    };
-  });
+  fallbackSelfServePinia ||= createPinia();
+  setActivePinia(fallbackSelfServePinia);
+  return fallbackSelfServePinia;
 };
 
-export function useSelfServeLogic() {
+const createSelfServeLogicStore = (storeId) => defineStore(storeId, () => {
   const loading = ref(false);
   const requestError = ref(null);
   const preview = ref(null);
@@ -345,94 +316,19 @@ export function useSelfServeLogic() {
   const lastResolvedVehicleTypeId = ref(null);
   const summaryVisibleQuestionIds = ref([]);
   const summaryQuestionOrder = ref({});
-  const activeFetchAbortController = ref(null);
-  const latestMutationRequestId = ref(0);
-  const latestSuccessfulFetchKey = ref(null);
-  const inFlightFetchKey = ref(null);
+  const latestFetchRequestId = ref(0);
 
-  const createFetchKey = (departmentId, vehicleTypeId, laneId, reg) => {
-    const normalizedDepartmentId = parseInt(departmentId);
-    const normalizedLaneId = parseInt(laneId);
-    const normalizedReg = String(reg || "").trim().toUpperCase();
-    const normalizedVehicleTypeId = parseInt(vehicleTypeId);
-    const vehicleTypeKey = !Number.isNaN(normalizedVehicleTypeId) && normalizedVehicleTypeId > 0
-      ? normalizedVehicleTypeId
-      : "";
-
-    if (
-      Number.isNaN(normalizedDepartmentId)
-      || normalizedDepartmentId <= 0
-      || Number.isNaN(normalizedLaneId)
-      || normalizedLaneId <= 0
-      || normalizedReg.length < 2
-    ) {
-      return null;
-    }
-
-    return [normalizedDepartmentId, normalizedLaneId, normalizedReg, vehicleTypeKey].join("|");
+  const beginFetchRequest = () => {
+    latestFetchRequestId.value += 1;
+    return latestFetchRequestId.value;
   };
 
-  const isCanceledRequest = (error) => (
-    error?.code === "ERR_CANCELED"
-    || error?.name === "CanceledError"
-    || error?.name === "AbortError"
+  const isFetchRequestActive = (requestId) => (
+    requestId === null
+    || requestId === undefined
+    || requestId === latestFetchRequestId.value
   );
 
-  const abortActiveFetchRequest = () => {
-    // Abort the previous self-serve read before a newer one starts; only the live signal may write state.
-    activeFetchAbortController.value?.abort();
-    activeFetchAbortController.value = null;
-  };
-
-  const beginFetchRequest = (externalSignal = null) => {
-    abortActiveFetchRequest();
-    if (typeof AbortController !== "function") {
-      return null;
-    }
-
-    const abortController = new AbortController();
-    if (externalSignal) {
-      if (externalSignal.aborted) {
-        abortController.abort();
-      } else {
-        externalSignal.addEventListener("abort", () => abortController.abort(), { once: true });
-      }
-    }
-    activeFetchAbortController.value = abortController;
-    return abortController;
-  };
-
-  const isFetchSignalActive = (signal = null) => (
-    !signal || (!signal.aborted && activeFetchAbortController.value?.signal === signal)
-  );
-
-  const requestPreviewAllowed = (laneId, reg, vehicleTypeId = null, signal = null) => {
-    const previewAllowed = SessionUser.objects.self_serve_vehicle_conditions.get.previewAllowed;
-    if (!signal || previewAllowed.length < 3) {
-      return vehicleTypeId
-        ? previewAllowed(laneId, reg, vehicleTypeId)
-        : previewAllowed(laneId, reg);
-    }
-
-    return previewAllowed(laneId, reg, vehicleTypeId, { signal });
-  };
-
-  const requestWashSummary = (params = {}, signal = null) => {
-    const washSummary = SessionUser.objects.self_serve_vehicle_conditions.get.washSummary;
-    if (!signal || washSummary.length < 2) {
-      return washSummary(params);
-    }
-
-    return washSummary(params, { signal });
-  };
-
-  const beginMutationRequest = () => {
-    latestMutationRequestId.value += 1;
-    return latestMutationRequestId.value;
-  };
-
-  const isMutationRequestActive = (requestId) => requestId === latestMutationRequestId.value;
-
   const setSummaryVisibleQuestions = (questionList = []) => {
     const normalizedIds = (Array.isArray(questionList) ? questionList : [])
       .map((question) => parseInt(question?.id ?? 0))
@@ -539,8 +435,8 @@ export function useSelfServeLogic() {
   };
 
   const applyPreviewData = async (previewData, options = {}) => {
-    const { mergeQuestions = false, signal = null } = options;
-    if (!isFetchSignalActive(signal)) {
+    const { mergeQuestions = false, requestId = null } = options;
+    if (!isFetchRequestActive(requestId)) {
       return false;
     }
 
@@ -549,10 +445,6 @@ export function useSelfServeLogic() {
     machineType.value = previewData?.machine_type || machineType.value;
     vehicle.value = previewData?.vehicle || null;
     session.value = previewData?.session || session.value;
-    if (!previewData?.session?.id) {
-      summary.value = null;
-      events.value = [];
-    }
     if (Object.prototype.hasOwnProperty.call(previewData || {}, "config_version_id")) {
       configVersionId.value = previewData?.config_version_id ?? null;
     }
@@ -571,7 +463,6 @@ export function useSelfServeLogic() {
 
     questions.value = nextQuestions;
     answers.value = buildAnswersMap(nextQuestions);
-    setSummaryVisibleQuestions(nextQuestions);
 
     const normalizedConditions = Array.isArray(previewData?.conditions)
       ? previewData.conditions.map(normalizeCondition)
@@ -591,21 +482,19 @@ export function useSelfServeLogic() {
       ? previewData.tasks.map(normalizeTask).sort((a, b) => a.order_priority - b.order_priority)
       : [];
 
-    tasks.value = normalizedTasks;
-    applyAllowedServices(previewData);
-
     const hydratedTasks = await hydrateTaskAttachments(normalizedTasks);
-    if (!isFetchSignalActive(signal)) {
+    if (!isFetchRequestActive(requestId)) {
       return false;
     }
 
     tasks.value = hydratedTasks;
+    applyAllowedServices(previewData);
     return true;
   };
 
   const applySummaryData = async (summaryData, options = {}) => {
-    const { signal = null } = options;
-    if (!isFetchSignalActive(signal)) {
+    const { requestId = null } = options;
+    if (!isFetchRequestActive(requestId)) {
       return false;
     }
 
@@ -644,10 +533,9 @@ export function useSelfServeLogic() {
       const normalizedTasks = summaryData.tasks
         .map(normalizeTask)
         .sort((a, b) => a.order_priority - b.order_priority);
-      const mergedTasks = mergeTaskSets(tasks.value, normalizedTasks);
 
-      const hydratedTasks = await hydrateTaskAttachments(mergedTasks);
-      if (!isFetchSignalActive(signal)) {
+      const hydratedTasks = await hydrateTaskAttachments(normalizedTasks);
+      if (!isFetchRequestActive(requestId)) {
         return false;
       }
 
@@ -677,7 +565,7 @@ export function useSelfServeLogic() {
   };
 
   const fetchWashSummary = async (params = {}, manageLoading = true, options = {}) => {
-    const { signal = null } = options;
+    const { requestId = null } = options;
     if (!params.session_id && !(params.lane_id && params.reg)) {
       return null;
     }
@@ -687,39 +575,30 @@ export function useSelfServeLogic() {
     }
 
     try {
-      const summaryData = await requestWashSummary(params, signal);
-      const didApply = await applySummaryData(summaryData, { signal });
+      const summaryData = await SessionUser.objects.self_serve_vehicle_conditions.get.washSummary(params);
+      const didApply = await applySummaryData(summaryData, { requestId });
       if (!didApply) {
         return null;
       }
       requestError.value = null;
       return summaryData;
     } catch (error) {
-      if (isCanceledRequest(error)) {
-        return null;
-      }
       console.error("Error fetching self-serve summary:", error);
-      if (isFetchSignalActive(signal)) {
+      if (isFetchRequestActive(requestId)) {
         requestError.value = extractErrorMessage(error, "Kunne ikke hente vaskestatus. Prøv igen.");
       }
       return null;
     } finally {
-      if (manageLoading && isFetchSignalActive(signal)) {
+      if (manageLoading) {
         loading.value = false;
       }
     }
   };
 
-  const fetchSelfServeData = async (_departmentId, _vehicleTypeId, laneId = null, reg = null, options = {}) => {
-    const fetchKey = createFetchKey(_departmentId, _vehicleTypeId, laneId, reg);
-    if (!options.force && fetchKey && (fetchKey === latestSuccessfulFetchKey.value || fetchKey === inFlightFetchKey.value)) {
-      return null;
-    }
+  const fetchSelfServeData = async (_departmentId, _vehicleTypeId, laneId = null, reg = null) => {
+    const requestId = beginFetchRequest();
 
     if (!laneId || !reg || reg.trim().length < 2) {
-      abortActiveFetchRequest();
-      latestSuccessfulFetchKey.value = null;
-      inFlightFetchKey.value = null;
       preview.value = null;
       summary.value = null;
       session.value = null;
@@ -745,11 +624,8 @@ export function useSelfServeLogic() {
       return null;
     }
 
-    const abortController = beginFetchRequest(options.signal || null);
-    const signal = abortController?.signal || null;
     loading.value = true;
     requestError.value = null;
-    inFlightFetchKey.value = fetchKey;
     try {
       const normalizedReg = reg.trim().toUpperCase();
       const normalizedVehicleTypeId = parseInt(_vehicleTypeId);
@@ -764,18 +640,18 @@ export function useSelfServeLogic() {
       const contextKey = `${parseInt(laneId)}:${normalizedReg}:${contextVehicleTypeKey}`;
       const shouldMergeQuestions = lastPreviewContextKey.value === contextKey;
       const previewData = hasVehicleTypeOverride
-        ? await requestPreviewAllowed(laneId, normalizedReg, normalizedVehicleTypeId, signal)
-        : await requestPreviewAllowed(laneId, normalizedReg, null, signal);
+        ? await SessionUser.objects.self_serve_vehicle_conditions.get.previewAllowed(laneId, normalizedReg, normalizedVehicleTypeId)
+        : await SessionUser.objects.self_serve_vehicle_conditions.get.previewAllowed(laneId, normalizedReg);
 
-      if (!isFetchSignalActive(signal)) {
+      if (!isFetchRequestActive(requestId)) {
         return null;
       }
 
       const didApplyPreview = await applyPreviewData(previewData, {
         mergeQuestions: shouldMergeQuestions,
-        signal,
+        requestId,
       });
-      if (!didApplyPreview || !isFetchSignalActive(signal)) {
+      if (!didApplyPreview || !isFetchRequestActive(requestId)) {
         return null;
       }
 
@@ -790,11 +666,11 @@ export function useSelfServeLogic() {
         summaryData = await fetchWashSummary(
           { session_id: previewData.session.id },
           false,
-          { signal }
+          { requestId }
         );
       }
 
-      if (!isFetchSignalActive(signal)) {
+      if (!isFetchRequestActive(requestId)) {
         return null;
       }
 
@@ -816,9 +692,9 @@ export function useSelfServeLogic() {
         const fallbackSummary = await fetchWashSummary(
           fallbackSummaryParams,
           false,
-          { signal }
+          { requestId }
         );
-        if (!isFetchSignalActive(signal)) {
+        if (!isFetchRequestActive(requestId)) {
           return null;
         }
 
@@ -827,31 +703,19 @@ export function useSelfServeLogic() {
       }
 
       // If summary is not available yet, keep the preview list visible so the Questions step is not empty.
-      if (!hasSummaryQuestions && isFetchSignalActive(signal)) {
+      if (!hasSummaryQuestions && isFetchRequestActive(requestId)) {
         setSummaryVisibleQuestions(questions.value);
       }
 
-      if (isFetchSignalActive(signal)) {
-        latestSuccessfulFetchKey.value = fetchKey;
-      }
-
       return previewData;
     } catch (error) {
-      if (isCanceledRequest(error)) {
-        return null;
-      }
       console.error("Error fetching self-serve preview:", error);
-      if (isFetchSignalActive(signal)) {
+      if (isFetchRequestActive(requestId)) {
         requestError.value = extractErrorMessage(error);
       }
       return null;
     } finally {
-      const isCurrentFetch = !abortController || activeFetchAbortController.value === abortController;
-      if (isCurrentFetch) {
-        if (inFlightFetchKey.value === fetchKey) {
-          inFlightFetchKey.value = null;
-        }
-        activeFetchAbortController.value = null;
+      if (isFetchRequestActive(requestId)) {
         loading.value = false;
       }
     }
@@ -862,7 +726,6 @@ export function useSelfServeLogic() {
       return null;
     }
 
-    const mutationRequestId = beginMutationRequest();
     loading.value = true;
     try {
       const normalizedReg = reg.trim().toUpperCase();
@@ -890,10 +753,6 @@ export function useSelfServeLogic() {
       const payload = response?.data?.data || response?.data || response || {};
       const responseSummary = payload?.selfserve || null;
 
-      if (!isMutationRequestActive(mutationRequestId)) {
-        return payload;
-      }
-
       answers.value = {
         ...answers.value,
         [parseInt(questionId)]: value,
@@ -910,10 +769,7 @@ export function useSelfServeLogic() {
         updateResolvedVehicleTypeId(responseSummary, responseSummary?.session);
       }
 
-      await fetchSelfServeData(departmentId, refreshVehicleTypeId, laneId, normalizedReg, { force: true });
-      if (!isMutationRequestActive(mutationRequestId)) {
-        return payload;
-      }
+      await fetchSelfServeData(departmentId, refreshVehicleTypeId, laneId, normalizedReg);
       answers.value = {
         ...answers.value,
         [parseInt(questionId)]: value,
@@ -921,14 +777,10 @@ export function useSelfServeLogic() {
       return payload;
     } catch (error) {
       console.error("Error synchronizing vehicle answer:", error);
-      if (isMutationRequestActive(mutationRequestId)) {
-        requestError.value = extractErrorMessage(error, "Kunne ikke gemme svaret. Prøv igen.");
-      }
+      requestError.value = extractErrorMessage(error, "Kunne ikke gemme svaret. Prøv igen.");
       throw error;
     } finally {
-      if (isMutationRequestActive(mutationRequestId)) {
-        loading.value = false;
-      }
+      loading.value = false;
     }
   };
 
@@ -937,7 +789,6 @@ export function useSelfServeLogic() {
       return { deletedCount: 0 };
     }
 
-    const mutationRequestId = beginMutationRequest();
     loading.value = true;
     try {
       const normalizedReg = reg.trim().toUpperCase();
@@ -973,10 +824,6 @@ export function useSelfServeLogic() {
         SessionUser.objects.self_serve_vehicle_conditions.delete(conditionId)
       )));
 
-      if (!isMutationRequestActive(mutationRequestId)) {
-        return { deletedCount: conditionIdsToDelete.length };
-      }
-
       // Force a non-merge refresh so cleared answers are not kept from local state.
       lastPreviewContextKey.value = null;
       const refreshVehicleTypeCandidate = vehicleTypeId !== null && vehicleTypeId !== undefined
@@ -987,19 +834,15 @@ export function useSelfServeLogic() {
         ? normalizedRefreshVehicleTypeId
         : null;
 
-      await fetchSelfServeData(departmentId, refreshVehicleTypeId, parseInt(laneId), normalizedReg, { force: true });
+      await fetchSelfServeData(departmentId, refreshVehicleTypeId, parseInt(laneId), normalizedReg);
 
       return { deletedCount: conditionIdsToDelete.length };
     } catch (error) {
       console.error("Error clearing self-serve answers:", error);
-      if (isMutationRequestActive(mutationRequestId)) {
-        requestError.value = extractErrorMessage(error, "Kunne ikke nulstille svar. Prøv igen.");
-      }
+      requestError.value = extractErrorMessage(error, "Kunne ikke nulstille svar. Prøv igen.");
       throw error;
     } finally {
-      if (isMutationRequestActive(mutationRequestId)) {
-        loading.value = false;
-      }
+      loading.value = false;
     }
   };
 
@@ -1161,27 +1004,9 @@ export function useSelfServeLogic() {
     return activeTaskServices.value.includes(serviceName);
   };
 
-  const updateLaneAllowedServices = async (laneId, options = {}) => {
+  const updateLaneAllowedServices = async (laneId) => {
     if (!laneId) return;
-    const hasTaskIdsOverride = Array.isArray(options.taskIds);
-    const activeTaskIds = hasTaskIdsOverride
-      ? options.taskIds.map((taskId) => parseInt(taskId)).filter(Boolean)
-      : activeTasks.value.map((task) => extractTaskId(task)).filter(Boolean);
-    const taskIds = hasTaskIdsOverride || activeTaskIds.length > 0
-      ? activeTaskIds
-      : tasks.value.map((task) => extractTaskId(task)).filter(Boolean);
-
-    if (taskIds.length === 0) {
-      requestError.value = null;
-      return {
-        success: true,
-        data: {
-          lane_id: parseInt(laneId),
-          allowed_services: allowedServices.value,
-          skipped_empty_task_sync: true,
-        },
-      };
-    }
+    const taskIds = activeTasks.value.map((task) => extractTaskId(task)).filter(Boolean);
 
     try {
       const response = await SessionUser.request('/modules/self-serve/lane/services/allowed', 'post', {
@@ -1227,12 +1052,6 @@ export function useSelfServeLogic() {
     }
   };
 
-  if (getCurrentInstance()) {
-    onUnmounted(() => {
-      abortActiveFetchRequest();
-    });
-  }
-
   return {
     loading,
     error: requestError,
@@ -1250,7 +1069,6 @@ export function useSelfServeLogic() {
     answers,
     completedTasks,
     allowedServices,
-    resolvedVehicleTypeId: lastResolvedVehicleTypeId,
     configVersionId,
     evaluationTrace,
     visibleQuestions,
@@ -1262,7 +1080,52 @@ export function useSelfServeLogic() {
     allowed,
     fetchSelfServeData,
     fetchWashSummary,
-    cancelSelfServeFetch: abortActiveFetchRequest,
+    syncVehicleAnswer,
+    clearVehicleAnswers,
+    evaluateRule,
+    evaluateCondition,
+    isQuestionVisible,
+    isTaskActive,
+    isServiceAllowed,
+    updateLaneAllowedServices,
+    enableMachineRelay,
+    isImage,
+    downloadAttachment,
+    reset,
+    answerQuestion,
+    removeAnswer,
+  };
+});
+
+export function useSelfServeLogic(options = {}) {
+  const pinia = ensureSelfServePinia();
+  const explicitStoreId = typeof options === "string" ? options : options?.storeId;
+  const storeId = explicitStoreId || `selfServeLogic:${++selfServeLogicStoreInstance}`;
+  const store = createSelfServeLogicStore(storeId)(pinia);
+  const refs = storeToRefs(store);
+  const {
+    fetchSelfServeData,
+    fetchWashSummary,
+    syncVehicleAnswer,
+    clearVehicleAnswers,
+    evaluateRule,
+    evaluateCondition,
+    isQuestionVisible,
+    isTaskActive,
+    isServiceAllowed,
+    updateLaneAllowedServices,
+    enableMachineRelay,
+    isImage,
+    downloadAttachment,
+    reset,
+    answerQuestion,
+    removeAnswer,
+  } = store;
+
+  return {
+    ...refs,
+    fetchSelfServeData,
+    fetchWashSummary,
     syncVehicleAnswer,
     clearVehicleAnswers,
     evaluateRule,

src/composables/useWashDepartments.js

@@ -14,21 +14,6 @@ const isLaneSelfServeEnabled = (lane) =>
     )
   );
 
-const hasSelfServeEnabledLane = (department) =>
-  department?.self_serve_enabled === true && (department.lanes || []).some(isLaneSelfServeEnabled);
-
-const normalizeLocationCoordinates = (locationValue = locations.location.value) =>
-  locations.normalizeCoordinatePair(locationValue?.coords);
-
-const normalizeDepartmentCoordinates = (department) =>
-  locations.normalizeCoordinatePair(
-    {
-      latitude: department?.latitude,
-      longitude: department?.longitude,
-    },
-    { allowZeroPair: false }
-  );
-
 const toDepartmentViewModel = (department, distance = null) => ({
   id: department.id,
   distance,
@@ -62,7 +47,6 @@ export function useWashDepartments(options = {}) {
   const isSearchingDepartments = ref(false);
   const lastDepartmentFetchTime = ref(null);
   const departmentFetchError = ref(null);
-  const departmentSelectionStrategy = ref(null);
 
   let refreshInterval = null;
 
@@ -89,13 +73,6 @@ export function useWashDepartments(options = {}) {
     return nearestDepartment.value.self_serve_enabled === true;
   });
 
-  const isDepartmentSelectionDistanceBased = computed(() => departmentSelectionStrategy.value === "distance");
-
-  const isDepartmentSelectionFallbackBased = computed(() => departmentSelectionStrategy.value === "fallback");
-
-  const hasLocationCoordinates = (locationValue = locations.location.value) =>
-    normalizeLocationCoordinates(locationValue) !== null;
-
   const buildGuestDepartmentParams = () => (includeLanes ? { include_lanes: true } : {});
 
   const fetchDepartments = async () => {
@@ -133,97 +110,64 @@ export function useWashDepartments(options = {}) {
       const forcedDepartment = getForcedDepartment();
       if (forcedDepartment) {
         nearestDepartment.value = toDepartmentViewModel(forcedDepartment);
-        departmentSelectionStrategy.value = "forced";
         return nearestDepartment.value;
       }
     }
 
-    if (guestDepartments.value.length === 0) {
-      nearestDepartment.value = null;
-      departmentSelectionStrategy.value = null;
-      return nearestDepartment.value;
-    }
-
-    if (!hasLocationCoordinates(locationValue)) {
-      const fallbackDepartment = guestDepartments.value.find(hasSelfServeEnabledLane);
-      nearestDepartment.value = fallbackDepartment ? toDepartmentViewModel(fallbackDepartment) : null;
-      departmentSelectionStrategy.value = fallbackDepartment ? "fallback" : null;
-      return nearestDepartment.value;
-    }
-
-    const from = normalizeLocationCoordinates(locationValue);
     let currentNearestDepartment = {
       id: null,
       distance: Infinity,
     };
 
     guestDepartments.value.forEach((department) => {
-      const to = normalizeDepartmentCoordinates(department);
-      if (!from || !to) {
+      if (!locationValue?.coords) {
         return;
       }
 
+      const from = {
+        latitude: locationValue.coords.latitude,
+        longitude: locationValue.coords.longitude,
+      };
+      const to = {
+        latitude: department.latitude,
+        longitude: department.longitude,
+      };
       const distance = locations.getDistance(from, to);
 
-      if (Number.isFinite(distance) && distance < currentNearestDepartment.distance) {
+      if (distance < currentNearestDepartment.distance) {
         currentNearestDepartment = toDepartmentViewModel(department, distance);
       }
     });
 
     if (currentNearestDepartment.id) {
       nearestDepartment.value = currentNearestDepartment;
-      departmentSelectionStrategy.value = "distance";
-      return nearestDepartment.value;
-    }
-
-    const fallbackDepartment =
-      guestDepartments.value.find((department) => department.self_serve_enabled === true) || guestDepartments.value[0];
-    if (fallbackDepartment) {
-      nearestDepartment.value = toDepartmentViewModel(fallbackDepartment);
-      departmentSelectionStrategy.value = "fallback";
-    } else {
-      nearestDepartment.value = null;
-      departmentSelectionStrategy.value = null;
     }
 
     return nearestDepartment.value;
   };
 
   const orderDepartmentsByDistance = (departmentsList = guestDepartments.value) => {
-    const currentCoords = normalizeLocationCoordinates(locations.location.value);
-    if (!currentCoords) {
+    if (!locations.location.value?.coords) {
       return departmentsList;
     }
 
-    const distanceFromCurrentLocation = (department) => {
-      const departmentCoords = normalizeDepartmentCoordinates(department);
-      if (!departmentCoords) {
-        return Number.POSITIVE_INFINITY;
-      }
-
-      return locations.getDistance(currentCoords, departmentCoords);
-    };
-
     return departmentsList.slice().sort((departmentA, departmentB) => {
-      const distanceA = distanceFromCurrentLocation(departmentA);
-      const distanceB = distanceFromCurrentLocation(departmentB);
-
-      if (!Number.isFinite(distanceA) && !Number.isFinite(distanceB)) {
-        return 0;
-      }
-      if (!Number.isFinite(distanceA)) {
-        return 1;
-      }
-      if (!Number.isFinite(distanceB)) {
-        return -1;
-      }
+      const currentCoords = locations.location.value.coords;
+      const distanceA = locations.getDistance(
+        { latitude: currentCoords.latitude, longitude: currentCoords.longitude },
+        { latitude: departmentA.latitude, longitude: departmentA.longitude }
+      );
+      const distanceB = locations.getDistance(
+        { latitude: currentCoords.latitude, longitude: currentCoords.longitude },
+        { latitude: departmentB.latitude, longitude: departmentB.longitude }
+      );
 
       return distanceA - distanceB;
     });
   };
 
   const startDepartmentSearch = () => {
-    if (!canAccessSuperUser() && hasLocationCoordinates()) {
+    if (!canAccessSuperUser()) {
       return;
     }
 
@@ -301,9 +245,6 @@ export function useWashDepartments(options = {}) {
     isSearchingDepartments,
     lastDepartmentFetchTime,
     departmentFetchError,
-    departmentSelectionStrategy,
-    isDepartmentSelectionDistanceBased,
-    isDepartmentSelectionFallbackBased,
     availableProductIds,
     doesCurrentDepartmentSelectionHaveSelfServeEnabled,
     fetchDepartments,

src/composables/useWashFlowState.js

@@ -7,11 +7,6 @@ export const WASH_STEPS = {
   COMPLETED: 5,
 };
 
-const normalizeLaneId = (value) => {
-  const normalized = parseInt(String(value ?? ""), 10);
-  return Number.isNaN(normalized) || normalized <= 0 ? null : normalized;
-};
-
 export function useWashFlowState(options) {
   const {
     currentStep,
@@ -19,7 +14,7 @@ export function useWashFlowState(options) {
     customerNumberInput,
     licensePlateInput,
     vehicleTypeSelect,
-    isCustomerNumberRequired,
+    availableProductIds,
     radioLaneOption,
     nearestDepartment,
     allVisibleQuestionsAnswered,
@@ -39,17 +34,6 @@ export function useWashFlowState(options) {
     activeTasks.value.length > 0 ? steps.TASKS : steps.WASH_IN_PROGRESS
   );
 
-  const getSelectedLaneId = () => normalizeLaneId(radioLaneOption.value);
-
-  const getSelectedLane = () => {
-    const selectedLaneId = getSelectedLaneId();
-    if (selectedLaneId === null) {
-      return null;
-    }
-
-    return nearestDepartment.value?.lanes.find((lane) => normalizeLaneId(lane.id) === selectedLaneId) || null;
-  };
-
   const clickableSteps = {
     [steps.VEHICLE]: () => {
       if (washInProgress.value) {
@@ -57,15 +41,16 @@ export function useWashFlowState(options) {
       }
 
       const selectedVehicleTypeId = vehicleTypeSelect.value;
-      const hasSelectedVehicleType = selectedVehicleTypeId !== null && selectedVehicleTypeId !== undefined;
+      const allowedProductIds = new Set((availableProductIds.value || []).map((productId) => String(productId)));
+      const hasAllowedVehicleType = selectedVehicleTypeId !== null
+        && selectedVehicleTypeId !== undefined
+        && allowedProductIds.has(String(selectedVehicleTypeId));
       const customerNumberValue = customerNumberInput.value;
-      const requiresCustomerNumber = isCustomerNumberRequired?.value ?? false;
-      const customerNumberValid = !requiresCustomerNumber
-        || customerNumberValue === null
+      const customerNumberValid = customerNumberValue === null
         || customerNumberValue === undefined
         || String(customerNumberValue).trim() !== "";
       const licensePlateValid = !!(licensePlateInput.value && licensePlateInput.value.trim() !== "");
-      if (!hasSelectedVehicleType) {
+      if (!hasAllowedVehicleType) {
         return false;
       }
 
@@ -118,7 +103,7 @@ export function useWashFlowState(options) {
     }
 
     if (currentStep.value === steps.SELECT_LANE) {
-      const selectedLane = getSelectedLane();
+      const selectedLane = nearestDepartment.value?.lanes.find((lane) => lane.id === radioLaneOption.value);
       if (!selectedLane || !isLaneAvailable(selectedLane)) {
         return true;
       }
@@ -148,10 +133,9 @@ export function useWashFlowState(options) {
   const handleConfirmNext = async () => {
     if (currentStep.value === steps.QUESTIONS) {
       editAnswers.value = false;
-      const selectedLaneId = getSelectedLaneId();
-      if (selectedLaneId !== null) {
+      if (radioLaneOption.value && radioLaneOption.value !== "Any") {
         try {
-          await updateLaneAllowedServices(selectedLaneId);
+          await updateLaneAllowedServices(radioLaneOption.value);
         } catch {
           return;
         }
@@ -166,9 +150,8 @@ export function useWashFlowState(options) {
         return;
       }
 
-      const selectedLaneId = getSelectedLaneId() ?? radioLaneOption.value;
       await onStartWash(
-        selectedLaneId,
+        radioLaneOption.value,
         licensePlateInput.value,
         customerNumberInput.value,
         targetStepForStart()

src/composables/useWashSessionActions.js

@@ -70,10 +70,7 @@ export function useWashSessionActions(options) {
 
   const isAlreadyStoppedStopError = (message) => {
     const normalized = String(message || "").toLowerCase();
-    return (
-      normalized.includes("not occupied") &&
-      (normalized.includes("cannot stop lane") || normalized.includes("cannot invoice"))
-    );
+    return normalized.includes("cannot stop lane") && normalized.includes("not occupied");
   };
 
   const clearActiveWashState = () => {
@@ -250,18 +247,16 @@ export function useWashSessionActions(options) {
         return false;
       }
 
-      const selectedWashType = radioWashType.value === "Machine" ? "Machine" : "Manual";
       const startResponse = await executeSelfServeCommand(laneId, "START", {
         customer_number: parseInt(customerNumber),
         license_plate: licensePlate.trim().toUpperCase(),
-        wash_type: selectedWashType,
-        defer_relay_side_effects: true,
+        defer_relay_side_effects: false,
       });
       if (!startResponse) {
         return false;
       }
 
-      if (selectedWashType === "Machine" && isServiceAllowed("MACHINE")) {
+      if (radioWashType.value === "Machine" && isServiceAllowed("MACHINE")) {
         let machineRelayResponse = null;
         try {
           machineRelayResponse = await enableMachineRelay(laneId);

src/config.js

@@ -66,7 +66,6 @@ export const SELF_SERVE_ATTACHMENT_TRUSTED_ORIGINS = String(
 export const ALLOWED_ORIGINS = [
   "https://truckwash.io",
   "https://www.truckwash.io",
-  new URL(DEFAULT_PUBLIC_GATEWAY_API_URL).origin,
   "http://localhost:5173",
   "http://localhost:4173",
   "http://localhost:4174",
@@ -82,11 +81,11 @@ export const REQUEST_QUEUE_CONFIG = Object.freeze({
   // Per-method concurrency limits
   concurrency: Object.freeze({
     GET: 10,
-    POST: 4,
-    PATCH: 4,
-    PUT: 4,
-    DELETE: 4,
-    DEFAULT: 4,
+    POST: 1,
+    PATCH: 1,
+    PUT: 1,
+    DELETE: 1,
+    DEFAULT: 1,
   }),
   // Delay between queue starts (0 = no pacing delay)
   spacingMs: 0,

src/i18n/generated/da-v2.json

@@ -1150,14 +1150,6 @@
       "field_required": "{field} @:{'words.generated.er'} @:{'words.generated.pakrævet'}",
       "no_entity_available": "@.capitalize:{'words.generated.ingen'} {entity} @:{'words.generated.tilgængelige'}."
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@.capitalize:{'words.generated.vælg'} @:{'words.generated.afdeling'} manuelt",
-        "manual_title": "@.capitalize:{'words.generated.vælg'} din @:{'words.generated.afdeling'}",
-        "manual_loading": "@.capitalize:{'words.generated.indlæser'} afdelinger...",
-        "use_department": "@.capitalize:{'words.generated.vælg'} {name}"
-      }
-    },
     "replication": {
       "host_targets": {
         "database": "@:{'words.replication.services.database'}-@:{'words.replication.host'}",
@@ -1853,21 +1845,6 @@
           "week": "@:{'templates.generated.compat.common.week'}"
         },
         "collected_invoice": {
-          "move_customer": {
-            "card_title": "Flyt til kunde",
-            "confirm_button": "Flyt",
-            "confirm_text": "Flyt fakturasamling #{id} og {count} ordre til kunde #{customer}?",
-            "confirm_title": "Bekræft flytning",
-            "current_customer": "Nuværende kunde: #{customer}",
-            "customer_value": "Kunde #{customer}",
-            "error_title": "Kunne ikke flytte fakturasamling",
-            "invalid_customer": "Indtast et gyldigt kundenummer.",
-            "locked": "Låst",
-            "same_customer": "Vælg en anden kunde end den nuværende.",
-            "success_text": "{count} ordre blev flyttet til kunde #{customer}.",
-            "success_title": "Fakturasamling flyttet",
-            "title": "Flyt fakturasamling"
-          },
           "economic": {
             "booked_desc": "@.capitalize:{'words.generated.fakturaen'} @:{'words.generated.er'} @:{'words.generated.bogført'} @:{'words.generated.i'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}, @:{'words.generated.ingen'} @:{'words.generated.yderligere'} @:{'words.generated.handlinger'} @:{'words.generated.er'} @:{'words.generated.nødvendige'}.",
             "booked_with_economic": "@.capitalize:{'words.generated.fakturaen'} @:{'words.generated.er'} @:{'words.generated.bogført'} @:{'words.generated.med'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}",
@@ -2338,20 +2315,6 @@
             "delete_confirm": "@.capitalize:{'words.generated.er'} @:{'words.generated.du'} @:{'words.generated.sikker'} @:{'words.generated.pa'}, @:{'words.generated.at'} @:{'words.generated.du'} @:{'words.generated.vil'} @:{'words.generated.slette'} @:{'words.generated.dette'} @:{'words.generated.produkt'}?",
             "edit": "@:{'templates.generated.compat.products.edit_product'}"
           },
-          "slack": {
-            "customer_registration_webhook_url": "Webhook-URL til kunderegistreringer",
-            "customer_registration_webhook_url_desc": "Slack-webhook der modtager en besked, når en ny kunderegistrering lykkes. Lad feltet være tomt for at deaktivere.",
-            "notification_settings": "Notifikationer",
-            "notification_settings_desc": "Slack-webhooks til systemhændelser.",
-            "send_test_webhook": "Send test-webhook",
-            "subtitle": "Konfiguration af Slack-notifikationer",
-            "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
-            "test_webhook_not_configured": "Gem en webhook-URL til kunderegistreringer, før du sender en test.",
-            "test_webhook_sent": "Slack-test sendt",
-            "test_webhook_sent_success": "Slack-testbeskeden for kunderegistrering blev sendt.",
-            "title": "Slack-konfiguration",
-            "unavailable": "Slack-konfigurationen er ikke tilgængelig i denne API-udgivelse."
-          },
           "shelly": {
             "api_key_desc": "@:{'words.generated.shelly'} @:{'words.generated.api'}-@:{'words.generated.nøkkelen'} @:{'words.generated.bruges'} @:{'words.generated.til'} @:{'words.generated.a_2'} @:{'words.generated.autentisere'} @:{'words.generated.shelly'}-@:{'words.generated.integrationen'}",
             "api_settings_desc": "@:{'words.generated.shelly'} @:{'words.generated.api'} @:{'words.generated.forbindelsesindstillingerne'}.",
@@ -3821,13 +3784,6 @@
           "unknown_qr_text": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.scannede'} @:{'words.generated.qr'} @:{'words.generated.kode'} @:{'words.generated.er'} @:{'words.generated.ikke'} @:{'words.generated.gyldig'} @:{'words.generated.for'} @:{'words.generated.denne'} @:{'words.generated.side'}.",
           "unknown_qr_title": "@.capitalize:{'words.generated.ukendt'} @:{'words.generated.qr'} @:{'words.generated.kode'}"
         },
-        "maintenance_menu": {
-          "confirm_clear_local": "Ryd alle lokale appdata og genindlaes nu?",
-          "force_update_clear_hint": "Rydder local storage, session storage, service workers og browsercaches.",
-          "force_update_clear": "Tving opdatering og ryd alt lokalt",
-          "title": "Vedligeholdelse",
-          "version": "Nuværende {current} / seneste {latest}"
-        },
         "messages": {
           "are_you_sure": "@.capitalize:{'words.generated.er'} @:{'words.generated.du'} @:{'words.generated.sikker'}?",
           "cannot_undo": "@.capitalize:{'words.generated.denne'} @:{'words.generated.handling'} @:{'words.generated.kan'} @:{'words.generated.ikke'} @:{'words.generated.fortrydes'}.",
@@ -5522,9 +5478,7 @@
               "email_notifications_desc": "@:{'words.generated.modtag'} @:{'words.generated.e'}-mails @:{'words.generated.med'} bookingbekræftelser @:{'words.generated.og'} @:{'words.generated.vaskecertifikater'}.",
               "sms_notifications_desc": "@:{'words.generated.modtag'} @:{'words.generated.sms'} @:{'words.generated.notifikationer'} @:{'words.generated.ved'} @:{'words.generated.forskellige'} @:{'words.generated.begivenheder'}.",
               "sms_phone": "@.capitalize:{'words.generated.telefonnummer'} @:{'words.generated.til'} @:{'words.generated.sms'} @:{'words.generated.notifikationer'}",
-              "sms_phone_desc": "@.capitalize:{'words.generated.det'} @:{'words.generated.telefonnummer'}, @:{'words.generated.der'} @:{'words.generated.modtager'} @:{'words.generated.sms'} @:{'words.generated.notifikationer'}.",
-              "superuser_notifications": "Superuser-notifikationer",
-              "superuser_notifications_desc": "Modtag e-mailnotifikationer, når en ny kunde registrerer sig på siden."
+              "sms_phone_desc": "@.capitalize:{'words.generated.det'} @:{'words.generated.telefonnummer'}, @:{'words.generated.der'} @:{'words.generated.modtager'} @:{'words.generated.sms'} @:{'words.generated.notifikationer'}."
             },
             "security": {
               "description": "@.capitalize:{'words.generated.dine'} sikkerhedsindstillinger",

src/i18n/generated/de-v2.json

@@ -1260,14 +1260,6 @@
       "field_required": "{field} @:{'words.generated.ist'} @:{'words.generated.erforderlich'}",
       "no_entity_available": "@.capitalize:{'words.generated.keine'} {entity} @:{'words.generated.verfugbar'}."
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@:{'words.generated.abteilung'} @:{'words.generated.manuell'} @:{'words.generated.auswahlen'}",
-        "manual_title": "@.capitalize:{'words.generated.wahlen'} @.capitalize:{'words.generated.sie'} @.capitalize:{'words.generated.ihre'} @:{'words.generated.abteilung'}",
-        "manual_loading": "@:{'words.generated.abteilungen'} @:{'words.generated.werden'} @:{'words.generated.geladen'}...",
-        "use_department": "{name} @:{'words.generated.auswahlen'}"
-      }
-    },
     "replication": {
       "host_targets": {
         "database": "@:{'words.replication.services.database'}-@:{'words.replication.host'}",
@@ -1963,21 +1955,6 @@
           "week": "Uke"
         },
         "collected_invoice": {
-          "move_customer": {
-            "card_title": "Move to customer",
-            "confirm_button": "Move",
-            "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-            "confirm_title": "Confirm move",
-            "current_customer": "Current customer: #{customer}",
-            "customer_value": "Customer #{customer}",
-            "error_title": "Could not move invoice collection",
-            "invalid_customer": "Enter a valid customer number.",
-            "locked": "Locked",
-            "same_customer": "Choose another customer than the current one.",
-            "success_text": "{count} orders were moved to customer #{customer}.",
-            "success_title": "Invoice collection moved",
-            "title": "Move invoice collection"
-          },
           "economic": {
             "booked_desc": "@.capitalize:{'words.generated.die'} @:{'words.generated.rechnung'} @:{'words.generated.ist'} @:{'words.generated.in'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'} @:{'words.generated.gebucht'}, @:{'words.generated.keine'} @:{'words.generated.weiteren'} @:{'words.generated.aktionen'} @:{'words.generated.sind'} @:{'words.generated.erforderlich'}.",
             "booked_with_economic": "@:{'words.generated.rechnung'} @:{'words.generated.mit'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'} @:{'words.generated.gebucht'}",
@@ -2448,20 +2425,6 @@
             "delete_confirm": "@.capitalize:{'words.generated.sind'} @.capitalize:{'words.generated.sie'} @:{'words.generated.sicher'}, @:{'words.generated.dass'} @.capitalize:{'words.generated.sie'} @:{'words.generated.dieses'} @.capitalize:{'words.generated.produkt'} @:{'words.generated.l'}?@:{'words.generated.schen'} @:{'words.generated.m'}?@:{'words.generated.chten'}?",
             "edit": "@.capitalize:{'words.generated.produkt'} @:{'words.generated.bearbeiten'}"
           },
-          "slack": {
-            "customer_registration_webhook_url": "Webhook-URL fuer Kundenregistrierungen",
-            "customer_registration_webhook_url_desc": "Slack-Webhook, der eine Nachricht erhaelt, wenn eine neue Kundenregistrierung erfolgreich ist. Leer lassen, um dies zu deaktivieren.",
-            "notification_settings": "Benachrichtigungseinstellungen",
-            "notification_settings_desc": "Slack-Webhooks fuer Systemereignisse.",
-            "send_test_webhook": "Test-Webhook senden",
-            "subtitle": "Konfiguration von Slack-Benachrichtigungen",
-            "test_webhook_error": "Der Slack-Test-Webhook konnte nicht gesendet werden.",
-            "test_webhook_not_configured": "Speichern Sie zuerst eine Webhook-URL fuer Kundenregistrierungen.",
-            "test_webhook_sent": "Slack-Test gesendet",
-            "test_webhook_sent_success": "Die Slack-Testnachricht fuer Kundenregistrierungen wurde gesendet.",
-            "title": "Slack-Konfiguration",
-            "unavailable": "Die Slack-Konfiguration ist in dieser API-Version nicht verfuegbar."
-          },
           "shelly": {
             "api_key_desc": "@.capitalize:{'words.generated.der'} @:{'words.generated.shelly'} @:{'words.generated.api'}-@:{'words.generated.schl'}?@:{'words.generated.ssel'} @:{'words.generated.wird'} @:{'words.generated.zur'} @:{'words.generated.authentifizierung'} @:{'words.generated.der'} @:{'words.generated.shelly'}-@.capitalize:{'words.generated.integration'} @:{'words.generated.verwendet'}",
             "api_settings_desc": "@:{'words.generated.api'}-@:{'words.generated.verbindungseinstellungen'} @:{'words.generated.f'}?@:{'words.generated.r'} @:{'words.generated.shelly'}.",
@@ -3931,13 +3894,6 @@
           "unknown_qr_text": "@.capitalize:{'words.generated.der'} gescannte @:{'words.generated.qr'}-@:{'words.generated.code'} @:{'words.generated.ist'} @:{'words.generated.f'}?@:{'words.generated.r'} @:{'words.generated.diese'} @:{'words.generated.seite'} @:{'words.generated.nicht'} @:{'words.generated.g'}?@:{'words.generated.ltig'}.",
           "unknown_qr_title": "@.capitalize:{'words.generated.unbekannter'} @:{'words.generated.qr'}-@:{'words.generated.code'}"
         },
-        "maintenance_menu": {
-          "confirm_clear_local": "Alle lokalen App-Daten löschen und jetzt neu laden?",
-          "force_update_clear_hint": "Löscht Local Storage, Session Storage, Service Worker und Browser-Caches.",
-          "force_update_clear": "Update erzwingen und alles Lokale löschen",
-          "title": "Wartung",
-          "version": "Aktuell {current} / neueste {latest}"
-        },
         "messages": {
           "are_you_sure": "@.capitalize:{'words.generated.sind'} @.capitalize:{'words.generated.sie'} @:{'words.generated.sicher'}?",
           "cannot_undo": "@.capitalize:{'words.generated.diese'} @:{'words.generated.aktion'} @:{'words.generated.kann'} @:{'words.generated.nicht'} @:{'words.generated.r'}?@:{'words.generated.ckg'}?@:{'words.generated.ngig'} @:{'words.generated.gemacht'} @:{'words.generated.werden'}.",
@@ -5632,9 +5588,7 @@
               "email_notifications_desc": "@.upper:{'words.generated.e'}-@:{'words.generated.mails'} @:{'words.generated.mit'} @:{'words.generated.buchungsbest'}?@:{'words.generated.tigungen'} @:{'words.generated.und'} Waschzertifikaten @:{'words.generated.erhalten'}.",
               "sms_notifications_desc": "@:{'words.generated.sms'}-@:{'words.generated.benachrichtigungen'} @:{'words.generated.f'}?@:{'words.generated.r'} @:{'words.generated.verschiedene'} @:{'words.generated.ereignisse'} @:{'words.generated.erhalten'}.",
               "sms_phone": "@:{'words.generated.telefonnummer'} @:{'words.generated.f'}?@:{'words.generated.r'} @:{'words.generated.sms'}-@:{'words.generated.benachrichtigungen'}",
-              "sms_phone_desc": "@.capitalize:{'words.generated.die'} @:{'words.generated.telefonnummer'}, @:{'words.generated.die'} @:{'words.generated.sms'}-@:{'words.generated.benachrichtigungen'} @:{'words.generated.erh'}?@:{'words.generated.lt'}.",
-              "superuser_notifications": "Superuser-Benachrichtigungen",
-              "superuser_notifications_desc": "E-Mail-Benachrichtigungen erhalten, wenn sich ein neuer Kunde auf der Seite registriert."
+              "sms_phone_desc": "@.capitalize:{'words.generated.die'} @:{'words.generated.telefonnummer'}, @:{'words.generated.die'} @:{'words.generated.sms'}-@:{'words.generated.benachrichtigungen'} @:{'words.generated.erh'}?@:{'words.generated.lt'}."
             },
             "security": {
               "description": "@.capitalize:{'words.generated.ihre'} Sicherheitseinstellungen",

src/i18n/generated/en-v2.json

@@ -984,14 +984,6 @@
       "field_required": "{field} @:{'words.generated.is'} @:{'words.generated.required'}",
       "no_entity_available": "@.capitalize:{'words.generated.no'} {entity} @:{'words.generated.available'}."
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@.capitalize:{'words.generated.select'} @:{'words.generated.department'} @:{'words.generated.manually'}",
-        "manual_title": "@.capitalize:{'words.generated.select'} @:{'words.generated.your'} @:{'words.generated.department'}",
-        "manual_loading": "@.capitalize:{'words.generated.loading'} @:{'words.generated.departments'}...",
-        "use_department": "@.capitalize:{'words.generated.select'} {name}"
-      }
-    },
     "replication": {
       "host_targets": {
         "database": "@:{'words.replication.services.database'} @:{'words.replication.host'}",
@@ -1687,21 +1679,6 @@
           "week": "@:{'templates.generated.compat.common.week'}"
         },
         "collected_invoice": {
-          "move_customer": {
-            "card_title": "Move to customer",
-            "confirm_button": "Move",
-            "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-            "confirm_title": "Confirm move",
-            "current_customer": "Current customer: #{customer}",
-            "customer_value": "Customer #{customer}",
-            "error_title": "Could not move invoice collection",
-            "invalid_customer": "Enter a valid customer number.",
-            "locked": "Locked",
-            "same_customer": "Choose another customer than the current one.",
-            "success_text": "{count} orders were moved to customer #{customer}.",
-            "success_title": "Invoice collection moved",
-            "title": "Move invoice collection"
-          },
           "economic": {
             "booked_desc": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.invoice'} @:{'words.generated.is'} @:{'words.generated.booked'} @:{'words.generated.in'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}, @:{'words.generated.no'} @:{'words.generated.further'} @:{'words.generated.actions'} @:{'words.generated.are'} @:{'words.generated.required'}.",
             "booked_with_economic": "@.capitalize:{'words.generated.invoice'} @:{'words.generated.booked'} @:{'words.generated.with'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}",
@@ -2172,20 +2149,6 @@
             "delete_confirm": "@.capitalize:{'words.generated.are'} @:{'words.generated.you'} @:{'words.generated.sure'} @:{'words.generated.you'} @:{'words.generated.want'} @:{'words.generated.to'} @:{'words.generated.delete'} @:{'words.generated.this'} @:{'words.generated.product'}?",
             "edit": "@:{'templates.generated.compat.products.edit_product'}"
           },
-          "slack": {
-            "customer_registration_webhook_url": "Customer registration webhook URL",
-            "customer_registration_webhook_url_desc": "Slack webhook that receives a message when a new customer registration succeeds. Leave empty to disable.",
-            "notification_settings": "Notification settings",
-            "notification_settings_desc": "Slack webhooks for system events.",
-            "send_test_webhook": "Send test webhook",
-            "subtitle": "Configuration of Slack notifications",
-            "test_webhook_error": "Could not send the Slack test webhook.",
-            "test_webhook_not_configured": "Save a customer registration webhook URL before sending a test.",
-            "test_webhook_sent": "Slack test sent",
-            "test_webhook_sent_success": "The Slack customer registration test message was sent.",
-            "title": "Slack configuration",
-            "unavailable": "Slack configuration is not available on this API release."
-          },
           "shelly": {
             "api_key_desc": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.shelly'} @:{'words.generated.api'} @:{'words.generated.key'} @:{'words.generated.is'} @:{'words.generated.used'} @:{'words.generated.to'} @:{'words.generated.authenticate'} @:{'words.replication.article.host_mention'} @:{'words.generated.shelly'} @:{'words.generated.integration'}",
             "api_settings_desc": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.shelly'} @:{'words.generated.api'} @:{'words.generated.connection'} @:{'words.generated.settings'}.",
@@ -3655,13 +3618,6 @@
           "unknown_qr_text": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.scanned'} @:{'words.generated.qr'} @:{'words.generated.code'} @:{'words.generated.is'} @:{'words.generated.not'} @:{'words.generated.valid'} @:{'words.generated.for'} @:{'words.generated.this'} @:{'words.generated.page'}.",
           "unknown_qr_title": "@.capitalize:{'words.generated.unknown'} @:{'words.generated.qr'} @.capitalize:{'words.generated.code'}"
         },
-        "maintenance_menu": {
-          "confirm_clear_local": "Clear all local app data and reload now?",
-          "force_update_clear_hint": "Clears local storage, session storage, service workers, and browser caches.",
-          "force_update_clear": "Force update and clear all local",
-          "title": "Maintenance",
-          "version": "Current {current} / latest {latest}"
-        },
         "messages": {
           "are_you_sure": "@.capitalize:{'words.generated.are'} @:{'words.generated.you'} @:{'words.generated.sure'}?",
           "cannot_undo": "@.capitalize:{'words.generated.this'} decision @:{'words.generated.cannot'} @:{'words.generated.be'} @:{'words.generated.undone'}.",
@@ -5356,9 +5312,7 @@
               "email_notifications_desc": "@.capitalize:{'words.generated.receive'} @:{'words.generated.emails'} @:{'words.generated.with'} @:{'words.generated.booking'} @:{'words.generated.confirmations'} @:{'words.generated.and'} @:{'words.generated.wash'} @:{'words.generated.certificates'}.",
               "sms_notifications_desc": "@.capitalize:{'words.generated.receive'} @:{'words.generated.sms'} @:{'words.generated.notifications'} @:{'words.generated.for'} @:{'words.generated.various'} @:{'words.generated.events'}.",
               "sms_phone": "@.capitalize:{'words.generated.phone'} @:{'words.generated.number'} @:{'words.generated.for'} @:{'words.generated.sms'} @:{'words.generated.notifications'}",
-              "sms_phone_desc": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.phone'} @:{'words.generated.number'} @:{'words.generated.that'} @:{'words.generated.receives'} @:{'words.generated.sms'} @:{'words.generated.notifications'}.",
-              "superuser_notifications": "Superuser notifications",
-              "superuser_notifications_desc": "Receive email notifications when a new customer registers on the site."
+              "sms_phone_desc": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.phone'} @:{'words.generated.number'} @:{'words.generated.that'} @:{'words.generated.receives'} @:{'words.generated.sms'} @:{'words.generated.notifications'}."
             },
             "security": {
               "description": "@.capitalize:{'words.generated.your'} @:{'words.generated.security'} @:{'words.generated.settings'}",

src/i18n/generated/global-v2.json

@@ -892,21 +892,6 @@
       "year": "@:common.year"
     },
     "collected_invoice": {
-      "move_customer": {
-        "card_title": "@:{'templates.generated.compat.collected_invoice.move_customer.card_title'}",
-        "confirm_button": "@:{'templates.generated.compat.collected_invoice.move_customer.confirm_button'}",
-        "confirm_text": "@:{'templates.generated.compat.collected_invoice.move_customer.confirm_text'}",
-        "confirm_title": "@:{'templates.generated.compat.collected_invoice.move_customer.confirm_title'}",
-        "current_customer": "@:{'templates.generated.compat.collected_invoice.move_customer.current_customer'}",
-        "customer_value": "@:{'templates.generated.compat.collected_invoice.move_customer.customer_value'}",
-        "error_title": "@:{'templates.generated.compat.collected_invoice.move_customer.error_title'}",
-        "invalid_customer": "@:{'templates.generated.compat.collected_invoice.move_customer.invalid_customer'}",
-        "locked": "@:{'templates.generated.compat.collected_invoice.move_customer.locked'}",
-        "same_customer": "@:{'templates.generated.compat.collected_invoice.move_customer.same_customer'}",
-        "success_text": "@:{'templates.generated.compat.collected_invoice.move_customer.success_text'}",
-        "success_title": "@:{'templates.generated.compat.collected_invoice.move_customer.success_title'}",
-        "title": "@:{'templates.generated.compat.collected_invoice.move_customer.title'}"
-      },
       "economic": {
         "booked_desc": "@:{'templates.generated.compat.collected_invoice.economic.booked_desc'}",
         "booked_with_economic": "@:{'templates.generated.compat.collected_invoice.economic.booked_with_economic'}",
@@ -1362,20 +1347,6 @@
         "subtitle": "@:products.subtitle",
         "title": "@:common.products"
       },
-      "slack": {
-        "customer_registration_webhook_url": "@:{'templates.generated.compat.configuration.slack.customer_registration_webhook_url'}",
-        "customer_registration_webhook_url_desc": "@:{'templates.generated.compat.configuration.slack.customer_registration_webhook_url_desc'}",
-        "notification_settings": "@:{'templates.generated.compat.configuration.slack.notification_settings'}",
-        "notification_settings_desc": "@:{'templates.generated.compat.configuration.slack.notification_settings_desc'}",
-        "send_test_webhook": "@:{'templates.generated.compat.configuration.slack.send_test_webhook'}",
-        "subtitle": "@:{'templates.generated.compat.configuration.slack.subtitle'}",
-        "test_webhook_error": "@:{'templates.generated.compat.configuration.slack.test_webhook_error'}",
-        "test_webhook_not_configured": "@:{'templates.generated.compat.configuration.slack.test_webhook_not_configured'}",
-        "test_webhook_sent": "@:{'templates.generated.compat.configuration.slack.test_webhook_sent'}",
-        "test_webhook_sent_success": "@:{'templates.generated.compat.configuration.slack.test_webhook_sent_success'}",
-        "title": "@:{'templates.generated.compat.configuration.slack.title'}",
-        "unavailable": "@:{'templates.generated.compat.configuration.slack.unavailable'}"
-      },
       "shelly": {
         "api_key": "@:configuration.limble.api_key",
         "api_key_desc": "@:{'templates.generated.compat.configuration.shelly.api_key_desc'}",
@@ -3159,13 +3130,6 @@
       "unknown_qr_text": "@:{'templates.generated.compat.login_qr.unknown_qr_text'}",
       "unknown_qr_title": "@:{'templates.generated.compat.login_qr.unknown_qr_title'}"
     },
-    "maintenance_menu": {
-      "confirm_clear_local": "@:{'templates.generated.compat.maintenance_menu.confirm_clear_local'}",
-      "force_update_clear_hint": "@:{'templates.generated.compat.maintenance_menu.force_update_clear_hint'}",
-      "force_update_clear": "@:{'templates.generated.compat.maintenance_menu.force_update_clear'}",
-      "title": "@:{'templates.generated.compat.maintenance_menu.title'}",
-      "version": "@:{'templates.generated.compat.maintenance_menu.version'}"
-    },
     "messages": {
       "are_you_sure": "@:{'templates.generated.compat.messages.are_you_sure'}",
       "cancelled": "@:{'templates.generated.compat.global.cancelled'}",
@@ -4064,14 +4028,6 @@
       },
       "title": "@:common.profile"
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@:{'templates.redirect.mobile_department_auto_select.manual_button'}",
-        "manual_title": "@:{'templates.redirect.mobile_department_auto_select.manual_title'}",
-        "manual_loading": "@:{'templates.redirect.mobile_department_auto_select.manual_loading'}",
-        "use_department": "@:{'templates.redirect.mobile_department_auto_select.use_department'}"
-      }
-    },
     "replication": {
       "actions": {
         "add": "@:{'templates.generated.compat.replication.actions.add'}",
@@ -4775,7 +4731,6 @@
         "department_relays": "@:{'templates.generated.compat.superuser.nav.department_relays'}",
         "departments": "@:common.departments",
         "employees": "@:{'templates.generated.compat.common.roless.employee'}",
-        "error_reports": "@:{'templates.generated.compat.superuser.nav.error_reports'}",
         "invoices": "@:common.invoices",
         "invoicing": "@:{'templates.generated.compat.superuser.nav.invoicing'}",
         "orders": "@:{'templates.generated.compat.superuser.nav.orders'}",
@@ -5600,8 +5555,6 @@
           "sms_phone": "@:{'templates.generated.compat.user_dashboard.profile.notifications.sms_phone'}",
           "sms_phone_desc": "@:{'templates.generated.compat.user_dashboard.profile.notifications.sms_phone_desc'}",
           "sms_subtitle": "@:time_booking_flow.sms",
-          "superuser_notifications": "@:{'templates.generated.compat.user_dashboard.profile.notifications.superuser_notifications'}",
-          "superuser_notifications_desc": "@:{'templates.generated.compat.user_dashboard.profile.notifications.superuser_notifications_desc'}",
           "title": "@:nav.notifications"
         },
         "security": {

src/i18n/generated/no-v2.json

@@ -1261,14 +1261,6 @@
       "field_required": "{field} @:{'words.generated.er'} @:{'words.generated.pakrevd'}",
       "no_entity_available": "@.capitalize:{'words.generated.ingen'} {entity} @:{'words.generated.tilgjengelige'}."
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@.capitalize:{'words.generated.velg'} @:{'words.generated.avdeling'} @:{'words.generated.manuelt'}",
-        "manual_title": "@.capitalize:{'words.generated.velg'} @:{'words.generated.din'} @:{'words.generated.avdeling'}",
-        "manual_loading": "@.capitalize:{'words.generated.laster'} @:{'words.generated.avdelinger'}...",
-        "use_department": "@.capitalize:{'words.generated.velg'} {name}"
-      }
-    },
     "replication": {
       "host_targets": {
         "database": "@:{'words.replication.services.database'}-@:{'words.replication.host'}",
@@ -1964,21 +1956,6 @@
           "week": "@:{'templates.generated.compat.common.week'}"
         },
         "collected_invoice": {
-          "move_customer": {
-            "card_title": "Move to customer",
-            "confirm_button": "Move",
-            "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-            "confirm_title": "Confirm move",
-            "current_customer": "Current customer: #{customer}",
-            "customer_value": "Customer #{customer}",
-            "error_title": "Could not move invoice collection",
-            "invalid_customer": "Enter a valid customer number.",
-            "locked": "Locked",
-            "same_customer": "Choose another customer than the current one.",
-            "success_text": "{count} orders were moved to customer #{customer}.",
-            "success_title": "Invoice collection moved",
-            "title": "Move invoice collection"
-          },
           "economic": {
             "booked_desc": "@.capitalize:{'words.generated.fakturaen'} @:{'words.generated.er'} @:{'words.generated.bokført'} @:{'words.generated.i'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}, @:{'words.generated.ingen'} @:{'words.generated.ytterligere'} @:{'words.generated.handlinger'} @:{'words.generated.er'} @:{'words.generated.nødvendig'}.",
             "booked_with_economic": "@.capitalize:{'words.generated.faktura'} @:{'words.generated.bestilles'} @:{'words.generated.hos'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}",
@@ -2449,20 +2426,6 @@
             "delete_confirm": "@.capitalize:{'words.generated.er'} @:{'words.generated.du'} @:{'words.generated.sikker'} @:{'words.generated.pa'} @:{'words.generated.at'} @:{'words.generated.du'} @:{'words.generated.vil'} @:{'words.generated.slette'} @:{'words.generated.dette'} produktet?",
             "edit": "@:{'templates.generated.compat.products.edit_product'}"
           },
-          "slack": {
-            "customer_registration_webhook_url": "Webhook-URL for kunderegistreringer",
-            "customer_registration_webhook_url_desc": "Slack-webhook som mottar en melding når en ny kunderegistrering lykkes. La feltet stå tomt for å deaktivere.",
-            "notification_settings": "Varslingsinnstillinger",
-            "notification_settings_desc": "Slack-webhooks for systemhendelser.",
-            "send_test_webhook": "Send test-webhook",
-            "subtitle": "Konfigurasjon av Slack-varsler",
-            "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
-            "test_webhook_not_configured": "Lagre en webhook-URL for kunderegistreringer før du sender en test.",
-            "test_webhook_sent": "Slack-test sendt",
-            "test_webhook_sent_success": "Slack-testmeldingen for kunderegistrering ble sendt.",
-            "title": "Slack-konfigurasjon",
-            "unavailable": "Slack-konfigurasjonen er ikke tilgjengelig i denne API-utgivelsen."
-          },
           "shelly": {
             "api_key_desc": "@:{'words.generated.shelly'} @:{'words.generated.api'}-@:{'words.generated.nøkkelen'} @:{'words.generated.brukes'} @:{'words.generated.til'} @:{'words.generated.a'} @:{'words.generated.autentisere'} @:{'words.generated.shelly'}-@:{'words.generated.integrasjonen'}",
             "api_settings_desc": "@:{'words.generated.shelly'} @:{'words.generated.api'}-@:{'words.generated.tilkoblingsinnstillingene'}.",
@@ -3932,13 +3895,6 @@
           "unknown_qr_text": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.skannede'} @:{'words.generated.qr'}-@:{'words.generated.koden'} @:{'words.generated.er'} @:{'words.generated.ikke'} @:{'words.generated.gyldig'} @:{'words.generated.for'} @:{'words.generated.denne'} @:{'words.generated.siden'}.",
           "unknown_qr_title": "@.capitalize:{'words.generated.ukjent'} @:{'words.generated.qr'}-@:{'words.generated.kode'}"
         },
-        "maintenance_menu": {
-          "confirm_clear_local": "Fjern alle lokale appdata og last inn på nytt nå?",
-          "force_update_clear_hint": "Fjerner local storage, session storage, service workers og nettlesercacher.",
-          "force_update_clear": "Tving oppdatering og fjern alt lokalt",
-          "title": "Vedlikehold",
-          "version": "Gjeldende {current} / nyeste {latest}"
-        },
         "messages": {
           "are_you_sure": "@:{'words.generated.er'} @:{'words.generated.du'} @:{'words.generated.sikker'}?",
           "cannot_undo": "@.capitalize:{'words.generated.denne'} avgjørelsen @:{'words.generated.kan'} @:{'words.generated.ikke'} omgjøres.",
@@ -5633,9 +5589,7 @@
               "email_notifications_desc": "@.capitalize:{'words.generated.motta'} @:{'words.generated.e'}-@:{'words.generated.post'} @:{'words.generated.med'} @:{'words.generated.bestillingsbekreftelser'} @:{'words.generated.og'} @:{'words.generated.vaskesertifikater'}.",
               "sms_notifications_desc": "@.capitalize:{'words.generated.motta'} @:{'words.generated.sms'}-@:{'words.generated.varsler'} @:{'words.generated.for'} @:{'words.generated.ulike'} @:{'words.generated.arrangementer'}.",
               "sms_phone": "@.capitalize:{'words.generated.telefonnummer'} @:{'words.generated.for'} @:{'words.generated.sms'}-@:{'words.generated.varsler'}",
-              "sms_phone_desc": "@.capitalize:{'words.generated.telefonnummeret'} @:{'words.generated.som'} @:{'words.generated.mottar'} @:{'words.generated.sms'}-@:{'words.generated.varsler'}.",
-              "superuser_notifications": "Superbrukervarsler",
-              "superuser_notifications_desc": "Motta e-postvarsler når en ny kunde registrerer seg på siden."
+              "sms_phone_desc": "@.capitalize:{'words.generated.telefonnummeret'} @:{'words.generated.som'} @:{'words.generated.mottar'} @:{'words.generated.sms'}-@:{'words.generated.varsler'}."
             },
             "security": {
               "description": "Sikkerhetsinnstillingene @:{'words.generated.dine'}",

src/i18n/generated/sv-v2.json

@@ -1311,14 +1311,6 @@
       "field_required": "{field} @:{'words.generated.kravs'}",
       "no_entity_available": "@.capitalize:{'words.generated.inga'} {entity} @:{'words.generated.tillgangliga'}."
     },
-    "redirect": {
-      "mobile_department_auto_select": {
-        "manual_button": "@.capitalize:{'words.generated.valj'} @:{'words.generated.avdelning'} manuellt",
-        "manual_title": "@.capitalize:{'words.generated.valj'} @:{'words.generated.din'} @:{'words.generated.avdelning'}",
-        "manual_loading": "@:{'words.generated.laddar'} @:{'words.generated.avdelningar'}...",
-        "use_department": "@.capitalize:{'words.generated.valj'} {name}"
-      }
-    },
     "replication": {
       "host_targets": {
         "database": "@:{'words.replication.services.database'}-@:{'words.replication.host'}",
@@ -2014,21 +2006,6 @@
           "week": "Uke"
         },
         "collected_invoice": {
-          "move_customer": {
-            "card_title": "Move to customer",
-            "confirm_button": "Move",
-            "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-            "confirm_title": "Confirm move",
-            "current_customer": "Current customer: #{customer}",
-            "customer_value": "Customer #{customer}",
-            "error_title": "Could not move invoice collection",
-            "invalid_customer": "Enter a valid customer number.",
-            "locked": "Locked",
-            "same_customer": "Choose another customer than the current one.",
-            "success_text": "{count} orders were moved to customer #{customer}.",
-            "success_title": "Invoice collection moved",
-            "title": "Move invoice collection"
-          },
           "economic": {
             "booked_desc": "@.capitalize:{'words.generated.fakturan'} @:{'words.generated.ar'} @:{'words.generated.bokford'} @:{'words.generated.i'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}, @:{'words.generated.inga'} @:{'words.generated.ytterligare'} @:{'words.generated.atgarder'} @:{'words.generated.kravs'}.",
             "booked_with_economic": "@.capitalize:{'words.generated.faktura'} @:{'words.generated.bokford'} @:{'words.generated.i'} @.upper:{'words.generated.e'}-@:{'words.generated.conomic'}",
@@ -2499,20 +2476,6 @@
             "delete_confirm": "@.capitalize:{'words.generated.ar'} @:{'words.generated.du'} @:{'words.generated.saker'} @:{'words.generated.pa'} @:{'words.generated.att'} @:{'words.generated.du'} @:{'words.generated.vill'} @:{'words.generated.ta'} @:{'words.generated.bort'} @:{'words.generated.denna'} @:{'words.generated.produkt'}?",
             "edit": "@:{'templates.generated.compat.products.edit_product'}"
           },
-          "slack": {
-            "customer_registration_webhook_url": "Webhook-URL för kundregistreringar",
-            "customer_registration_webhook_url_desc": "Slack-webhook som får ett meddelande när en ny kundregistrering lyckas. Lämna tomt för att inaktivera.",
-            "notification_settings": "Aviseringsinställningar",
-            "notification_settings_desc": "Slack-webhooks för systemhändelser.",
-            "send_test_webhook": "Skicka test-webhook",
-            "subtitle": "Konfiguration av Slack-aviseringar",
-            "test_webhook_error": "Det gick inte att skicka Slack-testwebhooken.",
-            "test_webhook_not_configured": "Spara en webhook-URL för kundregistreringar innan du skickar ett test.",
-            "test_webhook_sent": "Slack-test skickat",
-            "test_webhook_sent_success": "Slack-testmeddelandet för kundregistrering skickades.",
-            "title": "Slack-konfiguration",
-            "unavailable": "Slack-konfigurationen är inte tillgänglig i den här API-versionen."
-          },
           "shelly": {
             "api_key_desc": "@:{'words.generated.shelly'} @:{'words.generated.api'}-@:{'words.generated.nyckeln'} @:{'words.generated.anvands'} @:{'words.generated.for'} @:{'words.generated.att'} @:{'words.generated.autentisera'} @:{'words.generated.shelly'}-@:{'words.generated.integrationen'}",
             "api_settings_desc": "@.capitalize:{'words.generated.anslutningsinstallningar'} @:{'words.generated.for'} @:{'words.generated.shelly'} @:{'words.generated.api'}.",
@@ -3982,13 +3945,6 @@
           "unknown_qr_text": "@.capitalize:{'words.generated.the'} @:{'words.generated.scanned'} @:{'words.generated.qr'} @:{'words.generated.code'} @:{'words.generated.is'} @:{'words.generated.not'} @:{'words.generated.valid'} @:{'words.generated.for_2'} @:{'words.generated.this'} @:{'words.generated.page'}.",
           "unknown_qr_title": "@:{'words.generated.okand'} @:{'words.generated.qr'}-@:{'words.generated.kod'}"
         },
-        "maintenance_menu": {
-          "confirm_clear_local": "Rensa all lokal appdata och ladda om nu?",
-          "force_update_clear_hint": "Rensar local storage, session storage, service workers och webbläsarcacher.",
-          "force_update_clear": "Tvinga uppdatering och rensa allt lokalt",
-          "title": "Underhåll",
-          "version": "Aktuell {current} / senaste {latest}"
-        },
         "messages": {
           "are_you_sure": "@.capitalize:{'words.generated.ar'} @:{'words.generated.du'} @:{'words.generated.saker'}?",
           "cannot_undo": "@.capitalize:{'words.generated.denna'} @:{'words.generated.atgard'} @:{'words.generated.kan'} @:{'words.generated.inte'} @:{'words.generated.angras'}.",
@@ -5683,9 +5639,7 @@
               "email_notifications_desc": "@.capitalize:{'words.generated.ta'} @:{'words.generated.emot'} @:{'words.generated.e'}-@:{'words.generated.post'} @:{'words.generated.med'} @:{'words.generated.bokningsbekraftelser'} @:{'words.generated.och'} @:{'words.generated.tvattcertifikat'}.",
               "sms_notifications_desc": "@.capitalize:{'words.generated.ta'} @:{'words.generated.emot'} @:{'words.generated.sms'}-@:{'words.generated.aviseringar'} @:{'words.generated.for'} @:{'words.generated.olika'} @:{'words.generated.handelser'}.",
               "sms_phone": "@.capitalize:{'words.generated.telefonnummer'} @:{'words.generated.for'} @:{'words.generated.sms'}-@:{'words.generated.aviseringar'}",
-              "sms_phone_desc": "@.capitalize:{'words.generated.telefonnumret'} @:{'words.generated.som'} @:{'words.generated.for'} @:{'words.generated.sms'}-@:{'words.generated.aviseringar'}.",
-              "superuser_notifications": "Superanvändaraviseringar",
-              "superuser_notifications_desc": "Ta emot e-postaviseringar när en ny kund registrerar sig på sidan."
+              "sms_phone_desc": "@.capitalize:{'words.generated.telefonnumret'} @:{'words.generated.som'} @:{'words.generated.for'} @:{'words.generated.sms'}-@:{'words.generated.aviseringar'}."
             },
             "security": {
               "description": "@.capitalize:{'words.generated.dina'} säkerhetsinställningar",

src/i18n/locales/da.json

@@ -30,14 +30,6 @@
       "all": "Alle"
     }
   },
-  "redirect": {
-    "mobile_department_auto_select": {
-      "manual_button": "Vælg afdeling manuelt",
-      "manual_title": "Vælg din afdeling",
-      "manual_loading": "Indlæser afdelinger...",
-      "use_department": "Vælg {name}"
-    }
-  },
   "about_us": {
     "solutions": {
       "customer": {
@@ -350,7 +342,7 @@
       "attachments": "Vedhæftninger",
       "attachments_add": "Tilføj vedhæftning",
       "attachments_no_preview": "Ingen forhåndsvisning tilgængelig for denne filtype.",
-      "attachments_office_preview_unavailable": "Forhåndsvisning er ikke tilgængelig for Office-dokumenter. Download filen for at se den.",
+      "attachments_office_preview_unavailable": "Forhåndsvisning er ikke tilgjengelig for Office-dokumenter. Last ned for å se.",
       "attachments_upload_description": "Upload en ny fil som vedhæftning til denne transaktion.",
       "attachments_upload_action": "Upload",
       "attachments_upload_error": "Fejl ved upload af vedhæftet fil.",
@@ -377,7 +369,7 @@
       "customer_creation_error_generic": "Der opstod en fejl under oprettelse af kunden. Prøv igen.",
       "delete": "Slet",
       "details": "Detaljer",
-      "download": "Download",
+      "download": "Last ned",
       "duplicate_order_warning": "Er du sikker på, at dette ikke allerede er oprettet? Mulige dubletter af denne ordre er fundet. Du kan fortsætte med at oprette ordren eller se ordredetaljer.",
       "hide_order_details": "Skjul ordredetaljer",
       "duplicates": {
@@ -580,7 +572,7 @@
       "reference_required_title": "Referencenummer påkrævet",
       "safety_seal": "Sikkerhedsforsegling",
       "scanned": "Scannet",
-      "scanner": "Scanner",
+      "scanner": "Skanner",
       "search_license_plate": "Søg efter nummerplade",
       "see_note": "Se note",
       "see_reference": "Se reference",
@@ -867,8 +859,24 @@
       },
       "day": "Dag",
       "dayHeaderFormat": "ddd D/M",
-      "dayNames": ["Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"],
-      "dayNamesShort": ["Søn", "Man", "Tir", "Ons", "Tor", "Fre", "Lør"],
+      "dayNames": [
+        "Søndag",
+        "Mandag",
+        "Tirsdag",
+        "Onsdag",
+        "Torsdag",
+        "Fredag",
+        "Lørdag"
+      ],
+      "dayNamesShort": [
+        "Søn",
+        "Man",
+        "Tir",
+        "Ons",
+        "Tor",
+        "Fre",
+        "Lør"
+      ],
       "eventTimeFormat": "HH:mm",
       "list": "Liste",
       "month": "Måned",
@@ -886,7 +894,20 @@
         "November",
         "Desember"
       ],
-      "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"],
+      "monthNamesShort": [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "Maj",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Des"
+      ],
       "next": "I denne",
       "prev": "Forrige",
       "slotLabelFormat": "HH:mm",
@@ -915,21 +936,6 @@
     "year": "År"
   },
   "collected_invoice": {
-    "move_customer": {
-      "card_title": "Flyt til kunde",
-      "confirm_button": "Flyt",
-      "confirm_text": "Flyt fakturasamling #{id} og {count} ordre til kunde #{customer}?",
-      "confirm_title": "Bekræft flytning",
-      "current_customer": "Nuværende kunde: #{customer}",
-      "customer_value": "Kunde #{customer}",
-      "error_title": "Kunne ikke flytte fakturasamling",
-      "invalid_customer": "Indtast et gyldigt kundenummer.",
-      "locked": "Låst",
-      "same_customer": "Vælg en anden kunde end den nuværende.",
-      "success_text": "{count} ordre blev flyttet til kunde #{customer}.",
-      "success_title": "Fakturasamling flyttet",
-      "title": "Flyt fakturasamling"
-    },
     "economic": {
       "booked_desc": "Fakturaen er bogført i E-conomic, ingen yderligere handlinger er nødvendige.",
       "booked_with_economic": "Fakturaen er bogført med E-conomic",
@@ -1258,7 +1264,7 @@
       "reply_to_name_desc": "Navnet som emailen besvares til. F.eks. Support",
       "send": "Send",
       "send_test_email": "Send test email",
-      "send_test_email_prompt": "Indtast den e-mailadresse, du vil sende test-e-mailen til.",
+      "send_test_email_prompt": "Indtast venligst email adressen du vil sende test emailen til.",
       "sender_identity": "Afsender identitet",
       "sender_identity_desc": "Afsender identitet indstillinger for email systemet.",
       "smtp_encryption": "SMTP kryptering",
@@ -1276,13 +1282,13 @@
       "smtp_username_desc": "SMTP brugernavnet er brugernavnet som SMTP hosten bruger til at sende emailen.",
       "subtitle": "Konfiguration af email systemet.",
       "test_email_error": "Der opstod en fejl under afsendelse af test emailen.",
-      "test_email_sent": "Test-e-mail sendt",
-      "test_email_sent_success": "Test-e-mailen er blevet sendt til e-mailadressen.",
+      "test_email_sent": "Test email sendt",
+      "test_email_sent_success": "Test emailen er blevet sendt til email adressen.",
       "title": "Email konfiguration"
     },
     "fxrates": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "API-nøglen til valutakurser bruges til at hente valutakurser",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Valutakurser API-nøkkelen bruges til å hente ut valutakurser",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "FX Rates API forbindelsesindstillingerne.",
       "conversion_rates": "Valutakurser",
@@ -1306,7 +1312,7 @@
     },
     "general": {
       "currency": "Valuta",
-      "language": "Sprog",
+      "language": "Språk",
       "subtitle": "Generelle indstillinger",
       "timezone": "Tidszone",
       "title": "Generelle indstillinger"
@@ -1316,13 +1322,13 @@
       "title": "Integrationer"
     },
     "limble": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Limble API-nøglen bruges til at autentificere Limble-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Limble API-nøkkelen bruges til å autentisere Limble-integrationen",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "Limble API forbindelsesindstillingerne.",
       "client_id": "Klient-ID",
       "client_id_desc": "Client ID bruges til at autentificere API forbindelsen.",
-      "client_secret": "Klienthemmelighed",
+      "client_secret": "Klienthemmelighet",
       "client_secret_desc": "Client secret bruges til at autentificere API forbindelsen.",
       "connection_failed_desc": "Forbindelsen til Limble API fejlede!",
       "connection_success": "Forbindelse succesfuld",
@@ -1338,13 +1344,13 @@
       "title": "Limble konfiguration"
     },
     "mailersend": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Mailersend API-nøglen bruges til at autentificere Mailersend-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Mailersend API-nøkkelen bruges til å autentisere Mailersend-integrationen",
       "title": "Mailersend-konfiguration"
     },
     "motor_api": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Motor API-nøglen bruges til at autentificere Motor API-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Motor API-nøkkelen bruges til å autentisere Motor API-integrationen",
       "title": "Motor API-konfiguration"
     },
     "motorapi": {
@@ -1363,7 +1369,7 @@
       "title": "MotorAPI konfiguration"
     },
     "products": {
-      "add": "Tilføj produkt",
+      "add": "Legg til produkt",
       "delete": "Slet produkt",
       "delete_confirm": "Er du sikker på, at du vil slette dette produkt?",
       "edit": "Rediger produkt",
@@ -1371,23 +1377,9 @@
       "subtitle": "Administrer produkter",
       "title": "Produkter"
     },
-    "slack": {
-      "customer_registration_webhook_url": "Webhook-URL til kunderegistreringer",
-      "customer_registration_webhook_url_desc": "Slack-webhook der modtager en besked, når en ny kunderegistrering lykkes. Lad feltet være tomt for at deaktivere.",
-      "notification_settings": "Notifikationer",
-      "notification_settings_desc": "Slack-webhooks til systemhændelser.",
-      "send_test_webhook": "Send test-webhook",
-      "subtitle": "Konfiguration af Slack-notifikationer",
-      "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
-      "test_webhook_not_configured": "Gem en webhook-URL til kunderegistreringer, før du sender en test.",
-      "test_webhook_sent": "Slack-test sendt",
-      "test_webhook_sent_success": "Slack-testbeskeden for kunderegistrering blev sendt.",
-      "title": "Slack-konfiguration",
-      "unavailable": "Slack-konfigurationen er ikke tilgængelig i denne API-udgivelse."
-    },
     "shelly": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Shelly API-nøglen bruges til at autentificere Shelly-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Shelly API-nøkkelen bruges til å autentisere Shelly-integrationen",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "Shelly API forbindelsesindstillingerne.",
       "connection_failed_desc": "Forbindelsen til Shelly API fejlede!",
@@ -1406,8 +1398,8 @@
       "title": "Shelly konfiguration"
     },
     "stripe": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Din Stripe API-nøgle for betalingsbehandling",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Din Stripe API-nøkkel for betalingsbehandling",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "Stripe API forbindelsesindstillingerne.",
       "customers": "Stripe kunder",
@@ -1442,8 +1434,8 @@
       "title": "Brugere"
     },
     "virkdata": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "Virk Data API-nøglen bruges til at autentificere Virk Data-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "Virk Data API-nøkkelen bruges til å autentisere Virk Data-integrationen",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "VirkData API forbindelsesindstillingerne.",
       "company_selected": "Virksomhed valgt",
@@ -1466,8 +1458,8 @@
       "title": "VirkData konfiguration"
     },
     "xlvask": {
-      "api_key": "API-Nøgle",
-      "api_key_desc": "XL Vask API-nøglen bruges til at autentificere XL Vask-integrationen",
+      "api_key": "API-nøkkel",
+      "api_key_desc": "XL Vask API-nøkkelen bruges til å autentisere XL Vask-integrationen",
       "api_settings": "API forbindelsesindstillinger",
       "api_settings_desc": "XLVask API forbindelsesindstillingerne.",
       "connection_failed": "Forbindelse fejlede",
@@ -2221,7 +2213,7 @@
       "list": "Liste",
       "subtitle": "Se hvordan dine afdelinger klarer sig",
       "title": "Overblik",
-      "charts": "Grafer"
+      "charts": "Charts"
     },
     "pos": {
       "subtitle": "Registrer salg",
@@ -2320,15 +2312,15 @@
       "country": "Land",
       "email": "E-mail",
       "latitude": "Breddegrad",
-      "longitude": "Længdegrad",
+      "longitude": "Lengdegrad",
       "name": "Navn",
       "phone": "Telefon",
-      "submit": "Gem",
+      "submit": "Lagre",
       "zip": "Postnummer"
     },
     "integrations": {
-      "mailersend_api_key": "Mailersend API-Nøgle",
-      "mailersend_api_key_desc": "Mailersend API-nøglen bruges til at autentificere Mailersend-integrationen",
+      "mailersend_api_key": "Mailersend API-nøkkel",
+      "mailersend_api_key_desc": "Mailersend API-nøkkelen bruges til å autentisere Mailersend-integrationen",
       "subtitle": "Konfigurer integrationer for afdelingen",
       "title": "Integrationer"
     },
@@ -2336,9 +2328,9 @@
     "new_department": "Ny afdeling",
     "no_departments": "Ingen afdelinger fundet",
     "opening_hours": {
-      "add": "Tilføj",
-      "closed": "Lukket",
-      "title": "Åbningstider"
+      "add": "Legg til",
+      "closed": "Stengt",
+      "title": "Åpningstider"
     },
     "phone": "Telefon",
     "products": {
@@ -2350,7 +2342,7 @@
     "tab": {
       "info": "Info",
       "integrations": "Integrationer",
-      "opening_hours": "Åbningstider",
+      "opening_hours": "Åpningstider",
       "product_addons": "Produkttilvalg",
       "wash_products": "Vaskeprodukter"
     },
@@ -2371,7 +2363,7 @@
       "name": "Navn",
       "phone": "Telefon",
       "role": "Rolle",
-      "submit": "Gem"
+      "submit": "Lagre"
     },
     "name": "Navn",
     "new_employee": "Ny medarbejder",
@@ -2665,17 +2657,17 @@
     "yes": "Ja"
   },
   "guest": {
-    "about": "Om os",
-    "access_code": "Adgangskode",
+    "about": "Om oss",
+    "access_code": "Tilgangskode",
     "app_store": "App Store",
     "book_wash": "Book vask",
-    "contact": "Kontakt os",
-    "continue": "Fortsæt",
-    "download_app": "Download app",
+    "contact": "Kontakta oss",
+    "continue": "Fortsett",
+    "download_app": "Ladda ner app",
     "driver": {
       "coming_soon": "Denne funktion er på vej!"
     },
-    "enter_access_code": "Indtast adgangskode",
+    "enter_access_code": "Skriv inn tilgangskode",
     "find_wash": "Find vask",
     "home": {
       "contact_or_call": "eller ring til os på",
@@ -2684,12 +2676,12 @@
       "subtitle": "Velkommen til PLENO",
       "title": "Forside"
     },
-    "invalid_code": "Ugyldig adgangskode",
+    "invalid_code": "Ugyldig tilgangskode",
     "play_store": "Google Play",
     "pwa": {
       "already_installed": "Pleno er allerede installeret på din enhed.",
       "android_instructions": "Tryk på menuknappen og vælg \"Installer app\"",
-      "card_title": "Download Pleno",
+      "card_title": "Last ned Pleno",
       "click_to_install": "Klik på knappen nedenfor for at installere Pleno på din enhed.",
       "description": "Pleno er en Progressive Web App (PWA), der kan installeres på din enhed for en bedre oplevelse.",
       "install": "Installer",
@@ -2699,14 +2691,14 @@
       "instructions": "Instruktioner",
       "ios_instructions": "Tryk på delingsknappen og vælg \"Tilføj til hjemmeskærm\"",
       "subtitle": "Download appen på din enhed",
-      "title": "Download",
+      "title": "Last ned",
       "use_supported_browser": "For at installere Pleno skal du bruge en understøttet browser og følge installationsvejledningen."
     },
-    "scan_qr": "Scan QR-kode",
+    "scan_qr": "Skann QR-kode",
     "start_wash": "Start vask",
-    "start_wash_subtitle": "Indtast adgangskoden for at fortsætte",
-    "start_wash_title": "Start vask som gæst",
-    "title": "Gæsteadgang",
+    "start_wash_subtitle": "Skriv inn tilgangskoden for å fortsette",
+    "start_wash_title": "Start vask som gjest",
+    "title": "Gjesttilgang",
     "welcome": "Velkommen",
     "welcome_message": "Velkommen til Truck Wash"
   },
@@ -2803,13 +2795,6 @@
     "unknown_qr_text": "Den scannede QR kode er ikke gyldig for denne side.",
     "unknown_qr_title": "Ukendt QR kode"
   },
-  "maintenance_menu": {
-    "confirm_clear_local": "Ryd alle lokale appdata og genindlæs nu?",
-    "force_update_clear_hint": "Rydder local storage, session storage, service workers og browsercaches.",
-    "force_update_clear": "Tving opdatering og ryd alt lokalt",
-    "title": "Vedligeholdelse",
-    "version": "Nuværende {current} / seneste {latest}"
-  },
   "messages": {
     "are_you_sure": "Er du sikker?",
     "cancelled": "Annulleret",
@@ -3160,7 +3145,7 @@
     "invoices": {
       "columns": {
         "amount": "Beløb",
-        "download": "Download",
+        "download": "Last ned",
         "due_date": "Forfaldsdato",
         "invoice_number": "Fakturanummer",
         "paid": "Betalt"
@@ -3773,7 +3758,7 @@
     "days": "dage",
     "export": "Eksporter",
     "growth": "Vækst",
-    "no_data": "Ingen data tilgængelige",
+    "no_data": "Ingen data tilgjengelig",
     "none": "Ingen",
     "orders": "Ordrer",
     "overview": {
@@ -3877,7 +3862,6 @@
       "xlvask": "XLVask",
       "department_gates": "Afdelingsporte",
       "department_relays": "Afdelingsreleer",
-      "error_reports": "Fejlrapporter",
       "selfserve": "Selvvask"
     },
     "pages": {
@@ -4671,8 +4655,6 @@
         "sms_phone": "Telefonnummer til SMS notifikationer",
         "sms_phone_desc": "Det telefonnummer, der modtager SMS notifikationer.",
         "sms_subtitle": "SMS",
-        "superuser_notifications": "Superuser-notifikationer",
-        "superuser_notifications_desc": "Modtag e-mailnotifikationer, når en ny kunde registrerer sig på siden.",
         "title": "Notifikationer"
       },
       "security": {
@@ -5209,7 +5191,7 @@
       "fixed_pricing": "Fastprisaftaler",
       "subscriptions": "Abonnementer",
       "customer_prices": "Kundepriser",
-      "other": "Anden bogført indtægt",
+      "other": "Annen bokført inntekt",
       "months": "Måneder i visning"
     },
     "tabs": {

src/i18n/locales/de.json

@@ -30,14 +30,6 @@
       "all": "Alle"
     }
   },
-  "redirect": {
-    "mobile_department_auto_select": {
-      "manual_button": "Abteilung manuell auswählen",
-      "manual_title": "Wählen Sie Ihre Abteilung",
-      "manual_loading": "Abteilungen werden geladen...",
-      "use_department": "{name} auswählen"
-    }
-  },
   "about_us": {
     "solutions": {
       "customer": {
@@ -867,8 +859,24 @@
       },
       "day": "Tag",
       "dayHeaderFormat": "ddd D/M",
-      "dayNames": ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
-      "dayNamesShort": ["Søn", "Man", "Tir", "Mi", "Do", "Fre", "Lør"],
+      "dayNames": [
+        "Sonntag",
+        "Montag",
+        "Dienstag",
+        "Mittwoch",
+        "Donnerstag",
+        "Freitag",
+        "Samstag"
+      ],
+      "dayNamesShort": [
+        "Søn",
+        "Man",
+        "Tir",
+        "Mi",
+        "Do",
+        "Fre",
+        "Lør"
+      ],
       "eventTimeFormat": "HH:mm",
       "list": "Liste",
       "month": "Monat",
@@ -886,7 +894,20 @@
         "November",
         "Desember"
       ],
-      "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"],
+      "monthNamesShort": [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "Mai",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Des"
+      ],
       "next": "Neste",
       "prev": "Vorherige",
       "slotLabelFormat": "HH:mm",
@@ -915,21 +936,6 @@
     "year": "Jahr"
   },
   "collected_invoice": {
-    "move_customer": {
-      "card_title": "Move to customer",
-      "confirm_button": "Move",
-      "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-      "confirm_title": "Confirm move",
-      "current_customer": "Current customer: #{customer}",
-      "customer_value": "Customer #{customer}",
-      "error_title": "Could not move invoice collection",
-      "invalid_customer": "Enter a valid customer number.",
-      "locked": "Locked",
-      "same_customer": "Choose another customer than the current one.",
-      "success_text": "{count} orders were moved to customer #{customer}.",
-      "success_title": "Invoice collection moved",
-      "title": "Move invoice collection"
-    },
     "economic": {
       "booked_desc": "Die Rechnung ist in E-conomic gebucht, keine weiteren Aktionen sind erforderlich.",
       "booked_with_economic": "Rechnung mit E-conomic gebucht",
@@ -1371,20 +1377,6 @@
       "subtitle": "Produkte verwalten",
       "title": "Produkte"
     },
-    "slack": {
-      "customer_registration_webhook_url": "Webhook-URL fuer Kundenregistrierungen",
-      "customer_registration_webhook_url_desc": "Slack-Webhook, der eine Nachricht erhaelt, wenn eine neue Kundenregistrierung erfolgreich ist. Leer lassen, um dies zu deaktivieren.",
-      "notification_settings": "Benachrichtigungseinstellungen",
-      "notification_settings_desc": "Slack-Webhooks fuer Systemereignisse.",
-      "send_test_webhook": "Test-Webhook senden",
-      "subtitle": "Konfiguration von Slack-Benachrichtigungen",
-      "test_webhook_error": "Der Slack-Test-Webhook konnte nicht gesendet werden.",
-      "test_webhook_not_configured": "Speichern Sie zuerst eine Webhook-URL fuer Kundenregistrierungen.",
-      "test_webhook_sent": "Slack-Test gesendet",
-      "test_webhook_sent_success": "Die Slack-Testnachricht fuer Kundenregistrierungen wurde gesendet.",
-      "title": "Slack-Konfiguration",
-      "unavailable": "Die Slack-Konfiguration ist in dieser API-Version nicht verfuegbar."
-    },
     "shelly": {
       "api_key": "API-Schl?ssel",
       "api_key_desc": "Der Shelly API-Schl?ssel wird zur Authentifizierung der Shelly-Integration verwendet",
@@ -2803,13 +2795,6 @@
     "unknown_qr_text": "Der gescannte QR-Code ist f?r diese Seite nicht g?ltig.",
     "unknown_qr_title": "Unbekannter QR-Code"
   },
-  "maintenance_menu": {
-    "confirm_clear_local": "Alle lokalen App-Daten löschen und jetzt neu laden?",
-    "force_update_clear_hint": "Löscht Local Storage, Session Storage, Service Worker und Browser-Caches.",
-    "force_update_clear": "Update erzwingen und alles Lokale löschen",
-    "title": "Wartung",
-    "version": "Aktuell {current} / neueste {latest}"
-  },
   "messages": {
     "are_you_sure": "Sind Sie sicher?",
     "cancelled": "Erfolgreich storniert",
@@ -3875,8 +3860,7 @@
       "vehicles": "Fahrzeuge",
       "xlvask": "XLVask",
       "department_gates": "Abteilungstore",
-      "department_relays": "Abteilungsrelais",
-      "error_reports": "Fehlerberichte"
+      "department_relays": "Abteilungsrelais"
     },
     "pages": {
       "categories": {
@@ -4657,8 +4641,6 @@
         "sms_phone": "Telefonnummer f?r SMS-Benachrichtigungen",
         "sms_phone_desc": "Die Telefonnummer, die SMS-Benachrichtigungen erh?lt.",
         "sms_subtitle": "SMS",
-        "superuser_notifications": "Superuser-Benachrichtigungen",
-        "superuser_notifications_desc": "E-Mail-Benachrichtigungen erhalten, wenn sich ein neuer Kunde auf der Seite registriert.",
         "title": "Benachrichtigungen"
       },
       "security": {

src/i18n/locales/en.json

@@ -30,14 +30,6 @@
       "all": "All"
     }
   },
-  "redirect": {
-    "mobile_department_auto_select": {
-      "manual_button": "Select department manually",
-      "manual_title": "Select your department",
-      "manual_loading": "Loading departments...",
-      "use_department": "Select {name}"
-    }
-  },
   "about_us": {
     "solutions": {
       "customer": {
@@ -867,8 +859,24 @@
       },
       "day": "Day",
       "dayHeaderFormat": "ddd D/M",
-      "dayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-      "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+      "dayNames": [
+        "Sunday",
+        "Monday",
+        "Tuesday",
+        "Wednesday",
+        "Thursday",
+        "Friday",
+        "Saturday"
+      ],
+      "dayNamesShort": [
+        "Sun",
+        "Mon",
+        "Tue",
+        "Wed",
+        "Thu",
+        "Fri",
+        "Sat"
+      ],
       "eventTimeFormat": "HH:mm",
       "list": "List",
       "month": "Month",
@@ -886,7 +894,20 @@
         "November",
         "December"
       ],
-      "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+      "monthNamesShort": [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec"
+      ],
       "next": "Next",
       "prev": "Previous",
       "slotLabelFormat": "HH:mm",
@@ -915,21 +936,6 @@
     "year": "Year"
   },
   "collected_invoice": {
-    "move_customer": {
-      "card_title": "Move to customer",
-      "confirm_button": "Move",
-      "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-      "confirm_title": "Confirm move",
-      "current_customer": "Current customer: #{customer}",
-      "customer_value": "Customer #{customer}",
-      "error_title": "Could not move invoice collection",
-      "invalid_customer": "Enter a valid customer number.",
-      "locked": "Locked",
-      "same_customer": "Choose another customer than the current one.",
-      "success_text": "{count} orders were moved to customer #{customer}.",
-      "success_title": "Invoice collection moved",
-      "title": "Move invoice collection"
-    },
     "economic": {
       "booked_desc": "The invoice is booked in E-conomic, no further actions are required.",
       "booked_with_economic": "Invoice booked with E-conomic",
@@ -1371,20 +1377,6 @@
       "subtitle": "Manage products",
       "title": "Products"
     },
-    "slack": {
-      "customer_registration_webhook_url": "Customer registration webhook URL",
-      "customer_registration_webhook_url_desc": "Slack webhook that receives a message when a new customer registration succeeds. Leave empty to disable.",
-      "notification_settings": "Notification settings",
-      "notification_settings_desc": "Slack webhooks for system events.",
-      "send_test_webhook": "Send test webhook",
-      "subtitle": "Configuration of Slack notifications",
-      "test_webhook_error": "Could not send the Slack test webhook.",
-      "test_webhook_not_configured": "Save a customer registration webhook URL before sending a test.",
-      "test_webhook_sent": "Slack test sent",
-      "test_webhook_sent_success": "The Slack customer registration test message was sent.",
-      "title": "Slack configuration",
-      "unavailable": "Slack configuration is not available on this API release."
-    },
     "shelly": {
       "api_key": "API-nyckel",
       "api_key_desc": "The Shelly API key is used to authenticate the Shelly integration",
@@ -2803,13 +2795,6 @@
     "unknown_qr_text": "The scanned QR code is not valid for this page.",
     "unknown_qr_title": "Unknown QR Code"
   },
-  "maintenance_menu": {
-    "confirm_clear_local": "Clear all local app data and reload now?",
-    "force_update_clear_hint": "Clears local storage, session storage, service workers, and browser caches.",
-    "force_update_clear": "Force update and clear all local",
-    "title": "Maintenance",
-    "version": "Current {current} / latest {latest}"
-  },
   "messages": {
     "are_you_sure": "Are you sure?",
     "cancelled": "Canceled successfully",
@@ -3875,8 +3860,7 @@
       "vehicles": "Vehicles",
       "xlvask": "XLVask",
       "department_gates": "Department Gates",
-      "department_relays": "Department Relays",
-      "error_reports": "Error reports"
+      "department_relays": "Department Relays"
     },
     "pages": {
       "categories": {
@@ -4669,8 +4653,6 @@
         "sms_phone": "Phone number for SMS notifications",
         "sms_phone_desc": "The phone number that receives SMS notifications.",
         "sms_subtitle": "SMS",
-        "superuser_notifications": "Superuser notifications",
-        "superuser_notifications_desc": "Receive email notifications when a new customer registers on the site.",
         "title": "Notifications"
       },
       "security": {

src/i18n/locales/no.json

@@ -30,14 +30,6 @@
       "all": "Alle"
     }
   },
-  "redirect": {
-    "mobile_department_auto_select": {
-      "manual_button": "Velg avdeling manuelt",
-      "manual_title": "Velg din avdeling",
-      "manual_loading": "Laster avdelinger...",
-      "use_department": "Velg {name}"
-    }
-  },
   "about_us": {
     "solutions": {
       "customer": {
@@ -867,8 +859,24 @@
       },
       "day": "Dag",
       "dayHeaderFormat": "ddd D/M",
-      "dayNames": ["Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"],
-      "dayNamesShort": ["Søn", "Mann", "Tir", "Ons", "Tor", "Fre", "Lør"],
+      "dayNames": [
+        "Søndag",
+        "Mandag",
+        "Tirsdag",
+        "Onsdag",
+        "Torsdag",
+        "Fredag",
+        "Lørdag"
+      ],
+      "dayNamesShort": [
+        "Søn",
+        "Mann",
+        "Tir",
+        "Ons",
+        "Tor",
+        "Fre",
+        "Lør"
+      ],
       "eventTimeFormat": "HH:mm",
       "list": "Liste",
       "month": "Måned",
@@ -886,7 +894,20 @@
         "november",
         "desember"
       ],
-      "monthNamesShort": ["Jan", "feb", "Mar", "apr", "mai", "jun", "jul", "august", "sep", "Okt", "nov", "Av"],
+      "monthNamesShort": [
+        "Jan",
+        "feb",
+        "Mar",
+        "apr",
+        "mai",
+        "jun",
+        "jul",
+        "august",
+        "sep",
+        "Okt",
+        "nov",
+        "Av"
+      ],
       "next": "I dette",
       "prev": "Forrige",
       "slotLabelFormat": "HH:mm",
@@ -915,21 +936,6 @@
     "year": "År"
   },
   "collected_invoice": {
-    "move_customer": {
-      "card_title": "Move to customer",
-      "confirm_button": "Move",
-      "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-      "confirm_title": "Confirm move",
-      "current_customer": "Current customer: #{customer}",
-      "customer_value": "Customer #{customer}",
-      "error_title": "Could not move invoice collection",
-      "invalid_customer": "Enter a valid customer number.",
-      "locked": "Locked",
-      "same_customer": "Choose another customer than the current one.",
-      "success_text": "{count} orders were moved to customer #{customer}.",
-      "success_title": "Invoice collection moved",
-      "title": "Move invoice collection"
-    },
     "economic": {
       "booked_desc": "Fakturaen er bokført i E-conomic, ingen ytterligere handlinger er nødvendig.",
       "booked_with_economic": "Faktura bestilles hos E-conomic",
@@ -1371,20 +1377,6 @@
       "subtitle": "Administrer produkter",
       "title": "Produkter"
     },
-    "slack": {
-      "customer_registration_webhook_url": "Webhook-URL for kunderegistreringer",
-      "customer_registration_webhook_url_desc": "Slack-webhook som mottar en melding når en ny kunderegistrering lykkes. La feltet stå tomt for å deaktivere.",
-      "notification_settings": "Varslingsinnstillinger",
-      "notification_settings_desc": "Slack-webhooks for systemhendelser.",
-      "send_test_webhook": "Send test-webhook",
-      "subtitle": "Konfigurasjon av Slack-varsler",
-      "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
-      "test_webhook_not_configured": "Lagre en webhook-URL for kunderegistreringer før du sender en test.",
-      "test_webhook_sent": "Slack-test sendt",
-      "test_webhook_sent_success": "Slack-testmeldingen for kunderegistrering ble sendt.",
-      "title": "Slack-konfigurasjon",
-      "unavailable": "Slack-konfigurasjonen er ikke tilgjengelig i denne API-utgivelsen."
-    },
     "shelly": {
       "api_key": "API-nøkkel",
       "api_key_desc": "Shelly API-nøkkelen brukes til å autentisere Shelly-integrasjonen",
@@ -2803,13 +2795,6 @@
     "unknown_qr_text": "Den skannede QR-koden er ikke gyldig for denne siden.",
     "unknown_qr_title": "Ukjent QR-kode"
   },
-  "maintenance_menu": {
-    "confirm_clear_local": "Fjern alle lokale appdata og last inn på nytt nå?",
-    "force_update_clear_hint": "Fjerner local storage, session storage, service workers og nettlesercacher.",
-    "force_update_clear": "Tving oppdatering og fjern alt lokalt",
-    "title": "Vedlikehold",
-    "version": "Gjeldende {current} / nyeste {latest}"
-  },
   "messages": {
     "are_you_sure": "er du sikker?",
     "cancelled": "Avbrutt",
@@ -3875,8 +3860,7 @@
       "vehicles": "Kjøretøy",
       "xlvask": "XLVask",
       "department_gates": "Avdelingsporter",
-      "department_relays": "Avdelingsreleer",
-      "error_reports": "Feilrapporter"
+      "department_relays": "Avdelingsreleer"
     },
     "pages": {
       "categories": {
@@ -4657,8 +4641,6 @@
         "sms_phone": "Telefonnummer for SMS-varsler",
         "sms_phone_desc": "Telefonnummeret som mottar SMS-varsler.",
         "sms_subtitle": "SMS",
-        "superuser_notifications": "Superbrukervarsler",
-        "superuser_notifications_desc": "Motta e-postvarsler når en ny kunde registrerer seg på siden.",
         "title": "Varsler"
       },
       "security": {

src/i18n/locales/sv.json

@@ -30,14 +30,6 @@
       "all": "Alla"
     }
   },
-  "redirect": {
-    "mobile_department_auto_select": {
-      "manual_button": "Välj avdelning manuellt",
-      "manual_title": "Välj din avdelning",
-      "manual_loading": "Laddar avdelningar...",
-      "use_department": "Välj {name}"
-    }
-  },
   "about_us": {
     "solutions": {
       "customer": {
@@ -867,8 +859,24 @@
       },
       "day": "Dag",
       "dayHeaderFormat": "ddd D/M",
-      "dayNames": ["Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag"],
-      "dayNamesShort": ["Sön", "Man", "Tir", "Ons", "Tor", "Fre", "Lör"],
+      "dayNames": [
+        "Söndag",
+        "Måndag",
+        "Tisdag",
+        "Onsdag",
+        "Torsdag",
+        "Fredag",
+        "Lördag"
+      ],
+      "dayNamesShort": [
+        "Sön",
+        "Man",
+        "Tir",
+        "Ons",
+        "Tor",
+        "Fre",
+        "Lör"
+      ],
       "eventTimeFormat": "HH:mm",
       "list": "Liste",
       "month": "Månad",
@@ -886,7 +894,20 @@
         "November",
         "Desember"
       ],
-      "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"],
+      "monthNamesShort": [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "Mai",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Des"
+      ],
       "next": "Neste",
       "prev": "Föregående",
       "slotLabelFormat": "HH:mm",
@@ -915,21 +936,6 @@
     "year": "År"
   },
   "collected_invoice": {
-    "move_customer": {
-      "card_title": "Move to customer",
-      "confirm_button": "Move",
-      "confirm_text": "Move invoice collection #{id} and {count} orders to customer #{customer}?",
-      "confirm_title": "Confirm move",
-      "current_customer": "Current customer: #{customer}",
-      "customer_value": "Customer #{customer}",
-      "error_title": "Could not move invoice collection",
-      "invalid_customer": "Enter a valid customer number.",
-      "locked": "Locked",
-      "same_customer": "Choose another customer than the current one.",
-      "success_text": "{count} orders were moved to customer #{customer}.",
-      "success_title": "Invoice collection moved",
-      "title": "Move invoice collection"
-    },
     "economic": {
       "booked_desc": "Fakturan är bokförd i E-conomic, inga ytterligare åtgärder krävs.",
       "booked_with_economic": "Faktura bokförd i E-conomic",
@@ -1371,20 +1377,6 @@
       "subtitle": "Administrer produkter",
       "title": "Produkter"
     },
-    "slack": {
-      "customer_registration_webhook_url": "Webhook-URL för kundregistreringar",
-      "customer_registration_webhook_url_desc": "Slack-webhook som får ett meddelande när en ny kundregistrering lyckas. Lämna tomt för att inaktivera.",
-      "notification_settings": "Aviseringsinställningar",
-      "notification_settings_desc": "Slack-webhooks för systemhändelser.",
-      "send_test_webhook": "Skicka test-webhook",
-      "subtitle": "Konfiguration av Slack-aviseringar",
-      "test_webhook_error": "Det gick inte att skicka Slack-testwebhooken.",
-      "test_webhook_not_configured": "Spara en webhook-URL för kundregistreringar innan du skickar ett test.",
-      "test_webhook_sent": "Slack-test skickat",
-      "test_webhook_sent_success": "Slack-testmeddelandet för kundregistrering skickades.",
-      "title": "Slack-konfiguration",
-      "unavailable": "Slack-konfigurationen är inte tillgänglig i den här API-versionen."
-    },
     "shelly": {
       "api_key": "API-nyckel",
       "api_key_desc": "Shelly API-nyckeln används för att autentisera Shelly-integrationen",
@@ -2803,13 +2795,6 @@
     "unknown_qr_text": "The scanned QR code is not valid for this page.",
     "unknown_qr_title": "Okänd QR-kod"
   },
-  "maintenance_menu": {
-    "confirm_clear_local": "Rensa all lokal appdata och ladda om nu?",
-    "force_update_clear_hint": "Rensar local storage, session storage, service workers och webbläsarcacher.",
-    "force_update_clear": "Tvinga uppdatering och rensa allt lokalt",
-    "title": "Underhåll",
-    "version": "Aktuell {current} / senaste {latest}"
-  },
   "messages": {
     "are_you_sure": "Är du säker?",
     "cancelled": "Avbruten framgångsrikt",
@@ -3875,8 +3860,7 @@
       "vehicles": "Fordon",
       "xlvask": "XLVask",
       "department_gates": "Avdelningsgrindar",
-      "department_relays": "Avdelningsreläer",
-      "error_reports": "Felrapporter"
+      "department_relays": "Avdelningsreläer"
     },
     "pages": {
       "categories": {
@@ -4657,8 +4641,6 @@
         "sms_phone": "Telefonnummer för SMS-aviseringar",
         "sms_phone_desc": "Telefonnumret som för SMS-aviseringar.",
         "sms_subtitle": "SMS",
-        "superuser_notifications": "Superanvändaraviseringar",
-        "superuser_notifications_desc": "Ta emot e-postaviseringar när en ny kund registrerar sig på sidan.",
         "title": "Aviseringar"
       },
       "security": {

src/i18n/source/da/phrases/compat/collected_invoice/index.json

@@ -1,21 +1,6 @@
 {
   "compat": {
     "collected_invoice": {
-      "move_customer": {
-        "card_title": "Flyt til kunde",
-        "confirm_button": "Flyt",
-        "confirm_text": "Flyt fakturasamling #{id} og {count} ordre til kunde #{customer}?",
-        "confirm_title": "Bekræft flytning",
-        "current_customer": "Nuværende kunde: #{customer}",
-        "customer_value": "Kunde #{customer}",
-        "error_title": "Kunne ikke flytte fakturasamling",
-        "invalid_customer": "Indtast et gyldigt kundenummer.",
-        "locked": "Låst",
-        "same_customer": "Vælg en anden kunde end den nuværende.",
-        "success_text": "{count} ordre blev flyttet til kunde #{customer}.",
-        "success_title": "Fakturasamling flyttet",
-        "title": "Flyt fakturasamling"
-      },
       "economic": {
         "booked_desc": "@.capitalize:{'terms.glossary.fakturaen'} @:{'terms.glossary.er'} @:{'terms.glossary.bogført'} @:{'terms.glossary.i'} @.upper:{'terms.glossary.e'}-@:{'terms.glossary.conomic'}, @:{'terms.glossary.ingen'} @:{'terms.glossary.yderligere'} @:{'terms.glossary.handlinger'} @:{'terms.glossary.er'} @:{'terms.glossary.nødvendige'}.",
         "booked_with_economic": "@.capitalize:{'terms.glossary.fakturaen'} @:{'terms.glossary.er'} @:{'terms.glossary.bogført'} @:{'terms.glossary.med'} @.upper:{'terms.glossary.e'}-@:{'terms.glossary.conomic'}",

src/i18n/source/da/phrases/compat/configuration/index.json

@@ -158,20 +158,6 @@
         "delete_confirm": "@.capitalize:{'terms.glossary.er'} @:{'terms.glossary.du'} @:{'terms.glossary.sikker'} @:{'terms.glossary.pa'}, @:{'terms.glossary.at'} @:{'terms.glossary.du'} @:{'terms.glossary.vil'} @:{'terms.glossary.slette'} @:{'terms.glossary.dette'} @:{'terms.glossary.produkt'}?",
         "edit": "@:{'phrases.compat.products.edit_product'}"
       },
-      "slack": {
-        "customer_registration_webhook_url": "Webhook-URL til kunderegistreringer",
-        "customer_registration_webhook_url_desc": "Slack-webhook der modtager en besked, når en ny kunderegistrering lykkes. Lad feltet være tomt for at deaktivere.",
-        "notification_settings": "Notifikationer",
-        "notification_settings_desc": "Slack-webhooks til systemhændelser.",
-        "send_test_webhook": "Send test-webhook",
-        "subtitle": "Konfiguration af Slack-notifikationer",
-        "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
-        "test_webhook_not_configured": "Gem en webhook-URL til kunderegistreringer, før du sender en test.",
-        "test_webhook_sent": "Slack-test sendt",
-        "test_webhook_sent_success": "Slack-testbeskeden for kunderegistrering blev sendt.",
-        "title": "Slack-konfiguration",
-        "unavailable": "Slack-konfigurationen er ikke tilgængelig i denne API-udgivelse."
-      },
       "shelly": {
         "api_key_desc": "@:{'terms.glossary.shelly'} @:{'terms.glossary.api'}-@:{'terms.glossary.nøkkelen'} @:{'terms.glossary.bruges'} @:{'terms.glossary.til'} @:{'terms.glossary.a_2'} @:{'terms.glossary.autentisere'} @:{'terms.glossary.shelly'}-@:{'terms.glossary.integrationen'}",
         "api_settings_desc": "@:{'terms.glossary.shelly'} @:{'terms.glossary.api'} @:{'terms.glossary.forbindelsesindstillingerne'}.",

src/i18n/source/da/phrases/compat/maintenance_menu/index.json

@@ -1,11 +0,0 @@
-{
-  "compat": {
-    "maintenance_menu": {
-      "confirm_clear_local": "Ryd alle lokale appdata og genindlaes nu?",
-      "force_update_clear_hint": "Rydder local storage, session storage, service workers og browsercaches.",
-      "force_update_clear": "Tving opdatering og ryd alt lokalt",
-      "title": "Vedligeholdelse",
-      "version": "Nuværende {current} / seneste {latest}"
-    }
-  }
-}

src/i18n/source/da/phrases/compat/user_dashboard/index.json

@@ -103,9 +103,7 @@
           "email_notifications_desc": "@:{'terms.glossary.modtag'} @:{'terms.glossary.e'}-mails @:{'terms.glossary.med'} bookingbekræftelser @:{'terms.glossary.og'} @:{'terms.glossary.vaskecertifikater'}.",
           "sms_notifications_desc": "@:{'terms.glossary.modtag'} @:{'terms.glossary.sms'} @:{'terms.glossary.notifikationer'} @:{'terms.glossary.ved'} @:{'terms.glossary.forskellige'} @:{'terms.glossary.begivenheder'}.",
           "sms_phone": "@.capitalize:{'terms.glossary.telefonnummer'} @:{'terms.glossary.til'} @:{'terms.glossary.sms'} @:{'terms.glossary.notifikationer'}",
-          "sms_phone_desc": "@.capitalize:{'terms.glossary.det'} @:{'terms.glossary.telefonnummer'}, @:{'terms.glossary.der'} @:{'terms.glossary.modtager'} @:{'terms.glossary.sms'} @:{'terms.glossary.notifikationer'}.",
-          "superuser_notifications": "Superuser-notifikationer",
-          "superuser_notifications_desc": "Modtag e-mailnotifikationer, når en ny kunde registrerer sig på siden."
+          "sms_phone_desc": "@.capitalize:{'terms.glossary.det'} @:{'terms.glossary.telefonnummer'}, @:{'terms.glossary.der'} @:{'terms.glossary.modtager'} @:{'terms.glossary.sms'} @:{'terms.glossary.notifikationer'}."
         },
         "security": {
           "description": "@.capitalize:{'terms.glossary.dine'} sikkerhedsindstillinger",