Fix local date selection handling

.github/workflows/tests.yml

@@ -112,8 +112,6 @@ jobs:
     env:
       PLAYWRIGHT_ARTIFACT_NAMESPACE: e2e-pr-${{ matrix.suite }}-${{ matrix.project }}
       PLAYWRIGHT_REPORTER_MODE: line-html
-      PLAYWRIGHT_WORKERS: 1
-      PLAYWRIGHT_VIDEO_MODE: on-first-retry
     steps:
       - name: Repair self-hosted workspace permissions
         shell: bash
@@ -142,7 +140,6 @@ jobs:
           EVENT_NAME: ${{ github.event_name }}
           HEAD_SHA: ${{ github.sha }}
           PR_BASE_SHA: ${{ github.event.pull_request.base.sha }}
-          PR_HEAD_SHA: ${{ github.event.pull_request.head.sha }}
           PUSH_BEFORE_SHA: ${{ github.event.before }}
         run: |
           set -euo pipefail
@@ -155,13 +152,8 @@ jobs:
           else
             base_ref="$PUSH_BEFORE_SHA"
           fi
-          if [[ "$EVENT_NAME" == "pull_request" && -n "$PR_HEAD_SHA" ]]; then
-            head_ref="$PR_HEAD_SHA"
-          else
-            head_ref="$HEAD_SHA"
-          fi
           echo "base=$base_ref" >> "$GITHUB_OUTPUT"
-          echo "head=$head_ref" >> "$GITHUB_OUTPUT"
+          echo "head=$HEAD_SHA" >> "$GITHUB_OUTPUT"
 
       - name: Setup Node.js
         uses: actions/setup-node@v5
@@ -189,9 +181,8 @@ jobs:
             *) echo "Unsupported Playwright PR project: $MATRIX_PROJECT" >&2; exit 1 ;;
           esac
           port_seed=$((20000 + (RUN_ID % 20000) + suite_offset + project_offset))
-          lock_root="${PLAYWRIGHT_PORT_LOCK_ROOT:-/tmp/pleno-playwright-port-locks}"
+          lock_root="${RUNNER_TEMP:-/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=""
@@ -232,8 +223,6 @@ jobs:
             --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_SUITE="$MATRIX_SUITE" \
             --env MATRIX_PROJECT="$MATRIX_PROJECT" \
@@ -368,9 +357,8 @@ jobs:
             *) echo "Unsupported Playwright device: $MATRIX_DEVICE" >&2; exit 1 ;;
           esac
           port_seed=$((20000 + (RUN_ID % 20000) + role_offset + browser_offset + device_offset))
-          lock_root="${PLAYWRIGHT_PORT_LOCK_ROOT:-/tmp/pleno-playwright-port-locks}"
+          lock_root="${RUNNER_TEMP:-/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=""

scripts/playwright-pr-mapping.mjs

