Merge remote-tracking branch 'origin/master' into codex/github-hosted-test-runners

# Conflicts:
#	.github/workflows/tests.yml
#	tests/e2e/self-serve-wash.spec.js
#	tests/unit/playwright-full-workflow.spec.js

.github/workflows/tests.yml

@@ -6,6 +6,39 @@ on:
     branches:
       - master
   workflow_dispatch:
+    inputs:
+      mode:
+        description: "What to run for a manual dispatch."
+        required: true
+        type: choice
+        default: full
+        options:
+          - full
+          - targeted
+          - targeted-then-full
+      target_specs:
+        description: "Comma- or newline-separated Playwright spec paths under tests/e2e."
+        required: false
+        type: string
+        default: "tests/e2e/superuser-department-overview.spec.js"
+      target_projects:
+        description: "JSON array of Playwright projects for targeted mode."
+        required: false
+        type: string
+        default: '["chromium-desktop","chromium-mobile","chromium-tablet","webkit-mobile","webkit-desktop"]'
+      target_grep:
+        description: "Optional Playwright grep pattern for targeted mode."
+        required: false
+        type: string
+        default: ""
+      runner:
+        description: "Runner pool for this manually dispatched test run"
+        required: false
+        default: "self-hosted"
+        type: choice
+        options:
+          - self-hosted
+          - github-hosted
   schedule:
     - cron: "0 2 * * *"
 
@@ -13,16 +46,22 @@ permissions:
   contents: read
 
 concurrency:
-  group: frontend-tests-${{ github.workflow }}-${{ github.event_name }}-${{ github.head_ref || github.ref_name }}
+  group: frontend-tests-${{ github.workflow }}-${{ github.event_name }}-${{ github.event_name == 'workflow_dispatch' && github.run_id || github.head_ref || github.ref_name }}
   cancel-in-progress: true
 
+# Repository variables used as CI runner and credit controls:
+# - FRONTEND_CI_STANDARD_RUNNER: JSON runs-on value for format/build/unit jobs.
+# - FRONTEND_CI_E2E_RUNNER: JSON runs-on value for Playwright jobs.
+# - FRONTEND_CI_PR_E2E_MAX_PARALLEL: numeric Playwright PR job parallelism.
+# - FRONTEND_CI_FULL_E2E_MAX_PARALLEL: numeric full-suite job parallelism.
+# GitHub-hosted example: ["ubuntu-22.04"], with PR parallelism 2 and full parallelism 1.
 jobs:
   format-tests:
-    # CI runs on the repository's self-hosted runner pool.
-    runs-on: [self-hosted, Linux, X64, pleno, frontend]
+    runs-on: ${{ fromJSON(vars.FRONTEND_CI_STANDARD_RUNNER || '["self-hosted","Linux","X64","pleno","frontend"]') }}
     timeout-minutes: 15
     steps:
       - name: Repair self-hosted workspace permissions
+        if: ${{ contains(vars.FRONTEND_CI_STANDARD_RUNNER || 'self-hosted', 'self-hosted') }}
         shell: bash
         run: |
           if [[ -d "$GITHUB_WORKSPACE" ]]; then
@@ -55,10 +94,11 @@ jobs:
 
   build-and-unit:
     needs: format-tests
-    runs-on: [self-hosted, Linux, X64, pleno, frontend]
+    runs-on: ${{ fromJSON(vars.FRONTEND_CI_STANDARD_RUNNER || '["self-hosted","Linux","X64","pleno","frontend"]') }}
     timeout-minutes: 30
     steps:
       - name: Repair self-hosted workspace permissions
+        if: ${{ contains(vars.FRONTEND_CI_STANDARD_RUNNER || 'self-hosted', 'self-hosted') }}
         shell: bash
         run: |
           if [[ -d "$GITHUB_WORKSPACE" ]]; then
@@ -97,15 +137,195 @@ jobs:
         env:
           VITEST_BATCH_SIZE: 5
 
-  e2e-pr:
-    if: github.event_name != 'schedule'
+  e2e-targeted:
+    if: >
+      github.event_name == 'workflow_dispatch' &&
+      (inputs.mode == 'targeted' || inputs.mode == 'targeted-then-full')
     needs: build-and-unit
