diff --git a/src/components/buefy/tree/BuefyTree.vue b/src/components/buefy/tree/BuefyTree.vue
index 8e75bd6f..61077b53 100644
--- a/src/components/buefy/tree/BuefyTree.vue
+++ b/src/components/buefy/tree/BuefyTree.vue
@@ -1,44 +1,59 @@
 <script setup lang="ts">
-import { computed, provide, reactive, watch } from "vue";
+import { computed, nextTick, onBeforeUnmount, provide, reactive, readonly, ref, watch } from "vue";
 import BuefyTreeNode from "./BuefyTreeNode.vue";
 
 type TreeNode = Record<string, any>;
+type LoadNodeResult = {
+  children: TreeNode[];
+  failed: boolean;
+  cancelled: boolean;
+};
+type ExpandAllResult = {
+  expandedKeys: any[];
+  failedKeys: any[];
+  cancelled: boolean;
+};
 
-const props = withDefaults(defineProps<{
-  data: TreeNode[];
-  fields?: Partial<{
-    id: string;
-    label: string;
-    children: string;
-    isLeaf: string;
-    disabled: string;
-  }>;
-  selectionMode?: "none" | "single" | "multiple" | "checkbox";
-  selected?: any;
-  expandedKeys?: any[];
-  checkedKeys?: any[];
-  defaultExpandAll?: boolean;
-  expandOnClickNode?: boolean;
-  lazy?: boolean;
-  load?: (_node: TreeNode) => Promise<TreeNode[]>;
-  progressiveBatchSize?: number;
-  loadMoreLabel?: string;
-  ariaLabel?: string;
-}>(), {
-  data: () => [],
-  fields: () => ({}),
-  selectionMode: "none",
-  selected: null,
-  expandedKeys: () => [],
-  checkedKeys: () => [],
-  defaultExpandAll: false,
-  expandOnClickNode: true,
-  lazy: false,
-  load: undefined,
-  progressiveBatchSize: 0,
-  loadMoreLabel: "Show {count} more",
-  ariaLabel: undefined,
-});
+const EXPAND_ALL_CONCURRENCY = 4;
+
+const props = withDefaults(
+  defineProps<{
+    data: TreeNode[];
+    fields?: Partial<{
+      id: string;
+      label: string;
+      children: string;
+      isLeaf: string;
+      disabled: string;
+    }>;
+    selectionMode?: "none" | "single" | "multiple" | "checkbox";
+    selected?: any;
+    expandedKeys?: any[];
+    checkedKeys?: any[];
+    defaultExpandAll?: boolean;
+    expandOnClickNode?: boolean;
+    lazy?: boolean;
+    load?: (_node: TreeNode) => Promise<TreeNode[]>;
+    progressiveBatchSize?: number;
+    loadMoreLabel?: string;
+    ariaLabel?: string;
+  }>(),
+  {
+    data: () => [],
+    fields: () => ({}),
+    selectionMode: "none",
+    selected: null,
+    expandedKeys: () => [],
+    checkedKeys: () => [],
+    defaultExpandAll: false,
+    expandOnClickNode: true,
+    lazy: false,
+    load: undefined,
+    progressiveBatchSize: 0,
+    loadMoreLabel: "Show {count} more",
+    ariaLabel: undefined,
+  }
+);
 
 const emit = defineEmits<{
   "update:selected": [value: any];
@@ -70,6 +85,11 @@ const state = reactive({
   loadErrorKeys: [] as any[],
   renderedLimits: {} as Record<string, number>,
 });
+const bulkExpanding = ref(false);
+const inFlightLoads = new Map<string, Promise<LoadNodeResult>>();
+let activeBulkExpansion: Promise<ExpandAllResult> | null = null;
+let bulkOperationVersion = 0;
+let dataVersion = 0;
 
 const keyOf = (node: TreeNode) => node?.[resolvedFields.value.id];
 const keyString = (key: any) => String(key ?? "");
@@ -78,6 +98,8 @@ const childrenOf = (node: TreeNode) => {
   return Array.isArray(children) ? children : [];
 };
 const cachedChildrenOf = (node: TreeNode) => state.lazyChildrenCache[keyString(keyOf(node))] || [];
+const hasCachedChildren = (node: TreeNode) =>
+  Object.prototype.hasOwnProperty.call(state.lazyChildrenCache, keyString(keyOf(node)));
 const effectiveChildrenOf = (node: TreeNode) => {
   const children = childrenOf(node);
   return children.length > 0 ? children : cachedChildrenOf(node);
@@ -92,7 +114,8 @@ const visibleChildrenOf = (node: TreeNode) => {
   const limit = state.renderedLimits[key] || progressiveBatchSize.value;
   return children.slice(0, limit);
 };
-const remainingChildrenCount = (node: TreeNode) => Math.max(0, effectiveChildrenOf(node).length - visibleChildrenOf(node).length);
+const remainingChildrenCount = (node: TreeNode) =>
+  Math.max(0, effectiveChildrenOf(node).length - visibleChildrenOf(node).length);
 const hasMoreChildren = (node: TreeNode) => remainingChildrenCount(node) > 0;
 const showMoreChildren = (node: TreeNode) => {
   if (!hasMoreChildren(node)) {
@@ -102,10 +125,8 @@ const showMoreChildren = (node: TreeNode) => {
   const currentLimit = state.renderedLimits[key] || progressiveBatchSize.value;
   state.renderedLimits[key] = Math.min(effectiveChildrenOf(node).length, currentLimit + progressiveBatchSize.value);
 };
-const loadMoreLabelFor = (node: TreeNode) => props.loadMoreLabel.replace(
-  "{count}",
-  String(Math.min(progressiveBatchSize.value, remainingChildrenCount(node)))
-);
+const loadMoreLabelFor = (node: TreeNode) =>
+  props.loadMoreLabel.replace("{count}", String(Math.min(progressiveBatchSize.value, remainingChildrenCount(node))));
 const isDisabled = (node: TreeNode) => Boolean(node?.[resolvedFields.value.disabled]);
 const isSelfSelectable = (node: TreeNode) => node?.selectable !== false;
 const isBranchCheckable = (node: TreeNode) => node?.checkable === true;
@@ -124,18 +145,6 @@ const collectKeys = (node: TreeNode): any[] => {
   return keys;
 };
 
-const collectAllExpandableKeys = (nodes: TreeNode[]): any[] => {
-  const keys: any[] = [];
-  nodes.forEach((node) => {
-    const key = keyOf(node);
-    if (key !== undefined && key !== null && !isLeaf(node)) {
-      keys.push(key);
-    }
-    keys.push(...collectAllExpandableKeys(childrenOf(node)));
-  });
-  return keys;
-};
-
 watch(
   () => props.selected,
   (value) => {
@@ -159,18 +168,6 @@ watch(
   { deep: true }
 );
 
-watch(
-  () => props.data,
-  (nodes) => {
-    state.renderedLimits = {};
-    if (props.defaultExpandAll) {
-      state.expandedKeys = collectAllExpandableKeys(nodes);
-      emit("update:expandedKeys", [...state.expandedKeys]);
-    }
-  },
-  { immediate: true, deep: true }
-);
-
 const setExpandedKeys = (keys: any[]) => {
   state.expandedKeys = [...keys];
   emit("update:expandedKeys", [...state.expandedKeys]);
@@ -181,33 +178,146 @@ const setCheckedKeys = (keys: any[]) => {
   emit("update:checkedKeys", [...state.checkedKeys]);
 };
 
-const loadNode = async (node: TreeNode) => {
+const loadNode = async (node: TreeNode): Promise<LoadNodeResult> => {
   if (!props.lazy || !props.load) {
-    return;
+    return { children: effectiveChildrenOf(node), failed: false, cancelled: false };
   }
   const key = keyOf(node);
   if (key === undefined || key === null) {
-    return;
+    return { children: [], failed: false, cancelled: false };
   }
-  if (state.loadingKeys.includes(key)) {
-    return;
+  const cacheKey = keyString(key);
+  if (childrenOf(node).length > 0 || hasCachedChildren(node)) {
+    return { children: effectiveChildrenOf(node), failed: false, cancelled: false };
+  }
+  const inFlight = inFlightLoads.get(cacheKey);
+  if (inFlight) {
+    return inFlight;
   }
 
-  state.loadingKeys = [...state.loadingKeys, key];
-  state.loadErrorKeys = state.loadErrorKeys.filter((current) => current !== key);
-  emit("load-start", node, key);
+  const requestedDataVersion = dataVersion;
+  let loadPromise: Promise<LoadNodeResult>;
+  loadPromise = (async () => {
+    state.loadingKeys = [...new Set([...state.loadingKeys, key])];
+    state.loadErrorKeys = state.loadErrorKeys.filter((current) => current !== key);
+    emit("load-start", node, key);
 
-  try {
-    state.lazyChildrenCache[keyString(key)] = await props.load(node);
-    if (progressiveBatchSize.value > 0) {
-      state.renderedLimits[keyString(key)] = progressiveBatchSize.value;
+    try {
+      const loadedChildren = await props.load(node);
+      if (requestedDataVersion !== dataVersion) {
+        return { children: [], failed: false, cancelled: true };
+      }
+      const children = Array.isArray(loadedChildren) ? loadedChildren : [];
+      state.lazyChildrenCache[cacheKey] = children;
+      if (progressiveBatchSize.value > 0) {
+        state.renderedLimits[cacheKey] = progressiveBatchSize.value;
+      }
+      return { children, failed: false, cancelled: false };
+    } catch (error) {
+      if (requestedDataVersion !== dataVersion) {
+        return { children: [], failed: false, cancelled: true };
+      }
+      state.loadErrorKeys = [...new Set([...state.loadErrorKeys, key])];
+      emit("load-error", error, node, key);
+      return { children: [], failed: true, cancelled: false };
+    } finally {
+      if (requestedDataVersion === dataVersion) {
+        state.loadingKeys = state.loadingKeys.filter((current) => current !== key);
+      }
+      if (inFlightLoads.get(cacheKey) === loadPromise) {
+        inFlightLoads.delete(cacheKey);
+      }
     }
-  } catch (error) {
-    state.loadErrorKeys = [...new Set([...state.loadErrorKeys, key])];
-    emit("load-error", error, node, key);
-  } finally {
-    state.loadingKeys = state.loadingKeys.filter((current) => current !== key);
+  })();
+  inFlightLoads.set(cacheKey, loadPromise);
+  return loadPromise;
+};
+
+const mapWithConcurrency = async <T>(items: T[], concurrency: number, callback: (item: T) => Promise<void>) => {
+  let nextIndex = 0;
+  const workers = Array.from({ length: Math.min(concurrency, items.length) }, async () => {
+    while (nextIndex < items.length) {
+      const item = items[nextIndex];
+      nextIndex += 1;
+      await callback(item);
+    }
+  });
+  await Promise.all(workers);
+};
+
+const expandAll = (): Promise<ExpandAllResult> => {
+  if (activeBulkExpansion) {
+    return activeBulkExpansion;
   }
+
+  const operationVersion = ++bulkOperationVersion;
+  bulkExpanding.value = true;
+  const expansion = (async (): Promise<ExpandAllResult> => {
+    const expandedKeys: any[] = [];
+    const failedKeys: any[] = [];
+    const visited = new Set<string>();
+    let currentLevel = [...props.data];
+
+    while (currentLevel.length > 0 && operationVersion === bulkOperationVersion) {
+      const nextLevel: TreeNode[] = [];
+      await mapWithConcurrency(currentLevel, EXPAND_ALL_CONCURRENCY, async (node) => {
+        if (operationVersion !== bulkOperationVersion || isDisabled(node) || isLeaf(node)) {
+          return;
+        }
+        const key = keyOf(node);
+        if (key === undefined || key === null) {
+          return;
+        }
+        const normalizedKey = keyString(key);
+        if (visited.has(normalizedKey)) {
+          return;
+        }
+        visited.add(normalizedKey);
+        expandedKeys.push(key);
+
+        const result = await loadNode(node);
+        if (operationVersion !== bulkOperationVersion || result.cancelled) {
+          return;
+        }
+        if (result.failed) {
+          failedKeys.push(key);
+          return;
+        }
+        state.renderedLimits[normalizedKey] = result.children.length;
+        nextLevel.push(...result.children);
+      });
+      currentLevel = nextLevel;
+    }
+
+    const cancelled = operationVersion !== bulkOperationVersion;
+    if (!cancelled) {
+      setExpandedKeys(expandedKeys);
+    }
+    return {
+      expandedKeys: cancelled ? [...state.expandedKeys] : expandedKeys,
+      failedKeys,
+      cancelled,
+    };
+  })();
+
+  activeBulkExpansion = expansion;
+  void expansion.finally(() => {
+    if (activeBulkExpansion === expansion) {
+      activeBulkExpansion = null;
+    }
+    if (operationVersion === bulkOperationVersion) {
+      bulkExpanding.value = false;
+    }
+  });
+  return expansion;
+};
+
+const collapseAll = () => {
+  bulkOperationVersion += 1;
+  activeBulkExpansion = null;
+  bulkExpanding.value = false;
+  state.renderedLimits = {};
+  setExpandedKeys([]);
 };
 
 const ensureChildrenLoadedForCheck = async (node: TreeNode) => {
@@ -312,9 +422,7 @@ const handleNodeClick = async (node: TreeNode) => {
     emit("select", node, key);
   } else if (props.selectionMode === "multiple") {
     const selected = Array.isArray(state.selected) ? state.selected : [];
-    state.selected = selected.includes(key)
-      ? selected.filter((current) => current !== key)
-      : [...selected, key];
+    state.selected = selected.includes(key) ? selected.filter((current) => current !== key) : [...selected, key];
     emit("update:selected", state.selected);
     emit("select", node, key);
   }
@@ -323,6 +431,49 @@ const handleNodeClick = async (node: TreeNode) => {
   }
 };
 
+watch(
+  () => props.data,
+  () => {
+    dataVersion += 1;
+    bulkOperationVersion += 1;
+    activeBulkExpansion = null;
+    bulkExpanding.value = false;
+    inFlightLoads.clear();
+    state.lazyChildrenCache = {};
+    state.loadingKeys = [];
+    state.loadErrorKeys = [];
+    state.renderedLimits = {};
+    setExpandedKeys([]);
+    if (props.defaultExpandAll) {
+      void nextTick(() => expandAll());
+    }
+  },
+  { immediate: true }
+);
+
+watch(
+  () => props.defaultExpandAll,
+  (shouldExpand, wasExpanded) => {
+    if (shouldExpand && !wasExpanded) {
+      void expandAll();
+    }
+  }
+);
+
+defineExpose({
+  bulkExpanding: readonly(bulkExpanding),
+  collapseAll,
+  expandAll,
+});
+
+onBeforeUnmount(() => {
+  dataVersion += 1;
+  bulkOperationVersion += 1;
+  activeBulkExpansion = null;
+  bulkExpanding.value = false;
+  inFlightLoads.clear();
+});
+
 provide("BuefyTreeContext", {
   props,
   state,
@@ -347,7 +498,7 @@ provide("BuefyTreeContext", {
 </script>
 
 <template>
-  <ul class="b-tree" role="tree" :aria-label="ariaLabel">
+  <ul class="b-tree" role="tree" :aria-label="ariaLabel" :aria-busy="bulkExpanding || undefined">
     <BuefyTreeNode
       v-for="(node, index) in data"
       :key="keyOf(node) ?? index"
diff --git a/src/i18n/generated/da-v2.json b/src/i18n/generated/da-v2.json
index 256b2dc4..497c2667 100644
--- a/src/i18n/generated/da-v2.json
+++ b/src/i18n/generated/da-v2.json
@@ -4428,10 +4428,12 @@
             "buttons": {
               "accept_xlvask": "Accepter forslag",
               "actions": "Handlinger",
+              "collapse_all": "Fold alle sammen",
               "delete": "Slet",
               "delete_lines": "Slet linjer",
               "deny_xlvask": "Afvis forslag",
               "download": "Download",
+              "expand_all": "Udfold alle",
               "exclude_invoice": "Ekskluder",
               "ignore": "Ignorer",
               "include_invoice": "Inkluder",
diff --git a/src/i18n/generated/de-v2.json b/src/i18n/generated/de-v2.json
index ee00d3d5..fa552802 100644
--- a/src/i18n/generated/de-v2.json
+++ b/src/i18n/generated/de-v2.json
@@ -4538,10 +4538,12 @@
             "buttons": {
               "accept_xlvask": "Vorschlag akzeptieren",
               "actions": "Aktionen",
+              "collapse_all": "Alle einklappen",
               "delete": "Löschen",
               "delete_lines": "Zeilen löschen",
               "deny_xlvask": "Vorschlag ablehnen",
               "download": "Download",
+              "expand_all": "Alle aufklappen",
               "exclude_invoice": "Ausschließen",
               "ignore": "Ignorieren",
               "include_invoice": "Einschließen",
diff --git a/src/i18n/generated/en-v2.json b/src/i18n/generated/en-v2.json
index e704dc8f..7100fb3b 100644
--- a/src/i18n/generated/en-v2.json
+++ b/src/i18n/generated/en-v2.json
@@ -4259,10 +4259,12 @@
             "buttons": {
               "accept_xlvask": "Accept suggestion",
               "actions": "Actions",
+              "collapse_all": "Collapse all",
               "delete": "Delete",
               "delete_lines": "Delete lines",
               "deny_xlvask": "Deny suggestion",
               "download": "Download",
+              "expand_all": "Expand all",
               "exclude_invoice": "Exclude",
               "ignore": "Ignore",
               "include_invoice": "Include",
diff --git a/src/i18n/generated/global-v2.json b/src/i18n/generated/global-v2.json
index 51c048d3..40f4b5d8 100644
--- a/src/i18n/generated/global-v2.json
+++ b/src/i18n/generated/global-v2.json
@@ -3648,10 +3648,12 @@
         "buttons": {
           "accept_xlvask": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.accept_xlvask'}",
           "actions": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.actions'}",
+          "collapse_all": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.collapse_all'}",
           "delete": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.delete'}",
           "delete_lines": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.delete_lines'}",
           "deny_xlvask": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.deny_xlvask'}",
           "download": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.download'}",
+          "expand_all": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.expand_all'}",
           "exclude_invoice": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.exclude_invoice'}",
           "ignore": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.ignore'}",
           "include_invoice": "@:{'templates.generated.compat.invoicing_period.object_tree.buttons.include_invoice'}",
diff --git a/src/i18n/generated/no-v2.json b/src/i18n/generated/no-v2.json
index a38b9575..84c6e1ad 100644
--- a/src/i18n/generated/no-v2.json
+++ b/src/i18n/generated/no-v2.json
@@ -4541,10 +4541,12 @@
             "buttons": {
               "accept_xlvask": "Godta forslag",
               "actions": "Handlinger",
+              "collapse_all": "Slå sammen alle",
               "delete": "Slett",
               "delete_lines": "Slett linjer",
               "deny_xlvask": "Avvis forslag",
               "download": "Last ned",
+              "expand_all": "Utvid alle",
               "exclude_invoice": "Ekskluder",
               "ignore": "Ignorer",
               "include_invoice": "Inkluder",
diff --git a/src/i18n/generated/sv-v2.json b/src/i18n/generated/sv-v2.json
index 9660b133..781e827a 100644
--- a/src/i18n/generated/sv-v2.json
+++ b/src/i18n/generated/sv-v2.json
@@ -4591,10 +4591,12 @@
             "buttons": {
               "accept_xlvask": "Acceptera förslag",
               "actions": "Åtgärder",
+              "collapse_all": "Fäll ihop alla",
               "delete": "Ta bort",
               "delete_lines": "Ta bort rader",
               "deny_xlvask": "Avvisa förslag",
               "download": "Ladda ner",
+              "expand_all": "Fäll ut alla",
               "exclude_invoice": "Exkludera",
               "ignore": "Ignorera",
               "include_invoice": "Inkludera",
diff --git a/src/i18n/source/da/phrases/compat/invoicing_period/object_tree.json b/src/i18n/source/da/phrases/compat/invoicing_period/object_tree.json
index a1f0a2c1..6155bbef 100644
--- a/src/i18n/source/da/phrases/compat/invoicing_period/object_tree.json
+++ b/src/i18n/source/da/phrases/compat/invoicing_period/object_tree.json
@@ -86,10 +86,12 @@
         "buttons": {
           "accept_xlvask": "Accepter forslag",
           "actions": "Handlinger",
+          "collapse_all": "Fold alle sammen",
           "delete": "Slet",
           "delete_lines": "Slet linjer",
           "deny_xlvask": "Afvis forslag",
           "download": "Download",
+          "expand_all": "Udfold alle",
           "exclude_invoice": "Ekskluder",
           "ignore": "Ignorer",
           "include_invoice": "Inkluder",
diff --git a/src/i18n/source/de/phrases/compat/invoicing_period/object_tree.json b/src/i18n/source/de/phrases/compat/invoicing_period/object_tree.json
index ce666c7e..5aea98a6 100644
--- a/src/i18n/source/de/phrases/compat/invoicing_period/object_tree.json
+++ b/src/i18n/source/de/phrases/compat/invoicing_period/object_tree.json
@@ -86,10 +86,12 @@
         "buttons": {
           "accept_xlvask": "Vorschlag akzeptieren",
           "actions": "Aktionen",
+          "collapse_all": "Alle einklappen",
           "delete": "Löschen",
           "delete_lines": "Zeilen löschen",
           "deny_xlvask": "Vorschlag ablehnen",
           "download": "Download",
+          "expand_all": "Alle aufklappen",
           "exclude_invoice": "Ausschließen",
           "ignore": "Ignorieren",
           "include_invoice": "Einschließen",
diff --git a/src/i18n/source/en/phrases/compat/invoicing_period/object_tree.json b/src/i18n/source/en/phrases/compat/invoicing_period/object_tree.json
index e519aa95..f91493a3 100644
--- a/src/i18n/source/en/phrases/compat/invoicing_period/object_tree.json
+++ b/src/i18n/source/en/phrases/compat/invoicing_period/object_tree.json
@@ -86,10 +86,12 @@
         "buttons": {
           "accept_xlvask": "Accept suggestion",
           "actions": "Actions",
+          "collapse_all": "Collapse all",
           "delete": "Delete",
           "delete_lines": "Delete lines",
           "deny_xlvask": "Deny suggestion",
           "download": "Download",
+          "expand_all": "Expand all",
           "exclude_invoice": "Exclude",
           "ignore": "Ignore",
           "include_invoice": "Include",
diff --git a/src/i18n/source/global/shared/invoicing_period/object_tree.json b/src/i18n/source/global/shared/invoicing_period/object_tree.json
index f21d65a4..11161bbb 100644
--- a/src/i18n/source/global/shared/invoicing_period/object_tree.json
+++ b/src/i18n/source/global/shared/invoicing_period/object_tree.json
@@ -85,10 +85,12 @@
       "buttons": {
         "accept_xlvask": "@:{'phrases.compat.invoicing_period.object_tree.buttons.accept_xlvask'}",
         "actions": "@:{'phrases.compat.invoicing_period.object_tree.buttons.actions'}",
+        "collapse_all": "@:{'phrases.compat.invoicing_period.object_tree.buttons.collapse_all'}",
         "delete": "@:{'phrases.compat.invoicing_period.object_tree.buttons.delete'}",
         "delete_lines": "@:{'phrases.compat.invoicing_period.object_tree.buttons.delete_lines'}",
         "deny_xlvask": "@:{'phrases.compat.invoicing_period.object_tree.buttons.deny_xlvask'}",
         "download": "@:{'phrases.compat.invoicing_period.object_tree.buttons.download'}",
+        "expand_all": "@:{'phrases.compat.invoicing_period.object_tree.buttons.expand_all'}",
         "exclude_invoice": "@:{'phrases.compat.invoicing_period.object_tree.buttons.exclude_invoice'}",
         "ignore": "@:{'phrases.compat.invoicing_period.object_tree.buttons.ignore'}",
         "include_invoice": "@:{'phrases.compat.invoicing_period.object_tree.buttons.include_invoice'}",
diff --git a/src/i18n/source/no/phrases/compat/invoicing_period/object_tree.json b/src/i18n/source/no/phrases/compat/invoicing_period/object_tree.json
index 0826574d..366077b1 100644
--- a/src/i18n/source/no/phrases/compat/invoicing_period/object_tree.json
+++ b/src/i18n/source/no/phrases/compat/invoicing_period/object_tree.json
@@ -86,10 +86,12 @@
         "buttons": {
           "accept_xlvask": "Godta forslag",
           "actions": "Handlinger",
+          "collapse_all": "Slå sammen alle",
           "delete": "Slett",
           "delete_lines": "Slett linjer",
           "deny_xlvask": "Avvis forslag",
           "download": "Last ned",
+          "expand_all": "Utvid alle",
           "exclude_invoice": "Ekskluder",
           "ignore": "Ignorer",
           "include_invoice": "Inkluder",
diff --git a/src/i18n/source/sv/phrases/compat/invoicing_period/object_tree.json b/src/i18n/source/sv/phrases/compat/invoicing_period/object_tree.json
index b96dad2f..521c42ce 100644
--- a/src/i18n/source/sv/phrases/compat/invoicing_period/object_tree.json
+++ b/src/i18n/source/sv/phrases/compat/invoicing_period/object_tree.json
@@ -86,10 +86,12 @@
         "buttons": {
           "accept_xlvask": "Acceptera förslag",
           "actions": "Åtgärder",
+          "collapse_all": "Fäll ihop alla",
           "delete": "Ta bort",
           "delete_lines": "Ta bort rader",
           "deny_xlvask": "Avvisa förslag",
           "download": "Ladda ner",
+          "expand_all": "Fäll ut alla",
           "exclude_invoice": "Exkludera",
           "ignore": "Ignorera",
           "include_invoice": "Inkludera",
diff --git a/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodObjectTree.vue b/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodObjectTree.vue
index fedcd34c..63a69510 100644
--- a/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodObjectTree.vue
+++ b/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/components/InvoicingPeriodObjectTree.vue
@@ -7,10 +7,7 @@ import ActionSettingsWheelButton from "@/components/displays/buttons/ActionSetti
 import EditableTableColumn from "@/components/displays/buttons/EditableTableColumn.vue";
 import InvoicingPeriodFlagBadge from "./InvoicingPeriodFlagBadge.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import {
-  getAttachmentPreviewKind,
-  releaseObjectUrl,
-} from "@/services/attachmentPreview.js";
+import { getAttachmentPreviewKind, releaseObjectUrl } from "@/services/attachmentPreview.js";
 import { invoiceQueue } from "../imports/InvoicingBillingPeriodImportInvoiceQueue.vue";
 import { INVOICE_COLLECTION_BULK_ACTIONS } from "@/components/displays/department/pos/orders/invoiceCollectionBulkActions.js";
 import {
@@ -33,25 +30,29 @@ import {
 
 type TreeNode = Record<string, any>;
 
-const props = withDefaults(defineProps<{
-  customer: any;
-  transactions: any[];
-  excludedOrderIds?: any[];
-  dates: { dateFrom: string; dateTo: string };
-  invoicePeriodFlags?: any[];
-  autoExpandAll?: boolean;
-}>(), {
-  transactions: () => [],
-  excludedOrderIds: () => [],
-  invoicePeriodFlags: () => [],
-  autoExpandAll: false,
-});
+const props = withDefaults(
+  defineProps<{
+    customer: any;
+    transactions: any[];
+    excludedOrderIds?: any[];
+    dates: { dateFrom: string; dateTo: string };
+    invoicePeriodFlags?: any[];
+    autoExpandAll?: boolean;
+  }>(),
+  {
+    transactions: () => [],
+    excludedOrderIds: () => [],
+    invoicePeriodFlags: () => [],
+    autoExpandAll: false,
+  }
+);
 
 const emit = defineEmits<{
   refresh: [];
 }>();
 
 const { t, locale } = useI18n();
+const treeRef = ref<any>(null);
 const checkedKeys = ref<any[]>([]);
 const expandedKeys = ref<any[]>([]);
 const nodeById = ref<Record<string, TreeNode>>({});
@@ -76,18 +77,20 @@ const getCollectionSummaryState = (summary: any) =>
   String(summary?.invoice_state ?? summary?.economic_state ?? summary?.state ?? "").toLowerCase();
 
 const getCollectionSummaryInvoiceId = (summary: any, invoiceType: "draft" | "booked") => {
-  const typeSpecificId = invoiceType === "draft"
-    ? summary?.draft_invoice_id ?? summary?.economic_draft_id ?? summary?.draft_id
-    : summary?.booked_invoice_id ?? summary?.economic_booked_id ?? summary?.booked_id;
+  const typeSpecificId =
+    invoiceType === "draft"
+      ? summary?.draft_invoice_id ?? summary?.economic_draft_id ?? summary?.draft_id
+      : summary?.booked_invoice_id ?? summary?.economic_booked_id ?? summary?.booked_id;
   const normalizedSpecificId = toPositiveInteger(typeSpecificId);
   if (normalizedSpecificId) {
     return normalizedSpecificId;
   }
 
   const state = getCollectionSummaryState(summary);
-  const stateMatchesType = invoiceType === "draft"
-    ? ["draft", "economic_draft"].includes(state)
-    : ["booked", "economic_booked"].includes(state);
+  const stateMatchesType =
+    invoiceType === "draft"
+      ? ["draft", "economic_draft"].includes(state)
+      : ["booked", "economic_booked"].includes(state);
   return stateMatchesType
     ? toPositiveInteger(summary?.economic_invoice_id ?? summary?.invoice_id ?? summary?.external_id)
     : null;
@@ -102,7 +105,8 @@ const localeValue = () => (typeof locale === "string" ? locale : locale.value);
 const formatCurrency = (value: any) => SessionUser.functions.currency.toLocal(Number(value || 0));
 const treeText = (key: string, fallback: string, params: Record<string, any> = {}) =>
   tr(`invoicing_period.object_tree.${key}`, fallback, params);
-const commonText = (key: string, fallback: string, params: Record<string, any> = {}) => tr(`common.${key}`, fallback, params);
+const commonText = (key: string, fallback: string, params: Record<string, any> = {}) =>
+  tr(`common.${key}`, fallback, params);
 const loadFailedMessage = () => treeText("errors.load_failed", "Kunne ikke indlæse indholdet.");
 const openUrlInNewTab = (url: string | null | undefined) => {
   if (!url || typeof window === "undefined") {
@@ -130,16 +134,20 @@ const nodeLabel = {
   bookingItemFallback: (id: any) => treeText("nodes.booking_item_fallback", `Bookinglinje #${id}`, { id }),
   xlvask: (id: any) => treeText("nodes.xlvask", `XL Vask #${id}`, { id }),
   xlvaskEmpty: () => treeText("nodes.xlvask_empty", "XL Vask"),
-  xlvaskItemFallback: (index: number) => treeText("nodes.xlvask_item_fallback", `XL Vask linje ${index + 1}`, { index: index + 1 }),
+  xlvaskItemFallback: (index: number) =>
+    treeText("nodes.xlvask_item_fallback", `XL Vask linje ${index + 1}`, { index: index + 1 }),
 };
 
-const currentSignature = computed(() => JSON.stringify({
-  customer: props.customer?.customer_number,
-  ids: props.transactions.map((transaction) => transaction?.id),
-  excluded: props.excludedOrderIds,
-  dateFrom: props.dates?.dateFrom,
-  dateTo: props.dates?.dateTo,
-}));
+const currentSignature = computed(() =>
+  JSON.stringify({
+    customer: props.customer?.customer_number,
+    ids: props.transactions.map((transaction) => transaction?.id),
+    excluded: props.excludedOrderIds,
+    dateFrom: props.dates?.dateFrom,
+    dateTo: props.dates?.dateTo,
+    autoExpandAll: props.autoExpandAll,
+  })
+);
 
 const rememberNodes = (nodes: TreeNode[]) => {
   const next = { ...nodeById.value };
@@ -155,47 +163,77 @@ const rememberNodes = (nodes: TreeNode[]) => {
 };
 
 const rootNodes = ref<TreeNode[]>([]);
+const expandableNodeKeys = computed(() =>
+  Object.values(nodeById.value)
+    .filter((node) => node?.isLeaf !== true && node?.disabled !== true && node?.id !== undefined && node?.id !== null)
+    .map((node) => node.id)
+);
+const hasExpandableNodes = computed(() => expandableNodeKeys.value.length > 0);
+const isExpandingAll = computed(() => Boolean(treeRef.value?.bulkExpanding));
+const hasNodeLoadErrors = computed(() => Object.keys(nodeErrors.value).length > 0);
+const isAllExpanded = computed(
+  () =>
+    hasExpandableNodes.value &&
+    !hasNodeLoadErrors.value &&
+    expandableNodeKeys.value.every((key) => expandedKeys.value.includes(key))
+);
 
-watch(currentSignature, () => {
-  checkedKeys.value = [];
-  expandedKeys.value = [];
-  nodeById.value = {};
-  nodeErrors.value = {};
-  orderItemRowsByOrderId.value = {};
-  attachmentRowsByOrderId.value = {};
-  activeTreeActionKey.value = null;
-  openActionGroupType.value = null;
-  resetPreviewState();
-
-  rootNodes.value = rememberNodes(buildCollectionRootNodes(
-    props.customer,
-    props.transactions,
-    props.excludedOrderIds,
-    {
-      collection: nodeLabel.collection,
-      ordersWithoutCollection: nodeLabel.ordersWithoutCollection(),
-      dateFrom: props.dates?.dateFrom,
-      dateTo: props.dates?.dateTo,
-      locale: localeValue(),
-    }
-  ));
-}, { immediate: true });
-
-const selectedNodes = computed(() => checkedKeys.value
-  .map((key) => nodeById.value[String(key)])
-  .filter((node) => node?.actionable === true));
-
-const selectedByType = computed(() => selectedNodes.value.reduce((groups: Record<string, TreeNode[]>, node: TreeNode) => {
-  if (!groups[node.type]) {
-    groups[node.type] = [];
+const toggleExpandAll = async () => {
+  if (!treeRef.value || isExpandingAll.value || !hasExpandableNodes.value) {
+    return;
   }
-  groups[node.type].push(node);
-  return groups;
-}, {}));
+  if (isAllExpanded.value) {
+    treeRef.value.collapseAll();
+    return;
+  }
+  await treeRef.value.expandAll();
+};
+
+watch(
+  currentSignature,
+  () => {
+    checkedKeys.value = [];
+    expandedKeys.value = [];
+    nodeById.value = {};
+    nodeErrors.value = {};
+    orderItemRowsByOrderId.value = {};
+    attachmentRowsByOrderId.value = {};
+    activeTreeActionKey.value = null;
+    openActionGroupType.value = null;
+    resetPreviewState();
+
+    rootNodes.value = rememberNodes(
+      buildCollectionRootNodes(props.customer, props.transactions, props.excludedOrderIds, {
+        collection: nodeLabel.collection,
+        ordersWithoutCollection: nodeLabel.ordersWithoutCollection(),
+        dateFrom: props.dates?.dateFrom,
+        dateTo: props.dates?.dateTo,
+        locale: localeValue(),
+      })
+    );
+  },
+  { immediate: true }
+);
+
+const selectedNodes = computed(() =>
+  checkedKeys.value.map((key) => nodeById.value[String(key)]).filter((node) => node?.actionable === true)
+);
+
+const selectedByType = computed(() =>
+  selectedNodes.value.reduce((groups: Record<string, TreeNode[]>, node: TreeNode) => {
+    if (!groups[node.type]) {
+      groups[node.type] = [];
+    }
+    groups[node.type].push(node);
+    return groups;
+  }, {})
+);
 
 const selectedTypes = computed(() => Object.keys(selectedByType.value));
 const hasSelection = computed(() => selectedNodes.value.length > 0);
-const activeFlags = computed(() => props.invoicePeriodFlags.filter((flag: any) => String(flag?.status || "active") === "active"));
+const activeFlags = computed(() =>
+  props.invoicePeriodFlags.filter((flag: any) => String(flag?.status || "active") === "active")
+);
 
 const uniqueValues = (values: any[]) => Array.from(new Set(values.filter(Boolean)));
 const nodesOfType = (nodes: TreeNode[], type: string) => nodes.filter((node) => node?.type === type);
@@ -214,26 +252,36 @@ const uniqueNodesByKey = (nodes: TreeNode[], keyResolver: (_node: TreeNode) => a
     return true;
   });
 };
-const collectionIdsFromNodes = (nodes: TreeNode[]) => uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.COLLECTION).map((node) => node.meta.collectionId));
-const orderNodesFromNodes = (nodes: TreeNode[]) => uniqueNodesByKey(nodesOfType(nodes, TREE_NODE_TYPES.ORDER), (node) => node.meta.orderId);
-const orderIdsFromNodes = (nodes: TreeNode[]) => orderNodesFromNodes(nodes).map((node) => node.meta.orderId).filter(Boolean);
-const orderItemIdsFromNodes = (nodes: TreeNode[]) => uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.ORDER_ITEM).map((node) => node.meta.itemId));
-const attachmentNodesFromNodes = (nodes: TreeNode[]) => uniqueNodesByKey(
-  nodesOfType(nodes, TREE_NODE_TYPES.ATTACHMENT),
-  (node) => `${node.meta.orderId}:${node.meta.attachmentId}`
-);
-const bookingIdsFromNodes = (nodes: TreeNode[]) => uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.BOOKING).map((node) => node.meta.bookingId));
-const xlvaskNodesFromNodes = (nodes: TreeNode[]) => uniqueNodesByKey(
-  nodesOfType(nodes, TREE_NODE_TYPES.XLVASK_WASH),
-  (node) => node.meta.usageId ?? node.id
-);
-const certificateAttachmentOrderIdsFromNodes = (nodes: TreeNode[]) => Array.from(new Set(
-  attachmentNodesFromNodes(nodes)
-    .filter((node) => node.meta.attachmentType === "certificate")
+const collectionIdsFromNodes = (nodes: TreeNode[]) =>
+  uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.COLLECTION).map((node) => node.meta.collectionId));
+const orderNodesFromNodes = (nodes: TreeNode[]) =>
+  uniqueNodesByKey(nodesOfType(nodes, TREE_NODE_TYPES.ORDER), (node) => node.meta.orderId);
+const orderIdsFromNodes = (nodes: TreeNode[]) =>
+  orderNodesFromNodes(nodes)
     .map((node) => node.meta.orderId)
-    .filter(Boolean)
-));
-const actionableXlvaskNodesFromNodes = (nodes: TreeNode[]) => xlvaskNodesFromNodes(nodes).filter((node) => node.meta.usageId);
+    .filter(Boolean);
+const orderItemIdsFromNodes = (nodes: TreeNode[]) =>
+  uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.ORDER_ITEM).map((node) => node.meta.itemId));
+const attachmentNodesFromNodes = (nodes: TreeNode[]) =>
+  uniqueNodesByKey(
+    nodesOfType(nodes, TREE_NODE_TYPES.ATTACHMENT),
+    (node) => `${node.meta.orderId}:${node.meta.attachmentId}`
+  );
+const bookingIdsFromNodes = (nodes: TreeNode[]) =>
+  uniqueValues(nodesOfType(nodes, TREE_NODE_TYPES.BOOKING).map((node) => node.meta.bookingId));
+const xlvaskNodesFromNodes = (nodes: TreeNode[]) =>
+  uniqueNodesByKey(nodesOfType(nodes, TREE_NODE_TYPES.XLVASK_WASH), (node) => node.meta.usageId ?? node.id);
+const certificateAttachmentOrderIdsFromNodes = (nodes: TreeNode[]) =>
+  Array.from(
+    new Set(
+      attachmentNodesFromNodes(nodes)
+        .filter((node) => node.meta.attachmentType === "certificate")
+        .map((node) => node.meta.orderId)
+        .filter(Boolean)
+    )
+  );
+const actionableXlvaskNodesFromNodes = (nodes: TreeNode[]) =>
+  xlvaskNodesFromNodes(nodes).filter((node) => node.meta.usageId);
 
 const collectionIds = () => collectionIdsFromNodes(selectedNodes.value);
 const orderNodes = () => orderNodesFromNodes(selectedNodes.value);
@@ -244,35 +292,36 @@ const bookingIds = () => bookingIdsFromNodes(selectedNodes.value);
 const xlvaskNodes = () => xlvaskNodesFromNodes(selectedNodes.value);
 
 const selectedCollectionCount = computed(() => collectionIds().length);
-const selectedOrdersWithBookingCount = computed(() => orderNodes().filter((node: TreeNode) => node.meta.bookingId).length);
+const selectedOrdersWithBookingCount = computed(
+  () => orderNodes().filter((node: TreeNode) => node.meta.bookingId).length
+);
 const selectedOrdersWithWashCount = computed(() => orderNodes().filter((node: TreeNode) => node.meta.washId).length);
 const certificateAttachmentOrderIds = computed(() => certificateAttachmentOrderIdsFromNodes(selectedNodes.value));
 const actionableXlvaskNodes = computed(() => actionableXlvaskNodesFromNodes(selectedNodes.value));
 
-watch(currentSignature, () => {
-  checkedKeys.value = [];
-  expandedKeys.value = [];
-  nodeById.value = {};
-  nodeErrors.value = {};
-  orderItemRowsByOrderId.value = {};
-  attachmentRowsByOrderId.value = {};
-  activeTreeActionKey.value = null;
-  openActionGroupType.value = null;
-  resetPreviewState();
-});
-
 onBeforeUnmount(() => {
   resetPreviewState();
 });
 
 const loadTreeNodeChildren = async (node: TreeNode) => {
+  const requestedSignature = currentSignature.value;
   delete nodeErrors.value[node.id];
   try {
     const children = await loadChildrenForNode(node);
+    if (requestedSignature !== currentSignature.value) {
+      return [];
+    }
     await preloadDefaultExpandedChildren(node, children);
+    if (requestedSignature !== currentSignature.value) {
+      return [];
+    }
     return rememberNodes(children);
   } catch (error: any) {
-    nodeErrors.value[node.id] = SessionUser.functions.parseErrorMessage?.(error) || error?.message || loadFailedMessage();
+    if (requestedSignature !== currentSignature.value) {
+      return [];
+    }
+    nodeErrors.value[node.id] =
+      SessionUser.functions.parseErrorMessage?.(error) || error?.message || loadFailedMessage();
     throw error;
   }
 };
@@ -330,65 +379,95 @@ const buildCollectionCategoryNodes = (collectionNode: TreeNode) => {
   const categories: TreeNode[] = [];
 
   if (orders.length > 0) {
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, collectionNode.meta.collectionId, TREE_CATEGORY_TYPES.COLLECTION_ORDERS),
-      label: treeText("categories.orders", "Orders"),
-      category: TREE_CATEGORY_TYPES.COLLECTION_ORDERS,
-      parentType: collectionNode.type,
-      parentId: collectionNode.id,
-      count: orders.length,
-      icon: "fa-receipt",
-      checkable: true,
-      meta: { orders, invoiceState: getNodeInvoiceState(collectionNode) },
-    }));
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(
+          TREE_NODE_TYPES.CATEGORY,
+          collectionNode.meta.collectionId,
+          TREE_CATEGORY_TYPES.COLLECTION_ORDERS
+        ),
+        label: treeText("categories.orders", "Orders"),
+        category: TREE_CATEGORY_TYPES.COLLECTION_ORDERS,
+        parentType: collectionNode.type,
+        parentId: collectionNode.id,
+        count: orders.length,
+        icon: "fa-receipt",
+        checkable: true,
+        meta: { orders, invoiceState: getNodeInvoiceState(collectionNode) },
+      })
+    );
   }
 
-  if (props.customer?.meta?.fixed_pricing || props.customer?.meta?.wash_subscription || props.customer?.meta?.has_vehicle_subscription) {
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, collectionNode.meta.collectionId, TREE_CATEGORY_TYPES.COLLECTION_AGREEMENTS),
-      label: treeText("categories.agreements", "Betalingsaftaler"),
-      category: TREE_CATEGORY_TYPES.COLLECTION_AGREEMENTS,
-      parentType: collectionNode.type,
-      parentId: collectionNode.id,
-      count: null,
-      icon: "fa-file-contract",
-      meta: {
-        fixedPricing: props.customer?.meta?.fixed_pricing,
-        washSubscription: props.customer?.meta?.wash_subscription,
-        hasVehicleSubscription: props.customer?.meta?.has_vehicle_subscription,
-      },
-    }));
+  if (
+    props.customer?.meta?.fixed_pricing ||
+    props.customer?.meta?.wash_subscription ||
+    props.customer?.meta?.has_vehicle_subscription
+  ) {
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(
+          TREE_NODE_TYPES.CATEGORY,
+          collectionNode.meta.collectionId,
+          TREE_CATEGORY_TYPES.COLLECTION_AGREEMENTS
+        ),
+        label: treeText("categories.agreements", "Betalingsaftaler"),
+        category: TREE_CATEGORY_TYPES.COLLECTION_AGREEMENTS,
+        parentType: collectionNode.type,
+        parentId: collectionNode.id,
+        count: null,
+        icon: "fa-file-contract",
+        meta: {
+          fixedPricing: props.customer?.meta?.fixed_pricing,
+          washSubscription: props.customer?.meta?.wash_subscription,
+          hasVehicleSubscription: props.customer?.meta?.has_vehicle_subscription,
+        },
+      })
+    );
   }
 
-  if (orders.some((order: any) => order?.stripe_module_order || order?.stripeModuleOrders || order?.payment_intent_id)) {
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, collectionNode.meta.collectionId, TREE_CATEGORY_TYPES.COLLECTION_PAYMENTS),
-      label: treeText("categories.payments", "Kortbetalinger"),
-      category: TREE_CATEGORY_TYPES.COLLECTION_PAYMENTS,
-      parentType: collectionNode.type,
-      parentId: collectionNode.id,
-      icon: "fa-credit-card",
-      meta: { orders },
-    }));
+  if (
+    orders.some((order: any) => order?.stripe_module_order || order?.stripeModuleOrders || order?.payment_intent_id)
+  ) {
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(
+          TREE_NODE_TYPES.CATEGORY,
+          collectionNode.meta.collectionId,
+          TREE_CATEGORY_TYPES.COLLECTION_PAYMENTS
+        ),
+        label: treeText("categories.payments", "Kortbetalinger"),
+        category: TREE_CATEGORY_TYPES.COLLECTION_PAYMENTS,
+        parentType: collectionNode.type,
+        parentId: collectionNode.id,
+        icon: "fa-credit-card",
+        meta: { orders },
+      })
+    );
   }
 
   if (hasEconomicInvoiceCandidate(collectionNode)) {
     const collectionSummary = collectionNode.meta.collectionSummary || null;
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, collectionNode.meta.collectionId, TREE_CATEGORY_TYPES.COLLECTION_ECONOMIC),
-      label: treeText("categories.economic", "Fakturaer"),
-      category: TREE_CATEGORY_TYPES.COLLECTION_ECONOMIC,
-      parentType: collectionNode.type,
-      parentId: collectionNode.id,
-      icon: "fa-file-invoice",
-      meta: {
-        collectionId: collectionNode.meta.collectionId,
-        draft: props.customer?.draft,
-        orders,
-        invoiceState: getNodeInvoiceState(collectionNode),
-        collectionSummary,
-      },
-    }));
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(
+          TREE_NODE_TYPES.CATEGORY,
+          collectionNode.meta.collectionId,
+          TREE_CATEGORY_TYPES.COLLECTION_ECONOMIC
+        ),
+        label: treeText("categories.economic", "Fakturaer"),
+        category: TREE_CATEGORY_TYPES.COLLECTION_ECONOMIC,
+        parentType: collectionNode.type,
+        parentId: collectionNode.id,
+        icon: "fa-file-invoice",
+        meta: {
+          collectionId: collectionNode.meta.collectionId,
+          draft: props.customer?.draft,
+          orders,
+          invoiceState: getNodeInvoiceState(collectionNode),
+          collectionSummary,
+        },
+      })
+    );
   }
 
   return categories;
