diff --git a/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue b/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue
index af8c6612..a3e475fa 100644
--- a/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue
+++ b/src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue
@@ -133,10 +133,7 @@ const onFilterChanged = (filters: any) => {
   tmpFilters.value = filters;
   const includeRequiresAction = filters.displayRequiresAction !== false;
   const includeBooked = filters.displayBooked !== false;
-  if (
-    periodPaging.includeRequiresAction !== includeRequiresAction
-    || periodPaging.includeBooked !== includeBooked
-  ) {
+  if (periodPaging.includeRequiresAction !== includeRequiresAction || periodPaging.includeBooked !== includeBooked) {
     periodPaging.includeRequiresAction = includeRequiresAction;
     periodPaging.includeBooked = includeBooked;
     periodPaging.page = 1;
@@ -289,13 +286,11 @@ const getDuplicateTransactionCustomerLabel = (transaction: any) => {
   return [customerName, customerNumber].filter(Boolean).join(" ");
 };
 
-const getDuplicateTransactionDateLabel = (transaction: any) => formatDuplicateDateLabel(
-  getDuplicateTransactionDateKey(transaction)
-);
+const getDuplicateTransactionDateLabel = (transaction: any) =>
+  formatDuplicateDateLabel(getDuplicateTransactionDateKey(transaction));
 
-const getDuplicateTransactionAmountLabel = (transaction: any) => SessionUser.functions.currency.toLocal(
-  getDuplicateTransactionAmount(transaction)
-);
+const getDuplicateTransactionAmountLabel = (transaction: any) =>
+  SessionUser.functions.currency.toLocal(getDuplicateTransactionAmount(transaction));
 
 const getTransactionIds = (customer: any) => {
   if (!customer.transactions || customer.transactions.length === 0) {
@@ -372,8 +367,11 @@ const onClickInvoiceNow = async (customer: any, transactionIds: number[]) => {
       const year = dates.variables.start.value.getFullYear();
 
       if (customer?.meta?.fixed_pricing) {
-        const response = await SessionUser.objects.collectedOrderInvoices.functions
-          .createVehicleSubscriptionInvoice(customer.customer_number, month, year);
+        const response = await SessionUser.objects.collectedOrderInvoices.functions.createVehicleSubscriptionInvoice(
+          customer.customer_number,
+          month,
+          year
+        );
         const newInvoiceCollectionId = parsePositiveInteger(response?.data?.data?.id);
         if (!newInvoiceCollectionId) {
           invoiceQueue.finishPeriodRefresh?.([customerNumber], []);
@@ -383,8 +381,11 @@ const onClickInvoiceNow = async (customer: any, transactionIds: number[]) => {
         await SessionUser.objects.collectedOrderInvoices.functions.add_fixed_pricing(newInvoiceCollectionId);
         queueInvoiceCollections([newInvoiceCollectionId], customer);
       } else if (view.variables.currentView.value === "vehicle_subscriptions") {
-        const response = await SessionUser.objects.collectedOrderInvoices.functions
-          .createVehicleSubscriptionInvoice(customer.customer_number, month, year);
+        const response = await SessionUser.objects.collectedOrderInvoices.functions.createVehicleSubscriptionInvoice(
+          customer.customer_number,
+          month,
+          year
+        );
         const newInvoiceCollectionId = parsePositiveInteger(response?.data?.data?.id);
         if (!newInvoiceCollectionId) {
           invoiceQueue.finishPeriodRefresh?.([customerNumber], []);
@@ -573,16 +574,19 @@ const isCustomerDraftBlocked = (customer: any) => {
 const isActiveFlag = (flag: any) => String(flag?.status || "active") === "active";
 const getActiveFlags = (flags: any[] = []) => flags.filter((flag: any) => isActiveFlag(flag));
 
-const sortCustomerFlags = (flags: any[] = []) => [...flags].sort((left: any, right: any) => {
-  const sourceOrder: Record<string, number> = { manual: 0, automatic: 1 };
-  const leftSource = sourceOrder[left?.source] ?? 99;
-  const rightSource = sourceOrder[right?.source] ?? 99;
-  if (leftSource !== rightSource) {
-    return leftSource - rightSource;
-  }
+const sortCustomerFlags = (flags: any[] = []) =>
+  [...flags].sort((left: any, right: any) => {
+    const sourceOrder: Record<string, number> = { manual: 0, automatic: 1 };
+    const leftSource = sourceOrder[left?.source] ?? 99;
+    const rightSource = sourceOrder[right?.source] ?? 99;
+    if (leftSource !== rightSource) {
+      return leftSource - rightSource;
+    }
 
-  return String(left?.created_at || left?.fingerprint || "").localeCompare(String(right?.created_at || right?.fingerprint || ""));
-});
+    return String(left?.created_at || left?.fingerprint || "").localeCompare(
+      String(right?.created_at || right?.fingerprint || "")
+    );
+  });
 
 const flagIdentity = (flag: any) => String(flag?.id || flag?.fingerprint || "");
 
@@ -599,26 +603,24 @@ const getFlagCounts = (flags: any[] = []) => {
   return counts;
 };
 
-const toPositiveIntegerSet = (values: any[] = []) => new Set(
-  values
-    .map((value: any) => parsePositiveInteger(value))
-    .filter((value): value is number => value !== null)
-);
+const toPositiveIntegerSet = (values: any[] = []) =>
+  new Set(values.map((value: any) => parsePositiveInteger(value)).filter((value): value is number => value !== null));
 
 const getFlagOrderId = (flag: any) => {
   const targetType = String(flag?.target_type || "");
   return parsePositiveInteger(
-    flag?.order_id
-    ?? flag?.context?.order_id
-    ?? (["order", "order_field"].includes(targetType) ? flag?.target_id : null)
+    flag?.order_id ??
+      flag?.context?.order_id ??
+      (["order", "order_field"].includes(targetType) ? flag?.target_id : null)
   );
 };
 
-const getFlagInvoiceCollectionId = (flag: any) => parsePositiveInteger(
-  flag?.invoice_collection_id
-  ?? flag?.context?.invoice_collection_id
-  ?? (String(flag?.target_type || "") === "collected_order_invoice" ? flag?.target_id : null)
-);
+const getFlagInvoiceCollectionId = (flag: any) =>
+  parsePositiveInteger(
+    flag?.invoice_collection_id ??
+      flag?.context?.invoice_collection_id ??
+      (String(flag?.target_type || "") === "collected_order_invoice" ? flag?.target_id : null)
+  );
 
 const isFlagInCustomerCardScope = (customer: any, flag: any) => {
   if (!isActiveFlag(flag)) {
@@ -640,21 +642,32 @@ const isFlagInCustomerCardScope = (customer: any, flag: any) => {
 
   if (["order", "order_field", "order_item", "order_item_field"].includes(targetType)) {
     const orderId = getFlagOrderId(flag);
-    return orderId !== null && transactionIdSet.has(orderId);
+    if (orderId !== null && transactionIdSet.has(orderId)) {
+      return true;
+    }
+
+    const invoiceCollectionId = getFlagInvoiceCollectionId(flag);
+    return (
+      invoiceCollectionId !== null &&
+      toPositiveIntegerSet(getInvoiceCollectionIdsForTransactionIds(customer, transactionIds)).has(invoiceCollectionId)
+    );
   }
 
   if (targetType === "collected_order_invoice") {
     const invoiceCollectionId = getFlagInvoiceCollectionId(flag);
-    return invoiceCollectionId !== null
-      && toPositiveIntegerSet(getInvoiceCollectionIdsForTransactionIds(customer, transactionIds)).has(invoiceCollectionId);
+    return (
+      invoiceCollectionId !== null &&
+      toPositiveIntegerSet(getInvoiceCollectionIdsForTransactionIds(customer, transactionIds)).has(invoiceCollectionId)
+    );
   }
 
   return false;
 };
 
-const getCustomerScopedFlags = (customer: any) => sortCustomerFlags(
-  getActiveFlags(customer?.flags || []).filter((flag: any) => isFlagInCustomerCardScope(customer, flag))
-);
+const getCustomerScopedFlags = (customer: any) =>
+  sortCustomerFlags(
+    getActiveFlags(customer?.flags || []).filter((flag: any) => isFlagInCustomerCardScope(customer, flag))
+  );
 
 const getCustomerActiveFlagCounts = (customer: any) => {
   const scopedFlags = getCustomerScopedFlags(customer);
@@ -696,9 +709,10 @@ const getCustomerStatusIconClass = (customer: any) => {
 
 const isOrderLineFlag = (flag: any) => ["order", "order_field"].includes(String(flag?.target_type || ""));
 const isOrderItemLineFlag = (flag: any) => ["order_item", "order_item_field"].includes(String(flag?.target_type || ""));
-const getCustomerCardFlags = (customer: any) => getCustomerScopedFlags(customer)
-  .filter((flag: any) => !isOrderLineFlag(flag))
-  .filter((flag: any) => !isOrderItemLineFlag(flag));
+const getCustomerCardFlags = (customer: any) =>
+  getCustomerScopedFlags(customer).filter((flag: any) => !isOrderLineFlag(flag) && !isOrderItemLineFlag(flag));
+const getCustomerExpandedFlags = (customer: any) =>
+  getCustomerScopedFlags(customer).filter((flag: any) => isOrderLineFlag(flag) || isOrderItemLineFlag(flag));
 
 const recomputeCustomerFlagState = (customer: any) => {
   customer.flags = sortCustomerFlags(getActiveFlags(customer.flags || []));
@@ -714,7 +728,7 @@ const recomputeCustomerFlagState = (customer: any) => {
   }
 };
 
-const forEachPeriodCustomerWithNumber = (customerNumber: number, callback: (customer: any) => void) => {
+const forEachPeriodCustomerWithNumber = (customerNumber: number, callback: (_customer: any) => void) => {
   const types = view.variables.sharedVariables.value?.types || {};
   Object.values(types).forEach((customers: any) => {
     if (!Array.isArray(customers)) {
@@ -806,7 +820,6 @@ const getTransactionQueryParameters = () => {
     show_fixed_pricing: true,
   };
 };
-
 </script>
 
 <template>
@@ -950,8 +963,6 @@ const getTransactionQueryParameters = () => {
       </b-tabs>
     </div>
 
-
-
     <div v-if="isPossibleDuplicatesView" class="columns is-multiline is-mobile">
       <template v-for="duplicateGroup in possibleDuplicateGroupsInCurrentView" :key="duplicateGroup.key">
         <div class="column is-12">
@@ -960,7 +971,10 @@ const getTransactionQueryParameters = () => {
             :has-border="true"
             :data-testid="`invoicing-period-duplicate-group-${duplicateGroup.testId}`"
           >
-            <div class="columns is-vcentered is-clickable duplicate-group-header" @click="onClickDuplicateGroup(duplicateGroup)">
+            <div
+              class="columns is-vcentered is-clickable duplicate-group-header"
+              @click="onClickDuplicateGroup(duplicateGroup)"
+            >
               <div class="column is-narrow duplicate-group-status">
                 <span class="icon is-small">
                   <i class="fas fa-circle" :class="getDuplicateGroupStatusColorClass(duplicateGroup)"></i>
@@ -1001,12 +1015,16 @@ const getTransactionQueryParameters = () => {
                   :key="`${duplicateGroup.key}-${customer.customer_number}-${customer.customer_name}`"
                   class="tag is-light duplicate-customer-chip"
                 >
-                  {{ customer.customer_name }}<template v-if="customer.customer_number"> #{{ customer.customer_number }}</template>
+                  {{ customer.customer_name
+                  }}<template v-if="customer.customer_number"> #{{ customer.customer_number }}</template>
                 </span>
               </div>
               <div class="column is-narrow">
                 <span class="icon is-small">
-                  <i class="fas" :class="isDuplicateGroupExpanded(duplicateGroup) ? 'fa-chevron-down' : 'fa-chevron-right'"></i>
+                  <i
+                    class="fas"
+                    :class="isDuplicateGroupExpanded(duplicateGroup) ? 'fa-chevron-down' : 'fa-chevron-right'"
+                  ></i>
                 </span>
               </div>
             </div>
@@ -1015,7 +1033,10 @@ const getTransactionQueryParameters = () => {
               class="duplicate-group-expanded"
               :data-testid="`invoicing-period-duplicate-group-expanded-${duplicateGroup.testId}`"
             >
-              <div class="duplicate-comparison" :data-testid="`invoicing-period-duplicate-comparison-${duplicateGroup.testId}`">
+              <div
+                class="duplicate-comparison"
+                :data-testid="`invoicing-period-duplicate-comparison-${duplicateGroup.testId}`"
+              >
                 <div class="duplicate-comparison-heading">Sammenligning</div>
                 <div class="duplicate-comparison-grid">
                   <div
@@ -1057,7 +1078,9 @@ const getTransactionQueryParameters = () => {
                 :show-only-with-ids="getDuplicateGroupTransactionIds(duplicateGroup)"
                 :query-parameters="getTransactionQueryParameters()"
                 :excluded-order-ids="getDuplicateGroupExcludedTransactionIds(duplicateGroup)"
-                :invoice-period-flags="getActiveFlags(duplicateGroup.customers.flatMap((customer) => customer.flags || []))"
+                :invoice-period-flags="
+                  getActiveFlags(duplicateGroup.customers.flatMap((customer) => customer.flags || []))
+                "
                 @flagStatusChanged="(flag) => onFlagStatusChanged(duplicateGroup.customers[0] || {}, flag)"
               />
             </div>
@@ -1176,7 +1199,9 @@ const getTransactionQueryParameters = () => {
               <div class="column is-narrow" v-else-if="isCustomerQueueBlocked(customer)">
                 <button
                   class="button is-small is-dark"
-                  :class="{ 'is-loading': isCustomerQueueProcessing(customer) || isCustomerPeriodActionLoading(customer) }"
+                  :class="{
+                    'is-loading': isCustomerQueueProcessing(customer) || isCustomerPeriodActionLoading(customer),
+                  }"
                   disabled
                   :data-testid="`invoicing-period-customer-queue-${customer.customer_number}`"
                 >
@@ -1256,6 +1281,11 @@ const getTransactionQueryParameters = () => {
                 />
               </template>
               <template v-else>
+                <InvoicingPeriodFlagList
+                  :flags="getCustomerExpandedFlags(customer)"
+                  compact
+                  @statusChanged="(flag) => onFlagStatusChanged(customer, flag)"
+                />
                 <InvoicingPeriodObjectTree
                   :customer="customer"
                   :transactions="getTransactionsInView(customer)"
@@ -1268,26 +1298,6 @@ const getTransactionQueryParameters = () => {
                   :invoice-period-flags="getCustomerScopedFlags(customer)"
                   @refresh="reloadPeriodPage"
                 />
-                <InvoiceOrdersPagination
-                  :set-customer-filter="customer.customer_number"
-                  :hide-search="true"
-                  :hide-filter="true"
-                  :invoice-view="true"
-                  :apply-default-filters="false"
-                  :group-invoice-collection="true"
-                  :limit-results="false"
-                  :hide-pagination="true"
-                  :dates="{
-                    dateFrom: dates.computed.formattedStartDate.value,
-                    dateTo: dates.computed.formattedEndDate.value,
-                  }"
-                  :show-only-with-ids="getTransactionIds(customer)"
-                  :query-parameters="getTransactionQueryParameters()"
-                  :excluded-order-ids="getExcludedTransactionIds(customer)"
-                  :invoice-period-flags="getCustomerScopedFlags(customer)"
-                  @flagStatusChanged="(flag) => onFlagStatusChanged(customer, flag)"
-                  @flagCreated="(flag) => onFlagCreated(customer, flag)"
-                />
               </template>
             </div>
           </WhiteBox>
diff --git a/tests/e2e/invoicing-period.smoke.spec.js b/tests/e2e/invoicing-period.smoke.spec.js
index 92aec2ff..eacc3760 100644
--- a/tests/e2e/invoicing-period.smoke.spec.js
+++ b/tests/e2e/invoicing-period.smoke.spec.js
@@ -214,13 +214,42 @@ function createFlaggedPeriodPayload({
   flaggedTransactionBooked = false,
   flaggedCustomerRequiresAction = true,
   includeHiddenFilteredFlag = false,
+  invoiceCollectionId = null,
 } = {}) {
   const payload = createPeriodPayload();
   payload.types.all[0].requires_action = flaggedCustomerRequiresAction;
   payload.types.all[0].transactions = payload.types.all[0].transactions.map((transaction) => ({
     ...transaction,
+    customer_id: 4001,
+    customer_name: "Acme Fleet",
+    cashier_id: 7,
+    cashier_name: "Copenhagen",
+    department_id: 1,
+    reference: "",
+    notes: "",
+    po: "",
+    reg_1: "AC4001",
+    reg_2: "",
+    reg_3: "",
+    amount: 120,
+    total_net_amount: 120,
+    invoice_collection_id: invoiceCollectionId,
+    invoice_collection: invoiceCollectionId
+      ? {
+          id: invoiceCollectionId,
+          closed_at: "2026-07-14 10:30:00",
+          booked_invoice_id: 28368,
+        }
+      : null,
+    economic_invoice_module: null,
+    stripe_invoice_module: null,
+    error_message: null,
+    completed_at: null,
+    pending_handheld: false,
+    user_id: 11,
     booked: flaggedTransactionBooked,
-    date: "2026-06-09T10:00:00.000Z",
+    date: "2026-07-14T10:00:00.000Z",
+    created_at: "2026-07-14 10:00:00",
   }));
   const flags = [
     {
@@ -522,7 +551,7 @@ function createDraftBlockedPeriodPayload() {
           transactions: [
             {
               id: 9301,
-              date: "2026-04-14T10:00:00.000Z",
+              date: "2026-07-14T10:00:00.000Z",
               amount: 210,
               booked: false,
               excluded: false,
@@ -1529,18 +1558,8 @@ test.describe("Invoicing period tab", () => {
       await customerRow.getByText("Acme Fleet").click();
       await expect(page.getByTestId("invoicing-period-customer-expanded-4001")).toBeVisible();
     }
-
-    const flaggedOrderRow = page
-      .getByTestId("pos-order-expand-9001")
-      .locator("xpath=ancestor::tr | ancestor::div[contains(@class, 'pos-orders-mobile-card')]");
-    await expect(flaggedOrderRow.locator(".color-indicator i.fa-flag").first()).toHaveClass(/has-text-warning/);
-
-    await page.getByTestId("pos-order-expand-9001").click();
-
-    const orderItemFlagIndicator = page.getByTestId("order-content-item-flag-indicator-7701").first();
-    await expect(orderItemFlagIndicator).toBeVisible();
-    await expect(orderItemFlagIndicator).toHaveClass(/has-text-warning/);
-    await expect(orderItemFlagIndicator.locator("i")).toHaveClass(/fa-flag/);
+    await expect(page.getByTestId("invoice-period-object-tree")).toBeVisible();
+    await expect(page.getByTestId("invoice-period-tree-node-category:orders_without_collection:4001")).toBeVisible();
 
     const automaticFlag = page.getByTestId("invoice-period-flag-auto-price-1");
     await expect(automaticFlag).toBeVisible();
@@ -1549,9 +1568,7 @@ test.describe("Invoicing period tab", () => {
     await page.locator(".swal2-textarea").fill("Accepted for this period");
     await page.locator(".swal2-confirm").click();
     await expect(automaticFlag).toHaveCount(0);
-    await expect(page.getByTestId("order-content-item-flag-indicator-7701")).toHaveCount(0);
     await expect(customerRow.locator(".color-indicator i.fa-flag")).toHaveCount(0);
-    await expect(customerRow.locator(".color-indicator i.fa-circle").first()).toHaveClass(/has-text-success/);
 
     await expect
       .poll(() => manualStatusRequests.map((request) => request.payload))
@@ -1594,6 +1611,7 @@ test.describe("Invoicing period tab", () => {
           flaggedTransactionBooked: true,
           flaggedCustomerRequiresAction: false,
           includeHiddenFilteredFlag: true,
+          invoiceCollectionId: 16891,
         }),
     });
     await routeFlaggedPeriodOrders(page, {
@@ -1610,11 +1628,11 @@ test.describe("Invoicing period tab", () => {
 
     await customerRow.getByText("Acme Fleet").click();
     await expect(page.getByTestId("invoicing-period-customer-expanded-4001")).toBeVisible();
-    await expect(page.getByTestId("pos-order-invoice-collection-summary-16891")).toContainText(
-      /Faktura samling ID: 16891|Invoice collection ID: 16891/i
-    );
-    await expect(page.getByTestId("invoicing-period-customer-expanded-4001")).toContainText(
-      /Vis(?:er)? 1 vaske|Showing 1 wash/i
+    await expect(page.getByTestId("invoice-period-tree-node-collected_order_invoice:16891")).toBeVisible();
+    const hiddenFlag = page.getByTestId("invoice-period-flag-auto-hidden-order-reference-1");
+    await expect(hiddenFlag).toBeVisible();
+    await expect(hiddenFlag).toContainText(
+      /Ordren mangler en påkrævet reference|Order is missing a required reference/i
     );
   });
 
@@ -1752,27 +1770,18 @@ test.describe("Invoicing period tab", () => {
     expect(objectLineMetrics.subtitleHeight).toBeLessThanOrEqual(objectLineMetrics.subtitleLineHeight * 1.6);
   });
 
-  test("@smoke period expanded order filters are hidden until requested", async ({ page }) => {
-    await openPeriodView(page);
+  test("@smoke period expanded order object tree omits table filters", async ({ page }) => {
+    await openPeriodView(page, { payloadFactory: createObjectTreePeriodPayload });
 
     await page.getByTestId("invoicing-period-view-selector-all").click();
-    const firstCustomer = page.getByTestId("invoicing-period-customer-4001");
+    const firstCustomer = page.getByTestId("invoicing-period-customer-4101");
     await expect(firstCustomer).toBeVisible();
 
-    await firstCustomer.getByText("Acme Fleet").click();
-    await expect(page.getByTestId("invoicing-period-customer-expanded-4001")).toBeVisible();
-
-    const filterToggle = page.getByTestId("invoice-orders-toggle-filters");
-    await expect(filterToggle).toBeVisible();
-    await expect(filterToggle).toHaveAttribute("aria-expanded", "false");
-    await expect(page.getByTestId("table-labeled-pagination-filters")).toHaveCount(0);
-
-    await filterToggle.click();
-    await expect(filterToggle).toHaveAttribute("aria-expanded", "true");
-    await expect(page.getByTestId("table-labeled-pagination-filters")).toBeVisible();
-
-    await filterToggle.click();
-    await expect(filterToggle).toHaveAttribute("aria-expanded", "false");
+    await firstCustomer.getByText("Object Tree Logistics").click();
+    await expect(page.getByTestId("invoicing-period-customer-expanded-4101")).toBeVisible();
+    await expect(page.getByTestId("invoice-period-object-tree")).toBeVisible();
+    await expect(page.getByTestId("invoice-period-tree-node-collected_order_invoice:3001")).toBeVisible();
+    await expect(page.getByTestId("invoice-orders-toggle-filters")).toHaveCount(0);
     await expect(page.getByTestId("table-labeled-pagination-filters")).toHaveCount(0);
   });
 
@@ -2832,12 +2841,12 @@ test.describe("Invoicing period tab", () => {
       reference: "EC21233",
       notes: "",
       po: "",
-      created_at: "2026-04-14 10:00:00",
+      created_at: "2026-07-14 10:00:00",
       total_net_amount: 210,
       invoice_collection_id: 16501,
       invoice_collection: {
         id: 16501,
-        closed_at: "2026-04-14",
+        closed_at: "2026-07-14",
         booked_invoice_id: null,
       },
       economic_invoice_module: null,
@@ -2903,17 +2912,11 @@ test.describe("Invoicing period tab", () => {
     await expect(page.getByTestId("invoicing-period-customer-invoice-6101")).toHaveCount(0);
 
     await customerRow.getByText("Drafted Fleet").click();
-    const collectionTotal = page.getByTestId("pos-order-invoice-collection-total-16501");
+    await expect(page.getByTestId("invoice-period-object-tree")).toBeVisible();
+    const collectionTotal = page
+      .getByTestId("invoice-period-tree-node-collected_order_invoice:16501")
+      .locator(".invoice-period-tree-node__subtitle");
     await expect(collectionTotal).toContainText("210");
-
-    const isDesktop = page.viewportSize().width >= 1024;
-    if (isDesktop) {
-      const amountHeader = page.getByRole("columnheader", { name: /Beløb|Amount/i }).last();
-      const amountHeaderBox = await getBoundingBox(amountHeader, "orders amount column header");
-      const collectionTotalBox = await getBoundingBox(collectionTotal, "invoice collection total");
-      expect(Math.abs(collectionTotalBox.x - amountHeaderBox.x)).toBeLessThanOrEqual(2);
-      expect(Math.abs(collectionTotalBox.width - amountHeaderBox.width)).toBeLessThanOrEqual(3);
-    }
   });
 
   test("@smoke period view restores Fakturer nu when draft metadata is stale or deleted", async ({ page }) => {
diff --git a/tests/unit/superuser-invoices-view.spec.js b/tests/unit/superuser-invoices-view.spec.js
index 5f8aa397..0be46591 100644
--- a/tests/unit/superuser-invoices-view.spec.js
+++ b/tests/unit/superuser-invoices-view.spec.js
@@ -598,8 +598,19 @@ describe("Periode tab contract", () => {
     expect(periodViewAllSource).toContain("const getCustomerActiveFlagCounts =");
     expect(periodViewAllSource).toContain("return getFlagCounts(scopedFlags);");
     expect(periodViewAllSource).toContain(
-      "const getCustomerCardFlags = (customer: any) => getCustomerScopedFlags(customer)"
+      '["order", "order_field", "order_item", "order_item_field"].includes(targetType)'
     );
+    expect(periodViewAllSource).toContain(
+      "toPositiveIntegerSet(getInvoiceCollectionIdsForTransactionIds(customer, transactionIds)).has(invoiceCollectionId)"
+    );
+    expect(periodViewAllSource).toContain("const isOrderLineFlag =");
+    expect(periodViewAllSource).toContain("const isOrderItemLineFlag =");
+    expect(periodViewAllSource).toContain("const getCustomerCardFlags = (customer: any) =>");
+    expect(periodViewAllSource).toContain("!isOrderLineFlag(flag) && !isOrderItemLineFlag(flag)");
+    expect(periodViewAllSource).toContain("const getCustomerExpandedFlags = (customer: any) =>");
+    expect(periodViewAllSource).toContain("isOrderLineFlag(flag) || isOrderItemLineFlag(flag)");
+    expect(periodViewAllSource).toContain(':flags="getCustomerCardFlags(customer)"');
+    expect(periodViewAllSource).toContain(':flags="getCustomerExpandedFlags(customer)"');
     expect(periodViewAllSource).toContain(':invoice-period-flags="getCustomerScopedFlags(customer)"');
     expect(periodViewAllSource).toContain('targetType === "customer"');
     expect(periodViewAllSource).toContain('targetType === "collected_order_invoice"');