@@ -7,18 +7,14 @@ export const fallbackChangePatterns = [
   /^vite\.config\.js$/u,
   /^playwright(?:\..+)?\.config\.(?:js|ts)$/u,
   /^playwright\.global-(?:setup|teardown)\.mjs$/u,
-  /^scripts\/run-playwright-(?:ci-parallel|batched-chromium)\.mjs$/u,
+  /^scripts\/run-playwright-(?:pr|ci-parallel|batched-chromium)\.mjs$/u,
   /^tests\/e2e\/(?:support|fixtures)\//u,
 ];
 
 export const sourceMappings = [
   {
     name: "auth",
-    patterns: [
-      /^src\/(?:views|components|middleware)\/.*auth/iu,
-      /^src\/views\/auth\//u,
-      /^src\/components\/session\/(?!token\/SessionUser\/Objects\/)/u,
-    ],
+    patterns: [/^src\/(?:views|components|middleware)\/.*auth/iu, /^src\/views\/auth\//u, /^src\/components\/session\//u],
     specs: ["tests/e2e/auth.smoke.spec.js", "tests/e2e/userAuth.spec.ts"],
     projects: chromiumProjects,
   },
@@ -28,12 +24,6 @@ export const sourceMappings = [
     specs: ["tests/e2e/navigation.smoke.spec.js"],
     projects: chromiumProjects,
   },
-  {
-    name: "backoffice",
-    patterns: [/^src\/views\/backoffice\//u],
-    specs: ["tests/e2e/limited-backoffice.spec.ts"],
-    projects: chromiumProjects,
-  },
   {
     name: "superuser-roles-permissions",
     patterns: [
@@ -43,34 +33,6 @@ export const sourceMappings = [
     specs: ["tests/e2e/superuser-roles-permissions.spec.ts"],
     projects: chromiumProjects,
   },
-  {
-    name: "superuser-dashboard",
-    patterns: [
-      /^src\/views\/dashboards\/superUserDashboard\/SuperUserDashboard(?:Navigation)?\.vue$/u,
-      /^src\/components\/displays\/superuser\/system\//u,
-    ],
-    specs: ["tests/e2e/superuser-system-status.smoke.spec.js"],
-    projects: chromiumProjects,
-  },
-  {
-    name: "superuser-department-overview",
-    patterns: [
-      /^src\/services\/superuserDepartmentOverview\.js$/u,
-      /^src\/views\/dashboards\/superUserDashboard\/department\/Department\.vue$/u,
-      /^src\/views\/dashboards\/superUserDashboard\/department\/SuperUserDashboardDepartmentNavigation\.vue$/u,
-    ],
-    specs: ["tests/e2e/superuser-department-overview.spec.js"],
-    projects: chromiumProjects,
-  },
-  {
-    name: "header-navigation",
-    patterns: [
-      /^src\/components\/viewport\/page\/headers\//u,
-      /^src\/components\/models\/navigation\/items\/NavigationMenuItemsGlobal\.vue$/u,
-    ],
-    specs: ["tests/e2e/navigation.smoke.spec.js", "tests/e2e/limited-backoffice.spec.ts"],
-    projects: chromiumProjects,
-  },
   {
     name: "booking",
     patterns: [/bookings?/iu, /time-bookings/iu, /^src\/views\/guest\/book\//u],
@@ -108,12 +70,6 @@ export const sourceMappings = [
     specs: ["tests/e2e/admin-department-notifications.spec.ts"],
     projects: chromiumProjects,
   },
-  {
-    name: "limited-backoffice",
-    patterns: [/^src\/views\/backoffice\/LimitedBackoffice/u],
-    specs: ["tests/e2e/limited-backoffice.spec.ts"],
-    projects: chromiumProjects,
-  },
   {
     name: "invoicing",
     patterns: [/invoic/iu, /economic[-/]?queue/iu, /collected-order/iu],
@@ -136,15 +92,6 @@ export const sourceMappings = [
     specs: ["tests/e2e/superuser-system-status.smoke.spec.js"],
     projects: chromiumProjects,
   },
-  {
-    name: "superuser-department-pricing",
-    patterns: [
-      /^src\/views\/dashboards\/superUserDashboard\/department\/(?:DepartmentPricing|SuperUserSelectedDepartmentObject)\.vue$/u,
-      /^src\/components\/session\/token\/SessionUser\/Objects\/Departments\.vue$/u,
-    ],
-    specs: ["tests/e2e/superuser-department-pricing-custom-only.spec.ts"],
-    projects: ["chromium-desktop"],
-  },
   {
     name: "self-serve",
     patterns: [/self[-/]?serve/iu, /selfserve/iu, /wash\/MyWash/iu],

scripts/run-playwright-full-slice.mjs

@@ -101,10 +101,8 @@ export const ownedFilesByRole = {
     "superuser-customer-complaints.spec.ts",
     "superuser-customers-mass-import.spec.ts",
     "superuser-department-branding.spec.js",
-    "superuser-department-overview.spec.js",
     "superuser-department-gates.spec.ts",
     "superuser-department-lanes.spec.ts",
-    "superuser-department-pricing-custom-only.spec.ts",
     "superuser-departments-archive.spec.ts",
     "superuser-drafts.spec.ts",
     "superuser-products-layout.spec.ts",

scripts/run-playwright-pr.mjs

@@ -261,8 +261,6 @@ function selectChangedTests(changedFiles) {
     specProjects: new Map(),
     mappedFiles: [],
     unmappedFiles: [],
-    directSpecFiles: [],
-    skippedDirectSpecFiles: [],
     fallback: false,
   };
 
@@ -272,7 +270,8 @@ function selectChangedTests(changedFiles) {
     const file = normalizePath(rawFile);
 
     if (isE2eSpec(file)) {
-      selection.directSpecFiles.push(file);
+      addSpec(selection, file, selectedProjects);
+      selection.mappedFiles.push(file);
       continue;
     }
 
@@ -296,26 +295,13 @@ function selectChangedTests(changedFiles) {
 
     selection.mappedFiles.push(file);
     for (const mapping of matches) {
-      const mappedProjects = mapping.projects.length > 0 ? mapping.projects : selectedProjects;
-      const projects = mappedProjects.filter((project) => selectedProjects.includes(project));
-      if (projects.length === 0) {
-        continue;
-      }
+      const projects = mapping.projects.filter((project) => selectedProjects.includes(project));
       for (const spec of mapping.specs) {
-        addSpec(selection, spec, projects);
+        addSpec(selection, spec, projects.length > 0 ? projects : selectedProjects);
       }
     }
   }
 
-  if (selection.specProjects.size === 0 && !selection.fallback) {
-    for (const file of selection.directSpecFiles) {
-      addSpec(selection, file, selectedProjects);
-      selection.mappedFiles.push(file);
-    }
-  } else {
-    selection.skippedDirectSpecFiles.push(...selection.directSpecFiles);
-  }
-
   return selection;
 }
 
@@ -384,12 +370,6 @@ async function runChangedSelection(selection) {
     return 0;
   }
 
-  if (selection.skippedDirectSpecFiles.length > 0) {
-    console.log(
-      `[playwright-pr] Source mappings selected changed-area specs; direct E2E file edits are covered by mapped/core gates: ${selection.skippedDirectSpecFiles.join(", ")}`
-    );
-  }
-
   for (const [index, group] of groups.entries()) {
     for (const project of group.projects) {
       const code = await runPlaywright({

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

@@ -817,10 +817,6 @@ const isDraftAssignmentModalOpen = computed(() => {
 });
 
 const canEditTransaction = (order) => {
-  if (props.isCustomerView) {
-    return SessionUser.canAccessCustomerFeature("orders", "edit");
-  }
-
   return SessionUser.canAccessAdmin() || SessionUser.canAccessDepartment(order.department_id);
 };
 
@@ -1263,7 +1259,7 @@ const formatCashierName = (order) => {
                 :hover-text="order.reference"
                 :parse-function="(value) => truncateOrderField(value, 10)"
                 :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                :permission-check-function="() => canEditTransaction(order)"
+                :permission-check-function="() => true"
               />
               <EditableTableColumn
                 :object="order"
@@ -1282,7 +1278,7 @@ const formatCashierName = (order) => {
                 :hover-text="order.po"
                 :parse-function="(value) => truncateOrderField(value, 10)"
                 :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                :permission-check-function="() => canEditTransaction(order)"
+                :permission-check-function="() => canSeePoField() || SessionUser.canAccessAdmin()"
               />
               <td>{{ order.created_at }}</td>
               <td>{{ SessionUser.functions.currency.toLocal(order.total_net_amount) }}</td>
@@ -1778,7 +1774,7 @@ const formatCashierName = (order) => {
                                 :hover-text="order.reference"
                                 :parse-function="(value) => truncateOrderField(value, 20)"
                                 :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                                :permission-check-function="() => canEditTransaction(order)"
+                                :permission-check-function="() => true"
                               />
                             </small>
                           </div>
@@ -1822,7 +1818,7 @@ const formatCashierName = (order) => {
                                 :hover-text="order.po"
                                 :parse-function="(value) => truncateOrderField(value, 20)"
                                 :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                                :permission-check-function="() => canEditTransaction(order)"
+                                :permission-check-function="() => canSeePoField() || SessionUser.canAccessAdmin()"
                               />
                             </small>
                           </div>
@@ -1867,7 +1863,7 @@ const formatCashierName = (order) => {
                                       :hover-text="order.reg_1"
                                       :parse-function="(value) => truncateOrderField(value, 20)"
                                       :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                                      :permission-check-function="() => canEditTransaction(order)"
+                                      :permission-check-function="() => true"
                                     />
                                   </small>
                                 </div>
@@ -1899,7 +1895,7 @@ const formatCashierName = (order) => {
                                       :hover-text="order.reg_2"
                                       :parse-function="(value) => truncateOrderField(value, 20)"
                                       :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                                      :permission-check-function="() => canEditTransaction(order)"
+                                      :permission-check-function="() => true"
                                     />
                                   </small>
                                 </div>
@@ -1931,7 +1927,7 @@ const formatCashierName = (order) => {
                                       :hover-text="order.reg_3"
                                       :parse-function="(value) => truncateOrderField(value, 20)"
                                       :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                                      :permission-check-function="() => canEditTransaction(order)"
+                                      :permission-check-function="() => true"
                                     />
                                   </small>
                                 </div>

src/components/displays/pagination/models/UserDashboard/BookingsPagination.vue

@@ -24,7 +24,7 @@ import LoadButtonWhileAwait from "@/components/request/LoadButtonWhileAwait.vue"
 import PaginationDisplay from "@/components/displays/pagination/PaginationDisplay.vue";
 import BookingsTable from "@/components/displays/user/bookings/bookingsTable.vue";
 import {departments} from "@/components/pagination/departmentTabs.vue";
-import {computed, ref, watch} from "vue";
+import {ref, watch} from "vue";
 import { Colors } from "@/ThemeConfig.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { useI18n } from 'vue-i18n'
@@ -32,8 +32,6 @@ import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n()
 const router = useRouter();
-const isUserRoute = computed(() => router.currentRoute.value.path.startsWith("/user"));
-const canCreateBooking = computed(() => SessionUser.canAccessCustomerFeature("bookings", "add"));
 
 // Set the selected status to all
 const selectedStatus = ref("*");
@@ -150,7 +148,7 @@ const showNewOrderBookingsPortal = () => {
       </div>
       <div class="column is-auto-fill my-3" v-if="!isSmall"/>
       <!-- Only show the bookings for today (Switch, if the route is /user) -->
-      <div class="column is-narrow my-3" v-if="isUserRoute" :class="{ 'has-text-right': !isSmall }">
+      <div class="column is-narrow my-3" v-if="router.currentRoute.value.path.startsWith('/user')" :class="{ 'has-text-right': !isSmall }">
         <label class="label">{{ isSmall ? t('common.today') : t('pagination.show_only_today') }}</label>
         <div class="control">
           <div class="field">
@@ -160,7 +158,7 @@ const showNewOrderBookingsPortal = () => {
         </div>
       </div>
       <!-- Create a new booking, if the route is /user -->
-      <div class="column is-narrow my-3" v-if="isUserRoute && canCreateBooking" :class="{ 'has-text-right': !isSmall }">
+      <div class="column is-narrow my-3" v-if="router.currentRoute.value.path.startsWith('/user')" :class="{ 'has-text-right': !isSmall }">
         <button
             class="button is-link"
             @click="SessionUser.functions.redirectTo.external('/user/bookings/new', true)"

src/components/displays/pagination/models/UserDashboard/OrderBookingsPagination.vue

@@ -17,7 +17,6 @@ const { t } = useI18n();
 const router = useRouter();
 const isUserRoute = computed(() => router.currentRoute.value.path.startsWith("/user"));
 const isAdminRoute = computed(() => router.currentRoute.value.path.startsWith("/admin"));
-const canCreateBooking = computed(() => SessionUser.canAccessCustomerFeature("bookings", "add"));
 /**
  * Props
  */
@@ -203,7 +202,7 @@ onMounted(() => {
                 <label for="today"></label>
               </div>
             </div>
-            <div class="order-bookings-pagination__new-booking-action" v-if="canCreateBooking">
+            <div class="order-bookings-pagination__new-booking-action">
               <label class="label is-small order-bookings-pagination__desktop-spacer">&nbsp;</label>
               <button
                 class="button is-link button-same-width"

src/components/displays/pagination/models/UserDashboard/VehiclesPagination.vue

@@ -8,7 +8,6 @@ import {
 import {SessionUser} from "@/components/session/token/SessionUser.vue";
 import { useRouter } from "vue-router";
 import VehiclesTable from "@/components/displays/user/vehicles/vehiclesTable.vue";
-import { computed } from "vue";
 
 import PaginationDisplayFilters from "@/components/displays/pagination/PaginationDisplayFilters.vue";
 import {Colors} from "@/ThemeConfig.vue";
@@ -21,8 +20,6 @@ const { t } = useI18n();
  * Router
  */
 const router = useRouter();
-const isUserRoute = computed(() => router.currentRoute.value.path.startsWith("/user"));
-const canAddVehicle = computed(() => SessionUser.canAccessCustomerFeature("vehicles", "add"));
 
 const props = defineProps({
   customer_id: {
@@ -61,7 +58,7 @@ loadList();
           </div>
           <!-- Create a new vehicle, if the route is /user -->
           <div class="vehicles-pagination__add-action"
-               v-if="isUserRoute && canAddVehicle">
+               v-if="router.currentRoute.value.path.startsWith('/user')">
             <label class="label is-small">&nbsp;</label>
             <button
                 class="button is-link button-same-width vehicles-pagination__add-button"

src/components/displays/superuser/system/SystemStatusDashboard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import { RouterLink } from "vue-router";
 import { useI18n } from "vue-i18n";
 import {
@@ -16,7 +16,6 @@ import {
 const { t, te, locale } = useI18n();
 
 const MAX_GATEWAY_CARDS = 8;
-const DEFAULT_DASHBOARD_TAB = "infrastructure";
 const gatewayStatusPriority = Object.freeze({
   OFFLINE: 0,
   DEGRADED: 1,
@@ -78,14 +77,7 @@ const gatewayFleetUsage = ref(createEmptyGatewayFleetUsage());
 const gatewaySectionSuppressed = ref(false);
 const gatewayDepartments = ref({});
 const gatewayDepartmentsLoaded = ref(false);
-const activeDashboardTab = ref(DEFAULT_DASHBOARD_TAB);
 const showGatewaySection = computed(() => canViewGateways.value && !gatewaySectionSuppressed.value);
-const dashboardTabKeys = computed(() => [
-  DEFAULT_DASHBOARD_TAB,
-  ...(showGatewaySection.value ? ["gateways"] : []),
-  "modules",
-  "sessions",
-]);
 const gatewaySummaryCards = computed(() => [
   {
     id: "total",
@@ -195,16 +187,6 @@ const isStale = computed(() => {
   return nowTick.value - lastLoadedAt.value.getTime() > (refreshAfterSeconds.value * 2000);
 });
 
-watch(
-  () => [activeDashboardTab.value, dashboardTabKeys.value.join("|")],
-  () => {
-    if (!dashboardTabKeys.value.includes(activeDashboardTab.value)) {
-      activeDashboardTab.value = DEFAULT_DASHBOARD_TAB;
-    }
-  },
-  { immediate: true }
-);
-
 const loadStatus = async ({ force = false } = {}) => {
   const [snapshotValue] = await Promise.all([
     getSuperuserSystemStatus({ force }),
@@ -725,250 +707,203 @@ function modulePath(key) {
       </ul>
     </div>
 
-    <b-tabs
-      v-model="activeDashboardTab"
-      expanded
-      type="is-boxed"
-      class="system-status-tabs"
-      data-testid="system-status-dashboard-tabs"
-    >
-      <b-tab-item value="infrastructure">
-        <template #header>
-          <b-icon pack="fas" icon="server" />
-          <span data-testid="system-status-tab-infrastructure">
-            {{ $t("system_status.sections.infrastructure") }}
-          </span>
-        </template>
-
-        <section class="system-status-section" data-testid="system-status-panel-infrastructure">
-          <div class="section-heading">
-            <h3>{{ $t("system_status.sections.infrastructure") }}</h3>
-            <RouterLink class="section-link" to="/superuser/system/replication">
-              {{ $t("system_status.actions.open_replication") }}
-            </RouterLink>
-          </div>
-          <div class="status-card-grid">
-            <article
-              v-for="card in statusCards"
-              :key="card.id"
-              class="status-card"
-              :class="statusClass(card.status)"
-              :data-testid="`status-card-${card.id}`"
-            >
-              <div class="status-card__top">
-                <p class="status-card__title">{{ card.title }}</p>
-                <span class="status-pill" :class="statusClass(card.status)">{{ statusLabel(card.status) }}</span>
-              </div>
-              <strong class="status-card__primary">{{ card.primary }}</strong>
-              <p class="status-card__secondary">{{ card.secondary }}</p>
-              <small class="status-card__detail">{{ card.detail }}</small>
-              <small
-                v-if="card.replicationLabel"
-                class="status-card__detail status-card__replication"
-                :data-testid="`status-card-${card.id}-replication`"
-              >
-                {{ card.replicationLabel }}
-              </small>
-            </article>
-          </div>
-        </section>
-
-      </b-tab-item>
-
-      <b-tab-item v-if="showGatewaySection" value="gateways">
-        <template #header>
-          <b-icon pack="fas" icon="network-wired" />
-          <span data-testid="system-status-tab-gateways">
-            {{ $t("system_status.sections.gateways") }}
-          </span>
-        </template>
-
-        <section
-          class="system-status-section"
-          data-testid="system-status-gateways"
+    <section class="system-status-section">
+      <div class="section-heading">
+        <h3>{{ $t("system_status.sections.infrastructure") }}</h3>
+        <RouterLink class="section-link" to="/superuser/system/replication">
+          {{ $t("system_status.actions.open_replication") }}
+        </RouterLink>
+      </div>
+      <div class="status-card-grid">
+        <article
+          v-for="card in statusCards"
+          :key="card.id"
+          class="status-card"
+          :class="statusClass(card.status)"
+          :data-testid="`status-card-${card.id}`"
         >
-          <div class="section-heading">
+          <div class="status-card__top">
+            <p class="status-card__title">{{ card.title }}</p>
+            <span class="status-pill" :class="statusClass(card.status)">{{ statusLabel(card.status) }}</span>
+          </div>
+          <strong class="status-card__primary">{{ card.primary }}</strong>
+          <p class="status-card__secondary">{{ card.secondary }}</p>
+          <small class="status-card__detail">{{ card.detail }}</small>
+          <small
+            v-if="card.replicationLabel"
+            class="status-card__detail status-card__replication"
+            :data-testid="`status-card-${card.id}-replication`"
+          >
+            {{ card.replicationLabel }}
+          </small>
+        </article>
+      </div>
+    </section>
+
+    <section
+      v-if="showGatewaySection"
+      class="system-status-section"
+      data-testid="system-status-gateways"
+    >
+      <div class="section-heading">
+        <div>
+          <h3>{{ $t("system_status.sections.gateways") }}</h3>
+          <p class="section-subtitle">{{ $t("system_status.gateways.description") }}</p>
+        </div>
+        <RouterLink class="section-link" to="/superuser/selfserve/edge-agents">
+          {{ $t("system_status.gateways.actions.open_fleet") }}
+        </RouterLink>
+      </div>
+
+      <div class="gateway-summary-grid">
+        <article
+          v-for="card in gatewaySummaryCards"
+          :key="card.id"
+          class="summary-card gateway-summary-card"
+          :class="card.toneClass"
+          :data-testid="`gateway-summary-card-${card.id}`"
+        >
+          <p class="summary-label">{{ card.title }}</p>
+          <strong>{{ card.value }}</strong>
+        </article>
+      </div>
+
+      <div
+        v-if="gatewayError"
+        class="notification is-warning is-light gateway-notification"
+        data-testid="gateway-section-error"
+      >
+        {{ $t("system_status.gateways.error") }}
+      </div>
+
+      <div
+        v-if="gatewayLoading && !gatewayCards.length"
+        class="notification is-light gateway-notification"
+      >
+        {{ $t("system_status.gateways.loading") }}
+      </div>
+
+      <div v-if="gatewayCards.length" class="gateway-grid">
+        <article
+          v-for="gateway in gatewayCards"
+          :key="gateway.id"
+          class="gateway-card"
+          :class="gateway.toneClass"
+          :data-testid="`gateway-card-${gateway.id}`"
+        >
+          <div class="gateway-card__top">
             <div>
-              <h3>{{ $t("system_status.sections.gateways") }}</h3>
-              <p class="section-subtitle">{{ $t("system_status.gateways.description") }}</p>
+              <strong class="gateway-card__title">{{ gateway.displayLabel }}</strong>
+              <p class="gateway-card__subtitle">{{ gateway.departmentName }}</p>
             </div>
-            <RouterLink class="section-link" to="/superuser/selfserve/edge-agents">
-              {{ $t("system_status.gateways.actions.open_fleet") }}
-            </RouterLink>
+            <span class="status-pill" :class="gateway.toneClass">{{ gateway.statusLabel }}</span>
           </div>
 
-          <div class="gateway-summary-grid">
-            <article
-              v-for="card in gatewaySummaryCards"
-              :key="card.id"
-              class="summary-card gateway-summary-card"
-              :class="card.toneClass"
-              :data-testid="`gateway-summary-card-${card.id}`"
-            >
-              <p class="summary-label">{{ card.title }}</p>
-              <strong>{{ card.value }}</strong>
-            </article>
+          <div class="gateway-card__meta">
+            <span>
+              {{ $t("system_status.gateways.labels.discovery") }}: {{ gateway.discoveryLabel }}
+            </span>
+            <span>
+              {{ $t("system_status.gateways.labels.last_heartbeat") }}: {{ gateway.lastHeartbeatLabel }}
+            </span>
+            <span v-if="gateway.activeOperationLabel">
+              {{ $t("system_status.gateways.labels.active_operation") }}: {{ gateway.activeOperationLabel }}
+            </span>
           </div>
 
-          <div
-            v-if="gatewayError"
-            class="notification is-warning is-light gateway-notification"
-            data-testid="gateway-section-error"
-          >
-            {{ $t("system_status.gateways.error") }}
+          <p v-if="gateway.message" class="gateway-card__message">
+            {{ gateway.message }}
+          </p>
+
+          <RouterLink :to="gateway.link" class="module-card__link">
+            {{ $t("system_status.gateways.actions.open_gateway") }}
+          </RouterLink>
+        </article>
+      </div>
+
+      <div
+        v-else-if="!gatewayLoading && !gatewayError"
+        class="gateway-empty"
+        data-testid="gateway-empty-state"
+      >
+        {{ $t("system_status.gateways.empty") }}
+      </div>
+    </section>
+
+    <section class="system-status-section">
+      <div class="section-heading">
+        <h3>{{ $t("system_status.sections.modules") }}</h3>
+      </div>
+      <div class="module-grid">
+        <article
+          v-for="module in modules"
+          :key="module.key"
+          class="module-card"
+          :class="statusClass(module.status)"
+          :data-testid="`module-card-${module.key}`"
+        >
+          <div class="module-card__top">
+            <p class="module-card__title">{{ moduleLabel(module.key) }}</p>
+            <span class="status-pill" :class="statusClass(module.status)">{{ statusLabel(module.status) }}</span>
           </div>
-
-          <div
-            v-if="gatewayLoading && !gatewayCards.length"
-            class="notification is-light gateway-notification"
-          >
-            {{ $t("system_status.gateways.loading") }}
+          <p class="module-card__reason" :data-testid="`module-reason-${module.key}`">
+            {{ moduleReasonText(module) }}
+          </p>
+          <div class="module-card__meta">
+            <span>{{ $t("system_status.labels.enabled") }}: {{ module.enabled ? $t("system_status.status.yes") : $t("system_status.status.no") }}</span>
+            <span>{{ $t("system_status.labels.configured") }}: {{ module.configured ? $t("system_status.status.yes") : $t("system_status.status.no") }}</span>
+            <span>{{ $t("system_status.labels.checked_at") }}: {{ formatDate(module.checked_at) }}</span>
           </div>
+          <RouterLink v-if="modulePath(module.key)" :to="modulePath(module.key)" class="module-card__link">
+            {{ $t("system_status.actions.open_config") }}
+          </RouterLink>
+        </article>
+      </div>
+    </section>
 
-          <div v-if="gatewayCards.length" class="gateway-grid">
-            <article
-              v-for="gateway in gatewayCards"
-              :key="gateway.id"
-              class="gateway-card"
-              :class="gateway.toneClass"
-              :data-testid="`gateway-card-${gateway.id}`"
-            >
-              <div class="gateway-card__top">
-                <div>
-                  <strong class="gateway-card__title">{{ gateway.displayLabel }}</strong>
-                  <p class="gateway-card__subtitle">{{ gateway.departmentName }}</p>
-                </div>
-                <span class="status-pill" :class="gateway.toneClass">{{ gateway.statusLabel }}</span>
-              </div>
+    <section class="system-status-section">
+      <div class="section-heading">
+        <h3>{{ $t("system_status.sections.sessions") }}</h3>
+        <p>{{ $t("system_status.labels.activity_window", { minutes: sessions.active_window_minutes }) }}</p>
+      </div>
 
-              <div class="gateway-card__meta">
-                <span>
-                  {{ $t("system_status.gateways.labels.discovery") }}: {{ gateway.discoveryLabel }}
+      <div class="table-container sessions-table">
+        <table class="table is-fullwidth is-hoverable">
+          <thead>
+            <tr>
+              <th>{{ $t("system_status.table.active") }}</th>
+              <th>{{ $t("system_status.table.name") }}</th>
+              <th>{{ $t("system_status.table.type") }}</th>
+              <th>{{ $t("system_status.table.device") }}</th>
+              <th>{{ $t("system_status.table.route") }}</th>
+              <th>{{ $t("system_status.table.first_seen") }}</th>
+              <th>{{ $t("system_status.table.last_seen") }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="session in sessions.recent_sessions" :key="`${session.session_kind}-${session.principal_id}-${session.last_seen_at}`">
+              <td>
+                <span class="status-pill" :class="session.active ? 'is-ok' : 'is-down'">
+                  {{ session.active ? $t("system_status.status.active") : $t("system_status.status.inactive") }}
                 </span>
-                <span>
-                  {{ $t("system_status.gateways.labels.last_heartbeat") }}: {{ gateway.lastHeartbeatLabel }}
-                </span>
-                <span v-if="gateway.activeOperationLabel">
-                  {{ $t("system_status.gateways.labels.active_operation") }}: {{ gateway.activeOperationLabel }}
-                </span>
-              </div>
-
-              <p v-if="gateway.message" class="gateway-card__message">
-                {{ gateway.message }}
-              </p>
-
-              <RouterLink :to="gateway.link" class="module-card__link">
-                {{ $t("system_status.gateways.actions.open_gateway") }}
-              </RouterLink>
-            </article>
-          </div>
-
-          <div
-            v-else-if="!gatewayLoading && !gatewayError"
-            class="gateway-empty"
-            data-testid="gateway-empty-state"
-          >
-            {{ $t("system_status.gateways.empty") }}
-          </div>
-        </section>
-
-      </b-tab-item>
-
-      <b-tab-item value="modules">
-        <template #header>
-          <b-icon pack="fas" icon="puzzle-piece" />
-          <span data-testid="system-status-tab-modules">
-            {{ $t("system_status.sections.modules") }}
-          </span>
-        </template>
-
-        <section class="system-status-section" data-testid="system-status-panel-modules">
-          <div class="section-heading">
-            <h3>{{ $t("system_status.sections.modules") }}</h3>
-          </div>
-          <div class="module-grid">
-            <article
-              v-for="module in modules"
-              :key="module.key"
-              class="module-card"
-              :class="statusClass(module.status)"
-              :data-testid="`module-card-${module.key}`"
-            >
-              <div class="module-card__top">
-                <p class="module-card__title">{{ moduleLabel(module.key) }}</p>
-                <span class="status-pill" :class="statusClass(module.status)">{{ statusLabel(module.status) }}</span>
-              </div>
-              <p class="module-card__reason" :data-testid="`module-reason-${module.key}`">
-                {{ moduleReasonText(module) }}
-              </p>
-              <div class="module-card__meta">
-                <span>{{ $t("system_status.labels.enabled") }}: {{ module.enabled ? $t("system_status.status.yes") : $t("system_status.status.no") }}</span>
-                <span>{{ $t("system_status.labels.configured") }}: {{ module.configured ? $t("system_status.status.yes") : $t("system_status.status.no") }}</span>
-                <span>{{ $t("system_status.labels.checked_at") }}: {{ formatDate(module.checked_at) }}</span>
-              </div>
-              <RouterLink v-if="modulePath(module.key)" :to="modulePath(module.key)" class="module-card__link">
-                {{ $t("system_status.actions.open_config") }}
-              </RouterLink>
-            </article>
-          </div>
-        </section>
-
-      </b-tab-item>
-
-      <b-tab-item value="sessions">
-        <template #header>
-          <b-icon pack="fas" icon="users" />
-          <span data-testid="system-status-tab-sessions">
-            {{ $t("system_status.sections.sessions") }}
-          </span>
-        </template>
-
-        <section class="system-status-section" data-testid="system-status-panel-sessions">
-          <div class="section-heading">
-            <h3>{{ $t("system_status.sections.sessions") }}</h3>
-            <p>{{ $t("system_status.labels.activity_window", { minutes: sessions.active_window_minutes }) }}</p>
-          </div>
-
-          <div class="table-container sessions-table">
-            <table class="table is-fullwidth is-hoverable">
-              <thead>
-                <tr>
-                  <th>{{ $t("system_status.table.active") }}</th>
-                  <th>{{ $t("system_status.table.name") }}</th>
-                  <th>{{ $t("system_status.table.type") }}</th>
-                  <th>{{ $t("system_status.table.device") }}</th>
-                  <th>{{ $t("system_status.table.route") }}</th>
-                  <th>{{ $t("system_status.table.first_seen") }}</th>
-                  <th>{{ $t("system_status.table.last_seen") }}</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr v-for="session in sessions.recent_sessions" :key="`${session.session_kind}-${session.principal_id}-${session.last_seen_at}`">
-                  <td>
-                    <span class="status-pill" :class="session.active ? 'is-ok' : 'is-down'">
-                      {{ session.active ? $t("system_status.status.active") : $t("system_status.status.inactive") }}
-                    </span>
-                  </td>
-                  <td>
-                    <strong>{{ sessionDisplayName(session) }}</strong>
-                    <div class="session-context">{{ sessionContextLabel(session) }}</div>
-                  </td>
-                  <td>{{ formatSessionKind(session.session_kind) }}</td>
-                  <td>{{ formatDeviceType(session.device_type) }}</td>
-                  <td class="session-route">{{ session.last_route || "--" }}</td>
-                  <td>{{ formatDate(session.first_seen_at) }}</td>
-                  <td>{{ formatDate(session.last_seen_at) }}</td>
-                </tr>
-                <tr v-if="!sessions.recent_sessions?.length">
-                  <td colspan="7">{{ $t("system_status.states.no_sessions") }}</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </section>
-
-      </b-tab-item>
-    </b-tabs>
+              </td>
+              <td>
+                <strong>{{ sessionDisplayName(session) }}</strong>
+                <div class="session-context">{{ sessionContextLabel(session) }}</div>
+              </td>
+              <td>{{ formatSessionKind(session.session_kind) }}</td>
+              <td>{{ formatDeviceType(session.device_type) }}</td>
+              <td class="session-route">{{ session.last_route || "--" }}</td>
+              <td>{{ formatDate(session.first_seen_at) }}</td>
+              <td>{{ formatDate(session.last_seen_at) }}</td>
+            </tr>
+            <tr v-if="!sessions.recent_sessions?.length">
+              <td colspan="7">{{ $t("system_status.states.no_sessions") }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
   </div>
 </template>
 
@@ -989,10 +924,10 @@ function modulePath(key) {
 .module-card,
 .gateway-card {
   border: 1px solid #d7dde7;
-  border-radius: 8px;
+  border-radius: 18px;
   padding: 1rem 1.1rem;
-  background: #ffffff;
-  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
+  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
 }
 
 .summary-card--overall {
@@ -1056,23 +991,6 @@ function modulePath(key) {
   color: #0f4c81;
 }
 
-.system-status-tabs {
-  min-width: 0;
-}
-
-.system-status-tabs :deep(.tab-content) {
-  padding: 1rem 0 0;
-}
-
-.system-status-tabs :deep(.tabs ul) {
-  align-items: stretch;
-}
-
-.system-status-tabs :deep(.tabs a) {
-  min-height: 2.75rem;
-  gap: 0.35rem;
-}
-
 .status-card__top,
 .module-card__top {
   display: flex;
@@ -1189,7 +1107,7 @@ function modulePath(key) {
 
 .gateway-empty {
   border: 1px dashed #cbd5e1;
-  border-radius: 8px;
+  border-radius: 18px;
   padding: 1rem 1.1rem;
   color: #475569;
   background: rgba(248, 250, 252, 0.8);

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

@@ -12,11 +12,6 @@ import UserOtherVaskeabonnement
 import Swal from "sweetalert2";
 import OrderItemsTable from "@/components/displays/department/pos/order/orderItemsTable.vue";
 import OrderContentTable from "@/components/displays/superuser/tables/OrderContentTable.vue";
-import {
-  buildMultiMonthInvoiceContext,
-  MULTI_MONTH_INVOICE_ACTION,
-  promptMultiMonthInvoiceWarning,
-} from "@/services/invoiceMonthSplitWarning.js";
 
 const props = defineProps({
   orders: {
@@ -131,34 +126,32 @@ const isAnyOrderSelected = () => {
   return selectedInvoiceCollections.value.length > 0;
 }
 
-const getSelectedOrders = () => {
-  return props.orders.filter((order) => selectedInvoiceCollections.value.includes(order.invoice_collection_id));
-}
-
 /** Invoice collections */
 const onInvoiceCollections = async () => {
   // Check if any orders are selected
   if (selectedInvoiceCollections.value.length === 0) {
     return;
   }
-  const selectedOrders = getSelectedOrders();
-  const invoiceWarningContext = buildMultiMonthInvoiceContext(selectedOrders, {
-    getDate: (order) => order?.created_at ?? order?.date,
-    getInvoiceCollectionId: (order) => order?.invoice_collection_id,
-  });
-  const invoiceWarningAction = await promptMultiMonthInvoiceWarning({
-    context: invoiceWarningContext,
-    splitByMonth: SessionUser.objects.collectedOrderInvoices.functions.split_by_month,
-    parseErrorMessage: SessionUser.functions.parseErrorMessage,
-  });
-  if (invoiceWarningAction === MULTI_MONTH_INVOICE_ACTION.SPLIT) {
-    location.reload();
-    return;
+  /** Create the invoice */
+  const onCreateInvoiceDraft = async () => {
+    // Create the invoice
+    console.log('Create invoice');
+    await SessionUser.objects.collectedOrderInvoices.functions.economic.invoice(parseInt(props.collectedOrderInvoice.id)).then((response) => {
+      console.log('Invoice created successfully', response);
+      Swal.fire({
+        title: 'Fakturaen er oprettet',
+        text: 'Fakturaen er oprettet i E-conomic',
+        icon: 'success',
+        showConfirmButton: false,
+        timer: 2000
+      }).then(() => {
+        location.reload();
+      });
+    }).catch((error) => {
+          console.log('Error creating invoice', error);
+        }
+    )
   }
-  if (invoiceWarningAction === MULTI_MONTH_INVOICE_ACTION.CANCEL) {
-    return;
-  }
-
   for (let i = 0; i < selectedInvoiceCollections.value.length; i++) {
     const selectedInvoiceCollectionId = selectedInvoiceCollections.value[i];
     // Check if the invoice collection is already booked
@@ -217,7 +210,6 @@ const isOrderContentVisible = (order) => {
         class="button is-small"
         @click="onInvoiceCollections()"
         :disabled="!isAnyOrderSelected()"
-        data-testid="invoice-order-table-invoice-button"
     >
       {{ $t('global.invoice_now') }}
     </button>
@@ -282,4 +274,4 @@ const isOrderContentVisible = (order) => {
 
 <style scoped>
 
-</style>
+</style>

src/components/displays/user/vehicles/vehiclesTable.vue

@@ -45,11 +45,6 @@ const reload = () => {
   }
 };
 
-const canViewVehicle = () => SessionUser.canAccessCustomerFeature("vehicles", "list");
-const canEditVehicle = () => SessionUser.canAccessCustomerFeature("vehicles", "edit");
-const canDeleteVehicle = () => SessionUser.canAccessCustomerFeature("vehicles", "delete");
-const canShowVehicleRowActions = () => canViewVehicle() || canDeleteVehicle();
-
 const redirectUserVehiclePage = (vehicleId) => {
   // Send the user to the vehicle page
   window.location.href = `/user/vehicles/${vehicleId}`;
@@ -151,7 +146,6 @@ const getProductOptionsLabel = (vehicle) => {
               :object="object"
               :loadList="reload"
               :editFunction="SessionUser.objects.vehicles.showEditObjectFieldForm"
-              :permission-check-function="canEditVehicle"
               column="reg"
             />
             <!-- Type -->
@@ -159,7 +153,6 @@ const getProductOptionsLabel = (vehicle) => {
               :object="object"
               :loadList="reload"
               :editFunction="SessionUser.objects.vehicles.showEditObjectFieldForm"
-              :permission-check-function="canEditVehicle"
               column="type"
               :parse-function="
                 (value) => {
@@ -172,7 +165,6 @@ const getProductOptionsLabel = (vehicle) => {
               :object="object"
               :loadList="reload"
               :editFunction="SessionUser.objects.vehicles.showEditObjectFieldForm"
-              :permission-check-function="canEditVehicle"
               column="wash_subscription"
               :parse-function="
                 (value) => {
@@ -182,7 +174,7 @@ const getProductOptionsLabel = (vehicle) => {
             />
             <!-- Product Options, if the wash subscription is set to true -->
             <td v-if="!props.compact">
-              <template v-if="object.wash_subscription && canEditVehicle()">
+              <template v-if="object.wash_subscription">
                 <!-- Enabled subscription -->
                 <ActionSettingsWheelButton
                   :label="getProductOptionsLabel(object)"
@@ -226,14 +218,13 @@ const getProductOptionsLabel = (vehicle) => {
               :object="object"
               :loadList="reload"
               :editFunction="SessionUser.objects.vehicles.showEditObjectFieldForm"
-              :permission-check-function="canEditVehicle"
               column="reference"
             />
             <!-- Actions -->
-            <td v-if="!props.compact">
+            <td>
               <!-- Actions stay grouped behind the wheel menu. -->
               <ActionSettingsWheelButton
-                v-if="canShowVehicleRowActions()"
+                v-if="!props.compact"
                 :user_id="object.user_id"
                 :reg_1="object.reg"
                 :displayActionsDirectly="false"
@@ -241,14 +232,12 @@ const getProductOptionsLabel = (vehicle) => {
                 <template #actions>
                   <!-- View (Redirect to the vehicle page) -->
                   <ActionSettingsWheelItem
-                    v-if="canViewVehicle()"
                     :label="$t('global.manage') + ' ' + $t('objects.vehicles.single')"
                     icon="fas fa-eye"
                     :click-action="() => redirectUserVehiclePage(object.id)"
                   />
                   <!-- Delete -->
                   <ActionSettingsWheelItem
-                    v-if="canDeleteVehicle()"
                     :label="$t('global.delete') + ' ' + $t('objects.vehicles.single')"
                     icon="fas fa-trash"
                     :template="'danger'"

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

@@ -75,11 +75,19 @@ const items = computed<NavigationItemProps[]>(() => [
    *     ]
    *   }
    */
+  {
+    label: t('templates.limited_backoffice.title'),
+    to: `/backoffice`,
+    type: 'link',
+    permissions: ['limited_backoffice_access'],
+    hidden: hasPermission('superuser'),
+  },
   {
     label: t('common.settings'),
     to: `/user/profile`,
     type: 'link',
-    hidden: !window.location.pathname.startsWith('/user') || !SessionUser.authenticated.value
+    permissions: ['user'],
+    hidden: !window.location.pathname.startsWith('/user')
   },
   {
     label: t('common.logout'),

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

@@ -51,7 +51,7 @@ const items = computed<NavigationItemProps[]>(() => [
     to: `/user`,
     type: 'link',
     // Dashboard visible to regular users and all subusers (subusers always have at least one grant)
-    permissions: ['user', 'BOOKINGS_LIST', 'BOOKINGS_ADD', 'ORDERS_LIST', 'VEHICLES_LIST', 'VEHICLES_ADD', 'SELFSERVE_LIST', 'SUBUSERS_LIST'],
+    permissions: ['user', 'BOOKINGS_LIST', 'ORDERS_LIST', 'VEHICLES_LIST', 'SELFSERVE_LIST', 'SUBUSERS_LIST'],
   },
   {
     label: t('common.vehicles'),

src/components/session/token/SessionUser.vue

@@ -89,66 +89,6 @@ const SUBUSER_MANAGEMENT_PERMISSIONS = {
   },
 };
 
-const CUSTOMER_FEATURE_PERMISSIONS = {
-  vehicles: {
-    list: {
-      customer: ["user", "list_own_vehicles"],
-      subuser: ["VEHICLES_LIST"],
-    },
-    add: {
-      customer: ["user", "add_vehicle"],
-      subuser: ["VEHICLES_ADD"],
-    },
-    edit: {
-      customer: ["edit_vehicle", "add_vehicle"],
-      subuser: ["VEHICLES_EDIT"],
-    },
-    delete: {
-      customer: ["delete_vehicle"],
-      subuser: ["VEHICLES_DELETE"],
-    },
-  },
-  bookings: {
-    list: {
-      customer: ["user", "list_own_bookings"],
-      subuser: ["BOOKINGS_LIST"],
-    },
-    add: {
-      customer: ["user"],
-      subuser: ["BOOKINGS_ADD"],
-    },
-    edit: {
-      customer: ["edit_own_bookings"],
-      subuser: ["BOOKINGS_EDIT"],
-    },
-    delete: {
-      customer: ["delete_own_bookings"],
-      subuser: ["BOOKINGS_DELETE"],
-    },
-  },
-  orders: {
-    list: {
-      customer: ["user", "list_own_orders"],
-      subuser: ["ORDERS_LIST"],
-    },
-    edit: {
-      customer: ["edit_own_orders"],
-      subuser: ["ORDERS_EDIT"],
-    },
-  },
-  selfserve: {
-    list: {
-      customer: ["user", "list_own_department_selfserve_vehicle_conditions"],
-      subuser: ["SELFSERVE_LIST"],
-    },
-    add: {
-      customer: ["add_own_department_selfserve_vehicle_conditions"],
-      subuser: ["SELFSERVE_ADD"],
-    },
-  },
-  subusers: SUBUSER_MANAGEMENT_PERMISSIONS,
-};
-
 const getStoredSessionSnapshot = () => {
   if (typeof window === "undefined") {
     return null;
@@ -918,13 +858,6 @@ export const SessionUser = {
     }
     return SessionUser.permissions.value.includes(permission) || SessionUser.permissions.value.includes("superuser");
   },
-  hasAnyPermission: (permissions = []) => {
-    const permissionList = Array.isArray(permissions) ? permissions : [permissions].filter(Boolean);
-    if (permissionList.length === 0) {
-      return true;
-    }
-    return permissionList.some((permission) => SessionUser.hasPermission(permission));
-  },
   /** Can access shortcuts */
   canAccessAdmin: () => {
     return SessionUser.hasPermission("admin") || SessionUser.hasPermission("superuser");
@@ -944,15 +877,6 @@ export const SessionUser = {
       ? SessionUser.hasPermission(permissions.subuser)
       : SessionUser.hasPermission(permissions.customer);
   },
-  canAccessCustomerFeature: (feature, action = "list") => {
-    const permissions = CUSTOMER_FEATURE_PERMISSIONS[feature]?.[action];
-    if (!permissions) {
-      return false;
-    }
-
-    const permissionList = SessionUser.isSubuser.value ? permissions.subuser : permissions.customer;
-    return SessionUser.hasAnyPermission(permissionList);
-  },
   canAccessDepartment: (id = 0) => {
     return SessionUser.hasPermission("department_access_" + parseInt(id)) || SessionUser.canAccessSuperUser();
   },

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

@@ -444,14 +444,10 @@ export const CollectedOrderInvoices = {
       });
     },
     split_by_month: async (dateFrom, dateTo, options = {}) => {
-      const invoiceCollectionIds = Array.isArray(options.invoiceCollectionIds)
-        ? options.invoiceCollectionIds
-        : options.invoice_collection_ids;
       return authenticatedRequest('/collected-invoices/split-by-month', 'POST', {
         dateFrom,
         dateTo,
         ...(options.preview !== undefined ? { preview: !!options.preview } : {}),
-        ...(Array.isArray(invoiceCollectionIds) ? { invoice_collection_ids: invoiceCollectionIds } : {}),
       }).then((response) => {
         console.log(response);
         return response;

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

@@ -108,14 +108,6 @@ export const Departments = {
           required: false,
         },
       },
-      custom_pricing_only: {
-        label: t("objects.departments.columns.custom_pricing_only"),
-        type: "boolean",
-        sortable: true,
-        creation: {
-          required: false,
-        },
-      },
       longitude: {
         label: t("objects.departments.columns.longitude"),
         type: "number",
@@ -172,14 +164,6 @@ export const Departments = {
     archived: async (id, archived) => {
       return ObjectsGlobal.set.column(Departments.meta.endpoint, id, "archived", ObjectsGlobal.parse.boolean(archived));
     },
-    custom_pricing_only: async (id, custom_pricing_only) => {
-      return ObjectsGlobal.set.column(
-        Departments.meta.endpoint,
-        id,
-        "custom_pricing_only",
-        ObjectsGlobal.parse.boolean(custom_pricing_only)
-      );
-    },
     longitude: async (id, longitude) => {
       return ObjectsGlobal.set.column(Departments.meta.endpoint, id, "longitude", parseFloat(longitude));
     },

src/components/viewport/page/headers/DesktopHeader.vue

@@ -6,8 +6,9 @@ import CollectedInvoiceQueueMonitor from "@/components/viewport/page/headers/men
 import SubuserGrantSelector from "@/components/session/subuser/SubuserGrantSelector.vue";
 import { IS_DEV } from '@/config.js';
 import SessionUser from "@/components/session/token/SessionUser.vue";
+import { useRoute } from "vue-router";
 import { computed } from "vue";
-import HeaderAccessShortcuts from "@/components/viewport/page/headers/HeaderAccessShortcuts.vue";
+const route = useRoute();
 const isAuthenticatedSessionReady = computed(() => SessionUser.isInitiated() && SessionUser.authenticated.value);
 </script>
 
@@ -40,7 +41,20 @@ const isAuthenticatedSessionReady = computed(() => SessionUser.isInitiated() &&
       <!-- User account name and avatar (Desktop) -->
       <div class="navbar-item mr-1">
         <div class="buttons">
-          <HeaderAccessShortcuts />
+          <!-- Back-Office button -->
+          <router-link class="button is-white" to="/superuser" v-if="SessionUser.canAccessSuperUser() && !route.path.includes('/superuser')">
+            <span class="icon">
+              <i class="fas fa-tools" :class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"></i>
+            </span>
+            <span>{{ $t('header.backoffice') }}</span>
+          </router-link>
+          <!-- Department button -->
+          <router-link class="button is-white" to="/admin" v-if="SessionUser.canAccessAdmin() && !route.path.includes('/admin')">
+            <span class="icon">
+              <i class="fas fa-building" :class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"></i>
+            </span>
+            <span>{{ $t('common.departments') }}</span>
+          </router-link>
           <!-- Return to own account if impersonating -->
           <template v-if="SessionUser.hasSuperUserToken()">
             <router-link class="button is-white" to="/auth/return">

src/components/viewport/page/headers/DesktopNavigationBuefy.vue

@@ -63,7 +63,11 @@ const navigationItems = computed<NavigationMenuItem[]>(() => {
 });
 
 const hasPermission = (item: NavigationMenuItem) => {
-  return SessionUser.hasAnyPermission(item.permissions ?? []);
+  if (!item.permissions?.length) {
+    return true;
+  }
+
+  return item.permissions.some((permission) => SessionUser.hasPermission(permission));
 };
 
 const isItemVisible = (item: NavigationMenuItem) => !item.hidden && hasPermission(item);

src/components/viewport/page/headers/HeaderAccessShortcuts.vue

@@ -1,99 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { useRoute } from "vue-router";
-import { useI18n } from "vue-i18n";
-import { IS_DEV } from "@/config.js";
-import SessionUser from "@/components/session/token/SessionUser.vue";
-import {
-  getAdminDepartmentIdFromRoute,
-  getAdminDepartmentRoute,
-  getLimitedBackofficeDepartmentIdFromRoute,
-  getLimitedBackofficeDepartmentRoute,
-} from "@/components/viewport/page/headers/headerShortcuts.js";
-
-const route = useRoute();
-const { t } = useI18n({ useScope: "global" });
-
-const adminDepartmentId = computed(() => getAdminDepartmentIdFromRoute(route));
-const backofficeDepartmentId = computed(() => getLimitedBackofficeDepartmentIdFromRoute(route));
-
-const canAccessDepartment = (departmentId) =>
-  Number.isInteger(departmentId) && departmentId > 0 && SessionUser.canAccessDepartment(departmentId);
-
-const canShowSuperuserBackoffice = computed(
-  () => SessionUser.canAccessSuperUser() && !route.path.includes("/superuser")
-);
-
-const canShowLimitedBackoffice = computed(() => {
-  const departmentId = adminDepartmentId.value;
-
-  return (
-    canAccessDepartment(departmentId) &&
-    SessionUser.hasPermission("limited_backoffice_access") &&
-    !SessionUser.canAccessSuperUser()
-  );
-});
-
-const limitedBackofficeTarget = computed(() => getLimitedBackofficeDepartmentRoute(adminDepartmentId.value));
-
-const adminShortcutTarget = computed(() =>
-  backofficeDepartmentId.value ? getAdminDepartmentRoute(backofficeDepartmentId.value) : "/admin"
-);
-
-const canShowAdminShortcut = computed(() => {
-  if (!SessionUser.canAccessAdmin() || route.path.includes("/admin")) {
-    return false;
-  }
-
-  const departmentId = backofficeDepartmentId.value;
-  return departmentId === null || canAccessDepartment(departmentId);
-});
-</script>
-
-<template>
-  <router-link
-    v-if="canShowSuperuserBackoffice"
-    class="button is-white"
-    to="/superuser"
-    data-testid="superuser-backoffice-header-button"
-  >
-    <span class="icon">
-      <i class="fas fa-tools" :class="{ 'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV }"></i>
-    </span>
-    <span>{{ t("header.backoffice") }}</span>
-  </router-link>
-
-  <router-link
-    v-if="canShowLimitedBackoffice"
-    class="button is-white"
-    :to="limitedBackofficeTarget"
-    data-testid="limited-backoffice-header-button"
-  >
-    <span class="icon">
-      <i class="fas fa-tools" :class="{ 'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV }"></i>
-    </span>
-    <span>{{ t("templates.limited_backoffice.title") }}</span>
-  </router-link>
-
-  <router-link
-    v-if="canShowAdminShortcut"
-    class="button is-white"
-    :to="adminShortcutTarget"
-    data-testid="admin-header-button"
-  >
-    <span class="icon">
-      <i class="fas fa-building" :class="{ 'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV }"></i>
-    </span>
-    <span>{{ t("common.departments") }}</span>
-  </router-link>
-</template>
-
-<style scoped>
-.transform-color-black {
-  filter: invert(100%) grayscale(100%) brightness(0) contrast(100%);
-}
-
-.transform-color-red {
-  filter: invert(27%) sepia(96%) saturate(7493%) hue-rotate(357deg) brightness(103%) contrast(101%);
-}
-</style>

src/components/viewport/page/headers/TabletHeader.vue

@@ -5,8 +5,9 @@ import NavigationMenuGlobalSearch from "@/components/viewport/page/headers/menu/
 import CollectedInvoiceQueueMonitor from "@/components/viewport/page/headers/menu/CollectedInvoiceQueueMonitor.vue";
 import { IS_DEV } from '@/config.js';
 import SessionUser from "@/components/session/token/SessionUser.vue";
+import { useRoute } from "vue-router";
 import { computed } from "vue";
-import HeaderAccessShortcuts from "@/components/viewport/page/headers/HeaderAccessShortcuts.vue";
+const route = useRoute();
 const isAuthenticatedSessionReady = computed(() => SessionUser.isInitiated() && SessionUser.authenticated.value);
 </script>
 
@@ -40,7 +41,20 @@ const isAuthenticatedSessionReady = computed(() => SessionUser.isInitiated() &&
       <!-- User account name and avatar (Desktop) -->
       <div class="navbar-item mr-1">
         <div class="buttons">
-          <HeaderAccessShortcuts />
+          <!-- Back-Office button -->
+          <router-link class="button is-white" to="/superuser" v-if="SessionUser.canAccessSuperUser() && !route.path.includes('/superuser')">
+            <span class="icon">
+              <i class="fas fa-tools" :class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"></i>
+            </span>
+            <span>{{ $t('header.backoffice') }}</span>
+          </router-link>
+          <!-- Department button -->
+          <router-link class="button is-white" to="/admin" v-if="SessionUser.canAccessAdmin() && !route.path.includes('/admin')">
+            <span class="icon">
+              <i class="fas fa-building" :class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"></i>
+            </span>
+            <span>{{ $t('common.departments') }}</span>
+          </router-link>
           <!-- Return to own account if impersonating -->
           <template v-if="SessionUser.hasSuperUserToken()">
             <router-link class="button is-white" to="/auth/return">

src/components/viewport/page/headers/headerShortcuts.js

@@ -1,31 +0,0 @@
-const parsePositiveInteger = (value) => {
-  const parsedValue = Number.parseInt(String(value ?? ""), 10);
-  return Number.isInteger(parsedValue) && parsedValue > 0 ? parsedValue : null;
-};
-
-const getPath = (route) => String(route?.path ?? "");
-
-export const getAdminDepartmentIdFromRoute = (route) => {
-  const path = getPath(route);
-  const fromPath = parsePositiveInteger(path.match(/^\/admin\/(\d+)(?:\/|$)/)?.[1]);
-  if (fromPath !== null) {
-    return fromPath;
-  }
-
-  return path.startsWith("/admin") ? parsePositiveInteger(route?.params?.departmentId) : null;
-};
-
-export const getLimitedBackofficeDepartmentIdFromRoute = (route) => {
-  const path = getPath(route);
-  const fromPath = parsePositiveInteger(path.match(/^\/backoffice\/departments\/(\d+)(?:\/|$)/)?.[1]);
-  if (fromPath !== null) {
-    return fromPath;
-  }
-
-  return path.startsWith("/backoffice/departments") ? parsePositiveInteger(route?.params?.departmentId) : null;
-};
-
-export const getLimitedBackofficeDepartmentRoute = (departmentId) =>
-  `/backoffice/departments/${encodeURIComponent(String(departmentId))}/prices`;
-
-export const getAdminDepartmentRoute = (departmentId) => `/admin/${encodeURIComponent(String(departmentId))}`;

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

@@ -43,24 +43,23 @@ const redirect = async (to: string) => {
   }
 };
 // Permissions and visibility logic
+const hasPermission = (permission: string) => {
+  return SessionUser.hasPermission(permission);
+}
+
 const hasDepartmentIdInPath = (path: string) => {
   const departmentRegex = /\/admin\/\d+/;
   return departmentRegex.test(path);
 }
 
-const hasItemPermissions = (item: any) => {
-  return SessionUser.hasAnyPermission(item?.permissions ?? []);
-}
-
 const hasPermissions = computed(() => {
-  return hasItemPermissions(props.item);
+  if (!props.item.permissions || props.item.permissions.length === 0) {
+    return true; // No permissions required, item is visible
+  }
+  return props.item.permissions.some(hasPermission);
 });
 
 const isVisible = () => {
-  if (props.item.hidden) {
-    return false;
-  }
-
   switch (props.item.type) {
     case 'category':
       // Check if any child item is visible
@@ -97,14 +96,10 @@ const hasChildren = computed(() => {
 });
 
 const isChildVisible = (child: any) => {
-  if (child.hidden) {
-    return false;
-  }
-
   if (child.type === 'department') {
-    return hasItemPermissions(child) && hasDepartmentIdInPath(router.currentRoute.value.path);
+    return hasPermissions.value && hasDepartmentIdInPath(router.currentRoute.value.path);
   }
-  return hasItemPermissions(child);
+  return hasPermissions.value;
 }
 
 const hasVisibleChildren = computed(() => {

src/i18n/generated/da-v2.json

@@ -1176,9 +1176,6 @@
         "title": "@:{'templates.generated.compat.limited_backoffice.prices.title'}",
         "save": "@:{'templates.generated.compat.limited_backoffice.prices.save'}",
         "saved": "@:{'templates.generated.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saved'}",
         "product": "@:{'templates.generated.compat.limited_backoffice.prices.product'}",
         "price": "@:{'templates.generated.compat.limited_backoffice.prices.price'}",
         "price_required": "@:{'templates.generated.compat.limited_backoffice.prices.price_required'}",
@@ -1193,15 +1190,6 @@
         "edit_title": "@:{'templates.generated.compat.limited_backoffice.employees.edit_title'}",
         "name": "@:{'templates.generated.compat.limited_backoffice.employees.name'}",
         "email": "@:{'templates.generated.compat.limited_backoffice.employees.email'}",
-        "user_id": "@:{'templates.generated.compat.limited_backoffice.employees.user_id'}",
-        "phone": "@:{'templates.generated.compat.limited_backoffice.employees.phone'}",
-        "phone_validation": "@:{'templates.generated.compat.limited_backoffice.employees.phone_validation'}",
-        "country_codes": {
-          "denmark": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.denmark'}",
-          "sweden": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.sweden'}",
-          "norway": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.norway'}",
-          "finland": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.finland'}"
-        },
         "password": "@:{'templates.generated.compat.limited_backoffice.employees.password'}",
         "password_create_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_create_help'}",
         "password_update_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_update_help'}",
@@ -3467,13 +3455,6 @@
           "opening_hours": {
             "closed": "Stengt"
           },
-          "pricing": {
-            "custom_pricing_disabled": "Fallback aktiv",
-            "custom_pricing_enabled": "Kun egne priser",
-            "custom_pricing_missing_price": "Manglende afdelingspriser bliver 999999.",
-            "custom_pricing_only": "Ingen fallback-priser",
-            "effective_department_price": "Effektiv afdelingspris"
-          },
           "search_placeholder": "@.capitalize:{'words.generated.søg'} @:{'words.generated.efter'} @:{'words.generated.afdelingsnavn'}",
           "select_department": "@.capitalize:{'words.generated.vælg'} @:{'words.replication.host_definite_suffix'} @:{'words.generated.afdeling'}",
           "subtitle": "@.capitalize:{'words.generated.administrer'} @:{'words.generated.afdelinger'}",
@@ -4047,15 +4028,6 @@
             "preview_title": "@:{'words.generated.forhandsvis'} @:{'words.generated.manedsopdeling'}",
             "success_text": "@:{'words.generated.behandlede'} {processed} @:{'words.generated.fakturasamlinger'}. Opdelte {changed} @:{'words.generated.og'} sprang {skipped} @:{'words.generated.over'}.",
             "success_title": "@.capitalize:{'words.generated.manedsopdeling'} @:{'words.generated.fuldført'}"
-          },
-          "multi_month_invoice_warning": {
-            "invoice_together": "Fakturer sammen",
-            "split_by_month": "Opdel efter måned",
-            "split_error_title": "Månedsopdeling mislykkedes",
-            "split_success_text": "Behandlede {processed} fakturasamlinger. Opdelte {changed} og sprang {skipped} over.",
-            "split_success_title": "Månedsopdeling fuldført",
-            "text": "Du er ved at fakturere ordrer fra flere måneder sammen ({months}). Skal de i stedet opdeles efter måned?",
-            "title": "Ordrer fra flere måneder"
           }
         },
         "invoicing": {
@@ -4313,7 +4285,6 @@
           "departments": {
             "columns": {
               "archived": "Arkiveret",
-              "custom_pricing_only": "Ingen fallback-priser",
               "dimension": "Dimension",
               "economic_department": "@.upper:{'words.generated.e'}-@:{'words.generated.conomic'} @:{'words.generated.afdeling'}",
               "latitude": "@:{'templates.generated.compat.departments.form.latitude'}",
@@ -6039,9 +6010,6 @@
             "title": "@.capitalize:{'words.generated.afdelingspriser'}",
             "save": "@:{'words.generated.gem'} @:{'words.generated.priser'}",
             "saved": "Priserne @:{'words.generated.er'} @:{'words.generated.gemt'}.",
-            "autosave_saving": "Gemmer priser...",
-            "autosave_pending": "Prisændringer afventer.",
-            "autosave_saved": "Alle prisændringer er gemt.",
             "product": "Produkt",
             "price": "Afdelingspris",
             "price_required": "@.capitalize:{'words.generated.alle'} @:{'words.generated.produkter'} @:{'words.generated.skal'} have @:{'words.replication.host_definite_suffix'} @:{'words.generated.ikke'}-negativ numerisk pris.",
@@ -6056,15 +6024,6 @@
             "edit_title": "@:{'words.generated.rediger'} @:{'words.generated.medarbejder'}",
             "name": "Navn",
             "email": "Email",
-            "user_id": "Bruger-id",
-            "phone": "Telefon",
-            "phone_validation": "Telefonnummeret skal være 4-15 cifre.",
-            "country_codes": {
-              "denmark": "Danmark",
-              "sweden": "Sverige",
-              "norway": "Norge",
-              "finland": "Finland"
-            },
             "password": "@.capitalize:{'words.generated.adgangskode'}",
             "password_create_help": "@.capitalize:{'words.generated.pakrævet'} @:{'words.generated.for'} nye @:{'words.generated.medarbejdere'}. Brug @:{'words.generated.mindst'} 8 tegn.",
             "password_update_help": "Lad feltet være tomt @:{'words.generated.for'} at beholde den nuværende @:{'words.generated.adgangskode'}.",

src/i18n/generated/de-v2.json

@@ -1287,9 +1287,6 @@
         "title": "@:{'templates.generated.compat.limited_backoffice.prices.title'}",
         "save": "@:{'templates.generated.compat.limited_backoffice.prices.save'}",
         "saved": "@:{'templates.generated.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saved'}",
         "product": "@:{'templates.generated.compat.limited_backoffice.prices.product'}",
         "price": "@:{'templates.generated.compat.limited_backoffice.prices.price'}",
         "price_required": "@:{'templates.generated.compat.limited_backoffice.prices.price_required'}",
@@ -1304,15 +1301,6 @@
         "edit_title": "@:{'templates.generated.compat.limited_backoffice.employees.edit_title'}",
         "name": "@:{'templates.generated.compat.limited_backoffice.employees.name'}",
         "email": "@:{'templates.generated.compat.limited_backoffice.employees.email'}",
-        "user_id": "@:{'templates.generated.compat.limited_backoffice.employees.user_id'}",
-        "phone": "@:{'templates.generated.compat.limited_backoffice.employees.phone'}",
-        "phone_validation": "@:{'templates.generated.compat.limited_backoffice.employees.phone_validation'}",
-        "country_codes": {
-          "denmark": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.denmark'}",
-          "sweden": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.sweden'}",
-          "norway": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.norway'}",
-          "finland": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.finland'}"
-        },
         "password": "@:{'templates.generated.compat.limited_backoffice.employees.password'}",
         "password_create_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_create_help'}",
         "password_update_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_update_help'}",
@@ -4151,15 +4139,6 @@
             "preview_title": "Preview @:{'words.generated.monthly'} @:{'words.generated.split'}",
             "success_text": "@:{'words.generated.processed'} {processed} @:{'words.generated.invoice'} @:{'words.generated.collections'}. @.capitalize:{'words.generated.split'} {changed}, @:{'words.generated.skipped'} {skipped}.",
             "success_title": "@.capitalize:{'words.generated.monthly'} @:{'words.generated.split'} @:{'words.generated.completed'}"
-          },
-          "multi_month_invoice_warning": {
-            "invoice_together": "Zusammen abrechnen",
-            "split_by_month": "Nach Monat aufteilen",
-            "split_error_title": "Monatsaufteilung fehlgeschlagen",
-            "split_success_text": "{processed} Rechnungssammlungen verarbeitet. {changed} aufgeteilt, {skipped} übersprungen.",
-            "split_success_title": "Monatsaufteilung abgeschlossen",
-            "text": "Sie sind dabei, Aufträge aus mehreren Monaten gemeinsam abzurechnen ({months}). Sollen sie stattdessen nach Monat aufgeteilt werden?",
-            "title": "Aufträge aus mehreren Monaten"
           }
         },
         "invoicing": {
@@ -6128,9 +6107,6 @@
             "title": "@.capitalize:{'words.generated.abteilungspreise'}",
             "save": "@:{'words.generated.preise'} @:{'words.generated.speichern'}",
             "saved": "@:{'words.generated.preise'} @:{'words.generated.gespeichert'}.",
-            "autosave_saving": "Preise werden gespeichert...",
-            "autosave_pending": "Preisaenderungen ausstehend.",
-            "autosave_saved": "Alle Preisaenderungen gespeichert.",
             "product": "@.capitalize:{'words.generated.produkt'}",
             "price": "Abteilungspreis",
             "price_required": "Jedes @.capitalize:{'words.generated.produkt'} @:{'words.generated.muss'} einen @:{'words.generated.nicht'}-negativen numerischen Preis @:{'words.generated.haben'}.",
@@ -6145,15 +6121,6 @@
             "edit_title": "@:{'words.generated.mitarbeiter'} @:{'words.generated.bearbeiten'}",
             "name": "Name",
             "email": "E-Mail",
-            "user_id": "Benutzer-ID",
-            "phone": "Telefon",
-            "phone_validation": "Die Telefonnummer muss 4-15 Ziffern enthalten.",
-            "country_codes": {
-              "denmark": "Dänemark",
-              "sweden": "Schweden",
-              "norway": "Norwegen",
-              "finland": "Finnland"
-            },
             "password": "@:{'words.generated.passwort'}",
             "password_create_help": "@.capitalize:{'words.generated.fur'} neue @:{'words.generated.mitarbeiter'} @:{'words.generated.erforderlich'}. Verwenden @.capitalize:{'words.generated.sie'} @:{'words.generated.mindestens'} 8 Zeichen.",
             "password_update_help": "Leer lassen, um das vorhandene @:{'words.generated.passwort'} beizubehalten.",

src/i18n/generated/en-v2.json

@@ -1008,9 +1008,6 @@
         "title": "@:{'templates.generated.compat.limited_backoffice.prices.title'}",
         "save": "@:{'templates.generated.compat.limited_backoffice.prices.save'}",
         "saved": "@:{'templates.generated.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saved'}",
         "product": "@:{'templates.generated.compat.limited_backoffice.prices.product'}",
         "price": "@:{'templates.generated.compat.limited_backoffice.prices.price'}",
         "price_required": "@:{'templates.generated.compat.limited_backoffice.prices.price_required'}",
@@ -1025,15 +1022,6 @@
         "edit_title": "@:{'templates.generated.compat.limited_backoffice.employees.edit_title'}",
         "name": "@:{'templates.generated.compat.limited_backoffice.employees.name'}",
         "email": "@:{'templates.generated.compat.limited_backoffice.employees.email'}",
-        "user_id": "@:{'templates.generated.compat.limited_backoffice.employees.user_id'}",
-        "phone": "@:{'templates.generated.compat.limited_backoffice.employees.phone'}",
-        "phone_validation": "@:{'templates.generated.compat.limited_backoffice.employees.phone_validation'}",
-        "country_codes": {
-          "denmark": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.denmark'}",
-          "sweden": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.sweden'}",
-          "norway": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.norway'}",
-          "finland": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.finland'}"
-        },
         "password": "@:{'templates.generated.compat.limited_backoffice.employees.password'}",
         "password_create_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_create_help'}",
         "password_update_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_update_help'}",
@@ -3299,13 +3287,6 @@
           "opening_hours": {
             "closed": "@:{'templates.generated.compat.global.closed'}"
           },
-          "pricing": {
-            "custom_pricing_disabled": "Fallback enabled",
-            "custom_pricing_enabled": "Custom only",
-            "custom_pricing_missing_price": "Missing department prices resolve to 999999.",
-            "custom_pricing_only": "No fallback pricing",
-            "effective_department_price": "Effective department price"
-          },
           "search_placeholder": "@.capitalize:{'words.generated.search'} @:{'words.generated.by'} @:{'words.generated.department'} @:{'words.generated.name'}",
           "select_department": "@.capitalize:{'words.generated.select'} @:{'words.generated.a'} @:{'words.generated.department'}",
           "subtitle": "@.capitalize:{'words.generated.manage'} @:{'words.generated.departments'}",
@@ -3879,15 +3860,6 @@
             "preview_title": "@.capitalize:{'words.generated.preview'} @:{'words.generated.monthly'} @:{'words.generated.split'}",
             "success_text": "@:{'words.generated.processed'} {processed} @:{'words.generated.invoice'} @:{'words.generated.collections'}. @.capitalize:{'words.generated.split'} {changed}, @:{'words.generated.skipped'} {skipped}.",
             "success_title": "@.capitalize:{'words.generated.monthly'} @:{'words.generated.split'} @:{'words.generated.completed'}"
-          },
-          "multi_month_invoice_warning": {
-            "invoice_together": "Invoice together",
-            "split_by_month": "Split by month",
-            "split_error_title": "Monthly split failed",
-            "split_success_text": "Processed {processed} invoice collections. Split {changed}, skipped {skipped}.",
-            "split_success_title": "Monthly split completed",
-            "text": "You are about to invoice orders from multiple months together ({months}). Should they be split by month instead?",
-            "title": "Orders from multiple months"
           }
         },
         "invoicing": {
@@ -4145,7 +4117,6 @@
           "departments": {
             "columns": {
               "archived": "@:{'words.generated.archived'}",
-              "custom_pricing_only": "No fallback pricing",
               "dimension": "Dimension",
               "economic_department": "@.upper:{'words.generated.e'}-@:{'words.generated.conomic'} @.capitalize:{'words.generated.department'}",
               "latitude": "@:{'templates.generated.compat.departments.form.latitude'}",
@@ -5871,9 +5842,6 @@
             "title": "@.capitalize:{'words.generated.department'} @:{'words.generated.prices'}",
             "save": "@.capitalize:{'words.generated.save'} @:{'words.generated.prices'}",
             "saved": "@.capitalize:{'words.generated.prices'} @:{'words.generated.saved'}.",
-            "autosave_saving": "Saving prices...",
-            "autosave_pending": "Price changes pending.",
-            "autosave_saved": "All price changes saved.",
             "product": "@.capitalize:{'words.generated.product'}",
             "price": "@.capitalize:{'words.generated.department'} @:{'words.generated.price'}",
             "price_required": "Every @:{'words.generated.product'} @:{'words.generated.must'} @:{'words.generated.have'} @:{'words.generated.a'} non-negative numeric @:{'words.generated.price'}.",
@@ -5888,15 +5856,6 @@
             "edit_title": "@.capitalize:{'words.generated.edit'} @:{'words.generated.employee'}",
             "name": "Name",
             "email": "Email",
-            "user_id": "User ID",
-            "phone": "Phone",
-            "phone_validation": "Phone number must be 4-15 digits.",
-            "country_codes": {
-              "denmark": "Denmark",
-              "sweden": "Sweden",
-              "norway": "Norway",
-              "finland": "Finland"
-            },
             "password": "@.capitalize:{'words.generated.password'}",
             "password_create_help": "@.capitalize:{'words.generated.required'} @:{'words.generated.for'} new @:{'words.generated.employees'}. Use @:{'words.generated.at'} @:{'words.generated.least'} 8 characters.",
             "password_update_help": "Leave blank @:{'words.generated.to'} keep @:{'words.replication.article.host_mention'} existing @:{'words.generated.password'}.",

src/i18n/generated/global-v2.json

@@ -2420,13 +2420,6 @@
         "title": "@:{'templates.generated.compat.departments.tab.opening_hours'}"
       },
       "phone": "@:common.phone",
-      "pricing": {
-        "custom_pricing_disabled": "@:{'templates.generated.compat.departments.pricing.custom_pricing_disabled'}",
-        "custom_pricing_enabled": "@:{'templates.generated.compat.departments.pricing.custom_pricing_enabled'}",
-        "custom_pricing_missing_price": "@:{'templates.generated.compat.departments.pricing.custom_pricing_missing_price'}",
-        "custom_pricing_only": "@:{'templates.generated.compat.departments.pricing.custom_pricing_only'}",
-        "effective_department_price": "@:{'templates.generated.compat.departments.pricing.effective_department_price'}"
-      },
       "products": {
         "new_product": "@:products.new_product"
       },
@@ -3156,15 +3149,6 @@
         "preview_title": "@:{'templates.generated.compat.invoicing_period.monthly_split.preview_title'}",
         "success_text": "@:{'templates.generated.compat.invoicing_period.monthly_split.success_text'}",
         "success_title": "@:{'templates.generated.compat.invoicing_period.monthly_split.success_title'}"
-      },
-      "multi_month_invoice_warning": {
-        "invoice_together": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.invoice_together'}",
-        "split_by_month": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.split_by_month'}",
-        "split_error_title": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.split_error_title'}",
-        "split_success_text": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.split_success_text'}",
-        "split_success_title": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.split_success_title'}",
-        "text": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.text'}",
-        "title": "@:{'templates.generated.compat.invoicing_period.multi_month_invoice_warning.title'}"
       }
     },
     "invoicing": {
@@ -3502,7 +3486,6 @@
       "departments": {
         "columns": {
           "archived": "@:{'templates.generated.compat.objects.departments.columns.archived'}",
-          "custom_pricing_only": "@:{'templates.generated.compat.objects.departments.columns.custom_pricing_only'}",
           "dimension": "@:{'templates.generated.compat.objects.departments.columns.dimension'}",
           "economic_department": "@:{'templates.generated.compat.objects.departments.columns.economic_department'}",
           "latitude": "@:{'templates.generated.compat.objects.departments.columns.latitude'}",
@@ -4576,82 +4559,6 @@
         "subtitle": "@:{'templates.generated.compat.superuser_dashboard.departments.subtitle'}",
         "title": "@:common.departments"
       },
-      "department_navigation": {
-        "overview": "Overview",
-        "modules": "Modules",
-        "branding": "Profile & Branding",
-        "gateways": "Gateways",
-        "stripe": "Stripe",
-        "pricing": "Pricing",
-        "categories": "Categories"
-      },
-      "department_overview": {
-        "title": "Department overview",
-        "subtitle": "Operational overview for the selected department",
-        "loading": "Loading department overview",
-        "date_from": "From",
-        "date_to": "To",
-        "range_label": "{from} to {to}",
-        "empty_value": "-",
-        "out_of": "of {total}",
-        "presets": {
-          "today": "Today",
-          "last_seven_days": "Last 7 days"
-        },
-        "metrics": {
-          "bookings": "Bookings",
-          "complaints": "Complaints",
-          "night_washes": "Night washes",
-          "overtime": "Overtime",
-          "products_sold": "Products sold",
-          "revenue": "Revenue",
-          "transactions": "Transactions",
-          "washes": "Washes",
-          "water_usage": "Water"
-        },
-        "units": {
-          "hours": "h",
-          "liters": "L"
-        },
-        "products": {
-          "title": "Product mix",
-          "subtitle": "Tracked wash products in the selected period",
-          "empty": "No product activity for the selected period"
-        },
-        "profile": {
-          "title": "Department profile",
-          "no_description": "No department description",
-          "department_id": "Department ID",
-          "economic_department_id": "Economic department",
-          "branding": "Branding",
-          "created_at": "Created",
-          "updated_at": "Updated"
-        },
-        "hardware": {
-          "title": "Hardware readiness",
-          "subtitle": "Gateway-backed lane and relay state",
-          "gateways": "Gateways online",
-          "lanes": "Lanes",
-          "gates": "Gates",
-          "relays": "Relays",
-          "scanners": "Scanners",
-          "issues": "Issues"
-        },
-        "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"
-        },
-        "errors": {
-          "invalid_department": "A valid department is required",
-          "load": "Unable to load the department overview"
-        }
-      },
       "employees": {
         "edit_employee_title": "@:employees.edit_employee",
         "new_employee_subtitle": "@:{'templates.generated.compat.superuser_dashboard.employees.new_employee_subtitle'}",

src/i18n/generated/no-v2.json

@@ -1290,9 +1290,6 @@
         "title": "@:{'templates.generated.compat.limited_backoffice.prices.title'}",
         "save": "@:{'templates.generated.compat.limited_backoffice.prices.save'}",
         "saved": "@:{'templates.generated.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saved'}",
         "product": "@:{'templates.generated.compat.limited_backoffice.prices.product'}",
         "price": "@:{'templates.generated.compat.limited_backoffice.prices.price'}",
         "price_required": "@:{'templates.generated.compat.limited_backoffice.prices.price_required'}",
@@ -1307,15 +1304,6 @@
         "edit_title": "@:{'templates.generated.compat.limited_backoffice.employees.edit_title'}",
         "name": "@:{'templates.generated.compat.limited_backoffice.employees.name'}",
         "email": "@:{'templates.generated.compat.limited_backoffice.employees.email'}",
-        "user_id": "@:{'templates.generated.compat.limited_backoffice.employees.user_id'}",
-        "phone": "@:{'templates.generated.compat.limited_backoffice.employees.phone'}",
-        "phone_validation": "@:{'templates.generated.compat.limited_backoffice.employees.phone_validation'}",
-        "country_codes": {
-          "denmark": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.denmark'}",
-          "sweden": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.sweden'}",
-          "norway": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.norway'}",
-          "finland": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.finland'}"
-        },
         "password": "@:{'templates.generated.compat.limited_backoffice.employees.password'}",
         "password_create_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_create_help'}",
         "password_update_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_update_help'}",
@@ -4154,15 +4142,6 @@
             "preview_title": "Preview @:{'words.generated.monthly'} @:{'words.generated.split'}",
             "success_text": "@:{'words.generated.processed'} {processed} @:{'words.generated.invoice'} @:{'words.generated.collections'}. @.capitalize:{'words.generated.split'} {changed}, @:{'words.generated.skipped'} {skipped}.",
             "success_title": "@.capitalize:{'words.generated.monthly'} @:{'words.generated.split'} @:{'words.generated.completed'}"
-          },
-          "multi_month_invoice_warning": {
-            "invoice_together": "Fakturer samlet",
-            "split_by_month": "Del opp etter måned",
-            "split_error_title": "Månedsdeling mislyktes",
-            "split_success_text": "Behandlet {processed} fakturasamlinger. Delte opp {changed}, hoppet over {skipped}.",
-            "split_success_title": "Månedsdeling fullført",
-            "text": "Du er i ferd med å fakturere ordrer fra flere måneder samlet ({months}). Skal de i stedet deles opp etter måned?",
-            "title": "Ordrer fra flere måneder"
           }
         },
         "invoicing": {
@@ -6131,9 +6110,6 @@
             "title": "@.capitalize:{'words.generated.avdelingspriser'}",
             "save": "@.capitalize:{'words.generated.lagre'} @:{'words.generated.priser'}",
             "saved": "Prisene @:{'words.generated.er'} @:{'words.generated.lagret'}.",
-            "autosave_saving": "Lagrer priser...",
-            "autosave_pending": "Prisendringer venter.",
-            "autosave_saved": "Alle prisendringer er lagret.",
             "product": "Produkt",
             "price": "Avdelingspris",
             "price_required": "@.capitalize:{'words.generated.alle'} @:{'words.generated.produkter'} @:{'words.generated.ma'} ha @:{'words.replication.host_definite_suffix'} @:{'words.generated.ikke'}-negativ numerisk pris.",
@@ -6148,15 +6124,6 @@
             "edit_title": "@:{'words.generated.rediger'} @:{'words.generated.medarbeider'}",
             "name": "Navn",
             "email": "E-post",
-            "user_id": "Bruker-ID",
-            "phone": "Telefon",
-            "phone_validation": "Telefonnummeret må være 4-15 sifre.",
-            "country_codes": {
-              "denmark": "Danmark",
-              "sweden": "Sverige",
-              "norway": "Norge",
-              "finland": "Finland"
-            },
             "password": "@.capitalize:{'words.generated.passord'}",
             "password_create_help": "@.capitalize:{'words.generated.kreves'} @:{'words.generated.for'} nye @:{'words.generated.medarbeidere'}. Bruk @:{'words.generated.minst'} 8 tegn.",
             "password_update_help": "La stå tomt @:{'words.generated.for'} å beholde nåværende @:{'words.generated.passord'}.",

src/i18n/generated/sv-v2.json

@@ -1340,9 +1340,6 @@
         "title": "@:{'templates.generated.compat.limited_backoffice.prices.title'}",
         "save": "@:{'templates.generated.compat.limited_backoffice.prices.save'}",
         "saved": "@:{'templates.generated.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'templates.generated.compat.limited_backoffice.prices.autosave_saved'}",
         "product": "@:{'templates.generated.compat.limited_backoffice.prices.product'}",
         "price": "@:{'templates.generated.compat.limited_backoffice.prices.price'}",
         "price_required": "@:{'templates.generated.compat.limited_backoffice.prices.price_required'}",
@@ -1357,15 +1354,6 @@
         "edit_title": "@:{'templates.generated.compat.limited_backoffice.employees.edit_title'}",
         "name": "@:{'templates.generated.compat.limited_backoffice.employees.name'}",
         "email": "@:{'templates.generated.compat.limited_backoffice.employees.email'}",
-        "user_id": "@:{'templates.generated.compat.limited_backoffice.employees.user_id'}",
-        "phone": "@:{'templates.generated.compat.limited_backoffice.employees.phone'}",
-        "phone_validation": "@:{'templates.generated.compat.limited_backoffice.employees.phone_validation'}",
-        "country_codes": {
-          "denmark": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.denmark'}",
-          "sweden": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.sweden'}",
-          "norway": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.norway'}",
-          "finland": "@:{'templates.generated.compat.limited_backoffice.employees.country_codes.finland'}"
-        },
         "password": "@:{'templates.generated.compat.limited_backoffice.employees.password'}",
         "password_create_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_create_help'}",
         "password_update_help": "@:{'templates.generated.compat.limited_backoffice.employees.password_update_help'}",
@@ -4204,15 +4192,6 @@
             "preview_title": "Preview @:{'words.generated.monthly'} @:{'words.generated.split'}",
             "success_text": "@:{'words.generated.processed'} {processed} @:{'words.generated.invoice'} @:{'words.generated.collections'}. @.capitalize:{'words.generated.split'} {changed}, @:{'words.generated.skipped'} {skipped}.",
             "success_title": "@.capitalize:{'words.generated.monthly'} @:{'words.generated.split'} @:{'words.generated.completed'}"
-          },
-          "multi_month_invoice_warning": {
-            "invoice_together": "Fakturera tillsammans",
-            "split_by_month": "Dela upp per månad",
-            "split_error_title": "Månadsuppdelning misslyckades",
-            "split_success_text": "Bearbetade {processed} fakturasamlingar. Delade upp {changed}, hoppade över {skipped}.",
-            "split_success_title": "Månadsuppdelning klar",
-            "text": "Du håller på att fakturera ordrar från flera månader tillsammans ({months}). Ska de delas upp per månad i stället?",
-            "title": "Ordrar från flera månader"
           }
         },
         "invoicing": {
@@ -6181,9 +6160,6 @@
             "title": "@.capitalize:{'words.generated.avdelningspriser'}",
             "save": "@.capitalize:{'words.generated.spara'} @:{'words.generated.priser'}",
             "saved": "Priserna @:{'words.generated.har'} @:{'words.generated.sparats'}.",
-            "autosave_saving": "Sparar priser...",
-            "autosave_pending": "Prisandringar vantar.",
-            "autosave_saved": "Alla prisandringar har sparats.",
             "product": "Produkt",
             "price": "Avdelningspris",
             "price_required": "@.capitalize:{'words.generated.alla'} @:{'words.generated.produkter'} @:{'words.generated.maste'} ha ett icke-negativt numeriskt pris.",
@@ -6198,15 +6174,6 @@
             "edit_title": "@:{'words.generated.redigera'} @:{'words.generated.medarbetare'}",
             "name": "Namn",
             "email": "E-post",
-            "user_id": "Användar-ID",
-            "phone": "Telefon",
-            "phone_validation": "Telefonnumret måste vara 4-15 siffror.",
-            "country_codes": {
-              "denmark": "Danmark",
-              "sweden": "Sverige",
-              "norway": "Norge",
-              "finland": "Finland"
-            },
             "password": "@.capitalize:{'words.generated.losenord'}",
             "password_create_help": "@.capitalize:{'words.generated.kravs'} @:{'words.generated.for'} nya @:{'words.generated.medarbetare'}. Använd @:{'words.generated.minst'} 8 tecken.",
             "password_update_help": "Lämna tomt @:{'words.generated.for'} att behålla nuvarande @:{'words.generated.losenord'}.",

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

@@ -21,13 +21,6 @@
       "opening_hours": {
         "closed": "Stengt"
       },
-      "pricing": {
-        "custom_pricing_disabled": "Fallback aktiv",
-        "custom_pricing_enabled": "Kun egne priser",
-        "custom_pricing_missing_price": "Manglende afdelingspriser bliver 999999.",
-        "custom_pricing_only": "Ingen fallback-priser",
-        "effective_department_price": "Effektiv afdelingspris"
-      },
       "search_placeholder": "@.capitalize:{'terms.glossary.søg'} @:{'terms.glossary.efter'} @:{'terms.glossary.afdelingsnavn'}",
       "select_department": "@.capitalize:{'terms.glossary.vælg'} @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.afdeling'}",
       "subtitle": "@.capitalize:{'terms.glossary.administrer'} @:{'terms.glossary.afdelinger'}",

src/i18n/source/da/phrases/compat/invoicing_period/multi_month_invoice_warning.json

@@ -1,15 +0,0 @@
-{
-  "compat": {
-    "invoicing_period": {
-      "multi_month_invoice_warning": {
-        "invoice_together": "Fakturer sammen",
-        "split_by_month": "Opdel efter måned",
-        "split_error_title": "Månedsopdeling mislykkedes",
-        "split_success_text": "Behandlede {processed} fakturasamlinger. Opdelte {changed} og sprang {skipped} over.",
-        "split_success_title": "Månedsopdeling fuldført",
-        "text": "Du er ved at fakturere ordrer fra flere måneder sammen ({months}). Skal de i stedet opdeles efter måned?",
-        "title": "Ordrer fra flere måneder"
-      }
-    }
-  }
-}

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

@@ -140,7 +140,6 @@
       "departments": {
         "columns": {
           "archived": "Arkiveret",
-          "custom_pricing_only": "Ingen fallback-priser",
           "dimension": "Dimension",
           "economic_department": "@.upper:{'terms.glossary.e'}-@:{'terms.glossary.conomic'} @:{'terms.glossary.afdeling'}",
           "latitude": "@:{'phrases.compat.departments.form.latitude'}",

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

@@ -28,16 +28,13 @@
       "title": "@:{'phrases.compat.limited_backoffice.forbidden.title'}",
       "department": "@:{'phrases.compat.limited_backoffice.forbidden.department'}"
     },
-      "prices": {
-        "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
-        "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
-        "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'phrases.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'phrases.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'phrases.compat.limited_backoffice.prices.autosave_saved'}",
-        "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
-        "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
-        "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
+    "prices": {
+      "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
+      "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
+      "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
+      "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
+      "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
+      "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
       "setup_required_title": "@:{'phrases.compat.limited_backoffice.prices.setup_required_title'}",
       "setup_required_message": "@:{'phrases.compat.limited_backoffice.prices.setup_required_message'}",
       "no_products": "@:{'phrases.compat.limited_backoffice.prices.no_products'}"
@@ -49,15 +46,6 @@
       "edit_title": "@:{'phrases.compat.limited_backoffice.employees.edit_title'}",
       "name": "@:{'phrases.compat.limited_backoffice.employees.name'}",
       "email": "@:{'phrases.compat.limited_backoffice.employees.email'}",
-      "user_id": "@:{'phrases.compat.limited_backoffice.employees.user_id'}",
-      "phone": "@:{'phrases.compat.limited_backoffice.employees.phone'}",
-      "phone_validation": "@:{'phrases.compat.limited_backoffice.employees.phone_validation'}",
-      "country_codes": {
-        "denmark": "@:{'phrases.compat.limited_backoffice.employees.country_codes.denmark'}",
-        "sweden": "@:{'phrases.compat.limited_backoffice.employees.country_codes.sweden'}",
-        "norway": "@:{'phrases.compat.limited_backoffice.employees.country_codes.norway'}",
-        "finland": "@:{'phrases.compat.limited_backoffice.employees.country_codes.finland'}"
-      },
       "password": "@:{'phrases.compat.limited_backoffice.employees.password'}",
       "password_create_help": "@:{'phrases.compat.limited_backoffice.employees.password_create_help'}",
       "password_update_help": "@:{'phrases.compat.limited_backoffice.employees.password_update_help'}",
@@ -277,9 +265,6 @@
         "title": "@.capitalize:{'terms.glossary.afdelingspriser'}",
         "save": "@:{'terms.glossary.gem'} @:{'terms.glossary.priser'}",
         "saved": "Priserne @:{'terms.glossary.er'} @:{'terms.glossary.gemt'}.",
-        "autosave_saving": "Gemmer priser...",
-        "autosave_pending": "Prisændringer afventer.",
-        "autosave_saved": "Alle prisændringer er gemt.",
         "product": "Produkt",
         "price": "Afdelingspris",
         "price_required": "@.capitalize:{'terms.glossary.alle'} @:{'terms.glossary.produkter'} @:{'terms.glossary.skal'} have @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.ikke'}-negativ numerisk pris.",
@@ -294,15 +279,6 @@
         "edit_title": "@:{'terms.glossary.rediger'} @:{'terms.glossary.medarbejder'}",
         "name": "Navn",
         "email": "Email",
-        "user_id": "Bruger-id",
-        "phone": "Telefon",
-        "phone_validation": "Telefonnummeret skal være 4-15 cifre.",
-        "country_codes": {
-          "denmark": "Danmark",
-          "sweden": "Sverige",
-          "norway": "Norge",
-          "finland": "Finland"
-        },
         "password": "@.capitalize:{'terms.glossary.adgangskode'}",
         "password_create_help": "@.capitalize:{'terms.glossary.pakrævet'} @:{'terms.glossary.for'} nye @:{'terms.glossary.medarbejdere'}. Brug @:{'terms.glossary.mindst'} 8 tegn.",
         "password_update_help": "Lad feltet være tomt @:{'terms.glossary.for'} at beholde den nuværende @:{'terms.glossary.adgangskode'}.",

src/i18n/source/de/phrases/compat/invoicing_period/multi_month_invoice_warning.json

@@ -1,15 +0,0 @@
-{
-  "compat": {
-    "invoicing_period": {
-      "multi_month_invoice_warning": {
-        "invoice_together": "Zusammen abrechnen",
-        "split_by_month": "Nach Monat aufteilen",
-        "split_error_title": "Monatsaufteilung fehlgeschlagen",
-        "split_success_text": "{processed} Rechnungssammlungen verarbeitet. {changed} aufgeteilt, {skipped} übersprungen.",
-        "split_success_title": "Monatsaufteilung abgeschlossen",
-        "text": "Sie sind dabei, Aufträge aus mehreren Monaten gemeinsam abzurechnen ({months}). Sollen sie stattdessen nach Monat aufgeteilt werden?",
-        "title": "Aufträge aus mehreren Monaten"
-      }
-    }
-  }
-}

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

@@ -28,16 +28,13 @@
       "title": "@:{'phrases.compat.limited_backoffice.forbidden.title'}",
       "department": "@:{'phrases.compat.limited_backoffice.forbidden.department'}"
     },
-      "prices": {
-        "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
-        "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
-        "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'phrases.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'phrases.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'phrases.compat.limited_backoffice.prices.autosave_saved'}",
-        "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
-        "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
-        "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
+    "prices": {
+      "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
+      "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
+      "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
+      "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
+      "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
+      "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
       "setup_required_title": "@:{'phrases.compat.limited_backoffice.prices.setup_required_title'}",
       "setup_required_message": "@:{'phrases.compat.limited_backoffice.prices.setup_required_message'}",
       "no_products": "@:{'phrases.compat.limited_backoffice.prices.no_products'}"
@@ -49,15 +46,6 @@
       "edit_title": "@:{'phrases.compat.limited_backoffice.employees.edit_title'}",
       "name": "@:{'phrases.compat.limited_backoffice.employees.name'}",
       "email": "@:{'phrases.compat.limited_backoffice.employees.email'}",
-      "user_id": "@:{'phrases.compat.limited_backoffice.employees.user_id'}",
-      "phone": "@:{'phrases.compat.limited_backoffice.employees.phone'}",
-      "phone_validation": "@:{'phrases.compat.limited_backoffice.employees.phone_validation'}",
-      "country_codes": {
-        "denmark": "@:{'phrases.compat.limited_backoffice.employees.country_codes.denmark'}",
-        "sweden": "@:{'phrases.compat.limited_backoffice.employees.country_codes.sweden'}",
-        "norway": "@:{'phrases.compat.limited_backoffice.employees.country_codes.norway'}",
-        "finland": "@:{'phrases.compat.limited_backoffice.employees.country_codes.finland'}"
-      },
       "password": "@:{'phrases.compat.limited_backoffice.employees.password'}",
       "password_create_help": "@:{'phrases.compat.limited_backoffice.employees.password_create_help'}",
       "password_update_help": "@:{'phrases.compat.limited_backoffice.employees.password_update_help'}",
@@ -277,9 +265,6 @@
         "title": "@.capitalize:{'terms.glossary.abteilungspreise'}",
         "save": "@:{'terms.glossary.preise'} @:{'terms.glossary.speichern'}",
         "saved": "@:{'terms.glossary.preise'} @:{'terms.glossary.gespeichert'}.",
-        "autosave_saving": "Preise werden gespeichert...",
-        "autosave_pending": "Preisaenderungen ausstehend.",
-        "autosave_saved": "Alle Preisaenderungen gespeichert.",
         "product": "@.capitalize:{'terms.glossary.produkt'}",
         "price": "Abteilungspreis",
         "price_required": "Jedes @.capitalize:{'terms.glossary.produkt'} @:{'terms.glossary.muss'} einen @:{'terms.glossary.nicht'}-negativen numerischen Preis @:{'terms.glossary.haben'}.",
@@ -294,15 +279,6 @@
         "edit_title": "@:{'terms.glossary.mitarbeiter'} @:{'terms.glossary.bearbeiten'}",
         "name": "Name",
         "email": "E-Mail",
-        "user_id": "Benutzer-ID",
-        "phone": "Telefon",
-        "phone_validation": "Die Telefonnummer muss 4-15 Ziffern enthalten.",
-        "country_codes": {
-          "denmark": "Dänemark",
-          "sweden": "Schweden",
-          "norway": "Norwegen",
-          "finland": "Finnland"
-        },
         "password": "@:{'terms.glossary.passwort'}",
         "password_create_help": "@.capitalize:{'terms.glossary.fur'} neue @:{'terms.glossary.mitarbeiter'} @:{'terms.glossary.erforderlich'}. Verwenden @.capitalize:{'terms.glossary.sie'} @:{'terms.glossary.mindestens'} 8 Zeichen.",
         "password_update_help": "Leer lassen, um das vorhandene @:{'terms.glossary.passwort'} beizubehalten.",

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

@@ -21,13 +21,6 @@
       "opening_hours": {
         "closed": "@:{'phrases.compat.global.closed'}"
       },
-      "pricing": {
-        "custom_pricing_disabled": "Fallback enabled",
-        "custom_pricing_enabled": "Custom only",
-        "custom_pricing_missing_price": "Missing department prices resolve to 999999.",
-        "custom_pricing_only": "No fallback pricing",
-        "effective_department_price": "Effective department price"
-      },
       "search_placeholder": "@.capitalize:{'terms.glossary.search'} @:{'terms.glossary.by'} @:{'terms.glossary.department'} @:{'terms.glossary.name'}",
       "select_department": "@.capitalize:{'terms.glossary.select'} @:{'terms.glossary.a'} @:{'terms.glossary.department'}",
       "subtitle": "@.capitalize:{'terms.glossary.manage'} @:{'terms.glossary.departments'}",

src/i18n/source/en/phrases/compat/invoicing_period/multi_month_invoice_warning.json

@@ -1,15 +0,0 @@
-{
-  "compat": {
-    "invoicing_period": {
-      "multi_month_invoice_warning": {
-        "invoice_together": "Invoice together",
-        "split_by_month": "Split by month",
-        "split_error_title": "Monthly split failed",
-        "split_success_text": "Processed {processed} invoice collections. Split {changed}, skipped {skipped}.",
-        "split_success_title": "Monthly split completed",
-        "text": "You are about to invoice orders from multiple months together ({months}). Should they be split by month instead?",
-        "title": "Orders from multiple months"
-      }
-    }
-  }
-}

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

@@ -140,7 +140,6 @@
       "departments": {
         "columns": {
           "archived": "@:{'terms.glossary.archived'}",
-          "custom_pricing_only": "No fallback pricing",
           "dimension": "Dimension",
           "economic_department": "@.upper:{'terms.glossary.e'}-@:{'terms.glossary.conomic'} @.capitalize:{'terms.glossary.department'}",
           "latitude": "@:{'phrases.compat.departments.form.latitude'}",

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

@@ -28,16 +28,13 @@
       "title": "@:{'phrases.compat.limited_backoffice.forbidden.title'}",
       "department": "@:{'phrases.compat.limited_backoffice.forbidden.department'}"
     },
-      "prices": {
-        "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
-        "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
-        "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'phrases.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'phrases.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'phrases.compat.limited_backoffice.prices.autosave_saved'}",
-        "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
-        "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
-        "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
+    "prices": {
+      "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
+      "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
+      "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
+      "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
+      "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
+      "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
       "setup_required_title": "@:{'phrases.compat.limited_backoffice.prices.setup_required_title'}",
       "setup_required_message": "@:{'phrases.compat.limited_backoffice.prices.setup_required_message'}",
       "no_products": "@:{'phrases.compat.limited_backoffice.prices.no_products'}"
@@ -49,15 +46,6 @@
       "edit_title": "@:{'phrases.compat.limited_backoffice.employees.edit_title'}",
       "name": "@:{'phrases.compat.limited_backoffice.employees.name'}",
       "email": "@:{'phrases.compat.limited_backoffice.employees.email'}",
-      "user_id": "@:{'phrases.compat.limited_backoffice.employees.user_id'}",
-      "phone": "@:{'phrases.compat.limited_backoffice.employees.phone'}",
-      "phone_validation": "@:{'phrases.compat.limited_backoffice.employees.phone_validation'}",
-      "country_codes": {
-        "denmark": "@:{'phrases.compat.limited_backoffice.employees.country_codes.denmark'}",
-        "sweden": "@:{'phrases.compat.limited_backoffice.employees.country_codes.sweden'}",
-        "norway": "@:{'phrases.compat.limited_backoffice.employees.country_codes.norway'}",
-        "finland": "@:{'phrases.compat.limited_backoffice.employees.country_codes.finland'}"
-      },
       "password": "@:{'phrases.compat.limited_backoffice.employees.password'}",
       "password_create_help": "@:{'phrases.compat.limited_backoffice.employees.password_create_help'}",
       "password_update_help": "@:{'phrases.compat.limited_backoffice.employees.password_update_help'}",
@@ -277,9 +265,6 @@
         "title": "@.capitalize:{'terms.glossary.department'} @:{'terms.glossary.prices'}",
         "save": "@.capitalize:{'terms.glossary.save'} @:{'terms.glossary.prices'}",
         "saved": "@.capitalize:{'terms.glossary.prices'} @:{'terms.glossary.saved'}.",
-        "autosave_saving": "Saving prices...",
-        "autosave_pending": "Price changes pending.",
-        "autosave_saved": "All price changes saved.",
         "product": "@.capitalize:{'terms.glossary.product'}",
         "price": "@.capitalize:{'terms.glossary.department'} @:{'terms.glossary.price'}",
         "price_required": "Every @:{'terms.glossary.product'} @:{'terms.glossary.must'} @:{'terms.glossary.have'} @:{'terms.glossary.a'} non-negative numeric @:{'terms.glossary.price'}.",
@@ -294,15 +279,6 @@
         "edit_title": "@.capitalize:{'terms.glossary.edit'} @:{'terms.glossary.employee'}",
         "name": "Name",
         "email": "Email",
-        "user_id": "User ID",
-        "phone": "Phone",
-        "phone_validation": "Phone number must be 4-15 digits.",
-        "country_codes": {
-          "denmark": "Denmark",
-          "sweden": "Sweden",
-          "norway": "Norway",
-          "finland": "Finland"
-        },
         "password": "@.capitalize:{'terms.glossary.password'}",
         "password_create_help": "@.capitalize:{'terms.glossary.required'} @:{'terms.glossary.for'} new @:{'terms.glossary.employees'}. Use @:{'terms.glossary.at'} @:{'terms.glossary.least'} 8 characters.",
         "password_update_help": "Leave blank @:{'terms.glossary.to'} keep @:{'terms.replication.article.host_mention'} existing @:{'terms.glossary.password'}.",

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

@@ -38,13 +38,6 @@
       "title": "@:{'phrases.compat.departments.tab.opening_hours'}"
     },
     "phone": "@:common.phone",
-    "pricing": {
-      "custom_pricing_disabled": "@:{'phrases.compat.departments.pricing.custom_pricing_disabled'}",
-      "custom_pricing_enabled": "@:{'phrases.compat.departments.pricing.custom_pricing_enabled'}",
-      "custom_pricing_missing_price": "@:{'phrases.compat.departments.pricing.custom_pricing_missing_price'}",
-      "custom_pricing_only": "@:{'phrases.compat.departments.pricing.custom_pricing_only'}",
-      "effective_department_price": "@:{'phrases.compat.departments.pricing.effective_department_price'}"
-    },
     "products": {
       "new_product": "@:products.new_product"
     },

src/i18n/source/global/shared/invoicing_period/multi_month_invoice_warning.json

@@ -1,13 +0,0 @@
-{
-  "invoicing_period": {
-    "multi_month_invoice_warning": {
-      "invoice_together": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.invoice_together'}",
-      "split_by_month": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.split_by_month'}",
-      "split_error_title": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.split_error_title'}",
-      "split_success_text": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.split_success_text'}",
-      "split_success_title": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.split_success_title'}",
-      "text": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.text'}",
-      "title": "@:{'phrases.compat.invoicing_period.multi_month_invoice_warning.title'}"
-    }
-  }
-}

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

@@ -194,7 +194,6 @@
     "departments": {
       "columns": {
         "archived": "@:{'phrases.compat.objects.departments.columns.archived'}",
-        "custom_pricing_only": "@:{'phrases.compat.objects.departments.columns.custom_pricing_only'}",
         "dimension": "@:{'phrases.compat.objects.departments.columns.dimension'}",
         "economic_department": "@:{'phrases.compat.objects.departments.columns.economic_department'}",
         "latitude": "@:{'phrases.compat.objects.departments.columns.latitude'}",

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

@@ -40,82 +40,6 @@
       "subtitle": "@:{'phrases.compat.superuser_dashboard.departments.subtitle'}",
       "title": "@:common.departments"
     },
-    "department_navigation": {
-      "overview": "Overview",
-      "modules": "Modules",
-      "branding": "Profile & Branding",
-      "gateways": "Gateways",
-      "stripe": "Stripe",
-      "pricing": "Pricing",
-      "categories": "Categories"
-    },
-    "department_overview": {
-      "title": "Department overview",
-      "subtitle": "Operational overview for the selected department",
-      "loading": "Loading department overview",
-      "date_from": "From",
-      "date_to": "To",
-      "range_label": "{from} to {to}",
-      "empty_value": "-",
-      "out_of": "of {total}",
-      "presets": {
-        "today": "Today",
-        "last_seven_days": "Last 7 days"
-      },
-      "metrics": {
-        "bookings": "Bookings",
-        "complaints": "Complaints",
-        "night_washes": "Night washes",
-        "overtime": "Overtime",
-        "products_sold": "Products sold",
-        "revenue": "Revenue",
-        "transactions": "Transactions",
-        "washes": "Washes",
-        "water_usage": "Water"
-      },
-      "units": {
-        "hours": "h",
-        "liters": "L"
-      },
-      "products": {
-        "title": "Product mix",
-        "subtitle": "Tracked wash products in the selected period",
-        "empty": "No product activity for the selected period"
-      },
-      "profile": {
-        "title": "Department profile",
-        "no_description": "No department description",
-        "department_id": "Department ID",
-        "economic_department_id": "Economic department",
-        "branding": "Branding",
-        "created_at": "Created",
-        "updated_at": "Updated"
-      },
-      "hardware": {
-        "title": "Hardware readiness",
-        "subtitle": "Gateway-backed lane and relay state",
-        "gateways": "Gateways online",
-        "lanes": "Lanes",
-        "gates": "Gates",
-        "relays": "Relays",
-        "scanners": "Scanners",
-        "issues": "Issues"
-      },
-      "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"
-      },
-      "errors": {
-        "invalid_department": "A valid department is required",
-        "load": "Unable to load the department overview"
-      }
-    },
     "employees": {
       "edit_employee_title": "@:employees.edit_employee",
       "new_employee_subtitle": "@:{'phrases.compat.superuser_dashboard.employees.new_employee_subtitle'}",

src/i18n/source/no/phrases/compat/invoicing_period/multi_month_invoice_warning.json

@@ -1,15 +0,0 @@
-{
-  "compat": {
-    "invoicing_period": {
-      "multi_month_invoice_warning": {
-        "invoice_together": "Fakturer samlet",
-        "split_by_month": "Del opp etter måned",
-        "split_error_title": "Månedsdeling mislyktes",
-        "split_success_text": "Behandlet {processed} fakturasamlinger. Delte opp {changed}, hoppet over {skipped}.",
-        "split_success_title": "Månedsdeling fullført",
-        "text": "Du er i ferd med å fakturere ordrer fra flere måneder samlet ({months}). Skal de i stedet deles opp etter måned?",
-        "title": "Ordrer fra flere måneder"
-      }
-    }
-  }
-}

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

@@ -28,16 +28,13 @@
       "title": "@:{'phrases.compat.limited_backoffice.forbidden.title'}",
       "department": "@:{'phrases.compat.limited_backoffice.forbidden.department'}"
     },
-      "prices": {
-        "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
-        "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
-        "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'phrases.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'phrases.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'phrases.compat.limited_backoffice.prices.autosave_saved'}",
-        "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
-        "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
-        "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
+    "prices": {
+      "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
+      "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
+      "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
+      "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
+      "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
+      "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
       "setup_required_title": "@:{'phrases.compat.limited_backoffice.prices.setup_required_title'}",
       "setup_required_message": "@:{'phrases.compat.limited_backoffice.prices.setup_required_message'}",
       "no_products": "@:{'phrases.compat.limited_backoffice.prices.no_products'}"
@@ -49,15 +46,6 @@
       "edit_title": "@:{'phrases.compat.limited_backoffice.employees.edit_title'}",
       "name": "@:{'phrases.compat.limited_backoffice.employees.name'}",
       "email": "@:{'phrases.compat.limited_backoffice.employees.email'}",
-      "user_id": "@:{'phrases.compat.limited_backoffice.employees.user_id'}",
-      "phone": "@:{'phrases.compat.limited_backoffice.employees.phone'}",
-      "phone_validation": "@:{'phrases.compat.limited_backoffice.employees.phone_validation'}",
-      "country_codes": {
-        "denmark": "@:{'phrases.compat.limited_backoffice.employees.country_codes.denmark'}",
-        "sweden": "@:{'phrases.compat.limited_backoffice.employees.country_codes.sweden'}",
-        "norway": "@:{'phrases.compat.limited_backoffice.employees.country_codes.norway'}",
-        "finland": "@:{'phrases.compat.limited_backoffice.employees.country_codes.finland'}"
-      },
       "password": "@:{'phrases.compat.limited_backoffice.employees.password'}",
       "password_create_help": "@:{'phrases.compat.limited_backoffice.employees.password_create_help'}",
       "password_update_help": "@:{'phrases.compat.limited_backoffice.employees.password_update_help'}",
@@ -277,9 +265,6 @@
         "title": "@.capitalize:{'terms.glossary.avdelingspriser'}",
         "save": "@.capitalize:{'terms.glossary.lagre'} @:{'terms.glossary.priser'}",
         "saved": "Prisene @:{'terms.glossary.er'} @:{'terms.glossary.lagret'}.",
-        "autosave_saving": "Lagrer priser...",
-        "autosave_pending": "Prisendringer venter.",
-        "autosave_saved": "Alle prisendringer er lagret.",
         "product": "Produkt",
         "price": "Avdelingspris",
         "price_required": "@.capitalize:{'terms.glossary.alle'} @:{'terms.glossary.produkter'} @:{'terms.glossary.ma'} ha @:{'terms.replication.host_definite_suffix'} @:{'terms.glossary.ikke'}-negativ numerisk pris.",
@@ -294,15 +279,6 @@
         "edit_title": "@:{'terms.glossary.rediger'} @:{'terms.glossary.medarbeider'}",
         "name": "Navn",
         "email": "E-post",
-        "user_id": "Bruker-ID",
-        "phone": "Telefon",
-        "phone_validation": "Telefonnummeret må være 4-15 sifre.",
-        "country_codes": {
-          "denmark": "Danmark",
-          "sweden": "Sverige",
-          "norway": "Norge",
-          "finland": "Finland"
-        },
         "password": "@.capitalize:{'terms.glossary.passord'}",
         "password_create_help": "@.capitalize:{'terms.glossary.kreves'} @:{'terms.glossary.for'} nye @:{'terms.glossary.medarbeidere'}. Bruk @:{'terms.glossary.minst'} 8 tegn.",
         "password_update_help": "La stå tomt @:{'terms.glossary.for'} å beholde nåværende @:{'terms.glossary.passord'}.",

src/i18n/source/sv/phrases/compat/invoicing_period/multi_month_invoice_warning.json

@@ -1,15 +0,0 @@
-{
-  "compat": {
-    "invoicing_period": {
-      "multi_month_invoice_warning": {
-        "invoice_together": "Fakturera tillsammans",
-        "split_by_month": "Dela upp per månad",
-        "split_error_title": "Månadsuppdelning misslyckades",
-        "split_success_text": "Bearbetade {processed} fakturasamlingar. Delade upp {changed}, hoppade över {skipped}.",
-        "split_success_title": "Månadsuppdelning klar",
-        "text": "Du håller på att fakturera ordrar från flera månader tillsammans ({months}). Ska de delas upp per månad i stället?",
-        "title": "Ordrar från flera månader"
-      }
-    }
-  }
-}

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

@@ -28,16 +28,13 @@
       "title": "@:{'phrases.compat.limited_backoffice.forbidden.title'}",
       "department": "@:{'phrases.compat.limited_backoffice.forbidden.department'}"
     },
-      "prices": {
-        "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
-        "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
-        "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
-        "autosave_saving": "@:{'phrases.compat.limited_backoffice.prices.autosave_saving'}",
-        "autosave_pending": "@:{'phrases.compat.limited_backoffice.prices.autosave_pending'}",
-        "autosave_saved": "@:{'phrases.compat.limited_backoffice.prices.autosave_saved'}",
-        "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
-        "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
-        "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
+    "prices": {
+      "title": "@:{'phrases.compat.limited_backoffice.prices.title'}",
+      "save": "@:{'phrases.compat.limited_backoffice.prices.save'}",
+      "saved": "@:{'phrases.compat.limited_backoffice.prices.saved'}",
+      "product": "@:{'phrases.compat.limited_backoffice.prices.product'}",
+      "price": "@:{'phrases.compat.limited_backoffice.prices.price'}",
+      "price_required": "@:{'phrases.compat.limited_backoffice.prices.price_required'}",
       "setup_required_title": "@:{'phrases.compat.limited_backoffice.prices.setup_required_title'}",
       "setup_required_message": "@:{'phrases.compat.limited_backoffice.prices.setup_required_message'}",
       "no_products": "@:{'phrases.compat.limited_backoffice.prices.no_products'}"
@@ -49,15 +46,6 @@
       "edit_title": "@:{'phrases.compat.limited_backoffice.employees.edit_title'}",
       "name": "@:{'phrases.compat.limited_backoffice.employees.name'}",
       "email": "@:{'phrases.compat.limited_backoffice.employees.email'}",
-      "user_id": "@:{'phrases.compat.limited_backoffice.employees.user_id'}",
-      "phone": "@:{'phrases.compat.limited_backoffice.employees.phone'}",
-      "phone_validation": "@:{'phrases.compat.limited_backoffice.employees.phone_validation'}",
-      "country_codes": {
-        "denmark": "@:{'phrases.compat.limited_backoffice.employees.country_codes.denmark'}",
-        "sweden": "@:{'phrases.compat.limited_backoffice.employees.country_codes.sweden'}",
-        "norway": "@:{'phrases.compat.limited_backoffice.employees.country_codes.norway'}",
-        "finland": "@:{'phrases.compat.limited_backoffice.employees.country_codes.finland'}"
-      },
       "password": "@:{'phrases.compat.limited_backoffice.employees.password'}",
       "password_create_help": "@:{'phrases.compat.limited_backoffice.employees.password_create_help'}",
       "password_update_help": "@:{'phrases.compat.limited_backoffice.employees.password_update_help'}",
@@ -277,9 +265,6 @@
         "title": "@.capitalize:{'terms.glossary.avdelningspriser'}",
         "save": "@.capitalize:{'terms.glossary.spara'} @:{'terms.glossary.priser'}",
         "saved": "Priserna @:{'terms.glossary.har'} @:{'terms.glossary.sparats'}.",
-        "autosave_saving": "Sparar priser...",
-        "autosave_pending": "Prisandringar vantar.",
-        "autosave_saved": "Alla prisandringar har sparats.",
         "product": "Produkt",
         "price": "Avdelningspris",
         "price_required": "@.capitalize:{'terms.glossary.alla'} @:{'terms.glossary.produkter'} @:{'terms.glossary.maste'} ha ett icke-negativt numeriskt pris.",
@@ -294,15 +279,6 @@
         "edit_title": "@:{'terms.glossary.redigera'} @:{'terms.glossary.medarbetare'}",
         "name": "Namn",
         "email": "E-post",
-        "user_id": "Användar-ID",
-        "phone": "Telefon",
-        "phone_validation": "Telefonnumret måste vara 4-15 siffror.",
-        "country_codes": {
-          "denmark": "Danmark",
-          "sweden": "Sverige",
-          "norway": "Norge",
-          "finland": "Finland"
-        },
         "password": "@.capitalize:{'terms.glossary.losenord'}",
         "password_create_help": "@.capitalize:{'terms.glossary.kravs'} @:{'terms.glossary.for'} nya @:{'terms.glossary.medarbetare'}. Använd @:{'terms.glossary.minst'} 8 tecken.",
         "password_update_help": "Lämna tomt @:{'terms.glossary.for'} att behålla nuvarande @:{'terms.glossary.losenord'}.",

src/services/invoiceMonthSplitWarning.js

@@ -1,139 +0,0 @@
-import Swal from "sweetalert2";
-import i18n from "@/i18n";
-
-export const MULTI_MONTH_INVOICE_ACTION = {
-  CONTINUE: "continue",
-  CANCEL: "cancel",
-  SPLIT: "split",
-};
-
-const toPositiveInteger = (value) => {
-  const parsed = Number.parseInt(String(value ?? ""), 10);
-  return Number.isInteger(parsed) && parsed > 0 ? parsed : null;
-};
-
-const getDateKey = (value) => {
-  const rawValue = String(value ?? "").trim();
-  const directMatch = rawValue.match(/^(\d{4})-(\d{2})-(\d{2})/);
-  if (directMatch) {
-    return `${directMatch[1]}-${directMatch[2]}-${directMatch[3]}`;
-  }
-
-  const parsedDate = new Date(rawValue);
-  if (Number.isNaN(parsedDate.getTime())) {
-    return null;
-  }
-
-  const year = parsedDate.getFullYear();
-  const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-  const day = String(parsedDate.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-
-export const getMonthKey = (value) => {
-  const dateKey = getDateKey(value);
-  return dateKey ? dateKey.slice(0, 7) : null;
-};
-
-const translate = (key, params = {}) => i18n.global.t(key, params);
-
-const getSplitResponsePayload = (response = {}) => response?.data?.data ?? response?.data ?? {};
-
-export const buildMultiMonthInvoiceContext = (
-  items = [],
-  {
-    getDate = (item) => item?.created_at ?? item?.date,
-    getInvoiceCollectionId = (item) => item?.invoice_collection_id,
-  } = {}
-) => {
-  const months = new Set();
-  const dateKeys = [];
-  const invoiceCollectionIds = new Set();
-
-  (Array.isArray(items) ? items : []).forEach((item) => {
-    const dateValue = getDate(item);
-    const dateKey = getDateKey(dateValue);
-    if (dateKey) {
-      dateKeys.push(dateKey);
-      months.add(dateKey.slice(0, 7));
-    }
-
-    const invoiceCollectionId = toPositiveInteger(getInvoiceCollectionId(item));
-    if (invoiceCollectionId) {
-      invoiceCollectionIds.add(invoiceCollectionId);
-    }
-  });
-
-  dateKeys.sort();
-
-  return {
-    months: Array.from(months).sort(),
-    dateFrom: dateKeys[0] ?? null,
-    dateTo: dateKeys[dateKeys.length - 1] ?? null,
-    invoiceCollectionIds: Array.from(invoiceCollectionIds).sort((left, right) => left - right),
-  };
-};
-
-export const shouldWarnAboutMultiMonthInvoice = (context = {}) => (
-  Array.isArray(context.months) &&
-  context.months.length > 1 &&
-  Array.isArray(context.invoiceCollectionIds) &&
-  context.invoiceCollectionIds.length > 0 &&
-  Boolean(context.dateFrom) &&
-  Boolean(context.dateTo)
-);
-
-export const promptMultiMonthInvoiceWarning = async ({
-  context,
-  splitByMonth,
-  parseErrorMessage = (error) => error?.message ?? String(error),
-} = {}) => {
-  if (!shouldWarnAboutMultiMonthInvoice(context)) {
-    return MULTI_MONTH_INVOICE_ACTION.CONTINUE;
-  }
-
-  const months = context.months.join(", ");
-  const confirmation = await Swal.fire({
-    icon: "warning",
-    title: translate("invoicing_period.multi_month_invoice_warning.title"),
-    text: translate("invoicing_period.multi_month_invoice_warning.text", { months }),
-    showCancelButton: true,
-    showDenyButton: true,
-    confirmButtonText: translate("invoicing_period.multi_month_invoice_warning.split_by_month"),
-    denyButtonText: translate("invoicing_period.multi_month_invoice_warning.invoice_together"),
-    cancelButtonText: translate("common.cancel"),
-  });
-
-  if (confirmation.isDenied) {
-    return MULTI_MONTH_INVOICE_ACTION.CONTINUE;
-  }
-
-  if (!confirmation.isConfirmed) {
-    return MULTI_MONTH_INVOICE_ACTION.CANCEL;
-  }
-
-  try {
-    const response = await splitByMonth(context.dateFrom, context.dateTo, {
-      invoiceCollectionIds: context.invoiceCollectionIds,
-      preview: false,
-    });
-    const result = getSplitResponsePayload(response);
-    await Swal.fire({
-      icon: "success",
-      title: translate("invoicing_period.multi_month_invoice_warning.split_success_title"),
-      text: translate("invoicing_period.multi_month_invoice_warning.split_success_text", {
-        processed: result.processed_count ?? 0,
-        changed: result.changed_count ?? 0,
-        skipped: result.skipped_count ?? 0,
-      }),
-    });
-    return MULTI_MONTH_INVOICE_ACTION.SPLIT;
-  } catch (error) {
-    await Swal.fire({
-      icon: "error",
-      title: translate("invoicing_period.multi_month_invoice_warning.split_error_title"),
-      text: parseErrorMessage(error),
-    });
-    return MULTI_MONTH_INVOICE_ACTION.CANCEL;
-  }
-};

src/services/superuserDepartmentOverview.js

@@ -1,23 +0,0 @@
-import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
-
-export const getSuperuserDepartmentOverview = (departmentId, { date, dateTo } = {}) => {
-  const normalizedDepartmentId = Number.parseInt(String(departmentId ?? ""), 10);
-
-  if (!Number.isInteger(normalizedDepartmentId) || normalizedDepartmentId <= 0) {
-    return Promise.reject(new Error("A valid department id is required."));
-  }
-
-  const params = {
-    date,
-  };
-
-  if (dateTo) {
-    params.date_to = dateTo;
-  }
-
-  return authenticatedRequest(
-    `/superuser/departments/${encodeURIComponent(String(normalizedDepartmentId))}/overview`,
-    "GET",
-    params
-  );
-};

src/views/backoffice/LimitedBackofficeEmployees.vue

@@ -16,12 +16,6 @@ import {
 } from "@/services/limitedBackoffice.js";
 
 const ROLE_KEYS = ["viewer", "cashier", "booking_coordinator", "operations_lead", "department_admin"];
-const PHONE_COUNTRY_CODES = [
-  { value: "45", flag: "🇩🇰", labelKey: "denmark" },
-  { value: "46", flag: "🇸🇪", labelKey: "sweden" },
-  { value: "47", flag: "🇳🇴", labelKey: "norway" },
-  { value: "358", flag: "🇫🇮", labelKey: "finland" },
-];
 
 const { t } = useI18n();
 const departments = ref([]);
@@ -38,8 +32,6 @@ const showRolePermissions = ref(false);
 const form = ref({
   display_name: "",
   email: "",
-  phone_country_code: "45",
-  phone: "",
   password: "",
   role_key: "viewer",
   department_ids: [],
@@ -220,41 +212,15 @@ const rolePermissionGroups = (role) =>
 
 const visibleRoles = computed(() => roles.value.filter((role) => ROLE_KEYS.includes(role.key)));
 const isEditing = computed(() => Boolean(editingEmployee.value));
-const trimmedEmail = computed(() => String(form.value.email || "").trim());
-const isEmailValid = computed(() => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmedEmail.value));
-const normalizedPhone = computed(() => String(form.value.phone || "").replace(/\D/g, ""));
-const hasPhone = computed(() => normalizedPhone.value.length > 0);
-const isPhoneValid = computed(() => !hasPhone.value || /^\d{4,15}$/.test(normalizedPhone.value));
 const isPasswordValid = computed(() => isEditing.value || String(form.value.password || "").length >= 8);
 const isFormValid = computed(
   () =>
     String(form.value.display_name || "").trim().length > 0 &&
-    isEmailValid.value &&
-    isPhoneValid.value &&
     ROLE_KEYS.includes(form.value.role_key) &&
     form.value.department_ids.length > 0 &&
     isPasswordValid.value
 );
 
-const countryCodeLabel = (countryCode) => {
-  const option = PHONE_COUNTRY_CODES.find((item) => item.value === String(countryCode || ""));
-  if (!option) {
-    return "";
-  }
-  return `${option.flag} +${option.value} ${t(`templates.limited_backoffice.employees.country_codes.${option.labelKey}`)}`;
-};
-
-const formatEmployeePhone = (employee) => {
-  if (!employee?.phone_country_code || !employee?.phone) {
-    return "";
-  }
-  return `+${employee.phone_country_code} ${employee.phone}`;
-};
-
-const sanitizePhone = (event) => {
-  form.value.phone = String(event?.target?.value || "").replace(/\D/g, "");
-};
-
 const loadEmployees = async () => {
   const response = await getLimitedBackofficeEmployees({ includeInactive: includeInactive.value });
   employees.value = unwrapLimitedBackofficeResponse(response) || [];
@@ -291,8 +257,6 @@ const resetForm = () => {
   form.value = {
     display_name: "",
     email: "",
-    phone_country_code: "45",
-    phone: "",
     password: "",
     role_key: roles.value[0]?.key || "viewer",
     department_ids: [],
@@ -305,8 +269,6 @@ const editEmployee = (employee) => {
   form.value = {
     display_name: employee.display_name || "",
     email: employee.email || "",
-    phone_country_code: employee.phone_country_code ? String(employee.phone_country_code) : "45",
-    phone: employee.phone ? String(employee.phone) : "",
     password: "",
     role_key: employee.role?.key || roles.value[0]?.key || "viewer",
     department_ids: (employee.departments || []).map((department) => Number(department.id)),
@@ -329,9 +291,7 @@ const setDepartmentChecked = (departmentId, checked) => {
 const buildPayload = () => {
   const payload = {
     display_name: String(form.value.display_name || "").trim(),
-    email: trimmedEmail.value,
-    phone_country_code: hasPhone.value ? Number.parseInt(form.value.phone_country_code, 10) : null,
-    phone: hasPhone.value ? Number.parseInt(normalizedPhone.value, 10) : null,
+    email: String(form.value.email || "").trim() || null,
     role_key: form.value.role_key,
     department_ids: form.value.department_ids,
   };
@@ -456,51 +416,12 @@ onMounted(() => {
                   id="limited-employee-email"
                   v-model="form.email"
                   class="input"
-                  :class="{ 'is-danger': formAttempted && !isEmailValid }"
                   type="email"
-                  required
                   data-testid="limited-employee-email"
                 />
               </div>
             </div>
 
-            <div class="field">
-              <label class="label" for="limited-employee-phone">
-                {{ t("templates.limited_backoffice.employees.phone") }}
-              </label>
-              <div class="limited-employee-phone">
-                <div class="control">
-                  <div class="select is-fullwidth">
-                    <select
-                      id="limited-employee-phone-country-code"
-                      v-model="form.phone_country_code"
-                      data-testid="limited-employee-phone-country-code"
-                    >
-                      <option v-for="option in PHONE_COUNTRY_CODES" :key="option.value" :value="option.value">
-                        {{ countryCodeLabel(option.value) }}
-                      </option>
-                    </select>
-                  </div>
-                </div>
-                <div class="control">
-                  <input
-                    id="limited-employee-phone"
-                    v-model="form.phone"
-                    class="input"
-                    :class="{ 'is-danger': formAttempted && !isPhoneValid }"
-                    type="tel"
-                    inputmode="numeric"
-                    pattern="[0-9]*"
-                    data-testid="limited-employee-phone"
-                    @input="sanitizePhone"
-                  />
-                </div>
-              </div>
-              <p v-if="formAttempted && !isPhoneValid" class="help is-danger">
-                {{ t("templates.limited_backoffice.employees.phone_validation") }}
-              </p>
-            </div>
-
             <div class="field">
               <label class="label" for="limited-employee-password">
                 {{ t("templates.limited_backoffice.employees.password") }}
@@ -567,17 +488,15 @@ onMounted(() => {
             <div class="field">
               <label class="label">{{ t("templates.limited_backoffice.employees.departments") }}</label>
               <div class="limited-employee-departments" data-testid="limited-employee-departments">
-                <b-switch
-                  v-for="department in departments"
-                  :key="department.id"
-                  size="is-small"
-                  type="is-link"
-                  :model-value="departmentChecked(department.id)"
-                  :data-testid="`limited-employee-department-${department.id}`"
-                  @update:model-value="setDepartmentChecked(department.id, $event)"
-                >
-                  {{ department.name }}
-                </b-switch>
+                <label v-for="department in departments" :key="department.id" class="checkbox">
+                  <input
+                    type="checkbox"
+                    :checked="departmentChecked(department.id)"
+                    :data-testid="`limited-employee-department-${department.id}`"
+                    @change="setDepartmentChecked(department.id, $event.target.checked)"
+                  />
+                  <span>{{ department.name }}</span>
+                </label>
               </div>
               <p v-if="formAttempted && form.department_ids.length === 0" class="help is-danger">
                 {{ t("templates.limited_backoffice.employees.department_required") }}
@@ -588,12 +507,12 @@ onMounted(() => {
               {{ t("templates.limited_backoffice.employees.validation") }}
             </div>
 
-            <div class="limited-employee-actions">
+            <div class="buttons">
               <button
                 type="submit"
-                class="button is-dark is-fullwidth"
+                class="button is-dark"
                 :class="{ 'is-loading': saving }"
-                :disabled="saving || !isFormValid"
+                :disabled="saving"
                 data-testid="limited-employee-save"
               >
                 <span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
@@ -602,7 +521,7 @@ onMounted(() => {
               <button
                 v-if="isEditing"
                 type="button"
-                class="button is-light is-fullwidth"
+                class="button is-light"
                 data-testid="limited-employee-cancel"
                 @click="resetForm"
               >
@@ -663,13 +582,6 @@ onMounted(() => {
                   <td>
                     <strong>{{ employee.display_name }}</strong>
                     <p v-if="employee.email" class="has-text-grey is-size-7">{{ employee.email }}</p>
-                    <p
-                      v-if="formatEmployeePhone(employee)"
-                      class="has-text-grey is-size-7"
-                      :data-testid="`limited-employee-phone-${employee.id}`"
-                    >
-                      {{ formatEmployeePhone(employee) }}
-                    </p>
                   </td>
                   <td>
                     <strong>{{ roleLabel(employee.role) }}</strong>
@@ -821,14 +733,9 @@ onMounted(() => {
   gap: 0.5rem;
 }
 
-.limited-employee-phone {
-  display: grid;
-  grid-template-columns: minmax(9.5rem, 0.75fr) minmax(0, 1fr);
-  gap: 0.75rem;
-}
-
-.limited-employee-actions {
-  display: grid;
+.limited-employee-departments .checkbox {
+  display: flex;
+  align-items: center;
   gap: 0.5rem;
 }
 
@@ -959,10 +866,6 @@ onMounted(() => {
   .limited-employees-header__inactive {
     margin-top: 0.5rem;
   }
-
-  .limited-employee-phone {
-    grid-template-columns: 1fr;
-  }
 }
 
 @media screen and (max-width: 768px) {

src/views/backoffice/LimitedBackofficeHome.vue

@@ -38,10 +38,6 @@ const loadDepartments = async () => {
   }
 };
 
-const changeDepartment = async (departmentId) => {
-  await router.push(`/backoffice/departments/${departmentId}/prices`);
-};
-
 onMounted(() => {
   void loadDepartments();
 });
@@ -54,7 +50,6 @@ onMounted(() => {
       :departments="departments"
       :loading-departments="loading"
       show-department-switcher
-      @change-department="changeDepartment"
     >
       <div v-if="loading" class="notification is-light" data-testid="limited-backoffice-loading">
         {{ t("templates.limited_backoffice.loading") }}

src/views/backoffice/LimitedBackofficePrices.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } 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";
@@ -16,7 +16,6 @@ import {
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const AUTOSAVE_DELAY_MS = 600;
 
 const departments = ref([]);
 const priceData = ref(null);
@@ -25,14 +24,9 @@ const loadingDepartments = ref(false);
 const loadingPrices = ref(false);
 const saving = ref(false);
 const errorMessage = ref("");
+const successMessage = ref("");
 const setupRequired = ref(null);
-const lastSavedPriceSnapshot = ref("");
-
-let autosaveTimerId = null;
-let saveAgainAfterCurrentRequest = false;
-let nextSaveSequence = 0;
-let lastAppliedSaveSequence = 0;
-let nextLoadSequence = 0;
+const saveAttempted = ref(false);
 
 const selectedDepartmentId = computed(() => {
   const departmentId = Number.parseInt(String(route.params.departmentId ?? ""), 10);
@@ -59,122 +53,7 @@ const invalidPriceCount = computed(
   () => products.value.filter((product) => !isPriceValueValid(formPrices.value[product.id])).length
 );
 
-const buildFormPricesFromPayload = (payload) =>
-  productsFromPayload(payload).reduce((prices, product) => {
-    prices[product.id] = product.price === null || product.price === undefined ? "" : String(product.price);
-    return prices;
-  }, {});
-
-const priceRowsFrom = (priceSource, productList = products.value) =>
-  productList.map((product) => ({
-    product_id: product.id,
-    price: String(priceSource[product.id] ?? "").trim(),
-  }));
-
-const serializePriceRows = (rows) => JSON.stringify(rows);
-
-const priceSnapshotFrom = (priceSource, productList = products.value) =>
-  serializePriceRows(priceRowsFrom(priceSource, productList));
-
-const hydratePriceState = (payload) => {
-  const nextFormPrices = buildFormPricesFromPayload(payload);
-  const productList = productsFromPayload(payload);
-
-  priceData.value = payload;
-  formPrices.value = nextFormPrices;
-  lastSavedPriceSnapshot.value = priceSnapshotFrom(nextFormPrices, productList);
-};
-
-const currentPriceSnapshot = computed(() => (hasProducts.value ? priceSnapshotFrom(formPrices.value) : ""));
-
-const hasUnsavedChanges = computed(
-  () => hasProducts.value && currentPriceSnapshot.value !== lastSavedPriceSnapshot.value
-);
-
-const canAutosave = computed(
-  () =>
-    Boolean(selectedDepartmentId.value) &&
-    hasProducts.value &&
-    invalidPriceCount.value === 0 &&
-    !loadingDepartments.value &&
-    !loadingPrices.value &&
-    !setupRequired.value &&
-    !hasForbiddenDepartment.value
-);
-
-const autosaveStatusMessage = computed(() => {
-  if (!hasProducts.value || loadingDepartments.value || loadingPrices.value || setupRequired.value) {
-    return "";
-  }
-
-  if (saving.value) {
-    return t("templates.limited_backoffice.prices.autosave_saving");
-  }
-
-  if (hasUnsavedChanges.value && invalidPriceCount.value === 0) {
-    return t("templates.limited_backoffice.prices.autosave_pending");
-  }
-
-  if (!hasUnsavedChanges.value && lastSavedPriceSnapshot.value !== "") {
-    return t("templates.limited_backoffice.prices.autosave_saved");
-  }
-
-  return "";
-});
-
-const autosaveStatusClass = computed(() => ({
-  "has-text-grey": saving.value,
-  "has-text-warning-dark": !saving.value && hasUnsavedChanges.value && invalidPriceCount.value === 0,
-  "has-text-success": !saving.value && !hasUnsavedChanges.value && lastSavedPriceSnapshot.value !== "",
-}));
-
-const autosaveStatusIcon = computed(() => {
-  if (saving.value) {
-    return "fa-spinner fa-spin";
-  }
-
-  return hasUnsavedChanges.value ? "fa-clock" : "fa-check";
-});
-
-const clearPendingAutosave = () => {
-  if (autosaveTimerId !== null) {
-    window.clearTimeout(autosaveTimerId);
-    autosaveTimerId = null;
-  }
-};
-
-const deduplicateCategoryProducts = (categoryList) => {
-  const seenProductIds = new Set();
-
-  return (Array.isArray(categoryList) ? categoryList : []).map((category) => ({
-    ...category,
-    products: (Array.isArray(category.products) ? category.products : []).filter((product) => {
-      const productId = Number(product?.id);
-      if (!Number.isInteger(productId) || productId <= 0) {
-        return true;
-      }
-      if (seenProductIds.has(productId)) {
-        return false;
-      }
-      seenProductIds.add(productId);
-      return true;
-    }),
-  }));
-};
-
-const normalizePriceData = (payload) => {
-  if (!payload || typeof payload !== "object") {
-    return payload;
-  }
-
-  return {
-    ...payload,
-    categories: deduplicateCategoryProducts(payload.categories),
-  };
-};
-
-const productsFromPayload = (payload) =>
-  deduplicateCategoryProducts(payload?.categories).flatMap((category) => category.products || []);
+const canSave = computed(() => hasProducts.value && invalidPriceCount.value === 0 && !saving.value && !loadingPrices.value);
 
 const loadDepartments = async () => {
   loadingDepartments.value = true;
@@ -194,12 +73,11 @@ const loadDepartments = async () => {
 };
 
 const resetPriceState = () => {
-  nextLoadSequence += 1;
-  clearPendingAutosave();
   priceData.value = null;
   formPrices.value = {};
   setupRequired.value = null;
-  lastSavedPriceSnapshot.value = "";
+  successMessage.value = "";
+  saveAttempted.value = false;
 };
 
 const loadPrices = async () => {
@@ -208,28 +86,20 @@ const loadPrices = async () => {
     return;
   }
 
-  const loadSequence = ++nextLoadSequence;
-  clearPendingAutosave();
   loadingPrices.value = true;
   errorMessage.value = "";
   setupRequired.value = null;
-  priceData.value = null;
-  formPrices.value = {};
-  lastSavedPriceSnapshot.value = "";
+  successMessage.value = "";
 
   try {
     const response = await getLimitedBackofficeDepartmentPrices(selectedDepartmentId.value);
-    if (loadSequence !== nextLoadSequence) {
-      return;
-    }
-
-    const payload = normalizePriceData(unwrapLimitedBackofficeResponse(response) || null);
-    hydratePriceState(payload);
+    const payload = unwrapLimitedBackofficeResponse(response) || null;
+    priceData.value = payload;
+    formPrices.value = productsFromPayload(payload).reduce((prices, product) => {
+      prices[product.id] = product.price === null || product.price === undefined ? "" : String(product.price);
+      return prices;
+    }, {});
   } catch (error) {
-    if (loadSequence !== nextLoadSequence) {
-      return;
-    }
-
     const payload = error?.response?.data?.data || error?.response?.data || {};
     if (Number(error?.response?.status) === 409 && payload?.code === "department_price_setup_required") {
       setupRequired.value = payload;
@@ -237,8 +107,6 @@ const loadPrices = async () => {
         department: payload.department || selectedDepartment.value,
         categories: [],
       };
-      formPrices.value = {};
-      lastSavedPriceSnapshot.value = "";
     } else {
       errorMessage.value = limitedBackofficeErrorMessage(
         error,
@@ -246,113 +114,45 @@ const loadPrices = async () => {
       );
     }
   } finally {
-    if (loadSequence === nextLoadSequence) {
-      loadingPrices.value = false;
-    }
+    loadingPrices.value = false;
   }
 };
 
-const applySuccessfulSavePayload = (updatedPayload, requestedRows, requestedSnapshot) => {
-  lastSavedPriceSnapshot.value = requestedSnapshot;
-
-  if (!updatedPayload || currentPriceSnapshot.value !== requestedSnapshot) {
-    return;
-  }
-
-  const requestedPriceLookup = requestedRows.reduce((lookup, row) => {
-    lookup[row.product_id] = row.price;
-    return lookup;
-  }, {});
-  const productList = productsFromPayload(updatedPayload);
-  const nextFormPrices = productList.reduce((prices, product) => {
-    prices[product.id] =
-      requestedPriceLookup[product.id] ??
-      (product.price === null || product.price === undefined ? "" : String(product.price));
-    return prices;
-  }, {});
-
-  priceData.value = updatedPayload;
-  formPrices.value = nextFormPrices;
-  lastSavedPriceSnapshot.value = priceSnapshotFrom(nextFormPrices, productList);
-};
+const productsFromPayload = (payload) =>
+  (Array.isArray(payload?.categories) ? payload.categories : []).flatMap((category) => category.products || []);
 
 const savePrices = async () => {
-  clearPendingAutosave();
-
-  if (!hasUnsavedChanges.value) {
-    return true;
-  }
-
-  if (!canAutosave.value) {
-    return false;
-  }
-
-  if (saving.value) {
-    saveAgainAfterCurrentRequest = true;
-    return false;
-  }
-
-  const departmentId = selectedDepartmentId.value;
-  const requestedRows = priceRowsFrom(formPrices.value);
-  const requestedSnapshot = serializePriceRows(requestedRows);
-  const saveSequence = ++nextSaveSequence;
-  let saveCompleted = false;
-
+  saveAttempted.value = true;
+  successMessage.value = "";
   errorMessage.value = "";
-  saving.value = true;
 
-  try {
-    const response = await updateLimitedBackofficeDepartmentPrices(departmentId, requestedRows);
-    const updatedPayload = normalizePriceData(unwrapLimitedBackofficeResponse(response) || null);
-
-    if (selectedDepartmentId.value === departmentId && saveSequence >= lastAppliedSaveSequence) {
-      lastAppliedSaveSequence = saveSequence;
-      applySuccessfulSavePayload(updatedPayload, requestedRows, requestedSnapshot);
-    }
-
-    saveCompleted = true;
-    return true;
-  } catch (error) {
-    if (selectedDepartmentId.value === departmentId) {
-      errorMessage.value = limitedBackofficeErrorMessage(error, t("templates.limited_backoffice.errors.save_prices"));
-    }
-
-    return false;
-  } finally {
-    saving.value = false;
-
-    const shouldSaveAgain = saveAgainAfterCurrentRequest;
-    saveAgainAfterCurrentRequest = false;
-
-    if (saveCompleted && (shouldSaveAgain || hasUnsavedChanges.value) && canAutosave.value) {
-      void savePrices();
-    }
-  }
-};
-
-const scheduleAutosave = () => {
-  clearPendingAutosave();
-
-  if (!hasUnsavedChanges.value || !canAutosave.value) {
+  if (!canSave.value || !selectedDepartmentId.value) {
     return;
   }
 
-  autosaveTimerId = window.setTimeout(() => {
-    autosaveTimerId = null;
-    void savePrices();
-  }, AUTOSAVE_DELAY_MS);
-};
-
-const flushAutosave = async () => {
-  return savePrices();
+  saving.value = true;
+  try {
+    const payload = products.value.map((product) => ({
+      product_id: product.id,
+      price: String(formPrices.value[product.id]).trim(),
+    }));
+    const response = await updateLimitedBackofficeDepartmentPrices(selectedDepartmentId.value, payload);
+    const updatedPayload = unwrapLimitedBackofficeResponse(response) || null;
+    priceData.value = updatedPayload;
+    formPrices.value = productsFromPayload(updatedPayload).reduce((prices, product) => {
+      prices[product.id] = product.price === null || product.price === undefined ? "" : String(product.price);
+      return prices;
+    }, {});
+    saveAttempted.value = false;
+    successMessage.value = t("templates.limited_backoffice.prices.saved");
+  } catch (error) {
+    errorMessage.value = limitedBackofficeErrorMessage(error, t("templates.limited_backoffice.errors.save_prices"));
+  } finally {
+    saving.value = false;
+  }
 };
 
 const changeDepartment = async (departmentId) => {
-  const flushed = await flushAutosave();
-  if (!flushed && hasUnsavedChanges.value) {
-    return;
-  }
-
   await router.push(`/backoffice/departments/${departmentId}/prices`);
 };
 
@@ -367,22 +167,6 @@ watch(
     await loadPrices();
   }
 );
-
-watch(
-  formPrices,
-  () => {
-    scheduleAutosave();
-  },
-  { deep: true }
-);
-
-onBeforeUnmount(() => {
-  clearPendingAutosave();
-
-  if (hasUnsavedChanges.value && canAutosave.value) {
-    void savePrices();
-  }
-});
 </script>
 
 <template>
@@ -413,17 +197,17 @@ onBeforeUnmount(() => {
             </div>
           </div>
           <div class="level-right">
-            <div
-              v-if="autosaveStatusMessage"
-              class="limited-backoffice-prices__autosave"
-              :class="autosaveStatusClass"
-              data-testid="limited-prices-autosave-status"
-              role="status"
-              aria-live="polite"
+            <button
+              type="button"
+              class="button is-dark"
+              :class="{ 'is-loading': saving }"
+              :disabled="!canSave"
+              data-testid="limited-prices-save"
+              @click="savePrices"
             >
-              <span class="icon is-small"><i class="fas" :class="autosaveStatusIcon" aria-hidden="true"></i></span>
-              <span>{{ autosaveStatusMessage }}</span>
-            </div>
+              <span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
+              <span>{{ t("templates.limited_backoffice.prices.save") }}</span>
+            </button>
           </div>
         </div>
 
@@ -445,6 +229,10 @@ onBeforeUnmount(() => {
           {{ errorMessage }}
         </div>
 
+        <div v-if="successMessage" class="notification is-success is-light" data-testid="limited-prices-success">
+          {{ successMessage }}
+        </div>
+
         <div
           v-if="hasProducts && invalidPriceCount > 0"
           class="notification is-danger is-light"
@@ -485,7 +273,6 @@ onBeforeUnmount(() => {
                       required
                       :aria-label="`${product.name} ${t('templates.limited_backoffice.prices.price')}`"
                       :data-testid="`limited-price-input-${product.id}`"
-                      @blur="flushAutosave"
                     />
                   </td>
                 </tr>
@@ -504,14 +291,6 @@ onBeforeUnmount(() => {
   margin-bottom: 1rem;
 }
 
-.limited-backoffice-prices__autosave {
-  align-items: center;
-  display: inline-flex;
-  font-size: 0.875rem;
-  gap: 0.25rem;
-  min-height: 2.25rem;
-}
-
 .limited-price-category {
   margin-top: 1.25rem;
 }

src/views/backoffice/components/LimitedBackofficeLayout.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 import PageTitle from "@/components/global/PageTitle.vue";
 
 const props = defineProps({
@@ -27,6 +28,7 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["changeDepartment"]);
+const router = useRouter();
 const { t } = useI18n();
 
 const pricesRoute = computed(() =>
@@ -48,13 +50,14 @@ const tabs = computed(() => [
   },
 ]);
 
-const selectDepartment = (event) => {
+const selectDepartment = async (event) => {
   const departmentId = Number.parseInt(String(event?.target?.value ?? ""), 10);
   if (!Number.isInteger(departmentId) || departmentId <= 0) {
     return;
   }
 
   emit("changeDepartment", departmentId);
+  await router.push(`/backoffice/departments/${departmentId}/prices`);
 };
 </script>
 

src/views/dashboards/UserDashboard.vue

@@ -62,19 +62,17 @@ const hasAnyShortcutPermission = computed(() => {
   
   // Check if subuser has any of the shortcut permissions
   return (
-    SessionUser.canAccessCustomerFeature("bookings", "add") ||
-    SessionUser.canAccessCustomerFeature("vehicles", "add") ||
-    SessionUser.canAccessCustomerFeature("orders", "list") ||
-    SessionUser.canAccessCustomerFeature("selfserve", "list") ||
-    SessionUser.canManageSubusers("list")
+    SessionUser.hasPermission('BOOKINGS_ADD') ||
+    SessionUser.hasPermission('VEHICLES_ADD') ||
+    SessionUser.hasPermission('ORDERS_LIST') ||
+    SessionUser.hasPermission('SELFSERVE_ADD')
   );
 });
 
 const canShowClassicCustomerShortcut = () => !isSubuser.value && SessionUser.hasPermission('user');
-const canShowBookingShortcut = computed(() => SessionUser.canAccessCustomerFeature("bookings", "add"));
-const canShowVehicleShortcut = computed(() => SessionUser.canAccessCustomerFeature("vehicles", "add"));
-const canShowOrderShortcut = computed(() => SessionUser.canAccessCustomerFeature("orders", "list"));
-const canShowSelfServeShortcut = computed(() => SessionUser.canAccessCustomerFeature("selfserve", "list"));
+const canShowBookingShortcut = computed(() => canShowClassicCustomerShortcut() || SessionUser.hasPermission('BOOKINGS_ADD'));
+const canShowVehicleShortcut = computed(() => canShowClassicCustomerShortcut() || SessionUser.hasPermission('VEHICLES_ADD'));
+const canShowOrderShortcut = computed(() => canShowClassicCustomerShortcut() || SessionUser.hasPermission('ORDERS_LIST'));
 const canShowInvoiceShortcut = computed(() => canShowClassicCustomerShortcut());
 
 const windowInnerWidth = ref(window.innerWidth);
@@ -169,7 +167,7 @@ const isPermissionsLoading = computed(() => {
           {{ $t('messages.welcome') }} {{ SessionUser.getName() }}
         </span>
       </div>
-      <div class="column is-half-desktop is-hidden-desktop is-12-tablet" v-if="canShowSelfServeShortcut">
+      <div class="column is-half-desktop is-hidden-desktop is-12-tablet">
         <!-- Start wash card -->
         <WhiteBoxCard :force-state="true" :defaultOpen="true" :toggleable="false" :loading="false">
           <template #header>
@@ -239,7 +237,7 @@ const isPermissionsLoading = computed(() => {
           </template>
           <template #footer>
             <div class="card-footer-item">
-              <router-link to="/user/vehicles/new" class="button is-link is-fullwidth" :class="classes.button" id="add-vehicle-button">
+              <router-link to="/user/vehicles" class="button is-link is-fullwidth" :class="classes.button" id="add-vehicle-button">
                 {{ $t('user_home.create_vehicle') }}
               </router-link>
             </div>

src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue

@@ -22,11 +22,6 @@ import InvoicingBillingPeriodFilters from "@/views/dashboards/superUserDashboard
 import InvoicingBillingPeriodCustomerAttributes from "@/views/dashboards/superUserDashboard/InvoicingBillingPeriod/displays/layout/InvoicingBillingPeriodCustomerAttributes.vue";
 import InvoicingPeriodFlagList from "@/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodFlagList.vue";
 import PaginationNavigation from "@/components/displays/pagination/PaginationNavigation.vue";
-import {
-  buildMultiMonthInvoiceContext,
-  MULTI_MONTH_INVOICE_ACTION,
-  promptMultiMonthInvoiceWarning,
-} from "@/services/invoiceMonthSplitWarning.js";
 import {
   buildPossibleDuplicateGroups,
   formatDuplicateDateLabel,
@@ -335,13 +330,6 @@ const parsePositiveInteger = (value: any) => {
 
 const getCustomerNumber = (customer: any) => parsePositiveInteger(customer?.customer_number);
 
-const markCustomerPeriodRefreshLoading = (customer: any) => {
-  const customerNumber = getCustomerNumber(customer);
-  if (customerNumber) {
-    invoiceQueue.markPeriodRefreshLoading?.([customerNumber], []);
-  }
-};
-
 const queueInvoiceCollections = (invoiceCollectionIds: number[], customer: any = null) => {
   const uniqueInvoiceCollectionIds = Array.from(
     new Set(
@@ -363,10 +351,12 @@ const queueInvoiceCollections = (invoiceCollectionIds: number[], customer: any =
 
 const onClickInvoiceNow = async (customer: any, transactionIds: number[]) => {
   const customerNumber = getCustomerNumber(customer);
+  if (customerNumber) {
+    invoiceQueue.markPeriodRefreshLoading?.([customerNumber], []);
+  }
 
   try {
     if (transactionIds.length === 0) {
-      markCustomerPeriodRefreshLoading(customer);
       const month = dates.variables.start.value.getMonth() + 1;
       const year = dates.variables.start.value.getFullYear();
 
@@ -402,32 +392,10 @@ const onClickInvoiceNow = async (customer: any, transactionIds: number[]) => {
     await fetchMissingInvoiceCollections(customer, transactionIds);
     const invoiceCollectionIds = getInvoiceCollectionIdsForTransactionIds(customer, transactionIds);
     if (invoiceCollectionIds.length === 0) {
+      invoiceQueue.finishPeriodRefresh?.([customerNumber], []);
       return;
     }
 
-    const invoiceWarningContext = buildMultiMonthInvoiceContext(
-      transactionIds
-        .map((transactionId) => getTransactionById(customer, transactionId))
-        .filter((transaction: any) => transaction !== null),
-      {
-        getDate: (transaction: any) => transaction?.date ?? transaction?.created_at,
-        getInvoiceCollectionId: (transaction: any) => getTransactionInvoiceCollectionId(transaction),
-      }
-    );
-    const invoiceWarningAction = await promptMultiMonthInvoiceWarning({
-      context: invoiceWarningContext,
-      splitByMonth: SessionUser.objects.collectedOrderInvoices.functions.split_by_month,
-      parseErrorMessage: SessionUser.functions.parseErrorMessage,
-    });
-    if (invoiceWarningAction === MULTI_MONTH_INVOICE_ACTION.SPLIT) {
-      reloadPeriodPage();
-      return;
-    }
-    if (invoiceWarningAction === MULTI_MONTH_INVOICE_ACTION.CANCEL) {
-      return;
-    }
-
-    markCustomerPeriodRefreshLoading(customer);
     queueInvoiceCollections(invoiceCollectionIds, customer);
   } catch (error: any) {
     invoiceQueue.finishPeriodRefresh?.([customerNumber], []);

src/views/dashboards/superUserDashboard/SuperUserDashboardNavigation.vue

@@ -1,12 +1,61 @@
 <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 { SessionUser } from "@/components/session/token/SessionUser.vue";
 import NavigationMenuSuperUser from "@/components/models/navigation/menus/NavigationMenuSuperUser.vue";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+const router = useRouter();
+
+const tabs = [
+  { name: t('superuser_dashboard.nav.dashboard'), path: '/superuser' },
+  { name: t('superuser_dashboard.nav.statistics'), path: '/superuser/statistics' },
+  { name: t('common.departments'), path: '/superuser/departments' },
+  { name: t('superuser_dashboard.nav.employees'), path: '/superuser/users' },
+  { name: t('superuser_dashboard.nav.customers'), path: '/superuser/customers' },
+  { name: t('superuser_dashboard.nav.complaints'), path: '/superuser/complaints' },
+  { name: t('common.products'), path: '/superuser/products' },
+  { name: t('common.invoices'), path: '/superuser/invoices' },
+  { name: t('superuser_dashboard.nav.transaction_history'), path: '/superuser/orders' },
+  { name: t('superuser_dashboard.nav.scanners'), path: '/superuser/scanners' },
+  { name: t('superuser_dashboard.nav.roles'), path: '/superuser/roles' },
+  { name: t('common.vehicles'), path: '/superuser/vehicles' },
+  { name: SessionUser.objects.categories.meta.title, path: '/superuser/categories' },
+  { name: t('superuser_dashboard.nav.xlvask'), path: '/superuser/xlvask' },
+  { name: t('superuser_dashboard.nav.configuration'), path: '/superuser/configuration' }
+];
+
+// Get the current path
+const currentPath = ref(router.currentRoute.value.path);
+
+// 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);
+};
 </script>
 
 <template>
   <div>
     <UserNavigation />
     <NavigationMenuSuperUser />
+    <!--
+    <div class="tabs is-right">
+      <ul>
+        <li v-for="(tab, index) in tabs" :key="index" :class="{'is-active': activeTab === index}" @click="changeTab(index)">
+          <a>{{ tab.name }}</a>
+        </li>
+        Sign out button
+        <li>
+          <a @click="showAuthSignOutForm">Sign out</a>
+        </li>
+      </ul>
+    </div> -->
   </div>
 </template>
 

src/views/dashboards/superUserDashboard/department/Department.vue

@@ -2,871 +2,34 @@
 import PageTitle from "@/components/global/PageTitle.vue";
 import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import { getEdgeGatewayDepartmentWorkspace } from "@/services/edgeGateways.js";
-import { getSuperuserDepartmentOverview } from "@/services/superuserDepartmentOverview.js";
 import DepartmentSubPageWrapper from "@/views/dashboards/superUserDashboard/department/DepartmentSubPageWrapper.vue";
-import { computed, ref, watch } from "vue";
-import { useI18n } from "vue-i18n";
-import { useRoute, useRouter } from "vue-router";
+import { setDepartment, department, departmentId } from "@/views/dashboards/superUserDashboard/department/SuperUserSelectedDepartmentObject.vue";
+import { useRouter } from 'vue-router'
 
-const route = useRoute();
-const router = useRouter();
-const { t } = useI18n();
-
-const DATE_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-
-const formatDateInput = (value = new Date()) => {
-  const date = value instanceof Date ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) {
-    return formatDateInput(new Date());
-  }
-
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-
-const addDays = (value, days) => {
-  const date = new Date(`${value}T00:00:00`);
-  date.setDate(date.getDate() + days);
-  return formatDateInput(date);
-};
-
-const today = () => formatDateInput(new Date());
-const isDateValue = (value) => DATE_PATTERN.test(String(value || ""));
-const normalizeDate = (value, fallback = today()) => (isDateValue(value) ? String(value) : fallback);
-
-const dateFrom = ref(normalizeDate(route.query.date));
-const dateTo = ref(normalizeDate(route.query.date_to, dateFrom.value));
-const department = ref(null);
-const overview = ref(null);
-const hardwareWorkspace = ref(null);
-const loading = ref(false);
-const hardwareLoading = ref(false);
-const errorMessage = ref("");
-
-const departmentId = computed(() => Number.parseInt(String(route.params.departmentId || ""), 10));
-const hasDepartmentId = computed(() => Number.isInteger(departmentId.value) && departmentId.value > 0);
-const pageTitle = computed(() => department.value?.name || t("superuser_dashboard.department_overview.title"));
-const pageSubtitle = computed(() => t("superuser_dashboard.department_overview.subtitle"));
-const overviewMetrics = computed(() => overview.value?.metrics || {});
-const productTiles = computed(() => (Array.isArray(overview.value?.products) ? overview.value.products : []));
-const periodLabel = computed(() =>
-  dateFrom.value === dateTo.value
-    ? dateFrom.value
-    : t("superuser_dashboard.department_overview.range_label", {
-        from: dateFrom.value,
-        to: dateTo.value,
-      })
-);
-
-const metricDefinitions = computed(() => [
-  {
-    key: "revenue",
-    icon: "fa-sack-dollar",
-    label: t("superuser_dashboard.department_overview.metrics.revenue"),
-    formatter: formatCurrency,
-  },
-  {
-    key: "washes",
-    icon: "fa-truck",
-    label: t("superuser_dashboard.department_overview.metrics.washes"),
-    formatter: formatNumber,
-  },
-  {
-    key: "transactions",
-    icon: "fa-receipt",
-    label: t("superuser_dashboard.department_overview.metrics.transactions"),
-    formatter: formatNumber,
-  },
-  {
-    key: "bookings",
-    icon: "fa-calendar-check",
-    label: t("superuser_dashboard.department_overview.metrics.bookings"),
-    formatter: formatNumber,
-    showOutOf: true,
-  },
-  {
-    key: "products_sold",
-    icon: "fa-boxes-stacked",
-    label: t("superuser_dashboard.department_overview.metrics.products_sold"),
-    formatter: formatNumber,
-  },
-  {
-    key: "water_usage",
-    icon: "fa-droplet",
-    label: t("superuser_dashboard.department_overview.metrics.water_usage"),
-    formatter: formatNumber,
-    suffix: t("superuser_dashboard.department_overview.units.liters"),
-  },
-  {
-    key: "complaints",
-    icon: "fa-triangle-exclamation",
-    label: t("superuser_dashboard.department_overview.metrics.complaints"),
-    formatter: formatNumber,
-  },
-  {
-    key: "night_washes",
-    icon: "fa-moon",
-    label: t("superuser_dashboard.department_overview.metrics.night_washes"),
-    formatter: formatNumber,
-  },
-  {
-    key: "overtime",
-    icon: "fa-clock",
-    label: t("superuser_dashboard.department_overview.metrics.overtime"),
-    formatter: formatDecimal,
-    suffix: t("superuser_dashboard.department_overview.units.hours"),
-  },
-]);
-
-const quickLinks = computed(() => [
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.modules"),
-    icon: "fa-toggle-on",
-    path: `/superuser/departments/${departmentId.value}/modules`,
-  },
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.branding"),
-    icon: "fa-palette",
-    path: `/superuser/departments/${departmentId.value}/branding`,
-  },
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.gateways"),
-    icon: "fa-network-wired",
-    path: `/superuser/departments/${departmentId.value}/gateways`,
-  },
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.stripe"),
-    icon: "fa-credit-card",
-    path: `/superuser/departments/${departmentId.value}/stripe/terminals/readers`,
-  },
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.pricing"),
-    icon: "fa-tags",
-    path: `/superuser/departments/${departmentId.value}/pricing`,
-  },
-  {
-    label: t("superuser_dashboard.department_overview.quick_links.categories"),
-    icon: "fa-layer-group",
-    path: `/superuser/departments/${departmentId.value}/categories`,
-  },
-]);
-
-function toNumber(value) {
-  const parsed = Number(value);
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-
-function formatNumber(value) {
-  return new Intl.NumberFormat("da-DK").format(toNumber(value));
-}
-
-function formatDecimal(value) {
-  return new Intl.NumberFormat("da-DK", {
-    maximumFractionDigits: 2,
-  }).format(toNumber(value));
-}
-
-function formatCurrency(value) {
-  const amount = toNumber(value);
-  if (SessionUser.functions?.currency?.toLocal) {
-    return SessionUser.functions.currency.toLocal(amount);
-  }
-
-  return new Intl.NumberFormat("da-DK", {
-    style: "currency",
-    currency: "DKK",
-    maximumFractionDigits: 0,
-  }).format(amount);
-}
-
-function formatDateTime(value) {
-  if (!value) {
-    return t("superuser_dashboard.department_overview.empty_value");
-  }
-
-  if (SessionUser.functions?.date?.toLocal) {
-    return SessionUser.functions.date.toLocal(value);
-  }
-
-  const date = new Date(String(value).replace(" ", "T"));
-  return Number.isNaN(date.getTime()) ? String(value) : new Intl.DateTimeFormat("da-DK").format(date);
-}
-
-function metricPayload(key) {
-  return overviewMetrics.value?.[key] || {
-    state: "unavailable",
-    value: null,
-  };
-}
-
-function metricValue(definition) {
-  const metric = metricPayload(definition.key);
-  if (metric.state && metric.state !== "ready") {
-    return t("superuser_dashboard.department_overview.empty_value");
-  }
-
-  const formatted = definition.formatter(metric.value);
-  return definition.suffix ? `${formatted} ${definition.suffix}` : formatted;
-}
-
-function metricSecondary(definition) {
-  const metric = metricPayload(definition.key);
-  if (!definition.showOutOf || metric.out_of === undefined || metric.out_of === null) {
-    return "";
-  }
-
-  return t("superuser_dashboard.department_overview.out_of", {
-    total: formatNumber(metric.out_of),
-  });
-}
-
-const asArray = (value) => {
-  if (Array.isArray(value)) {
-    return value;
-  }
-
-  if (value && typeof value === "object") {
-    return Object.values(value);
-  }
-
-  return [];
-};
-
-const hardwareSummary = computed(() => {
-  const workspace = hardwareWorkspace.value || {};
-  const gateways = asArray(workspace.gateways);
-  const lanes = asArray(workspace.lanes);
-  const gates = asArray(workspace.gates);
-  const relays = asArray(workspace.relays);
-  const scanners = asArray(workspace.scanners || workspace.number_plate_scanners);
-  const issues = asArray(workspace.issues || workspace.diagnostics || workspace.hardware?.issues);
-  const onlineGateways = gateways.filter((gateway) => {
-    const status = String(gateway?.status || gateway?.health || "").toLowerCase();
-    return ["online", "ready", "ok", "healthy"].includes(status);
-  }).length;
-
-  return {
-    gateways: gateways.length,
-    onlineGateways,
-    lanes: lanes.length,
-    gates: gates.length,
-    relays: relays.length,
-    scanners: scanners.length,
-    issues: issues.length,
-  };
-});
-
-const hasHardwareSummary = computed(() => hardwareLoading.value || Boolean(hardwareWorkspace.value));
-const departmentProfileRows = computed(() => [
-  {
-    label: t("superuser_dashboard.department_overview.profile.department_id"),
-    value: department.value?.id ?? t("superuser_dashboard.department_overview.empty_value"),
-  },
-  {
-    label: t("superuser_dashboard.department_overview.profile.economic_department_id"),
-    value: department.value?.economic_department_id ?? t("superuser_dashboard.department_overview.empty_value"),
-  },
-  {
-    label: t("superuser_dashboard.department_overview.profile.branding"),
-    value: department.value?.branding ?? t("superuser_dashboard.department_overview.empty_value"),
-  },
-  {
-    label: t("superuser_dashboard.department_overview.profile.created_at"),
-    value: formatDateTime(department.value?.created_at),
-  },
-  {
-    label: t("superuser_dashboard.department_overview.profile.updated_at"),
-    value: formatDateTime(department.value?.updated_at),
-  },
-]);
-
-function normalizeRange(from, to) {
-  const normalizedFrom = normalizeDate(from);
-  let normalizedTo = normalizeDate(to, normalizedFrom);
-
-  if (normalizedTo < normalizedFrom) {
-    normalizedTo = normalizedFrom;
-  }
-
-  return {
-    from: normalizedFrom,
-    to: normalizedTo,
-  };
-}
-
-async function replaceRange(from, to) {
-  const normalized = normalizeRange(from, to);
-  dateFrom.value = normalized.from;
-  dateTo.value = normalized.to;
-
-  await router.replace({
-    query: {
-      ...route.query,
-      date: normalized.from,
-      date_to: normalized.to === normalized.from ? undefined : normalized.to,
-    },
-  });
-}
-
-const applyDateInputs = () => replaceRange(dateFrom.value, dateTo.value);
-const setToday = () => replaceRange(today(), today());
-const setLastSevenDays = () => replaceRange(addDays(today(), -6), today());
-
-async function loadOverview() {
-  if (!hasDepartmentId.value) {
-    errorMessage.value = t("superuser_dashboard.department_overview.errors.invalid_department");
-    return;
-  }
-
-  loading.value = true;
-  errorMessage.value = "";
-
-  try {
-    const response = await getSuperuserDepartmentOverview(departmentId.value, {
-      date: dateFrom.value,
-      dateTo: dateTo.value,
-    });
-    const payload = response?.data?.data || {};
-    department.value = payload.department || null;
-    overview.value = payload.overview || null;
-  } catch (error) {
-    department.value = null;
-    overview.value = null;
-    errorMessage.value =
-      error?.response?.data?.message || error?.message || t("superuser_dashboard.department_overview.errors.load");
-  } finally {
-    loading.value = false;
-  }
-}
-
-async function loadHardware() {
-  if (!hasDepartmentId.value) {
-    return;
-  }
-
-  hardwareLoading.value = true;
-  hardwareWorkspace.value = null;
-
-  try {
-    const response = await getEdgeGatewayDepartmentWorkspace(departmentId.value);
-    hardwareWorkspace.value = response?.data?.data || null;
-  } catch (_error) {
-    hardwareWorkspace.value = null;
-  } finally {
-    hardwareLoading.value = false;
-  }
-}
-
-function openQuickLink(path) {
-  router.push(path);
-}
-
-watch(
-  () => [route.params.departmentId, route.query.date, route.query.date_to],
-  () => {
-    const normalized = normalizeRange(route.query.date, route.query.date_to || route.query.date);
-    dateFrom.value = normalized.from;
-    dateTo.value = normalized.to;
-    loadOverview();
-    loadHardware();
-  },
-  { immediate: true }
-);
+// Get the department from the route
+const router = useRouter()
+setDepartment(router.currentRoute.value.params.departmentId);
 </script>
 
 <template>
   <RestrictedPageWrapper :hasPermission="SessionUser.canAccessSuperUser()">
     <DepartmentSubPageWrapper>
       <template #title>
-        <PageTitle :title="pageTitle" :subtitle="pageSubtitle" />
+        <PageTitle title="Department" subtitle="Department data" />
       </template>
-
-      <section class="department-overview" data-testid="superuser-department-overview">
-        <div class="overview-toolbar">
-          <div class="overview-period">
-            <label class="date-field">
-              <span>{{ t("superuser_dashboard.department_overview.date_from") }}</span>
-              <input
-                v-model="dateFrom"
-                class="input"
-                data-testid="department-overview-date-from"
-                type="date"
-                @change="applyDateInputs"
-              />
-            </label>
-            <label class="date-field">
-              <span>{{ t("superuser_dashboard.department_overview.date_to") }}</span>
-              <input
-                v-model="dateTo"
-                class="input"
-                data-testid="department-overview-date-to"
-                type="date"
-                @change="applyDateInputs"
-              />
-            </label>
-            <button
-              class="button is-light"
-              data-testid="department-overview-preset-today"
-              type="button"
-              @click="setToday"
-            >
-              <span class="icon"><i class="fa-solid fa-calendar-day" /></span>
-              <span>{{ t("superuser_dashboard.department_overview.presets.today") }}</span>
-            </button>
-            <button
-              class="button is-light"
-              data-testid="department-overview-preset-week"
-              type="button"
-              @click="setLastSevenDays"
-            >
-              <span class="icon"><i class="fa-solid fa-calendar-week" /></span>
-              <span>{{ t("superuser_dashboard.department_overview.presets.last_seven_days") }}</span>
-            </button>
-          </div>
-          <div class="period-chip" data-testid="department-overview-period">
-            <span class="icon"><i class="fa-solid fa-clock-rotate-left" /></span>
-            <span>{{ periodLabel }}</span>
-          </div>
-        </div>
-
-        <div v-if="errorMessage" class="notification is-danger is-light" data-testid="department-overview-error">
-          {{ errorMessage }}
-        </div>
-
-        <div v-if="loading && !overview" class="overview-loading" data-testid="department-overview-loading">
-          <span class="icon"><i class="fa-solid fa-spinner fa-spin" /></span>
-          <span>{{ t("superuser_dashboard.department_overview.loading") }}</span>
-        </div>
-
-        <template v-else>
-          <div class="kpi-grid">
-            <article
-              v-for="metric in metricDefinitions"
-              :key="metric.key"
-              class="kpi-card"
-              :data-testid="`department-overview-kpi-${metric.key}`"
-            >
-              <div class="kpi-icon">
-                <i :class="['fa-solid', metric.icon]" />
-              </div>
-              <div class="kpi-content">
-                <span class="kpi-label">{{ metric.label }}</span>
-                <strong class="kpi-value">{{ metricValue(metric) }}</strong>
-                <span v-if="metricSecondary(metric)" class="kpi-secondary">{{ metricSecondary(metric) }}</span>
-              </div>
-            </article>
-          </div>
-
-          <div class="overview-main">
-            <section class="overview-panel" data-testid="department-overview-products">
-              <div class="panel-heading-row">
-                <div>
-                  <h2>{{ t("superuser_dashboard.department_overview.products.title") }}</h2>
-                  <p>{{ t("superuser_dashboard.department_overview.products.subtitle") }}</p>
-                </div>
-                <span class="count-badge">{{ productTiles.length }}</span>
-              </div>
-              <div v-if="productTiles.length" class="product-list">
-                <div v-for="product in productTiles" :key="product.slug || product.product_id" class="product-row">
-                  <div class="product-title">
-                    <strong>{{ product.title }}</strong>
-                    <span>{{ product.slug }}</span>
-                  </div>
-                  <div class="product-stat">
-                    <strong>{{ formatNumber(product.value) }}</strong>
-                    <span>
-                      {{
-                        t("superuser_dashboard.department_overview.out_of", {
-                          total: formatNumber(product.out_of),
-                        })
-                      }}
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div v-else class="empty-state">
-                {{ t("superuser_dashboard.department_overview.products.empty") }}
-              </div>
-            </section>
-
-            <section class="overview-panel" data-testid="department-overview-profile">
-              <div class="panel-heading-row">
-                <div>
-                  <h2>{{ t("superuser_dashboard.department_overview.profile.title") }}</h2>
-                  <p>{{ department?.description || t("superuser_dashboard.department_overview.profile.no_description") }}</p>
-                </div>
-              </div>
-              <dl class="profile-list">
-                <div v-for="row in departmentProfileRows" :key="row.label" class="profile-row">
-                  <dt>{{ row.label }}</dt>
-                  <dd>{{ row.value }}</dd>
-                </div>
-              </dl>
-            </section>
-
-            <section v-if="hasHardwareSummary" class="overview-panel" data-testid="department-overview-hardware">
-              <div class="panel-heading-row">
-                <div>
-                  <h2>{{ t("superuser_dashboard.department_overview.hardware.title") }}</h2>
-                  <p>{{ t("superuser_dashboard.department_overview.hardware.subtitle") }}</p>
-                </div>
-                <span v-if="hardwareLoading" class="icon"><i class="fa-solid fa-spinner fa-spin" /></span>
-              </div>
-              <div class="hardware-grid">
-                <div class="hardware-stat">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.gateways") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.onlineGateways) }} / {{ formatNumber(hardwareSummary.gateways) }}</strong>
-                </div>
-                <div class="hardware-stat">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.lanes") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.lanes) }}</strong>
-                </div>
-                <div class="hardware-stat">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.gates") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.gates) }}</strong>
-                </div>
-                <div class="hardware-stat">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.relays") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.relays) }}</strong>
-                </div>
-                <div class="hardware-stat">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.scanners") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.scanners) }}</strong>
-                </div>
-                <div class="hardware-stat" :class="{ 'has-issues': hardwareSummary.issues > 0 }">
-                  <span>{{ t("superuser_dashboard.department_overview.hardware.issues") }}</span>
-                  <strong>{{ formatNumber(hardwareSummary.issues) }}</strong>
-                </div>
-              </div>
-            </section>
-
-            <section class="overview-panel quick-links-panel" data-testid="department-overview-quick-links">
-              <div class="panel-heading-row">
-                <div>
-                  <h2>{{ t("superuser_dashboard.department_overview.quick_links.title") }}</h2>
-                  <p>{{ t("superuser_dashboard.department_overview.quick_links.subtitle") }}</p>
-                </div>
-              </div>
-              <div class="quick-link-grid">
-                <button
-                  v-for="link in quickLinks"
-                  :key="link.path"
-                  class="quick-link"
-                  type="button"
-                  @click="openQuickLink(link.path)"
-                >
-                  <span class="icon"><i :class="['fa-solid', link.icon]" /></span>
-                  <span>{{ link.label }}</span>
-                </button>
-              </div>
-            </section>
-          </div>
-        </template>
-      </section>
+      <div>
+        Department stuff
+        <code>{{ departmentId }}</code>
+        <code>{{ department.id }}</code>
+        <code>{{ department.name }}</code>
+        <code>{{ department.description }}</code>
+        <code>{{ department.created_at }}</code>
+        <code>{{ department.updated_at }}</code>
+      </div>
     </DepartmentSubPageWrapper>
   </RestrictedPageWrapper>
 </template>
 
 <style scoped>
-.department-overview {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
 
-.overview-toolbar {
-  align-items: center;
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-}
-
-.overview-period {
-  align-items: flex-end;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-}
-
-.date-field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  min-width: 10rem;
-}
-
-.date-field span,
-.kpi-label,
-.kpi-secondary,
-.panel-heading-row p,
-.product-title span,
-.product-stat span,
-.hardware-stat span,
-.profile-row dt {
-  color: #64748b;
-  font-size: 0.82rem;
-}
-
-.period-chip {
-  align-items: center;
-  background: #eef2ff;
-  border: 1px solid #c7d2fe;
-  border-radius: 8px;
-  color: #3730a3;
-  display: inline-flex;
-  font-weight: 700;
-  gap: 0.35rem;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  white-space: nowrap;
-}
-
-.overview-loading,
-.empty-state {
-  align-items: center;
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  color: #475569;
-  display: flex;
-  gap: 0.5rem;
-  min-height: 5rem;
-  padding: 1rem;
-}
-
-.kpi-grid {
-  display: grid;
-  gap: 0.75rem;
-  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
-}
-
-.kpi-card,
-.overview-panel {
-  background: #ffffff;
-  border: 1px solid #dbe3ec;
-  border-radius: 8px;
-}
-
-.kpi-card {
-  align-items: center;
-  display: flex;
-  gap: 0.75rem;
-  min-height: 6rem;
-  padding: 1rem;
-}
-
-.kpi-icon {
-  align-items: center;
-  background: #ecfeff;
-  border-radius: 8px;
-  color: #0f766e;
-  display: inline-flex;
-  height: 2.5rem;
-  justify-content: center;
-  width: 2.5rem;
-}
-
-.kpi-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.kpi-value {
-  color: #0f172a;
-  font-size: 1.35rem;
-  line-height: 1.25;
-  overflow-wrap: anywhere;
-}
-
-.overview-main {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
-}
-
-.overview-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  padding: 1rem;
-}
-
-.panel-heading-row {
-  align-items: flex-start;
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-}
-
-.panel-heading-row h2 {
-  color: #0f172a;
-  font-size: 1.05rem;
-  font-weight: 800;
-  margin: 0;
-}
-
-.panel-heading-row p {
-  margin: 0.2rem 0 0;
-}
-
-.count-badge {
-  align-items: center;
-  background: #f1f5f9;
-  border: 1px solid #dbe3ec;
-  border-radius: 999px;
-  color: #334155;
-  display: inline-flex;
-  font-weight: 800;
-  justify-content: center;
-  min-width: 2rem;
-  padding: 0.2rem 0.55rem;
-}
-
-.product-list,
-.profile-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.55rem;
-  margin: 0;
-}
-
-.product-row,
-.profile-row {
-  align-items: center;
-  border-top: 1px solid #edf2f7;
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-  min-height: 3.25rem;
-  padding-top: 0.55rem;
-}
-
-.product-title {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.product-title strong {
-  color: #1e293b;
-  overflow-wrap: anywhere;
-}
-
-.product-stat {
-  display: flex;
-  flex-direction: column;
-  min-width: 5.5rem;
-  text-align: right;
-}
-
-.product-stat strong,
-.hardware-stat strong,
-.profile-row dd {
-  color: #0f172a;
-  font-weight: 800;
-}
-
-.profile-row dt,
-.profile-row dd {
-  margin: 0;
-}
-
-.profile-row dd {
-  max-width: 58%;
-  overflow-wrap: anywhere;
-  text-align: right;
-}
-
-.hardware-grid,
-.quick-link-grid {
-  display: grid;
-  gap: 0.6rem;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.hardware-stat {
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  display: flex;
-  flex-direction: column;
-  min-height: 4.5rem;
-  padding: 0.75rem;
-}
-
-.hardware-stat.has-issues {
-  background: #fff7ed;
-  border-color: #fed7aa;
-}
-
-.quick-links-panel {
-  grid-column: 1 / -1;
-}
-
-.quick-link {
-  align-items: center;
-  background: #ffffff;
-  border: 1px solid #dbe3ec;
-  border-radius: 8px;
-  color: #1e293b;
-  cursor: pointer;
-  display: inline-flex;
-  font-weight: 800;
-  gap: 0.5rem;
-  justify-content: flex-start;
-  min-height: 3rem;
-  padding: 0 0.85rem;
-  text-align: left;
-}
-
-.quick-link:hover,
-.quick-link:focus {
-  border-color: #0f766e;
-  color: #0f766e;
-}
-
-@media (max-width: 980px) {
-  .overview-toolbar {
-    align-items: stretch;
-    flex-direction: column;
-  }
-
-  .period-chip {
-    justify-content: center;
-  }
-
-  .overview-main {
-    grid-template-columns: 1fr;
-  }
-}
-
-@media (max-width: 640px) {
-  .date-field,
-  .overview-period .button {
-    width: 100%;
-  }
-
-  .hardware-grid,
-  .quick-link-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .product-row,
-  .profile-row {
-    align-items: flex-start;
-    flex-direction: column;
-    gap: 0.35rem;
-  }
-
-  .product-stat,
-  .profile-row dd {
-    max-width: 100%;
-    text-align: left;
-  }
-}
-</style>
+</style>

src/views/dashboards/superUserDashboard/department/DepartmentPricing.vue

@@ -3,15 +3,7 @@ import PageTitle from "@/components/global/PageTitle.vue";
 import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import DepartmentSubPageWrapper from "@/views/dashboards/superUserDashboard/department/DepartmentSubPageWrapper.vue";
-import {
-  CUSTOM_PRICING_MISSING_PRICE,
-  setDepartment,
-  getDepartmentPrices,
-  getExplicitDepartmentPrice,
-  editDepartmentPrice,
-  isCustomPricingOnly,
-  updateCustomPricingOnly,
-} from "@/views/dashboards/superUserDashboard/department/SuperUserSelectedDepartmentObject.vue";
+import { setDepartment, department, departmentId, getDepartmentPrice, editDepartmentPrice } from "@/views/dashboards/superUserDashboard/department/SuperUserSelectedDepartmentObject.vue";
 import { useRouter } from 'vue-router'
 import { ref } from 'vue';
 import { getProducts } from "@/components/shop/Products.vue";
@@ -19,40 +11,14 @@ import { getProducts } from "@/components/shop/Products.vue";
 // Get the department from the route
 const router = useRouter()
 setDepartment(router.currentRoute.value.params.departmentId);
-getDepartmentPrices();
 
 // Set the products
 const products = ref([]);
-const isUpdatingCustomPricingOnly = ref(false);
 
 // Get the products
 getProducts().then((response) => {
   products.value = response.data.data;
 });
-
-const getDepartmentPriceDisplay = (product) => {
-  const explicitPrice = getExplicitDepartmentPrice(product);
-  if (explicitPrice !== null) {
-    return explicitPrice;
-  }
-  return isCustomPricingOnly() ? CUSTOM_PRICING_MISSING_PRICE : '-';
-};
-
-const isMissingCustomPrice = (product) => {
-  return isCustomPricingOnly() && getExplicitDepartmentPrice(product) === null;
-};
-
-const toggleCustomPricingOnly = async (event) => {
-  const enabled = event.target.checked;
-  isUpdatingCustomPricingOnly.value = true;
-  try {
-    await updateCustomPricingOnly(enabled);
-  } catch {
-    event.target.checked = isCustomPricingOnly();
-  } finally {
-    isUpdatingCustomPricingOnly.value = false;
-  }
-};
 </script>
 
 <template>
@@ -62,38 +28,12 @@ const toggleCustomPricingOnly = async (event) => {
         <PageTitle title="Department" subtitle="Department pricing" />
       </template>
       <div>
-        <section class="department-pricing-settings" data-testid="department-custom-pricing-settings">
-          <div>
-            <h2 class="title is-5 mb-1">{{ $t('departments.pricing.custom_pricing_only') }}</h2>
-            <p class="is-size-7 has-text-grey">
-              {{ $t('departments.pricing.custom_pricing_missing_price') }}
-            </p>
-          </div>
-          <div class="department-pricing-toggle">
-            <input
-              id="department-custom-pricing-only"
-              class="switch is-rounded is-info"
-              type="checkbox"
-              :checked="isCustomPricingOnly()"
-              :disabled="isUpdatingCustomPricingOnly"
-              data-testid="department-custom-pricing-only-toggle"
-              @change="toggleCustomPricingOnly"
-            />
-            <label for="department-custom-pricing-only">
-              {{
-                isCustomPricingOnly()
-                  ? $t('departments.pricing.custom_pricing_enabled')
-                  : $t('departments.pricing.custom_pricing_disabled')
-              }}
-            </label>
-          </div>
-        </section>
         <table class="is-fullwidth table table-striped is-hoverable is-bordered">
           <thead>
             <tr>
               <th>{{ $t('common.product') }}</th>
               <th>{{ $t('tables.common.default_price') }}</th>
-              <th>{{ $t('departments.pricing.effective_department_price') }}</th>
+              <th>{{ $t('tables.common.department_price') }}</th>
             </tr>
           </thead>
           <tbody>
@@ -103,45 +43,24 @@ const toggleCustomPricingOnly = async (event) => {
               <td
                   @click="editDepartmentPrice(product)"
                   class="is-clickable"
-                  :class="{ 'has-text-danger has-text-weight-semibold': isMissingCustomPrice(product) }"
-                  :data-testid="`department-price-cell-${product.id}`"
-              >{{ getDepartmentPriceDisplay(product) }}
+              >{{ getDepartmentPrice(product) === product.price ? '-' : getDepartmentPrice(product) }}
                 <i class="is-pulled-right fas fa-edit"></i>
               </td>
             </tr>
           </tbody>
         </table>
+        Department prices...
+        <code>{{ departmentId }}</code>
+        <code>{{ department.id }}</code>
+        <code>{{ department.name }}</code>
+        <code>{{ department.description }}</code>
+        <code>{{ department.created_at }}</code>
+        <code>{{ department.updated_at }}</code>
       </div>
     </DepartmentSubPageWrapper>
   </RestrictedPageWrapper>
 </template>
 
 <style scoped>
-.department-pricing-settings {
-  align-items: center;
-  border: 1px solid #dbdbdb;
-  border-radius: 6px;
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-  margin-bottom: 1rem;
-  padding: 1rem;
-}
 
-.department-pricing-toggle {
-  align-items: center;
-  display: flex;
-  min-width: 16rem;
-}
-
-@media (max-width: 768px) {
-  .department-pricing-settings {
-    align-items: flex-start;
-    flex-direction: column;
-  }
-
-  .department-pricing-toggle {
-    min-width: 0;
-  }
-}
-</style>
+</style>

src/views/dashboards/superUserDashboard/department/SuperUserDashboardDepartmentNavigation.vue

@@ -1,60 +1,31 @@
 <script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useRoute, useRouter } from "vue-router";
+import { useRouter} from "vue-router";
+import { ref } from 'vue';
+import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
-const route = useRoute();
 const router = useRouter();
-const { t } = useI18n();
+// Get the user from the route
+const departmentId = ref(parseInt(router.currentRoute.value.params.departmentId))
 
-const departmentId = computed(() => String(route.params.departmentId || ""));
-const departmentPath = computed(() => `/superuser/departments/${encodeURIComponent(departmentId.value)}`);
+const tabs = [
+  { name: 'Overblik', path: '/superuser/departments/' + departmentId.value },
+  { name: 'Moduler', path: '/superuser/departments/' + departmentId.value + '/modules' },
+  { name: 'Profil & Branding', path: '/superuser/departments/' + departmentId.value + '/branding' },
+  { name: 'Gateways', path: '/superuser/departments/' + departmentId.value + '/gateways' },
+  { name: 'Stripe', path: '/superuser/departments/' + departmentId.value + '/stripe/terminals/readers' },
+  { name: 'Priser', path: '/superuser/departments/' + departmentId.value + '/pricing' },
+  { name: SessionUser.objects.categories.meta.title, path: '/superuser/departments/' + departmentId.value + '/categories' },
+];
 
-const tabs = computed(() => [
-  {
-    name: t("superuser_dashboard.department_navigation.overview"),
-    path: departmentPath.value,
-    active: (path) => path === departmentPath.value,
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.modules"),
-    path: `${departmentPath.value}/modules`,
-    active: (path) => path.startsWith(`${departmentPath.value}/modules`),
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.branding"),
-    path: `${departmentPath.value}/branding`,
-    active: (path) => path.startsWith(`${departmentPath.value}/branding`),
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.gateways"),
-    path: `${departmentPath.value}/gateways`,
-    active: (path) => path.startsWith(`${departmentPath.value}/gateways`),
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.stripe"),
-    path: `${departmentPath.value}/stripe/terminals/readers`,
-    active: (path) => path.startsWith(`${departmentPath.value}/stripe`),
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.pricing"),
-    path: `${departmentPath.value}/pricing`,
-    active: (path) => path.startsWith(`${departmentPath.value}/pricing`),
-  },
-  {
-    name: t("superuser_dashboard.department_navigation.categories"),
-    path: `${departmentPath.value}/categories`,
-    active: (path) => path.startsWith(`${departmentPath.value}/categories`),
-  },
-]);
+// Get the current path
+const currentPath = ref(router.currentRoute.value.path);
 
-const activeTab = computed(() => tabs.value.findIndex((tab) => tab.active(route.path)));
+// Get the index of the active tab
+const activeTab = tabs.findIndex(tab => tab.path === currentPath.value);
 
+// Change the tab
 const changeTab = (index) => {
-  const tab = tabs.value[index];
-  if (tab) {
-    router.push(tab.path);
-  }
+  router.push(tabs[index].path);
 };
 </script>
 
@@ -62,15 +33,13 @@ const changeTab = (index) => {
   <div>
     <div class="tabs is-right">
       <ul>
-        <li
-          v-for="(tab, index) in tabs"
-          :key="tab.path"
-          :class="{ 'is-active': activeTab === index }"
-          @click="changeTab(index)"
-        >
+        <li v-for="(tab, index) in tabs" :key="index" :class="{'is-active': activeTab === index}" @click="changeTab(index)">
           <a>{{ tab.name }}</a>
         </li>
       </ul>
     </div>
   </div>
 </template>
+
+<style scoped>
+</style>

src/views/dashboards/superUserDashboard/department/SuperUserSelectedDepartmentObject.vue

@@ -4,14 +4,12 @@ import { authenticatedRequest } from "@/components/session/authenticatedRequest.
 import Swal from "sweetalert2";
 // Define the department id
 export const departmentId = ref(0);
-export const CUSTOM_PRICING_MISSING_PRICE = 999999;
 
 const default_department = {
   id: null,
   name: null,
   description: null,
   branding: null,
-  custom_pricing_only: false,
   created_at: null,
   updated_at: null,
   prices: []
@@ -36,7 +34,6 @@ export const department = {
   id: ref(''),
   name: ref(''),
   description: ref(''),
-  custom_pricing_only: ref(false),
   created_at: ref(''),
   updated_at: ref(''),
   prices: ref([])
@@ -52,13 +49,6 @@ const isDepartmentPricesLoaded = ref(false);
 // Set the department id
 export const setDepartment = (id) => {
   departmentId.value = id;
-  isDepartmentPricesLoaded.value = false;
-  department.prices.value = [];
-  department.custom_pricing_only.value = false;
-  departmentAdvanced.value = {
-    ...default_department,
-    ...default_department_functions
-  };
   // Load the department data
   return getDepartmentData();
 }
@@ -70,13 +60,11 @@ export const getDepartmentData = async () => {
         department.id.value = response.data.data.id;
         department.name.value = response.data.data.name;
         department.description.value = response.data.data.description;
-        department.custom_pricing_only.value = Boolean(response.data.data.custom_pricing_only);
         department.created_at.value = response.data.data.created_at;
         department.updated_at.value = response.data.data.updated_at;
         departmentAdvanced.value = {
           ...default_department,
           ...response.data.data,
-          custom_pricing_only: Boolean(response.data.data.custom_pricing_only),
           ...default_department_functions
         };
       })
@@ -100,42 +88,17 @@ export const getDepartmentPrice = (product) => {
     getDepartmentPrices();
   }
   if (isDepartmentPricesLoaded.value) {
-    const price = getExplicitDepartmentPrice(product);
-    if (price !== null) {
-      return price;
-    }
-    return isCustomPricingOnly() ? CUSTOM_PRICING_MISSING_PRICE : product.price;
+    const price = department.prices.value.find((price) => price.product_id === product.id);
+    return price ? price.price : product.price;
   }
   return product.price;
 }
 
-export const getExplicitDepartmentPrice = (product) => {
-  const price = department.prices.value.find((price) => price.product_id === product.id);
-  return price ? price.price : null;
-}
-
-export const isCustomPricingOnly = () => Boolean(departmentAdvanced.value.custom_pricing_only || department.custom_pricing_only.value);
-
-export const updateCustomPricingOnly = async (enabled) => {
-  return authenticatedRequest(`/departments`, "PUT", {
-    id: departmentId.value,
-    custom_pricing_only: Boolean(enabled)
-  }).then(async () => {
-    department.custom_pricing_only.value = Boolean(enabled);
-    departmentAdvanced.value = {
-      ...departmentAdvanced.value,
-      custom_pricing_only: Boolean(enabled)
-    };
-    await getDepartmentData();
-  });
-}
-
 export const editDepartmentPrice = (product) => {
-  const explicitPrice = getExplicitDepartmentPrice(product);
   Swal.fire({
     title: product.name + ' ( product: ' + product.id + ' )',
     input: 'number',
-    inputValue: explicitPrice === null ? '' : explicitPrice,
+    inputValue: getDepartmentPrice(product),
     inputLabel: 'Price',
     inputAttributes: {
       autocapitalize: 'off'

src/views/dashboards/superUserDashboard/invoiceDistribution/InvoiceDistributionMonthView.vue

@@ -620,10 +620,8 @@ onMounted(async () => {
       </b-message>
 
       <b-message v-if="monthFallback.usedLegacyDistribution" type="is-warning" has-icon icon-pack="fas" class="mb-0">
-        <div data-testid="distribution-month-legacy-fallback-warning">
-          <p>{{ t('superuser_invoice_distribution.warnings.legacy_distribution_month') }}</p>
-          <p v-if="monthFallback.distributionFallbackReason" class="is-size-7">{{ monthFallback.distributionFallbackReason }}</p>
-        </div>
+        <p>{{ t('superuser_invoice_distribution.warnings.legacy_distribution_month') }}</p>
+        <p v-if="monthFallback.distributionFallbackReason" class="is-size-7">{{ monthFallback.distributionFallbackReason }}</p>
       </b-message>
 
       <b-tabs v-model="activeTab" expanded data-testid="distribution-month-tabs" class="distribution-tabs">
@@ -901,10 +899,8 @@ onMounted(async () => {
           </b-message>
 
           <b-message v-if="compareFallback.usedLegacyCompare" type="is-warning" has-icon icon-pack="fas" class="mb-3">
-            <div data-testid="distribution-compare-legacy-fallback-warning">
-              <p>{{ t('superuser_invoice_distribution.warnings.legacy_compare_fallback') }}</p>
-              <p v-if="compareFallback.compareFallbackReason" class="is-size-7">{{ compareFallback.compareFallbackReason }}</p>
-            </div>
+            <p>{{ t('superuser_invoice_distribution.warnings.legacy_compare_fallback') }}</p>
+            <p v-if="compareFallback.compareFallbackReason" class="is-size-7">{{ compareFallback.compareFallbackReason }}</p>
           </b-message>
 
           <section class="v3-compare-summary mb-3" v-if="sortedCompareRows.length">

src/views/dashboards/superUserDashboard/invoiceDistribution/InvoiceDistributionOverview.vue

@@ -209,7 +209,7 @@ onMounted(() => {
       icon-pack="fas"
       class="mb-0"
     >
-      <div class="fallback-note" data-testid="distribution-overview-legacy-fallback-warning">
+      <div class="fallback-note">
         <p>{{ t('superuser_invoice_distribution.warnings.legacy_distribution_fallback', { count: monthsUsingLegacyDistribution.length }) }}</p>
         <p v-if="latestDistributionFallbackReason" class="is-size-7">{{ latestDistributionFallbackReason }}</p>
       </div>
@@ -601,3 +601,4 @@ onMounted(() => {
   outline-offset: 2px;
 }
 </style>
+

src/views/dashboards/userDashboard/UserDashboardPageWrapper.vue

@@ -1,30 +1,6 @@
 <script setup>
-import { computed, useAttrs } from "vue";
 import DefaultPageWrapper from "@/views/dashboards/DefaultPageWrapper.vue";
 import UserLeftMenu from "@/components/menus/user/UserLeftMenu.vue";
-import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
-import { SessionUser } from "@/components/session/token/SessionUser.vue";
-
-defineOptions({
-  inheritAttrs: false,
-});
-
-const props = defineProps({
-  requiredFeature: {
-    type: String,
-    default: null,
-  },
-  requiredAction: {
-    type: String,
-    default: "list",
-  },
-  hasPermission: {
-    type: [Boolean, Function],
-    default: null,
-  },
-});
-
-const attrs = useAttrs();
 const defaultSlots = [
   { name: 'header' },
   { name: 'buttons' },
@@ -33,34 +9,20 @@ const defaultSlots = [
   { name: 'without-formatting' },
 ]
 
-const resolvedHasPermission = computed(() => {
-  if (props.hasPermission !== null) {
-    return typeof props.hasPermission === "function" ? Boolean(props.hasPermission()) : Boolean(props.hasPermission);
-  }
-
-  if (!props.requiredFeature) {
-    return true;
-  }
-
-  return SessionUser.canAccessCustomerFeature(props.requiredFeature, props.requiredAction);
-});
-
 </script>
 
 <template>
-  <RestrictedPageWrapper :hasPermission="resolvedHasPermission">
-    <DefaultPageWrapper v-bind="attrs">
-      <template v-for="slot in defaultSlots" :key="slot.name">
-        <slot :name="slot.name"></slot>
-      </template>
-      <!-- Left menu -->
-      <template #left-menu>
-        <UserLeftMenu />
-      </template>
-    </DefaultPageWrapper>
-  </RestrictedPageWrapper>
+  <DefaultPageWrapper>
+    <template v-for="slot in defaultSlots" :key="slot.name">
+      <slot :name="slot.name"></slot>
+    </template>
+    <!-- Left menu -->
+    <template #left-menu>
+      <UserLeftMenu />
+    </template>
+  </DefaultPageWrapper>
 </template>
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/bookings/MyBookings.vue

@@ -6,12 +6,7 @@ import OrderBookingsPagination from "@/components/displays/pagination/models/Use
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.bookings.title')"
-      :subtitle="$t('user_dashboard.bookings.subtitle')"
-      required-feature="bookings"
-      required-action="list"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.bookings.title')" :subtitle="$t('user_dashboard.bookings.subtitle')">
       <OrderBookingsPagination :filters="{ only_today: true }"/>
       <!-- TODO: Complete implementation! -->
     </UserDashboardPageWrapper>
@@ -20,4 +15,4 @@ import OrderBookingsPagination from "@/components/displays/pagination/models/Use
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/bookings/MyBookingsBook.vue

@@ -1877,12 +1877,7 @@ watch(customerNumber, (newVal) => {
         </div>
       </template>
     </ViewportResponsiveWrapper>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.bookings.title')"
-      :subtitle="$t('user_dashboard.bookings.book_subtitle')"
-      required-feature="bookings"
-      required-action="add"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.bookings.title')" :subtitle="$t('user_dashboard.bookings.book_subtitle')">
 
       <template v-if="false">
       <!-- Debug -->

src/views/dashboards/userDashboard/bookings/MyBookingsLegacy.vue

@@ -7,12 +7,7 @@ import OrderBookingsTable from "@/views/dashboards/userDashboard/bookings/displa
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.bookings.title')"
-      :subtitle="$t('user_dashboard.bookings.subtitle')"
-      required-feature="bookings"
-      required-action="list"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.bookings.title')" :subtitle="$t('user_dashboard.bookings.subtitle')">
       <BookingsPagination/>
       <!-- TODO: Complete implementation! -->
     </UserDashboardPageWrapper>
@@ -21,4 +16,4 @@ import OrderBookingsTable from "@/views/dashboards/userDashboard/bookings/displa
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/bookings/MyBookingsNew.vue

@@ -7,12 +7,7 @@ import FormDisplay from "@/components/displays/FormDisplay.vue";
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.bookings.title')"
-      :subtitle="$t('user_dashboard.bookings.book_subtitle')"
-      required-feature="bookings"
-      required-action="add"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.bookings.title')" :subtitle="$t('user_dashboard.bookings.book_subtitle')">
       <FormDisplay :form_identifier="'BOOK_WASH'" />
     </UserDashboardPageWrapper>
   </div>
@@ -20,4 +15,4 @@ import FormDisplay from "@/components/displays/FormDisplay.vue";
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/bookings/displays/tables/OrderBookingsTable.vue

@@ -162,14 +162,13 @@ const canEditBooking = (bookingobj) => {
   // Admins can always edit
   if (SessionUser.canAccessAdmin() && SessionUser.hasPermission("edit_bookings")) return true;
   if (!!bookingobj.order_id) return false; // Only allow editing bookings without an order
-  if (SessionUser.canAccessCustomerFeature("bookings", "edit") && isOwnBooking(bookingobj)) return true;
-  return false;
+  if (SessionUser.hasPermission("edit_own_bookings") && isOwnBooking(bookingobj)) return true;
 };
 
 const canDeleteBooking = (bookingobj) => {
   if (!!bookingobj.order_id) return false;
   if (SessionUser.canAccessAdmin() || SessionUser.canAccessSuperUser()) return true;
-  return SessionUser.canAccessCustomerFeature("bookings", "delete") && isOwnBooking(bookingobj);
+  return SessionUser.hasPermission("edit_own_bookings") && isOwnBooking(bookingobj);
 };
 
 const sortedList = computed(() => {

src/views/dashboards/userDashboard/invoices/MyInvoices.vue

@@ -2,16 +2,11 @@
 
 import UserDashboardPageWrapper from "@/views/dashboards/userDashboard/UserDashboardPageWrapper.vue";
 import MyInvoicesPagination from "@/components/displays/pagination/models/UserDashboard/MyInvoicesPagination.vue";
-import { SessionUser } from "@/components/session/token/SessionUser.vue";
 </script>
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.invoices.title')"
-      :subtitle="$t('user_dashboard.invoices.subtitle')"
-      :has-permission="() => !SessionUser.isSubuser.value && SessionUser.hasPermission('user')"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.invoices.title')" :subtitle="$t('user_dashboard.invoices.subtitle')">
       <MyInvoicesPagination />
     </UserDashboardPageWrapper>
   </div>
@@ -19,4 +14,4 @@ import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/materials/MyMaterials.vue

@@ -6,7 +6,6 @@ import MyMaterialCard from "@/views/dashboards/userDashboard/materials/displays/
 //import MyInvoicesPagination from "@/components/displays/pagination/models/UserDashboard/MyInvoicesPagination.vue";
 import type { MaterialDepartmentStorageType } from "@/components/types/MaterialDepartmentStorageType.vue";
 import type { MaterialType } from "@/components/types/MaterialType.vue";
-import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
 const material = ref<MaterialType>({
   label: "Materialelager 1",
@@ -63,11 +62,7 @@ const material = ref<MaterialType>({
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.materials.title')"
-      :subtitle="$t('user_dashboard.materials.subtitle')"
-      :has-permission="() => !SessionUser.isSubuser.value && SessionUser.hasPermission('user')"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.materials.title')" :subtitle="$t('user_dashboard.materials.subtitle')">
       <MyMaterialCard
           v-bind:material
       />
@@ -77,4 +72,4 @@ const material = ref<MaterialType>({
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/orders/MyOrder.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 
+import UserDashboardHero from "@/views/dashboards/userDashboard/UserDashboardHero.vue";
 import OrderItemsTable from "@/components/displays/department/pos/order/orderItemsTable.vue";
 import { useRouter} from "vue-router";
 import {ref, Component, computed } from "vue";
@@ -405,12 +406,7 @@ loadOrder();
 </script>
 
 <template>
-  <UserDashboardPageWrapper
-    :title="$t('user_dashboard.orders.single_title') + ' ' + getOrderId()"
-    :subtitle="$t('user_dashboard.orders.single_subtitle')"
-    required-feature="orders"
-    required-action="list"
-  >
+  <UserDashboardPageWrapper :title="$t('user_dashboard.orders.single_title') + ' ' + getOrderId()" :subtitle="$t('user_dashboard.orders.single_subtitle')">
     <template v-if="props.visibleComponents.warnings">
       <div class="message is-warning mt-2" v-if="!isLoading && !economicModuleOrders.invoice_draft_id && !economicModuleOrders.invoice_id">
         <div class="message-body">
@@ -443,7 +439,7 @@ loadOrder();
                 column="po"
                 :parse-function="(value) => order.po"
                 :edit-function="SessionUser.objects.orders.showEditObjectFieldForm"
-                :permission-check-function="() => SessionUser.canAccessCustomerFeature('orders', 'edit')"
+                :permission-check-function="() => true"
                 :componentWrapper="'span'"
             />
             </p>

src/views/dashboards/userDashboard/orders/MyOrders.vue

@@ -1,5 +1,6 @@
 <script setup>
 
+import UserDashboardHero from "@/views/dashboards/userDashboard/UserDashboardHero.vue";
 import OrdersPagination from "@/components/displays/pagination/models/UserDashboard/OrdersPagination.vue";
 import UserDashboardPageWrapper from "@/views/dashboards/userDashboard/UserDashboardPageWrapper.vue";
 import {SessionUser} from "@/components/session/token/SessionUser.vue";
@@ -8,12 +9,7 @@ import {SessionUser} from "@/components/session/token/SessionUser.vue";
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.orders.title')"
-      :subtitle="$t('user_dashboard.orders.subtitle')"
-      required-feature="orders"
-      required-action="list"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.orders.title')" :subtitle="$t('user_dashboard.orders.subtitle')">
       <template #default>
         <OrdersPagination :allowDropdownToShowOrderContent="SessionUser.hasAttribute('showPricesOnBookingPage')"/>
       </template>
@@ -23,4 +19,4 @@ import {SessionUser} from "@/components/session/token/SessionUser.vue";
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/vehicles/MyVehicle.vue

@@ -32,12 +32,7 @@ onMounted(() => {
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.vehicles.single_title')"
-      :subtitle="$t('user_dashboard.vehicles.subtitle')"
-      required-feature="vehicles"
-      required-action="list"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.vehicles.single_title')" :subtitle="$t('user_dashboard.vehicles.subtitle')" >
       <VehicleDisplay v-bind:vehicle="vehicle" v-if="vehicle" @reload="fetch" />
       <!--
       {{ SessionUser.user.customer_number.value }}
@@ -49,4 +44,4 @@ onMounted(() => {
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/vehicles/MyVehicles.vue

@@ -7,12 +7,7 @@ import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
 <template>
   <div>
-    <UserDashboardPageWrapper
-      :title="$t('user_dashboard.vehicles.title')"
-      :subtitle="$t('user_dashboard.vehicles.subtitle')"
-      required-feature="vehicles"
-      required-action="list"
-    >
+    <UserDashboardPageWrapper :title="$t('user_dashboard.vehicles.title')" :subtitle="$t('user_dashboard.vehicles.subtitle')" >
       <VehiclesPagination v-bind:customer_id="SessionUser.user.customer_number.value"/>
     </UserDashboardPageWrapper>
   </div>
@@ -20,4 +15,4 @@ import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/userDashboard/vehicles/NewVehicle.vue

@@ -1,22 +1,16 @@
 <script setup>
 import AddVehicleForm from "@/components/displays/user/vehicles/addVehicleForm.vue";
-import UserDashboardPageWrapper from "@/views/dashboards/userDashboard/UserDashboardPageWrapper.vue";
+import UserDashboardHero from "@/views/dashboards/userDashboard/UserDashboardHero.vue";
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
 </script>
 
 <template>
-  <UserDashboardPageWrapper
-    :title="t('user_vehicles.add_vehicle')"
-    :subtitle="t('user_vehicles.add_vehicle_subtitle')"
-    required-feature="vehicles"
-    required-action="add"
-  >
-    <AddVehicleForm />
-  </UserDashboardPageWrapper>
+  <UserDashboardHero :title="t('user_vehicles.add_vehicle')" :subtitle="t('user_vehicles.add_vehicle_subtitle')" />
+  <AddVehicleForm />
 </template>
 
 <style scoped>
 
-</style>
+</style>

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

@@ -97,12 +97,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <UserDashboardPageWrapper
-    :title="$t('user_dashboard.wash.title')"
-    :subtitle="$t('user_dashboard.wash.subtitle')"
-    required-feature="selfserve"
-    required-action="list"
-  >
+  <UserDashboardPageWrapper :title="$t('user_dashboard.wash.title')" :subtitle="$t('user_dashboard.wash.subtitle')">
     <PosDepartmentStepMobile1Location @location-updated="evaluateLocationDepartments" />
     <div class="columns is-multiline" data-testid="self-serve-wash-home">
       <div class="column is-12">

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

@@ -715,7 +715,6 @@ const activeWashRestoreTimeout = ref<ReturnType<typeof window.setTimeout> | null
 const recentCompletedRefreshTimeout = ref<ReturnType<typeof window.setTimeout> | null>(null);
 const recentCompletedRefreshInterval = ref<ReturnType<typeof window.setInterval> | null>(null);
 const isMyWashStartUnmounted = ref(false);
-const getMyWashWindow = () => (typeof window === "undefined" ? null : window);
 
 const registrationOptions = computed(() =>
   customerVehicles.value
@@ -1328,32 +1327,20 @@ refreshRecentlyCompletedWashState();
 
 const clearRecentCompletedRefreshTimeout = () => {
   if (recentCompletedRefreshTimeout.value !== null) {
-    const timeoutId = recentCompletedRefreshTimeout.value;
-    const hostWindow = getMyWashWindow();
-    if (hostWindow) {
-      hostWindow.clearTimeout(timeoutId);
-    } else {
-      globalThis.clearTimeout(timeoutId);
-    }
+    window.clearTimeout(recentCompletedRefreshTimeout.value);
     recentCompletedRefreshTimeout.value = null;
   }
 };
 
 const clearRecentCompletedRefreshInterval = () => {
   if (recentCompletedRefreshInterval.value !== null) {
-    const intervalId = recentCompletedRefreshInterval.value;
-    const hostWindow = getMyWashWindow();
-    if (hostWindow) {
-      hostWindow.clearInterval(intervalId);
-    } else {
-      globalThis.clearInterval(intervalId);
-    }
+    window.clearInterval(recentCompletedRefreshInterval.value);
     recentCompletedRefreshInterval.value = null;
   }
 };
 
 const scheduleRecentCompletedWashRefresh = (attempt = 0) => {
-  if (isMyWashStartUnmounted.value || typeof window === "undefined") {
+  if (isMyWashStartUnmounted.value) {
     return;
   }
 
@@ -1363,12 +1350,7 @@ const scheduleRecentCompletedWashRefresh = (attempt = 0) => {
     return;
   }
 
-  const hostWindow = getMyWashWindow();
-  if (!hostWindow) {
-    return;
-  }
-
-  recentCompletedRefreshTimeout.value = hostWindow.setTimeout(() => {
+  recentCompletedRefreshTimeout.value = window.setTimeout(() => {
     if (isMyWashStartUnmounted.value) {
       return;
     }
@@ -1378,18 +1360,9 @@ const scheduleRecentCompletedWashRefresh = (attempt = 0) => {
 };
 
 const startRecentCompletedWashRefresh = () => {
-  if (typeof window === "undefined") {
-    return;
-  }
-
   clearRecentCompletedRefreshInterval();
 
-  const hostWindow = getMyWashWindow();
-  if (!hostWindow) {
-    return;
-  }
-
-  recentCompletedRefreshInterval.value = hostWindow.setInterval(() => {
+  recentCompletedRefreshInterval.value = window.setInterval(() => {
     if (isMyWashStartUnmounted.value) {
       clearRecentCompletedRefreshInterval();
       return;
@@ -2269,12 +2242,7 @@ watch(
 </script>
 
 <template>
-  <UserDashboardPageWrapper
-    :title="$t('user_dashboard.wash.title')"
-    :subtitle="$t('user_dashboard.wash.subtitle')"
-    required-feature="selfserve"
-    required-action="list"
-  >
+  <UserDashboardPageWrapper :title="$t('user_dashboard.wash.title')" :subtitle="$t('user_dashboard.wash.subtitle')">
     <PosDepartmentStepMobile1Location @location-updated="evaluateLocationDepartments" />
     <div class="columns is-multiline">
       <div class="column is-12">

tests/e2e/edge-gateways.smoke.spec.js

@@ -109,58 +109,6 @@ async function acceleratePageTimers(page, timerScale = 0.01) {
   }, timerScale);
 }
 
-async function dismissUnexpectedSweetAlert(page) {
-  const overlays = page.locator(".swal2-container.swal2-backdrop-show");
-
-  for (let attempt = 0; attempt < 3; attempt += 1) {
-    const overlay = overlays.first();
-    if (!(await overlay.isVisible().catch(() => false))) {
-      return;
-    }
-
-    let dismissed = false;
-    for (const selector of [".swal2-close", ".swal2-cancel", ".swal2-deny", ".swal2-confirm"]) {
-      const action = overlay.locator(selector).first();
-      if (await action.isVisible().catch(() => false)) {
-        await action.click({ force: true });
-        dismissed = true;
-        break;
-      }
-    }
-
-    if (!dismissed) {
-      await page.keyboard.press("Escape");
-    }
-
-    await expect(overlays)
-      .toHaveCount(0, { timeout: 5_000 })
-      .catch(() => {});
-  }
-}
-
-async function generateGatewayInstaller(page) {
-  const button = page.getByTestId("gateway-installer-generate");
-  await expect(button).toBeVisible({ timeout: 15_000 });
-  await expect(button).toBeEnabled({ timeout: 15_000 });
-
-  let lastError;
-  for (let attempt = 0; attempt < 3; attempt += 1) {
-    await dismissUnexpectedSweetAlert(page);
-
-    try {
-      await button.click({ timeout: 15_000 });
-      return;
-    } catch (error) {
-      lastError = error;
-      if (!/swal2-container|intercepts pointer events/i.test(error?.message || "")) {
-        throw error;
-      }
-    }
-  }
-
-  throw lastError;
-}
-
 test.describe("Edge gateway management smoke", () => {
   test.describe.configure({ mode: "serial" });
 
@@ -245,7 +193,7 @@ test.describe("Edge gateway management smoke", () => {
 
     await page.getByTestId("gateway-installer-department").selectOption("1");
     await page.getByTestId("gateway-installer-label").fill("Copy Test Pi");
-    await generateGatewayInstaller(page);
+    await page.getByTestId("gateway-installer-generate").click();
 
     await expect(page.getByTestId("gateway-install-command")).toHaveValue(/install\.sh\?token=edge-install-token/);
     await page.getByTestId("gateway-installer-copy").click();
@@ -298,7 +246,7 @@ test.describe("Edge gateway management smoke", () => {
 
     await page.getByTestId("gateway-installer-department").selectOption("1");
     await page.getByTestId("gateway-installer-label").fill("Canary Pi");
-    await generateGatewayInstaller(page);
+    await page.getByTestId("gateway-installer-generate").click();
 
     await expect(page.getByTestId("gateway-installer-status")).toBeVisible();
     await expect.poll(() => page.getByTestId("gateway-installer-status-state").textContent()).toContain("Running");
@@ -326,7 +274,7 @@ test.describe("Edge gateway management smoke", () => {
 
     await page.getByTestId("gateway-installer-department").selectOption("1");
     await page.getByTestId("gateway-installer-label").fill("CPH Edge 01");
-    await generateGatewayInstaller(page);
+    await page.getByTestId("gateway-installer-generate").click();
 
     await expect(page.getByTestId("gateway-installer-status")).toBeVisible();
     await expect.poll(() => page.getByTestId("gateway-installer-status-state").textContent()).toContain("Running");
@@ -370,7 +318,7 @@ test.describe("Edge gateway management smoke", () => {
 
     await page.getByTestId("gateway-installer-department").selectOption("1");
     await page.getByTestId("gateway-installer-label").fill("Broken Pi");
-    await generateGatewayInstaller(page);
+    await page.getByTestId("gateway-installer-generate").click();
 
     await expect(page.getByTestId("gateway-installer-status")).toBeVisible();
     await expect
@@ -434,7 +382,7 @@ test.describe("Edge gateway management smoke", () => {
 
     await page.getByTestId("gateway-installer-department").selectOption("1");
     await page.getByTestId("gateway-installer-label").fill("Canary Pi");
-    await generateGatewayInstaller(page);
+    await page.getByTestId("gateway-installer-generate").click();
 
     await expect(page.getByTestId("gateway-install-command")).toHaveValue(/install\.sh\?token=edge-install-token/);
     await expect(page).toHaveURL(/\/superuser\/selfserve\/edge-agents\/703\/overview$/, { timeout: 20_000 });

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

@@ -1,18 +1,6 @@
 import { expect, test } from "@playwright/test";
 import { mockApi, primeMockSession } from "./support/network.js";
 
-const FALLBACK_WARNING_TIMEOUT_MS = 30_000;
-
-function currentUtcMonthStartIso() {
-  const now = new Date();
-  return new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1, 0, 0, 0)).toISOString();
-}
-
-async function expectV2FallbackWarning(locator) {
-  await expect(locator).toBeVisible({ timeout: FALLBACK_WARNING_TIMEOUT_MS });
-  await expect(locator).toContainText(/v2/i, { timeout: FALLBACK_WARNING_TIMEOUT_MS });
-}
-
 async function suppressVueDevtoolsOverlay(page) {
   await page.addInitScript(() => {
     const STYLE_ID = "__e2e-hide-vue-devtools";
@@ -177,24 +165,25 @@ test.describe("Invoice distribution smoke", () => {
   });
 
   test("@smoke fallback mode keeps results and surfaces warning banners", async ({ page }) => {
-    test.setTimeout(90_000);
-
     await prepareInvoiceDistributionPage(page, {
-      invoiceDistributionFirstOrderDate: currentUtcMonthStartIso(),
       invoiceDistributionForceLegacyFallback: true,
       invoiceDistributionForceCompareFallback: true,
     });
 
     await gotoInvoiceDistribution(page, "/superuser/invoices?activeTab=distribution");
-    await expect(page.getByTestId("distribution-overview-page")).toBeVisible({ timeout: 15_000 });
-    await expectV2FallbackWarning(page.getByTestId("distribution-overview-legacy-fallback-warning"));
+    await expect(page.locator(".message.is-warning").filter({ hasText: /v2/i }).first()).toBeVisible({
+      timeout: 15_000,
+    });
 
     await gotoInvoiceDistribution(page, "/superuser/invoices/distribution/2026/3/compare?compareMode=line_by_line");
-    await expect(page.getByTestId("distribution-month-tabs")).toBeVisible({ timeout: 15_000 });
-    await expectV2FallbackWarning(page.getByTestId("distribution-month-legacy-fallback-warning"));
+    await expect(page.locator(".message.is-warning").filter({ hasText: /v2/i }).first()).toBeVisible({
+      timeout: 15_000,
+    });
 
     await page.getByTestId("distribution-compare-submit").click();
     await expect(page.getByTestId("distribution-compare-table")).toBeVisible({ timeout: 15_000 });
-    await expectV2FallbackWarning(page.getByTestId("distribution-compare-legacy-fallback-warning"));
+    await expect(page.locator(".message.is-warning").filter({ hasText: /v2/i }).first()).toBeVisible({
+      timeout: 15_000,
+    });
   });
 });

tests/e2e/invoicing-period.smoke.spec.js

@@ -1933,111 +1933,6 @@ test.describe("Invoicing period tab", () => {
     await expect(page).toHaveURL(/activeTab=period/);
   });
 
-  test("@smoke period view warns and splits selected multi-month invoice collections", async ({ page }) => {
-    const splitRequests = [];
-    const economicInvoiceRequests = [];
-    await openPeriodView(page, {
-      payloadFactory: () => ({
-        types: {
-          all: [
-            {
-              id: 31,
-              customer_number: 4301,
-              customer_name: "Multi Month Fleet",
-              requires_action: true,
-              transactions: [
-                {
-                  id: 8801,
-                  date: "2026-03-28T10:00:00.000Z",
-                  amount: 120,
-                  booked: false,
-                  excluded: false,
-                  invoice_collection_id: 88001,
-                },
-                {
-                  id: 8802,
-                  date: "2026-04-02T10:00:00.000Z",
-                  amount: 180,
-                  booked: false,
-                  excluded: false,
-                  invoice_collection_id: 88001,
-                },
-              ],
-              queue: {
-                has_active_job: false,
-                statuses: [],
-                invoice_collection_ids: [],
-                is_action_blocked: false,
-              },
-              meta: {},
-            },
-          ],
-          invoice_per_order: [],
-          fixed_pricing: [],
-          tank_cleaning: [],
-          special_arrangements: [],
-          vehicle_subscriptions: [],
-          possible_duplicates: [],
-        },
-      }),
-    });
-
-    await page.route("**/collected-invoices/split-by-month**", async (route) => {
-      if (
-        route.request().method() !== "POST" ||
-        !matchesApiPath(route.request().url(), "/collected-invoices/split-by-month")
-      ) {
-        await route.fallback();
-        return;
-      }
-
-      const payload = JSON.parse(route.request().postData() || "{}");
-      splitRequests.push(payload);
-      await route.fulfill(
-        json({
-          data: {
-            preview: false,
-            processed_count: 1,
-            changed_count: 1,
-            skipped_count: 0,
-          },
-        })
-      );
-    });
-
-    await page.route("**/collected-invoices/economic**", async (route) => {
-      if (
-        route.request().method() === "POST" &&
-        matchesApiPath(route.request().url(), "/collected-invoices/economic")
-      ) {
-        economicInvoiceRequests.push(JSON.parse(route.request().postData() || "{}"));
-        await route.fulfill(json({ data: {} }));
-        return;
-      }
-
-      await route.fallback();
-    });
-
-    await page.getByTestId("invoicing-period-view-selector-all").click();
-    await expect(page.getByTestId("invoicing-period-customer-4301")).toBeVisible();
-    await page.getByTestId("invoicing-period-customer-invoice-4301").click();
-
-    await expect(
-      page.getByRole("heading", { name: /Orders from multiple months|Ordrer fra flere måneder/i })
-    ).toBeVisible();
-    await page.getByRole("button", { name: /Split by month|Opdel efter måned/i }).click();
-
-    await expect.poll(() => splitRequests.length).toBe(1);
-    expect(splitRequests[0]).toEqual({
-      dateFrom: "2026-03-28",
-      dateTo: "2026-04-02",
-      invoice_collection_ids: [88001],
-      preview: false,
-    });
-    expect(economicInvoiceRequests).toEqual([]);
-    await expect(page.getByText(/Monthly split completed|Månedsopdeling fuldført/i)).toBeVisible();
-  });
-
   test("@smoke period view invoices multiple customers with page refresh and independent loading", async ({ page }) => {
     const token = "superuser-period-parallel-token";
     const periodRequests = [];

tests/e2e/limited-backoffice.spec.ts

@@ -53,15 +53,6 @@ const superuserSessionData = {
   permissions: ["user", "superuser", "limited_backoffice_access", "department_access_1"],
 };
 
-const adminLimitedSessionData = {
-  ...sessionData,
-  id: 52,
-  customer_number: 12347,
-  email: "admin-manager@example.com",
-  display_name: "Admin Manager",
-  permissions: ["user", "admin", "limited_backoffice_access", "department_access_1"],
-};
-
 const assignedDepartments = [{ id: 1, name: "Assigned Depot", description: "", visible: true, archived: false }];
 
 const pricePayload = {
@@ -91,49 +82,6 @@ const pricePayload = {
   ],
 };
 
-const duplicatePricePayload = {
-  ...pricePayload,
-  categories: [
-    {
-      ...pricePayload.categories[0],
-      products: [
-        pricePayload.categories[0].products[0],
-        { ...pricePayload.categories[0].products[0], price: 999 },
-        pricePayload.categories[0].products[1],
-      ],
-    },
-  ],
-};
-
-const cloneJson = <T>(value: T): T => JSON.parse(JSON.stringify(value));
-
-const applyPriceRowsToPayload = (
-  payload: typeof pricePayload,
-  priceRows: Array<{ product_id: number; price: number | string }>
-) => {
-  const updatedPayload = cloneJson(payload);
-  const priceLookup = new Map(priceRows.map((row) => [Number(row.product_id), Number(row.price)]));
-
-  for (const category of updatedPayload.categories) {
-    for (const product of category.products) {
-      if (priceLookup.has(Number(product.id))) {
-        product.price = priceLookup.get(Number(product.id)) ?? product.price;
-      }
-    }
-  }
-
-  return updatedPayload;
-};
-
-const deferred = () => {
-  let resolve!: () => void;
-  const promise = new Promise<void>((resolvePromise) => {
-    resolve = resolvePromise;
-  });
-
-  return { promise, resolve };
-};
-
 const rolePermissionGroups = {
   viewer: [{ key: "account", capabilities: ["sign_in", "view_own_permissions"] }],
   cashier: [
@@ -265,8 +213,6 @@ const employeesPayload = [
     customer_number: 900000501,
     display_name: "Casey Clerk",
     email: "casey@example.com",
-    phone_country_code: 45,
-    phone: 12345678,
     active: true,
     role: { key: "cashier", label: "Cashier", description: "Can sell." },
     departments: [{ id: 1, name: "Assigned Depot" }],
@@ -282,18 +228,10 @@ async function seedLimitedBackofficeSession(page, token = "limited-backoffice-to
   await seedAuthenticatedState(page, token);
 }
 
-async function mockLimitedBackofficeApi(page, authSessionData = sessionData, options: any = {}) {
+async function mockLimitedBackofficeApi(page, authSessionData = sessionData) {
   const calls: string[] = [];
   const forbiddenCalls: string[] = [];
   const priceUpdateCalls: unknown[] = [];
-  const employeeCreateCalls: unknown[] = [];
-  const employeeUpdateCalls: unknown[] = [];
-  const currentPricePayload = {
-    value: cloneJson(options.pricePayload ?? pricePayload),
-  };
-  const currentEmployees = {
-    value: cloneJson(options.employeesPayload ?? employeesPayload),
-  };
 
   await page.route(API_HOST, async (route) => {
     const request = route.request();
@@ -344,26 +282,13 @@ async function mockLimitedBackofficeApi(page, authSessionData = sessionData, opt
     }
 
     if (pathname.endsWith("/limited-backoffice/departments/1/prices") && method === "GET") {
-      await route.fulfill(json({ data: currentPricePayload.value }));
+      await route.fulfill(json({ data: pricePayload }));
       return;
     }
 
     if (pathname.endsWith("/limited-backoffice/departments/1/prices") && method === "PUT") {
-      const body = request.postDataJSON?.() || null;
-      priceUpdateCalls.push(body);
-
-      if (typeof options.onPriceUpdate === "function") {
-        await options.onPriceUpdate({
-          route,
-          request,
-          body,
-          currentPricePayload,
-        });
-        return;
-      }
-
-      currentPricePayload.value = applyPriceRowsToPayload(currentPricePayload.value, body?.prices || []);
-      await route.fulfill(json({ data: currentPricePayload.value }));
+      priceUpdateCalls.push(request.postDataJSON?.() || null);
+      await route.fulfill(json({ data: pricePayload }));
       return;
     }
 
@@ -373,56 +298,7 @@ async function mockLimitedBackofficeApi(page, authSessionData = sessionData, opt
     }
 
     if (pathname.endsWith("/limited-backoffice/employees") && method === "GET") {
-      await route.fulfill(json({ data: currentEmployees.value }));
-      return;
-    }
-
-    if (pathname.endsWith("/limited-backoffice/employees") && method === "POST") {
-      const body = request.postDataJSON?.() || {};
-      employeeCreateCalls.push(body);
-      const role = rolesPayload.find((item) => item.key === body.role_key) || rolesPayload[0];
-      const created = {
-        id: 900 + currentEmployees.value.length + 1,
-        customer_number: 900001000 + currentEmployees.value.length + 1,
-        display_name: body.display_name,
-        email: body.email,
-        phone_country_code: body.phone_country_code ?? null,
-        phone: body.phone ?? null,
-        active: true,
-        role,
-        departments: assignedDepartments.filter((department) => body.department_ids?.includes(department.id)),
-        created_at: "2026-01-01 00:00:00",
-        updated_at: "2026-01-01 00:00:00",
-      };
-      currentEmployees.value.unshift(created);
-      await route.fulfill(json({ data: created }));
-      return;
-    }
-
-    const employeeMatch = pathname.match(/\/limited-backoffice\/employees\/(\d+)$/);
-    if (employeeMatch && method === "PUT") {
-      const body = request.postDataJSON?.() || {};
-      employeeUpdateCalls.push(body);
-      const employeeId = Number(employeeMatch[1]);
-      const target = currentEmployees.value.find((employee) => Number(employee.id) === employeeId);
-      if (!target) {
-        await route.fulfill(json({ message: "Employee not found" }, 404));
-        return;
-      }
-
-      const role = rolesPayload.find((item) => item.key === body.role_key) || target.role;
-      Object.assign(target, {
-        display_name: body.display_name ?? target.display_name,
-        email: body.email ?? target.email,
-        phone_country_code: body.phone_country_code ?? null,
-        phone: body.phone ?? null,
-        role,
-        departments: Array.isArray(body.department_ids)
-          ? assignedDepartments.filter((department) => body.department_ids.includes(department.id))
-          : target.departments,
-        updated_at: "2026-01-01 01:00:00",
-      });
-      await route.fulfill(json({ data: target }));
+      await route.fulfill(json({ data: employeesPayload }));
       return;
     }
 
@@ -433,13 +309,11 @@ async function mockLimitedBackofficeApi(page, authSessionData = sessionData, opt
     calls,
     forbiddenCalls,
     priceUpdateCalls,
-    employeeCreateCalls,
-    employeeUpdateCalls,
   };
 }
 
 test.describe("Limited backoffice", () => {
-  test("shows the limited backoffice header shortcut only on department-scoped admin pages", async ({
+  test("shows the limited backoffice desktop nav item without an icon for limited managers", async ({
     page,
   }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
@@ -447,68 +321,28 @@ test.describe("Limited backoffice", () => {
     await seedLimitedBackofficeSession(page);
     await mockLimitedBackofficeApi(page);
 
-    await page.goto("/admin/1");
+    await page.goto("/backoffice/departments/1/prices");
 
-    const desktopNavigation = page.getByTestId("desktop-buefy-navigation");
-    const backofficeNavItem = desktopNavigation.locator('a[href="/backoffice"]:visible');
-    const headerShortcut = page.getByTestId("limited-backoffice-header-button");
+    const backofficeNavItem = page.getByTestId("desktop-buefy-navigation").locator('a[href="/backoffice"]:visible');
 
-    await expect(backofficeNavItem).toHaveCount(0);
-    await expect(headerShortcut).toBeVisible();
-    await expect(headerShortcut).toHaveAttribute("href", "/backoffice/departments/1/prices");
-    await expect(headerShortcut).toContainText("Backoffice");
-    await expect(headerShortcut.locator(".icon i.fas.fa-tools")).toHaveCount(1);
-
-    await page.goto("/admin");
-
-    await expect(page.getByTestId("limited-backoffice-header-button")).toHaveCount(0);
+    await expect(backofficeNavItem).toHaveCount(1);
+    await expect(backofficeNavItem.locator(".icon, i, svg")).toHaveCount(0);
   });
 
-  test("hides the limited backoffice header shortcut for superusers", async ({ page }, testInfo) => {
+  test("hides the limited backoffice desktop nav item for superusers", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
 
     await seedLimitedBackofficeSession(page, "limited-backoffice-superuser-token");
     await mockLimitedBackofficeApi(page, superuserSessionData);
 
-    await page.goto("/admin/1");
+    await page.goto("/backoffice/departments/1/prices");
 
     await expect(page.getByTestId("desktop-buefy-navigation").locator('a[href="/backoffice"]:visible')).toHaveCount(0);
-    await expect(page.getByTestId("limited-backoffice-header-button")).toHaveCount(0);
-    await expect(page.getByTestId("superuser-backoffice-header-button")).toBeVisible();
   });
 
-  test("links backoffice department pages to the matching admin department for admin-capable users", async ({
-    page,
-  }, testInfo) => {
+  test("limits price management to assigned departments and explicit prices", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
 
-    await seedLimitedBackofficeSession(page, "admin-limited-backoffice-token");
-    await mockLimitedBackofficeApi(page, adminLimitedSessionData);
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    const adminShortcut = page.getByTestId("admin-header-button");
-
-    await expect(adminShortcut).toBeVisible();
-    await expect(adminShortcut).toHaveAttribute("href", "/admin/1");
-    await expect(adminShortcut).toContainText("Departments");
-    await expect(page.getByTestId("limited-backoffice-header-button")).toHaveCount(0);
-  });
-
-  test("does not show the admin shortcut on backoffice department pages for limited-only users", async ({
-    page,
-  }, testInfo) => {
-    test.skip(!isDesktopProject(testInfo), "Desktop only");
-
-    await seedLimitedBackofficeSession(page);
-    await mockLimitedBackofficeApi(page);
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    await expect(page.getByTestId("admin-header-button")).toHaveCount(0);
-  });
-
-  test("limits price management to assigned departments and explicit prices", async ({ page }) => {
     await seedLimitedBackofficeSession(page);
     const api = await mockLimitedBackofficeApi(page);
 
@@ -525,169 +359,15 @@ test.describe("Limited backoffice", () => {
     await expect(page.locator("body")).not.toContainText("department_access_1");
     await expect(page.locator("body")).not.toContainText("limited_backoffice_prices_manage");
 
-    await expect(page.getByTestId("limited-prices-save")).toHaveCount(0);
-    await expect(page.getByTestId("limited-prices-autosave-status")).toContainText(/saved/i);
+    await expect(page.getByTestId("limited-prices-save")).toBeEnabled();
     await page.getByTestId("limited-price-input-101").fill("");
+    await expect(page.getByTestId("limited-prices-save")).toBeDisabled();
     await expect(page.getByTestId("limited-price-validation")).toBeVisible();
-    await page.waitForTimeout(700);
 
     expect(api.priceUpdateCalls).toEqual([]);
     expect(api.forbiddenCalls).toEqual([]);
   });
 
-  test("autosaves valid price changes after a typing pause without blur", async ({ page }) => {
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page);
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    const priceInput = page.getByTestId("limited-price-input-101");
-    await expect(priceInput).toHaveValue("125");
-
-    await priceInput.fill("130");
-
-    await expect(page.getByTestId("limited-prices-autosave-status")).toContainText(/pending/i);
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(1);
-    await expect(priceInput).toBeFocused();
-    expect(api.priceUpdateCalls[0]).toEqual({
-      prices: [
-        { product_id: 101, price: "130" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-    await expect(page.getByTestId("limited-prices-autosave-status")).toContainText(/saved/i);
-  });
-
-  test("flushes a valid pending price change on blur", async ({ page }) => {
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page);
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    const priceInput = page.getByTestId("limited-price-input-101");
-    await priceInput.fill("133");
-    await priceInput.blur();
-
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(1);
-    expect(api.priceUpdateCalls[0]).toEqual({
-      prices: [
-        { product_id: 101, price: "133" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-  });
-
-  test("keeps newer edits when an older autosave response resolves late", async ({ page }) => {
-    const firstSave = deferred();
-    let saveCount = 0;
-
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page, sessionData, {
-      onPriceUpdate: async ({ route, body, currentPricePayload }) => {
-        saveCount += 1;
-
-        if (saveCount === 1) {
-          await firstSave.promise;
-          await route.fulfill(json({ data: pricePayload }));
-          return;
-        }
-
-        currentPricePayload.value = applyPriceRowsToPayload(currentPricePayload.value, body?.prices || []);
-        await route.fulfill(json({ data: currentPricePayload.value }));
-      },
-    });
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    const priceInput = page.getByTestId("limited-price-input-101");
-    await priceInput.fill("130");
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(1);
-
-    await priceInput.fill("140");
-    await page.waitForTimeout(700);
-    expect(api.priceUpdateCalls.length).toBe(1);
-
-    firstSave.resolve();
-
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(2);
-    await expect(priceInput).toHaveValue("140");
-    expect(api.priceUpdateCalls[1]).toEqual({
-      prices: [
-        { product_id: 101, price: "140" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-  });
-
-  test("keeps failed autosaves dirty and retries on the next valid edit", async ({ page }) => {
-    let shouldFail = true;
-
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page, sessionData, {
-      onPriceUpdate: async ({ route, body, currentPricePayload }) => {
-        if (shouldFail) {
-          shouldFail = false;
-          await route.fulfill(json({ message: "Price save failed" }, 422));
-          return;
-        }
-
-        currentPricePayload.value = applyPriceRowsToPayload(currentPricePayload.value, body?.prices || []);
-        await route.fulfill(json({ data: currentPricePayload.value }));
-      },
-    });
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    const priceInput = page.getByTestId("limited-price-input-101");
-    await priceInput.fill("130");
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(1);
-    await expect(page.getByTestId("limited-prices-error")).toContainText("Price save failed");
-    await expect(page.getByTestId("limited-prices-autosave-status")).toContainText(/pending/i);
-
-    await priceInput.fill("131");
-
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(2);
-    await expect(page.getByTestId("limited-prices-error")).toHaveCount(0);
-    await expect(page.getByTestId("limited-prices-autosave-status")).toContainText(/saved/i);
-    expect(api.priceUpdateCalls[1]).toEqual({
-      prices: [
-        { product_id: 101, price: "131" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-  });
-
-  test("deduplicates repeated products in the price configuration", async ({ page }, testInfo) => {
-    test.skip(!isDesktopProject(testInfo), "Desktop only");
-
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page, sessionData, { pricePayload: duplicatePricePayload });
-
-    await page.goto("/backoffice/departments/1/prices");
-
-    await expect(page.getByTestId("limited-price-row-101")).toHaveCount(1);
-    await expect(page.getByTestId("limited-price-row-102")).toHaveCount(1);
-    await expect(page.getByTestId("limited-price-input-101")).toHaveValue("125");
-
-    await page.getByTestId("limited-price-input-101").fill("130");
-
-    await expect.poll(() => api.priceUpdateCalls.length).toBe(1);
-    expect(api.priceUpdateCalls[0]).toEqual({
-      prices: [
-        { product_id: 101, price: "130" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-    expect(api.priceUpdateCalls[0]).not.toEqual({
-      prices: [
-        { product_id: 101, price: "130" },
-        { product_id: 101, price: "130" },
-        { product_id: 102, price: "95" },
-      ],
-    });
-    expect(api.forbiddenCalls).toEqual([]);
-  });
-
   test("shows only limited role presets in employee access", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
 
@@ -698,7 +378,6 @@ test.describe("Limited backoffice", () => {
 
     await expect(page.getByTestId("limited-employees-title")).toBeVisible();
     await expect(page.getByTestId("limited-employee-row-501")).toContainText("Casey Clerk");
-    await expect(page.getByTestId("limited-employee-phone-501")).toHaveText("+45 12345678");
     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");
@@ -757,93 +436,6 @@ test.describe("Limited backoffice", () => {
     await expect(page.getByTestId("limited-role-permissions-modal")).toHaveCount(0);
   });
 
-  test("validates employee fields and submits optional phone details", async ({ page }) => {
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page);
-
-    await page.goto("/backoffice/employees");
-
-    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-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();
-
-    await expect.poll(() => api.employeeCreateCalls.length).toBe(1);
-    expect(api.employeeCreateCalls[0]).toEqual({
-      display_name: "No Phone Worker",
-      email: "no-phone@example.com",
-      phone_country_code: null,
-      phone: null,
-      password: "Secret123!",
-      role_key: "viewer",
-      department_ids: [1],
-    });
-    await expect(page.getByTestId("limited-employee-row-902")).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();
-
-    await expect.poll(() => api.employeeCreateCalls.length).toBe(2);
-    expect(api.employeeCreateCalls[1]).toEqual({
-      display_name: "Phone Worker",
-      email: "phone@example.com",
-      phone_country_code: 358,
-      phone: 87654321,
-      password: "Secret123!",
-      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");
-  });
-
-  test("edits employee contact details without requiring a new password", async ({ page }) => {
-    await seedLimitedBackofficeSession(page);
-    const api = await mockLimitedBackofficeApi(page);
-
-    await page.goto("/backoffice/employees");
-
-    await expect(page.getByTestId("limited-employee-row-501")).toBeVisible();
-    await page.getByTestId("limited-employee-edit-501").click();
-
-    await expect(page.getByTestId("limited-employee-password")).toHaveValue("");
-    await expect(page.getByTestId("limited-employee-save")).toBeEnabled();
-    await page.getByTestId("limited-employee-name").fill("Casey Lead");
-    await page.getByTestId("limited-employee-email").fill("casey.lead@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-save").click();
-
-    await expect.poll(() => api.employeeUpdateCalls.length).toBe(1);
-    expect(api.employeeUpdateCalls[0]).toEqual({
-      display_name: "Casey Lead",
-      email: "casey.lead@example.com",
-      phone_country_code: 358,
-      phone: 87654321,
-      role_key: "cashier",
-      department_ids: [1],
-    });
-    expect(api.employeeUpdateCalls[0]).not.toHaveProperty("password");
-    await expect(page.getByTestId("limited-employee-row-501")).toContainText("Casey Lead");
-    await expect(page.getByTestId("limited-employee-phone-501")).toHaveText("+358 87654321");
-  });
-
   test("does not render data for a department outside the manager scope", async ({ page }, testInfo) => {
     test.skip(!isDesktopProject(testInfo), "Desktop only");
 

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

@@ -124,39 +124,6 @@ async function seedSavedProgress(page, overrides = {}) {
   await page.addInitScript((savedProgress) => {
     window.localStorage.setItem("mywash_progress_v6", JSON.stringify(savedProgress));
   }, payload);
-
-  try {
-    await page.evaluate((savedProgress) => {
-      window.localStorage.setItem("mywash_progress_v6", JSON.stringify(savedProgress));
-    }, payload);
-  } catch {}
-}
-
-async function expectFinishingOrCompletedWash(page) {
-  const finishing = page.getByTestId("self-serve-finishing-wash");
-  const completed = page.getByTestId("self-serve-completed-step");
-
-  await expect
-    .poll(
-      async () => {
-        if (await finishing.isVisible().catch(() => false)) {
-          return "finishing";
-        }
-        if (await completed.isVisible().catch(() => false)) {
-          return "completed";
-        }
-        return "pending";
-      },
-      {
-        message: "expected the wash to show the finishing state or complete",
-        timeout: 15_000,
-      }
-    )
-    .toMatch(/^(finishing|completed)$/);
-
-  if (await finishing.isVisible().catch(() => false)) {
-    await expect(finishing).toContainText("Afslutter vask, porten åbnes automatisk");
-  }
 }
 
 function captureSelfServeGatewayRequests(page) {
@@ -309,7 +276,9 @@ test.describe("Self-serve wash", () => {
     const stopCommandRequestPromise = waitForLaneCommandRequest(page, "STOP");
     const exitGateCommandRequestPromise = waitForLaneCommandRequest(page, "OPEN_PROPERTY_EXIT_GATE");
     await page.getByTestId("self-serve-nav-complete").click();
-    await expectFinishingOrCompletedWash(page);
+    await expect(page.getByTestId("self-serve-finishing-wash")).toContainText(
+      "Afslutter vask, porten åbnes automatisk"
+    );
     const stopCommandRequest = await stopCommandRequestPromise;
     const exitGateCommandRequest = await exitGateCommandRequestPromise;
     expect(stopCommandRequest.postDataJSON?.()).toMatchObject({
@@ -691,18 +660,11 @@ test.describe("Self-serve wash", () => {
     });
     await page.reload({ waitUntil: "domcontentloaded" });
 
-    await expect(page.getByTestId("self-serve-questions-step")).toBeVisible({ timeout: 10_000 });
-    await expect(page.getByTestId("self-serve-nav-confirm")).toBeDisabled();
-    await page.getByTestId("self-serve-question-21-yes").click();
-    await expect(page.getByTestId("self-serve-nav-confirm")).toBeEnabled({ timeout: 10_000 });
-    await page.getByTestId("self-serve-nav-confirm").click();
-
     await expect(page.getByTestId("self-serve-lane-step")).toBeVisible({ timeout: 10_000 });
-    await expect(page.getByTestId("self-serve-lane-option-7")).toContainText("Tilgængelig");
-    await expect(page.getByTestId("self-serve-lane-option-8")).toContainText("Vaskebanen er ikke tilgængelig");
-    await expect(page.getByRole("radio", { name: /Maskine/i })).toBeEnabled();
+    await expect(page.getByRole("radio", { name: /Maskine/i })).toBeDisabled();
     await expect(page.getByTestId("self-serve-machine-unavailable-guidance")).toHaveCount(0);
     await expect(page.locator("body")).not.toContainText(removedMachineUnavailableGuidanceText);
+    await expect(page.getByTestId("self-serve-nav-confirm")).toBeDisabled();
 
     await page.getByTestId("self-serve-lane-option-7").click();
     await page.getByTestId("self-serve-wash-type-manual").click();
@@ -1185,7 +1147,9 @@ test.describe("Self-serve wash", () => {
     const stopCommandRequestPromise = waitForLaneCommandRequest(page, "STOP");
     const exitGateCommandRequestPromise = waitForLaneCommandRequest(page, "OPEN_PROPERTY_EXIT_GATE");
     await page.getByTestId("self-serve-nav-complete").click();
-    await expectFinishingOrCompletedWash(page);
+    await expect(page.getByTestId("self-serve-finishing-wash")).toContainText(
+      "Afslutter vask, porten åbnes automatisk"
+    );
     const stopCommandRequest = await stopCommandRequestPromise;
     const exitGateCommandRequest = await exitGateCommandRequestPromise;
 

tests/e2e/superuser-department-overview.spec.js

@@ -1,96 +0,0 @@
-import { expect, test } from "@playwright/test";
-import { apiPathPattern, mockApi, seedAuthenticatedState } from "./support/network.js";
-
-const json = (body, status = 200) => ({
-  status,
-  contentType: "application/json",
-  body: JSON.stringify(body),
-});
-
-async function installOverviewRoutes(page) {
-  await page.route(apiPathPattern("/superuser/departments/1/overview"), async (route) => {
-    const parsedUrl = new URL(route.request().url());
-    expect(parsedUrl.searchParams.get("date")).toBe("2026-07-06");
-
-    await route.fulfill(
-      json({
-        data: {
-          department: {
-            id: 1,
-            name: "Esbjerg",
-            description: "Skagerrakvej 15",
-            economic_department_id: 42,
-            branding: 14,
-            created_at: "2026-01-01 00:00:00",
-            updated_at: "2026-07-06 09:30:00",
-          },
-          overview: {
-            department_ids: [1],
-            date: "2026-07-06",
-            date_to: "2026-07-06",
-            metrics: {
-              bookings: { state: "ready", value: 3, out_of: 4 },
-              complaints: { state: "ready", value: 1 },
-              night_washes: { state: "ready", value: 2 },
-              revenue: { state: "ready", value: 1234 },
-              washes: { state: "ready", value: 11 },
-              products_sold: { state: "ready", value: 18 },
-              transactions: { state: "ready", value: 9 },
-              water_usage: { state: "ready", value: 250 },
-              overtime: { state: "ready", value: 1.5 },
-            },
-            products: [
-              {
-                product_id: 24,
-                slug: "spot-free-lastbil",
-                title: "Spot Free",
-                state: "ready",
-                value: 4,
-                out_of: 11,
-              },
-            ],
-          },
-        },
-      })
-    );
-  });
-
-  await page.route(apiPathPattern("/modules/edge-gateways/workspace/departments/1"), async (route) => {
-    await route.fulfill(
-      json({
-        data: {
-          gateways: [
-            { id: 1, status: "ONLINE" },
-            { id: 2, status: "OFFLINE" },
-          ],
-          lanes: [{ id: 1 }, { id: 2 }],
-          gates: [{ id: 1 }],
-          relays: [{ id: 1 }, { id: 2 }, { id: 3 }],
-          scanners: [{ id: 1 }],
-          issues: [{ key: "gateway-offline" }],
-        },
-      })
-    );
-  });
-}
-
-test.describe("superuser department overview", () => {
-  test("renders the operational overview for a selected department", async ({ page }) => {
-    await seedAuthenticatedState(page, "superuser-department-overview-token");
-    await mockApi(page, {
-      authenticated: true,
-      permissions: ["superuser", "user"],
-    });
-    await installOverviewRoutes(page);
-
-    await page.goto("/superuser/departments/1?date=2026-07-06", { waitUntil: "domcontentloaded" });
-
-    await expect(page.getByTestId("superuser-department-overview")).toBeVisible();
-    await expect(page.getByRole("heading", { name: "Esbjerg" })).toBeVisible();
-    await expect(page.getByTestId("department-overview-kpi-revenue")).toContainText("1.234");
-    await expect(page.getByTestId("department-overview-kpi-bookings")).toContainText("of 4");
-    await expect(page.getByTestId("department-overview-products")).toContainText("Spot Free");
-    await expect(page.getByTestId("department-overview-hardware")).toContainText("1 / 2");
-    await expect(page.getByTestId("department-overview-quick-links")).toContainText("Gateways");
-  });
-});

tests/e2e/superuser-department-pricing-custom-only.spec.ts

@@ -1,117 +0,0 @@
-import { expect, test } from "@playwright/test";
-
-import { mockApi, seedAuthenticatedState } from "./support/network.js";
-import { isDesktopProject } from "./support/projects";
-
-const json = (body: unknown, status = 200) => ({
-  status,
-  contentType: "application/json",
-  body: JSON.stringify(body),
-});
-
-const now = "2026-07-06 10:00:00";
-
-const buildProduct = (product: Record<string, unknown>) => ({
-  description: "E2E product",
-  subscription_allowed: true,
-  category: 1,
-  piktogram: "truck",
-  economic_product_id: 0,
-  apply_category_discount: false,
-  requires_note: false,
-  created_at: now,
-  updated_at: now,
-  addons: [],
-  is_wash: true,
-  display_in_booking_form: true,
-  order_priority: 1,
-  ...product,
-});
-
-test.describe("Superuser department custom-only pricing", () => {
-  test("toggles no-fallback pricing and shows 999999 for missing department prices", async ({ page }, testInfo) => {
-    test.skip(!isDesktopProject(testInfo), "Desktop only");
-
-    let customPricingOnly = false;
-    let receivedToggleBody: Record<string, unknown> | null = null;
-
-    const products = [
-      buildProduct({ id: 10, name: "Fallback Wash", price: 12345 }),
-      buildProduct({ id: 11, name: "Explicit Wash", price: 98765, order_priority: 2 }),
-    ];
-
-    await page.setViewportSize({ width: 1280, height: 720 });
-    await seedAuthenticatedState(page, "superuser-department-pricing-token");
-    await mockApi(page, {
-      authenticated: true,
-      permissions: [
-        "superuser",
-        "user",
-        "list_products",
-        "list_departments",
-        "edit_department",
-        "superuser_fetch_department",
-        "superuser_fetch_department_prices",
-        "superuser_set_department_prices",
-      ],
-      sessionData: {
-        group_id: 1,
-      },
-    });
-
-    await page.route("**/api/products**", async (route) => {
-      await route.fulfill(json({ data: products }));
-    });
-
-    await page.route("**/api/superuser/department/prices**", async (route) => {
-      await route.fulfill(
-        json({
-          data: [{ id: 100, department_id: 42, product_id: 11, price: 2222 }],
-        })
-      );
-    });
-
-    await page.route(/\/api\/superuser\/department(?:\?.*)?$/i, async (route) => {
-      await route.fulfill(
-        json({
-          data: {
-            id: 42,
-            name: "Custom Pricing Department",
-            description: "E2E department",
-            custom_pricing_only: customPricingOnly,
-            created_at: now,
-            updated_at: now,
-          },
-        })
-      );
-    });
-
-    await page.route("**/api/departments", async (route) => {
-      const request = route.request();
-      if (request.method() !== "PUT") {
-        await route.fallback();
-        return;
-      }
-
-      receivedToggleBody = request.postDataJSON() as Record<string, unknown>;
-      customPricingOnly = Boolean(receivedToggleBody.custom_pricing_only);
-      await route.fulfill(json({ data: { message: "Department updated successfully" } }));
-    });
-
-    await page.goto("/superuser/departments/42/pricing", { waitUntil: "domcontentloaded" });
-
-    await expect(page.getByTestId("department-custom-pricing-settings")).toBeVisible();
-    await expect(page.getByTestId("department-price-cell-10")).toHaveText(/-/);
-    await expect(page.getByTestId("department-price-cell-11")).toHaveText(/2222/);
-
-    await page.locator('label[for="department-custom-pricing-only"]').click();
-
-    await expect(page.getByTestId("department-custom-pricing-only-toggle")).toBeChecked();
-    await expect(page.getByTestId("department-price-cell-10")).toHaveText(/999999/);
-    await expect(page.getByTestId("department-price-cell-11")).toHaveText(/2222/);
-    expect(receivedToggleBody).toMatchObject({
-      id: "42",
-      custom_pricing_only: true,
-    });
-  });
-});

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

@@ -784,17 +784,14 @@ test.describe("Superuser system status smoke", () => {
 
     await expect(page).toHaveURL(/\/superuser$/);
     await expect(page.getByTestId("system-status-dashboard")).toBeVisible({ timeout: PAGE_READY_TIMEOUT });
-    await expect(page.getByTestId("system-status-dashboard-tabs")).toBeVisible({ timeout: PAGE_READY_TIMEOUT });
     await expect(page.getByTestId("status-card-database")).toContainText("truckwash", { timeout: PAGE_READY_TIMEOUT });
     await expect(page.getByTestId("status-card-database-replication")).toContainText("100.0% replikering");
     await expect(page.getByTestId("status-card-minio-replication")).toContainText("67.4% replikering");
-    await page.getByTestId("system-status-tab-sessions").click();
     await expect(page.locator("body")).toContainText("Acme Logistics");
     await expect(page.locator("body")).toContainText("Kunde");
     await expect(page.locator("body")).toContainText("Bruger");
     await expect(page.locator("body")).toContainText("Computer");
     await expect(page.locator("body")).toContainText("/superuser/vehicles");
-    await page.getByTestId("system-status-tab-modules").click();
     await expect(page.locator("body")).toContainText("Forbindelse til OpenAI API bekræftet.");
     await expect(page.locator("body")).toContainText("Redis er utilgængelig; cache til modulprober omgås.");
     await expect(page.locator("body")).not.toContainText("OpenAI API connectivity confirmed.");
@@ -978,7 +975,6 @@ test.describe("Superuser system status smoke", () => {
     await installSystemStatusMock(page, longReasonSnapshot);
 
     await page.goto("/superuser");
-    await page.getByTestId("system-status-tab-modules").click();
 
     const card = page.getByTestId("module-card-shelly");
     const title = card.locator(".module-card__title");
@@ -1008,7 +1004,6 @@ test.describe("Superuser system status smoke", () => {
     await installSystemStatusMock(page, longTitleSnapshot);
 
     await page.goto("/superuser");
-    await page.getByTestId("system-status-tab-modules").click();
 
     const card = page.getByTestId("module-card-licenseplaterecognizer");
     const title = card.locator(".module-card__title");
@@ -1138,7 +1133,6 @@ test.describe("Superuser system status smoke", () => {
     });
 
     await page.goto("/superuser");
-    await page.getByTestId("system-status-tab-gateways").click();
 
     await expect(page.getByTestId("system-status-gateways")).toBeVisible({ timeout: PAGE_READY_TIMEOUT });
     await expect(page.getByTestId("gateway-summary-card-total")).toContainText("10");

tests/e2e/support/network.js

@@ -6783,11 +6783,6 @@ export async function mockApi(page, options = {}) {
       const monthFromDate = parsedUrl.searchParams.get("dateFrom");
       const monthNumber = monthFromDate ? Number(monthFromDate.split("-")[1]) : 1;
       const monthBase = Number.isFinite(monthNumber) ? monthNumber * 10 : 10;
-      const firstOrderCreatedAt =
-        typeof options.invoiceDistributionFirstOrderDate === "string" &&
-        options.invoiceDistributionFirstOrderDate.trim()
-          ? options.invoiceDistributionFirstOrderDate
-          : "2026-01-01T00:00:00.000Z";
       const forceDistributionLegacy = Boolean(options.invoiceDistributionForceLegacyFallback);
       const forceCompareLegacy = Boolean(options.invoiceDistributionForceCompareFallback);
 
@@ -6797,7 +6792,7 @@ export async function mockApi(page, options = {}) {
             data: [
               {
                 id: 1,
-                created_at: firstOrderCreatedAt,
+                created_at: "2026-01-01T00:00:00.000Z",
               },
             ],
           })

tests/unit/header-shortcuts.spec.js

@@ -1,35 +0,0 @@
-import { describe, expect, it } from "vitest";
-import {
-  getAdminDepartmentIdFromRoute,
-  getAdminDepartmentRoute,
-  getLimitedBackofficeDepartmentIdFromRoute,
-  getLimitedBackofficeDepartmentRoute,
-} from "@/components/viewport/page/headers/headerShortcuts.js";
-
-describe("header shortcuts", () => {
-  it("detects department-scoped admin routes", () => {
-    expect(getAdminDepartmentIdFromRoute({ path: "/admin/12", params: {} })).toBe(12);
-    expect(getAdminDepartmentIdFromRoute({ path: "/admin/12/modules/pos", params: {} })).toBe(12);
-    expect(getAdminDepartmentIdFromRoute({ path: "/admin", params: { departmentId: 12 } })).toBe(12);
-    expect(getAdminDepartmentIdFromRoute({ path: "/admin", params: {} })).toBeNull();
-    expect(
-      getAdminDepartmentIdFromRoute({ path: "/backoffice/departments/12/prices", params: { departmentId: 12 } })
-    ).toBeNull();
-  });
-
-  it("detects department-scoped limited backoffice routes", () => {
-    expect(getLimitedBackofficeDepartmentIdFromRoute({ path: "/backoffice/departments/12/prices", params: {} })).toBe(
-      12
-    );
-    expect(getLimitedBackofficeDepartmentIdFromRoute({ path: "/backoffice/departments/12/other", params: {} })).toBe(
-      12
-    );
-    expect(getLimitedBackofficeDepartmentIdFromRoute({ path: "/backoffice", params: { departmentId: 12 } })).toBeNull();
-    expect(getLimitedBackofficeDepartmentIdFromRoute({ path: "/admin/12", params: { departmentId: 12 } })).toBeNull();
-  });
-
-  it("builds scoped shortcut targets", () => {
-    expect(getLimitedBackofficeDepartmentRoute(12)).toBe("/backoffice/departments/12/prices");
-    expect(getAdminDepartmentRoute(12)).toBe("/admin/12");
-  });
-});

tests/unit/invoice-month-split-warning.spec.js

@@ -1,123 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-vi.mock("sweetalert2", () => ({
-  default: {
-    fire: vi.fn(),
-  },
-}));
-
-import Swal from "sweetalert2";
-import {
-  buildMultiMonthInvoiceContext,
-  MULTI_MONTH_INVOICE_ACTION,
-  promptMultiMonthInvoiceWarning,
-  shouldWarnAboutMultiMonthInvoice,
-} from "@/services/invoiceMonthSplitWarning.js";
-
-describe("invoice month split warning", () => {
-  beforeEach(() => {
-    Swal.fire.mockReset();
-  });
-
-  it("builds a scoped multi-month context without timezone shifting date strings", () => {
-    const context = buildMultiMonthInvoiceContext([
-      { id: 1, created_at: "2026-03-31 23:30:00", invoice_collection_id: 501 },
-      { id: 2, created_at: "2026-04-01T00:30:00.000Z", invoice_collection_id: "501" },
-      { id: 3, created_at: "2026-04-03 09:00:00", invoice_collection_id: 502 },
-      { id: 4, created_at: "invalid", invoice_collection_id: null },
-    ]);
-
-    expect(context).toEqual({
-      months: ["2026-03", "2026-04"],
-      dateFrom: "2026-03-31",
-      dateTo: "2026-04-03",
-      invoiceCollectionIds: [501, 502],
-    });
-    expect(shouldWarnAboutMultiMonthInvoice(context)).toBe(true);
-  });
-
-  it("continues without a modal for single-month selections", async () => {
-    const action = await promptMultiMonthInvoiceWarning({
-      context: buildMultiMonthInvoiceContext([
-        { created_at: "2026-04-01 10:00:00", invoice_collection_id: 501 },
-        { created_at: "2026-04-02 10:00:00", invoice_collection_id: 501 },
-      ]),
-      splitByMonth: vi.fn(),
-    });
-
-    expect(action).toBe(MULTI_MONTH_INVOICE_ACTION.CONTINUE);
-    expect(Swal.fire).not.toHaveBeenCalled();
-  });
-
-  it("splits selected invoice collections when the warning is confirmed", async () => {
-    const splitByMonth = vi.fn().mockResolvedValue({
-      data: {
-        data: {
-          processed_count: 2,
-          changed_count: 1,
-          skipped_count: 1,
-        },
-      },
-    });
-    Swal.fire.mockResolvedValueOnce({ isConfirmed: true }).mockResolvedValueOnce({ isConfirmed: true });
-
-    const action = await promptMultiMonthInvoiceWarning({
-      context: buildMultiMonthInvoiceContext([
-        { created_at: "2026-03-20 10:00:00", invoice_collection_id: 7001 },
-        { created_at: "2026-04-02 10:00:00", invoice_collection_id: 7001 },
-      ]),
-      splitByMonth,
-    });
-
-    expect(action).toBe(MULTI_MONTH_INVOICE_ACTION.SPLIT);
-    expect(splitByMonth).toHaveBeenCalledWith("2026-03-20", "2026-04-02", {
-      invoiceCollectionIds: [7001],
-      preview: false,
-    });
-    expect(Swal.fire).toHaveBeenNthCalledWith(
-      1,
-      expect.objectContaining({
-        icon: "warning",
-        showDenyButton: true,
-      })
-    );
-    expect(Swal.fire).toHaveBeenNthCalledWith(
-      2,
-      expect.objectContaining({
-        icon: "success",
-      })
-    );
-  });
-
-  it("continues invoicing together when the warning deny button is selected", async () => {
-    const splitByMonth = vi.fn();
-    Swal.fire.mockResolvedValueOnce({ isDenied: true });
-
-    const action = await promptMultiMonthInvoiceWarning({
-      context: buildMultiMonthInvoiceContext([
-        { created_at: "2026-03-20 10:00:00", invoice_collection_id: 7001 },
-        { created_at: "2026-04-02 10:00:00", invoice_collection_id: 7001 },
-      ]),
-      splitByMonth,
-    });
-
-    expect(action).toBe(MULTI_MONTH_INVOICE_ACTION.CONTINUE);
-    expect(splitByMonth).not.toHaveBeenCalled();
-  });
-
-  it("cancels invoicing when the warning is dismissed", async () => {
-    const splitByMonth = vi.fn();
-    Swal.fire.mockResolvedValueOnce({ isDismissed: true });
-
-    const action = await promptMultiMonthInvoiceWarning({
-      context: buildMultiMonthInvoiceContext([
-        { created_at: "2026-03-20 10:00:00", invoice_collection_id: 7001 },
-        { created_at: "2026-04-02 10:00:00", invoice_collection_id: 7001 },
-      ]),
-      splitByMonth,
-    });
-
-    expect(action).toBe(MULTI_MONTH_INVOICE_ACTION.CANCEL);
-    expect(splitByMonth).not.toHaveBeenCalled();
-  });
-});

tests/unit/invoice-order-table-multi-month-warning.spec.js

@@ -1,170 +0,0 @@
-// @vitest-environment jsdom
-import { flushPromises, mount } from "@vue/test-utils";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-vi.mock("vue-i18n", async (importOriginal) => {
-  const actual = await importOriginal();
-  return {
-    ...actual,
-    useI18n: () => ({
-      t: (key) => key,
-    }),
-  };
-});
-
-vi.mock("sweetalert2", () => ({
-  default: {
-    fire: vi.fn(),
-  },
-}));
-
-vi.mock("@/components/session/token/SessionUser.vue", () => ({
-  SessionUser: {
-    objects: {
-      global: {
-        language: {
-          hide_content: "Hide",
-          show_content: "Show",
-          status: "Status",
-          completed: "Completed",
-          not_completed: "Not completed",
-        },
-      },
-      orders: {
-        columns: {
-          id: { label: "ID", visible: true },
-          created_at: { label: "Created", visible: true },
-        },
-      },
-      collectedOrderInvoices: {
-        functions: {
-          split_by_month: vi.fn(),
-          economic: {
-            invoice: vi.fn(),
-          },
-        },
-      },
-      vehicles: {
-        columns: {
-          wash_subscription: {
-            label: "Subscription",
-          },
-        },
-      },
-    },
-    functions: {
-      currency: {
-        toLocal: (value) => String(value),
-      },
-      parseErrorMessage: (error) => error?.message ?? String(error),
-    },
-  },
-}));
-
-vi.mock("@/views/dashboards/superUserDashboard/user/displays/other/UserOtherSpecialArrangement.vue", () => ({
-  default: { template: "<div />" },
-}));
-
-vi.mock("@/views/dashboards/superUserDashboard/user/displays/other/UserOtherVaskeabonnement.vue", () => ({
-  default: { template: "<div />" },
-}));
-
-vi.mock("@/components/displays/department/pos/order/orderItemsTable.vue", () => ({
-  default: { template: "<div />" },
-}));
-
-vi.mock("@/components/displays/superuser/tables/OrderContentTable.vue", () => ({
-  default: { template: "<div />" },
-}));
-
-import Swal from "sweetalert2";
-import InvoiceOrderTable from "@/components/displays/superuser/tables/InvoiceOrderTable.vue";
-import { SessionUser } from "@/components/session/token/SessionUser.vue";
-
-const mountTable = (orders) =>
-  mount(InvoiceOrderTable, {
-    props: {
-      orders,
-      options: {},
-      columns: {},
-      user_id: 42,
-    },
-    global: {
-      mocks: {
-        $t: (key) =>
-          ({
-            "global.invoice_now": "Invoice now",
-            "global.unselect": "Unselect",
-            "common.all": "All",
-            "common.select": "Select",
-          }[key] ?? key),
-      },
-    },
-  });
-
-describe("InvoiceOrderTable multi-month warning", () => {
-  beforeEach(() => {
-    Swal.fire.mockReset();
-    SessionUser.objects.collectedOrderInvoices.functions.split_by_month.mockReset();
-    SessionUser.objects.collectedOrderInvoices.functions.economic.invoice.mockReset();
-    SessionUser.objects.collectedOrderInvoices.functions.economic.invoice.mockResolvedValue({});
-  });
-
-  it("warns for selected invoice collections containing orders from multiple months before invoicing together", async () => {
-    Swal.fire.mockResolvedValueOnce({ isDenied: true }).mockReturnValueOnce(new Promise(() => {}));
-    const wrapper = mountTable([
-      {
-        id: 1,
-        invoice_collection_id: 9001,
-        created_at: "2026-03-15 10:00:00",
-      },
-      {
-        id: 2,
-        invoice_collection_id: 9001,
-        created_at: "2026-04-02 10:00:00",
-      },
-    ]);
-
-    await wrapper.find("tbody input[type='checkbox']").trigger("click");
-    await wrapper.get("[data-testid='invoice-order-table-invoice-button']").trigger("click");
-    await flushPromises();
-
-    expect(Swal.fire).toHaveBeenNthCalledWith(
-      1,
-      expect.objectContaining({
-        icon: "warning",
-        showDenyButton: true,
-      })
-    );
-    expect(SessionUser.objects.collectedOrderInvoices.functions.split_by_month).not.toHaveBeenCalled();
-    expect(SessionUser.objects.collectedOrderInvoices.functions.economic.invoice).toHaveBeenCalledWith(9001, 42);
-  });
-
-  it("does not warn for selected invoice collections containing only one month", async () => {
-    Swal.fire.mockReturnValueOnce(new Promise(() => {}));
-    const wrapper = mountTable([
-      {
-        id: 1,
-        invoice_collection_id: 9002,
-        created_at: "2026-04-01 10:00:00",
-      },
-      {
-        id: 2,
-        invoice_collection_id: 9002,
-        created_at: "2026-04-02 10:00:00",
-      },
-    ]);
-
-    await wrapper.find("tbody input[type='checkbox']").trigger("click");
-    await wrapper.get("[data-testid='invoice-order-table-invoice-button']").trigger("click");
-    await flushPromises();
-
-    expect(Swal.fire).toHaveBeenCalledTimes(1);
-    expect(Swal.fire).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: "Fakturaer oprettet",
-      })
-    );
-    expect(SessionUser.objects.collectedOrderInvoices.functions.economic.invoice).toHaveBeenCalledWith(9002, 42);
-  });
-});

tests/unit/invoicing-period-queue-state.behavior.spec.js

@@ -1,6 +1,6 @@
 // @vitest-environment jsdom
 import { computed, nextTick } from "vue";
-import { flushPromises, mount } from "@vue/test-utils";
+import { mount } from "@vue/test-utils";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 const {
@@ -34,12 +34,6 @@ vi.mock("@/services/economicTransferQueue.js", () => ({
   },
 }));
 
-vi.mock("sweetalert2", () => ({
-  default: {
-    fire: vi.fn(),
-  },
-}));
-
 vi.mock("@/components/session/token/SessionUser.vue", () => ({
   SessionUser: {
     objects: {
@@ -68,7 +62,6 @@ vi.mock("@/components/session/token/SessionUser.vue", () => ({
           createVehicleSubscriptionInvoice: vi.fn(),
           add_fixed_pricing: vi.fn(),
           add_vehicle_subscriptions: vi.fn(),
-          split_by_month: vi.fn(),
         },
       },
       vehicles: {
@@ -83,7 +76,6 @@ vi.mock("@/components/session/token/SessionUser.vue", () => ({
       currency: {
         toLocal: (value) => String(value),
       },
-      parseErrorMessage: (error) => error?.message ?? String(error),
     },
   },
 }));
@@ -156,7 +148,6 @@ vi.mock(
 import InvoicingBillingPeriodViewAll from "@/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { invoiceQueue } from "@/views/dashboards/superUserDashboard/InvoicingBillingPeriod/imports/InvoicingBillingPeriodImportInvoiceQueue.vue";
-import Swal from "sweetalert2";
 import {
   periodPaging,
   resetPeriodPagingState,
@@ -231,23 +222,11 @@ describe("Invoicing period queue state", () => {
     loadingCustomerNumbersRef.value = [];
     SessionUser.objects.orders.get.multiple.mockReset();
     SessionUser.objects.orders.get.multiple.mockResolvedValue([]);
-    SessionUser.objects.collectedOrderInvoices.functions.split_by_month.mockReset();
-    SessionUser.objects.collectedOrderInvoices.functions.split_by_month.mockResolvedValue({
-      data: {
-        data: {
-          processed_count: 1,
-          changed_count: 1,
-          skipped_count: 0,
-        },
-      },
-    });
     invoiceQueue.addInvoiceCollectionsToQueue.mockReset();
     invoiceQueue.processInvoiceCollectionQueue.mockReset();
     invoiceQueue.markPeriodRefreshLoading.mockClear();
     invoiceQueue.finishPeriodRefresh.mockClear();
     invoiceQueue.isPeriodCustomerRefreshLoading.mockClear();
-    Swal.fire.mockReset();
-    Swal.fire.mockResolvedValue({ isDenied: true });
     resetPeriodPagingState();
     sharedVariablesRef.value = {
       types: {
@@ -665,168 +644,6 @@ describe("Invoicing period queue state", () => {
     expect(windowOpenSpy).not.toHaveBeenCalled();
   });
 
-  it("splits instead of queueing when multi-month invoicing warning is confirmed", async () => {
-    sharedVariablesRef.value = {
-      types: {
-        all: [
-          {
-            id: 8,
-            customer_number: 1008,
-            customer_name: "Multi Month Customer",
-            requires_action: true,
-            queue: {
-              has_active_job: false,
-              statuses: [],
-              invoice_collection_ids: [],
-              is_action_blocked: false,
-            },
-            transactions: [
-              {
-                id: 8101,
-                amount: 75,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8100,
-                date: "2026-03-28T10:00:00.000Z",
-              },
-              {
-                id: 8102,
-                amount: 125,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8100,
-                date: "2026-04-02T10:00:00.000Z",
-              },
-            ],
-          },
-        ],
-      },
-    };
-    Swal.fire.mockResolvedValueOnce({ isConfirmed: true }).mockResolvedValueOnce({ isConfirmed: true });
-
-    const wrapper = mountView();
-    await nextTick();
-
-    await wrapper.get("[data-testid='invoicing-period-customer-invoice-1008']").trigger("click");
-    await flushPromises();
-    await nextTick();
-
-    expect(SessionUser.objects.collectedOrderInvoices.functions.split_by_month).toHaveBeenCalledWith(
-      "2026-03-28",
-      "2026-04-02",
-      {
-        invoiceCollectionIds: [8100],
-        preview: false,
-      }
-    );
-    expect(invoiceQueue.addInvoiceCollectionsToQueue).not.toHaveBeenCalled();
-    expect(invoiceQueue.processInvoiceCollectionQueue).not.toHaveBeenCalled();
-  });
-
-  it("continues queueing together when multi-month invoicing warning is denied", async () => {
-    sharedVariablesRef.value = {
-      types: {
-        all: [
-          {
-            id: 9,
-            customer_number: 1009,
-            customer_name: "Invoice Together Customer",
-            requires_action: true,
-            queue: {
-              has_active_job: false,
-              statuses: [],
-              invoice_collection_ids: [],
-              is_action_blocked: false,
-            },
-            transactions: [
-              {
-                id: 8201,
-                amount: 75,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8200,
-                date: "2026-03-28T10:00:00.000Z",
-              },
-              {
-                id: 8202,
-                amount: 125,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8200,
-                date: "2026-04-02T10:00:00.000Z",
-              },
-            ],
-          },
-        ],
-      },
-    };
-    Swal.fire.mockResolvedValueOnce({ isDenied: true });
-
-    const wrapper = mountView();
-    await nextTick();
-
-    await wrapper.get("[data-testid='invoicing-period-customer-invoice-1009']").trigger("click");
-    await flushPromises();
-    await nextTick();
-
-    expect(SessionUser.objects.collectedOrderInvoices.functions.split_by_month).not.toHaveBeenCalled();
-    expect(invoiceQueue.addInvoiceCollectionsToQueue).toHaveBeenCalledWith([8200], {
-      customerNumber: 1009,
-    });
-    expect(invoiceQueue.processInvoiceCollectionQueue).toHaveBeenCalledTimes(1);
-  });
-
-  it("does not queue when multi-month invoicing warning is dismissed", async () => {
-    sharedVariablesRef.value = {
-      types: {
-        all: [
-          {
-            id: 10,
-            customer_number: 1010,
-            customer_name: "Cancel Multi Month Customer",
-            requires_action: true,
-            queue: {
-              has_active_job: false,
-              statuses: [],
-              invoice_collection_ids: [],
-              is_action_blocked: false,
-            },
-            transactions: [
-              {
-                id: 8301,
-                amount: 75,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8300,
-                date: "2026-03-28T10:00:00.000Z",
-              },
-              {
-                id: 8302,
-                amount: 125,
-                booked: false,
-                excluded: false,
-                invoice_collection_id: 8300,
-                date: "2026-04-02T10:00:00.000Z",
-              },
-            ],
-          },
-        ],
-      },
-    };
-    Swal.fire.mockResolvedValueOnce({ isDismissed: true });
-
-    const wrapper = mountView();
-    await nextTick();
-
-    await wrapper.get("[data-testid='invoicing-period-customer-invoice-1010']").trigger("click");
-    await flushPromises();
-    await nextTick();
-
-    expect(SessionUser.objects.collectedOrderInvoices.functions.split_by_month).not.toHaveBeenCalled();
-    expect(invoiceQueue.addInvoiceCollectionsToQueue).not.toHaveBeenCalled();
-    expect(invoiceQueue.processInvoiceCollectionQueue).not.toHaveBeenCalled();
-  });
-
   it("applies invoice-now loading only to the affected customer", async () => {
     sharedVariablesRef.value = {
       types: {

tests/unit/my-wash-start.spec.js

@@ -579,7 +579,6 @@ describe("MyWashStart", () => {
 
   afterEach(() => {
     consoleWarnSpy?.mockRestore();
-    vi.clearAllTimers();
     vi.useRealTimers();
     localStorage.clear();
   });

tests/unit/navigation-menu-items-user-subusers.spec.js

@@ -16,10 +16,6 @@ const superuserNavigationSource = readFileSync(
   join(root, "src/components/models/navigation/items/NavigationMenuItemsSuperUser.vue"),
   "utf8"
 ).replace(/\r\n/g, "\n");
-const navigationMenuItemSource = readFileSync(
-  join(root, "src/components/viewport/page/headers/menu/NavigationMenuItem.vue"),
-  "utf8"
-).replace(/\r\n/g, "\n");
 
 describe("Subusers navigation contract", () => {
   it("points the chauffører menu item to the subusers page", () => {
@@ -41,12 +37,4 @@ describe("Subusers navigation contract", () => {
     expect(subusersViewSource).toContain("SessionUser.canAccessSuperUser()");
     expect(subusersViewSource).toContain(":endpoint=\"isSuperuserPage ? '/superuser/subusers' : '/subusers'\"");
   });
-
-  it("checks child navigation permissions against the child item", () => {
-    expect(navigationMenuItemSource).toContain("return hasItemPermissions(child) && hasDepartmentIdInPath");
-    expect(navigationMenuItemSource).toContain("return hasItemPermissions(child);");
-    expect(navigationMenuItemSource).not.toContain(
-      "return hasPermissions.value && hasDepartmentIdInPath(router.currentRoute.value.path);\n  }\n  return hasPermissions.value;"
-    );
-  });
 });

tests/unit/playwright-full-workflow.spec.js

@@ -40,24 +40,6 @@ describe("Playwright full E2E workflow grouping", () => {
     expect(source).toContain("scripts/ci/runner-diagnostics.sh");
   });
 
-  it("keeps PR E2E runner pressure bounded and diagnosable", () => {
-    const source = workflowSource();
-
-    expect(source).toMatch(/e2e-pr:[\s\S]*?max-parallel: 4/u);
-    expect(source).toMatch(/e2e-pr:[\s\S]*?PLAYWRIGHT_WORKERS: 1/u);
-    expect(source).toMatch(/e2e-pr:[\s\S]*?PLAYWRIGHT_VIDEO_MODE: on-first-retry/u);
-    expect(source).toMatch(/e2e-pr:[\s\S]*?--env PLAYWRIGHT_WORKERS="\$PLAYWRIGHT_WORKERS"/u);
-    expect(source).toMatch(/e2e-pr:[\s\S]*?--env PLAYWRIGHT_VIDEO_MODE="\$PLAYWRIGHT_VIDEO_MODE"/u);
-  });
-
-  it("uses a machine-wide Playwright port lock across self-hosted runner processes", () => {
-    const source = workflowSource();
-
-    expect(source.match(/PLAYWRIGHT_PORT_LOCK_ROOT:-\/tmp\/pleno-playwright-port-locks/gu)).toHaveLength(2);
-    expect(source.match(/chmod 1777 "\$lock_root"/gu)).toHaveLength(2);
-    expect(source).not.toContain("${RUNNER_TEMP:-/tmp}/pleno-playwright-port-locks");
-  });
-
   it("allows CI to reduce Playwright video artifact pressure", () => {
     const source = readFileSync(join(root, "playwright.config.ts"), "utf8");
 

tests/unit/playwright-pr-mapping.spec.js

@@ -15,21 +15,6 @@ describe("Playwright PR mapping", () => {
     );
   });
 
-  it("maps superuser department pricing changes to custom-only pricing coverage", () => {
-    expect(specsFor("src/views/dashboards/superUserDashboard/department/DepartmentPricing.vue")).toContain(
-      "tests/e2e/superuser-department-pricing-custom-only.spec.ts"
-    );
-    expect(
-      specsFor("src/views/dashboards/superUserDashboard/department/SuperUserSelectedDepartmentObject.vue")
-    ).toContain("tests/e2e/superuser-department-pricing-custom-only.spec.ts");
-    expect(specsFor("src/components/session/token/SessionUser/Objects/Departments.vue")).toContain(
-      "tests/e2e/superuser-department-pricing-custom-only.spec.ts"
-    );
-    expect(specsFor("src/components/session/token/SessionUser/Objects/Departments.vue")).not.toContain(
-      "tests/e2e/userAuth.spec.ts"
-    );
-  });
-
   it("maps department notification table changes to the admin notification E2E coverage", () => {
     expect(
       specsFor("src/components/displays/department/notifications/departmentNotificationsPhoneTable.vue")
@@ -39,15 +24,6 @@ describe("Playwright PR mapping", () => {
     ).toContain("tests/e2e/admin-department-notifications.spec.ts");
   });
 
-  it("maps limited backoffice view changes to limited backoffice E2E coverage", () => {
-    expect(specsFor("src/views/backoffice/LimitedBackofficePrices.vue")).toContain(
-      "tests/e2e/limited-backoffice.spec.ts"
-    );
-    expect(specsFor("src/views/backoffice/components/LimitedBackofficeLayout.vue")).toContain(
-      "tests/e2e/limited-backoffice.spec.ts"
-    );
-  });
-
   it("maps superuser role permission page changes to role permissions E2E coverage", () => {
     expect(specsFor("src/views/dashboards/superUserDashboard/roles/SuperUserRolesPermissions.vue")).toContain(
       "tests/e2e/superuser-roles-permissions.spec.ts"
@@ -57,33 +33,9 @@ describe("Playwright PR mapping", () => {
     );
   });
 
-  it("maps superuser dashboard shell changes to system status E2E coverage", () => {
-    expect(specsFor("src/views/dashboards/superUserDashboard/SuperUserDashboardNavigation.vue")).toContain(
-      "tests/e2e/superuser-system-status.smoke.spec.js"
-    );
-    expect(specsFor("src/components/displays/superuser/system/SystemStatusDashboard.vue")).toContain(
-      "tests/e2e/superuser-system-status.smoke.spec.js"
-    );
-  });
-
-  it("keeps PR runner and full-slice metadata edits out of broad PR smoke fallback", () => {
-    expect(triggersFallback("scripts/run-playwright-pr.mjs")).toBe(false);
+  it("keeps full-slice ownership metadata out of broad PR smoke fallback", () => {
+    expect(triggersFallback("scripts/run-playwright-pr.mjs")).toBe(true);
     expect(triggersFallback("scripts/run-playwright-ci-parallel.mjs")).toBe(true);
     expect(triggersFallback("scripts/run-playwright-full-slice.mjs")).toBe(false);
   });
-
-  it("maps limited backoffice changes to the limited backoffice E2E coverage", () => {
-    expect(specsFor("src/views/backoffice/LimitedBackofficeEmployees.vue")).toContain(
-      "tests/e2e/limited-backoffice.spec.ts"
-    );
-  });
-
-  it("maps header navigation changes to limited backoffice E2E coverage", () => {
-    expect(specsFor("src/components/viewport/page/headers/HeaderAccessShortcuts.vue")).toContain(
-      "tests/e2e/limited-backoffice.spec.ts"
-    );
-    expect(specsFor("src/components/models/navigation/items/NavigationMenuItemsGlobal.vue")).toContain(
-      "tests/e2e/limited-backoffice.spec.ts"
-    );
-  });
 });

tests/unit/session-bootstrap.spec.js

@@ -182,45 +182,6 @@ describe("session bootstrap failure handling", () => {
     expect(SessionUser.hasPermission("SUBUSERS_LIST")).toBe(true);
   });
 
-  it("maps regular customer feature actions through legacy customer permissions", () => {
-    SessionUser.auth.forceClearSession();
-    SessionUser.isSubuser.value = false;
-    SessionUser.permissions.value = ["user"];
-
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "list")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "add")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("bookings", "add")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("orders", "list")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "delete")).toBe(false);
-  });
-
-  it("maps subuser feature actions through the selected grant only", () => {
-    SessionUser.auth.forceClearSession();
-    SessionUser.isSubuser.value = true;
-    SessionUser.permissions.value = ["BOOKINGS_ADD", "VEHICLES_DELETE"];
-    SessionUser.subuser.grants.value = [
-      {
-        billing_customer_number: 12345678,
-        permissions: ["BOOKINGS_ADD", "VEHICLES_LIST"],
-      },
-      {
-        billing_customer_number: 87654321,
-        permissions: ["VEHICLES_DELETE"],
-      },
-    ];
-
-    SessionUser.subuser.selectGrant(12345678);
-
-    expect(SessionUser.canAccessCustomerFeature("bookings", "add")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "list")).toBe(true);
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "delete")).toBe(false);
-
-    SessionUser.subuser.selectGrant(87654321);
-
-    expect(SessionUser.canAccessCustomerFeature("bookings", "add")).toBe(false);
-    expect(SessionUser.canAccessCustomerFeature("vehicles", "delete")).toBe(true);
-  });
-
   it("redirects invalid stored subuser sessions to driver login", async () => {
     seedStoredSession("invalid-subuser-token");
     localStorage.setItem("is_subuser", "true");

tests/unit/setup.js

@@ -95,7 +95,6 @@ afterEach(async () => {
   await Promise.resolve();
   await Promise.resolve();
 
-  vi.clearAllTimers();
   vi.useRealTimers();
   vi.clearAllMocks();
   vi.unstubAllGlobals();

tests/unit/superuser-department-overview.spec.js

@@ -1,278 +0,0 @@
-/* @vitest-environment jsdom */
-import { nextTick } from "vue";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { mountWithApp } from "./helpers/mountWithApp.js";
-
-const mocks = vi.hoisted(() => ({
-  route: {
-    params: { departmentId: "1" },
-    query: { date: "2026-07-06", date_to: "2026-07-06" },
-    path: "/superuser/departments/1",
-  },
-  router: {
-    replace: vi.fn((nextRoute) => {
-      mocks.route.query = nextRoute.query || {};
-      return Promise.resolve();
-    }),
-    push: vi.fn(),
-  },
-  getSuperuserDepartmentOverview: vi.fn(),
-  getEdgeGatewayDepartmentWorkspace: vi.fn(),
-}));
-
-vi.mock("vue-router", () => ({
-  useRoute: () => mocks.route,
-  useRouter: () => mocks.router,
-}));
-
-vi.mock("@/services/superuserDepartmentOverview.js", () => ({
-  getSuperuserDepartmentOverview: mocks.getSuperuserDepartmentOverview,
-}));
-
-vi.mock("@/services/edgeGateways.js", () => ({
-  getEdgeGatewayDepartmentWorkspace: mocks.getEdgeGatewayDepartmentWorkspace,
-}));
-
-vi.mock("@/components/session/token/SessionUser.vue", () => ({
-  SessionUser: {
-    canAccessSuperUser: () => true,
-    functions: {
-      currency: {
-        toLocal: (value) => `${Number(value).toLocaleString("da-DK")} kr.`,
-      },
-      date: {
-        toLocal: (value) => `local:${value}`,
-      },
-    },
-  },
-}));
-
-vi.mock("@/components/global/PageTitle.vue", () => ({
-  default: {
-    props: ["title", "subtitle"],
-    template: "<header><h1>{{ title }}</h1><p>{{ subtitle }}</p></header>",
-  },
-}));
-
-vi.mock("@/components/page/wrappers/RestrictedPageWrapper.vue", () => ({
-  default: {
-    template: "<div><slot /></div>",
-  },
-}));
-
-vi.mock("@/views/dashboards/superUserDashboard/department/DepartmentSubPageWrapper.vue", () => ({
-  default: {
-    template: "<main><slot name='title' /><slot /></main>",
-  },
-}));
-
-import DepartmentOverview from "@/views/dashboards/superUserDashboard/department/Department.vue";
-import DepartmentNavigation from "@/views/dashboards/superUserDashboard/department/SuperUserDashboardDepartmentNavigation.vue";
-
-const messages = {
-  en: {
-    superuser_dashboard: {
-      department_navigation: {
-        overview: "Overview",
-        modules: "Modules",
-        branding: "Profile & Branding",
-        gateways: "Gateways",
-        stripe: "Stripe",
-        pricing: "Pricing",
-        categories: "Categories",
-      },
-      department_overview: {
-        title: "Department overview",
-        subtitle: "Operational overview",
-        loading: "Loading department overview",
-        date_from: "From",
-        date_to: "To",
-        range_label: "{from} to {to}",
-        empty_value: "-",
-        out_of: "of {total}",
-        presets: {
-          today: "Today",
-          last_seven_days: "Last 7 days",
-        },
-        metrics: {
-          bookings: "Bookings",
-          complaints: "Complaints",
-          night_washes: "Night washes",
-          overtime: "Overtime",
-          products_sold: "Products sold",
-          revenue: "Revenue",
-          transactions: "Transactions",
-          washes: "Washes",
-          water_usage: "Water",
-        },
-        units: {
-          hours: "h",
-          liters: "L",
-        },
-        products: {
-          title: "Product mix",
-          subtitle: "Tracked wash products",
-          empty: "No product activity",
-        },
-        profile: {
-          title: "Department profile",
-          no_description: "No department description",
-          department_id: "Department ID",
-          economic_department_id: "Economic department",
-          branding: "Branding",
-          created_at: "Created",
-          updated_at: "Updated",
-        },
-        hardware: {
-          title: "Hardware readiness",
-          subtitle: "Gateway-backed state",
-          gateways: "Gateways online",
-          lanes: "Lanes",
-          gates: "Gates",
-          relays: "Relays",
-          scanners: "Scanners",
-          issues: "Issues",
-        },
-        quick_links: {
-          title: "Department tools",
-          subtitle: "Open setup areas",
-          modules: "Modules",
-          branding: "Branding",
-          gateways: "Gateways",
-          stripe: "Stripe",
-          pricing: "Pricing",
-          categories: "Categories",
-        },
-        errors: {
-          invalid_department: "A valid department is required",
-          load: "Unable to load the department overview",
-        },
-      },
-    },
-  },
-};
-
-const overviewResponse = {
-  data: {
-    data: {
-      department: {
-        id: 1,
-        name: "Esbjerg",
-        description: "Skagerrakvej 15",
-        economic_department_id: 42,
-        branding: 14,
-        created_at: "2026-01-01 00:00:00",
-        updated_at: "2026-07-06 09:30:00",
-      },
-      overview: {
-        department_ids: [1],
-        date: "2026-07-06",
-        date_to: "2026-07-06",
-        metrics: {
-          bookings: { state: "ready", value: 3, out_of: 4 },
-          complaints: { state: "ready", value: 1 },
-          night_washes: { state: "ready", value: 2 },
-          revenue: { state: "ready", value: 1234 },
-          washes: { state: "ready", value: 11 },
-          products_sold: { state: "ready", value: 18 },
-          transactions: { state: "ready", value: 9 },
-          water_usage: { state: "ready", value: 250 },
-          overtime: { state: "ready", value: 1.5 },
-        },
-        products: [
-          {
-            product_id: 24,
-            slug: "spot-free-lastbil",
-            title: "Spot Free",
-            state: "ready",
-            value: 4,
-            out_of: 11,
-          },
-        ],
-      },
-    },
-  },
-};
-
-const hardwareResponse = {
-  data: {
-    data: {
-      gateways: [
-        { id: 1, status: "ONLINE" },
-        { id: 2, status: "OFFLINE" },
-      ],
-      lanes: [{ id: 1 }, { id: 2 }],
-      gates: [{ id: 1 }],
-      relays: [{ id: 1 }, { id: 2 }, { id: 3 }],
-      scanners: [{ id: 1 }],
-      issues: [{ key: "gateway-offline" }],
-    },
-  },
-};
-
-const flushRendering = async () => {
-  await Promise.resolve();
-  await Promise.resolve();
-  await nextTick();
-};
-
-beforeEach(() => {
-  mocks.route.params = { departmentId: "1" };
-  mocks.route.query = { date: "2026-07-06", date_to: "2026-07-06" };
-  mocks.route.path = "/superuser/departments/1";
-  mocks.router.replace.mockClear();
-  mocks.router.push.mockClear();
-  mocks.getSuperuserDepartmentOverview.mockReset();
-  mocks.getEdgeGatewayDepartmentWorkspace.mockReset();
-  mocks.getSuperuserDepartmentOverview.mockResolvedValue(overviewResponse);
-  mocks.getEdgeGatewayDepartmentWorkspace.mockResolvedValue(hardwareResponse);
-});
-
-describe("Superuser department overview", () => {
-  it("loads the superuser overview endpoint and renders operations data", async () => {
-    const wrapper = mountWithApp(DepartmentOverview, {
-      messages,
-    });
-
-    await flushRendering();
-
-    expect(mocks.getSuperuserDepartmentOverview).toHaveBeenCalledWith(1, {
-      date: "2026-07-06",
-      dateTo: "2026-07-06",
-    });
-    expect(mocks.getEdgeGatewayDepartmentWorkspace).toHaveBeenCalledWith(1);
-    expect(wrapper.find("h1").text()).toBe("Esbjerg");
-    expect(wrapper.get('[data-testid="department-overview-kpi-revenue"]').text()).toContain("1.234 kr.");
-    expect(wrapper.get('[data-testid="department-overview-kpi-bookings"]').text()).toContain("of 4");
-    expect(wrapper.get('[data-testid="department-overview-products"]').text()).toContain("Spot Free");
-    expect(wrapper.get('[data-testid="department-overview-profile"]').text()).toContain("Economic department");
-    expect(wrapper.get('[data-testid="department-overview-hardware"]').text()).toContain("1 / 2");
-  });
-
-  it("keeps the overview visible when the optional hardware summary is unavailable", async () => {
-    mocks.getEdgeGatewayDepartmentWorkspace.mockRejectedValue(new Error("Forbidden"));
-
-    const wrapper = mountWithApp(DepartmentOverview, {
-      messages,
-    });
-
-    await flushRendering();
-
-    expect(wrapper.get('[data-testid="department-overview-kpi-revenue"]').text()).toContain("1.234 kr.");
-    expect(wrapper.find('[data-testid="department-overview-hardware"]').exists()).toBe(false);
-  });
-
-  it("uses translated reactive department tabs and pushes the selected route", async () => {
-    mocks.route.path = "/superuser/departments/1/gateways";
-
-    const wrapper = mountWithApp(DepartmentNavigation, { messages });
-    const activeTab = wrapper.find(".tabs li.is-active");
-
-    expect(activeTab.text()).toBe("Gateways");
-
-    const tabs = wrapper.findAll(".tabs li");
-    await tabs.find((tab) => tab.text() === "Pricing").trigger("click");
-
-    expect(mocks.router.push).toHaveBeenCalledWith("/superuser/departments/1/pricing");
-  });
-});

tests/unit/superuser-system-status-dashboard.spec.js

@@ -226,11 +226,6 @@ const flushDashboardLoad = async () => {
   }
 };
 
-const openDashboardTab = async (wrapper, tab) => {
-  await wrapper.get(`[data-testid="system-status-tab-${tab}"]`).trigger("click");
-  await flushRendering();
-};
-
 const resetStatusStore = () => {
   SuperUserSystemStatusObject.snapshot.value = null;
   SuperUserSystemStatusObject.loading.value = false;
@@ -282,7 +277,7 @@ describe("superuser system status dashboard", () => {
     resetSessionUser();
   });
 
-  it("renders infrastructure, modules, warnings, and recent sessions from the shared snapshot tabs", async () => {
+  it("renders infrastructure, modules, warnings, and recent sessions from the shared snapshot", async () => {
     installDashboardMocks();
 
     const wrapper = mountWithApp(SystemStatusDashboard, {
@@ -296,16 +291,10 @@ describe("superuser system status dashboard", () => {
     expect(wrapper.get('[data-testid="status-card-database"]').text()).toContain("truckwash");
     expect(wrapper.get('[data-testid="status-card-database-replication"]').text()).toContain("100.0% replication");
     expect(wrapper.get('a[href="/superuser/system/replication"]').exists()).toBe(true);
-    expect(wrapper.get('[data-testid="system-status-dashboard-tabs"]').exists()).toBe(true);
-    expect(wrapper.get('[data-testid="system-status-panel-infrastructure"]').isVisible()).toBe(true);
-    expect(wrapper.text()).toContain("Redis is unavailable; module probe caching is bypassed.");
-
-    await openDashboardTab(wrapper, "modules");
-    expect(wrapper.get('a[href="/superuser/configuration/openai"]').exists()).toBe(true);
-
-    await openDashboardTab(wrapper, "sessions");
     expect(wrapper.text()).toContain("Acme Logistics");
     expect(wrapper.text()).toContain("/superuser/vehicles");
+    expect(wrapper.text()).toContain("Redis is unavailable; module probe caching is bypassed.");
+    expect(wrapper.get('a[href="/superuser/configuration/openai"]').exists()).toBe(true);
 
     wrapper.unmount();
   });
@@ -344,30 +333,6 @@ describe("superuser system status dashboard", () => {
     expect(authenticatedRequestMock).toHaveBeenCalledWith("/superuser/system/status", "GET", {});
     expect(authenticatedRequestMock.mock.calls.some(([path]) => path === "/edge-gateways")).toBe(false);
     expect(wrapper.find('[data-testid="system-status-gateways"]').exists()).toBe(false);
-    expect(wrapper.find('[data-testid="system-status-tab-gateways"]').exists()).toBe(false);
-
-    wrapper.unmount();
-  });
-
-  it("returns to infrastructure when the active gateway tab becomes unavailable", async () => {
-    installDashboardMocks({
-      gateways: [createGateway(201, { label: "Gateway Atlas" })],
-    });
-
-    const wrapper = mountWithApp(SystemStatusDashboard, {
-      messages: { en: enMessages },
-    });
-
-    await flushDashboardLoad();
-    await openDashboardTab(wrapper, "gateways");
-
-    expect(wrapper.get('[data-testid="system-status-gateways"]').isVisible()).toBe(true);
-
-    SessionUser.permissions.value = ["user"];
-    await flushRendering();
-
-    expect(wrapper.find('[data-testid="system-status-tab-gateways"]').exists()).toBe(false);
-    expect(wrapper.get('[data-testid="system-status-panel-infrastructure"]').isVisible()).toBe(true);
 
     wrapper.unmount();
   });
@@ -460,7 +425,6 @@ describe("superuser system status dashboard", () => {
     });
 
     await flushDashboardLoad();
-    await openDashboardTab(wrapper, "gateways");
 
     expect(wrapper.get('[data-testid="gateway-summary-card-total"]').text()).toContain("10");
     expect(wrapper.get('[data-testid="gateway-summary-card-online"]').text()).toContain("4");
@@ -508,7 +472,6 @@ describe("superuser system status dashboard", () => {
 
     expect(authenticatedRequestMock.mock.calls.some(([path]) => path === "/edge-gateways")).toBe(true);
     expect(wrapper.find('[data-testid="system-status-gateways"]').exists()).toBe(false);
-    expect(wrapper.find('[data-testid="system-status-tab-gateways"]').exists()).toBe(false);
     expect(wrapper.get('[data-testid="status-card-database"]').text()).toContain("truckwash");
 
     wrapper.unmount();
@@ -524,7 +487,6 @@ describe("superuser system status dashboard", () => {
     });
 
     await flushDashboardLoad();
-    await openDashboardTab(wrapper, "gateways");
 
     expect(wrapper.get('[data-testid="system-status-gateways"]').exists()).toBe(true);
     expect(wrapper.get('[data-testid="gateway-section-error"]').text()).toContain(