@@ -407,9 +486,9 @@ const hasEconomicInvoiceCandidate = (collectionNode: TreeNode) => {
   }
 
   if (
-    getCollectionSummaryInvoiceId(collectionSummary, "draft")
-    || getCollectionSummaryInvoiceId(collectionSummary, "booked")
-    || ["draft", "economic_draft", "booked", "economic_booked"].includes(getCollectionSummaryState(collectionSummary))
+    getCollectionSummaryInvoiceId(collectionSummary, "draft") ||
+    getCollectionSummaryInvoiceId(collectionSummary, "booked") ||
+    ["draft", "economic_draft", "booked", "economic_booked"].includes(getCollectionSummaryState(collectionSummary))
   ) {
     return true;
   }
@@ -417,24 +496,26 @@ const hasEconomicInvoiceCandidate = (collectionNode: TreeNode) => {
   return orders.some((order: any) => {
     const invoiceCollection = order?.invoice_collection || {};
     return Boolean(
-      order?.booked
-      || order?.external_id
-      || order?.booked_invoice_id
-      || order?.draft_invoice_id
-      || invoiceCollection?.external_id
-      || invoiceCollection?.booked_invoice_id
-      || invoiceCollection?.draft_invoice_id
-      || invoiceCollection?.booked_id
-      || invoiceCollection?.draft_id
+      order?.booked ||
+        order?.external_id ||
+        order?.booked_invoice_id ||
+        order?.draft_invoice_id ||
+        invoiceCollection?.external_id ||
+        invoiceCollection?.booked_invoice_id ||
+        invoiceCollection?.draft_invoice_id ||
+        invoiceCollection?.booked_id ||
+        invoiceCollection?.draft_id
     );
   });
 };
 
 const loadCategoryChildren = async (node: TreeNode): Promise<TreeNode[]> => {
   if (node.category === TREE_CATEGORY_TYPES.COLLECTION_ORDERS) {
-    return (node.meta.orders || []).map((order: any) => makeOrderNode(order, {
-      label: nodeLabel.order(order?.id),
-    }));
+    return (node.meta.orders || []).map((order: any) =>
+      makeOrderNode(order, {
+        label: nodeLabel.order(order?.id),
+      })
+    );
   }
 
   if (node.category === TREE_CATEGORY_TYPES.COLLECTION_AGREEMENTS) {
@@ -471,20 +552,17 @@ const loadCategoryChildren = async (node: TreeNode): Promise<TreeNode[]> => {
   }
 
   if (node.category === TREE_CATEGORY_TYPES.BOOKING_ITEMS) {
-    return (node.meta.items || []).map((item: any, index: number) => makeBookingItemNode(
-      { ...item, id: item?.id ?? index + 1 },
-      node.meta.bookingId,
-      { fallbackLabel: nodeLabel.bookingItemFallback(item?.id ?? index + 1) }
-    ));
+    return (node.meta.items || []).map((item: any, index: number) =>
+      makeBookingItemNode({ ...item, id: item?.id ?? index + 1 }, node.meta.bookingId, {
+        fallbackLabel: nodeLabel.bookingItemFallback(item?.id ?? index + 1),
+      })
+    );
   }
 
   if (node.category === TREE_CATEGORY_TYPES.XLVASK_ITEMS) {
-    return (node.meta.items || []).map((item: any, index: number) => makeXlvaskInferredItemNode(
-      item,
-      node.meta.washId,
-      index,
-      { fallbackLabel: nodeLabel.xlvaskItemFallback(index) }
-    ));
+    return (node.meta.items || []).map((item: any, index: number) =>
+      makeXlvaskInferredItemNode(item, node.meta.washId, index, { fallbackLabel: nodeLabel.xlvaskItemFallback(index) })
+    );
   }
 
   return [];
@@ -526,18 +604,19 @@ const buildAgreementNodes = (node: TreeNode) => {
   return nodes;
 };
 
-const buildPaymentNodes = (node: TreeNode) => (node.meta.orders || [])
-  .filter((order: any) => order?.stripe_module_order || order?.stripeModuleOrders || order?.payment_intent_id)
-  .map((order: any) => ({
-    id: makeNodeId(TREE_NODE_TYPES.PAYMENT, order?.payment_intent_id || order?.id),
-    label: treeText("nodes.payment_for_order", `Kortbetaling for ordre #${order?.id}`, { id: order?.id }),
-    type: TREE_NODE_TYPES.PAYMENT,
-    isLeaf: true,
-    selectable: true,
-    actionable: false,
-    icon: "fa-credit-card",
-    meta: { order, payment: order?.stripe_module_order || order?.stripeModuleOrders },
-  }));
+const buildPaymentNodes = (node: TreeNode) =>
+  (node.meta.orders || [])
+    .filter((order: any) => order?.stripe_module_order || order?.stripeModuleOrders || order?.payment_intent_id)
+    .map((order: any) => ({
+      id: makeNodeId(TREE_NODE_TYPES.PAYMENT, order?.payment_intent_id || order?.id),
+      label: treeText("nodes.payment_for_order", `Kortbetaling for ordre #${order?.id}`, { id: order?.id }),
+      type: TREE_NODE_TYPES.PAYMENT,
+      isLeaf: true,
+      selectable: true,
+      actionable: false,
+      icon: "fa-credit-card",
+      meta: { order, payment: order?.stripe_module_order || order?.stripeModuleOrders },
+    }));
 
 const buildEconomicInvoiceNodes = async (node: TreeNode) => {
   const collectionId = toPositiveInteger(node.meta.collectionId);
@@ -563,26 +642,32 @@ const buildEconomicInvoiceNodes = async (node: TreeNode) => {
   const economicState = String(
     details?.economic?.state || details?.economic_state || getCollectionSummaryState(collectionSummary)
   ).toLowerCase();
-  const availablePdfType = String(details?.economic?.available_pdf_type || details?.available_pdf_type || "").toLowerCase();
+  const availablePdfType = String(
+    details?.economic?.available_pdf_type || details?.available_pdf_type || ""
+  ).toLowerCase();
   const isBookedState = ["booked", "economic_booked"].includes(economicState) || availablePdfType === "booked";
   const hasDraft = details?.draft?.exists === true || Boolean(summaryDraftId);
   if (!isBookedState && draftId && hasDraft) {
-    nodes.push(makeEconomicInvoiceNode({
-      collectionId,
-      invoiceType: "draft",
-      economicInvoiceId: draftId,
-      details,
-      label: treeText("nodes.economic_draft_with_id", `E-conomic kladde #${draftId}`, { id: draftId }),
-    }));
+    nodes.push(
+      makeEconomicInvoiceNode({
+        collectionId,
+        invoiceType: "draft",
+        economicInvoiceId: draftId,
+        details,
+        label: treeText("nodes.economic_draft_with_id", `E-conomic kladde #${draftId}`, { id: draftId }),
+      })
+    );
   }
   if (bookedId) {
-    nodes.push(makeEconomicInvoiceNode({
-      collectionId,
-      invoiceType: "booked",
-      economicInvoiceId: bookedId,
-      details,
-      label: treeText("nodes.economic_booked_with_id", `E-conomic faktura #${bookedId}`, { id: bookedId }),
-    }));
+    nodes.push(
+      makeEconomicInvoiceNode({
+        collectionId,
+        invoiceType: "booked",
+        economicInvoiceId: bookedId,
+        details,
+        label: treeText("nodes.economic_booked_with_id", `E-conomic faktura #${bookedId}`, { id: bookedId }),
+      })
+    );
   }
   return nodes;
 };
@@ -626,9 +711,7 @@ const getCachedAttachmentRows = async (orderId: number | null, seed: any = null)
   if (attachmentRowsByOrderId.value[orderId]) {
     return attachmentRowsByOrderId.value[orderId];
   }
-  const rows = Array.isArray(seed)
-    ? seed
-    : await SessionUser.objects.orders.functions.fetchAttachments(orderId);
+  const rows = Array.isArray(seed) ? seed : await SessionUser.objects.orders.functions.fetchAttachments(orderId);
   attachmentRowsByOrderId.value = {
     ...attachmentRowsByOrderId.value,
     [orderId]: normalizeAttachmentRows(rows),
@@ -636,23 +719,17 @@ const getCachedAttachmentRows = async (orderId: number | null, seed: any = null)
   return attachmentRowsByOrderId.value[orderId];
 };
 
-const normalizeFlagDefinitionKey = (flag: any) => String(
-  flag?.definition_key
-  ?? flag?.definitionKey
-  ?? flag?.key
-  ?? flag?.code
-  ?? flag?.type
-  ?? ""
-).trim();
+const normalizeFlagDefinitionKey = (flag: any) =>
+  String(flag?.definition_key ?? flag?.definitionKey ?? flag?.key ?? flag?.code ?? flag?.type ?? "").trim();
 const flagContext = (flag: any) => flag?.context || flag?.meta || flag?.payload || {};
 const flagOrderId = (flag: any) => {
   const targetType = normalizeTargetType(flag);
   return toPositiveInteger(
-    flag?.order_id
-    ?? flag?.orderId
-    ?? flagContext(flag)?.order_id
-    ?? flagContext(flag)?.orderId
-    ?? (targetType === "order" || targetType === "order_field" ? normalizeTargetId(flag) : null)
+    flag?.order_id ??
+      flag?.orderId ??
+      flagContext(flag)?.order_id ??
+      flagContext(flag)?.orderId ??
+      (targetType === "order" || targetType === "order_field" ? normalizeTargetId(flag) : null)
   );
 };
 const hasWashCertificateFlagForOrder = (orderId: number | null) => {
@@ -663,23 +740,27 @@ const hasWashCertificateFlagForOrder = (orderId: number | null) => {
     "wash_certificate_item_without_certificate",
     "wash_certificate_attached_without_item",
   ]);
-  return activeFlags.value.some((flag: any) => (
-    certificateFlagKeys.has(normalizeFlagDefinitionKey(flag))
-    && flagOrderId(flag) === orderId
-  ));
+  return activeFlags.value.some(
+    (flag: any) => certificateFlagKeys.has(normalizeFlagDefinitionKey(flag)) && flagOrderId(flag) === orderId
+  );
 };
-const shouldShowWashCertificateCategory = (orderId: number | null, orderItems: any[], attachmentGroups: Record<string, any[]>) => (
-  attachmentGroups.certificate.length > 0
-  || hasWashCertificateOrderItem(orderItems)
-  || hasWashCertificateFlagForOrder(orderId)
-);
+const shouldShowWashCertificateCategory = (
+  orderId: number | null,
+  orderItems: any[],
+  attachmentGroups: Record<string, any[]>
+) =>
+  attachmentGroups.certificate.length > 0 ||
+  hasWashCertificateOrderItem(orderItems) ||
+  hasWashCertificateFlagForOrder(orderId);
 
 const loadOrderCategoryNodes = async (orderNode: TreeNode) => {
   const orderId = nodeOrderId(orderNode);
   const order = await loadOrder(orderId, orderNode.meta.order);
   const attachmentSeed = Array.isArray(order?.attachments)
     ? order.attachments
-    : (Array.isArray(orderNode.meta.order?.attachments) ? orderNode.meta.order.attachments : null);
+    : Array.isArray(orderNode.meta.order?.attachments)
+    ? orderNode.meta.order.attachments
+    : null;
   const [orderItems, attachments] = await Promise.all([
     getCachedOrderItemRows(orderId),
     getCachedAttachmentRows(orderId, attachmentSeed),
@@ -699,42 +780,62 @@ const loadOrderCategoryNodes = async (orderNode: TreeNode) => {
   ];
 
   if (shouldShowWashCertificateCategory(orderId, orderItems, attachmentGroups)) {
-    categories.push(makeAttachmentCategory(
-      orderId,
-      TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_CERTIFICATES,
-      treeText("categories.wash_certificates", "Vaskecertifikater"),
-      attachmentGroups.certificate
-    ));
+    categories.push(
+      makeAttachmentCategory(
+        orderId,
+        TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_CERTIFICATES,
+        treeText("categories.wash_certificates", "Vaskecertifikater"),
+        attachmentGroups.certificate
+      )
+    );
   }
   if (attachmentGroups.image.length > 0) {
-    categories.push(makeAttachmentCategory(orderId, TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES, treeText("categories.images", "Billeder"), attachmentGroups.image));
+    categories.push(
+      makeAttachmentCategory(
+        orderId,
+        TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES,
+        treeText("categories.images", "Billeder"),
+        attachmentGroups.image
+      )
+    );
   }
   if (attachmentGroups.other.length > 0) {
-    categories.push(makeAttachmentCategory(orderId, TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_OTHER, treeText("categories.other_attachments", "Andre vedhæftninger"), attachmentGroups.other));
+    categories.push(
+      makeAttachmentCategory(
+        orderId,
+        TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_OTHER,
+        treeText("categories.other_attachments", "Andre vedhæftninger"),
+        attachmentGroups.other
+      )
+    );
   }
   if (toPositiveInteger(order?.booking_id)) {
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, TREE_CATEGORY_TYPES.ORDER_BOOKINGS),
-      label: treeText("categories.bookings", "Bookinger"),
-      category: TREE_CATEGORY_TYPES.ORDER_BOOKINGS,
-      parentType: orderNode.type,
-      parentId: orderNode.id,
-      count: 1,
-      icon: "fa-calendar-check",
-      meta: { orderId, bookingId: toPositiveInteger(order.booking_id) },
-    }));
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, TREE_CATEGORY_TYPES.ORDER_BOOKINGS),
+        label: treeText("categories.bookings", "Bookinger"),
+        category: TREE_CATEGORY_TYPES.ORDER_BOOKINGS,
+        parentType: orderNode.type,
+        parentId: orderNode.id,
+        count: 1,
+        icon: "fa-calendar-check",
+        meta: { orderId, bookingId: toPositiveInteger(order.booking_id) },
+      })
+    );
   }
   if (String(order?.wash_id || "").trim() !== "") {
-    categories.push(makeCategoryNode({
-      id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, TREE_CATEGORY_TYPES.ORDER_XLVASK),
-      label: treeText("categories.xlvask", "Selvvask"),
-      category: TREE_CATEGORY_TYPES.ORDER_XLVASK,
-      parentType: orderNode.type,
-      parentId: orderNode.id,
-      count: 1,
-      icon: "fa-truck-fast",
-      meta: { orderId, washId: String(order.wash_id), order },
-    }));
+    categories.push(
+      makeCategoryNode({
+        id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, TREE_CATEGORY_TYPES.ORDER_XLVASK),
+        label: treeText("categories.xlvask", "Selvvask"),
+        category: TREE_CATEGORY_TYPES.ORDER_XLVASK,
+        parentType: orderNode.type,
+        parentId: orderNode.id,
+        count: 1,
+        icon: "fa-truck-fast",
+        meta: { orderId, washId: String(order.wash_id), order },
+      })
+    );
   }
   return categories;
 };