+    name: E2E-targeted-${{ matrix.project }}
+    # Use GitHub-hosted runners to avoid self-hosted desktop contention and sleep/power events.
+    runs-on: ubuntu-24.04
+    timeout-minutes: 35
+    strategy:
+      fail-fast: false
+      matrix:
+        project: ${{ fromJSON(inputs.target_projects || '["chromium-desktop"]') }}
+    env:
+      MATRIX_PROJECT: ${{ matrix.project }}
+      PLAYWRIGHT_ARTIFACT_NAMESPACE: e2e-targeted-${{ matrix.project }}
+      PLAYWRIGHT_REPORTER_MODE: line-html
+      PLAYWRIGHT_WORKERS: 1
+      PLAYWRIGHT_VIDEO_MODE: on-first-retry
+      TARGET_GREP: ${{ inputs.target_grep }}
+      TARGET_SPECS: ${{ inputs.target_specs }}
+      RUN_ID: ${{ github.run_id }}
+    steps:
+      - name: Normalize 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
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version: 22
+
+      - name: Run targeted Playwright specs in container
+        shell: bash
+        run: |
+          set -euo pipefail
+          case "$MATRIX_PROJECT" in
+            chromium-mobile) project_offset=1 ;;
+            chromium-desktop) project_offset=2 ;;
+            chromium-tablet) project_offset=3 ;;
+            webkit-mobile) project_offset=31 ;;
+            webkit-desktop) project_offset=32 ;;
+            webkit-tablet) project_offset=33 ;;
+            firefox-mobile) project_offset=61 ;;
+            firefox-desktop) project_offset=62 ;;
+            firefox-tablet) project_offset=63 ;;
+            *) echo "Unsupported Playwright project: $MATRIX_PROJECT" >&2; exit 1 ;;
+          esac
+          port_seed=$((20000 + (RUN_ID % 20000) + project_offset))
+          lock_root="${PLAYWRIGHT_PORT_LOCK_ROOT:-/tmp/pleno-playwright-port-locks}"
+          mkdir -p "$lock_root"
+          chmod 1777 "$lock_root" 2>/dev/null || true
+          find "$lock_root" -mindepth 1 -maxdepth 1 -type d -mmin +360 -exec rmdir {} \; 2>/dev/null || true
+          playwright_port_lock=""
+          playwright_dev_port=""
+          for ((candidate = port_seed; candidate < port_seed + 1000; candidate += 1)); do
+            lock_dir="${lock_root}/${candidate}.lock"
+            if ! mkdir "$lock_dir" 2>/dev/null; then
+              continue
+            fi
+            if ss -H -ltn "sport = :${candidate}" 2>/dev/null | grep -q .; then
+              rmdir "$lock_dir" || true
+              continue
+            fi
+            playwright_port_lock="$lock_dir"
+            playwright_dev_port="$candidate"
+            break
+          done
+          if [[ -z "$playwright_dev_port" ]]; then
+            echo "Unable to find a free Playwright dev-server port." >&2
+            exit 1
+          fi
+          trap 'if [[ -n "${playwright_port_lock:-}" ]]; then rmdir "$playwright_port_lock" 2>/dev/null || true; fi' EXIT
+          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
+          scripts/ci/runner-diagnostics.sh "before targeted Playwright ${MATRIX_PROJECT}" -- "${docker_cmd[@]}"
+          SYSTEMD_INHIBIT_REASON="Frontend targeted Playwright ${MATRIX_PROJECT}" \
+          scripts/ci/with-systemd-inhibit.sh "${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_WORKERS="$PLAYWRIGHT_WORKERS" \
+            --env PLAYWRIGHT_VIDEO_MODE="$PLAYWRIGHT_VIDEO_MODE" \
+            --env PLAYWRIGHT_DEV_PORT="$playwright_dev_port" \
+            --env MATRIX_PROJECT="$MATRIX_PROJECT" \
+            --env TARGET_GREP="$TARGET_GREP" \
+            --env TARGET_SPECS="$TARGET_SPECS" \
+            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
+              install_dependencies() {
+                local attempt
+                for attempt in 1 2 3; do
+                  if npm ci --legacy-peer-deps --fetch-retries=5 --fetch-retry-mintimeout=20000 --fetch-retry-maxtimeout=120000; then
+                    return 0
+                  fi
+                  if [[ "$attempt" == "3" ]]; then
+                    return 1
+                  fi
+                  echo "npm ci failed on attempt ${attempt}; retrying..." >&2
+                  sleep 20
+                done
+              }
+              install_dependencies
+              ulimit -n 16384 || true
+              mapfile -t spec_args < <(printf "%s\n" "$TARGET_SPECS" | tr "," "\n" | sed "s/^[[:space:]]*//;s/[[:space:]]*$//;/^$/d")
+              if [[ "${#spec_args[@]}" -eq 0 && -z "${TARGET_GREP:-}" ]]; then
+                echo "Provide at least one spec path or grep pattern." >&2
+                exit 1
+              fi
+              for spec_path in "${spec_args[@]}"; do
+                if [[ "$spec_path" == /* || "$spec_path" == *".."* || "$spec_path" != tests/e2e/* ]]; then
+                  echo "Targeted spec must stay under tests/e2e: $spec_path" >&2
+                  exit 1
+                fi
+                if [[ ! -f "$spec_path" ]]; then
+                  echo "Targeted spec does not exist: $spec_path" >&2
+                  exit 1
+                fi
+              done
+              args=("${spec_args[@]}")
+              if [[ -n "${TARGET_GREP:-}" ]]; then
+                args+=(--grep "$TARGET_GREP")
+              fi
+              args+=(--project="$MATRIX_PROJECT")
+              npx playwright test "${args[@]}"
+            '
+
+      - name: Runner diagnostics after Playwright failure
+        if: failure() || cancelled()
+        continue-on-error: true
+        run: scripts/ci/runner-diagnostics.sh "after targeted Playwright ${{ matrix.project }}"
+
+      - name: Upload Playwright report
+        if: failure() || cancelled()
+        continue-on-error: true
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report-targeted-${{ matrix.project }}
+          path: |
+            output/playwright/${{ env.PLAYWRIGHT_ARTIFACT_NAMESPACE }}-*
+            output/playwright/${{ env.PLAYWRIGHT_ARTIFACT_NAMESPACE }}
+          if-no-files-found: ignore
+          retention-days: 1
+
+  e2e-pr:
+    if: >
+      always() &&
+      github.event_name != 'schedule' &&
+      needs.build-and-unit.result == 'success' &&
+      !(github.event_name == 'workflow_dispatch' && inputs.mode == 'targeted') &&
+      (
+        github.event_name != 'workflow_dispatch' ||
+        inputs.mode == 'full' ||
+        needs.e2e-targeted.result == 'success'
+      )
+    needs: [build-and-unit, e2e-targeted]
     name: E2E-pr-${{ matrix.suite }}-${{ matrix.project }}
-    runs-on: [self-hosted, Linux, X64, pleno, frontend, docker]
+    runs-on: ${{ fromJSON(vars.FRONTEND_CI_E2E_RUNNER || '["self-hosted","Linux","X64","pleno","frontend","docker"]') }}
     timeout-minutes: 45
     strategy:
       fail-fast: false
-      max-parallel: 4
+      max-parallel: ${{ fromJSON(vars.FRONTEND_CI_PR_E2E_MAX_PARALLEL || '2') }}
       matrix:
         suite: [core, changed]
         project: [chromium-desktop, chromium-mobile]
@@ -116,6 +336,7 @@ jobs:
       PLAYWRIGHT_VIDEO_MODE: on-first-retry
     steps:
       - name: Repair self-hosted workspace permissions
+        if: ${{ contains(vars.FRONTEND_CI_E2E_RUNNER || 'self-hosted', 'self-hosted') }}
         shell: bash
         run: |
           if [[ -d "$GITHUB_WORKSPACE" ]]; then
@@ -238,7 +459,6 @@ jobs:
             --env PLAYWRIGHT_WORKERS="$PLAYWRIGHT_WORKERS" \
             --env PLAYWRIGHT_VIDEO_MODE="$PLAYWRIGHT_VIDEO_MODE" \
             --env PLAYWRIGHT_DEV_PORT="$playwright_dev_port" \
-            --env PLAYWRIGHT_WORKERS="${PLAYWRIGHT_WORKERS:-1}" \
             --env MATRIX_SUITE="$MATRIX_SUITE" \
             --env MATRIX_PROJECT="$MATRIX_PROJECT" \
             --env DIFF_BASE_REF="$DIFF_BASE_REF" \
@@ -292,15 +512,21 @@ jobs:
     if: >
       always() &&
       (github.event_name == 'schedule' || github.event_name == 'workflow_dispatch' || github.ref_name == github.event.repository.default_branch) &&
+      !(github.event_name == 'workflow_dispatch' && inputs.mode == 'targeted') &&
       needs.build-and-unit.result == 'success' &&
-      (github.event_name == 'schedule' || needs.e2e-pr.result == 'success')
-    needs: [build-and-unit, e2e-pr]
+      (github.event_name == 'schedule' || needs.e2e-pr.result == 'success') &&
+      (
+        github.event_name != 'workflow_dispatch' ||
+        inputs.mode == 'full' ||
+        needs.e2e-targeted.result == 'success'
+      )
+    needs: [build-and-unit, e2e-pr, e2e-targeted]
     name: E2E-full-${{ matrix.browser_label }}-${{ matrix.device }}-${{ matrix.role }}
-    runs-on: [self-hosted, Linux, X64, pleno, frontend, docker]
+    runs-on: ${{ fromJSON(vars.FRONTEND_CI_E2E_RUNNER || '["self-hosted","Linux","X64","pleno","frontend","docker"]') }}
     timeout-minutes: 60
     strategy:
       fail-fast: false
-      max-parallel: 2
+      max-parallel: ${{ fromJSON(vars.FRONTEND_CI_FULL_E2E_MAX_PARALLEL || '1') }}
       matrix:
         browser: [chromium, webkit, firefox]
         device: [mobile, desktop, tablet]
@@ -322,6 +548,7 @@ jobs:
       PLAYWRIGHT_VIDEO_MODE: off
     steps:
       - name: Repair self-hosted workspace permissions
+        if: ${{ contains(vars.FRONTEND_CI_E2E_RUNNER || 'self-hosted', 'self-hosted') }}
         shell: bash
         run: |
           if [[ -d "$GITHUB_WORKSPACE" ]]; then

openapi.yaml

@@ -2415,6 +2415,12 @@ paths:
                   type: string
                   description: Contact person name
                   example: "Mikkel"
+                ean:
+                  type: string
+                  description: Optional EAN used for e-invoicing in e-conomic
+                  maxLength: 13
+                  pattern: '^[0-9]{1,13}$'
+                  example: "5790001234567"
                 g_recaptcha_response:
                   type: string
                   description: reCAPTCHA verification token
@@ -8189,6 +8195,12 @@ paths:
                 email: {type: string}
                 phone: {type: integer}
                 name: {type: string}
+                ean:
+                  type: string
+                  description: Optional EAN used for e-invoicing in e-conomic
+                  maxLength: 13
+                  pattern: '^[0-9]{1,13}$'
+                  example: "5790001234567"
       responses:
         '200':
           description: Success

scripts/playwright-pr-mapping.mjs

@@ -29,8 +29,8 @@ export const sourceMappings = [
     projects: chromiumProjects,
   },
   {
-    name: "backoffice",
-    patterns: [/^src\/views\/backoffice\//u],
+    name: "limited-backoffice",
+    patterns: [/^src\/views\/backoffice\//u, /^src\/services\/limitedBackoffice\.js$/u],
     specs: ["tests/e2e/limited-backoffice.spec.ts"],
     projects: chromiumProjects,
   },
@@ -43,6 +43,12 @@ export const sourceMappings = [
     specs: ["tests/e2e/superuser-roles-permissions.spec.ts"],
     projects: chromiumProjects,
   },
+  {
+    name: "superuser-users",
+    patterns: [/^src\/views\/dashboards\/superUserDashboard\/user\//u],
+    specs: ["tests/e2e/superuser-users.spec.ts"],
+    projects: chromiumProjects,
+  },
   {
     name: "superuser-dashboard",
     patterns: [
@@ -90,11 +96,12 @@ export const sourceMappings = [
   {
     name: "pos",
     patterns: [
-      /\/pos[/-]/iu,
-      /POS/iu,
+      /(?:^|[/_.-])pos(?:[/_.-]|$)/iu,
+      /(?:^|\/)(?:POS|Pos)[A-Z][^/]*\.(?:vue|js|ts)$/u,
       /^src\/assets\/pos\.css$/u,
       /^src\/components\/displays\/boxes\/ProductBox\.vue$/u,
       /^src\/features\/customer\/customerProductRules\.js$/u,
+      /^src\/services\/economicCustomerIdentifiers\.js$/u,
     ],
     specs: [
       "tests/e2e/pos-flow.spec.js",
@@ -113,12 +120,22 @@ export const sourceMappings = [
   {
     name: "admin-department-notifications",
     patterns: [
+      /^src\/views\/dashboards\/departmentDashboard\/modules\/notifications\/DepartmentNotifications\.vue$/u,
       /^src\/components\/displays\/department\/notifications\//u,
       /^src\/components\/displays\/pagination\/models\/DepartmentPos\/NotificationsPhonePagination\.vue$/u,
     ],
     specs: ["tests/e2e/admin-department-notifications.spec.ts"],
     projects: chromiumProjects,
   },
+  {
+    name: "admin-daily-report",
+    patterns: [
+      /^src\/views\/dashboards\/departmentDashboard\/modules\/daily-report\//u,
+      /^src\/components\/session\/token\/SessionUser\/Objects\/DepartmentDailyReports\.vue$/u,
+    ],
+    specs: ["tests/e2e/admin-daily-report.spec.ts"],
+    projects: chromiumProjects,
+  },
   {
     name: "limited-backoffice",
     patterns: [/^src\/views\/backoffice\/LimitedBackoffice/u],

src/components/displays/buttons/ActionSettingsWheelButton.vue

@@ -126,6 +126,8 @@ const dropdownRoot = ref(null);
 const dropdownContent = ref(null);
 const isDropdownOpen = ref(false);
 const dropdownInstanceId = Math.random().toString(36).substring(2, 15);
+const dropdownPlacement = ref("bottom");
+const isDropdownPlacementLocked = ref(false);
 const shouldOpenDropdownUp = ref(false);
 const dropdownMaxHeight = ref(null);
 const isDesktopFlyoutLayout = ref(false);
@@ -140,6 +142,7 @@ const previewRequestsInFlight = new Set();
 const generatedObjectUrls = new Set();
 let previewStateGeneration = 0;
 let contentResizeObserver = null;
+let dropdownLayoutUpdateId = 0;
 const desktopFlyoutMinViewportWidth = 1400;
 const desktopFlyoutRootPanelWidthRem = 15;
 const desktopFlyoutSubmenuWidthRem = 17;
@@ -230,6 +233,8 @@ const dropdownContentStyle = computed(() => {
 });
 
 const resetDropdownLayout = () => {
+  dropdownPlacement.value = "bottom";
+  isDropdownPlacementLocked.value = false;
   shouldOpenDropdownUp.value = false;
   dropdownMaxHeight.value = null;
   isFixedPosition.value = false;
@@ -291,7 +296,35 @@ const getViewportInsets = () => {
   };
 };
 
+const getDropdownPlacementSpaces = (triggerRect, viewportInsets = getViewportInsets()) => ({
+  bottom: Math.max(window.innerHeight - triggerRect.bottom - viewportInsets.bottom, 0),
+  top: Math.max(triggerRect.top - viewportInsets.top, 0),
+});
+
+const resolveDropdownPlacement = (triggerRect, menuHeight, viewportInsets = getViewportInsets()) => {
+  const spaces = getDropdownPlacementSpaces(triggerRect, viewportInsets);
+
+  return menuHeight > spaces.bottom && spaces.top > spaces.bottom ? "top" : "bottom";
+};
+
+const getDropdownAvailableHeight = (triggerRect, viewportInsets = getViewportInsets()) => {
+  const spaces = getDropdownPlacementSpaces(triggerRect, viewportInsets);
+
+  return dropdownPlacement.value === "top" ? spaces.top : spaces.bottom;
+};
+
+const lockDropdownPlacement = (triggerRect, menuHeight, viewportInsets = getViewportInsets()) => {
+  if (!isDropdownPlacementLocked.value) {
+    dropdownPlacement.value = resolveDropdownPlacement(triggerRect, menuHeight, viewportInsets);
+    isDropdownPlacementLocked.value = true;
+  }
+
+  shouldOpenDropdownUp.value = dropdownPlacement.value === "top";
+};
+
 const updateDropdownLayout = async () => {
+  const updateId = ++dropdownLayoutUpdateId;
+
   if (!isDropdownOpen.value || !dropdownRoot.value || !dropdownContent.value) {
     resetDropdownLayout();
     return;
@@ -299,35 +332,41 @@ const updateDropdownLayout = async () => {
 
   await nextTick();
 
+  if (updateId !== dropdownLayoutUpdateId || !isDropdownOpen.value || !dropdownRoot.value || !dropdownContent.value) {
+    return;
+  }
+
   const triggerElement = dropdownRoot.value.querySelector(".dropdown-trigger");
   const triggerRect = (triggerElement ?? dropdownRoot.value).getBoundingClientRect();
   syncDesktopFlyoutState(triggerRect);
-  syncDesktopFlyoutPosition();
 
   await nextTick();
 
-  if (!dropdownContent.value) {
+  if (updateId !== dropdownLayoutUpdateId || !isDropdownOpen.value || !dropdownContent.value) {
     return;
   }
 
   const viewportInsets = getViewportInsets();
   const viewportTop = viewportInsets.top;
   const viewportBottom = window.innerHeight - viewportInsets.bottom;
-  const spaceBelow = Math.max(window.innerHeight - triggerRect.bottom - viewportInsets.bottom, 0);
-  const spaceAbove = Math.max(triggerRect.top - viewportInsets.top, 0);
   const menuHeight = Math.ceil(dropdownContent.value.scrollHeight);
-  const openUpward = menuHeight > spaceBelow && spaceAbove > spaceBelow;
-  const availableHeight = openUpward ? spaceAbove : spaceBelow;
+  lockDropdownPlacement(triggerRect, menuHeight, viewportInsets);
+  const availableHeight = getDropdownAvailableHeight(triggerRect, viewportInsets);
   const nextMaxHeight = availableHeight > 0 && menuHeight > availableHeight ? Math.floor(availableHeight) : null;
 
-  shouldOpenDropdownUp.value = openUpward;
   dropdownMaxHeight.value = nextMaxHeight;
 
+  await nextTick();
+
+  if (updateId !== dropdownLayoutUpdateId || !isDropdownOpen.value || !dropdownContent.value) {
+    return;
+  }
+
   syncDesktopFlyoutPosition();
 
   await nextTick();
 
-  if (!dropdownContent.value) {
+  if (updateId !== dropdownLayoutUpdateId || !isDropdownOpen.value || !dropdownContent.value) {
     return;
   }
 
@@ -342,6 +381,12 @@ const updateDropdownLayout = async () => {
   const boundedHeight = Math.floor(renderedMenuRect.height - overflowAbove - overflowBelow);
   dropdownMaxHeight.value = boundedHeight > 0 ? boundedHeight : 1;
 
+  await nextTick();
+
+  if (updateId !== dropdownLayoutUpdateId || !isDropdownOpen.value) {
+    return;
+  }
+
   syncDesktopFlyoutPosition();
 };
 
@@ -1465,7 +1510,7 @@ onMounted(() => {
 
   contentResizeObserver = new ResizeObserver(() => {
     if (isDropdownOpen.value) {
-      syncDesktopFlyoutPosition();
+      void updateDropdownLayout();
     }
   });
 
@@ -2399,7 +2444,7 @@ watch(
   () => {
     if (isDropdownOpen.value) {
       void nextTick(() => {
-        syncDesktopFlyoutPosition();
+        void updateDropdownLayout();
       });
     }
   }
@@ -2507,7 +2552,6 @@ const syncDesktopFlyoutPosition = () => {
 
   const triggerRect = triggerEl.getBoundingClientRect();
   const contentHeight = dropdownContentEl.scrollHeight;
-  const viewportHeight = window.innerHeight;
   const viewportWidth = window.innerWidth;
   const contentRect = dropdownContentEl.getBoundingClientRect();
 
@@ -2537,12 +2581,13 @@ const syncDesktopFlyoutPosition = () => {
 
     const viewportInsets = getViewportInsets();
     const viewportTop = viewportInsets.top;
-    const viewportBottom = viewportHeight - viewportInsets.bottom;
-    let top = triggerRect.bottom;
-
-    if (top + contentHeight > viewportBottom) {
-      top = Math.max(viewportTop, triggerRect.top - contentHeight);
-    }
+    const effectiveContentHeight = dropdownMaxHeight.value
+      ? Math.min(contentHeight, dropdownMaxHeight.value)
+      : contentHeight;
+    const top =
+      dropdownPlacement.value === "top"
+        ? Math.max(viewportTop, triggerRect.top - effectiveContentHeight)
+        : triggerRect.bottom;
 
     const nextFixedStyles = {
       top: `${top}px`,
@@ -2558,18 +2603,8 @@ const syncDesktopFlyoutPosition = () => {
       fixedPositionStyles.value = nextFixedStyles;
     }
   } else {
-    const contentRect = dropdownContentEl.getBoundingClientRect();
-    const contentBottom = contentRect.top + contentRect.height;
-
-    if (contentBottom > viewportHeight) {
-      const nextTop = `${triggerRect.top - contentRect.height}px`;
-      if (dropdownContentEl.style.top !== nextTop) {
-        dropdownContentEl.style.top = nextTop;
-      }
-    } else {
-      if (dropdownContentEl.style.top !== "") {
-        dropdownContentEl.style.top = "";
-      }
+    if (dropdownContentEl.style.top !== "") {
+      dropdownContentEl.style.top = "";
     }
   }
 };

src/components/displays/department/pos/displays/CustomerDiscountsDepartmentDisplay.vue

@@ -24,8 +24,24 @@ const onCustomerChange = () => {
   isCustomerSelected.value = false;
 }
 
-const parseValue = (value) => {
-  let tmp_value = parseFloat(value).toFixed(2);
+const parseFixedPriceValue = (value) => {
+  if (value === null || value === undefined || value === '') {
+    return null;
+  }
+
+  const parsed = Number.parseInt(String(value), 10);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+
+const formatNumber = (value) => Number.isInteger(value) ? String(value) : value.toFixed(2);
+
+const parseValue = (discount) => {
+  const fixedPrice = parseFixedPriceValue(discount.fixed_price);
+  if (fixedPrice !== null) {
+    return `${formatNumber(fixedPrice)} Kr.`;
+  }
+
+  let tmp_value = parseFloat(discount.percentage).toFixed(2);
   // Add the percentage sign
   return `${tmp_value}%`;
 }
@@ -78,7 +94,7 @@ watch(customer_id, onCustomerChange, { immediate: true });
         <!--<span class="icon is-small mr-1">
           <i class="fas fa-percent" aria-hidden="true"></i>
         </span> -->
-        <span>{{ parseValue(discount.percentage) }}</span>
+        <span>{{ parseValue(discount) }}</span>
       </div>
     </div>
   </div>
@@ -86,4 +102,4 @@ watch(customer_id, onCustomerChange, { immediate: true });
 
 <style scoped>
 
-</style>
+</style>

src/components/displays/department/pos/displays/CustomerProductDiscountDisplay.vue

@@ -29,6 +29,8 @@ const discount_product = ref(null);
 const discount_category = ref(null);
 // The global discount (if any)
 const discount_global = ref(null);
+// The fixed product price (if any)
+const fixed_product_price = ref(null);
 
 // Show the discounts dropdown
 const showDiscountsDropdown = ref(false);
@@ -49,6 +51,19 @@ const hasGlobalDiscount = () => {
   return discount_global.value > 0;
 }
 
+const hasFixedProductPrice = () => {
+  return fixed_product_price.value !== null;
+}
+
+const parseFixedPriceValue = (value) => {
+  if (value === null || value === undefined || value === '') {
+    return null;
+  }
+
+  const parsed = Number.parseInt(String(value), 10);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+
 // Set the product discount
 const setProductDiscount = (percentage) => {
   // Check if the percentage is a number
@@ -83,6 +98,16 @@ const setGlobalDiscount = (percentage) => {
   discount_global.value = percentage;
 }
 
+const setFixedProductPrice = (fixedPrice) => {
+  const parsedFixedPrice = parseFixedPriceValue(fixedPrice);
+  if (parsedFixedPrice === null) {
+    fixed_product_price.value = null;
+    return;
+  }
+
+  fixed_product_price.value = parsedFixedPrice;
+}
+
 
 // Debugging function
 const getDiscountDebug = () => {
@@ -101,9 +126,15 @@ const getDiscountDebug = () => {
 
 // Parse the customer discounts
 const parseCustomerDiscounts = () => {
-  const tmp_discount_product = props.customer_discounts.find((discount) => discount.product_or_category_id === props.product.id && !discount.is_category)
-  const tmp_discount_category = props.customer_discounts.find((discount) => discount.product_or_category_id === props.product.category && discount.is_category);
-  const tmp_discount_global = props.customer_discounts.find((discount) => discount.id === 999999 && discount.is_category);
+  discount_product.value = null;
+  discount_category.value = null;
+  discount_global.value = null;
+  fixed_product_price.value = null;
+
+  const customerDiscounts = Array.isArray(props.customer_discounts) ? props.customer_discounts : [];
+  const tmp_discount_product = customerDiscounts.find((discount) => discount.product_or_category_id == props.product.id && Number(discount.is_category) === 0)
+  const tmp_discount_category = customerDiscounts.find((discount) => discount.product_or_category_id == props.product.category && Number(discount.is_category) === 1);
+  const tmp_discount_global = customerDiscounts.find((discount) => discount.id === 999999 && Number(discount.is_category) === 1);
 
   //console.log("Product discount: ", tmp_discount_product);
   //console.log("Category discount: ", tmp_discount_category);
@@ -112,6 +143,7 @@ const parseCustomerDiscounts = () => {
   // Set the product discount
   if (tmp_discount_product) {
     setProductDiscount(tmp_discount_product.percentage);
+    setFixedProductPrice(tmp_discount_product.fixed_price);
   }
   // Set the category discount
   if (tmp_discount_category) {
@@ -125,6 +157,10 @@ const parseCustomerDiscounts = () => {
 
 // Get the best discount for the customer
 const getBestDiscount = () => {
+    if (hasFixedProductPrice()) {
+        highestEligibleDiscount.value = 0;
+        return 0;
+    }
     // Set the best discount to 0
     let tmp_best_discount = 0;
     // Check if the product discount is higher than the current best discount
@@ -182,13 +218,32 @@ watch(() => props.customer_discounts, () => {
           <span
               aria-haspopup="true"
               aria-controls="dropdown-menu"
-              v-if="highestEligibleDiscount > 0"
+              v-if="hasFixedProductPrice()"
+              class="tag is-success is-light is-text text-can-not-select"
+          >{{ fixed_product_price }} Kr.</span>
+          <span
+              aria-haspopup="true"
+              aria-controls="dropdown-menu"
+              v-else-if="highestEligibleDiscount > 0"
               class="tag is-warning is-light is-text text-can-not-select"
           > -{{ highestEligibleDiscount }}%</span>
         </div>
         <div class="dropdown-menu" id="dropdown-menu" role="menu">
           <div class="dropdown-content py-0">
             <div class="list has-overflow-ellipsis" style="width: 340px">
+              <template v-if="hasFixedProductPrice()">
+                <a class="list-item">
+                  <div class="list-item-content">
+                    <div class="list-item-title">Fast pris</div>
+                  </div>
+                  <div class="list-item-controls list-item-controls-force-visible">
+                    <div class="tags has-addons">
+                      <span class="tag is-success is-light">{{ fixed_product_price }} Kr.</span>
+                    </div>
+                  </div>
+                </a>
+              </template>
+              <template v-else>
               <!-- Best discount -->
               <a class="list-item">
                 <div class="list-item-content">
@@ -239,6 +294,7 @@ watch(() => props.customer_discounts, () => {
                   </div>
                 </div>
               </a>
+              </template>
             </div>
           </div>
         </div>
@@ -254,4 +310,4 @@ watch(() => props.customer_discounts, () => {
 .text-can-not-select {
   user-select: none;
 }
-</style>
+</style>

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

@@ -62,6 +62,7 @@ watch(
     form.invoiceEmail,
     form.contactEmail,
     form.contactPhone,
+    form.ean,
     canCreateCustomer.value,
     searchResult.value,
     errorMessage.value,
@@ -124,6 +125,24 @@ watch(
           />
         </div>
       </div>
+      <div class="field">
+        <label class="label"
+          ><small>{{ $t("admin.pos.ean") }}</small></label
+        >
+        <div class="control">
+          <input
+            v-model="form.ean"
+            class="input"
+            type="text"
+            inputmode="numeric"
+            maxlength="13"
+            :placeholder="$t('admin.pos.ean')"
+            :disabled="searchResult === null || submitting"
+            data-testid="pos-mobile-add-customer-ean"
+            @input="handleAutofillFieldInput('ean')"
+          />
+        </div>
+      </div>
       <div class="field">
         <label class="label"
           ><small>{{ $t("admin.pos.invoice_email") }}</small></label

src/components/displays/department/pos/steps/mobile/elements/posAddCustomerAutofill.js

@@ -3,6 +3,7 @@ export const POS_ADD_CUSTOMER_AUTOFILL_FIELDS = [
   "invoiceEmail",
   "contactEmail",
   "contactPhone",
+  "ean",
 ];
 
 export function normalizePosAddCustomerValue(value) {
@@ -20,6 +21,7 @@ export function createPosAddCustomerFields(overrides = {}) {
     invoiceEmail: "",
     contactEmail: "",
     contactPhone: "",
+    ean: "",
     ...overrides,
   };
 }
@@ -30,6 +32,7 @@ export function createPosAddCustomerManualOverrides(overrides = {}) {
     invoiceEmail: false,
     contactEmail: false,
     contactPhone: false,
+    ean: false,
     ...overrides,
   };
 }
@@ -93,6 +96,7 @@ export function buildPosAddCustomerAutofillValues(searchResult) {
     invoiceEmail: normalizePosAddCustomerValue(searchResult?.email),
     contactEmail: normalizePosAddCustomerValue(searchResult?.email),
     contactPhone: normalizePosAddCustomerValue(searchResult?.phone),
+    ean: normalizePosAddCustomerValue(searchResult?.ean),
   };
 }
 

src/components/displays/pagination/models/DepartmentPos/NotificationsPhonePagination.vue

@@ -38,7 +38,8 @@ if (router.currentRoute.value.params.departmentId) {
   <TableLabeledPagination :label="SessionUser.objects.department_notification_sms.meta.title">
     <template #buttons="{ loadList }">
       <button
-          class="button is-info is-small"
+          class="button is-primary is-small"
+          data-testid="department-notification-sms-add-button"
           @click="SessionUser.objects.department_notification_sms.showCreateObjectForm(() => loadList(), {department: parseInt(router.currentRoute.value.params.departmentId)})"
       >
         <span class="icon is-small">

src/components/forms/auth/CustomerRegistrationForm.vue

@@ -4,11 +4,13 @@ import axios from "axios";
 import { API_URL } from "@/config.js";
 import { getError, parseError, removeError } from "@/components/request/HandleGlobalError.vue";
 import LoadButtonWhileAwait from "@/components/request/LoadButtonWhileAwait.vue";
+import { economicEanPayloadValue, normalizeEconomicEan } from "@/services/economicCustomerIdentifiers.js";
 
 const customerFormData = reactive({
   cvr: null,
   contactEmail: null,
-  contactPhone: null
+  contactPhone: null,
+  ean: null
 });
 
 const deliverSuccess = ref(false);
@@ -17,17 +19,24 @@ let deliverTimeoutId;
 const submitCustomer = async () => {
   removeError("authRegisterCvr");
   try {
-    await axios.post(API_URL + "/auth/register/cvr", {
+    const payload = {
       cvr: customerFormData.cvr,
       invoiceEmail: customerFormData.contactEmail,
       contactEmail: customerFormData.contactEmail,
       contactPhone: customerFormData.contactPhone,
       companyPhone: customerFormData.contactPhone
-    });
+    };
+    const ean = economicEanPayloadValue(customerFormData.ean);
+    if (ean !== undefined) {
+      payload.ean = ean;
+    }
+
+    await axios.post(API_URL + "/auth/register/cvr", payload);
 
     customerFormData.contactPhone = null;
     customerFormData.contactEmail = null;
     customerFormData.cvr = null;
+    customerFormData.ean = null;
 
     deliverSuccess.value = true;
     deliverTimeoutId = setTimeout(() => {
@@ -59,6 +68,20 @@ onBeforeUnmount(() => {
       >
     </div>
 
+    <div class="form-field">
+      <label for="customer_ean">{{ $t("customer_creation.customer.ean_label") }}</label>
+      <input
+        id="customer_ean"
+        :value="customerFormData.ean"
+        type="text"
+        inputmode="numeric"
+        maxlength="13"
+        autocomplete="off"
+        placeholder="5790001234567"
+        @input="customerFormData.ean = normalizeEconomicEan($event.target.value)"
+      >
+    </div>
+
     <div class="form-field">
       <label for="email">{{ $t("customer_creation.customer.email_label") }}</label>
       <input id="email" v-model="customerFormData.contactEmail" type="email" name="email" autocomplete="email">

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

@@ -7,7 +7,7 @@ import {
   productCategoryAllowed,
   isProductRestricted,
   setProductsCategory,
-  getUserProductDiscount,
+  getUserProductPrice,
   showFakeCreateOrderItem,
   department_id,
   user_discounts,
@@ -555,10 +555,9 @@ const addPreviousOrderToCurrent = async (previousOrder) => {
       continue;
     }
 
-    const previousOrderProduct = getPreviousOrderProduct(orderItem);
-    const discount = getUserProductDiscount(previousOrderProduct || {});
+    const previousOrderProduct = getPreviousOrderProduct(orderItem) || { id: productId, price: getPreviousOrderProductPrice(orderItem) };
     const basePrice = getPreviousOrderProductPrice(orderItem);
-    const discountedPrice = (basePrice - (basePrice * (discount / 100))).toFixed(0);
+    const discountedPrice = String(getUserProductPrice({ ...previousOrderProduct, price: basePrice }));
 
     showFakeCreateOrderItem(productId, quantity, discountedPrice);
     await createOrderItem(orderId, productId, quantity);
@@ -592,9 +591,7 @@ const getRecommendedProductPrice = (productId) => {
     return '0';
   }
 
-  const discount = getUserProductDiscount(product);
-  const price = Number(product.price ?? 0);
-  return (price - (price * (discount / 100))).toFixed(0);
+  return String(getUserProductPrice(product));
 };
 
 const isRecommendedProductCategoryAllowed = (productId) => {

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

@@ -405,6 +405,24 @@ watch(activeQuickAction, (nextMode, previousMode) => {
           />
         </div>
       </div>
+      <div class="field">
+        <label class="label"
+          ><small>{{ $t("admin.pos.ean") }}</small></label
+        >
+        <div class="control">
+          <input
+            v-model="addCustomerForm.ean"
+            class="input"
+            type="text"
+            inputmode="numeric"
+            maxlength="13"
+            :placeholder="$t('admin.pos.ean')"
+            :disabled="addCustomerSearchResult === null || isAddCustomerSubmitting"
+            data-testid="pos-desktop-add-customer-ean"
+            @input="handleAddCustomerFieldInput('ean')"
+          />
+        </div>
+      </div>
       <div class="field">
         <label class="label"
           ><small>{{ $t("admin.pos.invoice_email") }}</small></label

src/components/search/economic/getOrderInvoicePDFButton.vue

@@ -1,17 +1,25 @@
 <script setup>
-
-const props = defineProps(['invoice_id'])
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
 import LoadButtonWhileAwait from "@/components/request/LoadButtonWhileAwait.vue";
 import { handleEconomicError } from "@/components/request/HandleEconomicError.vue";
-import { ref } from "vue";
+import { computed } from "vue";
+
+const props = defineProps(["invoice_id"]);
+
+const hasInvoice = computed(() => {
+  return props.invoice_id !== null && props.invoice_id !== undefined && String(props.invoice_id).trim() !== "";
+});
 
 const getOrderPDF = async () => {
-  await authenticatedRequest('/invoices/pdf?id=' + props.invoice_id,
-      'GET',{
-  }) .then((response) => {
+  if (!hasInvoice.value) {
+    return;
+  }
+
+  await authenticatedRequest("/invoices/pdf", "GET", {
+    id: props.invoice_id,
+  }).then((response) => {
     // Open the PDF in a new tab
-    window.open(response.data.data.url, '_blank');
+    window.open(response.data.data.url, "_blank");
   }).catch((error) => {
     handleEconomicError(error);
   });
@@ -19,9 +27,17 @@ const getOrderPDF = async () => {
 </script>
 
 <template>
-  <LoadButtonWhileAwait class="is-dark" :loadFunction="getOrderPDF" icon="fas fa-file-pdf"> Hent faktura PDF </LoadButtonWhileAwait>
+  <LoadButtonWhileAwait
+    class="is-dark"
+    :loadFunction="getOrderPDF"
+    :disabled="!hasInvoice"
+    actionKey="economic-invoice-pdf-download"
+    icon="fas fa-file-pdf"
+  >
+    Hent faktura PDF
+  </LoadButtonWhileAwait>
 </template>
 
 <style scoped>
 
-</style>
+</style>

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

@@ -164,6 +164,21 @@ const t = (key) => i18n.global.t(key);
             }
           );
         },
+        setProductTarget: async ({ department_id, product_id, target_percentage }) => {
+          const normalizedTarget = target_percentage === null || target_percentage === undefined || target_percentage === ""
+            ? null
+            : Number(target_percentage);
+
+          return authenticatedRequest(
+            "/departments/daily-reports/product-targets",
+            "PUT",
+            {
+              department_id: parseInt(department_id, 10),
+              product_id: parseInt(product_id, 10),
+              target_percentage: normalizedTarget,
+            }
+          );
+        },
         createComplaint: async ({
           department_id,
           customer_number = null,

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

@@ -32,6 +32,23 @@ const normalizeDateTimeLocalValue = (value) => {
   return `${datePart}T${timePart.slice(0, 5)}`;
 };
 
+const sanitizeQueryParams = (params = {}) => {
+  if (!params || typeof params !== 'object') {
+    return {};
+  }
+
+  return Object.fromEntries(
+    Object.entries(params).filter(([, value]) => value !== null && value !== undefined)
+  );
+};
+
+const buildQueryString = (params = {}) => {
+  const queryParams = sanitizeQueryParams(params);
+  const queryString = new URLSearchParams(queryParams).toString();
+
+  return queryString ? `?${queryString}` : '';
+};
+
 /**
  * The Global Objects object, which contains global functions for objects.
  */
@@ -431,20 +448,15 @@ export const ObjectsGlobal = {
      * @returns {Promise} The promise
      */
     object: async (endpoint, id, optionsObject = {}) => {
-      const cacheKey = JSON.stringify({endpoint, id, optionsObject});
+      const requestParams = typeof id === 'object' && id !== null
+        ? sanitizeQueryParams(id)
+        : {id};
+      const cacheKey = JSON.stringify({endpoint, id: requestParams, optionsObject});
       if (ObjectsGlobal.cache.has(cacheKey)) {
         return ObjectsGlobal.cache.get(cacheKey);
       }
 
-      let requestEndpoint = endpoint;
-      if (typeof id === 'object') {
-        // If the id is an object, we need to convert it to a query string
-        const params = new URLSearchParams(id).toString();
-        requestEndpoint = `${endpoint}?${params}`;
-      } else {
-        // If the id is a number, we can just append it to the endpoint
-        requestEndpoint = `${endpoint}?id=${id}`;
-      }
+      const requestEndpoint = `${endpoint}${buildQueryString(requestParams)}`;
       let options = ObjectsGlobal.requestOptions.applyOptions(optionsObject);
       let promise;
       if (options.authenticated) {
@@ -499,23 +511,24 @@ export const ObjectsGlobal = {
      * @returns {Promise} The promise
      */
     objects: async (endpoint, data = {}) => {
-      const cacheKey = JSON.stringify({endpoint, data});
-      if (ObjectsGlobal.cache.has(cacheKey)) {
-        return ObjectsGlobal.cache.get(cacheKey);
-      }
-
-      if (data.filters && typeof data.filters === 'object') {
-        data.filters = Object.entries(data.filters).flatMap(([key, value]) => {
+      const requestData = sanitizeQueryParams(data);
+      if (requestData.filters && typeof requestData.filters === 'object') {
+        requestData.filters = Object.entries(requestData.filters).flatMap(([key, value]) => {
           if (Array.isArray(value)) {
             return value.map(v => `${key}:${v}`);
           }
           return `${key}:${value}`;
         }).join(',');
       }
+      const cacheKey = JSON.stringify({endpoint, data: requestData});
+      if (ObjectsGlobal.cache.has(cacheKey)) {
+        return ObjectsGlobal.cache.get(cacheKey);
+      }
+
       const promise = authenticatedRequest(
           endpoint,
           "GET",
-          data
+          requestData
       ).then((response) => {
         return response.data.data;
       }).catch((error) => {

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

@@ -8,6 +8,17 @@ import i18n from '@/i18n';
 
 const t = (key) => i18n.global.t(key);
 
+const normalizeProductQueryOptions = (options = {}) => {
+  const queryOptions = { ...options };
+  if (!Object.prototype.hasOwnProperty.call(queryOptions, "final_price")) {
+    queryOptions.final_price = false;
+  }
+
+  return Object.fromEntries(
+    Object.entries(queryOptions).filter(([, value]) => value !== null && value !== undefined)
+  );
+};
+
 /**
  * Local products cache
  * @type {ref<null>}
@@ -269,19 +280,19 @@ export const Products = {
     },
   },
   get: {
-    all: async (options = {department_id: null, customer_id: null, category_id: null, final_price: false}) => {
-      return ObjectsGlobal.get.objects(Products.meta.endpoint, {...options});
+    all: async (options = {}) => {
+      return ObjectsGlobal.get.objects(Products.meta.endpoint, normalizeProductQueryOptions(options));
     },
-    single: async (id, options = {department_id: null, customer_id: null, category_id: null, final_price: false}) => {
-      return ObjectsGlobal.get.object(Products.meta.endpoint, {id: id, ...options});
+    single: async (id, options = {}) => {
+      return ObjectsGlobal.get.object(Products.meta.endpoint, {id: id, ...normalizeProductQueryOptions(options)});
     },
     category: async (category_id, department_id, customer_id = null, final_price = false) => {
-      return ObjectsGlobal.get.object(Products.meta.endpoint, {
+      return ObjectsGlobal.get.object(Products.meta.endpoint, normalizeProductQueryOptions({
         category: category_id,
         department_id: department_id,
         ...(customer_id !== null ? {customer_id: customer_id} : {}),
         ...{final_price: final_price}
-      });
+      }));
     },
   },
   delete: async (id) => {
@@ -324,4 +335,4 @@ export const Products = {
     );
   },
 };
-</script>
+</script>

src/components/shop/POSDepartmentProcess.vue

@@ -1802,13 +1802,30 @@ export const getUserDiscounts = async () => {
     });
 };
 
-/** Get user product discount */
-export const getUserProductDiscount = (product, allowCategory = null, onlyCategory = null) => {
-  // Check if the user discounts are loaded
+const ensureUserDiscountsLoaded = () => {
   if (!has_user_discounts_loaded.value) {
     has_user_discounts_loaded.value = true;
     getUserDiscounts().then(() => {});
   }
+};
+
+const isDirectCustomerProductDiscount = (discount, productId) => {
+  return discount?.product_or_category_id == productId && Number(discount?.is_category) === 0;
+};
+
+const parseFixedPriceValue = (value) => {
+  if (value === null || value === undefined || value === '') {
+    return null;
+  }
+
+  const parsed = Number.parseInt(String(value), 10);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+
+/** Get user product discount */
+export const getUserProductDiscount = (product, allowCategory = null, onlyCategory = null) => {
+  // Check if the user discounts are loaded
+  ensureUserDiscountsLoaded();
 
   // Get the product's id
   const productId = product.id;
@@ -1906,6 +1923,36 @@ export const getUserProductDiscount = (product, allowCategory = null, onlyCatego
   return appliedDiscount;
 };
 
+export const getUserProductFixedPrice = (product) => {
+  ensureUserDiscountsLoaded();
+
+  const productId = product?.id;
+  if (productId === null || productId === undefined) {
+    return null;
+  }
+
+  const fixedPriceDiscount = (Array.isArray(user_discounts.value) ? user_discounts.value : []).find((discount) => (
+    isDirectCustomerProductDiscount(discount, productId) && parseFixedPriceValue(discount.fixed_price) !== null
+  ));
+
+  return fixedPriceDiscount ? parseFixedPriceValue(fixedPriceDiscount.fixed_price) : null;
+};
+
+export const getUserProductPrice = (product) => {
+  const fixedPrice = getUserProductFixedPrice(product);
+  if (fixedPrice !== null) {
+    return fixedPrice;
+  }
+
+  const price = Number(product?.price ?? 0);
+  const discount = Number(getUserProductDiscount(product) || 0);
+  if (!Number.isFinite(price)) {
+    return 0;
+  }
+
+  return Number((price - (price * (discount / 100))).toFixed(0));
+};
+
 export const showFakeCreateOrderItem = (product, quantity, price) => {
   order_items.value.push({
     id: Math.floor(Math.random() * 1000),

src/components/viewport/page/headers/menu/systemSearchSupport.ts

@@ -189,7 +189,7 @@ const descriptionKeyOverrides: Partial<Record<EntityType, string[]>> = {
   xlvask_customers: ['email', 'city', 'address', 'vatnumber'],
   motorapi_lookups: ['endpoint', 'license_plate', 'result'],
   fxratesapi_conversion_rates: ['base', 'target', 'endpoint', 'result'],
-  customer_discounts: ['customer_number', 'percentage'],
+  customer_discounts: ['customer_number', 'fixed_price', 'percentage'],
   module_config: ['description', 'value'],
   department_goals: ['criteria.type', 'criteria.progress_alert_frequency', 'criteria.progress_alert_destination']
 };
@@ -251,6 +251,7 @@ const keyFieldOverrides: Partial<Record<EntityType, FieldSelector[]>> = {
   ),
   customer_discounts: fieldList(
     field('Discount', 'discount', 'percentage'),
+    field('Fixed price', 'fixed_price'),
     field('Target', 'product_or_category_id', 'object_id'),
     field('Category', 'is_category'),
     field('Customer #', 'customer_number'),

src/composables/usePosAddCustomerForm.js

@@ -2,6 +2,7 @@ import { computed, onBeforeUnmount, reactive, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { searchAndSelectCustomer } from "@/components/shop/POSDepartmentProcess.vue";
 import SessionUser from "@/components/session/token/SessionUser.vue";
+import { economicEanPayloadValue } from "@/services/economicCustomerIdentifiers.js";
 import {
   applyPosAddCustomerSearchResult,
   createPosAddCustomerFields,
@@ -152,14 +153,20 @@ export function usePosAddCustomerForm(options = {}) {
     errorMessage.value = null;
 
     try {
-      await SessionUser.request("/auth/register/cvr", "POST", {
+      const payload = {
         cvr: form.cvr,
         companyPhone: Number.parseInt(form.companyPhone, 10),
         invoiceEmail: form.invoiceEmail,
         contactEmail: form.contactEmail,
         contactPhone: Number.parseInt(form.contactPhone, 10),
         searchResult: searchResult.value,
-      });
+      };
+      const ean = economicEanPayloadValue(form.ean);
+      if (ean !== undefined) {
+        payload.ean = ean;
+      }
+
+      await SessionUser.request("/auth/register/cvr", "POST", payload);
 
       const selectedCustomer = await searchAndSelectCustomer(form.companyPhone);
       const createdCustomerNumber = Number.parseInt(form.companyPhone, 10);

src/i18n/generated/da-v2.json

@@ -1517,6 +1517,14 @@
               "subtitle_suffix": "@:{'words.generated.salg'} @:{'words.generated.af'} produktet",
               "title": "Produktsalg"
             },
+            "product_targets": {
+              "cancel_aria": "Annuller mål",
+              "edit_aria": "Rediger målprocent",
+              "input_label": "Målprocent",
+              "save_aria": "Gem mål",
+              "save_error": "Målet kunne ikke gemmes.",
+              "validation_range": "Målprocenten skal være mellem 0 og 100."
+            },
             "reports": {
               "bookings": {
                 "completed_count": "@.capitalize:{'words.generated.antal'} @:{'words.generated.fuldførte'}",
@@ -1711,6 +1719,7 @@
             "company_phone": "Virksomhedstelefon",
             "contact_email": "@.capitalize:{'words.generated.kontakt'}-@:{'words.generated.e'}-@:{'words.generated.mail'}",
             "contact_phone": "Kontakttelefon",
+            "ean": "EAN",
             "created_by": "@.capitalize:{'words.generated.oprettet'} @:{'words.generated.af'}",
             "customer_conflict": {
               "help_text": "@.capitalize:{'words.replication.article.host_mention'} @:{'words.generated.indtastede'} @:{'words.generated.nummerplade'} @:{'words.generated.tilhører'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.anden'} @:{'words.generated.gemt'} @:{'words.generated.kunde'}. @.capitalize:{'words.generated.vælg'} @:{'words.generated.om'} @:{'words.replication.article.host_mention'} @:{'words.generated.valgte'} @:{'words.generated.kunde'} @:{'words.generated.skal'} @:{'words.generated.beholdes'}, @:{'words.generated.eller'} @:{'words.generated.om'} @:{'words.generated.der'} @:{'words.generated.skal'} @:{'words.generated.skiftes'} @:{'words.generated.til'} @:{'words.generated.køretøjets'} @:{'words.generated.kunde'}.",
@@ -3259,6 +3268,7 @@
             "benefit_portal": "@:{'words.generated.kundeportal'}",
             "benefit_portal_desc": "@:{'words.generated.benyt'} kundeportalen @:{'words.generated.til'} @:{'words.generated.at'} @:{'words.generated.tilføje'} @:{'words.generated.køretøjer'}, @:{'words.generated.booke'} @:{'words.generated.vaske'}, downloade @:{'words.generated.fakturaer'}, @:{'words.generated.vaskecertifikater'} @:{'words.generated.og'} @:{'words.generated.information'} @:{'words.generated.for'} @:{'words.generated.historiske'} @:{'words.generated.vaske'}",
             "benefit_wash_desc": "@:{'words.generated.benyt'} @:{'words.generated.vores'} @:{'words.generated.nationale'} @:{'words.generated.netværk'} @:{'words.generated.af'} @:{'words.generated.vaskehaller'} @:{'words.generated.til'} @:{'words.generated.konkurrencedygtige'} @:{'words.generated.priser'}",
+            "ean_label": "@:{'templates.generated.compat.admin.pos.ean'}",
             "email_label": "@:{'words.generated.firma'} @:{'words.generated.email'}",
             "intro": "@.capitalize:{'words.generated.som'} @:{'words.generated.kunde'} @:{'words.generated.hos'} @:{'words.generated.truck'} @:{'words.generated.wash'} @:{'words.generated.far'} @:{'words.generated.du'} @:{'words.generated.adgang'} @:{'words.generated.til'}:",
             "phone_label": "@:{'words.generated.firma'} @:{'words.generated.telefon'}",
@@ -5762,6 +5772,31 @@
             "transaction_history": "@:{'templates.generated.compat.superuser.nav.orders'}"
           },
           "other": "@:{'templates.generated.compat.global.other'}",
+          "overview": {
+            "active_vehicles": "Aktive køretøjer",
+            "attributes": "Attributter",
+            "connected": "Forbundet",
+            "customer_management": "Kundestyring",
+            "customer_number_required": "Et kundenummer er påkrævet før kundeindstillinger kan administreres.",
+            "customer_rules": "Kunderegler",
+            "effective_access": "Effektiv adgang",
+            "loaded": "Indlæst",
+            "load_failed": "Brugerdata kunne ikke indlæses",
+            "loading_user": "Indlæser bruger",
+            "management_hub": "Administrationshub",
+            "missing": "Mangler",
+            "more_permissions": "+{count} flere tilladelser",
+            "no_subscription_transactions": "Der er ikke registreret vaskeabonnementstransaktioner for kunden.",
+            "not_invoiced": "Ikke faktureret",
+            "open_draft": "Åben kladde",
+            "open_vehicles": "Åbn køretøjer",
+            "price_overrides": "Prisoverstyringer",
+            "pricing": "Priser",
+            "subscription_invoicing": "Abonnementsfakturering",
+            "subtitle": "Overblik over kundedata, adgang, priser, køretøjer og abonnementsfakturering.",
+            "vehicles_load_failed": "Køretøjer kunne ikke indlæses.",
+            "workspace_shortcuts": "Arbejdsgange"
+          },
           "permissions": "@.capitalize:{'words.generated.tilladelser'}",
           "user_data": "@.capitalize:{'words.generated.brugerdata'}",
           "user_id": "@.capitalize:{'words.generated.bruger'} @.upper:{'words.generated.id'}",

src/i18n/generated/de-v2.json

@@ -1628,6 +1628,14 @@
               "subtitle_suffix": "Produktverk?@:{'words.generated.ufe'}",
               "title": "@:{'templates.generated.compat.admin.daily_report.product_sales.subtitle_suffix'}"
             },
+            "product_targets": {
+              "cancel_aria": "Ziel abbrechen",
+              "edit_aria": "Zielprozentsatz bearbeiten",
+              "input_label": "Zielprozentsatz",
+              "save_aria": "Ziel speichern",
+              "save_error": "Das Ziel konnte nicht gespeichert werden.",
+              "validation_range": "Der Zielprozentsatz muss zwischen 0 und 100 liegen."
+            },
             "reports": {
               "bookings": {
                 "completed_count": "@:{'words.generated.abgeschlossene'} @:{'words.generated.anzahl'}",
@@ -1822,6 +1830,7 @@
             "company_phone": "Firmentelefon",
             "contact_email": "@:{'words.generated.kontakt'}-@.upper:{'words.generated.e'}-@:{'words.generated.mail'}",
             "contact_phone": "Kontakttelefonnummer",
+            "ean": "EAN",
             "created_by": "@.capitalize:{'words.generated.erstellt'} @:{'words.generated.von'}",
             "customer_conflict": {
               "help_text": "@.capitalize:{'words.generated.dieses'} @:{'words.generated.kennzeichen'} @:{'words.generated.gehoert'} @:{'words.generated.zu'} @:{'words.generated.einem'} @:{'words.generated.anderen'} @:{'words.generated.gespeicherten'} @:{'words.generated.kunden'}. @:{'words.generated.waehlen'} @.capitalize:{'words.generated.sie'}, @:{'words.generated.ob'} @:{'words.generated.der'} @:{'words.generated.ausgewaehlte'} @.capitalize:{'words.generated.kunde'} @:{'words.generated.beibehalten'} @:{'words.generated.oder'} @:{'words.generated.zum'} @:{'words.generated.fahrzeugkunden'} @:{'words.generated.gewechselt'} @:{'words.generated.werden'} @:{'words.generated.soll'}.",
@@ -3370,6 +3379,7 @@
             "benefit_portal": "@:{'words.generated.kundenportal'}",
             "benefit_portal_desc": "@.capitalize:{'words.generated.nutzen'} @.capitalize:{'words.generated.sie'} @:{'words.generated.das'} @:{'words.generated.kundenportal'}, @:{'words.generated.um'} @:{'words.generated.fahrzeuge'} hinzuzuf?@:{'words.generated.gen'}, @.upper:{'words.generated.w'}?@:{'words.generated.schen'} @:{'words.generated.zu'} @:{'words.generated.buchen'}, @:{'words.generated.rechnungen'} @:{'words.generated.und'} @:{'words.generated.waschzertifikate'} herunterzuladen @:{'words.generated.sowie'} @:{'words.generated.informationen'} @:{'words.generated.zu'} @:{'words.generated.fr'}?@:{'words.generated.heren'} @.upper:{'words.generated.w'}?@:{'words.generated.schen'} einzusehen",
             "benefit_wash_desc": "@.capitalize:{'words.generated.nutzen'} @.capitalize:{'words.generated.sie'} @:{'words.generated.unser'} @:{'words.generated.nationales'} @:{'words.generated.netz'} @:{'words.generated.von'} @:{'words.generated.waschhallen'} @:{'words.generated.zu'} @:{'words.generated.wettbewerbsf'}?@:{'words.generated.higen'} @:{'words.generated.preisen'}",
+            "ean_label": "@:{'templates.generated.compat.admin.pos.ean'}",
             "email_label": "Firmen-@.upper:{'words.generated.e'}-@:{'words.generated.mail'}",
             "intro": "@.capitalize:{'words.generated.als'} @.capitalize:{'words.generated.kunde'} @:{'words.generated.bei'} @:{'words.generated.truck'} @.capitalize:{'words.generated.wash'} @:{'words.generated.erhalten'} @.capitalize:{'words.generated.sie'} @:{'words.generated.zugang'} @:{'words.generated.zu'}:",
             "phone_label": "@:{'templates.generated.compat.admin.pos.company_phone'}",
@@ -3585,6 +3595,13 @@
           "opening_hours": {
             "closed": "@:{'templates.generated.compat.global.closed'}"
           },
+          "pricing": {
+            "custom_pricing_disabled": "Fallback aktiviert",
+            "custom_pricing_enabled": "Nur eigene Preise",
+            "custom_pricing_missing_price": "Fehlende Abteilungspreise werden zu 999999.",
+            "custom_pricing_only": "Keine Fallback-Preise",
+            "effective_department_price": "Effektiver Abteilungspreis"
+          },
           "search_placeholder": "@.capitalize:{'words.generated.nach'} @:{'words.generated.abteilungsname'} @:{'words.generated.suchen'}",
           "select_department": "@:{'templates.generated.compat.nav.select_department'}",
           "subtitle": "@:{'words.generated.abteilungen'} @:{'words.generated.verwalten'}",
@@ -4424,6 +4441,7 @@
           "departments": {
             "columns": {
               "archived": "Archiviert",
+              "custom_pricing_only": "@:{'templates.generated.compat.departments.pricing.custom_pricing_only'}",
               "dimension": "Abmessung",
               "economic_department": "@:{'templates.generated.compat.objects.economic_departments.single'}",
               "latitude": "@:{'templates.generated.compat.departments.form.latitude'}",
@@ -5865,6 +5883,31 @@
             "transaction_history": "@:{'templates.generated.compat.superuser.nav.orders'}"
           },
           "other": "@.capitalize:{'words.generated.andere'}",
+          "overview": {
+            "active_vehicles": "Aktive Fahrzeuge",
+            "attributes": "Attribute",
+            "connected": "Verbunden",
+            "customer_management": "Kundenverwaltung",
+            "customer_number_required": "Eine Kundennummer ist erforderlich, bevor Kundeneinstellungen verwaltet werden können.",
+            "customer_rules": "Kundenregeln",
+            "effective_access": "Effektiver Zugriff",
+            "loaded": "Geladen",
+            "load_failed": "Benutzerdaten konnten nicht geladen werden",
+            "loading_user": "Benutzer wird geladen",
+            "management_hub": "Verwaltung",
+            "missing": "Fehlt",
+            "more_permissions": "+{count} weitere Berechtigungen",
+            "no_subscription_transactions": "Für diesen Kunden sind keine Waschabonnement-Transaktionen registriert.",
+            "not_invoiced": "Nicht fakturiert",
+            "open_draft": "Offener Entwurf",
+            "open_vehicles": "Fahrzeuge öffnen",
+            "price_overrides": "Preisüberschreibungen",
+            "pricing": "Preise",
+            "subscription_invoicing": "Abonnementabrechnung",
+            "subtitle": "Überblick über Kundendaten, Zugriff, Preise, Fahrzeuge und Abonnementabrechnung.",
+            "vehicles_load_failed": "Fahrzeuge konnten nicht geladen werden.",
+            "workspace_shortcuts": "Arbeitsbereich"
+          },
           "permissions": "Tilladelser",
           "user_data": "Brugerdata",
           "user_id": "@:{'words.generated.benutzer'}-@.upper:{'words.generated.id'}",
@@ -6071,6 +6114,20 @@
         },
         "vehicles": {
           "add": "@:{'words.generated.fahrzeug'} @:{'words.generated.hinzuf'}?@:{'words.generated.gen'}",
+          "add_modal": {
+            "customer_label": "Kunde",
+            "customer_placeholder": "Nach Kundenname oder Kundennummer suchen",
+            "error": "Fahrzeug konnte nicht hinzugefuegt werden.",
+            "no_customer_results": "Keine Kunden gefunden",
+            "reference_placeholder": "Optionale Referenz",
+            "registration_placeholder": "Kennzeichen",
+            "selected_customer": "Ausgewaehlter Kunde",
+            "submit": "Fahrzeug hinzufuegen",
+            "title": "Fahrzeug hinzufuegen",
+            "type_load_error": "Fahrzeugtypen konnten nicht geladen werden.",
+            "type_placeholder": "Fahrzeugtyp auswaehlen",
+            "validation_error": "Kunde, Kennzeichen und Fahrzeugtyp auswaehlen."
+          },
           "brand": "@:{'templates.generated.compat.admin.pos.make'}",
           "color": "Farbe",
           "delete_vehicle": "@:{'templates.generated.compat.vehicles.delete'}",

src/i18n/generated/en-v2.json

@@ -1349,6 +1349,14 @@
               "subtitle_suffix": "@:{'words.generated.product'} @:{'words.generated.sales'}",
               "title": "@.capitalize:{'words.generated.product'} @.capitalize:{'words.generated.sales'}"
             },
+            "product_targets": {
+              "cancel_aria": "Cancel target",
+              "edit_aria": "Edit target percentage",
+              "input_label": "Target percentage",
+              "save_aria": "Save target",
+              "save_error": "The target could not be saved.",
+              "validation_range": "The target percentage must be between 0 and 100."
+            },
             "reports": {
               "bookings": {
                 "completed_count": "@.capitalize:{'words.generated.completed'} @:{'words.generated.count'}",
@@ -1543,6 +1551,7 @@
             "company_phone": "@.capitalize:{'words.generated.company'} @:{'words.generated.phone'}",
             "contact_email": "@.capitalize:{'words.generated.contact'} @:{'words.generated.email'}",
             "contact_phone": "@.capitalize:{'words.generated.contact'} @:{'words.generated.phone'}",
+            "ean": "EAN",
             "created_by": "@.capitalize:{'words.generated.created'} @:{'words.generated.by'}",
             "customer_conflict": {
               "help_text": "@.capitalize:{'words.generated.this'} @:{'words.generated.typed'} @:{'words.generated.plate'} @:{'words.generated.belongs'} @:{'words.generated.to'} @:{'words.generated.another'} @:{'words.generated.saved'} @:{'words.generated.customer'}. @.capitalize:{'words.generated.choose'} @:{'words.generated.whether'} @:{'words.generated.to'} @:{'words.generated.keep'} @:{'words.replication.article.host_mention'} @:{'words.generated.selected'} @:{'words.generated.customer'} @:{'words.generated.or'} @:{'words.generated.switch'} @:{'words.generated.to'} @:{'words.replication.article.host_mention'} @:{'words.generated.vehicle'} @:{'words.generated.customer'}.",
@@ -3091,6 +3100,7 @@
             "benefit_portal": "@.capitalize:{'words.generated.customer'} @.capitalize:{'words.generated.portal'}",
             "benefit_portal_desc": "@.capitalize:{'words.generated.use'} @:{'words.replication.article.host_mention'} @:{'words.generated.customer'} @:{'words.generated.portal'} @:{'words.generated.to'} @:{'words.generated.add'} @:{'words.generated.vehicles'}, @:{'words.generated.book'} @:{'words.generated.washes'}, @:{'words.generated.download'} @:{'words.generated.invoices'}, @:{'words.generated.wash'} @:{'words.generated.certificates'} @:{'words.generated.and'} @:{'words.generated.information'} @:{'words.generated.for'} @:{'words.generated.historical'} @:{'words.generated.washes'}",
             "benefit_wash_desc": "@.capitalize:{'words.generated.use'} @:{'words.generated.our'} @:{'words.generated.national'} @:{'words.generated.network'} @:{'words.generated.of'} @:{'words.generated.wash'} @:{'words.generated.halls'} @:{'words.generated.at'} @:{'words.generated.competitive'} @:{'words.generated.prices'}",
+            "ean_label": "@:{'templates.generated.compat.admin.pos.ean'}",
             "email_label": "@.capitalize:{'words.generated.company'} @:{'words.generated.email'}",
             "intro": "@.capitalize:{'words.generated.as'} @:{'words.generated.a'} @:{'words.generated.customer'} @:{'words.generated.at'} @.capitalize:{'words.generated.truck'} @.capitalize:{'words.generated.wash'} @:{'words.generated.you'} @:{'words.generated.get'} @:{'words.generated.access'} @:{'words.generated.to'}:",
             "phone_label": "@:{'templates.generated.compat.admin.pos.company_phone'}",
@@ -5594,6 +5604,31 @@
             "transaction_history": "@.capitalize:{'words.generated.transaction'} @:{'words.generated.history'}"
           },
           "other": "@:{'templates.generated.compat.global.other'}",
+          "overview": {
+            "active_vehicles": "Active vehicles",
+            "attributes": "Attributes",
+            "connected": "Connected",
+            "customer_management": "Customer management",
+            "customer_number_required": "A customer number is required before customer settings can be managed.",
+            "customer_rules": "Customer rules",
+            "effective_access": "Effective access",
+            "loaded": "Loaded",
+            "load_failed": "User data could not be loaded",
+            "loading_user": "Loading user",
+            "management_hub": "Management hub",
+            "missing": "Missing",
+            "more_permissions": "+{count} more permissions",
+            "no_subscription_transactions": "No wash subscription transactions are registered for this customer.",
+            "not_invoiced": "Not invoiced",
+            "open_draft": "Open draft",
+            "open_vehicles": "Open vehicles",
+            "price_overrides": "Price overrides",
+            "pricing": "Pricing",
+            "subscription_invoicing": "Subscription invoicing",
+            "subtitle": "Overview of customer data, access, pricing, vehicles, and subscription invoicing.",
+            "vehicles_load_failed": "Vehicles could not be loaded.",
+            "workspace_shortcuts": "Workspace shortcuts"
+          },
           "permissions": "@.capitalize:{'words.generated.permissions'}",
           "user_data": "@.capitalize:{'words.generated.user'} @:{'words.generated.data'}",
           "user_id": "@.capitalize:{'words.generated.user'} @.upper:{'words.generated.id'}",

src/i18n/generated/global-v2.json

@@ -126,6 +126,14 @@
           "subtitle_suffix": "@:{'templates.generated.compat.admin.daily_report.product_sales.subtitle_suffix'}",
           "title": "@:{'templates.generated.compat.admin.daily_report.product_sales.title'}"
         },
+        "product_targets": {
+          "cancel_aria": "@:{'templates.generated.compat.admin.daily_report.product_targets.cancel_aria'}",
+          "edit_aria": "@:{'templates.generated.compat.admin.daily_report.product_targets.edit_aria'}",
+          "input_label": "@:{'templates.generated.compat.admin.daily_report.product_targets.input_label'}",
+          "save_aria": "@:{'templates.generated.compat.admin.daily_report.product_targets.save_aria'}",
+          "save_error": "@:{'templates.generated.compat.admin.daily_report.product_targets.save_error'}",
+          "validation_range": "@:{'templates.generated.compat.admin.daily_report.product_targets.validation_range'}"
+        },
         "reports": {
           "avg_revenue": {
             "label": "@:{'templates.generated.compat.department_reports.avg_revenue_per_wash'}",
@@ -385,6 +393,7 @@
         "delete": "@:{'templates.generated.compat.global.delete'}",
         "details": "@:{'templates.generated.compat.admin.pos.details'}",
         "download": "@:{'templates.generated.compat.guest.pwa.title'}",
+        "ean": "@:{'templates.generated.compat.admin.pos.ean'}",
         "drafts_assignment": {
           "button": "@:{'templates.generated.compat.admin.pos.drafts_assignment.button'}",
           "create_invoice_collection": "@:{'templates.generated.compat.admin.pos.drafts_assignment.create_invoice_collection'}",
@@ -2061,6 +2070,7 @@
         "benefit_wash": "@:{'templates.generated.compat.tables.bookings.wash'}",
         "benefit_wash_desc": "@:{'templates.generated.compat.tables.bookings.wash_desc'}",
         "cvr_label": "@:{'templates.generated.compat.customers.cvr'}",
+        "ean_label": "@:{'templates.generated.compat.customer_creation.customer.ean_label'}",
         "email_label": "@:{'templates.generated.compat.customer_creation.customer.email_label'}",
         "intro": "@:{'templates.generated.compat.customer_creation.customer.intro'}",
         "phone_label": "@:{'templates.generated.compat.customer_creation.customer.phone_label'}",
@@ -4580,8 +4590,8 @@
         "overview": "Overview",
         "modules": "Modules",
         "branding": "Profile & Branding",
-        "gateways": "Gateways",
-        "stripe": "Stripe",
+        "gateways": "@.capitalize:{'words.generated.gateways'}",
+        "stripe": "@:{'words.generated.stripe'}",
         "pricing": "Pricing",
         "categories": "Categories"
       },
@@ -4624,7 +4634,7 @@
           "department_id": "Department ID",
           "economic_department_id": "Economic department",
           "branding": "Branding",
-          "created_at": "Created",
+          "created_at": "@:common.created",
           "updated_at": "Updated"
         },
         "hardware": {
@@ -4640,12 +4650,12 @@
         "quick_links": {
           "title": "Department tools",
           "subtitle": "Open the focused setup areas for this department",
-          "modules": "Modules",
-          "branding": "Branding",
-          "gateways": "Gateways",
-          "stripe": "Stripe",
-          "pricing": "Pricing",
-          "categories": "Categories"
+          "modules": "@:superuser_dashboard.department_navigation.modules",
+          "branding": "@:superuser_dashboard.department_overview.profile.branding",
+          "gateways": "@:superuser_dashboard.department_navigation.gateways",
+          "stripe": "@:superuser_dashboard.department_navigation.stripe",
+          "pricing": "@:superuser_dashboard.department_navigation.pricing",
+          "categories": "@:superuser_dashboard.department_navigation.categories"
         },
         "errors": {
           "invalid_department": "A valid department is required",
@@ -5630,6 +5640,31 @@
         "transaction_history": "@:{'templates.generated.compat.user_admin.orders.transaction_history'}"
       },
       "other": "@:{'templates.generated.compat.user_admin.other'}",
+      "overview": {
+        "active_vehicles": "@:{'templates.generated.compat.user_admin.overview.active_vehicles'}",
+        "attributes": "@:{'templates.generated.compat.user_admin.overview.attributes'}",
+        "connected": "@:{'templates.generated.compat.user_admin.overview.connected'}",
+        "customer_management": "@:{'templates.generated.compat.user_admin.overview.customer_management'}",
+        "customer_number_required": "@:{'templates.generated.compat.user_admin.overview.customer_number_required'}",
+        "customer_rules": "@:{'templates.generated.compat.user_admin.overview.customer_rules'}",
+        "effective_access": "@:{'templates.generated.compat.user_admin.overview.effective_access'}",
+        "loaded": "@:{'templates.generated.compat.user_admin.overview.loaded'}",
+        "load_failed": "@:{'templates.generated.compat.user_admin.overview.load_failed'}",
+        "loading_user": "@:{'templates.generated.compat.user_admin.overview.loading_user'}",
+        "management_hub": "@:{'templates.generated.compat.user_admin.overview.management_hub'}",
+        "missing": "@:{'templates.generated.compat.user_admin.overview.missing'}",
+        "more_permissions": "@:{'templates.generated.compat.user_admin.overview.more_permissions'}",
+        "no_subscription_transactions": "@:{'templates.generated.compat.user_admin.overview.no_subscription_transactions'}",
+        "not_invoiced": "@:{'templates.generated.compat.user_admin.overview.not_invoiced'}",
+        "open_draft": "@:{'templates.generated.compat.user_admin.overview.open_draft'}",
+        "open_vehicles": "@:{'templates.generated.compat.user_admin.overview.open_vehicles'}",
+        "price_overrides": "@:{'templates.generated.compat.user_admin.overview.price_overrides'}",
+        "pricing": "@:{'templates.generated.compat.user_admin.overview.pricing'}",
+        "subscription_invoicing": "@:{'templates.generated.compat.user_admin.overview.subscription_invoicing'}",
+        "subtitle": "@:{'templates.generated.compat.user_admin.overview.subtitle'}",
+        "vehicles_load_failed": "@:{'templates.generated.compat.user_admin.overview.vehicles_load_failed'}",
+        "workspace_shortcuts": "@:{'templates.generated.compat.user_admin.overview.workspace_shortcuts'}"
+      },
       "permissions": "@:{'templates.generated.compat.user_admin.permissions'}",
       "subtitle": "@:user_admin.user_data",
       "title": "@:{'templates.generated.compat.common.user'}",

src/i18n/generated/no-v2.json

@@ -1631,6 +1631,14 @@
               "subtitle_suffix": "@:{'words.generated.produktsalg'}",
               "title": "@.capitalize:{'words.generated.produktsalg'}"
             },
+            "product_targets": {
+              "cancel_aria": "Avbryt mål",
+              "edit_aria": "Rediger målprosent",
+              "input_label": "Målprosent",
+              "save_aria": "Lagre mål",
+              "save_error": "Målet kunne ikke lagres.",
+              "validation_range": "Målprosenten må være mellom 0 og 100."
+            },
             "reports": {
               "bookings": {
                 "completed_count": "@.capitalize:{'words.generated.fullført'} @:{'words.generated.telling'}",
@@ -1825,6 +1833,7 @@
             "company_phone": "Firmatelefon",
             "contact_email": "@.capitalize:{'words.generated.kontakt'} @:{'words.generated.e'}-@:{'words.generated.post'}",
             "contact_phone": "@.capitalize:{'words.generated.kontakt'} @:{'words.generated.telefon'}",
+            "ean": "EAN",
             "created_by": "Laget @:{'words.generated.av'}",
             "customer_conflict": {
               "help_text": "@.capitalize:{'words.generated.det'} @:{'words.generated.innskrevne'} @:{'words.generated.skiltet'} @:{'words.generated.tilhoerer'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.annen'} @:{'words.generated.lagret'} @:{'words.generated.kunde'}. @.capitalize:{'words.generated.velg'} @:{'words.generated.om'} @:{'words.replication.article.host_mention'} @:{'words.generated.valgte'} @:{'words.generated.kunden'} @:{'words.generated.skal'} @:{'words.generated.beholdes'} @:{'words.generated.eller'} @:{'words.generated.om'} @:{'words.generated.det'} @:{'words.generated.skal'} @:{'words.generated.byttes'} @:{'words.generated.til'} @:{'words.generated.kjoretoykunden'}.",
@@ -3373,6 +3382,7 @@
             "benefit_portal": "@:{'words.generated.kundeportal'}",
             "benefit_portal_desc": "@.capitalize:{'words.generated.bruk'} kundeportalen @:{'words.generated.til'} @:{'words.generated.a'} @:{'words.generated.legge'} @:{'words.generated.til'} @:{'words.generated.kjøretøy'}, bokvaske, @:{'words.generated.laste'} @:{'words.generated.ned'} @:{'words.generated.fakturaer'}, @:{'words.generated.vaskesertifikater'} @:{'words.generated.og'} @:{'words.generated.informasjon'} @:{'words.generated.for'} @:{'words.generated.historiske'} @:{'words.generated.vask'}.",
             "benefit_wash_desc": "@.capitalize:{'words.generated.bruk'} @:{'words.generated.vart'} @:{'words.generated.nasjonale'} @:{'words.generated.nettverk'} @:{'words.generated.av'} @:{'words.generated.vaskehaller'} @:{'words.generated.til'} @:{'words.generated.konkurransedyktige'} @:{'words.generated.priser'}",
+            "ean_label": "@:{'templates.generated.compat.admin.pos.ean'}",
             "email_label": "Firmaets @:{'words.generated.e'}-@:{'words.generated.post'}",
             "intro": "@.capitalize:{'words.generated.som'} @:{'words.generated.kunde'} @:{'words.generated.hos'} @:{'words.generated.truck'} @.capitalize:{'words.generated.wash'} @:{'words.generated.far'} @:{'words.generated.du'} @:{'words.generated.tilgang'} @:{'words.generated.til'}:",
             "phone_label": "@:{'templates.generated.compat.admin.pos.company_phone'}",
@@ -3588,6 +3598,13 @@
           "opening_hours": {
             "closed": "Stengt"
           },
+          "pricing": {
+            "custom_pricing_disabled": "Fallback aktiv",
+            "custom_pricing_enabled": "Kun egendefinerte priser",
+            "custom_pricing_missing_price": "Manglende avdelingspriser blir 999999.",
+            "custom_pricing_only": "Ingen fallback-priser",
+            "effective_department_price": "Effektiv avdelingspris"
+          },
           "search_placeholder": "@.capitalize:{'words.generated.søk'} @:{'words.generated.etter'} @:{'words.generated.avdelingsnavn'}",
           "select_department": "@.capitalize:{'words.generated.velg'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.avdeling'}",
           "subtitle": "@.capitalize:{'words.generated.administrer'} @:{'words.generated.avdelinger'}",
@@ -4427,6 +4444,7 @@
           "departments": {
             "columns": {
               "archived": "Arkivert",
+              "custom_pricing_only": "@:{'templates.generated.compat.departments.pricing.custom_pricing_only'}",
               "dimension": "Dimensjon",
               "economic_department": "@.upper:{'words.generated.e'}-@:{'words.generated.økonomisk'} @:{'words.generated.avdeling'}",
               "latitude": "@:{'templates.generated.compat.departments.form.latitude'}",
@@ -5868,6 +5886,31 @@
             "transaction_history": "@:{'templates.generated.compat.superuser.nav.orders'}"
           },
           "other": "@:{'templates.generated.compat.global.other'}",
+          "overview": {
+            "active_vehicles": "Aktive kjøretøy",
+            "attributes": "Attributter",
+            "connected": "Tilkoblet",
+            "customer_management": "Kundestyring",
+            "customer_number_required": "Et kundenummer kreves før kundeinnstillinger kan administreres.",
+            "customer_rules": "Kunderegler",
+            "effective_access": "Effektiv tilgang",
+            "loaded": "Lastet",
+            "load_failed": "Brukerdata kunne ikke lastes",
+            "loading_user": "Laster bruker",
+            "management_hub": "Administrasjon",
+            "missing": "Mangler",
+            "more_permissions": "+{count} flere tillatelser",
+            "no_subscription_transactions": "Ingen vaskeabonnementstransaksjoner er registrert for kunden.",
+            "not_invoiced": "Ikke fakturert",
+            "open_draft": "Åpent utkast",
+            "open_vehicles": "Åpne kjøretøy",
+            "price_overrides": "Prisoverstyringer",
+            "pricing": "Priser",
+            "subscription_invoicing": "Abonnementsfakturering",
+            "subtitle": "Oversikt over kundedata, tilgang, priser, kjøretøy og abonnementsfakturering.",
+            "vehicles_load_failed": "Kjøretøy kunne ikke lastes.",
+            "workspace_shortcuts": "Arbeidsområde"
+          },
           "permissions": "@.capitalize:{'words.generated.tillatelser'}",
           "user_data": "@.capitalize:{'words.generated.brukerdata'}",
           "user_id": "@.capitalize:{'words.generated.bruker'}-@.upper:{'words.generated.id'}",
@@ -6074,6 +6117,20 @@
         },
         "vehicles": {
           "add": "@:{'words.generated.lagg'} @:{'words.generated.till'} @:{'words.generated.fordon'}",
+          "add_modal": {
+            "customer_label": "Kunde",
+            "customer_placeholder": "Søk etter kundenavn eller kundenummer",
+            "error": "Kunne ikke legge til kjøretøy.",
+            "no_customer_results": "Ingen kunder funnet",
+            "reference_placeholder": "Valgfri referanse",
+            "registration_placeholder": "Registreringsnummer",
+            "selected_customer": "Valgt kunde",
+            "submit": "Legg til kjøretøy",
+            "title": "Legg til kjøretøy",
+            "type_load_error": "Kunne ikke laste kjøretøytyper.",
+            "type_placeholder": "Velg kjøretøytype",
+            "validation_error": "Velg kunde, registreringsnummer og kjøretøytype."
+          },
           "brand": "Märke",
           "color": "Färg",
           "delete_vehicle": "@:{'templates.generated.compat.vehicles.delete'}",

src/i18n/generated/sv-v2.json

@@ -1681,6 +1681,14 @@
               "subtitle_suffix": "@:{'words.generated.produktforsaljning'}",
               "title": "@.capitalize:{'words.generated.produktforsaljning'}"
             },
+            "product_targets": {
+              "cancel_aria": "Avbryt mål",
+              "edit_aria": "Redigera målprocent",
+              "input_label": "Målprocent",
+              "save_aria": "Spara mål",
+              "save_error": "Målet kunde inte sparas.",
+              "validation_range": "Målprocenten måste vara mellan 0 och 100."
+            },
             "reports": {
               "bookings": {
                 "completed_count": "@.capitalize:{'words.generated.antal'} @:{'words.generated.slutforda'}",
@@ -1875,6 +1883,7 @@
             "company_phone": "Färetagstelefon",
             "contact_email": "@.capitalize:{'words.generated.kontakt'}-@:{'words.generated.e'}-@:{'words.generated.post'}",
             "contact_phone": "Kontakttelefon",
+            "ean": "EAN",
             "created_by": "@.capitalize:{'words.generated.skapad'} @:{'words.generated.av'}",
             "customer_conflict": {
               "help_text": "@.capitalize:{'words.generated.det'} @:{'words.generated.angivna'} @:{'words.generated.registreringsnumret'} @:{'words.generated.tillhor'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.annan'} @:{'words.generated.sparad'} @:{'words.generated.kund'}. @:{'words.generated.valj_2'} @:{'words.generated.om'} @:{'words.replication.article.host_mention'} @:{'words.generated.valda'} @:{'words.generated.kunden'} @:{'words.generated.ska'} @:{'words.generated.behallas'} @:{'words.generated.eller'} @:{'words.generated.om'} @:{'words.generated.bytet'} @:{'words.generated.ska'} @:{'words.generated.goras'} @:{'words.generated.till'} @:{'words.generated.fordonskunden'}.",
@@ -3423,6 +3432,7 @@
             "benefit_portal": "@:{'words.generated.kundportal'}",
             "benefit_portal_desc": "@.capitalize:{'words.generated.anvand'} kundportalen @:{'words.generated.for'} @:{'words.generated.att'} @:{'words.generated.lagga'} @:{'words.generated.till'} @:{'words.generated.fordon'}, @:{'words.generated.boka'} @:{'words.generated.tvattar'}, @:{'words.generated.ladda'} @:{'words.generated.ner'} @:{'words.generated.fakturor'}, @:{'words.generated.tvattcertifikat'} @:{'words.generated.och'} @:{'words.generated.information'} @:{'words.generated.om'} @:{'words.generated.historiska'} @:{'words.generated.tvattar'}",
             "benefit_wash_desc": "@.capitalize:{'words.generated.anvand'} @:{'words.generated.vart'} @:{'words.generated.nationella'} @:{'words.generated.natverk'} @:{'words.generated.av'} @:{'words.generated.tvatthallar'} @:{'words.generated.till'} @:{'words.generated.konkurrenskraftiga'} @:{'words.generated.priser'}",
+            "ean_label": "@:{'templates.generated.compat.admin.pos.ean'}",
             "email_label": "Företagets @:{'words.generated.e'}-@:{'words.generated.post'}",
             "intro": "@.capitalize:{'words.generated.som'} @:{'words.generated.kund'} @:{'words.generated.hos'} @:{'words.generated.truck'} @.capitalize:{'words.generated.wash'} @:{'words.generated.far'} @:{'words.generated.du'} @:{'words.generated.tillgang'} @:{'words.generated.till'}:",
             "phone_label": "@:{'templates.generated.compat.admin.pos.company_phone'}",
@@ -3638,6 +3648,13 @@
           "opening_hours": {
             "closed": "Stengt"
           },
+          "pricing": {
+            "custom_pricing_disabled": "Fallback aktiv",
+            "custom_pricing_enabled": "Endast egna priser",
+            "custom_pricing_missing_price": "Saknade avdelningspriser blir 999999.",
+            "custom_pricing_only": "Inga fallback-priser",
+            "effective_department_price": "Effektivt avdelningspris"
+          },
           "search_placeholder": "@:{'words.generated.sok'} @:{'words.generated.efter'} @:{'words.generated.avdelningsnamn'}",
           "select_department": "@:{'words.generated.velg'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.avdeling'}",
           "subtitle": "@:{'words.generated.administrer'} @:{'words.generated.avdelinger'}",
@@ -4477,6 +4494,7 @@
           "departments": {
             "columns": {
               "archived": "Arkiverad",
+              "custom_pricing_only": "@:{'templates.generated.compat.departments.pricing.custom_pricing_only'}",
               "dimension": "Dimension",
               "economic_department": "@:{'templates.generated.compat.objects.economic_departments.single'}",
               "latitude": "Latitude",
@@ -5918,6 +5936,31 @@
             "transaction_history": "@:{'templates.generated.compat.superuser.nav.orders'}"
           },
           "other": "Andet",
+          "overview": {
+            "active_vehicles": "Aktiva fordon",
+            "attributes": "Attribut",
+            "connected": "Ansluten",
+            "customer_management": "Kundhantering",
+            "customer_number_required": "Ett kundnummer krävs innan kundinställningar kan hanteras.",
+            "customer_rules": "Kundregler",
+            "effective_access": "Effektiv åtkomst",
+            "loaded": "Inläst",
+            "load_failed": "Användardata kunde inte läsas in",
+            "loading_user": "Läser in användare",
+            "management_hub": "Administration",
+            "missing": "Saknas",
+            "more_permissions": "+{count} fler behörigheter",
+            "no_subscription_transactions": "Inga tvättabonnemangstransaktioner är registrerade för kunden.",
+            "not_invoiced": "Ej fakturerat",
+            "open_draft": "Öppet utkast",
+            "open_vehicles": "Öppna fordon",
+            "price_overrides": "Prisöverskrivningar",
+            "pricing": "Priser",
+            "subscription_invoicing": "Abonnemangsfakturering",
+            "subtitle": "Översikt över kunddata, åtkomst, priser, fordon och abonnemangsfakturering.",
+            "vehicles_load_failed": "Fordon kunde inte läsas in.",
+            "workspace_shortcuts": "Arbetsyta"
+          },
           "permissions": "Tilladelser",
           "user_data": "Brugerdata",
           "user_id": "Användar-@.upper:{'words.generated.id'}",
@@ -6124,6 +6167,20 @@
         },
         "vehicles": {
           "add": "@:{'words.generated.lagg'} @:{'words.generated.till'} @:{'words.generated.fordon'}",
+          "add_modal": {
+            "customer_label": "Kund",
+            "customer_placeholder": "Sök efter kundnamn eller kundnummer",
+            "error": "Det gick inte att lägga till fordon.",
+            "no_customer_results": "Inga kunder hittades",
+            "reference_placeholder": "Valfri referens",
+            "registration_placeholder": "Registreringsnummer",
+            "selected_customer": "Vald kund",
+            "submit": "Lägg till fordon",
+            "title": "Lägg till fordon",
+            "type_load_error": "Det gick inte att läsa in fordonstyper.",
+            "type_placeholder": "Välj fordonstyp",
+            "validation_error": "Välj kund, registreringsnummer och fordonstyp."
+          },
           "brand": "Märke",
           "color": "Färg",
           "delete_vehicle": "@.capitalize:{'words.generated.ta'} @:{'words.generated.bort'} @:{'words.generated.fordon'}",

src/i18n/source/da/phrases/compat/admin/index-01.json

@@ -27,6 +27,14 @@
           "subtitle_suffix": "@:{'terms.glossary.salg'} @:{'terms.glossary.af'} produktet",
           "title": "Produktsalg"
         },
+        "product_targets": {
+          "cancel_aria": "Annuller mål",
+          "edit_aria": "Rediger målprocent",
+          "input_label": "Målprocent",
+          "save_aria": "Gem mål",
+          "save_error": "Målet kunne ikke gemmes.",
+          "validation_range": "Målprocenten skal være mellem 0 og 100."
+        },
         "reports": {
           "bookings": {
             "completed_count": "@.capitalize:{'terms.glossary.antal'} @:{'terms.glossary.fuldførte'}",
@@ -221,6 +229,7 @@
         "company_phone": "Virksomhedstelefon",
         "contact_email": "@.capitalize:{'terms.glossary.kontakt'}-@:{'terms.glossary.e'}-@:{'terms.glossary.mail'}",
         "contact_phone": "Kontakttelefon",
+        "ean": "EAN",
         "created_by": "@.capitalize:{'terms.glossary.oprettet'} @:{'terms.glossary.af'}",
         "customer_conflict": {
           "help_text": "@.capitalize:{'terms.replication.article.host_mention'} @:{'terms.glossary.indtastede'} @:{'terms.glossary.nummerplade'} @:{'terms.glossary.tilhører'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.anden'} @:{'terms.glossary.gemt'} @:{'terms.glossary.kunde'}. @.capitalize:{'terms.glossary.vælg'} @:{'terms.glossary.om'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.valgte'} @:{'terms.glossary.kunde'} @:{'terms.glossary.skal'} @:{'terms.glossary.beholdes'}, @:{'terms.glossary.eller'} @:{'terms.glossary.om'} @:{'terms.glossary.der'} @:{'terms.glossary.skal'} @:{'terms.glossary.skiftes'} @:{'terms.glossary.til'} @:{'terms.glossary.køretøjets'} @:{'terms.glossary.kunde'}.",

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

@@ -7,6 +7,7 @@
         "benefit_portal": "@:{'terms.glossary.kundeportal'}",
         "benefit_portal_desc": "@:{'terms.glossary.benyt'} kundeportalen @:{'terms.glossary.til'} @:{'terms.glossary.at'} @:{'terms.glossary.tilføje'} @:{'terms.glossary.køretøjer'}, @:{'terms.glossary.booke'} @:{'terms.glossary.vaske'}, downloade @:{'terms.glossary.fakturaer'}, @:{'terms.glossary.vaskecertifikater'} @:{'terms.glossary.og'} @:{'terms.glossary.information'} @:{'terms.glossary.for'} @:{'terms.glossary.historiske'} @:{'terms.glossary.vaske'}",
         "benefit_wash_desc": "@:{'terms.glossary.benyt'} @:{'terms.glossary.vores'} @:{'terms.glossary.nationale'} @:{'terms.glossary.netværk'} @:{'terms.glossary.af'} @:{'terms.glossary.vaskehaller'} @:{'terms.glossary.til'} @:{'terms.glossary.konkurrencedygtige'} @:{'terms.glossary.priser'}",
+        "ean_label": "@:{'phrases.compat.admin.pos.ean'}",
         "email_label": "@:{'terms.glossary.firma'} @:{'terms.glossary.email'}",
         "intro": "@.capitalize:{'terms.glossary.som'} @:{'terms.glossary.kunde'} @:{'terms.glossary.hos'} @:{'terms.glossary.truck'} @:{'terms.glossary.wash'} @:{'terms.glossary.far'} @:{'terms.glossary.du'} @:{'terms.glossary.adgang'} @:{'terms.glossary.til'}:",
         "phone_label": "@:{'terms.glossary.firma'} @:{'terms.glossary.telefon'}",

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

@@ -14,6 +14,31 @@
         "transaction_history": "@:{'phrases.compat.superuser.nav.orders'}"
       },
       "other": "@:{'phrases.compat.global.other'}",
+      "overview": {
+        "active_vehicles": "Aktive køretøjer",
+        "attributes": "Attributter",
+        "connected": "Forbundet",
+        "customer_management": "Kundestyring",
+        "customer_number_required": "Et kundenummer er påkrævet før kundeindstillinger kan administreres.",
+        "customer_rules": "Kunderegler",
+        "effective_access": "Effektiv adgang",
+        "loaded": "Indlæst",
+        "load_failed": "Brugerdata kunne ikke indlæses",
+        "loading_user": "Indlæser bruger",
+        "management_hub": "Administrationshub",
+        "missing": "Mangler",
+        "more_permissions": "+{count} flere tilladelser",
+        "no_subscription_transactions": "Der er ikke registreret vaskeabonnementstransaktioner for kunden.",
+        "not_invoiced": "Ikke faktureret",
+        "open_draft": "Åben kladde",
+        "open_vehicles": "Åbn køretøjer",
+        "price_overrides": "Prisoverstyringer",
+        "pricing": "Priser",
+        "subscription_invoicing": "Abonnementsfakturering",
+        "subtitle": "Overblik over kundedata, adgang, priser, køretøjer og abonnementsfakturering.",
+        "vehicles_load_failed": "Køretøjer kunne ikke indlæses.",
+        "workspace_shortcuts": "Arbejdsgange"
+      },
       "permissions": "@.capitalize:{'terms.glossary.tilladelser'}",
       "user_data": "@.capitalize:{'terms.glossary.brugerdata'}",
       "user_id": "@.capitalize:{'terms.glossary.bruger'} @.upper:{'terms.glossary.id'}",

src/i18n/source/de/phrases/compat/admin/index-01.json

@@ -27,6 +27,14 @@
           "subtitle_suffix": "Produktverk?@:{'terms.glossary.ufe'}",
           "title": "@:{'phrases.compat.admin.daily_report.product_sales.subtitle_suffix'}"
         },
+        "product_targets": {
+          "cancel_aria": "Ziel abbrechen",
+          "edit_aria": "Zielprozentsatz bearbeiten",
+          "input_label": "Zielprozentsatz",
+          "save_aria": "Ziel speichern",
+          "save_error": "Das Ziel konnte nicht gespeichert werden.",
+          "validation_range": "Der Zielprozentsatz muss zwischen 0 und 100 liegen."
+        },
         "reports": {
           "bookings": {
             "completed_count": "@:{'terms.glossary.abgeschlossene'} @:{'terms.glossary.anzahl'}",
@@ -221,6 +229,7 @@
         "company_phone": "Firmentelefon",
         "contact_email": "@:{'terms.glossary.kontakt'}-@.upper:{'terms.glossary.e'}-@:{'terms.glossary.mail'}",
         "contact_phone": "Kontakttelefonnummer",
+        "ean": "EAN",
         "created_by": "@.capitalize:{'terms.glossary.erstellt'} @:{'terms.glossary.von'}",
         "customer_conflict": {
           "help_text": "@.capitalize:{'terms.glossary.dieses'} @:{'terms.glossary.kennzeichen'} @:{'terms.glossary.gehoert'} @:{'terms.glossary.zu'} @:{'terms.glossary.einem'} @:{'terms.glossary.anderen'} @:{'terms.glossary.gespeicherten'} @:{'terms.glossary.kunden'}. @:{'terms.glossary.waehlen'} @.capitalize:{'terms.glossary.sie'}, @:{'terms.glossary.ob'} @:{'terms.glossary.der'} @:{'terms.glossary.ausgewaehlte'} @.capitalize:{'terms.glossary.kunde'} @:{'terms.glossary.beibehalten'} @:{'terms.glossary.oder'} @:{'terms.glossary.zum'} @:{'terms.glossary.fahrzeugkunden'} @:{'terms.glossary.gewechselt'} @:{'terms.glossary.werden'} @:{'terms.glossary.soll'}.",

src/i18n/source/de/phrases/compat/customer_creation/index.json

@@ -7,6 +7,7 @@
         "benefit_portal": "@:{'terms.glossary.kundenportal'}",
         "benefit_portal_desc": "@.capitalize:{'terms.glossary.nutzen'} @.capitalize:{'terms.glossary.sie'} @:{'terms.glossary.das'} @:{'terms.glossary.kundenportal'}, @:{'terms.glossary.um'} @:{'terms.glossary.fahrzeuge'} hinzuzuf?@:{'terms.glossary.gen'}, @.upper:{'terms.glossary.w'}?@:{'terms.glossary.schen'} @:{'terms.glossary.zu'} @:{'terms.glossary.buchen'}, @:{'terms.glossary.rechnungen'} @:{'terms.glossary.und'} @:{'terms.glossary.waschzertifikate'} herunterzuladen @:{'terms.glossary.sowie'} @:{'terms.glossary.informationen'} @:{'terms.glossary.zu'} @:{'terms.glossary.fr'}?@:{'terms.glossary.heren'} @.upper:{'terms.glossary.w'}?@:{'terms.glossary.schen'} einzusehen",
         "benefit_wash_desc": "@.capitalize:{'terms.glossary.nutzen'} @.capitalize:{'terms.glossary.sie'} @:{'terms.glossary.unser'} @:{'terms.glossary.nationales'} @:{'terms.glossary.netz'} @:{'terms.glossary.von'} @:{'terms.glossary.waschhallen'} @:{'terms.glossary.zu'} @:{'terms.glossary.wettbewerbsf'}?@:{'terms.glossary.higen'} @:{'terms.glossary.preisen'}",
+        "ean_label": "@:{'phrases.compat.admin.pos.ean'}",
         "email_label": "Firmen-@.upper:{'terms.glossary.e'}-@:{'terms.glossary.mail'}",
         "intro": "@.capitalize:{'terms.glossary.als'} @.capitalize:{'terms.glossary.kunde'} @:{'terms.glossary.bei'} @:{'terms.glossary.truck'} @.capitalize:{'terms.glossary.wash'} @:{'terms.glossary.erhalten'} @.capitalize:{'terms.glossary.sie'} @:{'terms.glossary.zugang'} @:{'terms.glossary.zu'}:",
         "phone_label": "@:{'phrases.compat.admin.pos.company_phone'}",

src/i18n/source/de/phrases/compat/departments/index.json

@@ -21,6 +21,13 @@
       "opening_hours": {
         "closed": "@:{'phrases.compat.global.closed'}"
       },
+      "pricing": {
+        "custom_pricing_disabled": "Fallback aktiviert",
+        "custom_pricing_enabled": "Nur eigene Preise",
+        "custom_pricing_missing_price": "Fehlende Abteilungspreise werden zu 999999.",
+        "custom_pricing_only": "Keine Fallback-Preise",
+        "effective_department_price": "Effektiver Abteilungspreis"
+      },
       "search_placeholder": "@.capitalize:{'terms.glossary.nach'} @:{'terms.glossary.abteilungsname'} @:{'terms.glossary.suchen'}",
       "select_department": "@:{'phrases.compat.nav.select_department'}",
       "subtitle": "@:{'terms.glossary.abteilungen'} @:{'terms.glossary.verwalten'}",

src/i18n/source/de/phrases/compat/objects/index.json

@@ -140,6 +140,7 @@
       "departments": {
         "columns": {
           "archived": "Archiviert",
+          "custom_pricing_only": "@:{'phrases.compat.departments.pricing.custom_pricing_only'}",
           "dimension": "Abmessung",
           "economic_department": "@:{'phrases.compat.objects.economic_departments.single'}",
           "latitude": "@:{'phrases.compat.departments.form.latitude'}",

src/i18n/source/de/phrases/compat/user_admin/index.json

@@ -14,6 +14,31 @@
         "transaction_history": "@:{'phrases.compat.superuser.nav.orders'}"
       },
       "other": "@.capitalize:{'terms.glossary.andere'}",
+      "overview": {
+        "active_vehicles": "Aktive Fahrzeuge",
+        "attributes": "Attribute",
+        "connected": "Verbunden",
+        "customer_management": "Kundenverwaltung",
+        "customer_number_required": "Eine Kundennummer ist erforderlich, bevor Kundeneinstellungen verwaltet werden können.",
+        "customer_rules": "Kundenregeln",
+        "effective_access": "Effektiver Zugriff",
+        "loaded": "Geladen",
+        "load_failed": "Benutzerdaten konnten nicht geladen werden",
+        "loading_user": "Benutzer wird geladen",
+        "management_hub": "Verwaltung",
+        "missing": "Fehlt",
+        "more_permissions": "+{count} weitere Berechtigungen",
+        "no_subscription_transactions": "Für diesen Kunden sind keine Waschabonnement-Transaktionen registriert.",
+        "not_invoiced": "Nicht fakturiert",
+        "open_draft": "Offener Entwurf",
+        "open_vehicles": "Fahrzeuge öffnen",
+        "price_overrides": "Preisüberschreibungen",
+        "pricing": "Preise",
+        "subscription_invoicing": "Abonnementabrechnung",
+        "subtitle": "Überblick über Kundendaten, Zugriff, Preise, Fahrzeuge und Abonnementabrechnung.",
+        "vehicles_load_failed": "Fahrzeuge konnten nicht geladen werden.",
+        "workspace_shortcuts": "Arbeitsbereich"
+      },
       "permissions": "Tilladelser",
       "user_data": "Brugerdata",
       "user_id": "@:{'terms.glossary.benutzer'}-@.upper:{'terms.glossary.id'}",

src/i18n/source/de/phrases/compat/vehicles/index.json

@@ -2,6 +2,20 @@
   "compat": {
     "vehicles": {
       "add": "@:{'terms.glossary.fahrzeug'} @:{'terms.glossary.hinzuf'}?@:{'terms.glossary.gen'}",
+      "add_modal": {
+        "customer_label": "Kunde",
+        "customer_placeholder": "Nach Kundenname oder Kundennummer suchen",
+        "error": "Fahrzeug konnte nicht hinzugefuegt werden.",
+        "no_customer_results": "Keine Kunden gefunden",
+        "reference_placeholder": "Optionale Referenz",
+        "registration_placeholder": "Kennzeichen",
+        "selected_customer": "Ausgewaehlter Kunde",
+        "submit": "Fahrzeug hinzufuegen",
+        "title": "Fahrzeug hinzufuegen",
+        "type_load_error": "Fahrzeugtypen konnten nicht geladen werden.",
+        "type_placeholder": "Fahrzeugtyp auswaehlen",
+        "validation_error": "Kunde, Kennzeichen und Fahrzeugtyp auswaehlen."
+      },
       "brand": "@:{'phrases.compat.admin.pos.make'}",
       "color": "Farbe",
       "delete_vehicle": "@:{'phrases.compat.vehicles.delete'}",

src/i18n/source/en/phrases/compat/admin/index-01.json

@@ -27,6 +27,14 @@
           "subtitle_suffix": "@:{'terms.glossary.product'} @:{'terms.glossary.sales'}",
           "title": "@.capitalize:{'terms.glossary.product'} @.capitalize:{'terms.glossary.sales'}"
         },
+        "product_targets": {
+          "cancel_aria": "Cancel target",
+          "edit_aria": "Edit target percentage",
+          "input_label": "Target percentage",
+          "save_aria": "Save target",
+          "save_error": "The target could not be saved.",
+          "validation_range": "The target percentage must be between 0 and 100."
+        },
         "reports": {
           "bookings": {
             "completed_count": "@.capitalize:{'terms.glossary.completed'} @:{'terms.glossary.count'}",
@@ -221,6 +229,7 @@
         "company_phone": "@.capitalize:{'terms.glossary.company'} @:{'terms.glossary.phone'}",
         "contact_email": "@.capitalize:{'terms.glossary.contact'} @:{'terms.glossary.email'}",
         "contact_phone": "@.capitalize:{'terms.glossary.contact'} @:{'terms.glossary.phone'}",
+        "ean": "EAN",
         "created_by": "@.capitalize:{'terms.glossary.created'} @:{'terms.glossary.by'}",
         "customer_conflict": {
           "help_text": "@.capitalize:{'terms.glossary.this'} @:{'terms.glossary.typed'} @:{'terms.glossary.plate'} @:{'terms.glossary.belongs'} @:{'terms.glossary.to'} @:{'terms.glossary.another'} @:{'terms.glossary.saved'} @:{'terms.glossary.customer'}. @.capitalize:{'terms.glossary.choose'} @:{'terms.glossary.whether'} @:{'terms.glossary.to'} @:{'terms.glossary.keep'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.selected'} @:{'terms.glossary.customer'} @:{'terms.glossary.or'} @:{'terms.glossary.switch'} @:{'terms.glossary.to'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.vehicle'} @:{'terms.glossary.customer'}.",

src/i18n/source/en/phrases/compat/customer_creation/index.json

@@ -7,6 +7,7 @@
         "benefit_portal": "@.capitalize:{'terms.glossary.customer'} @.capitalize:{'terms.glossary.portal'}",
         "benefit_portal_desc": "@.capitalize:{'terms.glossary.use'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.customer'} @:{'terms.glossary.portal'} @:{'terms.glossary.to'} @:{'terms.glossary.add'} @:{'terms.glossary.vehicles'}, @:{'terms.glossary.book'} @:{'terms.glossary.washes'}, @:{'terms.glossary.download'} @:{'terms.glossary.invoices'}, @:{'terms.glossary.wash'} @:{'terms.glossary.certificates'} @:{'terms.glossary.and'} @:{'terms.glossary.information'} @:{'terms.glossary.for'} @:{'terms.glossary.historical'} @:{'terms.glossary.washes'}",
         "benefit_wash_desc": "@.capitalize:{'terms.glossary.use'} @:{'terms.glossary.our'} @:{'terms.glossary.national'} @:{'terms.glossary.network'} @:{'terms.glossary.of'} @:{'terms.glossary.wash'} @:{'terms.glossary.halls'} @:{'terms.glossary.at'} @:{'terms.glossary.competitive'} @:{'terms.glossary.prices'}",
+        "ean_label": "@:{'phrases.compat.admin.pos.ean'}",
         "email_label": "@.capitalize:{'terms.glossary.company'} @:{'terms.glossary.email'}",
         "intro": "@.capitalize:{'terms.glossary.as'} @:{'terms.glossary.a'} @:{'terms.glossary.customer'} @:{'terms.glossary.at'} @.capitalize:{'terms.glossary.truck'} @.capitalize:{'terms.glossary.wash'} @:{'terms.glossary.you'} @:{'terms.glossary.get'} @:{'terms.glossary.access'} @:{'terms.glossary.to'}:",
         "phone_label": "@:{'phrases.compat.admin.pos.company_phone'}",

src/i18n/source/en/phrases/compat/user_admin/index.json

@@ -14,6 +14,31 @@
         "transaction_history": "@.capitalize:{'terms.glossary.transaction'} @:{'terms.glossary.history'}"
       },
       "other": "@:{'phrases.compat.global.other'}",
+      "overview": {
+        "active_vehicles": "Active vehicles",
+        "attributes": "Attributes",
+        "connected": "Connected",
+        "customer_management": "Customer management",
+        "customer_number_required": "A customer number is required before customer settings can be managed.",
+        "customer_rules": "Customer rules",
+        "effective_access": "Effective access",
+        "loaded": "Loaded",
+        "load_failed": "User data could not be loaded",
+        "loading_user": "Loading user",
+        "management_hub": "Management hub",
+        "missing": "Missing",
+        "more_permissions": "+{count} more permissions",
+        "no_subscription_transactions": "No wash subscription transactions are registered for this customer.",
+        "not_invoiced": "Not invoiced",
+        "open_draft": "Open draft",
+        "open_vehicles": "Open vehicles",
+        "price_overrides": "Price overrides",
+        "pricing": "Pricing",
+        "subscription_invoicing": "Subscription invoicing",
+        "subtitle": "Overview of customer data, access, pricing, vehicles, and subscription invoicing.",
+        "vehicles_load_failed": "Vehicles could not be loaded.",
+        "workspace_shortcuts": "Workspace shortcuts"
+      },
       "permissions": "@.capitalize:{'terms.glossary.permissions'}",
       "user_data": "@.capitalize:{'terms.glossary.user'} @:{'terms.glossary.data'}",
       "user_id": "@.capitalize:{'terms.glossary.user'} @.upper:{'terms.glossary.id'}",

src/i18n/source/global/shared/admin/index-01.json

@@ -34,6 +34,14 @@
         "subtitle_suffix": "@:{'phrases.compat.admin.daily_report.product_sales.subtitle_suffix'}",
         "title": "@:{'phrases.compat.admin.daily_report.product_sales.title'}"
       },
+      "product_targets": {
+        "cancel_aria": "@:{'phrases.compat.admin.daily_report.product_targets.cancel_aria'}",
+        "edit_aria": "@:{'phrases.compat.admin.daily_report.product_targets.edit_aria'}",
+        "input_label": "@:{'phrases.compat.admin.daily_report.product_targets.input_label'}",
+        "save_aria": "@:{'phrases.compat.admin.daily_report.product_targets.save_aria'}",
+        "save_error": "@:{'phrases.compat.admin.daily_report.product_targets.save_error'}",
+        "validation_range": "@:{'phrases.compat.admin.daily_report.product_targets.validation_range'}"
+      },
       "reports": {
         "avg_revenue": {
           "label": "@:{'phrases.compat.department_reports.avg_revenue_per_wash'}",
@@ -293,6 +301,7 @@
       "delete": "@:{'phrases.compat.global.delete'}",
       "details": "@:{'phrases.compat.admin.pos.details'}",
       "download": "@:{'phrases.compat.guest.pwa.title'}",
+      "ean": "@:{'phrases.compat.admin.pos.ean'}",
       "drafts_assignment": {
         "button": "@:{'phrases.compat.admin.pos.drafts_assignment.button'}",
         "create_invoice_collection": "@:{'phrases.compat.admin.pos.drafts_assignment.create_invoice_collection'}",

src/i18n/source/global/shared/customer_creation/index.json

@@ -8,6 +8,7 @@
       "benefit_wash": "@:{'phrases.compat.tables.bookings.wash'}",
       "benefit_wash_desc": "@:{'phrases.compat.tables.bookings.wash_desc'}",
       "cvr_label": "@:{'phrases.compat.customers.cvr'}",
+      "ean_label": "@:{'phrases.compat.customer_creation.customer.ean_label'}",
       "email_label": "@:{'phrases.compat.customer_creation.customer.email_label'}",
       "intro": "@:{'phrases.compat.customer_creation.customer.intro'}",
       "phone_label": "@:{'phrases.compat.customer_creation.customer.phone_label'}",

src/i18n/source/global/shared/superuser_dashboard/index.json

@@ -44,8 +44,8 @@
       "overview": "Overview",
       "modules": "Modules",
       "branding": "Profile & Branding",
-      "gateways": "Gateways",
-      "stripe": "Stripe",
+      "gateways": "@.capitalize:{'terms.glossary.gateways'}",
+      "stripe": "@:{'terms.glossary.stripe'}",
       "pricing": "Pricing",
       "categories": "Categories"
     },
@@ -88,7 +88,7 @@
         "department_id": "Department ID",
         "economic_department_id": "Economic department",
         "branding": "Branding",
-        "created_at": "Created",
+        "created_at": "@:common.created",
         "updated_at": "Updated"
       },
       "hardware": {
@@ -104,12 +104,12 @@
       "quick_links": {
         "title": "Department tools",
         "subtitle": "Open the focused setup areas for this department",
-        "modules": "Modules",
-        "branding": "Branding",
-        "gateways": "Gateways",
-        "stripe": "Stripe",
-        "pricing": "Pricing",
-        "categories": "Categories"
+        "modules": "@:superuser_dashboard.department_navigation.modules",
+        "branding": "@:superuser_dashboard.department_overview.profile.branding",
+        "gateways": "@:superuser_dashboard.department_navigation.gateways",
+        "stripe": "@:superuser_dashboard.department_navigation.stripe",
+        "pricing": "@:superuser_dashboard.department_navigation.pricing",
+        "categories": "@:superuser_dashboard.department_navigation.categories"
       },
       "errors": {
         "invalid_department": "A valid department is required",

src/i18n/source/global/shared/user_admin/index.json

@@ -22,6 +22,31 @@
       "transaction_history": "@:{'phrases.compat.user_admin.orders.transaction_history'}"
     },
     "other": "@:{'phrases.compat.user_admin.other'}",
+    "overview": {
+      "active_vehicles": "@:{'phrases.compat.user_admin.overview.active_vehicles'}",
+      "attributes": "@:{'phrases.compat.user_admin.overview.attributes'}",
+      "connected": "@:{'phrases.compat.user_admin.overview.connected'}",
+      "customer_management": "@:{'phrases.compat.user_admin.overview.customer_management'}",
+      "customer_number_required": "@:{'phrases.compat.user_admin.overview.customer_number_required'}",
+      "customer_rules": "@:{'phrases.compat.user_admin.overview.customer_rules'}",
+      "effective_access": "@:{'phrases.compat.user_admin.overview.effective_access'}",
+      "loaded": "@:{'phrases.compat.user_admin.overview.loaded'}",
+      "load_failed": "@:{'phrases.compat.user_admin.overview.load_failed'}",
+      "loading_user": "@:{'phrases.compat.user_admin.overview.loading_user'}",
+      "management_hub": "@:{'phrases.compat.user_admin.overview.management_hub'}",
+      "missing": "@:{'phrases.compat.user_admin.overview.missing'}",
+      "more_permissions": "@:{'phrases.compat.user_admin.overview.more_permissions'}",
+      "no_subscription_transactions": "@:{'phrases.compat.user_admin.overview.no_subscription_transactions'}",
+      "not_invoiced": "@:{'phrases.compat.user_admin.overview.not_invoiced'}",
+      "open_draft": "@:{'phrases.compat.user_admin.overview.open_draft'}",
+      "open_vehicles": "@:{'phrases.compat.user_admin.overview.open_vehicles'}",
+      "price_overrides": "@:{'phrases.compat.user_admin.overview.price_overrides'}",
+      "pricing": "@:{'phrases.compat.user_admin.overview.pricing'}",
+      "subscription_invoicing": "@:{'phrases.compat.user_admin.overview.subscription_invoicing'}",
+      "subtitle": "@:{'phrases.compat.user_admin.overview.subtitle'}",
+      "vehicles_load_failed": "@:{'phrases.compat.user_admin.overview.vehicles_load_failed'}",
+      "workspace_shortcuts": "@:{'phrases.compat.user_admin.overview.workspace_shortcuts'}"
+    },
     "permissions": "@:{'phrases.compat.user_admin.permissions'}",
     "subtitle": "@:user_admin.user_data",
     "title": "@:{'phrases.compat.common.user'}",

src/i18n/source/no/phrases/compat/admin/index-01.json

@@ -27,6 +27,14 @@
           "subtitle_suffix": "@:{'terms.glossary.produktsalg'}",
           "title": "@.capitalize:{'terms.glossary.produktsalg'}"
         },
+        "product_targets": {
+          "cancel_aria": "Avbryt mål",
+          "edit_aria": "Rediger målprosent",
+          "input_label": "Målprosent",
+          "save_aria": "Lagre mål",
+          "save_error": "Målet kunne ikke lagres.",
+          "validation_range": "Målprosenten må være mellom 0 og 100."
+        },
         "reports": {
           "bookings": {
             "completed_count": "@.capitalize:{'terms.glossary.fullført'} @:{'terms.glossary.telling'}",
@@ -221,6 +229,7 @@
         "company_phone": "Firmatelefon",
         "contact_email": "@.capitalize:{'terms.glossary.kontakt'} @:{'terms.glossary.e'}-@:{'terms.glossary.post'}",
         "contact_phone": "@.capitalize:{'terms.glossary.kontakt'} @:{'terms.glossary.telefon'}",
+        "ean": "EAN",
         "created_by": "Laget @:{'terms.glossary.av'}",
         "customer_conflict": {
           "help_text": "@.capitalize:{'terms.glossary.det'} @:{'terms.glossary.innskrevne'} @:{'terms.glossary.skiltet'} @:{'terms.glossary.tilhoerer'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.annen'} @:{'terms.glossary.lagret'} @:{'terms.glossary.kunde'}. @.capitalize:{'terms.glossary.velg'} @:{'terms.glossary.om'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.valgte'} @:{'terms.glossary.kunden'} @:{'terms.glossary.skal'} @:{'terms.glossary.beholdes'} @:{'terms.glossary.eller'} @:{'terms.glossary.om'} @:{'terms.glossary.det'} @:{'terms.glossary.skal'} @:{'terms.glossary.byttes'} @:{'terms.glossary.til'} @:{'terms.glossary.kjoretoykunden'}.",

src/i18n/source/no/phrases/compat/customer_creation/index.json

@@ -7,6 +7,7 @@
         "benefit_portal": "@:{'terms.glossary.kundeportal'}",
         "benefit_portal_desc": "@.capitalize:{'terms.glossary.bruk'} kundeportalen @:{'terms.glossary.til'} @:{'terms.glossary.a'} @:{'terms.glossary.legge'} @:{'terms.glossary.til'} @:{'terms.glossary.kjøretøy'}, bokvaske, @:{'terms.glossary.laste'} @:{'terms.glossary.ned'} @:{'terms.glossary.fakturaer'}, @:{'terms.glossary.vaskesertifikater'} @:{'terms.glossary.og'} @:{'terms.glossary.informasjon'} @:{'terms.glossary.for'} @:{'terms.glossary.historiske'} @:{'terms.glossary.vask'}.",
         "benefit_wash_desc": "@.capitalize:{'terms.glossary.bruk'} @:{'terms.glossary.vart'} @:{'terms.glossary.nasjonale'} @:{'terms.glossary.nettverk'} @:{'terms.glossary.av'} @:{'terms.glossary.vaskehaller'} @:{'terms.glossary.til'} @:{'terms.glossary.konkurransedyktige'} @:{'terms.glossary.priser'}",
+        "ean_label": "@:{'phrases.compat.admin.pos.ean'}",
         "email_label": "Firmaets @:{'terms.glossary.e'}-@:{'terms.glossary.post'}",
         "intro": "@.capitalize:{'terms.glossary.som'} @:{'terms.glossary.kunde'} @:{'terms.glossary.hos'} @:{'terms.glossary.truck'} @.capitalize:{'terms.glossary.wash'} @:{'terms.glossary.far'} @:{'terms.glossary.du'} @:{'terms.glossary.tilgang'} @:{'terms.glossary.til'}:",
         "phone_label": "@:{'phrases.compat.admin.pos.company_phone'}",

src/i18n/source/no/phrases/compat/departments/index.json

@@ -21,6 +21,13 @@
       "opening_hours": {
         "closed": "Stengt"
       },
+      "pricing": {
+        "custom_pricing_disabled": "Fallback aktiv",
+        "custom_pricing_enabled": "Kun egendefinerte priser",
+        "custom_pricing_missing_price": "Manglende avdelingspriser blir 999999.",
+        "custom_pricing_only": "Ingen fallback-priser",
+        "effective_department_price": "Effektiv avdelingspris"
+      },
       "search_placeholder": "@.capitalize:{'terms.glossary.søk'} @:{'terms.glossary.etter'} @:{'terms.glossary.avdelingsnavn'}",
       "select_department": "@.capitalize:{'terms.glossary.velg'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.avdeling'}",
       "subtitle": "@.capitalize:{'terms.glossary.administrer'} @:{'terms.glossary.avdelinger'}",

src/i18n/source/no/phrases/compat/objects/index.json

@@ -140,6 +140,7 @@
       "departments": {
         "columns": {
           "archived": "Arkivert",
+          "custom_pricing_only": "@:{'phrases.compat.departments.pricing.custom_pricing_only'}",
           "dimension": "Dimensjon",
           "economic_department": "@.upper:{'terms.glossary.e'}-@:{'terms.glossary.økonomisk'} @:{'terms.glossary.avdeling'}",
           "latitude": "@:{'phrases.compat.departments.form.latitude'}",

src/i18n/source/no/phrases/compat/user_admin/index.json

@@ -14,6 +14,31 @@
         "transaction_history": "@:{'phrases.compat.superuser.nav.orders'}"
       },
       "other": "@:{'phrases.compat.global.other'}",
+      "overview": {
+        "active_vehicles": "Aktive kjøretøy",
+        "attributes": "Attributter",
+        "connected": "Tilkoblet",
+        "customer_management": "Kundestyring",
+        "customer_number_required": "Et kundenummer kreves før kundeinnstillinger kan administreres.",
+        "customer_rules": "Kunderegler",
+        "effective_access": "Effektiv tilgang",
+        "loaded": "Lastet",
+        "load_failed": "Brukerdata kunne ikke lastes",
+        "loading_user": "Laster bruker",
+        "management_hub": "Administrasjon",
+        "missing": "Mangler",
+        "more_permissions": "+{count} flere tillatelser",
+        "no_subscription_transactions": "Ingen vaskeabonnementstransaksjoner er registrert for kunden.",
+        "not_invoiced": "Ikke fakturert",
+        "open_draft": "Åpent utkast",
+        "open_vehicles": "Åpne kjøretøy",
+        "price_overrides": "Prisoverstyringer",
+        "pricing": "Priser",
+        "subscription_invoicing": "Abonnementsfakturering",
+        "subtitle": "Oversikt over kundedata, tilgang, priser, kjøretøy og abonnementsfakturering.",
+        "vehicles_load_failed": "Kjøretøy kunne ikke lastes.",
+        "workspace_shortcuts": "Arbeidsområde"
+      },
       "permissions": "@.capitalize:{'terms.glossary.tillatelser'}",
       "user_data": "@.capitalize:{'terms.glossary.brukerdata'}",
       "user_id": "@.capitalize:{'terms.glossary.bruker'}-@.upper:{'terms.glossary.id'}",

src/i18n/source/no/phrases/compat/vehicles/index.json

@@ -2,6 +2,20 @@
   "compat": {
     "vehicles": {
       "add": "@:{'terms.glossary.lagg'} @:{'terms.glossary.till'} @:{'terms.glossary.fordon'}",
+      "add_modal": {
+        "customer_label": "Kunde",
+        "customer_placeholder": "Søk etter kundenavn eller kundenummer",
+        "error": "Kunne ikke legge til kjøretøy.",
+        "no_customer_results": "Ingen kunder funnet",
+        "reference_placeholder": "Valgfri referanse",
+        "registration_placeholder": "Registreringsnummer",
+        "selected_customer": "Valgt kunde",
+        "submit": "Legg til kjøretøy",
+        "title": "Legg til kjøretøy",
+        "type_load_error": "Kunne ikke laste kjøretøytyper.",
+        "type_placeholder": "Velg kjøretøytype",
+        "validation_error": "Velg kunde, registreringsnummer og kjøretøytype."
+      },
       "brand": "Märke",
       "color": "Färg",
       "delete_vehicle": "@:{'phrases.compat.vehicles.delete'}",

src/i18n/source/sv/phrases/compat/admin/index-01.json

@@ -27,6 +27,14 @@
           "subtitle_suffix": "@:{'terms.glossary.produktforsaljning'}",
           "title": "@.capitalize:{'terms.glossary.produktforsaljning'}"
         },
+        "product_targets": {
+          "cancel_aria": "Avbryt mål",
+          "edit_aria": "Redigera målprocent",
+          "input_label": "Målprocent",
+          "save_aria": "Spara mål",
+          "save_error": "Målet kunde inte sparas.",
+          "validation_range": "Målprocenten måste vara mellan 0 och 100."
+        },
         "reports": {
           "bookings": {
             "completed_count": "@.capitalize:{'terms.glossary.antal'} @:{'terms.glossary.slutforda'}",
@@ -221,6 +229,7 @@
         "company_phone": "Färetagstelefon",
         "contact_email": "@.capitalize:{'terms.glossary.kontakt'}-@:{'terms.glossary.e'}-@:{'terms.glossary.post'}",
         "contact_phone": "Kontakttelefon",
+        "ean": "EAN",
         "created_by": "@.capitalize:{'terms.glossary.skapad'} @:{'terms.glossary.av'}",
         "customer_conflict": {
           "help_text": "@.capitalize:{'terms.glossary.det'} @:{'terms.glossary.angivna'} @:{'terms.glossary.registreringsnumret'} @:{'terms.glossary.tillhor'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.annan'} @:{'terms.glossary.sparad'} @:{'terms.glossary.kund'}. @:{'terms.glossary.valj_2'} @:{'terms.glossary.om'} @:{'terms.replication.article.host_mention'} @:{'terms.glossary.valda'} @:{'terms.glossary.kunden'} @:{'terms.glossary.ska'} @:{'terms.glossary.behallas'} @:{'terms.glossary.eller'} @:{'terms.glossary.om'} @:{'terms.glossary.bytet'} @:{'terms.glossary.ska'} @:{'terms.glossary.goras'} @:{'terms.glossary.till'} @:{'terms.glossary.fordonskunden'}.",

src/i18n/source/sv/phrases/compat/customer_creation/index.json

@@ -7,6 +7,7 @@
         "benefit_portal": "@:{'terms.glossary.kundportal'}",
         "benefit_portal_desc": "@.capitalize:{'terms.glossary.anvand'} kundportalen @:{'terms.glossary.for'} @:{'terms.glossary.att'} @:{'terms.glossary.lagga'} @:{'terms.glossary.till'} @:{'terms.glossary.fordon'}, @:{'terms.glossary.boka'} @:{'terms.glossary.tvattar'}, @:{'terms.glossary.ladda'} @:{'terms.glossary.ner'} @:{'terms.glossary.fakturor'}, @:{'terms.glossary.tvattcertifikat'} @:{'terms.glossary.och'} @:{'terms.glossary.information'} @:{'terms.glossary.om'} @:{'terms.glossary.historiska'} @:{'terms.glossary.tvattar'}",
         "benefit_wash_desc": "@.capitalize:{'terms.glossary.anvand'} @:{'terms.glossary.vart'} @:{'terms.glossary.nationella'} @:{'terms.glossary.natverk'} @:{'terms.glossary.av'} @:{'terms.glossary.tvatthallar'} @:{'terms.glossary.till'} @:{'terms.glossary.konkurrenskraftiga'} @:{'terms.glossary.priser'}",
+        "ean_label": "@:{'phrases.compat.admin.pos.ean'}",
         "email_label": "Företagets @:{'terms.glossary.e'}-@:{'terms.glossary.post'}",
         "intro": "@.capitalize:{'terms.glossary.som'} @:{'terms.glossary.kund'} @:{'terms.glossary.hos'} @:{'terms.glossary.truck'} @.capitalize:{'terms.glossary.wash'} @:{'terms.glossary.far'} @:{'terms.glossary.du'} @:{'terms.glossary.tillgang'} @:{'terms.glossary.till'}:",
         "phone_label": "@:{'phrases.compat.admin.pos.company_phone'}",

src/i18n/source/sv/phrases/compat/departments/index.json

@@ -21,6 +21,13 @@
       "opening_hours": {
         "closed": "Stengt"
       },
+      "pricing": {
+        "custom_pricing_disabled": "Fallback aktiv",
+        "custom_pricing_enabled": "Endast egna priser",
+        "custom_pricing_missing_price": "Saknade avdelningspriser blir 999999.",
+        "custom_pricing_only": "Inga fallback-priser",
+        "effective_department_price": "Effektivt avdelningspris"
+      },
       "search_placeholder": "@:{'terms.glossary.sok'} @:{'terms.glossary.efter'} @:{'terms.glossary.avdelningsnamn'}",
       "select_department": "@:{'terms.glossary.velg'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.avdeling'}",
       "subtitle": "@:{'terms.glossary.administrer'} @:{'terms.glossary.avdelinger'}",

src/i18n/source/sv/phrases/compat/objects/index.json

@@ -140,6 +140,7 @@
       "departments": {
         "columns": {
           "archived": "Arkiverad",
+          "custom_pricing_only": "@:{'phrases.compat.departments.pricing.custom_pricing_only'}",
           "dimension": "Dimension",
           "economic_department": "@:{'phrases.compat.objects.economic_departments.single'}",
           "latitude": "Latitude",

src/i18n/source/sv/phrases/compat/user_admin/index.json

@@ -14,6 +14,31 @@
         "transaction_history": "@:{'phrases.compat.superuser.nav.orders'}"
       },
       "other": "Andet",
+      "overview": {
+        "active_vehicles": "Aktiva fordon",
+        "attributes": "Attribut",
+        "connected": "Ansluten",
+        "customer_management": "Kundhantering",
+        "customer_number_required": "Ett kundnummer krävs innan kundinställningar kan hanteras.",
+        "customer_rules": "Kundregler",
+        "effective_access": "Effektiv åtkomst",
+        "loaded": "Inläst",
+        "load_failed": "Användardata kunde inte läsas in",
+        "loading_user": "Läser in användare",
+        "management_hub": "Administration",
+        "missing": "Saknas",
+        "more_permissions": "+{count} fler behörigheter",
+        "no_subscription_transactions": "Inga tvättabonnemangstransaktioner är registrerade för kunden.",
+        "not_invoiced": "Ej fakturerat",
+        "open_draft": "Öppet utkast",
+        "open_vehicles": "Öppna fordon",
+        "price_overrides": "Prisöverskrivningar",
+        "pricing": "Priser",
+        "subscription_invoicing": "Abonnemangsfakturering",
+        "subtitle": "Översikt över kunddata, åtkomst, priser, fordon och abonnemangsfakturering.",
+        "vehicles_load_failed": "Fordon kunde inte läsas in.",
+        "workspace_shortcuts": "Arbetsyta"
+      },
       "permissions": "Tilladelser",
       "user_data": "Brugerdata",
       "user_id": "Användar-@.upper:{'terms.glossary.id'}",

src/i18n/source/sv/phrases/compat/vehicles/index.json

@@ -2,6 +2,20 @@
   "compat": {
     "vehicles": {
       "add": "@:{'terms.glossary.lagg'} @:{'terms.glossary.till'} @:{'terms.glossary.fordon'}",
+      "add_modal": {
+        "customer_label": "Kund",
+        "customer_placeholder": "Sök efter kundnamn eller kundnummer",
+        "error": "Det gick inte att lägga till fordon.",
+        "no_customer_results": "Inga kunder hittades",
+        "reference_placeholder": "Valfri referens",
+        "registration_placeholder": "Registreringsnummer",
+        "selected_customer": "Vald kund",
+        "submit": "Lägg till fordon",
+        "title": "Lägg till fordon",
+        "type_load_error": "Det gick inte att läsa in fordonstyper.",
+        "type_placeholder": "Välj fordonstyp",
+        "validation_error": "Välj kund, registreringsnummer och fordonstyp."
+      },
       "brand": "Märke",
       "color": "Färg",
       "delete_vehicle": "@.capitalize:{'terms.glossary.ta'} @:{'terms.glossary.bort'} @:{'terms.glossary.fordon'}",

src/router.js

@@ -442,6 +442,12 @@ export const router = createRouter({
 		},
 		{
 			name: 'limitedBackofficeEmployees',
+			path: '/backoffice/departments/:departmentId/employees',
+			component: LimitedBackofficeEmployees,
+			meta: { middleware: authMiddleware, titleKey: 'templates.limited_backoffice.employees.title' }
+		},
+		{
+			name: 'limitedBackofficeEmployeesLegacy',
 			path: '/backoffice/employees',
 			component: LimitedBackofficeEmployees,
 			meta: { middleware: authMiddleware, titleKey: 'templates.limited_backoffice.employees.title' }

src/services/economicCustomerIdentifiers.js

@@ -0,0 +1,12 @@
+export function normalizeEconomicEan(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+
+  return String(value).replace(/\D+/g, "");
+}
+
+export function economicEanPayloadValue(value) {
+  const normalized = normalizeEconomicEan(value);
+  return normalized === "" ? undefined : normalized;
+}

src/views/backoffice/LimitedBackofficeEmployees.vue

@@ -1,6 +1,7 @@
 <script setup>
-import { computed, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
 import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import LimitedBackofficeLayout from "@/views/backoffice/components/LimitedBackofficeLayout.vue";
@@ -33,6 +34,14 @@ const loadQRCodeModule = () => {
 };
 
 const { t } = useI18n();
+const route = useRoute();
+const router = useRouter();
+const countryCodeLabels = {
+  denmark: () => t("templates.limited_backoffice.employees.country_codes.denmark"),
+  sweden: () => t("templates.limited_backoffice.employees.country_codes.sweden"),
+  norway: () => t("templates.limited_backoffice.employees.country_codes.norway"),
+  finland: () => t("templates.limited_backoffice.employees.country_codes.finland"),
+};
 const departments = ref([]);
 const roles = ref([]);
 const employees = ref([]);
@@ -60,6 +69,19 @@ const form = ref({
   department_ids: [],
 });
 
+const selectedDepartmentId = computed(() => {
+  const departmentId = Number.parseInt(String(route.params.departmentId ?? ""), 10);
+  return Number.isInteger(departmentId) && departmentId > 0 ? departmentId : null;
+});
+
+const selectedDepartment = computed(() =>
+  departments.value.find((department) => Number(department.id) === selectedDepartmentId.value) || null
+);
+
+const hasForbiddenDepartment = computed(
+  () => selectedDepartmentId.value !== null && departments.value.length > 0 && !selectedDepartment.value
+);
+
 const roleMessages = computed(() => ({
   viewer: {
     label: t("templates.limited_backoffice.roles.viewer.label"),
@@ -256,7 +278,7 @@ const countryCodeLabel = (countryCode) => {
   if (!option) {
     return "";
   }
-  return `${option.flag} +${option.value} ${t(`templates.limited_backoffice.employees.country_codes.${option.labelKey}`)}`;
+  return `${option.flag} +${option.value} ${countryCodeLabels[option.labelKey]?.() || ""}`;
 };
 
 const formatEmployeePhone = (employee) => {
@@ -272,11 +294,23 @@ const sanitizePhone = (event) => {
 
 const absoluteLoginLink = (loginPath) => new URL(String(loginPath || ""), window.location.origin).toString();
 
+const visibleEmployees = computed(() => {
+  if (!selectedDepartmentId.value) {
+    return employees.value;
+  }
+
+  return employees.value.filter((employee) =>
+    (employee.departments || []).some((department) => Number(department.id) === selectedDepartmentId.value)
+  );
+});
+
 const loadEmployees = async () => {
   const response = await getLimitedBackofficeEmployees({ includeInactive: includeInactive.value });
   employees.value = unwrapLimitedBackofficeResponse(response) || [];
 };
 
+const defaultDepartmentIds = () => (selectedDepartment.value?.id ? [Number(selectedDepartment.value.id)] : []);
+
 const loadData = async () => {
   loading.value = true;
   errorMessage.value = "";
@@ -291,6 +325,18 @@ const loadData = async () => {
     if (!ROLE_KEYS.includes(form.value.role_key) || !roles.value.some((role) => role.key === form.value.role_key)) {
       form.value.role_key = roles.value[0]?.key || "viewer";
     }
+
+    const firstDepartment = departments.value[0] || null;
+    if (!selectedDepartmentId.value && firstDepartment?.id) {
+      await router.replace(`/backoffice/departments/${firstDepartment.id}/employees`);
+    }
+
+    resetForm();
+    if (hasForbiddenDepartment.value) {
+      employees.value = [];
+      return;
+    }
+
     await loadEmployees();
   } catch (error) {
     errorMessage.value = limitedBackofficeErrorMessage(
@@ -312,7 +358,7 @@ const resetForm = () => {
     phone: "",
     password: "",
     role_key: roles.value[0]?.key || "viewer",
-    department_ids: [],
+    department_ids: defaultDepartmentIds(),
   };
 };
 
@@ -479,7 +525,16 @@ const closeEmployeeLoginLink = () => {
   loginLinkCopyMessage.value = "";
 };
 
+const changeDepartment = async (departmentId) => {
+  await router.push(`/backoffice/departments/${departmentId}/employees`);
+};
+
 const reloadEmployees = async () => {
+  if (hasForbiddenDepartment.value) {
+    employees.value = [];
+    return;
+  }
+
   loading.value = true;
   errorMessage.value = "";
   try {
@@ -497,12 +552,36 @@ const reloadEmployees = async () => {
 onMounted(() => {
   void loadData();
 });
+
+watch(
+  () => selectedDepartmentId.value,
+  async (nextDepartmentId, previousDepartmentId) => {
+    if (nextDepartmentId === previousDepartmentId || loading.value || departments.value.length === 0) {
+      return;
+    }
+
+    resetForm();
+    await reloadEmployees();
+  }
+);
 </script>
 
 <template>
   <RestrictedPageWrapper :hasPermission="SessionUser.hasPermission('limited_backoffice_access')">
-    <LimitedBackofficeLayout active-tab="employees" :departments="departments">
-      <div class="columns is-variable is-5">
+    <LimitedBackofficeLayout
+      active-tab="employees"
+      :departments="departments"
+      :selected-department-id="selectedDepartmentId"
+      :loading-departments="loading"
+      show-department-switcher
+      @change-department="changeDepartment"
+    >
+      <div v-if="hasForbiddenDepartment" class="notification is-danger is-light" data-testid="limited-employees-forbidden">
+        <strong>{{ t("templates.limited_backoffice.forbidden.title") }}</strong>
+        <p>{{ t("templates.limited_backoffice.forbidden.department") }}</p>
+      </div>
+
+      <div v-else class="columns is-variable is-5">
         <div class="column is-5">
           <form class="box limited-employee-form" data-testid="limited-employee-form" @submit.prevent="saveEmployee">
             <h2 class="title is-5">
@@ -726,11 +805,15 @@ onMounted(() => {
             {{ successMessage }}
           </div>
 
-          <div v-if="!loading && employees.length === 0" class="notification is-light" data-testid="limited-employees-empty">
+          <div
+            v-if="!loading && visibleEmployees.length === 0"
+            class="notification is-light"
+            data-testid="limited-employees-empty"
+          >
             {{ t("templates.limited_backoffice.employees.empty") }}
           </div>
 
-          <div v-if="!loading && employees.length > 0" class="table-container">
+          <div v-if="!loading && visibleEmployees.length > 0" class="table-container">
             <table class="table is-fullwidth is-hoverable limited-employees-table" data-testid="limited-employees-table">
               <thead>
                 <tr>
@@ -743,7 +826,7 @@ onMounted(() => {
                 </tr>
               </thead>
               <tbody>
-                <tr v-for="employee in employees" :key="employee.id" :data-testid="`limited-employee-row-${employee.id}`">
+                <tr v-for="employee in visibleEmployees" :key="employee.id" :data-testid="`limited-employee-row-${employee.id}`">
                   <td>
                     <span class="tag is-light" :data-testid="`limited-employee-user-id-${employee.id}`">
                       {{ employee.user_id || employee.id }}

src/views/backoffice/LimitedBackofficeHome.vue

@@ -17,6 +17,10 @@ const departments = ref([]);
 const loading = ref(false);
 const errorMessage = ref("");
 
+const changeDepartment = async (departmentId) => {
+  await router.push(`/backoffice/departments/${departmentId}/prices`);
+};
+
 const loadDepartments = async () => {
   loading.value = true;
   errorMessage.value = "";
@@ -38,10 +42,6 @@ const loadDepartments = async () => {
   }
 };
 
-const changeDepartment = async (departmentId) => {
-  await router.push(`/backoffice/departments/${departmentId}/prices`);
-};
-
 onMounted(() => {
   void loadDepartments();
 });

src/views/backoffice/components/LimitedBackofficeLayout.vue

@@ -35,6 +35,12 @@ const pricesRoute = computed(() =>
     : "/backoffice"
 );
 
+const employeesRoute = computed(() =>
+  props.selectedDepartmentId
+    ? `/backoffice/departments/${encodeURIComponent(String(props.selectedDepartmentId))}/employees`
+    : "/backoffice/employees"
+);
+
 const tabs = computed(() => [
   {
     key: "prices",
@@ -44,7 +50,7 @@ const tabs = computed(() => [
   {
     key: "employees",
     label: t("templates.limited_backoffice.nav.employees"),
-    to: "/backoffice/employees",
+    to: employeesRoute.value,
   },
 ]);
 
@@ -62,8 +68,37 @@ const selectDepartment = (event) => {
   <section class="section limited-backoffice" data-testid="limited-backoffice">
     <PageTitle
       :title="t('templates.limited_backoffice.title')"
-      :subtitle="t('templates.limited_backoffice.subtitle')"
-    />
+    >
+      <template #buttons>
+        <div v-if="props.showDepartmentSwitcher" class="field limited-backoffice__department-field">
+          <label class="label is-sr-only" for="limited-backoffice-department">
+            {{ t("templates.limited_backoffice.department") }}
+          </label>
+          <div class="control">
+            <div class="select is-small is-fullwidth">
+              <select
+                id="limited-backoffice-department"
+                :value="props.selectedDepartmentId || ''"
+                :disabled="props.loadingDepartments || props.departments.length === 0"
+                data-testid="limited-backoffice-department-select"
+                @change="selectDepartment"
+              >
+                <option value="" disabled>
+                  {{ t("templates.limited_backoffice.select_department") }}
+                </option>
+                <option v-for="department in props.departments" :key="department.id" :value="department.id">
+                  {{ department.name }}
+                </option>
+              </select>
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <p class="is-size-6 limited-backoffice__subtitle">
+        {{ t("templates.limited_backoffice.subtitle") }}
+      </p>
+    </PageTitle>
 
     <div class="limited-backoffice__toolbar">
       <div class="tabs is-toggle is-small limited-backoffice__tabs" data-testid="limited-backoffice-tabs">
@@ -75,30 +110,6 @@ const selectDepartment = (event) => {
           </li>
         </ul>
       </div>
-
-      <div v-if="props.showDepartmentSwitcher" class="field limited-backoffice__department-field">
-        <label class="label" for="limited-backoffice-department">
-          {{ t("templates.limited_backoffice.department") }}
-        </label>
-        <div class="control">
-          <div class="select is-fullwidth">
-            <select
-              id="limited-backoffice-department"
-              :value="props.selectedDepartmentId || ''"
-              :disabled="props.loadingDepartments || props.departments.length === 0"
-              data-testid="limited-backoffice-department-select"
-              @change="selectDepartment"
-            >
-              <option value="" disabled>
-                {{ t("templates.limited_backoffice.select_department") }}
-              </option>
-              <option v-for="department in props.departments" :key="department.id" :value="department.id">
-                {{ department.name }}
-              </option>
-            </select>
-          </div>
-        </div>
-      </div>
     </div>
 
     <slot />
@@ -112,10 +123,8 @@ const selectDepartment = (event) => {
 
 .limited-backoffice__toolbar {
   display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: 1rem;
-  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
   margin-bottom: 1.25rem;
 }
 
@@ -123,8 +132,12 @@ const selectDepartment = (event) => {
   margin-bottom: 0;
 }
 
+.limited-backoffice__subtitle {
+  margin-top: -0.75rem;
+}
+
 .limited-backoffice__department-field {
-  min-width: min(100%, 260px);
+  min-width: min(42vw, 280px);
   margin-bottom: 0;
 }
 
@@ -138,11 +151,18 @@ const selectDepartment = (event) => {
     align-items: stretch;
   }
 
-  .limited-backoffice__tabs,
-  .limited-backoffice__department-field {
+  .limited-backoffice__tabs {
     width: 100%;
   }
 
+  .limited-backoffice__department-field {
+    min-width: 9rem;
+  }
+
+  .limited-backoffice__subtitle {
+    margin-top: -0.5rem;
+  }
+
   .limited-backoffice__tabs :deep(ul) {
     width: 100%;
   }

src/views/dashboards/UserDashboard.vue

@@ -2,9 +2,10 @@
 import SessionUser from "@/components/session/token/SessionUser.vue";
 import WhiteBoxCard from "@/components/displays/boxes/WhiteBoxCard.vue";
 import SubuserGrantSelector from "@/components/session/subuser/SubuserGrantSelector.vue";
-import {ref, onMounted, nextTick, computed, onUnmounted} from "vue";
+import {ref, onMounted, nextTick, computed, onUnmounted, watch} from "vue";
 import { IS_DEV } from '@/config.js';
 import {BLoading} from "buefy";
+import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
 
 /**
  * Subuser grant selection gate
@@ -76,6 +77,59 @@ const canShowVehicleShortcut = computed(() => SessionUser.canAccessCustomerFeatu
 const canShowOrderShortcut = computed(() => SessionUser.canAccessCustomerFeature("orders", "list"));
 const canShowSelfServeShortcut = computed(() => SessionUser.canAccessCustomerFeature("selfserve", "list"));
 const canShowInvoiceShortcut = computed(() => canShowClassicCustomerShortcut());
+const hasInvoicesAvailable = ref(false);
+const isCheckingInvoiceAvailability = ref(true);
+const canDownloadInvoices = computed(() => canShowInvoiceShortcut.value && hasInvoicesAvailable.value && !isCheckingInvoiceAvailability.value);
+
+const responseHasInvoices = (response: any) => {
+  const total = Number(response?.data?.meta?.pagination?.total);
+  if (Number.isFinite(total) && total > 0) {
+    return true;
+  }
+
+  return Array.isArray(response?.data?.data) && response.data.data.length > 0;
+};
+
+const resetInvoiceAvailability = () => {
+  hasInvoicesAvailable.value = false;
+  isCheckingInvoiceAvailability.value = false;
+};
+
+const loadInvoiceAvailability = async () => {
+  if (!canShowInvoiceShortcut.value) {
+    resetInvoiceAvailability();
+    return;
+  }
+
+  isCheckingInvoiceAvailability.value = true;
+
+  try {
+    const response = await authenticatedRequest("/user/invoices", "GET", {
+      page: 1,
+      limit: 1,
+      order: "created_at:desc",
+    });
+    hasInvoicesAvailable.value = responseHasInvoices(response);
+  } catch (_error) {
+    hasInvoicesAvailable.value = false;
+  } finally {
+    isCheckingInvoiceAvailability.value = false;
+    setEqualHeights();
+  }
+};
+
+watch(
+  canShowInvoiceShortcut,
+  (canShow) => {
+    if (canShow) {
+      void loadInvoiceAvailability();
+      return;
+    }
+
+    resetInvoiceAvailability();
+  },
+  { immediate: true }
+);
 
 const windowInnerWidth = ref(window.innerWidth);
 const updateWindowInnerWidth = () => {
@@ -291,9 +345,26 @@ const isPermissionsLoading = computed(() => {
           </template>
           <template #footer>
             <div class="card-footer-item">
-              <router-link to="/user/invoices" class="button is-link is-fullwidth" :class="classes.button" id="download-invoices-button">
+              <router-link
+                v-if="canDownloadInvoices"
+                to="/user/invoices"
+                class="button is-link is-fullwidth"
+                :class="classes.button"
+                id="download-invoices-button"
+              >
                 {{ $t('user_home.download_invoices') }}
               </router-link>
+              <button
+                v-else
+                class="button is-link is-fullwidth"
+                :class="[classes.button, { 'is-loading': isCheckingInvoiceAvailability }]"
+                id="download-invoices-button"
+                type="button"
+                disabled
+                aria-disabled="true"
+              >
+                {{ $t('user_home.download_invoices') }}
+              </button>
             </div>
           </template>
         </WhiteBoxCard>

src/views/dashboards/departmentDashboard/modules/Pos/DepartmentPosOrder.vue

@@ -370,8 +370,12 @@ const isInvoiced = () => {
   return isInvoicedWithEconomic() || isInvoicedWithStripe();
 };
 
-const isBookedWithEconomic = () => {
-  return economicModule.value.invoice_id !== null;
+const hasEconomicInvoiceDownloadContext = () => {
+  const module = economicModule.value || {};
+  return (
+    Object.prototype.hasOwnProperty.call(module, 'invoice_id') ||
+    Object.prototype.hasOwnProperty.call(module, 'invoice_draft_id')
+  );
 };
 
 const isCompleted = () => {
@@ -1376,7 +1380,11 @@ const isDisplayingReceipt = () => {
 
       <template #rail-actions>
         <ButtonsBox class="pos-actions pos-actions--rail">
-          <GetOrderInvoicePDFButton :invoice_id="economicModule.invoice_id" class="is-fullwidth" v-if="isBookedWithEconomic()" />
+          <GetOrderInvoicePDFButton
+            :invoice_id="economicModule.invoice_id"
+            class="is-fullwidth"
+            v-if="hasEconomicInvoiceDownloadContext()"
+          />
           <div
             v-if="isEconomicExportBlocked"
             class="message is-warning is-light"

src/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue

@@ -77,6 +77,15 @@ const normalizeMetricState = (metric, fallbackState = "ready", fallbackMessage =
   message: metric?.message || fallbackMessage,
 });
 
+const normalizeNullableNumber = (value) => {
+  if (value === null || value === undefined || value === "") {
+    return null;
+  }
+
+  const normalized = Number(value);
+  return Number.isFinite(normalized) ? normalized : null;
+};
+
 const resetOverviewState = () => {
   count_transactions.value = 0;
   count_products_sold.value = 0;
@@ -149,6 +158,8 @@ const applyOverviewResponse = (overview) => {
         value: Number(product.value || 0),
         out_of: Number(product.out_of || 0),
         state: product.state || "ready",
+        target_percentage: normalizeNullableNumber(product.target_percentage),
+        target_department_id: normalizeNullableNumber(product.target_department_id),
       },
     ])
   );

src/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportCount.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch, onMounted, computed } from 'vue';
+import { ref, watch, onMounted, computed, nextTick } from 'vue';
 import {BSkeleton} from "buefy";
 import { useI18n } from 'vue-i18n';
 
@@ -76,6 +76,18 @@ const props = defineProps({
       type: Function,
       default: () => {}
     },
+    canEditTarget: {
+      type: Boolean,
+      default: false,
+    },
+    targetPercentage: {
+      type: [Number, String],
+      default: null,
+    },
+    saveTargetFunction: {
+      type: Function,
+      default: null,
+    },
     styleContent: {
       type: Object,
       default: () => {
@@ -84,6 +96,12 @@ const props = defineProps({
     }
 });
 const percentageElement = ref<HTMLElement|null>(null);
+const targetInputElement = ref<HTMLInputElement|null>(null);
+const isTargetEditorOpen = ref(false);
+const targetInputValue = ref("");
+const isSavingTarget = ref(false);
+const targetError = ref("");
+
 const getPercentage = () => {
   if (props.state !== "ready") {
     return null;
@@ -93,6 +111,91 @@ const getPercentage = () => {
   }
   return null;
 }
+
+const formatPercentageValue = (value: number) => `${value.toFixed(1)}%`;
+const normalizedTargetPercentage = computed(() => {
+  if (props.targetPercentage === null || props.targetPercentage === undefined || props.targetPercentage === "") {
+    return null;
+  }
+
+  const numericTarget = Number(props.targetPercentage);
+  return Number.isFinite(numericTarget) ? numericTarget : null;
+});
+const hasTargetPercentage = computed(() => normalizedTargetPercentage.value !== null);
+const formattedTargetPercentage = computed(() => (
+  normalizedTargetPercentage.value === null ? "" : formatPercentageValue(normalizedTargetPercentage.value)
+));
+const canUseTargetEditor = computed(() => Boolean(
+  props.canEditTarget && props.saveTargetFunction && getPercentage() !== null && !props.isLoading
+));
+const percentageButtonTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-percentage-button` : null));
+const targetButtonTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-target-button` : null));
+const targetInputTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-target-input` : null));
+const targetSaveTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-target-save` : null));
+const targetCancelTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-target-cancel` : null));
+const targetErrorTestid = computed(() => (props.dataTestid ? `${props.dataTestid}-target-error` : null));
+
+const openTargetEditor = async () => {
+  if (!canUseTargetEditor.value) {
+    return;
+  }
+
+  targetInputValue.value = normalizedTargetPercentage.value === null
+    ? ""
+    : String(normalizedTargetPercentage.value);
+  targetError.value = "";
+  isTargetEditorOpen.value = true;
+  await nextTick();
+  targetInputElement.value?.focus();
+  autoAdjustedFontSizeTitle.value = determineTitleFontSize(props.title);
+};
+
+const closeTargetEditor = () => {
+  targetError.value = "";
+  isTargetEditorOpen.value = false;
+  nextTick(() => {
+    autoAdjustedFontSizeTitle.value = determineTitleFontSize(props.title);
+  });
+};
+
+const parseTargetInputValue = () => {
+  const rawValue = String(targetInputValue.value || "").trim().replace(",", ".");
+  if (rawValue === "") {
+    return { valid: true, value: null };
+  }
+
+  const numericTarget = Number(rawValue);
+  if (!Number.isFinite(numericTarget) || numericTarget < 0 || numericTarget > 100) {
+    return { valid: false, value: null };
+  }
+
+  return { valid: true, value: Math.round(numericTarget * 10) / 10 };
+};
+
+const saveTarget = async () => {
+  if (!canUseTargetEditor.value || isSavingTarget.value) {
+    return;
+  }
+
+  const parsedTarget = parseTargetInputValue();
+  if (!parsedTarget.valid) {
+    targetError.value = t("admin.daily_report.product_targets.validation_range");
+    return;
+  }
+
+  isSavingTarget.value = true;
+  targetError.value = "";
+  try {
+    await props.saveTargetFunction(parsedTarget.value);
+    closeTargetEditor();
+  } catch (error) {
+    console.error("Failed to save daily report product target", error);
+    targetError.value = t("admin.daily_report.product_targets.save_error");
+  } finally {
+    isSavingTarget.value = false;
+  }
+};
+
 const getAveragePercentage = () => {
   return null; // TODO: Average percentage
 }
@@ -166,6 +269,11 @@ watch(() => props.count, (newVal) => {
   autoAdjustedFontSize.value = determineFontSize(newVal);
   determineTitleFontSize(props.title);
 }, { immediate: true });
+watch(() => [props.targetPercentage, isTargetEditorOpen.value], () => {
+  nextTick(() => {
+    autoAdjustedFontSizeTitle.value = determineTitleFontSize(props.title);
+  });
+}, { immediate: true });
 
 onMounted(() => {
     autoAdjustedFontSizeTitle.value = determineTitleFontSize(props.title);
@@ -180,12 +288,19 @@ const isUnavailable = computed(() => props.state === "unavailable");
 <template>
   <div class="card" @click="clickFunction" :data-testid="dataTestid || null">
     <div class="card-content" :style="styleContent">
-      <div class="is-pulled-right has-text-right is-flex is-flex-direction-column is-4" style="gap: 4px;" v-if="getPercentage() !== null" ref="percentageElement">
-        <button class="button is-small is-info" :class="{
+      <div class="daily-report-count__percentage-stack has-text-right is-flex is-flex-direction-column is-4" v-if="getPercentage() !== null" ref="percentageElement">
+        <button
+          type="button"
+          class="button is-small is-info"
+          :class="{
           'has-background-success has-text-black': getAveragePercentage() !== null && isAverage(),
           'has-background-danger has-text-black': getAveragePercentage() !== null && !isAverage(),
           'is-outlined': getAveragePercentage() === null
-        }">
+        }"
+          :aria-label="canUseTargetEditor ? t('admin.daily_report.product_targets.edit_aria') : null"
+          :data-testid="percentageButtonTestid"
+          @click.stop="openTargetEditor"
+        >
           <!--<span class="icon is-small">
             <i class="fas fa-sync-alt"></i>
           </span>-->
@@ -197,6 +312,75 @@ const isUnavailable = computed(() => props.state === "unavailable");
           </template>
         </button>
 
+        <form
+          v-if="isTargetEditorOpen"
+          class="daily-report-count__target-editor"
+          @submit.prevent.stop="saveTarget"
+          @click.stop
+        >
+          <div class="field has-addons daily-report-count__target-editor-controls">
+            <div class="control">
+              <input
+                ref="targetInputElement"
+                v-model="targetInputValue"
+                class="input is-small daily-report-count__target-input"
+                type="number"
+                min="0"
+                max="100"
+                step="0.1"
+                inputmode="decimal"
+                :aria-label="t('admin.daily_report.product_targets.input_label')"
+                :data-testid="targetInputTestid"
+              >
+            </div>
+            <div class="control">
+              <button
+                class="button is-small is-success"
+                type="submit"
+                :class="{ 'is-loading': isSavingTarget }"
+                :aria-label="t('admin.daily_report.product_targets.save_aria')"
+                :data-testid="targetSaveTestid"
+              >
+                <span class="icon is-small">
+                  <i class="fas fa-check"></i>
+                </span>
+              </button>
+            </div>
+            <div class="control">
+              <button
+                class="button is-small"
+                type="button"
+                :aria-label="t('admin.daily_report.product_targets.cancel_aria')"
+                :data-testid="targetCancelTestid"
+                @click.stop="closeTargetEditor"
+              >
+                <span class="icon is-small">
+                  <i class="fas fa-times"></i>
+                </span>
+              </button>
+            </div>
+          </div>
+          <p
+            v-if="targetError"
+            class="help is-danger daily-report-count__target-error"
+            :data-testid="targetErrorTestid"
+          >
+            {{ targetError }}
+          </p>
+        </form>
+
+        <button
+          v-else-if="hasTargetPercentage"
+          type="button"
+          class="button is-small is-info is-outlined daily-report-count__target-button"
+          :aria-label="canUseTargetEditor ? t('admin.daily_report.product_targets.edit_aria') : null"
+          :data-testid="targetButtonTestid"
+          @click.stop="openTargetEditor"
+        >
+          <i class="fas fa-bullseye daily-report-count__target-background-icon" aria-hidden="true"></i>
+          <span class="daily-report-count__target-value">{{ formattedTargetPercentage }}</span>
+        </button>
+
         <button v-if="getAveragePercentage()" class="button is-small is-info is-outlined">
           <!--<span class="icon is-small">
             <i class="fas fa-sync-alt"></i>
@@ -282,5 +466,56 @@ const isUnavailable = computed(() => props.state === "unavailable");
 </template>
 
 <style scoped>
+.card-content {
+  position: relative;
+}
+
+.daily-report-count__percentage-stack {
+  align-items: flex-end;
+  gap: 4px;
+  position: absolute;
+  right: 1.25rem;
+  top: 1.25rem;
+  z-index: 2;
+}
+
+.daily-report-count__target-button {
+  min-width: 64px;
+  overflow: hidden;
+  position: relative;
+}
+
+.daily-report-count__target-background-icon {
+  font-size: 1.35rem;
+  left: 50%;
+  opacity: 0.16;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.daily-report-count__target-value {
+  position: relative;
+  z-index: 1;
+}
+
+.daily-report-count__target-editor {
+  width: 154px;
+}
+
+.daily-report-count__target-editor-controls {
+  justify-content: flex-end;
+  margin-bottom: 0;
+}
+
+.daily-report-count__target-input {
+  max-width: 68px;
+  text-align: right;
+}
+
+.daily-report-count__target-error {
+  max-width: 154px;
+  white-space: normal;
+}
 
 </style>

src/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportProductSales.vue

@@ -1,9 +1,16 @@
 <script setup>
 import { computed } from "vue";
 import { Colors } from "@/ThemeConfig.vue";
-import { daily_report_products } from "@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue";
+import { SessionUser } from "@/components/session/token/SessionUser.vue";
+import {
+  daily_report_products,
+  refreshOverview,
+  selected_department_ids,
+} from "@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue";
 import DepartmentDashboardDailyReportCount from "@/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportCount.vue";
 
+const SET_PRODUCT_TARGET_PERMISSION = "set_department_daily_report_product_targets";
+
 const FALLBACK_PRODUCT_TITLES = {
   24: "Spot Free (Lastbil)",
   25: "Fælg flex pr. enhed",
@@ -51,6 +58,8 @@ const productTile = computed(() => {
     out_of: 0,
     state: "ready",
     message: null,
+    target_percentage: null,
+    target_department_id: null,
   };
 });
 
@@ -70,6 +79,59 @@ const resolvedTitle = computed(() => {
 
   return FALLBACK_PRODUCT_TITLES[props.product_id] || null;
 });
+
+const selectedDepartmentId = computed(() => {
+  const selectedDepartmentIds = Array.isArray(selected_department_ids.value)
+    ? selected_department_ids.value.map((departmentId) => Number(departmentId)).filter((departmentId) => departmentId > 0)
+    : [];
+
+  return selectedDepartmentIds.length === 1 ? selectedDepartmentIds[0] : null;
+});
+
+const targetPercentage = computed(() => {
+  const target = productTile.value?.target_percentage;
+  if (target === null || target === undefined || target === "") {
+    return null;
+  }
+
+  const numericTarget = Number(target);
+  return Number.isFinite(numericTarget) ? numericTarget : null;
+});
+
+const canEditProductTarget = computed(() => Boolean(
+  selectedDepartmentId.value !== null && SessionUser.hasPermission(SET_PRODUCT_TARGET_PERMISSION)
+));
+
+const saveProductTarget = async (nextTargetPercentage) => {
+  const departmentId = selectedDepartmentId.value;
+  if (departmentId === null) {
+    return null;
+  }
+
+  const response = await SessionUser.objects.department_daily_reports.functions.setProductTarget({
+    department_id: departmentId,
+    product_id: props.product_id,
+    target_percentage: nextTargetPercentage,
+  });
+  const savedTarget = response?.data?.data?.target_percentage ?? nextTargetPercentage;
+  const normalizedTarget = savedTarget === null || savedTarget === undefined || savedTarget === ""
+    ? null
+    : Number(savedTarget);
+
+  daily_report_products.value = {
+    ...daily_report_products.value,
+    [props.product_id]: {
+      ...productTile.value,
+      product_id: props.product_id,
+      target_percentage: Number.isFinite(normalizedTarget) ? normalizedTarget : null,
+      target_department_id: Number.isFinite(normalizedTarget) ? departmentId : null,
+    },
+  };
+
+  await refreshOverview();
+
+  return response;
+};
 </script>
 
 <template>
@@ -83,6 +145,9 @@ const resolvedTitle = computed(() => {
     :isLoading="is_loading"
     :state="productTile.state || 'ready'"
     :unavailable-message="productTile.message || 'Ikke tilgængelig'"
+    :can-edit-target="canEditProductTarget"
+    :target-percentage="targetPercentage"
+    :save-target-function="saveProductTarget"
     :style-content="styleContent"
     :data-testid="dataTestid"
   />

src/views/dashboards/departmentDashboard/modules/notifications/DepartmentNotifications.vue

@@ -14,6 +14,16 @@ import NotificationsPhonePagination
         :title="$t('admin.notifications.title')"
         :subtitle="$t('admin.notifications.subtitle')"
     >
+      <header class="mb-5" data-testid="department-notifications-page-header">
+        <h1 class="title is-3 mb-2" data-testid="department-notifications-title">
+          {{ $t('admin.notifications.title') }}
+        </h1>
+        <p class="subtitle is-6 mb-0" data-testid="department-notifications-subtitle">
+          <span>{{ $t('admin.notifications.sms_overview') }}</span>
+          <br>
+          <span>{{ $t('admin.notifications.sms_activated_description') }}</span>
+        </p>
+      </header>
       <NotFoundFallBackPageWrapper :exists="SessionUser.functions.getDepartmentIdFromUrl() && SessionUser.canAccessDepartment(SessionUser.functions.getDepartmentIdFromUrl())" :error="$t('admin.errors.select_department')">
         <element-tabs-box
           defaultActiveTab="sms"
@@ -24,16 +34,6 @@ import NotificationsPhonePagination
           ]"
           >
           <template #sms>
-            <!-- What is this? -->
-            <div class="message">
-              <div class="message-header">
-                <p>{{ $t('admin.notifications.sms_notifications') }}</p>
-              </div>
-              <div class="message-body">
-                <p>{{ $t('admin.notifications.sms_overview') }}</p>
-                <p>{{ $t('admin.notifications.sms_activated_description') }}</p>
-              </div>
-            </div>
             <NotificationsPhonePagination />
           </template>
         </element-tabs-box>
@@ -44,4 +44,4 @@ import NotificationsPhonePagination
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/user/SuperUserDashboardUserNavigation.vue

@@ -1,45 +1,45 @@
 <script setup>
-import { useRouter} from "vue-router";
-import { ref } from 'vue';
-import { showAuthSignOutForm } from '@/components/forms/auth/authSignOutForm.vue';
-import UserNavigation from "@/components/global/UserNavigation.vue";
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-const router = useRouter();
-// Get the user from the route
-const userId = ref(router.currentRoute.value.params.userId)
 
-const tabs = [
-  { name: 'Overview', path: '/superuser/users/' + userId.value },
-  { name: 'Orders', path: '/superuser/users/' + userId.value + '/orders' },
-  { name: 'Pricing', path: '/superuser/users/' + userId.value + '/pricing' },
-  { name: 'Other', path: '/superuser/users/' + userId.value + '/other' },
-  { name: 'Vehicles', path: '/superuser/users/' + userId.value + '/vehicles' },
-  { name: SessionUser.superUser.modules.xlvask.meta.title, path: '/superuser/users/' + userId.value + '/xlvask' },
-];
+const route = useRoute();
+const { t } = useI18n();
 
-// Get the current path
-const currentPath = ref(router.currentRoute.value.path);
+const userId = computed(() => route.params.userId);
+const basePath = computed(() => `/superuser/users/${userId.value}`);
 
-// Get the index of the active tab
-const activeTab = tabs.findIndex(tab => tab.path === currentPath.value);
-
-// Change the tab
-const changeTab = (index) => {
-  router.push(tabs[index].path);
-};
+const tabs = computed(() => [
+  { key: "overview", name: t("nav.overview"), path: basePath.value },
+  { key: "orders", name: t("superuser.nav.orders"), path: `${basePath.value}/orders` },
+  { key: "pricing", name: t("user_admin.overview.pricing"), path: `${basePath.value}/pricing` },
+  { key: "other", name: t("user_admin.other"), path: `${basePath.value}/other` },
+  { key: "vehicles", name: t("common.vehicles"), path: `${basePath.value}/vehicles` },
+  { key: "xlvask", name: SessionUser.superUser.modules.xlvask.meta.title, path: `${basePath.value}/xlvask` },
+]);
 </script>
 
 <template>
-  <div>
-    <div class="tabs is-right">
+  <nav class="user-detail-tabs" data-testid="superuser-user-tabs">
+    <div class="tabs is-right is-boxed">
       <ul>
-        <li v-for="(tab, index) in tabs" :key="index" :class="{'is-active': activeTab === index}" @click="changeTab(index)">
-          <a>{{ tab.name }}</a>
+        <li v-for="tab in tabs" :key="tab.path" :class="{ 'is-active': route.path === tab.path }">
+          <router-link :to="tab.path" :data-testid="`superuser-user-tab-${tab.key}`">
+            {{ tab.name }}
+          </router-link>
         </li>
       </ul>
     </div>
-  </div>
+  </nav>
 </template>
 
 <style scoped>
-</style>
+.user-detail-tabs {
+  overflow-x: auto;
+}
+
+.tabs ul {
+  flex-wrap: nowrap;
+}
+</style>

src/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue

@@ -1,15 +1,91 @@
 <script>
-
-import {ref, watch} from "vue";
+import { ref, watch } from "vue";
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
-// Get the user from the route
+
 export const userId = ref(0);
+export const isUserLoading = ref(false);
+export const userLoadError = ref(null);
+export const selectedUserLoaded = ref(false);
+
+let activeLoadPromise = null;
+let activeLoadUserId = null;
+let loadRequestSequence = 0;
+
+const normalizeUserId = (id) => {
+  const parsed = Number.parseInt(String(id ?? ""), 10);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : 0;
+};
+
+const defaultKeys = () => ({
+  open_invoice_draft: null,
+});
+
+const economicFields = {
+  customerNumber: null,
+  name: null,
+  address: null,
+  zip: null,
+  city: null,
+  mobilePhone: null,
+  email: null,
+  cvr: null,
+  currency: null,
+  country: null,
+  barred: null,
+};
+
+const setEconomicData = (economicCustomer = {}) => {
+  user.economicData.customerNumber.value = economicCustomer?.customerNumber ?? null;
+  user.economicData.name.value = economicCustomer?.name ?? null;
+  user.economicData.address.value = economicCustomer?.address ?? null;
+  user.economicData.zip.value = economicCustomer?.zip ?? null;
+  user.economicData.city.value = economicCustomer?.city ?? null;
+  user.economicData.mobilePhone.value = economicCustomer?.mobilePhone ?? null;
+  user.economicData.email.value = economicCustomer?.email ?? null;
+  user.economicData.cvr.value = economicCustomer?.corporateIdentificationNumber ?? economicCustomer?.cvr ?? null;
+  user.economicData.currency.value = economicCustomer?.currency ?? null;
+  user.economicData.country.value = economicCustomer?.country ?? null;
+  user.economicData.barred.value = economicCustomer?.barred ?? false;
+};
+
+export const resetUser = ({ preserveUserId = false } = {}) => {
+  if (!preserveUserId) {
+    userId.value = 0;
+  }
+
+  user.id.value = "";
+  user.customer_number.value = "";
+  user.display_name.value = "";
+  user.email.value = "";
+  user.phone.value = null;
+  user.group_id.value = "";
+  user.created_at.value = "";
+  user.updated_at.value = "";
+  setEconomicData(economicFields);
+  user.permissions.value = [];
+  user.attributes.value = [];
+  user.discounts.value = [];
+  user.orders_not_invoiced.value = [];
+  user.keys.value = defaultKeys();
+  user.wash_subscription_transactions.value = [];
+  selectedUserLoaded.value = false;
+};
 
 export const setUser = (id) => {
-  userId.value = id;
-  // Load the user data
-  getUserData();
-}
+  const normalizedId = normalizeUserId(id);
+  if (!normalizedId) {
+    userLoadError.value = new Error("Invalid user id");
+    resetUser();
+    return Promise.resolve(null);
+  }
+
+  if (userId.value !== normalizedId) {
+    resetUser();
+    userId.value = normalizedId;
+  }
+
+  return getUserData(normalizedId);
+};
 
 export const onUserChange = (callback) => {
   watch(userId, (newValue) => {
@@ -17,48 +93,89 @@ export const onUserChange = (callback) => {
       callback(newValue);
     }
   });
-}
-
-
-
+};
 
 export const getUserCustomerNumber = () => {
   return user.customer_number.value;
-}
+};
+
+const applyUserData = (data = {}) => {
+  user.id.value = data.id ?? "";
+  user.customer_number.value = data.customer_number ?? "";
+  user.display_name.value = data.display_name ?? "";
+  user.email.value = data.email ?? "";
+  user.phone.value = data.phone ?? null;
+  user.group_id.value = data.group_id ?? "";
+  user.created_at.value = data.created_at ?? "";
+  user.updated_at.value = data.updated_at ?? "";
+  setEconomicData(data.economic_customer ?? {});
+  user.permissions.value = Array.isArray(data.permissions) ? data.permissions : [];
+  user.attributes.value = Array.isArray(data.attributes) ? data.attributes : [];
+  user.discounts.value = Array.isArray(data.discounts) ? data.discounts : [];
+  user.orders_not_invoiced.value = Array.isArray(data.orders_not_invoiced) ? data.orders_not_invoiced : [];
+  user.keys.value = data.keys && typeof data.keys === "object" ? { ...defaultKeys(), ...data.keys } : defaultKeys();
+  user.wash_subscription_transactions.value = Array.isArray(data.wash_subscription_transactions)
+      ? data.wash_subscription_transactions
+      : [];
+  selectedUserLoaded.value = true;
+};
 
 // Get the user data
-export const getUserData = async () => {
-  return await authenticatedRequest(`/superuser/user?user_id=${userId.value}`, "GET")
+export const getUserData = async (id = userId.value) => {
+  const normalizedId = normalizeUserId(id);
+  if (!normalizedId) {
+    userLoadError.value = new Error("Invalid user id");
+    resetUser();
+    return null;
+  }
+
+  if (activeLoadPromise && activeLoadUserId === normalizedId) {
+    return activeLoadPromise;
+  }
+
+  const requestId = ++loadRequestSequence;
+  activeLoadUserId = normalizedId;
+  isUserLoading.value = true;
+  userLoadError.value = null;
+
+  activeLoadPromise = authenticatedRequest(`/superuser/user?user_id=${normalizedId}`, "GET")
       .then((response) => {
-        user.id.value = response.data.data.id;
-        user.customer_number.value = response.data.data.customer_number;
-        user.group_id.value = response.data.data.group_id;
-        user.created_at.value = response.data.data.created_at;
-        user.updated_at.value = response.data.data.updated_at;
-        if (response.data.data.economic_customer.name) {
-          user.economicData.customerNumber.value = response.data.data.economic_customer.customerNumber;
-          user.economicData.name.value = response.data.data.economic_customer.name;
-          user.economicData.address.value = response.data.data.economic_customer.address;
-          user.economicData.zip.value = response.data.data.economic_customer.zip;
-          user.economicData.city.value = response.data.data.economic_customer.city;
-          user.economicData.mobilePhone.value = response.data.data.economic_customer.mobilePhone;
-          user.economicData.email.value = response.data.data.economic_customer.email;
-          user.economicData.cvr.value = response.data.data.economic_customer.corporateIdentificationNumber;
-          user.economicData.currency.value = response.data.data.economic_customer.currency;
-          user.economicData.country.value = response.data.data.economic_customer.country;
-          user.economicData.barred.value = response.data.data.economic_customer.barred ?? false;
+        if (requestId !== loadRequestSequence) {
+          return user;
         }
-        user.permissions.value = response.data.data.permissions;
-        user.attributes.value = response.data.data.attributes;
-        user.discounts.value = response.data.data.discounts;
-        user.orders_not_invoiced.value = response.data.data.orders_not_invoiced || null;
-        user.keys.value = response.data.data.keys;
-        user.wash_subscription_transactions.value = response.data.data.wash_subscription_transactions || null;
-        console.log(user.discounts.value);
+
+        applyUserData(response?.data?.data ?? {});
+        return user;
       })
       .catch((error) => {
-        console.error(error);
+        if (requestId === loadRequestSequence) {
+          resetUser({ preserveUserId: true });
+          userLoadError.value = error;
+        }
+        return null;
+      })
+      .finally(() => {
+        if (requestId === loadRequestSequence) {
+          isUserLoading.value = false;
+          activeLoadPromise = null;
+          activeLoadUserId = null;
+        }
       });
+
+  return activeLoadPromise;
+};
+
+const isDirectProductDiscount = (discount, productId) => {
+  return discount?.product_or_category_id == productId && Number(discount?.is_category) === 0;
+};
+
+const parseFixedPriceValue = (value) => {
+  if (value === null || value === undefined || value === '') {
+    return null;
+  }
+
+  const parsed = Number.parseInt(String(value), 10);
+  return Number.isFinite(parsed) ? parsed : null;
 };
 
 /** Get user product discount */
@@ -133,12 +250,25 @@ export const getUserProductOnlyDiscount = (product) => {
   // Find the discount for the product
   let discount = null;
   try {
-    discount = user.discounts.value.find(discount => discount.product_or_category_id == productId && !discount.is_category) || null;
+    discount = user.discounts.value.find(discount => isDirectProductDiscount(discount, productId)) || null;
   } catch (e) {}
   // If the discount is not found, return 0
   return discount ? discount.percentage : 0;
 };
 
+export const getUserProductFixedPrice = (product) => {
+  const productId = product.id;
+  let fixedPriceDiscount = null;
+
+  try {
+    fixedPriceDiscount = user.discounts.value.find((discount) => (
+      isDirectProductDiscount(discount, productId) && parseFixedPriceValue(discount.fixed_price) !== null
+    )) || null;
+  } catch (e) {}
+
+  return fixedPriceDiscount ? parseFixedPriceValue(fixedPriceDiscount.fixed_price) : null;
+};
+
 export const isProductAllowedToApplyCategoryDiscounts = (product) => {
   // Check if the product is allowed to apply category discounts
   return parseInt(product.apply_category_discount) === 1;
@@ -166,9 +296,27 @@ export const getProductBestApplicableDiscount = (product) => {
   return Math.max(productDiscount, categoryDiscount, globalDiscount);
 }
 
+export const getProductEffectivePrice = (product) => {
+  const fixedPrice = getUserProductFixedPrice(product);
+  if (fixedPrice !== null) {
+    return fixedPrice;
+  }
+
+  const basePrice = Number(product.price ?? 0);
+  const discount = Number(getProductBestApplicableDiscount(product) || 0);
+  if (!Number.isFinite(basePrice)) {
+    return 0;
+  }
+
+  return Number((basePrice - (basePrice * (discount / 100))).toFixed(0));
+}
+
 export const user = {
   id: ref(''),
   customer_number: ref(''),
+  display_name: ref(''),
+  email: ref(''),
+  phone: ref(null),
   group_id: ref(''),
   created_at: ref(''),
   updated_at: ref(''),
@@ -185,23 +333,23 @@ export const user = {
     country: ref(null),
     barred: ref(null),
   },
-  permissions: ref(null),
-  attributes: ref(null),
-  discounts: ref(null),
-  orders_not_invoiced: ref(null),
-  keys: ref({
-    open_invoice_draft: ref(null),
-  }),
-  wash_subscription_transactions: ref(null),
+  permissions: ref([]),
+  attributes: ref([]),
+  discounts: ref([]),
+  orders_not_invoiced: ref([]),
+  keys: ref(defaultKeys()),
+  wash_subscription_transactions: ref([]),
   functions: {
     getUserData: getUserData,
     getUserProductDiscount: getUserProductDiscount,
     getUserCategoryDiscount: getUserCategoryDiscount,
     getUserGlobalDiscount: getUserGlobalDiscount,
     getUserProductOnlyDiscount: getUserProductOnlyDiscount,
+    getUserProductFixedPrice: getUserProductFixedPrice,
     isProductAllowedToApplyCategoryDiscounts: isProductAllowedToApplyCategoryDiscounts,
     getProductCategory: getProductCategory,
     getProductBestApplicableDiscount: getProductBestApplicableDiscount,
+    getProductEffectivePrice: getProductEffectivePrice,
   },
 };
 </script>

src/views/dashboards/superUserDashboard/user/User.vue

@@ -1,133 +1,506 @@
 <script setup>
+import { computed, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
+
+import ActionSettingsWheelButton from "@/components/displays/buttons/ActionSettingsWheelButton.vue";
 import PageTitle from "@/components/global/PageTitle.vue";
 import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import { useRouter } from 'vue-router'
 import UserSubPageWrapper from "@/views/dashboards/superUserDashboard/user/UserSubPageWrapper.vue";
-// Get the user from the route
-const router = useRouter()
-import {user, getUserData, userId, setUser} from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
-import WhiteBox from "@/components/displays/boxes/WhiteBox.vue";
-import UserVehicleSubscriptionsDisplay
-  from "@/views/dashboards/superUserDashboard/user/displays/vehicles/UserVehicleSubscriptionsDisplay.vue";
-import ActionSettingsWheelButton from "@/components/displays/buttons/ActionSettingsWheelButton.vue";
-import UserFixedPricing from "@/views/dashboards/superUserDashboard/user/displays/UserFixedPricing.vue";
+import {
+  isUserLoading,
+  selectedUserLoaded,
+  setUser,
+  user,
+  userId,
+  userLoadError,
+} from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
 import UserDefaultDepartment from "@/views/dashboards/superUserDashboard/user/displays/UserDefaultDepartment.vue";
+import UserFixedPricing from "@/views/dashboards/superUserDashboard/user/displays/UserFixedPricing.vue";
+import UserOtherSpecialArrangement from "@/views/dashboards/superUserDashboard/user/displays/other/UserOtherSpecialArrangement.vue";
+import UserOtherVaskeabonnement from "@/views/dashboards/superUserDashboard/user/displays/other/UserOtherVaskeabonnement.vue";
+import UserVehicleSubscriptionsDisplay from "@/views/dashboards/superUserDashboard/user/displays/vehicles/UserVehicleSubscriptionsDisplay.vue";
 
-// Set the user
-setUser(router.currentRoute.value.params.userId);
+const route = useRoute();
+const { t } = useI18n();
 
+const vehicles = ref([]);
+const vehiclesLoading = ref(false);
+const vehiclesError = ref(null);
+
+const customerNumber = computed(() => Number.parseInt(String(user.customer_number.value || 0), 10) || 0);
+const basePath = computed(() => `/superuser/users/${userId.value || route.params.userId}`);
+const permissions = computed(() => (Array.isArray(user.permissions.value) ? user.permissions.value : []));
+const attributes = computed(() => (Array.isArray(user.attributes.value) ? user.attributes.value : []));
+const discounts = computed(() => (Array.isArray(user.discounts.value) ? user.discounts.value : []));
+const ordersNotInvoiced = computed(() =>
+  Array.isArray(user.orders_not_invoiced.value) ? user.orders_not_invoiced.value : []
+);
+const washSubscriptionTransactions = computed(() =>
+  Array.isArray(user.wash_subscription_transactions.value) ? user.wash_subscription_transactions.value : []
+);
+
+const displayName = computed(() => {
+  return (
+    user.economicData.name.value ||
+    user.display_name.value ||
+    (userId.value ? `${t("user_admin.user_id")} ${userId.value}` : t("user_admin.overview.loading_user"))
+  );
+});
+const hasCustomerNumber = computed(() => customerNumber.value > 0);
+const hasEconomicData = computed(() => Boolean(user.economicData.name.value || user.economicData.customerNumber.value));
+const isEconomicBarred = computed(() => [true, 1, "1", "true"].includes(user.economicData.barred.value));
+const activeVehicleSubscriptions = computed(() => vehicles.value.filter((vehicle) => vehicle?.wash_subscription).length);
+const selfServiceVehicles = computed(() => vehicles.value.filter((vehicle) => vehicle?.xlvask).length);
+const visibleVehicles = computed(() => vehicles.value.slice(0, 8));
+const visiblePermissions = computed(() => permissions.value.slice(0, 12));
+const hiddenPermissionCount = computed(() => Math.max(permissions.value.length - visiblePermissions.value.length, 0));
+
+const userDetails = computed(() => [
+  { label: t("user_admin.user_id"), value: userId.value },
+  { label: t("user_admin.customer_number"), value: customerNumber.value || null },
+  { label: t("user_admin.group_id"), value: user.group_id.value },
+  { label: t("common.email"), value: user.email?.value || user.economicData.email.value },
+  { label: t("common.created"), value: user.created_at.value },
+  { label: t("user_admin.updated_at"), value: user.updated_at.value },
+]);
+
+const economicDetails = computed(() => [
+  { label: t("user_admin.customer_number"), value: user.economicData.customerNumber.value },
+  { label: t("common.name"), value: user.economicData.name.value },
+  { label: t("common.address"), value: user.economicData.address.value },
+  { label: t("user_admin.zip"), value: user.economicData.zip.value },
+  { label: t("user_admin.city"), value: user.economicData.city.value },
+  { label: t("user_admin.mobile_phone"), value: user.economicData.mobilePhone.value },
+  { label: t("common.email"), value: user.economicData.email.value },
+  { label: t("user_admin.cvr"), value: user.economicData.cvr.value },
+  { label: t("user_admin.currency"), value: user.economicData.currency.value },
+  { label: t("common.country"), value: user.economicData.country.value },
+  { label: t("user_admin.barred"), value: isEconomicBarred.value ? t("common.yes") : t("common.no") },
+]);
+
+const overviewMetrics = computed(() => [
+  {
+    key: "customer",
+    icon: "fas fa-id-card",
+    label: t("user_admin.customer_number"),
+    value: customerNumber.value || t("global.no_data"),
+    status: hasCustomerNumber.value ? t("common.active") : t("user_admin.overview.missing"),
+    tone: hasCustomerNumber.value ? "is-success" : "is-warning",
+  },
+  {
+    key: "economic",
+    icon: "fas fa-building",
+    label: t("user_admin.economic_data"),
+    value: hasEconomicData.value ? t("user_admin.overview.connected") : t("global.no_data"),
+    status: isEconomicBarred.value ? t("user_admin.barred") : t("common.active"),
+    tone: isEconomicBarred.value ? "is-danger" : "is-success",
+  },
+  {
+    key: "vehicles",
+    icon: "fas fa-car",
+    label: t("common.vehicles"),
+    value: vehicles.value.length,
+    status: vehiclesLoading.value ? t("common.loading") : t("user_admin.overview.loaded"),
+    tone: vehiclesError.value ? "is-warning" : "is-info",
+  },
+  {
+    key: "subscriptions",
+    icon: "fas fa-car-side",
+    label: t("user_admin.wash_subscriptions"),
+    value: activeVehicleSubscriptions.value,
+    status: t("user_admin.overview.active_vehicles"),
+    tone: activeVehicleSubscriptions.value > 0 ? "is-success" : "is-light",
+  },
+  {
+    key: "orders",
+    icon: "fas fa-file-invoice-dollar",
+    label: t("user_admin.overview.not_invoiced"),
+    value: ordersNotInvoiced.value.length,
+    status: user.keys.value?.open_invoice_draft ? t("user_admin.overview.open_draft") : t("global.no_data"),
+    tone: ordersNotInvoiced.value.length > 0 ? "is-warning" : "is-success",
+  },
+  {
+    key: "discounts",
+    icon: "fas fa-tags",
+    label: t("common.discount"),
+    value: discounts.value.length,
+    status: t("user_admin.overview.price_overrides"),
+    tone: discounts.value.length > 0 ? "is-link" : "is-light",
+  },
+  {
+    key: "attributes",
+    icon: "fas fa-sliders-h",
+    label: t("user_admin.overview.attributes"),
+    value: attributes.value.length,
+    status: t("user_admin.overview.customer_rules"),
+    tone: attributes.value.length > 0 ? "is-info" : "is-light",
+  },
+  {
+    key: "permissions",
+    icon: "fas fa-shield-alt",
+    label: t("user_admin.permissions"),
+    value: permissions.value.length,
+    status: t("user_admin.overview.effective_access"),
+    tone: permissions.value.length > 0 ? "is-info" : "is-warning",
+  },
+]);
+
+const hubLinks = computed(() => [
+  { key: "orders", icon: "fas fa-file-alt", label: t("superuser.nav.orders"), to: `${basePath.value}/orders` },
+  { key: "pricing", icon: "fas fa-tags", label: t("user_admin.overview.pricing"), to: `${basePath.value}/pricing` },
+  { key: "other", icon: "fas fa-sliders-h", label: t("user_admin.other"), to: `${basePath.value}/other` },
+  { key: "vehicles", icon: "fas fa-car", label: t("common.vehicles"), to: `${basePath.value}/vehicles` },
+  {
+    key: "xlvask",
+    icon: "fas fa-water",
+    label: SessionUser.superUser.modules.xlvask.meta.title,
+    to: `${basePath.value}/xlvask`,
+  },
+]);
+
+const valueOrEmpty = (value) => {
+  if (value === null || value === undefined || value === "") {
+    return t("global.no_data");
+  }
+
+  return value;
+};
+
+const loadVehicles = async () => {
+  if (!hasCustomerNumber.value) {
+    vehicles.value = [];
+    vehiclesError.value = null;
+    return;
+  }
+
+  vehiclesLoading.value = true;
+  vehiclesError.value = null;
+
+  try {
+    const response = await SessionUser.objects.vehicles.get.user(customerNumber.value);
+    vehicles.value = Array.isArray(response) ? response : [];
+  } catch (error) {
+    vehicles.value = [];
+    vehiclesError.value = error;
+  } finally {
+    vehiclesLoading.value = false;
+  }
+};
+
+const reloadOverview = async () => {
+  await setUser(route.params.userId);
+  await loadVehicles();
+};
+
+watch(
+  customerNumber,
+  () => {
+    loadVehicles();
+  },
+  { immediate: true }
+);
 </script>
 
 <template>
   <RestrictedPageWrapper :hasPermission="SessionUser.canAccessSuperUser()">
     <UserSubPageWrapper>
       <template #title>
-        <PageTitle :title="$t('user_admin.title')" :subtitle="$t('user_admin.subtitle')" />
+        <PageTitle :title="$t('user_admin.title')" :subtitle="$t('user_admin.overview.subtitle')" />
       </template>
-    <div class="columns is-multiline">
-      <!-- Customer small -->
-      <div class="column is-12">
-        <div class="card">
-          <div class="card-header">
-            <!-- User icon -->
-            <div class="card-header-icon">
-              <span class="icon">
-                <i class="fas fa-user"></i>
+
+      <section class="user-overview" data-testid="superuser-user-overview-page">
+        <div v-if="isUserLoading && !selectedUserLoaded" class="box" data-testid="superuser-user-overview-loading">
+          <p class="has-text-weight-semibold">{{ $t("user_admin.overview.loading_user") }}</p>
+          <p class="has-text-grey">{{ $t("user_admin.orders.loading_subtitle") }}</p>
+        </div>
+
+        <div v-else-if="userLoadError" class="notification is-danger" data-testid="superuser-user-overview-error">
+          <p class="has-text-weight-semibold">{{ $t("user_admin.overview.load_failed") }}</p>
+          <p>{{ userLoadError?.response?.data?.message || userLoadError?.message || $t("common.unknown_error") }}</p>
+          <button class="button is-light mt-3" type="button" data-testid="superuser-user-overview-retry" @click="reloadOverview">
+            {{ $t("common.retry") }}
+          </button>
+        </div>
+
+        <template v-else-if="selectedUserLoaded">
+          <div class="user-overview__header box" data-testid="superuser-user-overview-header">
+            <div>
+              <p class="heading">{{ $t("user_admin.overview.management_hub") }}</p>
+              <h2 class="title is-3 mb-2">{{ displayName }}</h2>
+              <p class="subtitle is-6 mb-0">
+                {{ $t("user_admin.user_id") }} {{ userId }}
+                <span v-if="hasCustomerNumber">&middot; {{ $t("user_admin.customer_number") }} {{ customerNumber }}</span>
+              </p>
+            </div>
+            <div class="user-overview__header-actions">
+              <ActionSettingsWheelButton
+                :user_id="userId"
+                :customer_number="customerNumber || null"
+                data-testid="superuser-user-overview-actions"
+              />
+            </div>
+          </div>
+
+          <div class="user-overview__metrics columns is-multiline" data-testid="superuser-user-overview-metrics">
+            <div v-for="metric in overviewMetrics" :key="metric.key" class="column is-3-desktop is-6-tablet">
+              <div class="box user-overview__metric" :data-testid="`superuser-user-overview-metric-${metric.key}`">
+                <div class="user-overview__metric-top">
+                  <span class="icon"><i :class="metric.icon"></i></span>
+                  <span class="tag is-light" :class="metric.tone">{{ metric.status }}</span>
+                </div>
+                <p class="heading">{{ metric.label }}</p>
+                <p class="title is-4">{{ metric.value }}</p>
+              </div>
+            </div>
+          </div>
+
+          <div class="box" data-testid="superuser-user-overview-shortcuts">
+            <div class="level is-mobile user-overview__section-title">
+              <div class="level-left">
+                <h3 class="title is-5 mb-0">{{ $t("user_admin.overview.workspace_shortcuts") }}</h3>
+              </div>
+            </div>
+            <div class="buttons">
+              <router-link
+                v-for="link in hubLinks"
+                :key="link.key"
+                class="button is-light"
+                :to="link.to"
+                :data-testid="`superuser-user-overview-link-${link.key}`"
+              >
+                <span class="icon"><i :class="link.icon"></i></span>
+                <span>{{ link.label }}</span>
+              </router-link>
+            </div>
+          </div>
+
+          <div class="columns is-multiline">
+            <div class="column is-6-desktop">
+              <section class="box" data-testid="superuser-user-overview-account">
+                <h3 class="title is-5">{{ $t("user_admin.user_data") }}</h3>
+                <dl class="user-overview__details">
+                  <template v-for="detail in userDetails" :key="detail.label">
+                    <dt>{{ detail.label }}</dt>
+                    <dd>{{ valueOrEmpty(detail.value) }}</dd>
+                  </template>
+                </dl>
+              </section>
+            </div>
+
+            <div class="column is-6-desktop">
+              <section class="box" data-testid="superuser-user-overview-economic">
+                <h3 class="title is-5">{{ $t("user_admin.economic_data") }}</h3>
+                <dl class="user-overview__details">
+                  <template v-for="detail in economicDetails" :key="detail.label">
+                    <dt>{{ detail.label }}</dt>
+                    <dd>{{ valueOrEmpty(detail.value) }}</dd>
+                  </template>
+                </dl>
+              </section>
+            </div>
+          </div>
+
+          <div class="columns is-multiline">
+            <div class="column is-6-desktop">
+              <section class="box" data-testid="superuser-user-overview-access">
+                <h3 class="title is-5">{{ $t("user_admin.permissions") }}</h3>
+                <div v-if="visiblePermissions.length" class="tags">
+                  <span
+                    v-for="permission in visiblePermissions"
+                    :key="permission"
+                    class="tag is-info is-light"
+                    :data-testid="`superuser-user-overview-permission-${permission}`"
+                  >
+                    {{ permission }}
+                  </span>
+                  <span v-if="hiddenPermissionCount > 0" class="tag">
+                    {{ $t("user_admin.overview.more_permissions", { count: hiddenPermissionCount }) }}
+                  </span>
+                </div>
+                <p v-else class="has-text-grey">{{ $t("global.no_data") }}</p>
+              </section>
+            </div>
+
+            <div class="column is-6-desktop">
+              <section class="box" data-testid="superuser-user-overview-rules">
+                <h3 class="title is-5">{{ $t("user_admin.overview.customer_rules") }}</h3>
+                <ActionSettingsWheelButton
+                  v-if="hasCustomerNumber"
+                  :user_id="userId"
+                  :customer_number="customerNumber"
+                  :display-actions-directly="true"
+                  data-testid="superuser-user-overview-direct-actions"
+                />
+                <p v-else class="has-text-grey">{{ $t("user_admin.overview.customer_number_required") }}</p>
+              </section>
+            </div>
+          </div>
+
+          <section v-if="hasCustomerNumber" class="box" data-testid="superuser-user-overview-customer-management">
+            <h3 class="title is-5">{{ $t("user_admin.overview.customer_management") }}</h3>
+            <div class="columns is-multiline">
+              <div class="column is-6-desktop">
+                <UserFixedPricing :key="`fixed-${customerNumber}`" :customer_number="customerNumber" />
+              </div>
+              <div class="column is-6-desktop">
+                <UserDefaultDepartment :key="`department-${customerNumber}`" :customer_number="customerNumber" />
+              </div>
+              <div class="column is-6-desktop">
+                <UserOtherSpecialArrangement :key="`special-${userId}`" :user_id="userId" />
+              </div>
+              <div class="column is-6-desktop">
+                <UserOtherVaskeabonnement :key="`subscription-note-${userId}`" :user_id="userId" />
+              </div>
+            </div>
+          </section>
+
+          <section v-else class="notification is-warning" data-testid="superuser-user-overview-no-customer-number">
+            {{ $t("user_admin.overview.customer_number_required") }}
+          </section>
+
+          <section v-if="hasCustomerNumber" class="box" data-testid="superuser-user-overview-vehicles">
+            <div class="level is-mobile user-overview__section-title">
+              <div class="level-left">
+                <h3 class="title is-5 mb-0">{{ $t("common.vehicles") }}</h3>
+              </div>
+              <div class="level-right">
+                <button
+                  class="button is-small is-light"
+                  type="button"
+                  :disabled="vehiclesLoading"
+                  data-testid="superuser-user-overview-vehicles-reload"
+                  @click="loadVehicles"
+                >
+                  {{ $t("global.reload") }}
+                </button>
+              </div>
+            </div>
+            <div v-if="vehiclesError" class="notification is-warning" data-testid="superuser-user-overview-vehicles-error">
+              {{ $t("user_admin.overview.vehicles_load_failed") }}
+            </div>
+            <div class="columns is-multiline">
+              <div class="column is-4">
+                <div class="box user-overview__compact-stat">
+                  <p class="heading">{{ $t("common.vehicles") }}</p>
+                  <p class="title is-4">{{ vehicles.length }}</p>
+                </div>
+              </div>
+              <div class="column is-4">
+                <div class="box user-overview__compact-stat">
+                  <p class="heading">{{ $t("user_admin.wash_subscriptions") }}</p>
+                  <p class="title is-4">{{ activeVehicleSubscriptions }}</p>
+                </div>
+              </div>
+              <div class="column is-4">
+                <div class="box user-overview__compact-stat">
+                  <p class="heading">{{ SessionUser.superUser.modules.xlvask.meta.title }}</p>
+                  <p class="title is-4">{{ selfServiceVehicles }}</p>
+                </div>
+              </div>
+            </div>
+            <div v-if="visibleVehicles.length" class="tags" data-testid="superuser-user-overview-vehicle-preview">
+              <span
+                v-for="vehicle in visibleVehicles"
+                :key="vehicle.id || vehicle.reg"
+                class="tag is-light"
+                :data-testid="`superuser-user-overview-vehicle-${vehicle.id || vehicle.reg}`"
+              >
+                {{ vehicle.reg || vehicle.reference || `#${vehicle.id}` }}
               </span>
             </div>
-            <!-- User name -->
-            <div class="card-header-title">
-              {{ user.economicData.name }}
+            <p v-else-if="!vehiclesLoading" class="has-text-grey">{{ $t("global.no_data") }}</p>
+            <div class="buttons">
+              <router-link class="button is-light" :to="`${basePath}/vehicles`" data-testid="superuser-user-overview-open-vehicles">
+                <span class="icon"><i class="fas fa-list"></i></span>
+                <span>{{ $t("user_admin.overview.open_vehicles") }}</span>
+              </router-link>
+              <button
+                class="button is-light"
+                type="button"
+                data-testid="superuser-user-overview-add-vehicle"
+                @click="SessionUser.objects.vehicles.functions.showCreateObjectForCustomerForm(customerNumber, loadVehicles)"
+              >
+                <span class="icon"><i class="fas fa-plus"></i></span>
+                <span>{{ $t("user_vehicles.add_vehicle") }}</span>
+              </button>
             </div>
-            <!-- User settings wheel -->
-            <div class="card-header-icon">
-              <ActionSettingsWheelButton
-                  :user_id="userId"
-                >
-                <template #actions>
-                  <!-- Since there's no additional actions, we can use the default slot -->
-                </template>
-              </ActionSettingsWheelButton>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="column is-12">
-        <div class="box">
-          <!-- User fixed pricing -->
-          <div class="mb-2">
-            <UserFixedPricing v-if="user.customer_number.value && user.customer_number.value > 0" v-bind:customer_number="user.customer_number.value" />
-          </div>
-          <!-- Default department -->
-          <div class="mb-2">
-            <UserDefaultDepartment v-if="user.customer_number.value && user.customer_number.value > 0" v-bind:customer_number="user.customer_number.value" />
-          </div>
-          <!-- Vehicle subscriptions -->
-          <UserVehicleSubscriptionsDisplay
-              v-if="user.customer_number.value && user.customer_number.value > 0"
-              :user="user"
-            />
-        </div>
-      </div>
-      <div class="column is-6">
-        <div class="box">
-          <h3 class="title is-4">{{ $t('user_admin.user_data') }}</h3>
-          <div class="content">
-            <p>{{ $t('user_admin.user_id') }}: {{ userId }}</p>
-            <p>{{ $t('user_admin.customer_number') }}: {{ user.customer_number }}</p>
-            <p>{{ $t('user_admin.group_id') }}: {{ user.group_id }}</p>
-            <p>{{ $t('common.created') }}: {{ user.created_at }}</p>
-            <p>{{ $t('user_admin.updated_at') }}: {{ user.updated_at }}</p>
-          </div>
-        </div>
-      </div>
-      <!-- Economic data -->
-      <div class="column is-6">
-        <div class="box">
-          <h3 class="title is-4">{{ $t('user_admin.economic_data') }} ({{ user.economicData.name ? user.economicData.name : $t('user_admin.no_data') }})</h3>
-          <div class="content">
-            <p>{{ $t('user_admin.customer_number') }}: {{ user.economicData.customerNumber }}</p>
-            <p>{{ $t('common.name') }}: {{ user.economicData.name }}</p>
-            <p>{{ $t('common.address') }}: {{ user.economicData.address }}</p>
-            <p>{{ $t('user_admin.zip') }}: {{ user.economicData.zip }}</p>
-            <p>{{ $t('user_admin.city') }}: {{ user.economicData.city }}</p>
-            <p>{{ $t('user_admin.mobile_phone') }}: {{ user.economicData.mobilePhone }}</p>
-            <p>{{ $t('common.email') }}: {{ user.economicData.email }}</p>
-            <p>{{ $t('user_admin.cvr') }}: {{ user.economicData.cvr }}</p>
-            <p>{{ $t('user_admin.currency') }}: {{ user.economicData.currency }}</p>
-            <p>{{ $t('common.country') }}: {{ user.economicData.country }}</p>
-            <p>{{ $t('user_admin.barred') }}: {{user.economicData.barred }}</p>
-          </div>
-        </div>
-      </div>
-      <!-- Permissions -->
-      <div class="column is-12">
-        <div class="box">
-          <h3 class="title is-4">{{ $t('user_admin.permissions') }}</h3>
-          <div class="content">
-            <ul>
-              <li v-for="permission in user.permissions.value" :key="permission.id">{{ permission }}</li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <!-- Variables -->
-      <div class="column is-12">
-        <div class="box">
-          <h3 class="title is-4">{{ $t('user_admin.variables') }}</h3>
-          <div class="content">
-            <p>SessionUser: {{ SessionUser.valueOf() }}</p>
-            <p>userId: {{ userId }}</p>
-            <p>user: {{ user.valueOf() }}</p>
-          </div>
-        </div>
-      </div>
-    </div>
+          </section>
+
+          <section v-if="hasCustomerNumber" class="box" data-testid="superuser-user-overview-subscriptions">
+            <h3 class="title is-5">{{ $t("user_admin.overview.subscription_invoicing") }}</h3>
+            <UserVehicleSubscriptionsDisplay :key="`subscriptions-${customerNumber}`" :user="user" />
+            <p v-if="washSubscriptionTransactions.length === 0" class="has-text-grey">
+              {{ $t("user_admin.overview.no_subscription_transactions") }}
+            </p>
+          </section>
+        </template>
+      </section>
     </UserSubPageWrapper>
   </RestrictedPageWrapper>
 </template>
 
 <style scoped>
+.user-overview {
+  padding-bottom: 2rem;
+}
 
-</style>
+.user-overview__header {
+  align-items: flex-start;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+}
+
+.user-overview__header-actions {
+  flex: 0 0 auto;
+}
+
+.user-overview__metric,
+.user-overview__compact-stat {
+  height: 100%;
+}
+
+.user-overview__metric-top {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.75rem;
+}
+
+.user-overview__details {
+  display: grid;
+  gap: 0.5rem 1rem;
+  grid-template-columns: minmax(8rem, 38%) 1fr;
+}
+
+.user-overview__details dt {
+  color: #6b7280;
+  font-weight: 600;
+}
+
+.user-overview__details dd {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.user-overview__section-title {
+  margin-bottom: 1rem;
+}
+
+@media screen and (max-width: 768px) {
+  .user-overview__header {
+    display: block;
+  }
+
+  .user-overview__header-actions {
+    margin-top: 1rem;
+  }
+
+  .user-overview__details {
+    grid-template-columns: 1fr;
+  }
+}
+</style>

src/views/dashboards/superUserDashboard/user/UserPricing.vue

@@ -3,7 +3,7 @@
 import UserSubPageWrapper from "@/views/dashboards/superUserDashboard/user/UserSubPageWrapper.vue";
 import PageTitle from "@/components/global/PageTitle.vue";
 import { useRouter } from 'vue-router'
-import { user, getUserData, userId, setUser, getUserProductDiscount, getUserGlobalDiscount, getProductBestApplicableDiscount, getUserProductOnlyDiscount, getProductCategory, getUserCategoryDiscount, isProductAllowedToApplyCategoryDiscounts } from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
+import { user, getUserData, userId, setUser, getUserProductDiscount, getUserGlobalDiscount, getProductBestApplicableDiscount, getUserProductOnlyDiscount, getUserProductFixedPrice, getProductEffectivePrice, getProductCategory, getUserCategoryDiscount, isProductAllowedToApplyCategoryDiscounts } from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
 import { getProducts } from "@/components/shop/Products.vue";
 import { ref } from 'vue';
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
@@ -56,6 +56,72 @@ const editDiscount = (product, isCategory) => {
     allowOutsideClick: () => !Swal.isLoading()
   });
 }
+
+const formatPrice = (price) => `${Number(price || 0).toFixed(0)} Kr.`;
+
+const getProductPriceDisplay = (product) => {
+  const fixedPrice = getUserProductFixedPrice(product);
+  if (fixedPrice !== null) {
+    return `${formatPrice(fixedPrice)} (fast pris)`;
+  }
+
+  const discount = getProductBestApplicableDiscount(product);
+  if (discount === 0) {
+    return formatPrice(product.price);
+  }
+
+  return `${formatPrice(getProductEffectivePrice(product))} (${discount}% rabat)`;
+};
+
+const editFixedPrice = (product) => {
+  const fixedPrice = getUserProductFixedPrice(product);
+  Swal.fire({
+    title: product.name + ' ( product: ' + product.id + ' )',
+    input: 'number',
+    inputValue: fixedPrice === null ? '' : fixedPrice,
+    inputLabel: 'Fast pris (Kr.)',
+    inputAttributes: {
+      autocapitalize: 'off',
+      min: 0,
+      step: 1
+    },
+    showCancelButton: true,
+    confirmButtonText: 'Save',
+    showLoaderOnConfirm: true,
+    inputValidator: (value) => {
+      const normalizedValue = String(value ?? '').trim();
+      if (normalizedValue === '') {
+        return null;
+      }
+
+      const parsedValue = Number(normalizedValue);
+      if (!Number.isInteger(parsedValue) || parsedValue < 0) {
+        return 'Fast pris skal være et heltal eller tom.';
+      }
+
+      return null;
+    },
+    preConfirm: (value) => {
+      const normalizedValue = String(value ?? '').trim();
+      const fixedPriceValue = normalizedValue === '' ? null : Number.parseInt(normalizedValue, 10);
+      return authenticatedRequest(`/superuser/user/discounts`, "POST", {
+        user_id: userId.value,
+        object_id: product.id,
+        discount: getUserProductOnlyDiscount(product),
+        fixed_price: fixedPriceValue,
+        is_category: false
+      })
+          .then((response) => {
+            console.log(response);
+            getUserData();
+          })
+          .catch((error) => {
+            console.log(error);
+          });
+    },
+    allowOutsideClick: () => !Swal.isLoading()
+  });
+}
 </script>
 
 <template>
@@ -74,6 +140,7 @@ const editDiscount = (product, isCategory) => {
             <th>{{ $t('tables.common.category') }}</th>
             <th>{{ $t('tables.common.product_name') }}</th>
             <th>{{ $t('tables.common.price') }}</th>
+            <th>Fast pris</th>
             <th>{{ $t('tables.common.discount_item') }}</th>
             <th>{{ $t('tables.common.discount_category') }}</th>
           </tr>
@@ -84,8 +151,16 @@ const editDiscount = (product, isCategory) => {
             <td>{{ getProductCategory(product)}}</td>
             <td>{{ product.name }}</td>
             <!-- Price -->
-            <td v-if="getProductBestApplicableDiscount(product) === 0">{{ product.price }} Kr.</td>
-            <td v-else>{{ (product.price - (product.price * (getProductBestApplicableDiscount(product) / 100))).toFixed(0) }} Kr. ({{ getProductBestApplicableDiscount(product) }}% rabat)</td>
+            <td>{{ getProductPriceDisplay(product) }}</td>
+
+            <!-- Fixed price -->
+            <td
+                class="is-clickable"
+                @click="editFixedPrice(product)"
+                :data-testid="`customer-fixed-price-${product.id}`"
+            ><template v-if="getUserProductFixedPrice(product) !== null">{{ getUserProductFixedPrice(product) }} Kr.</template><template v-else>-</template>
+              <i class="is-pulled-right fas fa-edit"></i>
+            </td>
 
             <!-- Discount: Item -->
             <td
@@ -122,4 +197,4 @@ const editDiscount = (product, isCategory) => {
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/user/UserSubPageWrapper.vue

@@ -1,12 +1,19 @@
 <script setup>
-
+import { watch } from "vue";
 import SuperUserDashboardUserNavigation from "@/views/dashboards/superUserDashboard/user/SuperUserDashboardUserNavigation.vue";
 import SuperUserDashboardNavigation from "@/views/dashboards/superUserDashboard/SuperUserDashboardNavigation.vue";
-import {user, getUserData, userId, setUser, getUserCustomerNumber} from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
-import {useRouter} from "vue-router";
-const router = useRouter()
-setUser(router.currentRoute.value.params.userId);
+import { setUser } from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
+import { useRoute } from "vue-router";
 
+const route = useRoute();
+
+watch(
+  () => route.params.userId,
+  (nextUserId) => {
+    setUser(nextUserId);
+  },
+  { immediate: true }
+);
 </script>
 
 <template>
@@ -21,4 +28,4 @@ setUser(router.currentRoute.value.params.userId);
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/user/displays/UserDefaultDepartment.vue

@@ -2,7 +2,6 @@
 import { ref, computed } from 'vue';
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import ConfigurationCategory from "@/components/displays/superuser/configuration/ConfigurationCategory.vue";
-import ConfigurationInputNumber from "@/components/displays/superuser/configuration/ConfigurationInputNumber.vue";
 import ConfigurationInput from "@/components/displays/superuser/configuration/ConfigurationInput.vue";
 import Swal from "sweetalert2";
 import ConfigurationSelect from "@/components/displays/superuser/configuration/ConfigurationSelect.vue";
@@ -26,7 +25,6 @@ const getDefaultDepartment = async () => {
     customer_number: props.customer_number,
   }).then((response) => {
     let responseData = response.data.data;
-    console.log(response.data.data, 'Default department');
     department_value.value = responseData.department;
     hasDefaultDepartment.value = true;
   }).catch((error) => {
@@ -40,8 +38,7 @@ const onClickSubmit = async () => {
   await SessionUser.request('/customer/department/default', 'POST', {
     customer_number: props.customer_number,
     department: department_value.value,
-  }).then((response) => {
-    console.log(response.data.data, 'Created default department');
+  }).then(() => {
     // Get the newly created fixed pricing
     getDefaultDepartment();
   }).catch((error) => {
@@ -75,8 +72,7 @@ const onDeleteConfirmed = async () => {
   // Delete the fixed pricing
   await SessionUser.request('/customer/department/default', 'DELETE', {
     customer_number: props.customer_number,
-  }).then((response) => {
-    console.log(response.data.data, 'Deleted default department');
+  }).then(() => {
     // Get the newly created fixed pricing
     getDefaultDepartment();
   }).catch((error) => {
@@ -163,4 +159,4 @@ getDepartmentOptions();
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/user/displays/UserFixedPricing.vue

@@ -2,7 +2,6 @@
 import { ref, computed } from 'vue';
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import ConfigurationCategory from "@/components/displays/superuser/configuration/ConfigurationCategory.vue";
-import ConfigurationInputNumber from "@/components/displays/superuser/configuration/ConfigurationInputNumber.vue";
 import ConfigurationInput from "@/components/displays/superuser/configuration/ConfigurationInput.vue";
 import Swal from "sweetalert2";
 
@@ -27,8 +26,6 @@ const getFixedPricing = async () => {
   await SessionUser.request('/customer/pricing/fixed', 'GET', {
     customer_number: props.customer_number,
   }).then((response) => {
-    let responseData = response.data.data;
-    console.log(response.data.data, 'Fixed pricing');
     pricing.value = response.data.data.price;
     description.value = response.data.data.description;
     hasFixedPricing.value = true;
@@ -44,8 +41,7 @@ const onClickSubmit = async () => {
     customer_number: props.customer_number,
     price: inputPrice.value,
     description: inputDescription.value,
-  }).then((response) => {
-    console.log(response.data.data, 'Fixed pricing');
+  }).then(() => {
     // Get the newly created fixed pricing
     getFixedPricing();
   }).catch((error) => {
@@ -81,8 +77,7 @@ const onDeleteConfirmed = async () => {
   // Delete the fixed pricing
   await SessionUser.request('/customer/pricing/fixed', 'DELETE', {
     customer_number: props.customer_number,
-  }).then((response) => {
-    console.log(response.data.data, 'Deleted fixed pricing');
+  }).then(() => {
     // Get the newly created fixed pricing
     getFixedPricing();
   }).catch((error) => {
@@ -167,4 +162,4 @@ getFixedPricing();
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/user/displays/other/UserOtherSpecialArrangement.vue

@@ -1,8 +1,8 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, watch } from "vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import Swal from "sweetalert2";
-import { useI18n } from 'vue-i18n';
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 
@@ -10,79 +10,73 @@ const props = defineProps({
   user_id: Number,
   readOnly: {
     type: Boolean,
-    default: false
+    default: false,
   },
   textOnly: {
     type: Boolean,
-    default: false
-  }
+    default: false,
+  },
 });
 
 const OtherSpecialArrangementValue = ref(null);
+const userKeys = ref({});
 
-const userKeys = ref([{
-  key: '',
-  value: ''
-}]);
+const showLoadError = () => {
+  Swal.fire({
+    title: t("common.error"),
+    text: t("common.unable_to_load"),
+    icon: "error",
+    confirmButtonText: t("common.ok"),
+  });
+};
+
+const showSaveError = () => {
+  Swal.fire({
+    title: t("common.error"),
+    text: t("common.unknown_error"),
+    icon: "error",
+    confirmButtonText: t("common.ok"),
+  });
+};
 
 const getKeys = async () => {
-  // Get the special arrangement
-  await SessionUser.request('/superuser/user/keys?user_id=' + props.user_id, 'GET').then((response) => {
-    userKeys.value = response.data.data;
-    console.log(userKeys.value);
-    // Check if the key exists
-    try {
-      if (userKeys.value.OtherSpecialArrangement) {
-        OtherSpecialArrangementValue.value = userKeys.value.OtherSpecialArrangement;
-      }
-    } catch (e) {
-      console.log('Key does not exist');
-    }
-  }).catch((error) => {
-    Swal.fire({
-      title: 'Fejl',
-      html: '<p>Der skete en fejl ved hentning af dataen. <br>Prøv igen, eller kontakt support.</p>',
-      icon: 'error',
-      confirmButtonText: 'OK'
-    });
-  });
+  if (!props.user_id) {
+    userKeys.value = {};
+    OtherSpecialArrangementValue.value = null;
+    return;
+  }
+
+  try {
+    const response = await SessionUser.request(`/superuser/user/keys?user_id=${props.user_id}`, "GET");
+    userKeys.value = response?.data?.data || {};
+    OtherSpecialArrangementValue.value = userKeys.value.OtherSpecialArrangement || null;
+  } catch (error) {
+    showLoadError();
+  }
 };
 
 const setKey = async (key, value) => {
-  // Set the key
-  await SessionUser.request('/superuser/user/keys', 'POST', {
+  await SessionUser.request("/superuser/user/keys", "POST", {
     user_id: props.user_id,
     key: key,
-    value: value
-  }).then((response) => {
-    console.log(response);
-    getKeys();
+    value: value,
   });
 };
 
-getKeys();
 const saveForm = async () => {
   if (props.readOnly) {
     return;
   }
-  // Save the form
-  console.log('Save the form');
-  await setKey('OtherSpecialArrangement', OtherSpecialArrangementValue.value ?? '').then((response) => {
-    console.log(response);
-  }).catch((error) => {
-    // Show the error with a sweetalert
-    Swal.fire({
-      title: 'Fejl',
-      html: '<p>Der skete en fejl ved gemningen af dataen. <br>Prøv igen, eller kontakt support.</p>',
-      icon: 'error',
-      confirmButtonText: 'OK'
-    });
-  });
-}
 
-const parseLineBreaks = (text) => {
-  return text.replace(/\n/g, '<br>');
-}
+  try {
+    await setKey("OtherSpecialArrangement", OtherSpecialArrangementValue.value ?? "");
+    await getKeys();
+  } catch (error) {
+    showSaveError();
+  }
+};
+
+watch(() => props.user_id, getKeys, { immediate: true });
 </script>
 
 <template>
@@ -90,7 +84,12 @@ const parseLineBreaks = (text) => {
     <div class="field">
       <label class="label is-size-3">{{ t('superuser.user.special_arrangement.label') }}</label>
       <div class="control">
-        <textarea class="textarea" v-model="OtherSpecialArrangementValue" placeholder="Udfyld beskrivelse, hvis der er en intern aftale"></textarea>
+        <textarea
+          class="textarea"
+          v-model="OtherSpecialArrangementValue"
+          :placeholder="t('superuser.user.special_arrangement.label')"
+          data-testid="superuser-user-special-arrangement-input"
+        ></textarea>
       </div>
     </div>
     <div class="field" v-if="!props.readOnly">
@@ -103,7 +102,7 @@ const parseLineBreaks = (text) => {
     <div class="message is-info" v-if="OtherSpecialArrangementValue">
       <div class="message-body">
         <span><strong>{{ t('superuser.user.special_arrangement.label') }}</strong><br></span>
-        <span v-if="OtherSpecialArrangementValue" v-html="parseLineBreaks(OtherSpecialArrangementValue)"></span>
+        <span v-if="OtherSpecialArrangementValue" class="preserve-lines">{{ OtherSpecialArrangementValue }}</span>
       </div>
     </div>
   </div>
@@ -117,7 +116,7 @@ const parseLineBreaks = (text) => {
         <div
             class="message-body"
         >
-          <p v-if="OtherSpecialArrangementValue" v-html="parseLineBreaks(OtherSpecialArrangementValue)"></p>
+          <p v-if="OtherSpecialArrangementValue" class="preserve-lines">{{ OtherSpecialArrangementValue }}</p>
         </div>
       </div>
     </div>
@@ -125,5 +124,7 @@ const parseLineBreaks = (text) => {
 </template>
 
 <style scoped>
-
-</style>
+.preserve-lines {
+  white-space: pre-line;
+}
+</style>

src/views/dashboards/superUserDashboard/user/displays/other/UserOtherVaskeabonnement.vue

@@ -1,8 +1,8 @@
 <script setup>
-import { ref, watch } from 'vue';
+import { ref, watch } from "vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import Swal from "sweetalert2";
-import { useI18n } from 'vue-i18n';
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 
@@ -10,91 +10,86 @@ const props = defineProps({
   user_id: Number,
   readOnly: {
     type: Boolean,
-    default: false
+    default: false,
   },
   textOnly: {
     type: Boolean,
-    default: false
-  }
+    default: false,
+  },
 });
 
 const OtherVaskeabonnementValue = ref(null);
+const userKeys = ref({});
 
-const userKeys = ref([{
-  key: '',
-  value: ''
-}]);
+const showLoadError = () => {
+  Swal.fire({
+    title: t("common.error"),
+    text: t("common.unable_to_load"),
+    icon: "error",
+    confirmButtonText: t("common.ok"),
+  });
+};
+
+const showSaveError = () => {
+  Swal.fire({
+    title: t("common.error"),
+    text: t("common.unknown_error"),
+    icon: "error",
+    confirmButtonText: t("common.ok"),
+  });
+};
 
 const getKeys = async () => {
-  // Get the special arrangement
-  await SessionUser.request('/superuser/user/keys?user_id=' + props.user_id, 'GET').then((response) => {
-    userKeys.value = response.data.data;
-    console.log(userKeys.value);
-    // Check if the key exists
-    try {
-      if (userKeys.value.OtherVaskeabonnement) {
-        OtherVaskeabonnementValue.value = userKeys.value.OtherVaskeabonnement;
-      }
-    } catch (e) {
-      console.log('Key does not exist');
-    }
-  }).catch((error) => {
-    Swal.fire({
-      title: 'Fejl',
-      html: '<p>Der skete en fejl ved hentning af dataen. <br>Prøv igen, eller kontakt support.</p>',
-      icon: 'error',
-      confirmButtonText: 'OK'
-    });
-  });
+  if (!props.user_id) {
+    userKeys.value = {};
+    OtherVaskeabonnementValue.value = null;
+    return;
+  }
+
+  try {
+    const response = await SessionUser.request(`/superuser/user/keys?user_id=${props.user_id}`, "GET");
+    userKeys.value = response?.data?.data || {};
+    OtherVaskeabonnementValue.value = userKeys.value.OtherVaskeabonnement || null;
+  } catch (error) {
+    showLoadError();
+  }
 };
 
 const setKey = async (key, value) => {
-  // Set the key
-  await SessionUser.request('/superuser/user/keys', 'POST', {
+  await SessionUser.request("/superuser/user/keys", "POST", {
     user_id: props.user_id,
     key: key,
-    value: value
-  }).then((response) => {
-    console.log(response);
-    getKeys();
+    value: value,
   });
 };
 
-getKeys();
 const saveForm = async () => {
   if (props.readOnly) {
     return;
   }
-  // Save the form
-  console.log('Save the form');
-  await setKey('OtherVaskeabonnement', OtherVaskeabonnementValue.value ?? '').then((response) => {
-    console.log(response);
-  }).catch((error) => {
-    // Show the error with a sweetalert
-    Swal.fire({
-      title: 'Fejl',
-      html: '<p>Der skete en fejl ved gemningen af dataen. <br>Prøv igen, eller kontakt support.</p>',
-      icon: 'error',
-      confirmButtonText: 'OK'
-    });
-  });
-}
 
-const parseLineBreaks = (text) => {
-  return text.replace(/\n/g, '<br>');
-}
+  try {
+    await setKey("OtherVaskeabonnement", OtherVaskeabonnementValue.value ?? "");
+    await getKeys();
+  } catch (error) {
+    showSaveError();
+  }
+};
 
-watch(() => props.user_id, () => {
-  getKeys();
-});
+watch(() => props.user_id, getKeys, { immediate: true });
 </script>
 
 <template>
-  <form class="form" @submit.prevent="saveForm" v-if="!readOnly && !textOnly">
+  <form class="form" @submit.prevent="saveForm" v-if="!props.readOnly && !props.textOnly">
     <div class="field">
       <label class="label is-size-3">{{ t('superuser.user.wash_subscription.label') }}</label>
       <div class="control">
-        <textarea class="textarea" v-model="OtherVaskeabonnementValue" placeholder="Udfyld beskrivelse, hvis der er en intern aftale"></textarea>
+        <textarea
+          class="textarea"
+          v-model="OtherVaskeabonnementValue"
+          :placeholder="t('superuser.user.wash_subscription.label')"
+          data-testid="superuser-user-wash-subscription-note-input"
+        ></textarea>
       </div>
     </div>
     <div class="field">
@@ -107,7 +102,7 @@ watch(() => props.user_id, () => {
     <div class="message is-info" v-if="OtherVaskeabonnementValue">
       <div class="message-body">
         <span><strong>{{ t('superuser.user.wash_subscription.label') }}</strong><br></span>
-        <span v-if="OtherVaskeabonnementValue" v-html="parseLineBreaks(OtherVaskeabonnementValue)"></span>
+        <span v-if="OtherVaskeabonnementValue" class="preserve-lines">{{ OtherVaskeabonnementValue }}</span>
       </div>
     </div>
   </div>
@@ -121,7 +116,7 @@ watch(() => props.user_id, () => {
         <div
             class="message-body"
         >
-          <p v-if="OtherVaskeabonnementValue" v-html="parseLineBreaks(OtherVaskeabonnementValue)"></p>
+          <p v-if="OtherVaskeabonnementValue" class="preserve-lines">{{ OtherVaskeabonnementValue }}</p>
         </div>
       </div>
     </div>
@@ -129,5 +124,7 @@ watch(() => props.user_id, () => {
 </template>
 
 <style scoped>
-
-</style>
+.preserve-lines {
+  white-space: pre-line;
+}
+</style>

src/views/dashboards/superUserDashboard/user/displays/vehicles/UserVehicleSubscriptionsDisplay.vue

@@ -35,7 +35,6 @@ const washSubscriptionVehicles = ref(null);
 
 const load = () => {
   if (!props.user.customer_number.value) {
-    console.log('No customer number found');
     return;
   }
   // Load the vehicles
@@ -142,13 +141,8 @@ const showAddSubscriptionInvoiceFormOtherMonth = () => {
   }).then((result) => {
     if (result.isConfirmed) {
       const selected = result.value;
-      console.log(selected);
       const monthNumber = selected.substring(5, 7);
       const yearNumber = selected.substring(0, 4);
-      // Redirect to the invoice creation page
-      console.log(
-          'Month: ' + monthNumber + ', Year: ' + yearNumber
-      );
       createVehicleSubscriptionInvoice(monthNumber, yearNumber);
     }
   });
@@ -164,7 +158,6 @@ const createVehicleSubscriptionInvoice = (month, year) => {
         year: year,
       }
   ).then((response) => {
-    console.log(response);
     // Reload the data
     load();
     // Redirect to the invoice creation page

src/views/dashboards/userDashboard/wash/MyWashStart.vue

@@ -1369,6 +1369,7 @@ const scheduleRecentCompletedWashRefresh = (attempt = 0) => {
   }
 
   recentCompletedRefreshTimeout.value = hostWindow.setTimeout(() => {
+    recentCompletedRefreshTimeout.value = null;
     if (isMyWashStartUnmounted.value) {
       return;
     }

tests/e2e/admin-daily-report.spec.ts

@@ -4,6 +4,8 @@ import { isCompactProject } from "./support/projects";
 
 const adminPermissions = [
   "admin",
+  "list_department_daily_reports",
+  "list_bookings",
   "create_department_daily_report_complaints",
   "department_access_1",
   "department_access_2",
@@ -26,8 +28,26 @@ const buildOverviewPayload = ({
   complaintsMessage = null,
   metrics = {},
   products = [
-    { product_id: 24, slug: "spot-free-lastbil", title: "Spot Free (Lastbil)", state: "ready", value: 3, out_of: 8 },
-    { product_id: 25, slug: "faelg-flex", title: "Fælg flex pr. enhed", state: "ready", value: 2, out_of: 8 },
+    {
+      product_id: 24,
+      slug: "spot-free-lastbil",
+      title: "Spot Free (Lastbil)",
+      state: "ready",
+      value: 3,
+      out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
+    },
+    {
+      product_id: 25,
+      slug: "faelg-flex",
+      title: "Fælg flex pr. enhed",
+      state: "ready",
+      value: 2,
+      out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
+    },
     {
       product_id: 27,
       slug: "extraordinary-10-min",
@@ -35,6 +55,8 @@ const buildOverviewPayload = ({
       state: "ready",
       value: 1,
       out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
     },
     {
       product_id: 26,
@@ -43,8 +65,19 @@ const buildOverviewPayload = ({
       state: "ready",
       value: 4,
       out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
+    },
+    {
+      product_id: 21,
+      slug: "undervognsskyl",
+      title: "Undervognsskyl pr. enhed",
+      state: "ready",
+      value: 2,
+      out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
     },
-    { product_id: 21, slug: "undervognsskyl", title: "Undervognsskyl pr. enhed", state: "ready", value: 2, out_of: 8 },
     {
       product_id: 22,
       slug: "double-duty-kemi",
@@ -52,6 +85,8 @@ const buildOverviewPayload = ({
       state: "ready",
       value: 5,
       out_of: 8,
+      target_percentage: null,
+      target_department_id: null,
     },
   ],
   ...overrides
@@ -92,6 +127,9 @@ async function mockDailyReportDependencies(
           body: Record<string, unknown>
         ) => Promise<ReturnType<typeof json>> | ReturnType<typeof json>;
         complaintCustomerLookupHandler?: (url: URL) => Promise<ReturnType<typeof json>> | ReturnType<typeof json>;
+        productTargetHandler?: (
+          body: Record<string, unknown>
+        ) => Promise<ReturnType<typeof json>> | ReturnType<typeof json>;
         permissions?: string[];
       }
     | ((url: URL) => Promise<ReturnType<typeof json>> | ReturnType<typeof json>)
@@ -114,6 +152,16 @@ async function mockDailyReportDependencies(
         },
       }));
   const complaintCustomerLookupHandler = options.complaintCustomerLookupHandler || (async () => json({ data: [] }));
+  const productTargetHandler =
+    options.productTargetHandler ||
+    (async (body) =>
+      json({
+        data: {
+          department_id: body.department_id,
+          product_id: body.product_id,
+          target_percentage: body.target_percentage ?? null,
+        },
+      }));
 
   await seedAuthenticatedState(page);
   await mockApi(page, {
@@ -167,6 +215,12 @@ async function mockDailyReportDependencies(
     await route.fulfill(response);
   });
 
+  await page.route(/\/departments\/daily-reports\/product-targets$/i, async (route) => {
+    const body = route.request().postDataJSON() as Record<string, unknown>;
+    const response = await productTargetHandler(body);
+    await route.fulfill(response);
+  });
+
   await page.route(/\/departments\/daily-reports(?:\/overview)?(\?.*)?$/i, async (route) => {
     const url = new URL(route.request().url());
     if (url.pathname.endsWith("/departments/daily-reports/overview")) {
@@ -199,7 +253,7 @@ test.describe("Admin daily report", () => {
     await page.goto("/admin/1/modules/daily-report?departmentIds=1&dateFrom=2026-03-23&dateTo=2026-03-23");
 
     await expect(page.getByTestId("daily-report-page")).toBeVisible();
-    await expect(page.locator("[data-testid^='daily-report-tile-']")).toHaveCount(17);
+    await expect(page.locator(".card[data-testid^='daily-report-tile-']")).toHaveCount(17);
     await expect(page.getByTestId("daily-report-tile-bookings")).toContainText("4");
     await expect(page.getByTestId("daily-report-tile-complaints")).toContainText("2");
     await expect(page.getByTestId("daily-report-complaints-add-button")).toBeVisible();
@@ -216,6 +270,81 @@ test.describe("Admin daily report", () => {
     await expect(page.getByTestId("daily-report-tile-double-duty-kemi")).toContainText("Tillæg for Specialsæbe - DD");
   });
 
+  test("lets permitted users set a target from an optional product percentage", async ({ page }) => {
+    let targetPercentage: number | null = null;
+    const targetRequests: Array<Record<string, unknown>> = [];
+
+    await mockDailyReportDependencies(page, {
+      permissions: [...adminPermissions, "set_department_daily_report_product_targets"],
+      overviewHandler: async () =>
+        json(
+          buildOverviewPayload({
+            products: [
+              {
+                product_id: 24,
+                slug: "spot-free-lastbil",
+                title: "Spot Free (Lastbil)",
+                state: "ready",
+                value: 3,
+                out_of: 8,
+                target_percentage: targetPercentage,
+                target_department_id: targetPercentage === null ? null : 1,
+              },
+            ],
+          })
+        ),
+      productTargetHandler: async (body) => {
+        targetRequests.push(body);
+        targetPercentage = body.target_percentage === null ? null : Number(body.target_percentage);
+
+        return json({
+          data: {
+            department_id: body.department_id,
+            product_id: body.product_id,
+            target_percentage: targetPercentage,
+          },
+        });
+      },
+    });
+
+    await page.goto("/admin/1/modules/daily-report?departmentIds=1&dateFrom=2026-03-23&dateTo=2026-03-23");
+    await expect(page.getByTestId("daily-report-page")).toBeVisible();
+
+    const productTile = page.getByTestId("daily-report-tile-spot-free-lastbil");
+    const percentageButton = page.getByTestId("daily-report-tile-spot-free-lastbil-percentage-button");
+    await expect(percentageButton).toBeVisible();
+    await expect(percentageButton).toHaveClass(/is-outlined/);
+    await expect(page.locator('[data-testid="daily-report-tile-spot-free-lastbil-target-button"]')).toHaveCount(0);
+
+    await percentageButton.click();
+    await page.getByTestId("daily-report-tile-spot-free-lastbil-target-input").fill("55.5");
+    await page.getByTestId("daily-report-tile-spot-free-lastbil-target-save").click();
+
+    await expect.poll(() => targetRequests.length).toBe(1);
+    expect(targetRequests[0]).toMatchObject({
+      department_id: 1,
+      product_id: 24,
+      target_percentage: 55.5,
+    });
+    await expect(page.getByTestId("daily-report-tile-spot-free-lastbil-target-button")).toContainText("55.5%");
+    await expect(productTile.locator(".daily-report-count__target-background-icon")).toHaveCount(1);
+  });
+
+  test("does not open the product target editor without permission", async ({ page }) => {
+    await mockDailyReportDependencies(page, {
+      overviewHandler: async () => json(buildOverviewPayload()),
+      permissions: adminPermissions,
+    });
+
+    await page.goto("/admin/1/modules/daily-report?departmentIds=1&dateFrom=2026-03-23&dateTo=2026-03-23");
+    await expect(page.getByTestId("daily-report-page")).toBeVisible();
+
+    await page.getByTestId("daily-report-tile-spot-free-lastbil-percentage-button").click();
+
+    await expect(page.locator('[data-testid="daily-report-tile-spot-free-lastbil-target-input"]')).toHaveCount(0);
+    await expect(page.locator('[data-testid="daily-report-tile-spot-free-lastbil-target-button"]')).toHaveCount(0);
+  });
+
   test("renders rounded-up weather hours and keeps unknown productivity gray", async ({ page }) => {
     await mockDailyReportDependencies(page, {
       overviewHandler: async () => json(buildOverviewPayload()),

tests/e2e/admin-department-notifications.spec.ts

@@ -18,6 +18,8 @@ const json = (body: unknown, status = 200) => ({
 });
 const pageReadyTimeout = process.env.CI ? 30_000 : 15_000;
 
+const pageBootstrapTimeoutMs = 45_000;
+
 const setupNotificationSmsApi = async (page: Page) => {
   let listRequestCount = 0;
   const mutations: Array<{ method: string; body?: Record<string, unknown>; id?: number }> = [];
@@ -118,6 +120,21 @@ test("@smoke department notification SMS active toggle and delete refresh the ta
   await page.goto("/admin/1/modules/notifications", { waitUntil: "domcontentloaded" });
   await expect.poll(() => notificationSmsApi.listRequestCount, { timeout: pageReadyTimeout }).toBeGreaterThan(0);
 
+  const pageTitle = page.getByTestId("department-notifications-title");
+  await expect(pageTitle).toBeVisible({ timeout: pageBootstrapTimeoutMs });
+  await expect(pageTitle).toContainText(/notifikationer|notifications/i);
+
+  const pageSubtitle = page.getByTestId("department-notifications-subtitle");
+  await expect(pageSubtitle).toBeVisible();
+  await expect(pageSubtitle).toContainText(/sms/i);
+  await expect(page.locator(".message").filter({ hasText: /sms/i })).toHaveCount(0);
+
+  const addPhoneButton = page.getByTestId("department-notification-sms-add-button");
+  await expect(addPhoneButton).toBeVisible();
+  await expect(addPhoneButton).toHaveClass(/is-primary/);
+  await expect(addPhoneButton).not.toHaveClass(/is-info/);
+  await expect(addPhoneButton.locator(".fa-plus")).toBeVisible();
+
   const row = page.locator("tr", { hasText: "Dispatch line" });
   await expect(row).toBeVisible({ timeout: pageReadyTimeout });
   const enabledToggle = page.getByTestId("department-notification-sms-enabled-toggle-501");

tests/e2e/admin-pos-orders.spec.ts

@@ -1844,7 +1844,7 @@ test("shows live Stripe payment status and cancellation for open card payment or
   await expect(page.getByTestId("pos-order-stripe-email-cancel")).toBeVisible();
   await expect(page.getByTestId("pos-order-print-receipt")).toHaveCount(0);
   await expect(page.getByRole("button", { name: /Fuldfør ordre|Complete order/ })).toHaveCount(0);
-  await expect(page.getByRole("button", { name: /Hent faktura|Get invoice/ })).toHaveCount(0);
+  await expect(page.locator('[data-action-key="economic-invoice-pdf-download"]')).toBeDisabled();
 
   await page.getByTestId("pos-order-stripe-email-cancel").click();
   await deleteStripeInvoiceRequest;
@@ -2950,6 +2950,28 @@ test.describe("Admin POS Orders - desktop locked states", () => {
     await expectOrderTotal(page, 1372);
   });
 
+  test("disables invoice PDF download while the Economic invoice id is missing", async ({ page }) => {
+    await mockApi(page, {
+      authenticated: true,
+      permissions: POS_PERMISSIONS,
+      edgeGateways: false,
+      pos: createPosFixture({
+        economicModuleOrdersByOrderId: {
+          54518: {
+            invoice_id: null,
+            invoice_draft_id: 88012,
+          },
+        },
+      }),
+    });
+    await primeOperatorSession(page, "pos-orders-draft-invoice-token");
+    await openOrderDetail(page);
+
+    const downloadButton = page.locator('[data-action-key="economic-invoice-pdf-download"]');
+    await expect(downloadButton).toBeVisible();
+    await expect(downloadButton).toBeDisabled();
+  });
+
   test("hides item mutation controls when the order is already invoiced", async ({ page }) => {
     await mockApi(page, {
       authenticated: true,
@@ -2970,6 +2992,7 @@ test.describe("Admin POS Orders - desktop locked states", () => {
     await expect(page.getByTestId("pos-order-item-edit-9101")).toHaveCount(0);
     await expect(page.getByTestId("pos-order-item-delete-9101")).toHaveCount(0);
     await expect(page.getByTestId("pos-order-add-item")).toHaveCount(0);
+    await expect(page.locator('[data-action-key="economic-invoice-pdf-download"]')).toBeEnabled();
     await expectOrderTotal(page, 1372);
   });
 });

tests/e2e/coolify-infrastructure.spec.js

@@ -825,7 +825,7 @@ test.describe("Coolify infrastructure management", () => {
     await expect(actions.getByRole("button", { name: "Reconcile Coolify" })).toBeVisible();
     await expect(actions.getByRole("button", { name: "Coolify failover" })).toBeVisible();
     await actions.getByRole("button", { name: "Reconcile Coolify" }).click();
-    expect(state.reconciledTargets.length).toBeGreaterThan(0);
+    await expect.poll(() => state.reconciledTargets.length).toBeGreaterThan(0);
   });
 
   test("resumes Coolify-backed provisioning after page reload", async ({ page }) => {
@@ -1044,7 +1044,9 @@ test.describe("Coolify infrastructure management", () => {
     await actions.locator(".action-settings-wheel-trigger").click();
     await actions.getByRole("button", { name: /Rename|Omdøb/ }).click();
 
-    expect(state.renamedHosts).toContainEqual({ kind: "database", id: 2, label: "mariadb-manual-replica" });
+    await expect
+      .poll(() => state.renamedHosts)
+      .toContainEqual({ kind: "database", id: 2, label: "mariadb-manual-replica" });
     await expect(page.getByTestId("replication-host-database-2")).toContainText("mariadb-manual-replica");
   });
 });

tests/e2e/fixtures/authHelpers.ts

@@ -350,6 +350,10 @@ async function readStoredToken(page: Page) {
   }
 }
 
+async function waitForAppRootMounted(page: Page) {
+  await expect.poll(async () => page.locator("#app > *").count(), { timeout: AUTH_TIMEOUT }).toBeGreaterThan(0);
+}
+
 async function settleAuthenticatedNavigation(page: Page, targetPath: string, targetUrl: RegExp) {
   await expect.poll(() => readStoredToken(page), { timeout: AUTH_TIMEOUT }).not.toBeNull();
   const navigateToTarget = async () => {
@@ -376,6 +380,8 @@ async function settleAuthenticatedNavigation(page: Page, targetPath: string, tar
     await navigateToTarget();
     await expect.poll(() => page.url(), { timeout: AUTH_TIMEOUT }).toMatch(targetUrl);
   }
+
+  await waitForAppRootMounted(page);
 }
 
 /**

tests/e2e/i18n.views.spec.ts

@@ -6,7 +6,12 @@ import { scanViewTranslationKeys, type ViewTranslationKeyUsage } from "./support
 const ACTIVE_LOCALES = ["da", "en", "sv", "de", "no"] as const;
 const GENERATED_LOCALES_DIRECTORY = path.join(process.cwd(), "src", "i18n", "generated");
 const REVIEWED_NON_LITERAL_CALLS = new Set([
+  "src/views/backoffice/LimitedBackofficeEmployees.vue|t|return `${option.flag} +${option.value} ${t(`templates.limited_backoffice.employees.country_codes.${option.labelKey}`)}`;",
   "src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodFlagList.vue|t|const translated = t(key, params);",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.page_access.${permission}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.page_access.${permission}.description`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.groups.${group.key}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.groups.${group.key}.description`),",
   'src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|t|return t(`replication.status.${status || "unknown"}`);',
   "src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|te|if (key && te(key)) {",
   "src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|t|return t(key, params);",
@@ -14,9 +19,18 @@ const REVIEWED_NON_LITERAL_CALLS = new Set([
   'src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|t|<li v-for="key in redisComposeInstructionKeys" :key="key">{{ t(key) }}</li>',
   'src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|t|<li v-for="key in minioComposeInstructionKeys" :key="key">{{ t(key) }}</li>',
   "src/views/dashboards/superUserDashboard/system/ReplicationManagement.vue|t|<td>{{ t(`replication.roles.${host.role}`) }}</td>",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.page_access.${permission}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.page_access.${permission}.description`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.groups.${group.key}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.groups.${group.key}.description`),",
   "src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue|t|const tr = (key, params = {}) => t(`configuration.release_manager.${key}`, params);",
   "src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue|t|const translated = t(fullKey, params);",
   "src/views/dashboards/superUserDashboard/ErrorReports.vue|t|const value = t(key);",
+  "src/views/backoffice/LimitedBackofficeEmployees.vue|t|return `${option.flag} +${option.value} ${t(`templates.limited_backoffice.employees.country_codes.${option.labelKey}`)}`;",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.page_access.${permission}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.page_access.${permission}.description`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.groups.${group.key}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.groups.${group.key}.description`),",
   'src/views/dashboards/userDashboard/wash/components/LaneSelectionSection.vue|$t|:title="option.titleKey ? $t(option.titleKey) : null"',
   'src/views/dashboards/userDashboard/wash/components/LaneSelectionSection.vue|$t|:aria-label="option.titleKey ? $t(option.titleKey) : null"',
   "src/views/dashboards/userDashboard/wash/components/LaneSelectionSection.vue|$t|{{ $t(option.statusLabelKey) }}",
@@ -24,6 +38,10 @@ const REVIEWED_NON_LITERAL_CALLS = new Set([
   "src/views/dashboards/userDashboard/wash/components/WashTypeSelector.vue|$t|{{ $t(option.statusLabelKey) }}",
   'src/views/dashboards/userDashboard/wash/MyWashStart.vue|$t|:vehicle-step-guidance="vehicleStepGuidanceKey ? $t(vehicleStepGuidanceKey) : null"',
   "src/views/dashboards/userDashboard/wash/MyWashStart.vue|$t|{{ $t(confirmActionLabelKey) }}",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.page_access.${permission}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.page_access.${permission}.description`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|label: t(`roles.permissions.groups.${group.key}.label`),",
+  "src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue|t|description: t(`roles.permissions.groups.${group.key}.description`),",
 ]);
 
 const readGeneratedJson = (fileName: string) => {

tests/e2e/invoice-distribution.smoke.spec.js

@@ -55,7 +55,7 @@ async function suppressVueDevtoolsOverlay(page) {
 
 async function primeSuperuserSession(page) {
   const token = "superuser-e2e-token";
-  await primeMockSession(page, { token });
+  await primeMockSession(page, { token, bootPath: null });
 }
 
 async function prepareInvoiceDistributionPage(page, overrides = {}) {

tests/e2e/limited-backoffice.spec.ts

@@ -1,4 +1,4 @@
-import { expect, test } from "@playwright/test";
+import { expect, test, type Page } from "@playwright/test";
 import { API_HOST, seedAuthenticatedState } from "./support/network.js";
 import { isDesktopProject } from "./support/projects";
 
@@ -14,6 +14,7 @@ const limitedManagerPermissions = [
   "limited_backoffice_prices_manage",
   "limited_backoffice_employees_manage",
   "department_access_1",
+  "department_access_2",
 ];
 
 const sessionData = {
@@ -62,7 +63,10 @@ const adminLimitedSessionData = {
   permissions: ["user", "admin", "limited_backoffice_access", "department_access_1"],
 };
 
-const assignedDepartments = [{ id: 1, name: "Assigned Depot", description: "", visible: true, archived: false }];
+const assignedDepartments = [
+  { id: 1, name: "Assigned Depot", description: "", visible: true, archived: false },
+  { id: 2, name: "Remote Depot", description: "", visible: true, archived: false },
+];
 
 const pricePayload = {
   department: { id: 1, name: "Assigned Depot", description: "" },
@@ -235,6 +239,11 @@ const rolePermissionGroups = {
   ],
 };
 
+const remotePricePayload = {
+  ...pricePayload,
+  department: { id: 2, name: "Remote Depot", description: "" },
+};
+
 const rolesPayload = [
   { key: "viewer", label: "Viewer", description: "Can view.", permission_groups: rolePermissionGroups.viewer },
   { key: "cashier", label: "Cashier", description: "Can sell.", permission_groups: rolePermissionGroups.cashier },
@@ -274,6 +283,17 @@ const employeesPayload = [
     created_at: "2026-01-01 00:00:00",
     updated_at: "2026-01-01 00:00:00",
   },
+  {
+    id: 502,
+    customer_number: 900000502,
+    display_name: "Riley Remote",
+    email: "riley@example.com",
+    active: true,
+    role: { key: "viewer", label: "Viewer", description: "Can view." },
+    departments: [{ id: 2, name: "Remote Depot" }],
+    created_at: "2026-01-01 00:00:00",
+    updated_at: "2026-01-01 00:00:00",
+  },
 ];
 
 async function seedLimitedBackofficeSession(page, token = "limited-backoffice-token") {
@@ -350,6 +370,11 @@ async function mockLimitedBackofficeApi(page, authSessionData = sessionData, opt
       return;
     }
 
+    if (pathname.endsWith("/limited-backoffice/departments/2/prices") && method === "GET") {
+      await route.fulfill(json({ data: remotePricePayload }));
+      return;
+    }
+
     if (pathname.endsWith("/limited-backoffice/departments/1/prices") && method === "PUT") {
       const body = request.postDataJSON?.() || null;
       priceUpdateCalls.push(body);
@@ -462,6 +487,20 @@ async function mockLimitedBackofficeApi(page, authSessionData = sessionData, opt
   };
 }
 
+async function expectDepartmentSelectorInTitleRow(page: Page) {
+  const headingBox = await page.getByRole("heading", { name: "Backoffice" }).boundingBox();
+  const selectBox = await page.getByTestId("limited-backoffice-department-select").boundingBox();
+
+  expect(headingBox).not.toBeNull();
+  expect(selectBox).not.toBeNull();
+  if (!headingBox || !selectBox) {
+    return;
+  }
+
+  expect(selectBox.x).toBeGreaterThan(headingBox.x);
+  expect(Math.abs(selectBox.y + selectBox.height / 2 - (headingBox.y + headingBox.height / 2))).toBeLessThan(48);
+}
+
 test.describe("Limited backoffice", () => {
   test("shows the limited backoffice header shortcut only on department-scoped admin pages", async ({
     page,
@@ -539,7 +578,9 @@ test.describe("Limited backoffice", () => {
     await page.goto("/backoffice/departments/1/prices");
 
     await expect(page.getByTestId("limited-prices-title")).toBeVisible();
+    await expectDepartmentSelectorInTitleRow(page);
     await expect(page.getByTestId("limited-backoffice-department-select")).toContainText("Assigned Depot");
+    await expect(page.getByTestId("limited-backoffice-department-select")).toContainText("Remote Depot");
     await expect(page.getByTestId("limited-backoffice-department-select")).not.toContainText("Other Depot");
     await expect(page.getByTestId("limited-price-row-101")).toContainText("Truck wash");
     await expect(page.getByTestId("limited-price-input-101")).toHaveValue("125");
@@ -718,12 +759,16 @@ test.describe("Limited backoffice", () => {
     await seedLimitedBackofficeSession(page);
     const api = await mockLimitedBackofficeApi(page);
 
-    await page.goto("/backoffice/employees");
+    await page.goto("/backoffice/departments/1/employees");
 
     await expect(page.getByTestId("limited-employees-title")).toBeVisible();
+    await expectDepartmentSelectorInTitleRow(page);
     await expect(page.getByTestId("limited-employee-row-501")).toContainText("Casey Clerk");
     await expect(page.getByTestId("limited-employee-user-id-501")).toHaveText("501");
     await expect(page.getByTestId("limited-employee-phone-501")).toHaveText("+45 12345678");
+    await expect(page.getByTestId("limited-employee-row-502")).toHaveCount(0);
+    await expect(page.getByTestId("limited-employee-department-1")).toBeChecked();
+    await expect(page.getByTestId("limited-employee-department-2")).not.toBeChecked();
     await expect(page.locator("#limited-employee-role option")).toHaveCount(5);
     await expect(page.getByTestId("limited-employee-role")).not.toContainText("Superuser");
     await expect(page.locator("body")).not.toContainText("department_access_1");
@@ -834,15 +879,14 @@ test.describe("Limited backoffice", () => {
     await expect(page.getByTestId("limited-employees-title")).toBeVisible();
     await expect(page.getByTestId("limited-employee-save")).toBeDisabled();
     await expect(page.getByTestId("limited-employee-save")).toHaveClass(/is-fullwidth/);
-    await expect(page.getByTestId("limited-employee-departments").locator(".switch")).toHaveCount(1);
+    await expect(page.getByTestId("limited-employee-departments").locator(".switch")).toHaveCount(2);
+    await expect(page.getByTestId("limited-employee-department-1")).toBeChecked();
+    await expect(page.getByTestId("limited-employee-department-2")).not.toBeChecked();
     await expect(page.getByTestId("limited-employee-phone-country-code")).toContainText("+45");
 
     await page.getByTestId("limited-employee-name").fill("No Phone Worker");
     await page.getByTestId("limited-employee-email").fill("no-phone@example.com");
     await page.getByTestId("limited-employee-password").fill("Secret123!");
-    await expect(page.getByTestId("limited-employee-save")).toBeDisabled();
-
-    await page.getByTestId("limited-employee-department-1").click();
     await expect(page.getByTestId("limited-employee-save")).toBeEnabled();
     await page.getByTestId("limited-employee-save").click();
 
@@ -856,14 +900,13 @@ test.describe("Limited backoffice", () => {
       role_key: "viewer",
       department_ids: [1],
     });
-    await expect(page.getByTestId("limited-employee-row-902")).toContainText("No Phone Worker");
+    await expect(page.getByTestId("limited-employee-row-903")).toContainText("No Phone Worker");
 
     await page.getByTestId("limited-employee-name").fill("Phone Worker");
     await page.getByTestId("limited-employee-email").fill("phone@example.com");
     await page.getByTestId("limited-employee-phone-country-code").selectOption("358");
     await page.getByTestId("limited-employee-phone").fill("87654321");
     await page.getByTestId("limited-employee-password").fill("Secret123!");
-    await page.getByTestId("limited-employee-department-1").click();
     await expect(page.getByTestId("limited-employee-save")).toBeEnabled();
     await page.getByTestId("limited-employee-save").click();
 
@@ -877,8 +920,8 @@ test.describe("Limited backoffice", () => {
       role_key: "viewer",
       department_ids: [1],
     });
-    await expect(page.getByTestId("limited-employee-row-903")).toContainText("Phone Worker");
-    await expect(page.getByTestId("limited-employee-phone-903")).toHaveText("+358 87654321");
+    await expect(page.getByTestId("limited-employee-row-904")).toContainText("Phone Worker");
+    await expect(page.getByTestId("limited-employee-phone-904")).toHaveText("+358 87654321");
   });
 
   test("edits employee contact details without requiring a new password", async ({ page }) => {
@@ -912,19 +955,75 @@ test.describe("Limited backoffice", () => {
     await expect(page.getByTestId("limited-employee-phone-501")).toHaveText("+358 87654321");
   });
 
+  test("keeps department context across employee access navigation", async ({ page }, testInfo) => {
+    test.skip(!isDesktopProject(testInfo), "Desktop only");
+
+    await seedLimitedBackofficeSession(page);
+    const api = await mockLimitedBackofficeApi(page);
+
+    await page.goto("/backoffice/employees");
+
+    await expect(page).toHaveURL(/\/backoffice\/departments\/1\/employees$/);
+    await expect(page.getByTestId("limited-backoffice-tab-prices")).toHaveAttribute(
+      "href",
+      "/backoffice/departments/1/prices"
+    );
+    await expect(page.getByTestId("limited-backoffice-tab-employees")).toHaveAttribute(
+      "href",
+      "/backoffice/departments/1/employees"
+    );
+
+    await page.getByTestId("limited-backoffice-department-select").selectOption("2");
+
+    await expect(page).toHaveURL(/\/backoffice\/departments\/2\/employees$/);
+    await expect(page.getByTestId("limited-employee-row-501")).toHaveCount(0);
+    await expect(page.getByTestId("limited-employee-row-502")).toContainText("Riley Remote");
+    await expect(page.getByTestId("limited-employee-department-1")).not.toBeChecked();
+    await expect(page.getByTestId("limited-employee-department-2")).toBeChecked();
+    await expect(page.getByTestId("limited-backoffice-tab-prices")).toHaveAttribute(
+      "href",
+      "/backoffice/departments/2/prices"
+    );
+
+    await page.getByTestId("limited-backoffice-tab-prices").click();
+    await expect(page).toHaveURL(/\/backoffice\/departments\/2\/prices$/);
+    await expect(page.getByTestId("limited-backoffice-tab-employees")).toHaveAttribute(
+      "href",
+      "/backoffice/departments/2/employees"
+    );
+
+    expect(api.forbiddenCalls).toEqual([]);
+  });
+
   test("does not render data for a department outside the manager scope", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
 
     await seedLimitedBackofficeSession(page);
     const api = await mockLimitedBackofficeApi(page);
 
-    await page.goto("/backoffice/departments/2/prices");
+    await page.goto("/backoffice/departments/3/prices");
 
     await expect(page.getByTestId("limited-prices-forbidden")).toBeVisible();
     await expect(page.locator("body")).not.toContainText("Secret Depot");
     await expect(page.getByTestId("limited-prices-table")).toHaveCount(0);
 
-    expect(api.calls.some((call) => call.includes("/limited-backoffice/departments/2/prices"))).toBe(false);
+    expect(api.calls.some((call) => call.includes("/limited-backoffice/departments/3/prices"))).toBe(false);
+    expect(api.forbiddenCalls).toEqual([]);
+  });
+
+  test("does not render employee data for a department outside the manager scope", async ({ page }, testInfo) => {
+    test.skip(!isDesktopProject(testInfo), "Desktop only");
+
+    await seedLimitedBackofficeSession(page);
+    const api = await mockLimitedBackofficeApi(page);
+
+    await page.goto("/backoffice/departments/3/employees");
+
+    await expect(page.getByTestId("limited-employees-forbidden")).toBeVisible();
+    await expect(page.locator("body")).not.toContainText("Secret Depot");
+    await expect(page.getByTestId("limited-employees-table")).toHaveCount(0);
+
+    expect(api.calls.some((call) => call.includes("/limited-backoffice/employees"))).toBe(false);
     expect(api.forbiddenCalls).toEqual([]);
   });
 });

tests/e2e/pos-flow.spec.js

@@ -591,6 +591,7 @@ async function mockPosApi(page, fixture) {
           city: body?.searchResult?.city || "Taastrup",
           mobilePhone: String(body.contactPhone || body.companyPhone || ""),
           email: body.contactEmail || body.invoiceEmail || "",
+          ean: String(body.ean || ""),
           corporateIdentificationNumber: String(body.cvr || "").padStart(8, "0"),
           barred: false,
         };
@@ -1503,6 +1504,7 @@ test.describe("POS flow", () => {
     const invoiceEmail = page.getByTestId("pos-desktop-add-customer-invoice-email");
     const contactEmail = page.getByTestId("pos-desktop-add-customer-contact-email");
     const contactPhone = page.getByTestId("pos-desktop-add-customer-contact-phone");
+    const ean = page.getByTestId("pos-desktop-add-customer-ean");
     const submitButton = page.getByTestId("pos-desktop-add-customer-submit");
 
     await expect(newCustomerButton).toBeVisible();
@@ -1517,15 +1519,18 @@ test.describe("POS flow", () => {
     await expect(invoiceEmail).toHaveValue("mikkel@truckwash.dk");
     await expect(contactEmail).toHaveValue("mikkel@truckwash.dk");
     await expect(contactPhone).toHaveValue("21754690");
+    await expect(ean).toHaveValue("");
 
     await companyPhone.fill("55550000");
     await contactEmail.fill("dispatch@truckwash.test");
+    await ean.fill("5790001234567");
     await searchInput.fill("43423010");
 
     await expect(companyPhone).toHaveValue("55550000", { timeout: 10_000 });
     await expect(contactEmail).toHaveValue("dispatch@truckwash.test");
     await expect(invoiceEmail).toHaveValue("billing@wash-group.test");
     await expect(contactPhone).toHaveValue("42331128");
+    await expect(ean).toHaveValue("5790001234567");
     await expect(submitButton).toBeEnabled();
 
     await submitButton.click();
@@ -1536,6 +1541,7 @@ test.describe("POS flow", () => {
     await expect(page.locator(".field.has-addons input[disabled]")).toHaveValue("Wash Group ApS", { timeout: 10_000 });
     await expect(page.getByRole("button", { name: "Ryd" })).toBeVisible();
     await expect.poll(() => fixture.customerRegistrations.length, { timeout: 10_000 }).toBe(1);
+    expect(fixture.customerRegistrations[0]).toMatchObject({ ean: "5790001234567" });
     await expect.poll(() => fixture.cvrSearches.length, { timeout: 10_000 }).toBe(2);
   });
 

tests/e2e/pos-mobile-order-flow.spec.js

@@ -1015,6 +1015,7 @@ test.describe("POS mobile order flow", () => {
     const invoiceEmail = page.getByTestId("pos-mobile-add-customer-invoice-email");
     const contactEmail = page.getByTestId("pos-mobile-add-customer-contact-email");
     const contactPhone = page.getByTestId("pos-mobile-add-customer-contact-phone");
+    const ean = page.getByTestId("pos-mobile-add-customer-ean");
     const submitButton = page.getByTestId("pos-mobile-add-customer-submit");
 
     await searchInput.fill("41004355");
@@ -1022,10 +1023,12 @@ test.describe("POS mobile order flow", () => {
     await expect(invoiceEmail).toHaveValue("mikkel@truckwash.dk");
     await expect(contactEmail).toHaveValue("mikkel@truckwash.dk");
     await expect(contactPhone).toHaveValue("21754690");
+    await expect(ean).toHaveValue("");
     await expect(submitButton).toBeVisible({ timeout: 10_000 });
 
     await companyPhone.fill("55550000");
     await contactEmail.fill("dispatch@truckwash.test");
+    await ean.fill("5790001234567");
 
     await searchInput.fill("43423010");
 
@@ -1033,6 +1036,7 @@ test.describe("POS mobile order flow", () => {
     await expect(contactEmail).toHaveValue("dispatch@truckwash.test");
     await expect(invoiceEmail).toHaveValue("billing@wash-group.test");
     await expect(contactPhone).toHaveValue("42331128");
+    await expect(ean).toHaveValue("5790001234567");
     await expect(submitButton).toBeVisible({ timeout: 10_000 });
   });
 

tests/e2e/release-manager.spec.js

@@ -2328,7 +2328,11 @@ test("superusers manage release settings, assignments, integrations, and sync op
   await expect(page.getByTestId("release-assignment-subject-manual-user-909")).toContainText("User #909");
   await expect(page.getByTestId("release-assignment-subject-manual-subuser-909")).toContainText("Subuser #909");
   await expect(page.getByTestId("release-assignment-subject-manual-customer-909")).toContainText("Customer #909");
-  await page.getByTestId("release-assignment-subject-manual-subuser-909").click({ force: true });
+  await page
+    .getByTestId("release-assignment-subject-autocomplete")
+    .getByRole("button", { name: /Subuser #909/ })
+    .click();
+  await expect(assignmentSubjectInput).toHaveValue("Subuser #909 - Use typed value subuser:909");
   await page.getByTestId("release-assignment-form").getByRole("button", { name: "Assign" }).click();
   expect(state.assignmentPayloads[state.assignmentPayloads.length - 1]).toMatchObject({
     subject_type: "subuser",

tests/e2e/self-serve-wash.spec.js

@@ -27,7 +27,7 @@ async function primeSession(page, { token, permissions, sessionData = {} }) {
   await seedAuthenticatedState(page, token);
 }
 
-async function mockSelectedSubuserGrant(page, { customerNumber = 12345679, permissions = ["user"] } = {}) {
+async function mockSelectedSubuserGrant(page, { customerNumber = 12345679, permissions = ["SELFSERVE_LIST"] } = {}) {
   await page.route("**/subusers/me", async (route) => {
     await route.fulfill({
       status: 200,
@@ -249,6 +249,7 @@ test.describe("Self-serve wash", () => {
       },
       selfServe: true,
     });
+    api.selfServe.commandResponseDelayMs = [500, 0];
     await primeSession(page, {
       token: "self-serve-user-token",
       permissions: ["user"],
@@ -1045,7 +1046,7 @@ test.describe("Self-serve wash", () => {
       customerNumberInput: "777",
     });
 
-    await mockApi(page, {
+    const api = await mockApi(page, {
       authenticated: true,
       permissions: ["user"],
       sessionData: {
@@ -1063,6 +1064,25 @@ test.describe("Self-serve wash", () => {
         ],
       },
     });
+    api.selfServe.previewByKey["7:ZZ00000"] = {
+      ...api.selfServe.previewByKey["7:ZZ00000"],
+      questions: [],
+      tasks: [],
+    };
+    api.selfServe.summaryBySessionId[601] = {
+      ...api.selfServe.summaryBySessionId[601],
+      questions: [],
+      tasks: [],
+    };
+    api.selfServe.summaryByKey["7:ZZ00000"] = {
+      session: api.selfServe.previewByKey["7:ZZ00000"].session,
+      lane: api.selfServe.previewByKey["7:ZZ00000"].lane,
+      questions: [],
+      conditions: [],
+      rules: [],
+      tasks: [],
+      events: [{ id: 4, type: "STARTED", created_at: "2026-01-01T11:01:00.000Z" }],
+    };
     await primeSession(page, {
       token: "self-serve-start-retry-token",
       permissions: ["user"],
@@ -1163,6 +1183,7 @@ test.describe("Self-serve wash", () => {
       authenticated: true,
       permissions: ["user"],
       selfServe: {
+        commandResponseDelayMs: [500, 0],
         commandResponses: [
           {
             success: false,

tests/e2e/superuser-products-layout.spec.ts

@@ -15,6 +15,7 @@ type ProductRouteOptions = {
   categories?: unknown;
   productOptions?: unknown;
   economicProducts?: unknown;
+  onProductsRequest?: (url: URL) => void;
 };
 
 const collectBrowserErrors = (page: Page) => {
@@ -42,6 +43,7 @@ const stubSuperuserProductRoutes = async (
     categories = [],
     productOptions = [],
     economicProducts = [],
+    onProductsRequest,
   }: ProductRouteOptions
 ) => {
   await seedAuthenticatedState(page, token);
@@ -154,6 +156,7 @@ const stubSuperuserProductRoutes = async (
     }
 
     if (pathname.endsWith("/products") && method === "GET") {
+      onProductsRequest?.(url);
       const perPage = Number(url.searchParams.get("limit") || "100");
 
       await route.fulfill(
@@ -273,7 +276,14 @@ test.describe("Superuser products layout", () => {
     ];
 
     await page.setViewportSize({ width: 1280, height: 720 });
-    await stubSuperuserProductRoutes(page, { products, categories, productOptions, economicProducts });
+    const productRequestUrls: string[] = [];
+    await stubSuperuserProductRoutes(page, {
+      products,
+      categories,
+      productOptions,
+      economicProducts,
+      onProductsRequest: (url) => productRequestUrls.push(url.toString()),
+    });
 
     await page.goto("/superuser/products");
 
@@ -316,6 +326,16 @@ test.describe("Superuser products layout", () => {
     await expect(page.getByTestId("superuser-product-name")).toContainText("Trækker");
     await expect(page.getByRole("heading", { name: "Trækker" })).toBeVisible();
 
+    const detailRequest = productRequestUrls
+      .map((url) => new URL(url))
+      .find((url) => url.searchParams.get("id") === "1");
+
+    expect(detailRequest).toBeDefined();
+    expect(detailRequest?.searchParams.get("department_id")).toBeNull();
+    expect(detailRequest?.searchParams.get("customer_id")).toBeNull();
+    expect(detailRequest?.searchParams.get("category_id")).toBeNull();
+    expect(detailRequest?.searchParams.get("final_price")).toBe("false");
+
     expect(pageErrors).toEqual([]);
     expect(consoleErrors).toEqual([]);
   });

tests/e2e/superuser-system-status.smoke.spec.js

@@ -25,6 +25,44 @@ async function bootSuperuser(page, { permissions = ["superuser", "user"], edgeGa
   await primeSuperuserSession(page);
 }
 
+async function waitForLayoutFrame(page) {
+  await page.evaluate(
+    () =>
+      new Promise((resolve) => {
+        requestAnimationFrame(() => requestAnimationFrame(resolve));
+      })
+  );
+}
+
+async function getActionMenuVerticalPlacement(trigger, menu) {
+  const [triggerBox, menuBox] = await Promise.all([trigger.boundingBox(), menu.boundingBox()]);
+
+  expect(triggerBox).not.toBeNull();
+  expect(menuBox).not.toBeNull();
+
+  const belowGap = menuBox.y - (triggerBox.y + triggerBox.height);
+  const aboveGap = triggerBox.y - (menuBox.y + menuBox.height);
+  const isBelowButton = belowGap >= -2 && belowGap <= 16;
+  const isAboveButton = aboveGap >= -2 && aboveGap <= 16;
+
+  expect(isBelowButton || isAboveButton).toBe(true);
+  expect(menuBox.y >= triggerBox.y + triggerBox.height - 2 || menuBox.y + menuBox.height <= triggerBox.y + 2).toBe(
+    true
+  );
+
+  return isBelowButton ? "below" : "above";
+}
+
+async function getSettledActionMenuVerticalPlacement(page, trigger, menu) {
+  await waitForLayoutFrame(page);
+  const firstPlacement = await getActionMenuVerticalPlacement(trigger, menu);
+  await waitForLayoutFrame(page);
+  const secondPlacement = await getActionMenuVerticalPlacement(trigger, menu);
+  expect(secondPlacement).toBe(firstPlacement);
+
+  return secondPlacement;
+}
+
 async function installSystemStatusMock(page, snapshot) {
   await page.route(/\/superuser\/system\/status(?:\?.*)?$/, async (route) => {
     await route.fulfill(
@@ -815,6 +853,38 @@ test.describe("Superuser system status smoke", () => {
     await expect(page.getByTestId("database-status-card")).toContainText("8.0.36");
   });
 
+  test("@smoke @pr superuser replication action menu keeps stable vertical placement", async ({ page }) => {
+    await bootSuperuser(page);
+    await installReplicationMock(page);
+
+    await page.goto("/superuser/system/replication");
+
+    await expect(page.getByTestId("replication-management-page")).toBeVisible({ timeout: PAGE_READY_TIMEOUT });
+    await expect(page.getByTestId("replication-host-database-2")).toContainText("mysql-replica-1");
+
+    const replicaActions = page.getByTestId("replication-actions-database-2");
+    const replicaActionTrigger = replicaActions.locator(".action-settings-wheel-trigger");
+    const replicaActionMenu = replicaActions.locator(".dropdown-content");
+
+    await expect(replicaActionTrigger).toBeVisible();
+    await replicaActionTrigger.click();
+    await expect(replicaActions.locator(".dropdown-item-action:visible")).toHaveCount(4);
+    const initialPlacement = await getSettledActionMenuVerticalPlacement(page, replicaActionTrigger, replicaActionMenu);
+
+    await page.keyboard.press("Escape");
+    await expect(replicaActionTrigger).not.toHaveClass(/action-settings-wheel-trigger--active/);
+
+    await replicaActionTrigger.click();
+    await expect(replicaActions.locator(".dropdown-item-action:visible")).toHaveCount(4);
+    const reopenedPlacement = await getSettledActionMenuVerticalPlacement(
+      page,
+      replicaActionTrigger,
+      replicaActionMenu
+    );
+
+    expect(reopenedPlacement).toBe(initialPlacement);
+  });
+
   test("@smoke superuser replication management page renders topology and percentages", async ({ page }) => {
     await bootSuperuser(page);
     const replicationRequests = await installReplicationMock(page);
@@ -863,15 +933,11 @@ test.describe("Superuser system status smoke", () => {
     await replicaActionTrigger.click();
     await expect(replicaActions.locator(".dropdown-item-action:visible")).toHaveCount(4);
     await expect(replicaActions.getByRole("button", { name: "Omdøb" })).toBeVisible();
-    const [triggerBox, menuBox] = await Promise.all([
-      replicaActionTrigger.boundingBox(),
-      replicaActions.locator(".dropdown-content").boundingBox(),
-    ]);
-    expect(triggerBox).not.toBeNull();
-    expect(menuBox).not.toBeNull();
-    const isMenuBelowButton = Math.abs(menuBox.y - (triggerBox.y + triggerBox.height)) <= 12;
-    const isMenuAboveButton = Math.abs(menuBox.y + menuBox.height - triggerBox.y) <= 12;
-    expect(isMenuBelowButton || isMenuAboveButton).toBe(true);
+    await getSettledActionMenuVerticalPlacement(
+      page,
+      replicaActionTrigger,
+      replicaActions.locator(".dropdown-content")
+    );
     await replicaActions.getByRole("button", { name: "Test" }).click();
     expect(replicationRequests.hostTestKinds).toContain("database");
     const addHostTabs = page.getByTestId("replication-add-host-tabs");

tests/e2e/superuser-users.spec.ts

@@ -1,6 +1,6 @@
 import { expect, test } from "@playwright/test";
 
-import { mockApi, seedAuthenticatedState } from "./support/network.js";
+import { apiPathPattern, mockApi, seedAuthenticatedState } from "./support/network.js";
 import { isDesktopProject } from "./support/projects";
 
 const json = (body: unknown, status = 200) => ({
@@ -35,6 +35,172 @@ const userEnvelope = (rows: Array<Record<string, unknown>>) => ({
   },
 });
 
+const overviewUser = {
+  id: 11,
+  customer_number: 12345,
+  display_name: "Anna Andersen",
+  email: "anna@example.test",
+  phone: {
+    number: "12345678",
+    country_code: 45,
+  },
+  group_id: 1,
+  created_at: "2026-01-01 08:30:00",
+  updated_at: "2026-02-01 09:45:00",
+  economic_customer: {
+    customerNumber: 12345,
+    name: "Anna Transport",
+    address: "Main Road 1",
+    zip: "2100",
+    city: "Copenhagen",
+    mobilePhone: "12345678",
+    email: "billing@example.test",
+    corporateIdentificationNumber: "12345678",
+    currency: "DKK",
+    country: "Denmark",
+    barred: false,
+  },
+  permissions: ["superuser", "user", "get_user", "set_custom_price"],
+  attributes: [{ id: 1, attribute: "invoiceAllOrdersIndividually" }],
+  discounts: [{ id: 999999, percentage: 10 }],
+  orders_not_invoiced: [{ id: 501 }],
+  keys: {
+    open_invoice_draft: "DRAFT-1",
+    OtherSpecialArrangement: "Night wash agreement",
+    OtherVaskeabonnement: "Monthly wash subscription note",
+  },
+  wash_subscription_transactions: [
+    {
+      id: 6250,
+      customer_id: 12345,
+      cashier_id: 1857,
+      reference: "Vaskeabonnementer",
+      notes: "",
+      department_id: 10,
+      reg_1: "",
+      reg_2: "",
+      reg_3: "",
+      completed_at: null,
+      created_at: "2026-03-01 00:00:01",
+      deleted_at: null,
+      total_net_amount: 694,
+      invoice_collection_id: 1634,
+      booking_id: 0,
+      closed_at: "2026-03-24 12:45:10",
+    },
+  ],
+};
+
+const overviewVehicles = [
+  {
+    id: 301,
+    customer_id: 12345,
+    reg: "AA11223",
+    type: 1,
+    reference: "Truck 1",
+    wash_subscription: true,
+    xlvask: true,
+    addons: {
+      list: [{ product: { id: 91, name: "Interior cleaning" } }],
+    },
+  },
+  {
+    id: 302,
+    customer_id: 12345,
+    reg: "BB44556",
+    type: 1,
+    reference: "Trailer",
+    wash_subscription: false,
+    xlvask: false,
+    addons: {
+      list: [],
+    },
+  },
+];
+
+const setupOverviewApi = async (page, options: { failDetailUntilEnabled?: boolean } = {}) => {
+  let detailRequests = 0;
+  let detailSuccessEnabled = !options.failDetailUntilEnabled;
+
+  await page.route(apiPathPattern("/superuser/user"), async (route) => {
+    const request = route.request();
+
+    if (request.method() !== "GET") {
+      await route.fulfill(json({ data: { message: "OK" } }));
+      return;
+    }
+
+    detailRequests += 1;
+    if (!detailSuccessEnabled) {
+      await route.fulfill(json({ message: "User detail unavailable" }, 500));
+      return;
+    }
+
+    await route.fulfill(json({ data: overviewUser }));
+  });
+
+  await page.route(apiPathPattern("/superuser/user/keys"), async (route) => {
+    if (route.request().method() === "POST") {
+      await route.fulfill(json({ data: { message: "OK" } }));
+      return;
+    }
+
+    await route.fulfill(
+      json({
+        data: {
+          OtherSpecialArrangement: overviewUser.keys.OtherSpecialArrangement,
+          OtherVaskeabonnement: overviewUser.keys.OtherVaskeabonnement,
+        },
+      })
+    );
+  });
+
+  await page.route(apiPathPattern("/customer/pricing/fixed"), async (route) => {
+    await route.fulfill(
+      json({
+        data: {
+          price: 1234,
+          description: "Fixed agreement",
+        },
+      })
+    );
+  });
+
+  await page.route(apiPathPattern("/customer/department/default"), async (route) => {
+    await route.fulfill(
+      json({
+        data: {
+          department: 1,
+        },
+      })
+    );
+  });
+
+  await page.route(apiPathPattern("/vehicles"), async (route) => {
+    const request = route.request();
+
+    if (request.method() !== "GET") {
+      await route.fulfill(json({ data: { message: "OK" } }));
+      return;
+    }
+
+    const url = new URL(request.url());
+    const filters = url.searchParams.get("filters") || "";
+    const rows = filters.includes("wash_subscription:1")
+      ? overviewVehicles.filter((vehicle) => vehicle.wash_subscription)
+      : overviewVehicles;
+
+    await route.fulfill(json({ data: rows }));
+  });
+
+  return {
+    enableDetailSuccess: () => {
+      detailSuccessEnabled = true;
+    },
+    detailRequests: () => detailRequests,
+  };
+};
+
 test.describe("Superuser employees list", () => {
   test("uses shared search, pagination reload, and action wheel controls", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
@@ -93,3 +259,65 @@ test.describe("Superuser employees list", () => {
     expect(searchesSeen).toContain("Anna");
   });
 });
+
+test.describe("Superuser user overview", () => {
+  test.beforeEach(async ({ page }) => {
+    await seedAuthenticatedState(page, "superuser-user-overview-token");
+    await mockApi(page, {
+      authenticated: true,
+      permissions: ["superuser", "user", "get_user", "set_custom_price"],
+      pos: {
+        vehicles: overviewVehicles,
+      },
+      sessionData: {
+        group_id: 1,
+      },
+    });
+  });
+
+  test("loads the management hub without raw debug output", async ({ page }) => {
+    await setupOverviewApi(page);
+
+    await page.goto("/superuser/users/11", { waitUntil: "domcontentloaded" });
+
+    await expect(page.getByTestId("superuser-user-overview-page")).toBeVisible();
+    await expect(page.getByTestId("superuser-user-overview-header")).toContainText("Anna Transport");
+    await expect(page.getByTestId("superuser-user-tab-overview")).toHaveAttribute("href", "/superuser/users/11");
+    await expect(page.getByTestId("superuser-user-tab-pricing")).toHaveAttribute("href", "/superuser/users/11/pricing");
+    await expect(page.getByTestId("superuser-user-overview-metric-customer")).toContainText("12345");
+    await expect(page.getByTestId("superuser-user-overview-metric-vehicles")).toContainText("2");
+    await expect(page.getByTestId("superuser-user-overview-metric-orders")).toContainText("1");
+    await expect(page.getByTestId("superuser-user-overview-metric-discounts")).toContainText("1");
+    await expect(page.getByTestId("superuser-user-overview-account")).toContainText("anna@example.test");
+    await expect(page.getByTestId("superuser-user-overview-economic")).toContainText("billing@example.test");
+    await expect(page.getByTestId("superuser-user-overview-access")).toContainText("set_custom_price");
+    await expect(page.getByTestId("superuser-user-overview-rules")).toBeVisible();
+    await expect(page.getByTestId("superuser-user-special-arrangement-input")).toHaveValue("Night wash agreement");
+    await expect(page.getByTestId("superuser-user-wash-subscription-note-input")).toHaveValue(
+      "Monthly wash subscription note"
+    );
+    await expect(page.getByTestId("superuser-user-overview-vehicles")).toContainText("AA11223");
+    await expect(page.getByTestId("superuser-user-overview-subscriptions")).toContainText("694");
+    await expect(page.getByTestId("superuser-user-overview-link-vehicles")).toHaveAttribute(
+      "href",
+      "/superuser/users/11/vehicles"
+    );
+
+    const body = page.locator("body");
+    await expect(body).not.toContainText("SessionUser:");
+    await expect(body).not.toContainText("economicData:");
+  });
+
+  test("shows a retryable error when the detail request fails", async ({ page }) => {
+    const overviewApi = await setupOverviewApi(page, { failDetailUntilEnabled: true });
+
+    await page.goto("/superuser/users/11", { waitUntil: "domcontentloaded" });
+
+    await expect(page.getByTestId("superuser-user-overview-error")).toContainText("User detail unavailable");
+    expect(overviewApi.detailRequests()).toBeGreaterThan(0);
+    overviewApi.enableDetailSuccess();
+    await page.getByTestId("superuser-user-overview-retry").click();
+    await expect(page.getByTestId("superuser-user-overview-header")).toContainText("Anna Transport");
+    await expect(page.getByTestId("superuser-user-overview-error")).toHaveCount(0);
+  });
+});

tests/e2e/support/network.js

@@ -1317,6 +1317,7 @@ function createSelfServeFixture(overrides = {}) {
     answerRequests: [],
     commandResponse: { success: true },
     commandResponses: null,
+    commandResponseDelayMs: 0,
     commandRequests: [],
     forceStopResponse: null,
     forceStopResponses: null,
@@ -1483,6 +1484,14 @@ function buildEdgeGatewayOperationSummary(operations = []) {
   );
 }
 
+function invalidateEdgeGatewayRuntimeSnapshot(gateway) {
+  delete gateway.active_operation;
+  delete gateway.recent_operations_summary;
+  delete gateway.version_drift;
+  delete gateway.diagnostics;
+  delete gateway.error_state;
+}
+
 function buildEdgeGatewayRuntimeFixture(gateway) {
   const relayHealth = (gateway.bindings || []).map((binding) => {
     const fallbackMode = binding.fallback_mode || "PREFER_LOCAL";
@@ -1850,6 +1859,7 @@ function settleEdgeGatewayWork(edgeGatewayFixture, gatewayId) {
           : operation
       );
       delete edgeGatewayFixture.pendingDiscoveryByGatewayId[gatewayId];
+      invalidateEdgeGatewayRuntimeSnapshot(gateway);
     }
   }
 
@@ -5401,6 +5411,7 @@ async function handleEdgeGatewayRoute({ route, request, parsedUrl, pathname, met
       { id: Date.now(), created_at: now, action: "GATEWAY_OPERATION_CANCELLED", actor_type: "USER" },
       ...(gateway.audit_logs || []),
     ];
+    invalidateEdgeGatewayRuntimeSnapshot(gateway);
     Object.assign(gateway, buildEdgeGatewayRuntimeFixture(gateway));
     await route.fulfill(
       json({
@@ -5567,6 +5578,7 @@ async function handleEdgeGatewayRoute({ route, request, parsedUrl, pathname, met
       { id: Date.now(), created_at: now, action: "GATEWAY_OPERATION_QUEUED", actor_type: "USER" },
       ...(gateway.audit_logs || []),
     ];
+    invalidateEdgeGatewayRuntimeSnapshot(gateway);
     Object.assign(gateway, buildEdgeGatewayRuntimeFixture(gateway));
     await route.fulfill(
       json(
@@ -6697,6 +6709,10 @@ export async function mockApi(page, options = {}) {
           Array.isArray(selfServe.commandResponses) && selfServe.commandResponses.length > 0
             ? selfServe.commandResponses.shift()
             : selfServe.commandResponse;
+        const commandResponseDelayMs = Array.isArray(selfServe.commandResponseDelayMs)
+          ? selfServe.commandResponseDelayMs.shift() || 0
+          : selfServe.commandResponseDelayMs;
+        await maybeDelayFixtureResponse(commandResponseDelayMs);
         await route.fulfill(json(commandResponse));
         return;
       }
@@ -6724,6 +6740,51 @@ export async function mockApi(page, options = {}) {
       return;
     }
 
+    if (pathname.endsWith("/user/invoices") && method === "GET") {
+      const invoiceFixture = posFixture || { collectedInvoices: [] };
+      const customerNumber = Number(options.sessionData?.customer_number || 0);
+      const collectedInvoices = (invoiceFixture.collectedInvoices || []).filter((invoice) => {
+        if (!customerNumber) {
+          return true;
+        }
+
+        return Number(invoice.customer_number) === customerNumber;
+      });
+      const page = Number(parsedUrl.searchParams.get("page") || 1);
+      const limit = Number(parsedUrl.searchParams.get("limit") || collectedInvoices.length || 100);
+
+      await route.fulfill(
+        json({
+          data: collectedInvoices.slice((page - 1) * limit, page * limit),
+          meta: {
+            pagination: {
+              page,
+              per_page: limit,
+              total: collectedInvoices.length,
+            },
+          },
+        })
+      );
+      return;
+    }
+
+    if (pathname.endsWith("/invoices/pdf") && method === "GET") {
+      const invoiceId = String(parsedUrl.searchParams.get("id") || "").trim();
+      if (!invoiceId) {
+        await route.fulfill(json({ message: "Invoice not found" }, 404));
+        return;
+      }
+
+      await route.fulfill(
+        json({
+          data: {
+            url: `https://pdf.example.test/invoices/${invoiceId}.pdf`,
+          },
+        })
+      );
+      return;
+    }
+
     if (pathname.endsWith("/collected-invoices") && method === "GET") {
       const invoiceFixture = posFixture || { collectedInvoices: [] };
       const filters = parseFilterExpressions(parsedUrl.searchParams.get("filters") || "");

tests/e2e/userHome.spec.ts

@@ -1,20 +1,25 @@
-import { test, expect } from "@playwright/test";
-import {
-  userCredentials,
-  subuserPhoneCredentials,
-  subuserUsernameCredentials,
-  operatorCredentials,
-  customerRegistrationData,
-  driverRegistrationData,
-  invalidCredentials,
-  loginAsUser,
-  loginAsSubuserByPhone,
-  loginAsSubuserByUsername,
-  loginAsOperator,
-  goToUserLogin,
-  goToSubuserLogin,
-  goToOperatorLogin,
-} from "./fixtures";
+import { test, expect, type Page } from "@playwright/test";
+import { createPosFixture, mockApi, seedAuthenticatedState } from "./support/network.js";
+import { loginAsUser } from "./fixtures";
+
+const USER_HOME_CUSTOMER_NUMBER = 12345679;
+
+async function gotoUserHomeWithInvoices(page: Page, collectedInvoices: Array<Record<string, unknown>>) {
+  await mockApi(page, {
+    authenticated: true,
+    sessionData: {
+      customer_number: USER_HOME_CUSTOMER_NUMBER,
+      display_name: "E2E User",
+      permissions: ["user"],
+    },
+    pos: createPosFixture({
+      collectedInvoices,
+    }),
+  });
+  await seedAuthenticatedState(page, "user-home-invoice-shortcut-token");
+  await page.goto("/user", { waitUntil: "domcontentloaded" });
+  await expect(page).toHaveURL(/\/user(?:\/)?(?:[?#].*)?$/);
+}
 
 /** User home Tests */
 // User home page content tests
@@ -41,9 +46,30 @@ test("[PAGES][User][/user] should display the download certificate button", asyn
   // Check if the "download certificate" element is visible
   await expect(page.locator("a#download-certificates-button")).toBeVisible();
 });
-// Download invoices button visibility test
-test("[PAGES][User][/user] should display the download invoices button", async ({ page }) => {
-  await loginAsUser(page);
-  // Check if the "download invoices" element is visible
-  await expect(page.locator("a#download-invoices-button")).toBeVisible();
+test("[PAGES][User][/user] should disable the download invoices button when no invoice exists", async ({ page }) => {
+  await gotoUserHomeWithInvoices(page, []);
+
+  const button = page.locator("button#download-invoices-button");
+  await expect(button).toBeVisible();
+  await expect(button).toBeDisabled();
+  await expect(button).not.toHaveClass(/is-loading/);
+  await expect(page.locator("a#download-invoices-button")).toHaveCount(0);
+});
+
+test("[PAGES][User][/user] should enable the download invoices button when an invoice exists", async ({ page }) => {
+  await gotoUserHomeWithInvoices(page, [
+    {
+      id: 7001,
+      customer_number: USER_HOME_CUSTOMER_NUMBER,
+      customer_name: "E2E User",
+      total_net_amount: 1250,
+      created_at: "2026-07-01",
+      closed_at: "2026-07-01",
+    },
+  ]);
+
+  const link = page.locator("a#download-invoices-button");
+  await expect(link).toBeVisible();
+  await expect(link).toHaveAttribute("href", "/user/invoices");
+  await expect(page.locator("button#download-invoices-button")).toHaveCount(0);
 });

tests/unit/action-settings-wheel-button.spec.js

@@ -316,6 +316,26 @@ const flushMicrotasks = async () => {
   await Promise.resolve();
 };
 
+const flushDropdownLayout = async () => {
+  for (let index = 0; index < 8; index += 1) {
+    await Promise.resolve();
+  }
+};
+
+const createRect = ({ left = 0, top = 0, width = 0, height = 0 }) => ({
+  x: left,
+  y: top,
+  top,
+  left,
+  right: left + width,
+  bottom: top + height,
+  width,
+  height,
+  toJSON() {
+    return this;
+  },
+});
+
 const setDesktopFlyoutViewport = () => {
   Object.defineProperty(window, "innerWidth", {
     configurable: true,
@@ -395,6 +415,95 @@ const mockMenuGeometry = () =>
     };
   });
 
+const mockDropdownPlacementGeometry = ({
+  contentHeight = 180,
+  contentWidth = 240,
+  triggerHeight = 40,
+  triggerLeft = 880,
+  triggerTop = 520,
+  triggerWidth = 80,
+} = {}) => {
+  let currentContentHeight = contentHeight;
+  const originalScrollHeightDescriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, "scrollHeight");
+
+  Object.defineProperty(HTMLElement.prototype, "scrollHeight", {
+    configurable: true,
+    get() {
+      if (this.classList?.contains("dropdown-content")) {
+        return currentContentHeight;
+      }
+
+      if (originalScrollHeightDescriptor?.get) {
+        return originalScrollHeightDescriptor.get.call(this);
+      }
+
+      return 0;
+    },
+  });
+
+  const rectSpy = vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(function rectMock() {
+    if (this.classList?.contains("dropdown-trigger")) {
+      return createRect({
+        left: triggerLeft,
+        top: triggerTop,
+        width: triggerWidth,
+        height: triggerHeight,
+      });
+    }
+
+    if (this.classList?.contains("dropdown-content")) {
+      const dropdown = this.closest(".dropdown");
+      const menu = this.closest(".dropdown-menu");
+      const fixedTop = Number.parseFloat(menu?.style?.top || "");
+      const maxHeight = Number.parseFloat(this.style?.maxHeight || "");
+      const height = Number.isFinite(maxHeight) ? Math.min(currentContentHeight, maxHeight) : currentContentHeight;
+      const top = Number.isFinite(fixedTop)
+        ? fixedTop
+        : dropdown?.classList.contains("is-up")
+        ? triggerTop - height
+        : triggerTop + triggerHeight;
+
+      return createRect({
+        left: triggerLeft + triggerWidth - contentWidth,
+        top,
+        width: contentWidth,
+        height,
+      });
+    }
+
+    if (this.classList?.contains("action-wheel-clip-host")) {
+      return createRect({
+        left: 0,
+        top: 480,
+        width: 1280,
+        height: 120,
+      });
+    }
+
+    return createRect({
+      left: 0,
+      top: 0,
+      width: 1280,
+      height: 900,
+    });
+  });
+
+  return {
+    restore() {
+      rectSpy.mockRestore();
+
+      if (originalScrollHeightDescriptor) {
+        Object.defineProperty(HTMLElement.prototype, "scrollHeight", originalScrollHeightDescriptor);
+      } else {
+        delete HTMLElement.prototype.scrollHeight;
+      }
+    },
+    setContentHeight(nextHeight) {
+      currentContentHeight = nextHeight;
+    },
+  };
+};
+
 const mountDesktopFlyoutButton = (props = {}) => {
   setDesktopFlyoutViewport();
 
@@ -416,6 +525,29 @@ const mountDesktopFlyoutButton = (props = {}) => {
   });
 };
 
+const mountPositionedFlatDropdownButton = (options = {}) => {
+  setCompactViewport();
+
+  return mount(ActionSettingsWheelButton, {
+    props: {
+      order_id: null,
+      refreshFunction: vi.fn(() => Promise.resolve()),
+      ...(options.props || {}),
+    },
+    slots: {
+      actions:
+        options.actions || '<button type="button" class="dropdown-item dropdown-item-action">Custom action</button>',
+    },
+    attachTo: options.attachTo,
+    global: {
+      plugins: [i18n],
+      stubs: {
+        CustomerModal: { template: "<div />" },
+      },
+    },
+  });
+};
+
 const mountFlatDropdownButton = (props = {}) => {
   setCompactViewport();
 
@@ -564,6 +696,93 @@ describe("ActionSettingsWheelButton", () => {
     wrapper.unmount();
   });
 
+  it("uses the same vertical side when the dropdown is reopened with unchanged geometry", async () => {
+    const geometry = mockDropdownPlacementGeometry({
+      contentHeight: 420,
+      triggerTop: 520,
+    });
+    const wrapper = mountPositionedFlatDropdownButton();
+    await flushDropdownLayout();
+
+    const trigger = wrapper.get(".action-settings-wheel-trigger");
+
+    await trigger.trigger("click");
+    await flushDropdownLayout();
+    expect(wrapper.get(".dropdown").classes()).toContain("is-up");
+
+    await trigger.trigger("click");
+    await flushDropdownLayout();
+    expect(wrapper.get(".dropdown").classes()).not.toContain("is-active");
+
+    await trigger.trigger("click");
+    await flushDropdownLayout();
+    expect(wrapper.get(".dropdown").classes()).toContain("is-up");
+
+    wrapper.unmount();
+    geometry.restore();
+  });
+
+  it("keeps the initially selected side when the menu grows after opening", async () => {
+    const geometry = mockDropdownPlacementGeometry({
+      contentHeight: 120,
+      triggerTop: 520,
+    });
+    const wrapper = mountPositionedFlatDropdownButton();
+    await flushDropdownLayout();
+
+    await wrapper.get(".action-settings-wheel-trigger").trigger("click");
+    await flushDropdownLayout();
+    expect(wrapper.get(".dropdown").classes()).not.toContain("is-up");
+
+    geometry.setContentHeight(420);
+    window.dispatchEvent(new Event("resize"));
+    await flushDropdownLayout();
+
+    expect(wrapper.get(".dropdown").classes()).not.toContain("is-up");
+    expect(wrapper.get(".dropdown-content").element.style.maxHeight).toBe("328px");
+
+    wrapper.unmount();
+    geometry.restore();
+  });
+
+  it("keeps fixed-position fallback on the chosen side and clears stale content top", async () => {
+    const host = document.createElement("div");
+    host.className = "action-wheel-clip-host";
+    host.style.overflow = "hidden";
+    document.body.appendChild(host);
+
+    const geometry = mockDropdownPlacementGeometry({
+      contentHeight: 420,
+      triggerTop: 520,
+    });
+    const wrapper = mountPositionedFlatDropdownButton({ attachTo: host });
+    await flushDropdownLayout();
+
+    await wrapper.get(".action-settings-wheel-trigger").trigger("click");
+    await flushDropdownLayout();
+
+    const dropdownContent = wrapper.get(".dropdown-content").element;
+    const dropdownMenu = wrapper.get(".dropdown-menu").element;
+
+    expect(wrapper.get(".dropdown").classes()).toContain("is-up");
+    expect(dropdownMenu.style.position).toBe("fixed");
+    expect(dropdownMenu.style.top).toBe("100px");
+    expect(dropdownContent.style.top).toBe("");
+
+    dropdownContent.style.top = "24px";
+    window.dispatchEvent(new Event("resize"));
+    await flushDropdownLayout();
+
+    expect(wrapper.get(".dropdown").classes()).toContain("is-up");
+    expect(dropdownMenu.style.position).toBe("fixed");
+    expect(dropdownMenu.style.top).toBe("100px");
+    expect(dropdownContent.style.top).toBe("");
+
+    wrapper.unmount();
+    geometry.restore();
+    host.remove();
+  });
+
   it("resolves customer user id and reloads customer rules only when the target changes in direct mode", async () => {
     const wrapper = mount(ActionSettingsWheelButton, {
       props: {

tests/unit/customer-product-fixed-price.spec.js

@@ -0,0 +1,125 @@
+// @vitest-environment jsdom
+import { mount } from "@vue/test-utils";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+vi.mock("@/components/session/authenticatedRequest.vue", () => ({
+  authenticatedRequest: vi.fn(),
+}));
+
+vi.mock("@/components/session/token/SessionUser.vue", () => ({
+  SessionUser: {},
+}));
+
+import {
+  getProductBestApplicableDiscount,
+  getProductEffectivePrice,
+  getUserProductFixedPrice,
+  user,
+} from "@/views/dashboards/superUserDashboard/user/SuperUserSelectedUserObject.vue";
+import CustomerProductDiscountDisplay from "@/components/displays/department/pos/displays/CustomerProductDiscountDisplay.vue";
+
+const product = {
+  id: 101,
+  category: 9,
+  category_id: 9,
+  name: "Premium wash",
+  price: 1000,
+  apply_category_discount: 1,
+};
+
+const globalDiscount = {
+  id: 999999,
+  product_or_category_id: "global",
+  is_category: 1,
+  percentage: 50,
+  fixed_price: null,
+};
+
+const categoryDiscount = {
+  id: 200,
+  product_or_category_id: 9,
+  is_category: 1,
+  percentage: 80,
+  fixed_price: null,
+};
+
+beforeEach(() => {
+  user.discounts.value = [];
+});
+
+describe("customer product fixed prices", () => {
+  it("uses a direct fixed product price as the effective price without changing discount selection", () => {
+    user.discounts.value = [
+      globalDiscount,
+      categoryDiscount,
+      {
+        id: 300,
+        product_or_category_id: 101,
+        is_category: 0,
+        percentage: 10,
+        fixed_price: 350,
+      },
+    ];
+
+    expect(getProductBestApplicableDiscount(product)).toBe(80);
+    expect(getUserProductFixedPrice(product)).toBe(350);
+    expect(getProductEffectivePrice(product)).toBe(350);
+  });
+
+  it("falls back to the existing best-discount calculation when fixed price is not set", () => {
+    user.discounts.value = [
+      globalDiscount,
+      {
+        ...categoryDiscount,
+        percentage: 30,
+      },
+      {
+        id: 300,
+        product_or_category_id: 101,
+        is_category: 0,
+        percentage: 10,
+        fixed_price: null,
+      },
+    ];
+
+    expect(getUserProductFixedPrice(product)).toBeNull();
+    expect(getProductBestApplicableDiscount(product)).toBe(50);
+    expect(getProductEffectivePrice(product)).toBe(500);
+  });
+
+  it("treats zero as a set fixed price", () => {
+    user.discounts.value = [
+      {
+        id: 300,
+        product_or_category_id: 101,
+        is_category: 0,
+        percentage: 10,
+        fixed_price: 0,
+      },
+    ];
+
+    expect(getUserProductFixedPrice(product)).toBe(0);
+    expect(getProductEffectivePrice(product)).toBe(0);
+  });
+
+  it("shows fixed price instead of discount percentage in the POS product badge", () => {
+    const wrapper = mount(CustomerProductDiscountDisplay, {
+      props: {
+        product,
+        customer_discounts: [
+          categoryDiscount,
+          {
+            id: 300,
+            product_or_category_id: 101,
+            is_category: 0,
+            percentage: 10,
+            fixed_price: 350,
+          },
+        ],
+      },
+    });
+
+    expect(wrapper.text()).toContain("350 Kr.");
+    expect(wrapper.text()).not.toContain("-80%");
+  });
+});

tests/unit/customer-search-field-pos.spec.js

@@ -134,6 +134,7 @@ function mountComponent(props = {}) {
             invoice_email: "Invoice email",
             contact_email: "Contact email",
             contact_phone: "Contact phone",
+            ean: "EAN",
             add_customer: "Add customer",
             customer_creation_error: "Error: {error}",
             customer_creation_error_generic: "Unable to create customer",
@@ -253,6 +254,7 @@ describe("CustomerSearchFieldPos", () => {
           invoiceEmail: "billing@wash-group.test",
           contactEmail: "dispatch@wash-group.test",
           contactPhone: 42331128,
+          ean: "5790001234567",
         });
 
         return {
@@ -286,6 +288,7 @@ describe("CustomerSearchFieldPos", () => {
 
     await wrapper.get('[data-testid="pos-desktop-add-customer-company-phone"]').setValue("55550000");
     await wrapper.get('[data-testid="pos-desktop-add-customer-contact-email"]').setValue("dispatch@wash-group.test");
+    await wrapper.get('[data-testid="pos-desktop-add-customer-ean"]').setValue("5790001234567");
     await wrapper.get('[data-testid="pos-desktop-add-customer-submit"]').trigger("click");
     await flushComponentUpdates();
 

tests/unit/department-daily-report-object.behavior.spec.js

@@ -85,6 +85,18 @@ const makeOverview = ({
           state: "ready",
           value: 3,
           out_of: 9,
+          target_percentage: "56.5",
+          target_department_id: "2",
+        },
+        {
+          product_id: 25,
+          slug: "faelg-flex",
+          title: "Fælg flex pr. enhed",
+          state: "ready",
+          value: 0,
+          out_of: 9,
+          target_percentage: 0,
+          target_department_id: 2,
         },
       ],
     },
@@ -215,6 +227,15 @@ describe("DepartmentDailyReportObject behavior", () => {
       slug: "spot-free-lastbil",
       value: 3,
       out_of: 9,
+      target_percentage: 56.5,
+      target_department_id: 2,
+    });
+    expect(module.daily_report_products.value[25]).toMatchObject({
+      slug: "faelg-flex",
+      value: 0,
+      out_of: 9,
+      target_percentage: 0,
+      target_department_id: 2,
     });
   });
 

tests/unit/department-daily-report-product-sales.behavior.spec.js

@@ -1,11 +1,31 @@
 // @vitest-environment jsdom
 import { mount } from "@vue/test-utils";
+import { nextTick } from "vue";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
 const dailyReportProductsState = vi.hoisted(() => ({ value: {} }));
+const selectedDepartmentIdsState = vi.hoisted(() => ({ value: [] }));
+const refreshOverviewMock = vi.hoisted(() => vi.fn());
+const hasPermissionMock = vi.hoisted(() => vi.fn());
+const setProductTargetMock = vi.hoisted(() => vi.fn());
 
 vi.mock("@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue", () => ({
   daily_report_products: dailyReportProductsState,
+  selected_department_ids: selectedDepartmentIdsState,
+  refreshOverview: refreshOverviewMock,
+}));
+
+vi.mock("@/components/session/token/SessionUser.vue", () => ({
+  SessionUser: {
+    hasPermission: hasPermissionMock,
+    objects: {
+      department_daily_reports: {
+        functions: {
+          setProductTarget: setProductTargetMock,
+        },
+      },
+    },
+  },
 }));
 
 vi.mock("vue-i18n", async (importOriginal) => {
@@ -24,6 +44,12 @@ import DepartmentDashboardDailyReportProductSales from "@/views/dashboards/depar
 describe("DepartmentDashboardDailyReportProductSales behavior", () => {
   beforeEach(() => {
     dailyReportProductsState.value = {};
+    selectedDepartmentIdsState.value = [];
+    refreshOverviewMock.mockReset();
+    hasPermissionMock.mockReset();
+    hasPermissionMock.mockReturnValue(false);
+    setProductTargetMock.mockReset();
+    setProductTargetMock.mockResolvedValue({ data: { data: { target_percentage: null } } });
   });
 
   it("renders the API title when the overview payload includes one", () => {
@@ -79,4 +105,71 @@ describe("DepartmentDashboardDailyReportProductSales behavior", () => {
 
     expect(missingTileWrapper.text()).toContain("Tillæg for Specialsæbe - DD");
   });
+
+  it("shows a saved target percentage below the product percentage", () => {
+    dailyReportProductsState.value = {
+      24: {
+        title: "Spot Free (Lastbil)",
+        value: 3,
+        out_of: 8,
+        state: "ready",
+        message: null,
+        target_percentage: 62.5,
+        target_department_id: 1,
+      },
+    };
+
+    const wrapper = mount(DepartmentDashboardDailyReportProductSales, {
+      props: {
+        product_id: 24,
+        subtitle: "Dagens salg af produktet",
+        dataTestid: "daily-report-tile-spot-free-lastbil",
+      },
+    });
+
+    expect(wrapper.get('[data-testid="daily-report-tile-spot-free-lastbil-target-button"]').text()).toContain("62.5%");
+  });
+
+  it("opens the target editor from the percentage button and saves through the daily report API", async () => {
+    selectedDepartmentIdsState.value = [1];
+    hasPermissionMock.mockImplementation((permission) => permission === "set_department_daily_report_product_targets");
+    setProductTargetMock.mockResolvedValue({ data: { data: { target_percentage: 70 } } });
+    dailyReportProductsState.value = {
+      24: {
+        title: "Spot Free (Lastbil)",
+        value: 3,
+        out_of: 8,
+        state: "ready",
+        message: null,
+        target_percentage: null,
+        target_department_id: null,
+      },
+    };
+
+    const wrapper = mount(DepartmentDashboardDailyReportProductSales, {
+      props: {
+        product_id: 24,
+        subtitle: "Dagens salg af produktet",
+        dataTestid: "daily-report-tile-spot-free-lastbil",
+      },
+    });
+
+    await wrapper.get('[data-testid="daily-report-tile-spot-free-lastbil-percentage-button"]').trigger("click");
+    await nextTick();
+    await wrapper.get('[data-testid="daily-report-tile-spot-free-lastbil-target-input"]').setValue("70");
+    await wrapper.find("form").trigger("submit");
+    await nextTick();
+    await Promise.resolve();
+
+    expect(setProductTargetMock).toHaveBeenCalledWith({
+      department_id: 1,
+      product_id: 24,
+      target_percentage: 70,
+    });
+    expect(refreshOverviewMock).toHaveBeenCalledTimes(1);
+    expect(dailyReportProductsState.value[24]).toMatchObject({
+      target_percentage: 70,
+      target_department_id: 1,
+    });
+  });
 });

tests/unit/get-order-invoice-pdf-button.spec.js

@@ -0,0 +1,94 @@
+// @vitest-environment jsdom
+import { mount, flushPromises } from "@vue/test-utils";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+const mocks = vi.hoisted(() => ({
+  authenticatedRequest: vi.fn(),
+  handleEconomicError: vi.fn(),
+}));
+
+vi.mock("@/components/session/authenticatedRequest.vue", () => ({
+  authenticatedRequest: mocks.authenticatedRequest,
+}));
+
+vi.mock("@/components/request/HandleEconomicError.vue", () => ({
+  handleEconomicError: mocks.handleEconomicError,
+}));
+
+import GetOrderInvoicePDFButton from "@/components/search/economic/getOrderInvoicePDFButton.vue";
+
+const LoadButtonWhileAwaitStub = {
+  props: ["disabled", "loadFunction", "actionKey"],
+  template: `
+    <button
+      type="button"
+      :disabled="disabled"
+      :data-action-key="actionKey"
+      @click="loadFunction"
+    >
+      <slot />
+    </button>
+  `,
+};
+
+describe("GetOrderInvoicePDFButton", () => {
+  beforeEach(() => {
+    mocks.authenticatedRequest.mockReset();
+    mocks.handleEconomicError.mockReset();
+    vi.stubGlobal("open", vi.fn());
+  });
+
+  it.each([null, undefined, ""])("disables the PDF download when invoice id is %s", async (invoiceId) => {
+    const wrapper = mount(GetOrderInvoicePDFButton, {
+      props: {
+        invoice_id: invoiceId,
+      },
+      global: {
+        stubs: {
+          LoadButtonWhileAwait: LoadButtonWhileAwaitStub,
+        },
+      },
+    });
+
+    const button = wrapper.get('[data-action-key="economic-invoice-pdf-download"]');
+    expect(button.attributes("disabled")).toBeDefined();
+
+    await button.trigger("click");
+    await flushPromises();
+
+    expect(mocks.authenticatedRequest).not.toHaveBeenCalled();
+    expect(window.open).not.toHaveBeenCalled();
+  });
+
+  it("requests and opens the invoice PDF when invoice id exists", async () => {
+    mocks.authenticatedRequest.mockResolvedValue({
+      data: {
+        data: {
+          url: "https://pdf.example.test/invoices/99101.pdf",
+        },
+      },
+    });
+
+    const wrapper = mount(GetOrderInvoicePDFButton, {
+      props: {
+        invoice_id: 99101,
+      },
+      global: {
+        stubs: {
+          LoadButtonWhileAwait: LoadButtonWhileAwaitStub,
+        },
+      },
+    });
+
+    const button = wrapper.get('[data-action-key="economic-invoice-pdf-download"]');
+    expect(button.attributes("disabled")).toBeUndefined();
+
+    await button.trigger("click");
+    await flushPromises();
+
+    expect(mocks.authenticatedRequest).toHaveBeenCalledWith("/invoices/pdf", "GET", {
+      id: 99101,
+    });
+    expect(window.open).toHaveBeenCalledWith("https://pdf.example.test/invoices/99101.pdf", "_blank");
+  });
+});