@@ -758,33 +859,41 @@ const loadOrderItems = async (orderId: number) => {
   });
 };
 
-const makeAttachmentCategory = (orderId: number, category: string, label: string, attachments: any[]) => makeCategoryNode({
-  id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, category),
-  label,
-  category,
-  parentType: TREE_NODE_TYPES.ORDER,
-  parentId: makeNodeId(TREE_NODE_TYPES.ORDER, orderId),
-  count: attachments.length,
-  icon: category === TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES ? "fa-image" : "fa-paperclip",
-  meta: { orderId, attachments },
-});
+const makeAttachmentCategory = (orderId: number, category: string, label: string, attachments: any[]) =>
+  makeCategoryNode({
+    id: makeNodeId(TREE_NODE_TYPES.CATEGORY, orderId, category),
+    label,
+    category,
+    parentType: TREE_NODE_TYPES.ORDER,
+    parentId: makeNodeId(TREE_NODE_TYPES.ORDER, orderId),
+    count: attachments.length,
+    icon: category === TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES ? "fa-image" : "fa-paperclip",
+    meta: { orderId, attachments },
+  });
 
-const groupAttachments = (attachments: any[] = []) => attachments.reduce((groups: Record<string, any[]>, attachment: any) => {
-  groups[classifyAttachment(attachment)].push(attachment);
-  return groups;
-}, { certificate: [], image: [], other: [] });
+const groupAttachments = (attachments: any[] = []) =>
+  attachments.reduce(
+    (groups: Record<string, any[]>, attachment: any) => {
+      groups[classifyAttachment(attachment)].push(attachment);
+      return groups;
+    },
+    { certificate: [], image: [], other: [] }
+  );
 
 const loadAttachmentNodes = async (node: TreeNode) => {
   const rows = await getCachedAttachmentRows(node.meta.orderId, node.meta.attachments);
   const groups = groupAttachments(rows);
-  const attachments = {
-    [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_CERTIFICATES]: groups.certificate,
-    [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES]: groups.image,
-    [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_OTHER]: groups.other,
-  }[node.category] || [];
-  return attachments.map((attachment: any) => makeAttachmentNode(attachment, node.meta.orderId, {
-    fallbackLabel: nodeLabel.attachmentFallback(attachment?.id ?? attachment?.attachment_id),
-  }));
+  const attachments =
+    {
+      [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_CERTIFICATES]: groups.certificate,
+      [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_IMAGES]: groups.image,
+      [TREE_CATEGORY_TYPES.ORDER_ATTACHMENTS_OTHER]: groups.other,
+    }[node.category] || [];
+  return attachments.map((attachment: any) =>
+    makeAttachmentNode(attachment, node.meta.orderId, {
+      fallbackLabel: nodeLabel.attachmentFallback(attachment?.id ?? attachment?.attachment_id),
+    })
+  );
 };
 
 const buildBookingCategoryNodes = (bookingNode: TreeNode) => {
@@ -809,15 +918,19 @@ const buildBookingCategoryNodes = (bookingNode: TreeNode) => {
 const loadXlvaskNodes = async (node: TreeNode) => {
   const rows = await loadUsageRowsForWash(node.meta.washId);
   if (rows.length === 0) {
-    return [makeXlvaskNode({ WashId: node.meta.washId }, node.meta.order, {
-      label: nodeLabel.xlvask(node.meta.washId),
-      emptyLabel: nodeLabel.xlvaskEmpty(),
-    })];
+    return [
+      makeXlvaskNode({ WashId: node.meta.washId }, node.meta.order, {
+        label: nodeLabel.xlvask(node.meta.washId),
+        emptyLabel: nodeLabel.xlvaskEmpty(),
+      }),
+    ];
   }
-  return rows.map((usage: any) => makeXlvaskNode(usage, node.meta.order, {
-    label: nodeLabel.xlvask(usage?.WashId ?? usage?.wash_id ?? node.meta.washId),
-    emptyLabel: nodeLabel.xlvaskEmpty(),
-  }));
+  return rows.map((usage: any) =>
+    makeXlvaskNode(usage, node.meta.order, {
+      label: nodeLabel.xlvask(usage?.WashId ?? usage?.wash_id ?? node.meta.washId),
+      emptyLabel: nodeLabel.xlvaskEmpty(),
+    })
+  );
 };
 
 const loadUsageRowsForWash = async (washId: string) => {
@@ -855,7 +968,10 @@ const buildXlvaskItemNodes = (node: TreeNode) => {
 
 type InvoiceState = "open" | "closed" | "economic_draft" | "economic_booked";
 const normalizeInvoiceState = (value: any): InvoiceState | null => {
-  const normalized = String(value || "").trim().toLowerCase().replace(/-/g, "_");
+  const normalized = String(value || "")
+    .trim()
+    .toLowerCase()
+    .replace(/-/g, "_");
   if (["economic_booked", "booked"].includes(normalized)) {
     return "economic_booked";
   }
@@ -876,10 +992,12 @@ const stateWeight: Record<InvoiceState, number> = {
   economic_draft: 2,
   economic_booked: 3,
 };
-const highestInvoiceState = (states: Array<InvoiceState | null | undefined>): InvoiceState => (
-  states.filter(Boolean).sort((left, right) => stateWeight[right as InvoiceState] - stateWeight[left as InvoiceState])[0] as InvoiceState
-  || "open"
-);
+const highestInvoiceState = (states: Array<InvoiceState | null | undefined>): InvoiceState =>
+  (states
+    .filter(Boolean)
+    .sort(
+      (left, right) => stateWeight[right as InvoiceState] - stateWeight[left as InvoiceState]
+    )[0] as InvoiceState) || "open";
 const orderInvoiceState = (order: any): InvoiceState => {
   const explicitState = normalizeInvoiceState(order?.invoice_state);
   if (explicitState) {
@@ -911,9 +1029,8 @@ const getNodeInvoiceState = (node: TreeNode | null | undefined): InvoiceState =>
   if (node.type === TREE_NODE_TYPES.ORDER) {
     return orderInvoiceState(node.meta?.order);
   }
-  const orders = node.type === TREE_NODE_TYPES.COLLECTION || node.type === TREE_NODE_TYPES.CATEGORY
-    ? (node.meta?.orders || [])
-    : [];
+  const orders =
+    node.type === TREE_NODE_TYPES.COLLECTION || node.type === TREE_NODE_TYPES.CATEGORY ? node.meta?.orders || [] : [];
   if (orders.length > 0) {
     return highestInvoiceState(orders.map(orderInvoiceState));
   }
@@ -940,12 +1057,13 @@ const getNodeIcon = (node: TreeNode) => {
   }
   return node.icon || "fa-file";
 };
-const getNodeIconColorClass = (node: TreeNode) => ({
-  open: "has-text-grey",
-  closed: "has-text-info",
-  economic_draft: "has-text-warning-dark",
-  economic_booked: "has-text-success",
-}[getNodeInvoiceState(node)]);
+const getNodeIconColorClass = (node: TreeNode) =>
+  ({
+    open: "has-text-grey",
+    closed: "has-text-info",
+    economic_draft: "has-text-warning-dark",
+    economic_booked: "has-text-success",
+  }[getNodeInvoiceState(node)]);
 const getNodeSubtitle = (node: TreeNode) => {
   if (node.type === TREE_NODE_TYPES.COLLECTION) {
     return `${node.meta.orderCount} orders · ${formatCurrency(node.meta.totalNetAmount)}`;
@@ -954,14 +1072,19 @@ const getNodeSubtitle = (node: TreeNode) => {
     return [
       node.meta.createdAt,
       formatCurrency(node.meta.totalNetAmount),
-      node.meta.collectionId ? treeText("subtitles.collection", `Samling #${node.meta.collectionId}`, { id: node.meta.collectionId }) : null,
-    ].filter(Boolean).join(" · ");
+      node.meta.collectionId
+        ? treeText("subtitles.collection", `Samling #${node.meta.collectionId}`, { id: node.meta.collectionId })
+        : null,
+    ]
+      .filter(Boolean)
+      .join(" · ");
   }
+  // Quantity and unit price are rendered in the same field grid as the
+  // corresponding Buefy table columns. Repeating their calculated total in
+  // the subtitle makes order-item values appear twice and obscures which
+  // value is editable.
   if (node.type === TREE_NODE_TYPES.ORDER_ITEM) {
-    return [
-      treeText("subtitles.quantity", `Antal ${node.meta.quantity || 0}`, { count: node.meta.quantity || 0 }),
-      formatCurrency(node.meta.totalNetAmount),
-    ].join(" · ");
+    return "";
   }
   if (node.type === TREE_NODE_TYPES.ATTACHMENT) {
     return treeText("subtitles.order", `Ordre #${node.meta.orderId}`, { id: node.meta.orderId });
@@ -973,7 +1096,9 @@ const getNodeSubtitle = (node: TreeNode) => {
     return [
       node.meta.washId ? treeText("subtitles.wash_id", `WashId ${node.meta.washId}`, { id: node.meta.washId }) : null,
       node.meta.orderId ? treeText("subtitles.order", `Ordre #${node.meta.orderId}`, { id: node.meta.orderId }) : null,
-    ].filter(Boolean).join(" · ");
+    ]
+      .filter(Boolean)
+      .join(" · ");
   }
   if (node.type === TREE_NODE_TYPES.AGREEMENT && node.meta.amount) {
     return formatCurrency(node.meta.amount);
@@ -981,7 +1106,8 @@ const getNodeSubtitle = (node: TreeNode) => {
   return "";
 };
 
-const normalizeTargetType = (flag: any) => String(flag?.target_type || flag?.targetType || flag?.entity_type || "").trim();
+const normalizeTargetType = (flag: any) =>
+  String(flag?.target_type || flag?.targetType || flag?.entity_type || "").trim();
 const normalizeTargetId = (flag: any) => toPositiveInteger(flag?.target_id ?? flag?.targetId ?? flag?.entity_id);
 const nodeFlagTarget = (node: TreeNode) => {
   if (node.type === TREE_NODE_TYPES.COLLECTION) {
@@ -1002,11 +1128,12 @@ const nodeFlagTarget = (node: TreeNode) => {
   return null;
 };
 
-const flagMatchesTarget = (flag: any, type: string, id: number | null) => Boolean(id) && (
-  normalizeTargetType(flag) === type
-  && normalizeTargetId(flag) === id
-);
-const normalizeFlagField = (flag: any) => String(flag?.field || flag?.target_field || "").trim().toLowerCase();
+const flagMatchesTarget = (flag: any, type: string, id: number | null) =>
+  Boolean(id) && normalizeTargetType(flag) === type && normalizeTargetId(flag) === id;
+const normalizeFlagField = (flag: any) =>
+  String(flag?.field || flag?.target_field || "")
+    .trim()
+    .toLowerCase();
 const getEntityNodeFlags = (node: TreeNode) => {
   const target = nodeFlagTarget(node);
   if (!target?.id) {
@@ -1028,36 +1155,40 @@ const getFieldFlags = (node: TreeNode, fieldKey: string) => {
   if (!target?.id) {
     return [];
   }
-  return activeFlags.value.filter((flag: any) => (
-    flagMatchesTarget(flag, target.type, target.id)
-    && normalizeFlagField(flag) === fieldKey
-  ));
+  return activeFlags.value.filter(
+    (flag: any) => flagMatchesTarget(flag, target.type, target.id) && normalizeFlagField(flag) === fieldKey
+  );
 };
 const getNodeFlags = (node: TreeNode) => {
   const entityFlags = getEntityNodeFlags(node);
   if (node.type === TREE_NODE_TYPES.COLLECTION) {
     const collectionId = toPositiveInteger(node.meta?.collectionId);
-    const visibleOrderIds = new Set((node.meta?.orders || []).map((order: any) => toPositiveInteger(order?.id)).filter(Boolean));
+    const visibleOrderIds = new Set(
+      (node.meta?.orders || []).map((order: any) => toPositiveInteger(order?.id)).filter(Boolean)
+    );
     const unmatchedCollectionFlags = activeFlags.value.filter((flag: any) => {
       const flagCollectionId = toPositiveInteger(
-        flag?.invoice_collection_id
-        ?? flagContext(flag)?.invoice_collection_id
-        ?? flagContext(flag)?.invoiceCollectionId
+        flag?.invoice_collection_id ??
+          flagContext(flag)?.invoice_collection_id ??
+          flagContext(flag)?.invoiceCollectionId
       );
       const orderId = flagOrderId(flag);
       return flagCollectionId === collectionId && Boolean(orderId) && !visibleOrderIds.has(orderId);
     });
-    return [...new Map([...entityFlags, ...unmatchedCollectionFlags].map((flag: any) => [flag?.id || flag?.fingerprint, flag])).values()];
+    return [
+      ...new Map(
+        [...entityFlags, ...unmatchedCollectionFlags].map((flag: any) => [flag?.id || flag?.fingerprint, flag])
+      ).values(),
+    ];
   }
   const target = fieldFlagTarget(node);
   if (!target?.id) {
     return entityFlags;
   }
   const renderedFieldKeys = new Set(visibleNodeFields(node).map((field) => field.key));
-  const fallbackFieldFlags = activeFlags.value.filter((flag: any) => (
-    flagMatchesTarget(flag, target.type, target.id)
-    && !renderedFieldKeys.has(normalizeFlagField(flag))
-  ));
+  const fallbackFieldFlags = activeFlags.value.filter(
+    (flag: any) => flagMatchesTarget(flag, target.type, target.id) && !renderedFieldKeys.has(normalizeFlagField(flag))
+  );
   return [...entityFlags, ...fallbackFieldFlags];
 };
 const handleFlagStatusChanged = () => {
@@ -1084,10 +1215,8 @@ const setNodePreviewError = (nodeId: string, error: any = null) => {
   previewErrorByNodeId.value = next;
 };
 
-const isPreviewableNode = (node: TreeNode) => (
-  node.type === TREE_NODE_TYPES.ATTACHMENT
-  || node.type === TREE_NODE_TYPES.ECONOMIC_INVOICE
-);
+const isPreviewableNode = (node: TreeNode) =>
+  node.type === TREE_NODE_TYPES.ATTACHMENT || node.type === TREE_NODE_TYPES.ECONOMIC_INVOICE;
 const isPreviewVisible = (node: TreeNode) => activePreviewNodeId.value === node.id && isPreviewableNode(node);
 const isPreviewLoading = (node: TreeNode) => Boolean(previewLoadingByNodeId.value[node.id]);
 const previewError = (node: TreeNode) => previewErrorByNodeId.value[node.id] || "";
@@ -1185,11 +1314,8 @@ const economicDetailsForNode = (node: TreeNode) => {
   const collectionId = toPositiveInteger(node.meta?.collectionId);
   return (collectionId ? economicDetailsByCollectionId.value[collectionId] : null) || node.meta?.details || null;
 };
-const economicInvoiceTypeLabel = (type: string) => (
-  type === "draft"
-    ? treeText("economic.draft", "Kladde")
-    : treeText("economic.booked", "Bogført")
-);
+const economicInvoiceTypeLabel = (type: string) =>
+  type === "draft" ? treeText("economic.draft", "Kladde") : treeText("economic.booked", "Bogført");
 const economicPreviewRows = (node: TreeNode) => {
   const details = economicDetailsForNode(node);
   const economicType = node.meta?.economicType === "draft" ? "draft" : "booked";
@@ -1221,9 +1347,11 @@ const economicPreviewRows = (node: TreeNode) => {
 const economicPreviewWarnings = (node: TreeNode) => {
   const warnings = economicDetailsForNode(node)?.warnings;
   const filteredWarnings = Array.isArray(warnings) ? warnings : [];
-  return (node.meta?.economicType === "booked"
-    ? filteredWarnings.filter((warning: any) => !/draft|kladde/i.test(String(warning)))
-    : filteredWarnings).slice(0, 4);
+  return (
+    node.meta?.economicType === "booked"
+      ? filteredWarnings.filter((warning: any) => !/draft|kladde/i.test(String(warning)))
+      : filteredWarnings
+  ).slice(0, 4);
 };
 
 const downloadAttachmentNode = async (node: TreeNode) => {
@@ -1278,7 +1406,8 @@ const formatFieldValue = (value: any, formatter: ((_value: any) => string) | nul
   }
   return formatter ? formatter(value) : String(value);
 };
-const fieldLabel = (columns: Record<string, any>, column: string, fallback: string) => columns?.[column]?.label || fallback;
+const fieldLabel = (columns: Record<string, any>, column: string, fallback: string) =>
+  columns?.[column]?.label || fallback;
 const canEditCollectionField = () => SessionUser.canAccessSuperUser?.() || SessionUser.canAccessAdmin?.();
 const canEditOrderField = (order: any, column: string) => {
   if (column === "notes") {
@@ -1291,9 +1420,10 @@ const refreshAfterInlineEdit = async () => {
   emit("refresh");
 };
 const collectionObjectForNode = (node: TreeNode) => {
-  const invoiceCollection = node.meta?.collectionSummary
-    || (node.meta?.orders || []).find((order: any) => order?.invoice_collection)?.invoice_collection
-    || {};
+  const invoiceCollection =
+    node.meta?.collectionSummary ||
+    (node.meta?.orders || []).find((order: any) => order?.invoice_collection)?.invoice_collection ||
+    {};
   return {
     id: node.meta.collectionId,
     customer_number: node.meta.customerNumber,
@@ -1329,12 +1459,16 @@ const findCachedOrderItem = (itemId: number) => {
 };
 const showEditOrderItemFieldForm = async (id: number, column: string, value: any, onAfterSubmit: any = null) => {
   const result = await Swal.fire({
-    title: fieldLabel({
-      quantity: { label: treeText("fields.quantity", "Antal") },
-      price: { label: treeText("fields.price", "Pris") },
-      reference: { label: treeText("fields.reference", "Reference") },
-      notes: { label: treeText("fields.notes", "Noter") },
-    }, column, column),
+    title: fieldLabel(
+      {
+        quantity: { label: treeText("fields.quantity", "Antal") },
+        price: { label: treeText("fields.price", "Pris") },
+        reference: { label: treeText("fields.reference", "Reference") },
+        notes: { label: treeText("fields.notes", "Noter") },
+      },
+      column,
+      column
+    ),
     input: column === "price" || column === "quantity" ? "number" : "text",
     inputValue: value ?? "",
     showCancelButton: true,
@@ -1416,15 +1550,17 @@ const registrationField = (object: any, columns: Record<string, any>): NodeField
   if (!valueIsEmpty(object.reg_3)) {
     registrationColumns.push("reg_3");
   }
-  const lines = registrationColumns.map((column) => makeNodeField({
-    key: column,
-    label: fieldLabel(columns, column, column.replace("reg_", "Reg. ")),
-    value: object[column],
-    object,
-    column,
-    editable: canEditOrderField(object, column),
-    editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
-  }));
+  const lines = registrationColumns.map((column) =>
+    makeNodeField({
+      key: column,
+      label: fieldLabel(columns, column, column.replace("reg_", "Reg. ")),
+      value: object[column],
+      object,
+      column,
+      editable: canEditOrderField(object, column),
+      editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
+    })
+  );
   return makeNodeField({
     key: "registrations",
     label: treeText("fields.registration_number", "Registreringsnummer"),
@@ -1439,17 +1575,100 @@ const getNodeFields = (node: TreeNode): NodeField[] => {
     const object = collectionObjectForNode(node);
     const columns = SessionUser.objects.collectedOrderInvoices.columns;
     return [
-      makeNodeField({ key: "po_number", label: fieldLabel(columns, "po_number", "PO"), value: object.po_number, object, column: "po_number", editable: canEditCollectionField(), editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm, slot: 2 }),
-      makeNodeField({ key: "notes", label: fieldLabel(columns, "notes", "Noter"), value: object.notes, object, column: "notes", editable: canEditCollectionField(), editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm, slot: 3 }),
-      makeNodeField({ key: "external_id", label: fieldLabel(columns, "external_id", "Eksternt ID"), value: object.external_id, object, column: "external_id", editable: false, slot: 5 }),
-      makeNodeField({ key: "closed_at", label: fieldLabel(columns, "closed_at", "Lukket"), value: object.closed_at, object, column: "closed_at", editable: canEditCollectionField(), editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm, slot: 6 }),
-      makeNodeField({ key: "state", label: treeText("fields.collection_state", "Status"), value: object.state, editable: false, slot: 1 }),
-      makeNodeField({ key: "booked_invoice_id", label: treeText("fields.booked_invoice_id", "Bogført faktura-ID"), value: object.booked_invoice_id, editable: false, slot: 4 }),
-      makeNodeField({ key: "total_net_amount", label: fieldLabel(columns, "total_net_amount", "Total"), value: object.total_net_amount, formatter: formatCurrency, slot: 8, numeric: true }),
-      makeNodeField({ key: "processor", label: treeText("fields.processor", "Behandler"), value: object.processor, editable: false, slot: 7 }),
-      makeNodeField({ key: "error_message", label: treeText("fields.error_message", "Fejl"), value: object.error_message, editable: false, slot: 1, span: 4, row: 2 }),
-      makeNodeField({ key: "created_at", label: treeText("fields.created_at", "Oprettet"), value: object.created_at, editable: false, slot: 5, row: 2 }),
-      makeNodeField({ key: "updated_at", label: treeText("fields.updated_at", "Opdateret"), value: object.updated_at, editable: false, slot: 6, span: 3, row: 2 }),
+      makeNodeField({
+        key: "po_number",
+        label: fieldLabel(columns, "po_number", "PO"),
+        value: object.po_number,
+        object,
+        column: "po_number",
+        editable: canEditCollectionField(),
+        editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm,
+        slot: 2,
+      }),
+      makeNodeField({
+        key: "notes",
+        label: fieldLabel(columns, "notes", "Noter"),
+        value: object.notes,
+        object,
+        column: "notes",
+        editable: canEditCollectionField(),
+        editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm,
+        slot: 3,
+      }),
+      makeNodeField({
+        key: "external_id",
+        label: fieldLabel(columns, "external_id", "Eksternt ID"),
+        value: object.external_id,
+        object,
+        column: "external_id",
+        editable: false,
+        slot: 5,
+      }),
+      makeNodeField({
+        key: "closed_at",
+        label: fieldLabel(columns, "closed_at", "Lukket"),
+        value: object.closed_at,
+        object,
+        column: "closed_at",
+        editable: canEditCollectionField(),
+        editFunction: SessionUser.objects.collectedOrderInvoices.showEditObjectFieldForm,
+        slot: 6,
+      }),
+      makeNodeField({
+        key: "state",
+        label: treeText("fields.collection_state", "Status"),
+        value: object.state,
+        editable: false,
+        slot: 1,
+      }),
+      makeNodeField({
+        key: "booked_invoice_id",
+        label: treeText("fields.booked_invoice_id", "Bogført faktura-ID"),
+        value: object.booked_invoice_id,
+        editable: false,
+        slot: 4,
+      }),
+      makeNodeField({
+        key: "total_net_amount",
+        label: fieldLabel(columns, "total_net_amount", "Total"),
+        value: object.total_net_amount,
+        formatter: formatCurrency,
+        slot: 8,
+        numeric: true,
+      }),
+      makeNodeField({
+        key: "processor",
+        label: treeText("fields.processor", "Behandler"),
+        value: object.processor,
+        editable: false,
+        slot: 7,
+      }),
+      makeNodeField({
+        key: "error_message",
+        label: treeText("fields.error_message", "Fejl"),
+        value: object.error_message,
+        editable: false,
+        slot: 1,
+        span: 4,
+        row: 2,
+      }),
+      makeNodeField({
+        key: "created_at",
+        label: treeText("fields.created_at", "Oprettet"),
+        value: object.created_at,
+        editable: false,
+        slot: 5,
+        row: 2,
+      }),
+      makeNodeField({
+        key: "updated_at",
+        label: treeText("fields.updated_at", "Opdateret"),
+        value: object.updated_at,
+        editable: false,
+        slot: 6,
+        span: 3,
+        row: 2,
+      }),
     ];
   }
 
@@ -1457,11 +1676,47 @@ const getNodeFields = (node: TreeNode): NodeField[] => {
     const object = node.meta.order || {};
     const columns = SessionUser.objects.orders.columns;
     return [
-      makeNodeField({ key: "reference", label: fieldLabel(columns, "reference", "Reference"), value: object.reference, object, column: "reference", editable: canEditOrderField(object, "reference"), editFunction: SessionUser.objects.orders.showEditObjectFieldForm, slot: 1 }),
-      makeNodeField({ key: "po", label: fieldLabel(columns, "po", "PO"), value: object.po, object, column: "po", editable: canEditOrderField(object, "po"), editFunction: SessionUser.objects.orders.showEditObjectFieldForm, slot: 2 }),
-      makeNodeField({ key: "notes", label: fieldLabel(columns, "notes", "Noter"), value: object.notes, object, column: "notes", editable: canEditOrderField(object, "notes"), editFunction: SessionUser.objects.orders.showEditObjectFieldForm, slot: 3 }),
+      makeNodeField({
+        key: "reference",
+        label: fieldLabel(columns, "reference", "Reference"),
+        value: object.reference,
+        object,
+        column: "reference",
+        editable: canEditOrderField(object, "reference"),
+        editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
+        slot: 1,
+      }),
+      makeNodeField({
+        key: "po",
+        label: fieldLabel(columns, "po", "PO"),
+        value: object.po,
+        object,
+        column: "po",
+        editable: canEditOrderField(object, "po"),
+        editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
+        slot: 2,
+      }),
+      makeNodeField({
+        key: "notes",
+        label: fieldLabel(columns, "notes", "Noter"),
+        value: object.notes,
+        object,
+        column: "notes",
+        editable: canEditOrderField(object, "notes"),
+        editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
+        slot: 3,
+      }),
       registrationField(object, columns),
-      makeNodeField({ key: "include_in_invoice", label: fieldLabel(columns, "include_in_invoice", "Faktura"), value: object.include_in_invoice, object, column: "include_in_invoice", editable: canEditOrderField(object, "include_in_invoice"), editFunction: SessionUser.objects.orders.showEditObjectFieldForm, slot: 6 }),
+      makeNodeField({
+        key: "include_in_invoice",
+        label: fieldLabel(columns, "include_in_invoice", "Faktura"),
+        value: object.include_in_invoice,
+        object,
+        column: "include_in_invoice",
+        editable: canEditOrderField(object, "include_in_invoice"),
+        editFunction: SessionUser.objects.orders.showEditObjectFieldForm,
+        slot: 6,
+      }),
       makeNodeField({
         key: "total_net_amount",
         label: fieldLabel(columns, "total_net_amount", "Total"),
@@ -1476,40 +1731,76 @@ const getNodeFields = (node: TreeNode): NodeField[] => {
   if (node.type === TREE_NODE_TYPES.ORDER_ITEM) {
     const object = orderItemObjectForNode(node);
     return [
-      makeNodeField({ key: "reference", label: treeText("fields.reference", "Reference"), value: object.reference, object, column: "reference", editable: canEditOrderItemField(), editFunction: showEditOrderItemFieldForm, slot: 1 }),
-      makeNodeField({ key: "notes", label: treeText("fields.notes", "Noter"), value: object.notes, object, column: "notes", editable: canEditOrderItemField(), editFunction: showEditOrderItemFieldForm, slot: 3 }),
-      makeNodeField({ key: "quantity", label: treeText("fields.quantity", "Antal"), value: object.quantity, object, column: "quantity", editable: canEditOrderItemField(), editFunction: showEditOrderItemFieldForm, slot: 7, numeric: true }),
-      makeNodeField({ key: "price", label: treeText("fields.price", "Pris"), value: object.price, object, column: "price", editable: canEditOrderItemField(), editFunction: showEditOrderItemFieldForm, formatter: formatCurrency, slot: 8, numeric: true }),
+      makeNodeField({
+        key: "reference",
+        label: treeText("fields.reference", "Reference"),
+        value: object.reference,
+        object,
+        column: "reference",
+        editable: canEditOrderItemField(),
+        editFunction: showEditOrderItemFieldForm,
+        slot: 1,
+      }),
+      makeNodeField({
+        key: "notes",
+        label: treeText("fields.notes", "Noter"),
+        value: object.notes,
+        object,
+        column: "notes",
+        editable: canEditOrderItemField(),
+        editFunction: showEditOrderItemFieldForm,
+        slot: 3,
+      }),
+      makeNodeField({
+        key: "quantity",
+        label: treeText("fields.quantity", "Antal"),
+        value: object.quantity,
+        object,
+        column: "quantity",
+        editable: canEditOrderItemField(),
+        editFunction: showEditOrderItemFieldForm,
+        slot: 7,
+        numeric: true,
+      }),
+      makeNodeField({
+        key: "price",
+        label: treeText("fields.price", "Pris"),
+        value: object.price,
+        object,
+        column: "price",
+        editable: canEditOrderItemField(),
+        editFunction: showEditOrderItemFieldForm,
+        formatter: formatCurrency,
+        slot: 8,
+        numeric: true,
+      }),
     ];
   }
 
   return [];
 };
 const visibleNodeFields = (node: TreeNode) => getNodeFields(node);
-const fieldEditFunction = (field: NodeField) => field.editable ? field.editFunction : null;
+const fieldEditFunction = (field: NodeField) => (field.editable ? field.editFunction : null);
 const fieldParseFunction = (field: NodeField) => (value: any) => formatFieldValue(value, field.formatter || null);
-const shouldRenderCollectionRangeLabel = (node: TreeNode) => (
-  node.type === TREE_NODE_TYPES.COLLECTION
-  && node.meta?.relativeLabel?.kind === "range"
-);
+const shouldRenderCollectionRangeLabel = (node: TreeNode) =>
+  node.type === TREE_NODE_TYPES.COLLECTION && node.meta?.relativeLabel?.kind === "range";
 
 const selectedCountLabel = computed(() => {
   if (!hasSelection.value) {
     return "";
   }
-  return selectedTypes.value
-    .map((type) => `${selectedByType.value[type].length} ${typeLabel(type)}`)
-    .join(", ");
+  return selectedTypes.value.map((type) => `${selectedByType.value[type].length} ${typeLabel(type)}`).join(", ");
 });
 
-const typeLabel = (type: string) => ({
-  [TREE_NODE_TYPES.COLLECTION]: treeText("types.collection", "fakturasamlinger"),
-  [TREE_NODE_TYPES.ORDER]: treeText("types.order", "orders"),
-  [TREE_NODE_TYPES.ORDER_ITEM]: treeText("types.order_item", "orderlinjer"),
-  [TREE_NODE_TYPES.ATTACHMENT]: treeText("types.attachment", "vedhæftninger"),
-  [TREE_NODE_TYPES.BOOKING]: treeText("types.booking", "bookinger"),
-  [TREE_NODE_TYPES.XLVASK_WASH]: treeText("types.xlvask", "selvvaske"),
-}[type] || type);
+const typeLabel = (type: string) =>
+  ({
+    [TREE_NODE_TYPES.COLLECTION]: treeText("types.collection", "fakturasamlinger"),
+    [TREE_NODE_TYPES.ORDER]: treeText("types.order", "orders"),
+    [TREE_NODE_TYPES.ORDER_ITEM]: treeText("types.order_item", "orderlinjer"),
+    [TREE_NODE_TYPES.ATTACHMENT]: treeText("types.attachment", "vedhæftninger"),
+    [TREE_NODE_TYPES.BOOKING]: treeText("types.booking", "bookinger"),
+    [TREE_NODE_TYPES.XLVASK_WASH]: treeText("types.xlvask", "selvvaske"),
+  }[type] || type);
 
 type TreeAction = {
   key: string;
@@ -1545,14 +1836,20 @@ const runActionWithPreview = async (
     html: `<div class="has-text-left">${lines.map((line) => `<p>${escapeHtml(line)}</p>`).join("")}</div>`,
     icon: destructive ? "warning" : "question",
     input: destructive ? "text" : undefined,
-    inputLabel: destructive ? treeText("confirmation.input_label", `Skriv ${confirmationPhrase} for at fortsætte`, { phrase: confirmationPhrase }) : undefined,
+    inputLabel: destructive
+      ? treeText("confirmation.input_label", `Skriv ${confirmationPhrase} for at fortsætte`, {
+          phrase: confirmationPhrase,
+        })
+      : undefined,
     showCancelButton: true,
     confirmButtonText: destructive ? treeText("actions.apply", "Udfør") : commonText("continue", "Fortsæt"),
     cancelButtonText: commonText("cancel", "Annuller"),
     preConfirm: destructive
       ? (value) => {
           if (String(value || "").trim() !== confirmationPhrase) {
-            Swal.showValidationMessage(treeText("confirmation.validation", `Skriv ${confirmationPhrase}`, { phrase: confirmationPhrase }));
+            Swal.showValidationMessage(
+              treeText("confirmation.validation", `Skriv ${confirmationPhrase}`, { phrase: confirmationPhrase })
+            );
             return false;
           }
           return true;
@@ -1583,22 +1880,32 @@ const runActionWithPreview = async (
   }
 };
 
-const escapeHtml = (value: any) => String(value ?? "")
-  .replaceAll("&", "&amp;")
-  .replaceAll("<", "&lt;")
-  .replaceAll(">", "&gt;")
-  .replaceAll('"', "&quot;")
-  .replaceAll("'", "&#039;");
+const escapeHtml = (value: any) =>
+  String(value ?? "")
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&#039;");
 
 const getApiPayload = (response: any) => response?.data?.data ?? response?.data ?? response ?? {};
 
-const getBulkActionLabel = (action: string) => ({
-  [INVOICE_COLLECTION_BULK_ACTIONS.QUEUE_ECONOMIC]: t("invoicing_period.invoice_collection_actions.actions.queue_economic"),
-  [INVOICE_COLLECTION_BULK_ACTIONS.CLEAN_CUSTOMER_RULES]: t("invoicing_period.invoice_collection_actions.actions.remove_customer_rule_violations"),
-  [INVOICE_COLLECTION_BULK_ACTIONS.MERGE]: t("invoicing_period.invoice_collection_actions.actions.merge_collections"),
-  [INVOICE_COLLECTION_BULK_ACTIONS.SPLIT_BY_MONTH]: t("invoicing_period.invoice_collection_actions.actions.split_by_month"),
-  [INVOICE_COLLECTION_BULK_ACTIONS.RESET_HIDDEN_PRICES]: t("invoicing_period.invoice_collection_actions.actions.reset_hidden_item_prices"),
-}[action] || action);
+const getBulkActionLabel = (action: string) =>
+  ({
+    [INVOICE_COLLECTION_BULK_ACTIONS.QUEUE_ECONOMIC]: t(
+      "invoicing_period.invoice_collection_actions.actions.queue_economic"
+    ),
+    [INVOICE_COLLECTION_BULK_ACTIONS.CLEAN_CUSTOMER_RULES]: t(
+      "invoicing_period.invoice_collection_actions.actions.remove_customer_rule_violations"
+    ),
+    [INVOICE_COLLECTION_BULK_ACTIONS.MERGE]: t("invoicing_period.invoice_collection_actions.actions.merge_collections"),
+    [INVOICE_COLLECTION_BULK_ACTIONS.SPLIT_BY_MONTH]: t(
+      "invoicing_period.invoice_collection_actions.actions.split_by_month"
+    ),
+    [INVOICE_COLLECTION_BULK_ACTIONS.RESET_HIDDEN_PRICES]: t(
+      "invoicing_period.invoice_collection_actions.actions.reset_hidden_item_prices"
+    ),
+  }[action] || action);
 
 const normalizeInvoiceCollectionId = (value: any) => {
   const parsed = Number.parseInt(String(value ?? ""), 10);
@@ -1622,9 +1929,11 @@ const renderBulkActionPreviewHtml = (preview: any) => {
   ];
 
   if (preview?.options?.target_invoice_collection_id) {
-    lines.push(t("invoicing_period.invoice_collection_actions.preview.merge_target", {
-      id: preview.options.target_invoice_collection_id,
-    }));
+    lines.push(
+      t("invoicing_period.invoice_collection_actions.preview.merge_target", {
+        id: preview.options.target_invoice_collection_id,
+      })
+    );
   }
 
   if (examples.length > 0) {
@@ -1648,10 +1957,13 @@ const chooseMergeTargetInvoiceCollection = async (invoiceCollectionIds: number[]
   const result = await Swal.fire({
     title: t("invoicing_period.invoice_collection_actions.merge_target_title"),
     input: "select",
-    inputOptions: invoiceCollectionIds.reduce((options: Record<string, string>, invoiceCollectionId) => ({
-      ...options,
-      [invoiceCollectionId]: `#${invoiceCollectionId}`,
-    }), {}),
+    inputOptions: invoiceCollectionIds.reduce(
+      (options: Record<string, string>, invoiceCollectionId) => ({
+        ...options,
+        [invoiceCollectionId]: `#${invoiceCollectionId}`,
+      }),
+      {}
+    ),
     inputValue: String(invoiceCollectionIds[0] ?? ""),
     showCancelButton: true,
     confirmButtonText: commonText("continue", "Fortsæt"),
@@ -1756,13 +2068,14 @@ const runCollectionBulkAction = async (
     if (action === INVOICE_COLLECTION_BULK_ACTIONS.QUEUE_ECONOMIC) {
       const serverQueueJobs = applied?.jobs ?? applied?.result?.jobs;
       const serverQueueJobIds = applied?.queue_job_ids ?? applied?.result?.queue_job_ids;
-      const wasDurablyQueuedByServer = (
-        (Array.isArray(serverQueueJobs) && serverQueueJobs.length > 0)
-        || (Array.isArray(serverQueueJobIds) && serverQueueJobIds.length > 0)
-      );
+      const wasDurablyQueuedByServer =
+        (Array.isArray(serverQueueJobs) && serverQueueJobs.length > 0) ||
+        (Array.isArray(serverQueueJobIds) && serverQueueJobIds.length > 0);
       if (!wasDurablyQueuedByServer) {
         const queuedInvoiceCollectionIds = applied?.result?.queued_invoice_collection_ids || ids;
-        invoiceQueue.addInvoiceCollectionsToQueue(queuedInvoiceCollectionIds, { customerNumber: props.customer?.customer_number });
+        invoiceQueue.addInvoiceCollectionsToQueue(queuedInvoiceCollectionIds, {
+          customerNumber: props.customer?.customer_number,
+        });
         invoiceQueue.processInvoiceCollectionQueue();
       }
     }
@@ -1791,12 +2104,12 @@ const runCollectionBulkAction = async (
 const markOrdersCompleted = (nodes: TreeNode[] = orderNodes(), options: TreeActionRunOptions = {}) => {
   const ids = orderIdsFromNodes(nodes);
   return runActionWithPreview(
-  treeText("actions.orders.mark_completed.title", "Marker orders som færdige"),
+    treeText("actions.orders.mark_completed.title", "Marker orders som færdige"),
     [treeText("actions.orders.mark_completed.preview", "{count} orders markeres som færdige.", { count: ids.length })],
-  async () => {
+    async () => {
       for (const orderId of ids) {
-      await SessionUser.objects.orders.functions.mark_as_completed(orderId);
-    }
+        await SessionUser.objects.orders.functions.mark_as_completed(orderId);
+      }
     },
     true,
     options
@@ -1805,7 +2118,11 @@ const markOrdersCompleted = (nodes: TreeNode[] = orderNodes(), options: TreeActi
 
 const markSelectedOrdersCompleted = () => markOrdersCompleted(orderNodes());
 
-const setOrdersInvoiceIncluded = (include: boolean | null, nodes: TreeNode[] = orderNodes(), options: TreeActionRunOptions = {}) => {
+const setOrdersInvoiceIncluded = (
+  include: boolean | null,
+  nodes: TreeNode[] = orderNodes(),
+  options: TreeActionRunOptions = {}
+) => {
   const ids = orderIdsFromNodes(nodes);
   return runActionWithPreview(
     include === false
@@ -1814,7 +2131,10 @@ const setOrdersInvoiceIncluded = (include: boolean | null, nodes: TreeNode[] = o
     [treeText("actions.orders.invoice_override.preview", "{count} orders opdateres.", { count: ids.length })],
     async () => {
       for (const orderId of ids) {
-        await SessionUser.objects.orders.set.include_in_invoice(orderId, include === null ? null : (include ? "include" : "exclude"));
+        await SessionUser.objects.orders.set.include_in_invoice(
+          orderId,
+          include === null ? null : include ? "include" : "exclude"
+        );
       }
     },
     true,
@@ -1854,11 +2174,10 @@ const moveOrdersToInvoiceCollection = async (nodes: TreeNode[] = orderNodes(), o
     showCancelButton: true,
     confirmButtonText: commonText("continue", "Fortsæt"),
     cancelButtonText: commonText("cancel", "Annuller"),
-    inputValidator: (value) => (
+    inputValidator: (value) =>
       normalizeInvoiceCollectionId(value) === null
         ? treeText("actions.orders.move_collection.validation", "Angiv et gyldigt fakturasamlings-ID.")
-        : undefined
-    ),
+        : undefined,
   });
 
   if (!result.isConfirmed) {
@@ -1894,7 +2213,11 @@ const unlinkOrderBookings = (nodes: TreeNode[] = orderNodes(), options: TreeActi
   const orders = orderNodesFromNodes(nodes).filter((node) => node.meta.bookingId);
   return runActionWithPreview(
     treeText("actions.orders.unlink_booking.title", "Fjern booking fra orders"),
-    [treeText("actions.orders.unlink_booking.preview", "{count} orders får fjernet booking-link.", { count: orders.length })],
+    [
+      treeText("actions.orders.unlink_booking.preview", "{count} orders får fjernet booking-link.", {
+        count: orders.length,
+      }),
+    ],
     async () => {
       for (const node of orders) {
         await SessionUser.objects.orders.set.booking_id(node.meta.orderId, null);
@@ -1911,7 +2234,11 @@ const unlinkOrderXlvask = (nodes: TreeNode[] = orderNodes(), options: TreeAction
   const orders = orderNodesFromNodes(nodes).filter((node) => node.meta.washId);
   return runActionWithPreview(
     treeText("actions.orders.unlink_xlvask.title", "Fjern Selvvask fra orders"),
-    [treeText("actions.orders.unlink_xlvask.preview", "{count} orders får fjernet Selvvask-link.", { count: orders.length })],
+    [
+      treeText("actions.orders.unlink_xlvask.preview", "{count} orders får fjernet Selvvask-link.", {
+        count: orders.length,
+      }),
+    ],
     async () => {
       for (const node of orders) {
         await SessionUser.objects.orders.set.wash_id(node.meta.orderId, "");
@@ -1924,17 +2251,18 @@ const unlinkOrderXlvask = (nodes: TreeNode[] = orderNodes(), options: TreeAction
 
 const unlinkSelectedOrderXlvask = () => unlinkOrderXlvask(orderNodes());
 
-const deleteOrderItems = (ids: any[] = orderItemIds(), options: TreeActionRunOptions = {}) => runActionWithPreview(
-  treeText("actions.order_items.delete.title", "Slet orderlinjer"),
-  [treeText("actions.order_items.delete.preview", "{count} orderlinjer slettes.", { count: ids.length })],
-  async () => {
-    for (const itemId of ids) {
-      await SessionUser.request("/order/items", "DELETE", { id: itemId });
-    }
-  },
-  true,
-  options
-);
+const deleteOrderItems = (ids: any[] = orderItemIds(), options: TreeActionRunOptions = {}) =>
+  runActionWithPreview(
+    treeText("actions.order_items.delete.title", "Slet orderlinjer"),
+    [treeText("actions.order_items.delete.preview", "{count} orderlinjer slettes.", { count: ids.length })],
+    async () => {
+      for (const itemId of ids) {
+        await SessionUser.request("/order/items", "DELETE", { id: itemId });
+      }
+    },
+    true,
+    options
+  );
 
 const deleteSelectedOrderItems = () => deleteOrderItems(orderItemIds());
 
@@ -1949,12 +2277,12 @@ const downloadSelectedAttachments = () => downloadAttachments(attachmentNodes())
 const deleteAttachments = (nodes: TreeNode[] = attachmentNodes(), options: TreeActionRunOptions = {}) => {
   const attachments = attachmentNodesFromNodes(nodes);
   return runActionWithPreview(
-  treeText("actions.attachments.delete.title", "Slet vedhæftninger"),
+    treeText("actions.attachments.delete.title", "Slet vedhæftninger"),
     [treeText("actions.attachments.delete.preview", "{count} vedhæftninger slettes.", { count: attachments.length })],
-  async () => {
+    async () => {
       for (const node of attachments) {
-      await SessionUser.objects.orders.functions.removeAttachment(node.meta.orderId, node.meta.attachmentId);
-    }
+        await SessionUser.objects.orders.functions.removeAttachment(node.meta.orderId, node.meta.attachmentId);
+      }
     },
     true,
     options
@@ -1963,75 +2291,92 @@ const deleteAttachments = (nodes: TreeNode[] = attachmentNodes(), options: TreeA
 
 const deleteSelectedAttachments = () => deleteAttachments(attachmentNodes());
 
-const resendWashCertificates = (orderIdsToResend: any[] = certificateAttachmentOrderIds.value, options: TreeActionRunOptions = {}) => runActionWithPreview(
-  treeText("actions.attachments.resend_wash_certificates.title", "Gensend vaskecertifikater"),
-  [treeText("actions.attachments.resend_wash_certificates.preview", "{count} ordre får gensendt vaskecertifikat.", {
-    count: orderIdsToResend.length,
-  })],
-  async () => {
-    for (const orderId of orderIdsToResend) {
-      await SessionUser.objects.orders.functions.resendWashCertificate(orderId);
-    }
-  },
-  false,
-  options
-);
+const resendWashCertificates = (
+  orderIdsToResend: any[] = certificateAttachmentOrderIds.value,
+  options: TreeActionRunOptions = {}
+) =>
+  runActionWithPreview(
+    treeText("actions.attachments.resend_wash_certificates.title", "Gensend vaskecertifikater"),
+    [
+      treeText("actions.attachments.resend_wash_certificates.preview", "{count} ordre får gensendt vaskecertifikat.", {
+        count: orderIdsToResend.length,
+      }),
+    ],
+    async () => {
+      for (const orderId of orderIdsToResend) {
+        await SessionUser.objects.orders.functions.resendWashCertificate(orderId);
+      }
+    },
+    false,
+    options
+  );
 
 const resendSelectedWashCertificates = () => resendWashCertificates(certificateAttachmentOrderIds.value);
 
-const resendBookingConfirmations = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) => runActionWithPreview(
-  treeText("actions.bookings.resend_confirmation.title", "Gensend bookingbekræftelser"),
-  [treeText("actions.bookings.resend_confirmation.preview", "{count} bookingbekræftelser sendes igen.", { count: ids.length })],
-  async () => {
-    for (const bookingId of ids) {
-      await SessionUser.objects.order_bookings.functions.resendBookingConfirmation(bookingId);
-    }
-  },
-  false,
-  options
-);
+const resendBookingConfirmations = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) =>
+  runActionWithPreview(
+    treeText("actions.bookings.resend_confirmation.title", "Gensend bookingbekræftelser"),
+    [
+      treeText("actions.bookings.resend_confirmation.preview", "{count} bookingbekræftelser sendes igen.", {
+        count: ids.length,
+      }),
+    ],
+    async () => {
+      for (const bookingId of ids) {
+        await SessionUser.objects.order_bookings.functions.resendBookingConfirmation(bookingId);
+      }
+    },
+    false,
+    options
+  );
 
 const resendSelectedBookingConfirmations = () => resendBookingConfirmations(bookingIds());
 
-const resendBookingCompletionConfirmations = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) => runActionWithPreview(
-  treeText("actions.bookings.resend_completion.title", "Gensend afslutningsbekræftelser"),
-  [treeText("actions.bookings.resend_completion.preview", "{count} afslutningsbekræftelser sendes igen.", { count: ids.length })],
-  async () => {
-    for (const bookingId of ids) {
-      await SessionUser.objects.order_bookings.functions.resendBookingCompletionConfirmation(bookingId);
-    }
-  },
-  false,
-  options
-);
+const resendBookingCompletionConfirmations = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) =>
+  runActionWithPreview(
+    treeText("actions.bookings.resend_completion.title", "Gensend afslutningsbekræftelser"),
+    [
+      treeText("actions.bookings.resend_completion.preview", "{count} afslutningsbekræftelser sendes igen.", {
+        count: ids.length,
+      }),
+    ],
+    async () => {
+      for (const bookingId of ids) {
+        await SessionUser.objects.order_bookings.functions.resendBookingCompletionConfirmation(bookingId);
+      }
+    },
+    false,
+    options
+  );
 
 const resendSelectedBookingCompletionConfirmations = () => resendBookingCompletionConfirmations(bookingIds());
 
-const deleteBookings = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) => runActionWithPreview(
-  treeText("actions.bookings.delete.title", "Slet bookinger"),
-  [treeText("actions.bookings.delete.preview", "{count} bookinger slettes.", { count: ids.length })],
-  async () => {
-    for (const bookingId of ids) {
-      await SessionUser.objects.order_bookings.delete.single(bookingId);
-    }
-  },
-  true,
-  options
-);
+const deleteBookings = (ids: any[] = bookingIds(), options: TreeActionRunOptions = {}) =>
+  runActionWithPreview(
+    treeText("actions.bookings.delete.title", "Slet bookinger"),
+    [treeText("actions.bookings.delete.preview", "{count} bookinger slettes.", { count: ids.length })],
+    async () => {
+      for (const bookingId of ids) {
+        await SessionUser.objects.order_bookings.delete.single(bookingId);
+      }
+    },
+    true,
+    options
+  );
 
 const deleteSelectedBookings = () => deleteBookings(bookingIds());
 
 const ignoreXlvaskRows = (nodes: TreeNode[] = actionableXlvaskNodes.value, options: TreeActionRunOptions = {}) => {
   const rows = actionableXlvaskNodesFromNodes(nodes);
   return runActionWithPreview(
-  treeText("actions.xlvask.ignore.title", "Ignorer XL Vask rækker"),
+    treeText("actions.xlvask.ignore.title", "Ignorer XL Vask rækker"),
     [treeText("actions.xlvask.ignore.preview", "{count} XL Vask rækker ignoreres.", { count: rows.length })],
-  async () => {
+    async () => {
       for (const node of rows) {
-      await SessionUser.request(`/modules/xlvask/services/usage/orders/${node.meta.usageId}/ignore`, "PATCH", {
-        reason: "Ignored from invoice period tree",
-      });
-    }
+        await SessionUser.request(`/modules/xlvask/services/usage/orders/${node.meta.usageId}/ignore`, "PATCH", {
+          reason: "Ignored from invoice period tree",
+        });
+      }
     },
     true,
     options
@@ -2057,10 +2402,14 @@ const decideXlvaskAutomation = (
     ],
     async () => {
       for (const node of rows) {
-        await SessionUser.request(`/modules/xlvask/services/usage/orders/${node.meta.usageId}/automation/${decision}`, "POST", {
-          suggestion_id: node.meta.automation?.id ?? null,
-          reason: `${decision} from invoice period tree`,
-        });
+        await SessionUser.request(
+          `/modules/xlvask/services/usage/orders/${node.meta.usageId}/automation/${decision}`,
+          "POST",
+          {
+            suggestion_id: node.meta.automation?.id ?? null,
+            reason: `${decision} from invoice period tree`,
+          }
+        );
       }
     },
     true,
@@ -2068,7 +2417,8 @@ const decideXlvaskAutomation = (
   );
 };
 
-const decideSelectedXlvaskAutomation = (decision: "accept" | "deny") => decideXlvaskAutomation(decision, actionableXlvaskNodes.value);
+const decideSelectedXlvaskAutomation = (decision: "accept" | "deny") =>
+  decideXlvaskAutomation(decision, actionableXlvaskNodes.value);
 
 const collectionActions = (): TreeAction[] => [
   {
@@ -2255,36 +2605,41 @@ const xlvaskActions = (): TreeAction[] => [
   },
 ];
 
-const actionsForType = (type: string): TreeAction[] => ({
-  [TREE_NODE_TYPES.COLLECTION]: collectionActions,
-  [TREE_NODE_TYPES.ORDER]: orderActions,
-  [TREE_NODE_TYPES.ORDER_ITEM]: orderItemActions,
-  [TREE_NODE_TYPES.ATTACHMENT]: attachmentActions,
-  [TREE_NODE_TYPES.BOOKING]: bookingActions,
-  [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskActions,
-}[type]?.() || []);
+const actionsForType = (type: string): TreeAction[] =>
+  ({
+    [TREE_NODE_TYPES.COLLECTION]: collectionActions,
+    [TREE_NODE_TYPES.ORDER]: orderActions,
+    [TREE_NODE_TYPES.ORDER_ITEM]: orderItemActions,
+    [TREE_NODE_TYPES.ATTACHMENT]: attachmentActions,
+    [TREE_NODE_TYPES.BOOKING]: bookingActions,
+    [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskActions,
+  }[type]?.() || []);
 
-const selectedActionCount = (type: string) => ({
-  [TREE_NODE_TYPES.COLLECTION]: collectionIds().length,
-  [TREE_NODE_TYPES.ORDER]: orderIds().length,
-  [TREE_NODE_TYPES.ORDER_ITEM]: orderItemIds().length,
-  [TREE_NODE_TYPES.ATTACHMENT]: attachmentNodes().length,
-  [TREE_NODE_TYPES.BOOKING]: bookingIds().length,
-  [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskNodes().length,
-}[type] || 0);
+const selectedActionCount = (type: string) =>
+  ({
+    [TREE_NODE_TYPES.COLLECTION]: collectionIds().length,
+    [TREE_NODE_TYPES.ORDER]: orderIds().length,
+    [TREE_NODE_TYPES.ORDER_ITEM]: orderItemIds().length,
+    [TREE_NODE_TYPES.ATTACHMENT]: attachmentNodes().length,
+    [TREE_NODE_TYPES.BOOKING]: bookingIds().length,
+    [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskNodes().length,
+  }[type] || 0);
 
-const actionGroups = computed<TreeActionGroup[]>(() => selectedTypes.value
-  .map((type) => ({
-    type,
-    label: typeLabel(type),
-    count: selectedActionCount(type),
-    actions: actionsForType(type),
-  }))
-  .filter((group) => group.count > 0 && group.actions.length > 0));
+const actionGroups = computed<TreeActionGroup[]>(() =>
+  selectedTypes.value
+    .map((type) => ({
+      type,
+      label: typeLabel(type),
+      count: selectedActionCount(type),
+      actions: actionsForType(type),
+    }))
+    .filter((group) => group.count > 0 && group.actions.length > 0)
+);
 
 const hasActionGroups = computed(() => actionGroups.value.length > 0);
 const isTreeActionLoading = (action: TreeAction) => activeTreeActionKey.value === action.key;
-const isTreeActionDisabled = (action: TreeAction) => Boolean(action.disabled || action.affectedCount === 0 || activeTreeActionKey.value);
+const isTreeActionDisabled = (action: TreeAction) =>
+  Boolean(action.disabled || action.affectedCount === 0 || activeTreeActionKey.value);
 const treeActionItemClass = (action: TreeAction) => ({
   "has-text-danger": action.tone === "danger",
   "has-text-dark": action.tone === "dark",
@@ -2366,25 +2721,37 @@ const collectionNodeActions = (node: TreeNode): TreeAction[] => {
       icon: "fa-file-invoice",
       tone: "dark",
       affectedCount: 1,
-      run: () => runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.QUEUE_ECONOMIC, [collectionId], rowActionOptions()),
+      run: () =>
+        runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.QUEUE_ECONOMIC, [collectionId], rowActionOptions()),
     }),
     rowAction(node, "collection:clean-customer-rules", {
       label: t("invoicing_period.invoice_collection_actions.actions.remove_customer_rule_violations"),
       icon: "fa-broom",
       affectedCount: 1,
-      run: () => runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.CLEAN_CUSTOMER_RULES, [collectionId], rowActionOptions()),
+      run: () =>
+        runCollectionBulkAction(
+          INVOICE_COLLECTION_BULK_ACTIONS.CLEAN_CUSTOMER_RULES,
+          [collectionId],
+          rowActionOptions()
+        ),
     }),
     rowAction(node, "collection:split-by-month", {
       label: t("invoicing_period.invoice_collection_actions.actions.split_by_month"),
       icon: "fa-calendar-alt",
       affectedCount: 1,
-      run: () => runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.SPLIT_BY_MONTH, [collectionId], rowActionOptions()),
+      run: () =>
+        runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.SPLIT_BY_MONTH, [collectionId], rowActionOptions()),
     }),
     rowAction(node, "collection:reset-hidden-prices", {
       label: t("invoicing_period.invoice_collection_actions.actions.reset_hidden_item_prices"),
       icon: "fa-tags",
       affectedCount: 1,
-      run: () => runCollectionBulkAction(INVOICE_COLLECTION_BULK_ACTIONS.RESET_HIDDEN_PRICES, [collectionId], rowActionOptions()),
+      run: () =>
+        runCollectionBulkAction(
+          INVOICE_COLLECTION_BULK_ACTIONS.RESET_HIDDEN_PRICES,
+          [collectionId],
+          rowActionOptions()
+        ),
     }),
   ];
 };
@@ -2542,15 +2909,16 @@ const economicInvoiceNodeActions = (node: TreeNode): TreeAction[] => [
   }),
 ];
 
-const actionsForNode = (node: TreeNode): TreeAction[] => ({
-  [TREE_NODE_TYPES.COLLECTION]: collectionNodeActions,
-  [TREE_NODE_TYPES.ORDER]: orderNodeActions,
-  [TREE_NODE_TYPES.ORDER_ITEM]: orderItemNodeActions,
-  [TREE_NODE_TYPES.ATTACHMENT]: attachmentNodeActions,
-  [TREE_NODE_TYPES.BOOKING]: bookingNodeActions,
-  [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskNodeActions,
-  [TREE_NODE_TYPES.ECONOMIC_INVOICE]: economicInvoiceNodeActions,
-}[node.type]?.(node) || []);
+const actionsForNode = (node: TreeNode): TreeAction[] =>
+  ({
+    [TREE_NODE_TYPES.COLLECTION]: collectionNodeActions,
+    [TREE_NODE_TYPES.ORDER]: orderNodeActions,
+    [TREE_NODE_TYPES.ORDER_ITEM]: orderItemNodeActions,
+    [TREE_NODE_TYPES.ATTACHMENT]: attachmentNodeActions,
+    [TREE_NODE_TYPES.BOOKING]: bookingNodeActions,
+    [TREE_NODE_TYPES.XLVASK_WASH]: xlvaskNodeActions,
+    [TREE_NODE_TYPES.ECONOMIC_INVOICE]: economicInvoiceNodeActions,
+  }[node.type]?.(node) || []);
 
 const nodeActionSections = (node: TreeNode): WheelMenuSection[] => {
   const items = actionsForNode(node).map(treeActionToWheelItem);
@@ -2558,11 +2926,13 @@ const nodeActionSections = (node: TreeNode): WheelMenuSection[] => {
     return [];
   }
 
-  return [{
-    key: `node-actions:${node.id}`,
-    label: typeLabel(node.type),
-    items,
-  }];
+  return [
+    {
+      key: `node-actions:${node.id}`,
+      label: typeLabel(node.type),
+      items,
+    },
+  ];
 };
 
 const nodeActionWheelProps = (node: TreeNode) => {
@@ -2619,15 +2989,32 @@ const nodeActionWheelProps = (node: TreeNode) => {
 
 <template>
   <div class="invoice-period-object-tree" data-testid="invoice-period-object-tree">
-    <div
-      v-if="hasSelection"
-      class="invoice-period-tree-toolbar"
-      data-testid="invoice-period-tree-toolbar"
-    >
-      <div class="invoice-period-tree-toolbar__summary">
-        <span class="tag is-dark is-light">{{ selectedCountLabel }}</span>
+    <div class="invoice-period-tree-toolbar" data-testid="invoice-period-tree-toolbar">
+      <div class="invoice-period-tree-toolbar__controls">
+        <button
+          type="button"
+          class="button is-small is-light invoice-period-tree-toggle-all"
+          :class="{ 'is-loading': isExpandingAll }"
+          :disabled="isExpandingAll || !hasExpandableNodes"
+          :aria-pressed="isAllExpanded"
+          aria-controls="invoice-period-object-tree-root"
+          data-testid="invoice-period-tree-toggle-all"
+          @click="toggleExpandAll"
+        >
+          <span class="icon is-small" aria-hidden="true">
+            <i class="fas" :class="isAllExpanded ? 'fa-compress-alt' : 'fa-expand-alt'"></i>
+          </span>
+          <span>
+            {{
+              isAllExpanded
+                ? treeText("buttons.collapse_all", "Fold alle sammen")
+                : treeText("buttons.expand_all", "Udfold alle")
+            }}
+          </span>
+        </button>
+        <span v-if="hasSelection" class="tag is-dark is-light">{{ selectedCountLabel }}</span>
       </div>
-      <div class="invoice-period-tree-toolbar__actions">
+      <div v-if="hasSelection" class="invoice-period-tree-toolbar__actions">
         <div
           v-for="group in actionGroups"
           :key="group.type"
@@ -2677,11 +3064,16 @@ const nodeActionWheelProps = (node: TreeNode) => {
             </div>
           </div>
         </div>
-        <span v-if="!hasActionGroups" class="tag is-warning is-light">{{ treeText("selection.no_actions", "Ingen handlinger til de valgte objekter") }}</span>
+        <span v-if="!hasActionGroups" class="tag is-warning is-light">{{
+          treeText("selection.no_actions", "Ingen handlinger til de valgte objekter")
+        }}</span>
       </div>
     </div>
 
     <BuefyTree
+      :key="currentSignature"
+      ref="treeRef"
+      id="invoice-period-object-tree-root"
       v-model:checked-keys="checkedKeys"
       v-model:expanded-keys="expandedKeys"
       :data="rootNodes"
@@ -2693,7 +3085,11 @@ const nodeActionWheelProps = (node: TreeNode) => {
       :load-more-label="treeText('buttons.show_more', 'Vis {count} mere', { count: '{count}' })"
       :default-expand-all="autoExpandAll"
       :aria-label="treeText('aria_label', 'Fakturaperiode objekttræ')"
-      @load-error="(error, node) => { nodeErrors[node.id] = SessionUser.functions.parseErrorMessage?.(error) || loadFailedMessage() }"
+      @load-error="
+        (error, node) => {
+          nodeErrors[node.id] = SessionUser.functions.parseErrorMessage?.(error) || loadFailedMessage();
+        }
+      "
       @node-click="onTreeNodeClick"
     >
       <template #icon="{ node, loading, error }">
@@ -2716,7 +3112,7 @@ const nodeActionWheelProps = (node: TreeNode) => {
               class="invoice-period-tree-node__content"
               :class="[
                 `invoice-period-tree-node__content--${node.type}`,
-                { 'invoice-period-tree-node__content--with-fields': visibleNodeFields(node).length > 0 }
+                { 'invoice-period-tree-node__content--with-fields': visibleNodeFields(node).length > 0 },
               ]"
             >
               <div class="invoice-period-tree-node__identity">
@@ -2740,11 +3136,18 @@ const nodeActionWheelProps = (node: TreeNode) => {
                       @status-changed="handleFlagStatusChanged"
                     />
                   </span>
-                  <span v-if="node.meta?.count !== null && node.meta?.count !== undefined" class="tag is-light is-small">
+                  <span
+                    v-if="node.meta?.count !== null && node.meta?.count !== undefined"
+                    class="tag is-light is-small"
+                  >
                     {{ node.meta.count }}
                   </span>
                 </div>
-                <div v-if="getNodeSubtitle(node)" class="invoice-period-tree-node__subtitle" :title="getNodeSubtitle(node)">
+                <div
+                  v-if="getNodeSubtitle(node)"
+                  class="invoice-period-tree-node__subtitle"
+                  :title="getNodeSubtitle(node)"
+                >
                   {{ getNodeSubtitle(node) }}
                 </div>
               </div>
@@ -2796,9 +3199,7 @@ const nodeActionWheelProps = (node: TreeNode) => {
                       :permission-check-function="() => field.editable === true"
                       :cell-test-id="`invoice-period-tree-field-editor-${node.id}-${field.key}`"
                     />
-                    <span
-                      v-else
-                    >
+                    <span v-else>
                       {{ field.display }}
                     </span>
                   </span>
@@ -2853,7 +3254,9 @@ const nodeActionWheelProps = (node: TreeNode) => {
                   {{ previewError(node) }}
                 </div>
                 <template v-else-if="node.type === TREE_NODE_TYPES.ATTACHMENT">
-                  <template v-if="attachmentPreviewSource(node)?.kind === 'image' && attachmentPreviewSource(node)?.url">
+                  <template
+                    v-if="attachmentPreviewSource(node)?.kind === 'image' && attachmentPreviewSource(node)?.url"
+                  >
                     <img
                       class="invoice-period-tree-node-preview__image"
                       :src="attachmentPreviewSource(node).url"
@@ -2888,7 +3291,10 @@ const nodeActionWheelProps = (node: TreeNode) => {
                       <dd>{{ row.value }}</dd>
                     </template>
                   </dl>
-                  <ul v-if="economicPreviewWarnings(node).length > 0" class="invoice-period-tree-node-preview__warnings">
+                  <ul
+                    v-if="economicPreviewWarnings(node).length > 0"
+                    class="invoice-period-tree-node-preview__warnings"
+                  >
                     <li v-for="warning in economicPreviewWarnings(node)" :key="warning">{{ warning }}</li>
                   </ul>
                   <div class="invoice-period-tree-node-preview__fallback">
@@ -2940,6 +3346,17 @@ const nodeActionWheelProps = (node: TreeNode) => {
   gap: 0.35rem;
 }
 
+.invoice-period-tree-toolbar__controls {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.invoice-period-tree-toggle-all {
+  min-width: 8.5rem;
+}
+
 .invoice-period-tree-actions-dropdown {
   flex: 0 0 auto;
 }
@@ -3379,6 +3796,15 @@ const nodeActionWheelProps = (node: TreeNode) => {
     display: block;
   }
 
+  .invoice-period-tree-toolbar__controls,
+  .invoice-period-tree-toggle-all {
+    width: 100%;
+  }
+
+  .invoice-period-tree-toolbar__controls .tag {
+    width: fit-content;
+  }
+
   .invoice-period-tree-toolbar__actions {
     margin-top: 0.5rem;
   }
diff --git a/tests/e2e/invoicing-period.smoke.spec.js b/tests/e2e/invoicing-period.smoke.spec.js
index 9f3e25d1..ff776552 100644
--- a/tests/e2e/invoicing-period.smoke.spec.js
+++ b/tests/e2e/invoicing-period.smoke.spec.js
@@ -1382,6 +1382,77 @@ test.describe("Invoicing period tab", () => {
       .toBe(true);
   });
 
+  test("@smoke @pr period review expands and collapses the selected customer's complete object tree", async ({
+    page,
+  }) => {
+    await page.setViewportSize({ width: 1280, height: 900 });
+    const orderItemRequests = [];
+    page.on("request", (request) => {
+      if (request.method() === "GET" && new URL(request.url()).pathname.endsWith("/order/items")) {
+        orderItemRequests.push(request.url());
+      }
+    });
+
+    await openPeriodView(page, {
+      payloadFactory: createObjectTreePeriodPayload,
+      beforeGoto: routeObjectTreeOrderEndpoints,
+    });
+    await page.getByTestId("invoicing-period-view-selector-all").click();
+    await expect(page.getByTestId("invoicing-period-customer-expanded-4101")).toBeVisible();
+
+    const toggleAll = page.getByTestId("invoice-period-tree-toggle-all");
+    const firstInvoiceCollection = page.getByTestId("invoice-period-tree-node-collected_order_invoice:3001");
+    await expect(toggleAll).toBeVisible();
+    await expect(toggleAll).toBeEnabled();
+    await expect(toggleAll).toContainText(/Udfold alle|Expand all/i);
+    const toggleBox = await toggleAll.boundingBox();
+    const collectionBox = await firstInvoiceCollection.boundingBox();
+    expect(toggleBox).not.toBeNull();
+    expect(collectionBox).not.toBeNull();
+    expect(toggleBox.y + toggleBox.height).toBeLessThanOrEqual(collectionBox.y);
+    await toggleAll.click();
+
+    await expect(page.getByTestId("invoice-period-tree-node-order:9001")).toBeVisible();
+    await expect(page.getByTestId("invoice-period-tree-node-order_item:7701")).toBeVisible();
+    await expect(toggleAll).toContainText(/Fold alle sammen|Collapse all/i);
+    await expect(toggleAll).toHaveAttribute("aria-pressed", "true");
+    await expect
+      .poll(() =>
+        page
+          .getByTestId("invoice-period-object-tree")
+          .locator('[role="treeitem"][aria-expanded]')
+          .evaluateAll(
+            (nodes) => nodes.length > 0 && nodes.every((node) => node.getAttribute("aria-expanded") === "true")
+          )
+      )
+      .toBe(true);
+
+    const firstExpansionRequestCount = orderItemRequests.length;
+    expect(firstExpansionRequestCount).toBeGreaterThan(0);
+    await toggleAll.click();
+    await expect(toggleAll).toContainText(/Udfold alle|Expand all/i);
+    await expect(toggleAll).toHaveAttribute("aria-pressed", "false");
+    await expect(page.locator('[data-node-key="collected_order_invoice:3001"]')).toHaveAttribute(
+      "aria-expanded",
+      "false"
+    );
+
+    await toggleAll.click();
+    await expect(toggleAll).toContainText(/Fold alle sammen|Collapse all/i);
+    expect(orderItemRequests).toHaveLength(firstExpansionRequestCount);
+
+    for (const viewport of [
+      { width: 820, height: 1180 },
+      { width: 390, height: 844 },
+    ]) {
+      await page.setViewportSize(viewport);
+      await expect(toggleAll).toBeVisible();
+      await expect
+        .poll(() => page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth))
+        .toBe(true);
+    }
+  });
+
   test("@smoke period view opens Selvvask import and attaching view", async ({ page }) => {
     const usageOrderRequests = [];
     const fastLinkRequests = [];
@@ -1913,6 +1984,12 @@ test.describe("Invoicing period tab", () => {
       "quantity"
     );
     const priceBox = await getBoundingBox(page.getByTestId("invoice-period-tree-field-order_item:7701-price"), "price");
+    const firstOrderItem = page.getByTestId("invoice-period-tree-node-order_item:7701");
+    await expect(firstOrderItem.locator(".invoice-period-tree-node__subtitle")).toHaveCount(0);
+    await expect(page.getByTestId("invoice-period-tree-field-order_item:7701-quantity")).toContainText(
+      /Antal|Quantity/i
+    );
+    await expect(page.getByTestId("invoice-period-tree-field-order_item:7701-price")).toContainText(/Pris|Price/i);
     expect(quantityBox.x + quantityBox.width).toBeLessThanOrEqual(priceBox.x + 2);
     const alignedAmountBoxes = await Promise.all([
       getBoundingBox(
diff --git a/tests/unit/buefy-tree-selection.spec.js b/tests/unit/buefy-tree-selection.spec.js
index 7d085070..8eb52f91 100644
--- a/tests/unit/buefy-tree-selection.spec.js
+++ b/tests/unit/buefy-tree-selection.spec.js
@@ -93,4 +93,97 @@ describe("BuefyTree checkbox selection", () => {
     expect(wrapper.emitted("update:checkedKeys")?.at(-1)?.[0]).toHaveLength(1000);
     expect(wrapper.findAll('[data-node-key^="order:"]')).toHaveLength(100);
   });
+
+  it("recursively expands lazy branches, reveals every child, and reuses the cache after collapse", async () => {
+    let activeLoads = 0;
+    let maxActiveLoads = 0;
+    const load = vi.fn(async (node) => {
+      activeLoads += 1;
+      maxActiveLoads = Math.max(maxActiveLoads, activeLoads);
+      await Promise.resolve();
+      activeLoads -= 1;
+
+      if (node.id === "root") {
+        return [
+          { id: "branch:a", label: "Branch A", isLeaf: false },
+          { id: "branch:b", label: "Branch B", isLeaf: false },
+        ];
+      }
+      if (node.id === "branch:a") {
+        return [
+          { id: "leaf:a1", label: "Leaf A1", isLeaf: true },
+          { id: "leaf:a2", label: "Leaf A2", isLeaf: true },
+        ];
+      }
+      if (node.id === "branch:b") {
+        return [{ id: "branch:b1", label: "Branch B1", isLeaf: false }];
+      }
+      if (node.id === "branch:b1") {
+        return [{ id: "leaf:b1", label: "Leaf B1", isLeaf: true }];
+      }
+      return [];
+    });
+    const wrapper = mount(BuefyTree, {
+      props: {
+        data: [{ id: "root", label: "Root", isLeaf: false }],
+        lazy: true,
+        load,
+        progressiveBatchSize: 1,
+      },
+    });
+
+    const [firstResult, duplicateResult] = await Promise.all([wrapper.vm.expandAll(), wrapper.vm.expandAll()]);
+    await flushPromises();
+
+    expect(firstResult).toEqual(duplicateResult);
+    expect(firstResult.cancelled).toBe(false);
+    expect(firstResult.failedKeys).toEqual([]);
+    expect(firstResult.expandedKeys).toEqual(["root", "branch:a", "branch:b", "branch:b1"]);
+    expect(load).toHaveBeenCalledTimes(4);
+    expect(maxActiveLoads).toBeGreaterThan(1);
+    expect(maxActiveLoads).toBeLessThanOrEqual(4);
+    expect(wrapper.findAll('[data-node-key^="branch:"]')).toHaveLength(3);
+    expect(wrapper.findAll('[data-node-key^="leaf:"]')).toHaveLength(3);
+
+    wrapper.vm.collapseAll();
+    await flushPromises();
+    expect(wrapper.findAll('[data-node-key^="branch:"]')).toHaveLength(0);
+
+    await wrapper.vm.expandAll();
+    await flushPromises();
+    expect(load).toHaveBeenCalledTimes(4);
+    expect(wrapper.findAll('[data-node-key^="leaf:"]')).toHaveLength(3);
+  });
+
+  it("continues expanding sibling branches when one lazy branch fails", async () => {
+    const load = vi.fn(async (node) => {
+      if (node.id === "root") {
+        return [
+          { id: "branch:good", label: "Good", isLeaf: false },
+          { id: "branch:bad", label: "Bad", isLeaf: false },
+        ];
+      }
+      if (node.id === "branch:bad") {
+        throw new Error("Branch failed");
+      }
+      return [{ id: "leaf:good", label: "Good leaf", isLeaf: true }];
+    });
+    const wrapper = mount(BuefyTree, {
+      props: {
+        data: [{ id: "root", label: "Root", isLeaf: false }],
+        lazy: true,
+        load,
+      },
+    });
+
+    const result = await wrapper.vm.expandAll();
+    await flushPromises();
+
+    expect(result.cancelled).toBe(false);
+    expect(result.failedKeys).toEqual(["branch:bad"]);
+    expect(result.expandedKeys).toEqual(["root", "branch:good", "branch:bad"]);
+    expect(wrapper.emitted("load-error")?.[0]?.[0]).toEqual(new Error("Branch failed"));
+    expect(wrapper.get('[data-node-key="leaf:good"]').text()).toContain("Good leaf");
+    expect(wrapper.get('[data-node-key="branch:bad"]').classes()).toContain("has-load-error");
+  });
 });
diff --git a/tests/unit/invoicing-period-object-tree.spec.js b/tests/unit/invoicing-period-object-tree.spec.js
index 99d72ad4..81b2014e 100644
--- a/tests/unit/invoicing-period-object-tree.spec.js
+++ b/tests/unit/invoicing-period-object-tree.spec.js
@@ -331,6 +331,69 @@ describe("InvoicingPeriodObjectTree", () => {
     expect(wrapper.text()).toContain("Premium wash");
   });
 
+  it("shows order-item quantity and price once through the standard editable fields", async () => {
+    const wrapper = mountTree();
+
+    await expandNode(wrapper, "collected_order_invoice:3001");
+    await expandNode(wrapper, "category:3001:collection_orders");
+    await expandNode(wrapper, "order:9001");
+
+    const orderItem = wrapper.get('[data-testid="invoice-period-tree-node-order_item:501"]');
+    expect(orderItem.find(".invoice-period-tree-node__subtitle").exists()).toBe(false);
+
+    const quantity = wrapper.get('[data-testid="invoice-period-tree-field-order_item:501-quantity"]');
+    const price = wrapper.get('[data-testid="invoice-period-tree-field-order_item:501-price"]');
+    expect(quantity.text()).toContain("Antal");
+    expect(quantity.text()).toContain("2");
+    expect(price.text()).toContain("Pris");
+    expect(price.text()).toContain("120 DKK");
+    expect(quantity.find(".editable-table-column-stub").exists()).toBe(true);
+    expect(price.find(".editable-table-column-stub").exists()).toBe(true);
+  });
+
+  it("keeps a visible expand-all toggle and reuses loaded branches after collapse", async () => {
+    const wrapper = mountTree();
+    const toggle = () => wrapper.get('[data-testid="invoice-period-tree-toggle-all"]');
+
+    expect(wrapper.get('[data-testid="invoice-period-tree-toolbar"]').exists()).toBe(true);
+    expect(
+      wrapper.find('[data-testid="invoice-period-tree-toolbar"] .invoice-period-tree-toolbar__actions').exists()
+    ).toBe(false);
+    expect(toggle().text()).toContain("Udfold alle");
+    expect(toggle().attributes("aria-pressed")).toBe("false");
+
+    await toggle().trigger("click");
+    await flushPromises();
+
+    expect(wrapper.get('[data-node-key="collected_order_invoice:3001"]').classes()).toContain("is-expanded");
+    expect(wrapper.get('[data-node-key="category:3001:collection_orders"]').classes()).toContain("is-expanded");
+    expect(wrapper.get('[data-node-key="order:9001"]').classes()).toContain("is-expanded");
+    expect(wrapper.get('[data-node-key="category:9001:order_items"]').classes()).toContain("is-expanded");
+    expect(toggle().text()).toContain("Fold alle sammen");
+    expect(toggle().attributes("aria-pressed")).toBe("true");
+
+    const loadCallCount = mocks.request.mock.calls.length;
+    await toggle().trigger("click");
+    await flushPromises();
+    expect(wrapper.get('[data-node-key="collected_order_invoice:3001"]').classes()).not.toContain("is-expanded");
+    expect(toggle().text()).toContain("Udfold alle");
+
+    await toggle().trigger("click");
+    await flushPromises();
+    expect(mocks.request).toHaveBeenCalledTimes(loadCallCount);
+    expect(toggle().text()).toContain("Fold alle sammen");
+  });
+
+  it("fully expands lazy content by default for invoice-per-order views", async () => {
+    const wrapper = mountTree({ autoExpandAll: true });
+
+    await flushPromises();
+
+    expect(wrapper.get('[data-testid="invoice-period-tree-toggle-all"]').text()).toContain("Fold alle sammen");
+    expect(wrapper.get('[data-node-key="order:9001"]').classes()).toContain("is-expanded");
+    expect(wrapper.get('[data-node-key="category:9001:order_items"]').classes()).toContain("is-expanded");
+  });
+
   it("renders row action wheels for actionable collection, order, and order item nodes", async () => {
     const wrapper = mountTree();
 
diff --git a/tests/unit/superuser-invoices-view.spec.js b/tests/unit/superuser-invoices-view.spec.js
index 589a4333..a13772ad 100644
--- a/tests/unit/superuser-invoices-view.spec.js
+++ b/tests/unit/superuser-invoices-view.spec.js
@@ -651,6 +651,9 @@ describe("Periode tab contract", () => {
     expect(buefyTreeSource).toContain("progressiveBatchSize");
     expect(buefyTreeSource).toContain("visibleChildrenOf");
     expect(buefyTreeSource).toContain("remainingChildrenCount");
+    expect(buefyTreeSource).toContain("const expandAll =");
+    expect(buefyTreeSource).toContain("EXPAND_ALL_CONCURRENCY = 4");
+    expect(buefyTreeSource).toContain("defineExpose");
     expect(buefyTreeNodeSource).toContain('<slot name="icon"');
     expect(buefyTreeNodeSource).toContain(':retry="() => tree.retryLoad(node)"');
     expect(buefyTreeNodeSource).toContain("b-tree-load-more__button");
@@ -669,6 +672,7 @@ describe("Periode tab contract", () => {
     expect(periodTreeNodeServiceSource).toContain("hasWashCertificateOrderItem");
     expect(periodObjectTreeSource).toContain("fetchAttachmentContent");
     expect(periodObjectTreeSource).toContain('data-testid="invoice-period-tree-toolbar"');
+    expect(periodObjectTreeSource).toContain('data-testid="invoice-period-tree-toggle-all"');
     expect(periodObjectTreeSource).toContain("`invoice-period-tree-actions-dropdown-${group.type}`");
   });
 
@@ -742,6 +746,8 @@ describe("Periode tab contract", () => {
   it("defines mixed-selection action menu locale labels", () => {
     localeMessages.forEach(({ messages }) => {
       expect(messages.invoicing_period.object_tree.buttons.actions).toBeTruthy();
+      expect(messages.invoicing_period.object_tree.buttons.collapse_all).toBeTruthy();
+      expect(messages.invoicing_period.object_tree.buttons.expand_all).toBeTruthy();
       expect(messages.invoicing_period.object_tree.selection.no_actions).toBeTruthy();
     });
   });