From 9d743d4d362375c08511da219688348d181e20b6 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 16:47:27 +0100
Subject: [PATCH 01/23] wip

---
 lang/en/messages.php                          |  1 +
 .../js/components/ui/Listing/BulkActions.vue  | 17 +++-
 .../ui/Listing/BulkActionsFloatingToolbar.vue | 27 +++++-
 .../js/components/ui/Listing/Listing.vue      | 77 +++++++++++++++
 .../js/components/ui/Listing/ToggleAll.vue    | 65 ++++++++++---
 resources/js/tests/components/Listing.test.js | 16 ++++
 .../js/tests/util/listing-selections.test.js  | 95 +++++++++++++++++++
 resources/js/util/listing-selections.js       | 58 +++++++++++
 8 files changed, 337 insertions(+), 19 deletions(-)
 create mode 100644 resources/js/tests/util/listing-selections.test.js
 create mode 100644 resources/js/util/listing-selections.js

diff --git a/lang/en/messages.php b/lang/en/messages.php
index 5899880f2c1..2c9e192d821 100644
--- a/lang/en/messages.php
+++ b/lang/en/messages.php
@@ -237,6 +237,7 @@
     'selections_item_unselected' => ':title is not selected. Click to select.',
     'selections_limit_reached' => 'Selection limit reached. Cannot select :title',
     'selections_select_all' => ':selected of :total items selected. Check to select all items.',
+    'selections_select_all_matching' => 'Select all :total matching',
     'session_expiry_dismissed_banner' => 'Your session is about to expire. Click here to extend it and stay signed in.',
     'session_expiry_dismissed_login_banner' => 'Your session has expired. Click here to log back in.',
     'session_expiry_enter_password' => 'Enter your password to continue.',
diff --git a/resources/js/components/ui/Listing/BulkActions.vue b/resources/js/components/ui/Listing/BulkActions.vue
index 561130b35a2..6ecdcc6d1fb 100644
--- a/resources/js/components/ui/Listing/BulkActions.vue
+++ b/resources/js/components/ui/Listing/BulkActions.vue
@@ -2,11 +2,20 @@
 import { Motion } from 'motion-v';
 import { injectListingContext } from '../Listing/Listing.vue';
 import { computed, ref, watch } from 'vue';
-import { Button, ButtonGroup } from '@ui';
 import BulkActions from '@/components/actions/BulkActions.vue';
 import BulkActionsFloatingToolbar from './BulkActionsFloatingToolbar.vue';
 
-const { actionUrl, actionContext, selections, refresh, clearSelections } = injectListingContext();
+const {
+    actionUrl,
+    actionContext,
+    selections,
+    refresh,
+    clearSelections,
+    canSelectAllMatching,
+    selectAllMatching,
+    selectingAllMatching,
+    meta,
+} = injectListingContext();
 const busy = ref(false);
 const hasSelections = computed(() => selections.value.length > 0);
 const visible = ref(false);
@@ -59,6 +68,10 @@ function actionFailed(response) {
             :visible="visible"
             :selections="selections"
             :clear-selections="clearSelections"
+            :can-select-all-matching="canSelectAllMatching"
+            :select-all-matching="selectAllMatching"
+            :selecting-all-matching="selectingAllMatching"
+            :matching-total="meta?.total ?? 0"
         />
     </BulkActions>
 </template>
diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 17e3d8f2f0a..5f3d7ac9e59 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -7,7 +7,7 @@
  * Delete uses the backspace icon and is triggered by Delete/Backspace only.
  */
 import { Motion } from 'motion-v';
-import { computed, onMounted, onUnmounted } from 'vue';
+import { computed, onMounted, onUnmounted, toValue } from 'vue';
 import { Button, ButtonGroup, Icon } from '@ui';
 
 // ——— Keyboard shortcut constants ———
@@ -23,9 +23,15 @@ const props = defineProps({
     visible: { type: Boolean, default: false },
     selections: { type: Array, default: () => [] },
     clearSelections: { type: Function, default: null },
+    canSelectAllMatching: { type: [Boolean, Object], default: false },
+    selectAllMatching: { type: Function, default: null },
+    selectingAllMatching: { type: [Boolean, Object], default: false },
+    matchingTotal: { type: Number, default: 0 },
 });
 
 const hasSelections = computed(() => (props.selections?.length ?? 0) > 0);
+const showSelectAllMatching = computed(() => !!toValue(props.canSelectAllMatching));
+const isSelectingAllMatching = computed(() => !!toValue(props.selectingAllMatching));
 
 /** True if this action is the built-in delete (by handle or trash icon). */
 function isDeleteAction(action) {
@@ -117,7 +123,22 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
         :animate="{ y: 0, opacity: 1 }"
         :transition="{ duration: 0.2, ease: 'easeInOut' }"
     >
-        <div class="pointer-events-auto space-y-3 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-200/55 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
+        <div class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-200/55 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
+            <div
+                v-if="showSelectAllMatching"
+                class="flex justify-center px-2 pt-1"
+            >
+                <Button
+                    class="text-blue-500!"
+                    variant="ghost"
+                    size="sm"
+                    :loading="isSelectingAllMatching"
+                    :disabled="isSelectingAllMatching"
+                    @click="selectAllMatching?.()"
+                >
+                    {{ __('messages.selections_select_all_matching', { total: matchingTotal }) }}
+                </Button>
+            </div>
             <ButtonGroup overflow="gap" justify="center">
                 <Button
                     class="text-blue-500!"
@@ -135,7 +156,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
                     @click="action.run"
                 >
                     {{ __(action.title) }}
-                    <!-- Delete always shows backspace icon; other actions show their shortcut letter. -->
+                    <!-- Delete always shows the backspace icon; other actions show their shortcut letter. -->
                     <span
                         :class="[
                             shortcutKeyClasses,
diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 6897d950d36..082d51e59cb 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -23,6 +23,7 @@ import Table from './Table.vue';
 import Pagination from './Pagination.vue';
 import { sortBy } from 'lodash-es';
 import fuzzysort from 'fuzzysort';
+import { canSelectAllMatching as canSelectAllMatchingHelper, isPageFullySelected } from '@/util/listing-selections.js';
 
 const emit = defineEmits([
     'update:columns',
@@ -173,8 +174,10 @@ const currentPage = ref(1);
 const perPage = ref(initializePerPage());
 const initializing = ref(true);
 const loading = ref(true);
+const selectingAllMatching = ref(false);
 let popping = false;
 let source = null;
+let selectAllMatchingSource = null;
 const searchQuery = ref(null);
 const columns = ref(initializeColumns());
 const sortColumn = ref(props.sortColumn || (columns.value.length ? columns.value[0].field : null));
@@ -322,9 +325,57 @@ const shouldRequestFirstPage = computed(() => {
     return false;
 });
 
+function abortSelectAllMatching() {
+    if (selectAllMatchingSource) {
+        selectAllMatchingSource.abort();
+        selectAllMatchingSource = null;
+    }
+    selectingAllMatching.value = false;
+}
+
+function selectAllMatching() {
+    if (!props.url || !meta.value?.total) return;
+
+    abortSelectAllMatching();
+    selectingAllMatching.value = true;
+    const controller = new AbortController();
+    selectAllMatchingSource = controller;
+
+    axios
+        .get(props.url, {
+            params: {
+                ...parameters.value,
+                page: 1,
+                perPage: meta.value.total,
+            },
+            signal: controller.signal,
+        })
+        .then((response) => {
+            if (selectAllMatchingSource !== controller) return;
+
+            let ids = Object.values(response.data.data).map((item) => item.id);
+            if (props.maxSelections !== Infinity) {
+                ids = ids.slice(0, props.maxSelections);
+            }
+            selections.value.splice(0, selections.value.length, ...ids);
+        })
+        .catch((e) => {
+            if (axios.isCancel(e) || selectAllMatchingSource !== controller) return;
+            Statamic.$toast.error(e.response ? e.response.data.message : __('Something went wrong'), {
+                duration: null,
+            });
+        })
+        .finally(() => {
+            if (selectAllMatchingSource !== controller) return;
+            selectingAllMatching.value = false;
+            selectAllMatchingSource = null;
+        });
+}
+
 function request() {
     if (props.items) return;
 
+    abortSelectAllMatching();
     loading.value = true;
 
     if (source) source.abort();
@@ -557,9 +608,29 @@ function selectRange(from, to) {
 }
 
 function clearSelections() {
+    abortSelectAllMatching();
     selections.value.splice(0, selections.value.length);
 }
 
+const pageFullySelected = computed(() => isPageFullySelected(items.value, selections.value));
+
+const allMatchingSelected = computed(() => {
+    const total = meta.value?.total ?? 0;
+
+    return total > 0 && selections.value.length >= total;
+});
+
+const canSelectAllMatching = computed(() =>
+    canSelectAllMatchingHelper({
+        hasUrl: !!props.url && !props.items,
+        total: meta.value?.total ?? 0,
+        pageSize: items.value?.length ?? 0,
+        pageFullySelected: pageFullySelected.value,
+        allMatchingSelected: allMatchingSelected.value,
+        maxSelections: props.maxSelections,
+    }),
+);
+
 function setFilters(filters) {
     activeFilters.value = filters || {};
 }
@@ -651,6 +722,10 @@ provideListingContext({
     selectRange,
     toggleSelection,
     clearSelections,
+    selectAllMatching,
+    selectingAllMatching,
+    canSelectAllMatching,
+    allMatchingSelected,
     actionUrl: toRef(() => props.actionUrl),
     actionContext: toRef(() => props.actionContext),
     showBulkActions,
@@ -702,6 +777,8 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
     Statamic.$progress.complete(id);
+    abortSelectAllMatching();
+    if (source) source.abort();
     if (props.pushQuery) window.removeEventListener('popstate', popState);
 });
 
diff --git a/resources/js/components/ui/Listing/ToggleAll.vue b/resources/js/components/ui/Listing/ToggleAll.vue
index 2380eeac7e6..b84ae916000 100644
--- a/resources/js/components/ui/Listing/ToggleAll.vue
+++ b/resources/js/components/ui/Listing/ToggleAll.vue
@@ -2,19 +2,56 @@
 import { computed } from 'vue';
 import { injectListingContext } from '../Listing/Listing.vue';
 import { Checkbox } from '@ui';
+import {
+    isPageFullySelected,
+    isPagePartiallySelected,
+    pageItemIds,
+    removePageSelections,
+    unionPageSelections,
+} from '@/util/listing-selections.js';
 
-const { items, selections, maxSelections, clearSelections, reorderable } = injectListingContext();
-const anyItemsChecked = computed(() => selections.value.length > 0);
-const indeterminate = computed(() => anyItemsChecked.value && selections.value.length < items.value.length);
+const {
+    items,
+    selections,
+    maxSelections,
+    clearSelections,
+    reorderable,
+    allMatchingSelected,
+} = injectListingContext();
 
-function toggle() {
-    anyItemsChecked.value ? clearSelections() : checkMaximumAmountOfItems();
+const pageFullySelected = computed(() => isPageFullySelected(items.value, selections.value));
+const indeterminate = computed(() => isPagePartiallySelected(items.value, selections.value));
+const pageSize = computed(() => items.value.length);
+const selectedOnPageCount = computed(() =>
+    pageItemIds(items.value).filter((id) => selections.value.includes(id)).length,
+);
+
+function toggle(checked) {
+    if (checked) {
+        selectPageItems();
+        return;
+    }
+
+    if (allMatchingSelected.value) {
+        clearSelections();
+        return;
+    }
+
+    deselectPageItems();
+}
+
+function selectPageItems() {
+    const next = unionPageSelections(
+        selections.value,
+        pageItemIds(items.value),
+        maxSelections.value ?? Infinity,
+    );
+    selections.value.splice(0, selections.value.length, ...next);
 }
 
-function checkMaximumAmountOfItems() {
-    let newSelections = items.value.map((row) => row.id);
-    if (maxSelections.value) newSelections = newSelections.slice(0, maxSelections.value);
-    selections.value.splice(0, selections.value.length, ...newSelections);
+function deselectPageItems() {
+    const next = removePageSelections(selections.value, pageItemIds(items.value));
+    selections.value.splice(0, selections.value.length, ...next);
 }
 
 function getAriaLabel() {
@@ -22,18 +59,18 @@ function getAriaLabel() {
         return __('Select all items');
     }
 
-    return anyItemsChecked.value ? __('Deselect all items') : __('Select all items');
+    return pageFullySelected.value ? __('Deselect all items') : __('Select all items');
 }
 
 function getScreenReaderText() {
-    const totalItems = items.value.length;
-    const selectedItems = selections.value.length;
+    const totalItems = pageSize.value;
+    const selectedItems = selectedOnPageCount.value;
 
     if (indeterminate.value) {
         return __('messages.selections_select_all', { selected: selectedItems, total: totalItems });
     }
 
-    if (anyItemsChecked.value) {
+    if (pageFullySelected.value) {
         return __('messages.selections_click_to_deselect_all', { total: totalItems });
     }
 
@@ -44,7 +81,7 @@ function getScreenReaderText() {
 <template>
     <Checkbox
         v-if="!reorderable"
-        :model-value="anyItemsChecked"
+        :model-value="pageFullySelected"
         :indeterminate="indeterminate"
         :label="getAriaLabel()"
         :description="getScreenReaderText()"
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index 35335a3ccb4..8039366123b 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -58,3 +58,19 @@ test('counts each nested field badge individually', () => {
 
     expect(listing.activeFilterBadgeCount.value).toBe(2);
 });
+
+test('exposes select-all-matching helpers on the listing context', () => {
+    const wrapper = mountListing({
+        items: [{ id: 'a' }, { id: 'b' }],
+        url: '/cp/collections/test/entries',
+    });
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 25 };
+    listing.selections.value = ['a', 'b'];
+
+    // Client `items` prop wins over url for canSelectAllMatching.
+    expect(listing.canSelectAllMatching.value).toBe(false);
+    expect(listing.allMatchingSelected.value).toBe(false);
+    expect(typeof listing.selectAllMatching).toBe('function');
+});
diff --git a/resources/js/tests/util/listing-selections.test.js b/resources/js/tests/util/listing-selections.test.js
new file mode 100644
index 00000000000..ef27149d4fc
--- /dev/null
+++ b/resources/js/tests/util/listing-selections.test.js
@@ -0,0 +1,95 @@
+import { expect, test } from 'vitest';
+import {
+    canSelectAllMatching,
+    isPageFullySelected,
+    isPagePartiallySelected,
+    pageItemIds,
+    removePageSelections,
+    selectedOnPage,
+    unionPageSelections,
+} from '@/util/listing-selections.js';
+
+const items = [{ id: 'a' }, { id: 'b' }, { id: 'c' }];
+
+test('pageItemIds returns row ids', () => {
+    expect(pageItemIds(items)).toEqual(['a', 'b', 'c']);
+});
+
+test('selectedOnPage returns only ids present on the page', () => {
+    expect(selectedOnPage(items, ['a', 'z', 'c'])).toEqual(['a', 'c']);
+});
+
+test('isPageFullySelected requires every page row to be selected', () => {
+    expect(isPageFullySelected(items, ['a', 'b', 'c'])).toBe(true);
+    expect(isPageFullySelected(items, ['a', 'b', 'c', 'd'])).toBe(true);
+    expect(isPageFullySelected(items, ['a', 'b'])).toBe(false);
+    expect(isPageFullySelected([], ['a'])).toBe(false);
+});
+
+test('isPagePartiallySelected when some but not all page rows are selected', () => {
+    expect(isPagePartiallySelected(items, ['a'])).toBe(true);
+    expect(isPagePartiallySelected(items, ['a', 'b', 'c'])).toBe(false);
+    expect(isPagePartiallySelected(items, ['z'])).toBe(false);
+});
+
+test('unionPageSelections adds page ids without wiping other pages', () => {
+    expect(unionPageSelections(['z'], ['a', 'b'])).toEqual(['z', 'a', 'b']);
+    expect(unionPageSelections(['a'], ['a', 'b'])).toEqual(['a', 'b']);
+});
+
+test('unionPageSelections respects maxSelections', () => {
+    expect(unionPageSelections(['z'], ['a', 'b', 'c'], 2)).toEqual(['z', 'a']);
+});
+
+test('removePageSelections removes only page ids', () => {
+    expect(removePageSelections(['z', 'a', 'b'], ['a', 'b'])).toEqual(['z']);
+});
+
+test('canSelectAllMatching when the page is fully selected and more results exist', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+        }),
+    ).toBe(true);
+});
+
+test('canSelectAllMatching is false when already selecting all matching', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: true,
+        }),
+    ).toBe(false);
+});
+
+test('canSelectAllMatching is false when maxSelections cannot cover the total', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+            maxSelections: 20,
+        }),
+    ).toBe(false);
+});
+
+test('canSelectAllMatching is false for client-side listings without a url', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: false,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+        }),
+    ).toBe(false);
+});
diff --git a/resources/js/util/listing-selections.js b/resources/js/util/listing-selections.js
new file mode 100644
index 00000000000..bc836e1f507
--- /dev/null
+++ b/resources/js/util/listing-selections.js
@@ -0,0 +1,58 @@
+/**
+ * Helpers for page-aware listing selection (including select-all-matching).
+ */
+
+export function pageItemIds(items) {
+    return (items || []).map((item) => item.id);
+}
+
+export function selectedOnPage(items, selections) {
+    const selected = new Set(selections || []);
+
+    return pageItemIds(items).filter((id) => selected.has(id));
+}
+
+export function isPageFullySelected(items, selections) {
+    const ids = pageItemIds(items);
+
+    return ids.length > 0 && ids.every((id) => (selections || []).includes(id));
+}
+
+export function isPagePartiallySelected(items, selections) {
+    const count = selectedOnPage(items, selections).length;
+    const total = pageItemIds(items).length;
+
+    return count > 0 && count < total;
+}
+
+export function unionPageSelections(selections, pageIds, maxSelections = Infinity) {
+    const next = [...(selections || [])];
+
+    for (const id of pageIds || []) {
+        if (next.length >= maxSelections) break;
+        if (!next.includes(id)) next.push(id);
+    }
+
+    return next;
+}
+
+export function removePageSelections(selections, pageIds) {
+    const remove = new Set(pageIds || []);
+
+    return (selections || []).filter((id) => !remove.has(id));
+}
+
+export function canSelectAllMatching({
+    hasUrl,
+    total,
+    pageSize,
+    pageFullySelected,
+    allMatchingSelected,
+    maxSelections = Infinity,
+}) {
+    if (!hasUrl || allMatchingSelected || !pageFullySelected) return false;
+    if (!total || total <= pageSize) return false;
+    if (maxSelections !== Infinity && maxSelections < total) return false;
+
+    return true;
+}

From 66fac87fecc5944b7d11e807d25e2493c7615dcd Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 16:52:27 +0100
Subject: [PATCH 02/23] Tweak selection messaging

---
 lang/en/messages.php                                      | 8 ++++----
 .../components/ui/Listing/BulkActionsFloatingToolbar.vue  | 2 +-
 resources/js/components/ui/Listing/ToggleAll.vue          | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lang/en/messages.php b/lang/en/messages.php
index 2c9e192d821..638aaafd67e 100644
--- a/lang/en/messages.php
+++ b/lang/en/messages.php
@@ -231,13 +231,13 @@
     'role_intro' => 'Roles are groups of access and action permissions that can be assigned to users and user groups.',
     'role_title_instructions' => 'Use a singular noun, such as \'Editor\' or \'Admin\'',
     'search_utility_description' => 'Manage and view important information about Statamic\'s search indexes.',
-    'selections_click_to_deselect_all' => 'All :total items selected. Uncheck to deselect all items.',
-    'selections_click_to_select_all' => 'No items selected. Check to select all :total items.',
+    'selections_click_to_deselect_all' => 'All :total items selected. Uncheck to deselect items.',
+    'selections_click_to_select_all' => 'No items selected. Check to select :total items.',
     'selections_item_selected' => ':title is currently selected. Click to deselect.',
     'selections_item_unselected' => ':title is not selected. Click to select.',
     'selections_limit_reached' => 'Selection limit reached. Cannot select :title',
-    'selections_select_all' => ':selected of :total items selected. Check to select all items.',
-    'selections_select_all_matching' => 'Select all :total matching',
+    'selections_select_all' => ':selected of :total items selected. Check to select items.',
+    'selections_select_all_matching' => 'Select :total items across all pages',
     'session_expiry_dismissed_banner' => 'Your session is about to expire. Click here to extend it and stay signed in.',
     'session_expiry_dismissed_login_banner' => 'Your session has expired. Click here to log back in.',
     'session_expiry_enter_password' => 'Enter your password to continue.',
diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 5f3d7ac9e59..8cbc7d4d9a5 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -144,7 +144,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
                     class="text-blue-500!"
                     @click="clearSelections?.()"
                 >
-                    {{ __n(`Deselect :count item|Deselect all :count items`, selections.length) }}
+                    {{ __n(`Deselect :count item|Deselect :count items`, selections.length) }}
                     <span :class="[shortcutKeyClasses, 'text-blue-600! bg-blue-100/80! dark:text-blue-400! dark:bg-blue-950!']">
                         {{ DESELECT_SHORTCUT_LABEL }}
                     </span>
diff --git a/resources/js/components/ui/Listing/ToggleAll.vue b/resources/js/components/ui/Listing/ToggleAll.vue
index b84ae916000..164f3ef36f1 100644
--- a/resources/js/components/ui/Listing/ToggleAll.vue
+++ b/resources/js/components/ui/Listing/ToggleAll.vue
@@ -56,10 +56,10 @@ function deselectPageItems() {
 
 function getAriaLabel() {
     if (indeterminate.value) {
-        return __('Select all items');
+        return __('Select items');
     }
 
-    return pageFullySelected.value ? __('Deselect all items') : __('Select all items');
+    return pageFullySelected.value ? __('Deselect items') : __('Select items');
 }
 
 function getScreenReaderText() {

From d41d2bbbd1de5f8296548135a233bbc87db18013 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 16:55:28 +0100
Subject: [PATCH 03/23] Make floating toolbar opaque so extra message is
 visible

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 8cbc7d4d9a5..98a2ebdbbe9 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -123,7 +123,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
         :animate="{ y: 0, opacity: 1 }"
         :transition="{ duration: 0.2, ease: 'easeInOut' }"
     >
-        <div class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-200/55 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
+        <div class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-150 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
             <div
                 v-if="showSelectAllMatching"
                 class="flex justify-center px-2 pt-1"

From faf22ee0331406a6d0fc7246d783fe79b817e503 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:00:30 +0100
Subject: [PATCH 04/23] Tighten up text

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 98a2ebdbbe9..735cdb8f716 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -126,10 +126,10 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
         <div class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-150 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
             <div
                 v-if="showSelectAllMatching"
-                class="flex justify-center px-2 pt-1"
+                class="flex justify-center px-2"
             >
                 <Button
-                    class="text-blue-500!"
+                    class="text-blue-500 dark:text-blue-400 tracking-tight"
                     variant="ghost"
                     size="sm"
                     :loading="isSelectingAllMatching"

From 3cdaf4cbc9b97ad75c023276961cf4ebb726b6fc Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:03:02 +0100
Subject: [PATCH 05/23] Remove weird animation. It was morphing the toolbar
 when the deselect count grew. Enter/exit slide still works.

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue      | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 735cdb8f716..c8d65ce6f51 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -116,7 +116,6 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
 <template>
     <Motion
         v-if="visible"
-        layout
         data-floating-toolbar
         class="pointer-events-none sticky inset-x-0 bottom-1 sm:bottom-6 z-(--z-index-above) flex w-full max-w-[95vw] mx-auto justify-center"
         :initial="{ y: 100, opacity: 0 }"

From 97cf020a68389ed1f704f926a9cc2f7a7c109807 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:06:11 +0100
Subject: [PATCH 06/23] Add a keyboard shortcut

---
 .../ui/Listing/BulkActionsFloatingToolbar.vue | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index c8d65ce6f51..3377413339a 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -5,6 +5,7 @@
  * Renders the floating toolbar when items are selected in a listing, with keyboard shortcuts
  * for each action. Shortcuts are derived from the localized action title (first unused letter).
  * Delete uses the backspace icon and is triggered by Delete/Backspace only.
+ * Select-all-matching uses A when that control is visible (reserved so actions skip it).
  */
 import { Motion } from 'motion-v';
 import { computed, onMounted, onUnmounted, toValue } from 'vue';
@@ -14,10 +15,15 @@ import { Button, ButtonGroup, Icon } from '@ui';
 const DESELECT_SHORTCUT_KEY = 'Escape';
 const DESELECT_SHORTCUT_LABEL = 'Esc';
 const DELETE_SHORTCUT_KEY = 'Delete';
+const SELECT_ALL_MATCHING_SHORTCUT_KEY = 'a';
+const SELECT_ALL_MATCHING_SHORTCUT_LABEL = 'A';
 
 const shortcutKeyClasses =
     'ms-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded bg-gray-200/75 px-1 font-semibold uppercase text-[0.625rem] text-gray-600 dark:bg-gray-800 dark:text-gray-400';
 
+const selectAllMatchingShortcutKeyClasses =
+    'ms-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded px-1 font-semibold uppercase text-[0.625rem] text-blue-600 bg-blue-100/80 dark:text-blue-400 dark:bg-blue-950';
+
 const props = defineProps({
     actions: { type: Array, default: () => [] },
     visible: { type: Boolean, default: false },
@@ -53,6 +59,9 @@ function findShortcutKey(action, used) {
 
 const actionsWithShortcuts = computed(() => {
     const used = new Set();
+    // Reserve A for select-all-matching whenever that control is visible.
+    if (showSelectAllMatching.value) used.add(SELECT_ALL_MATCHING_SHORTCUT_KEY);
+
     return (props.actions || []).map((action) => {
         // Delete always shows the backspace icon and is triggered by Delete/Backspace only; no letter.
         if (isDeleteAction(action)) {
@@ -101,6 +110,17 @@ function onKeydown(event) {
     if (event.metaKey || event.ctrlKey || event.altKey) return;
     const key = event.key?.length === 1 ? event.key.toLowerCase() : null;
     if (!key) return;
+
+    if (
+        key === SELECT_ALL_MATCHING_SHORTCUT_KEY &&
+        showSelectAllMatching.value &&
+        !isSelectingAllMatching.value
+    ) {
+        props.selectAllMatching?.();
+        event.preventDefault();
+        return;
+    }
+
     const action = actionsWithShortcuts.value.find((a) => a.shortcutKey === key);
     if (action?.run) {
         action.run();
@@ -136,6 +156,9 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
                     @click="selectAllMatching?.()"
                 >
                     {{ __('messages.selections_select_all_matching', { total: matchingTotal }) }}
+                    <span :class="selectAllMatchingShortcutKeyClasses">
+                        {{ SELECT_ALL_MATCHING_SHORTCUT_LABEL }}
+                    </span>
                 </Button>
             </div>
             <ButtonGroup overflow="gap" justify="center">

From 820bdec87d0bffb4a0b7a39d82fa4766ed82e2c9 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:15:57 +0100
Subject: [PATCH 07/23] Tweak keyboard shortcut decoration

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 3377413339a..88253a44961 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -22,7 +22,7 @@ const shortcutKeyClasses =
     'ms-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded bg-gray-200/75 px-1 font-semibold uppercase text-[0.625rem] text-gray-600 dark:bg-gray-800 dark:text-gray-400';
 
 const selectAllMatchingShortcutKeyClasses =
-    'ms-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded px-1 font-semibold uppercase text-[0.625rem] text-blue-600 bg-blue-100/80 dark:text-blue-400 dark:bg-blue-950';
+    'ms-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded border border-blue-300/80 px-1 font-semibold uppercase text-[0.625rem] text-blue-600 bg-blue-100/80 dark:border-blue-700 dark:text-blue-400 dark:bg-blue-950';
 
 const props = defineProps({
     actions: { type: Array, default: () => [] },

From 3ebd0a6a16c235cacdc32e02ef5ea4f10d560384 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:27:35 +0100
Subject: [PATCH 08/23] Fix select-all-matching under the pagination ceiling

Page through listing results instead of one oversized request, track
all-matching mode explicitly, and cover cancel detection plus paging in tests.
---
 .../js/components/ui/Listing/Listing.vue      | 80 ++++++++++++-------
 resources/js/tests/components/Listing.test.js | 77 +++++++++++++++++-
 .../js/tests/util/listing-selections.test.js  | 71 +++++++++++++++-
 resources/js/util/listing-selections.js       | 64 +++++++++++++++
 4 files changed, 259 insertions(+), 33 deletions(-)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 082d51e59cb..455a2deee0e 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -23,7 +23,7 @@ import Table from './Table.vue';
 import Pagination from './Pagination.vue';
 import { sortBy } from 'lodash-es';
 import fuzzysort from 'fuzzysort';
-import { canSelectAllMatching as canSelectAllMatchingHelper, isPageFullySelected } from '@/util/listing-selections.js';
+import { canSelectAllMatching as canSelectAllMatchingHelper, fetchAllMatchingIds, isPageFullySelected, isRequestCanceled } from '@/util/listing-selections.js';
 
 const emit = defineEmits([
     'update:columns',
@@ -175,6 +175,7 @@ const perPage = ref(initializePerPage());
 const initializing = ref(true);
 const loading = ref(true);
 const selectingAllMatching = ref(false);
+const selectedAllMatching = ref(false);
 let popping = false;
 let source = null;
 let selectAllMatchingSource = null;
@@ -333,7 +334,7 @@ function abortSelectAllMatching() {
     selectingAllMatching.value = false;
 }
 
-function selectAllMatching() {
+async function selectAllMatching() {
     if (!props.url || !meta.value?.total) return;
 
     abortSelectAllMatching();
@@ -341,35 +342,31 @@ function selectAllMatching() {
     const controller = new AbortController();
     selectAllMatchingSource = controller;
 
-    axios
-        .get(props.url, {
-            params: {
-                ...parameters.value,
-                page: 1,
-                perPage: meta.value.total,
-            },
+    try {
+        const ids = await fetchAllMatchingIds({
+            get: axios.get.bind(axios),
+            url: props.url,
+            parameters: parameters.value,
+            total: meta.value.total,
+            pageSize: perPage.value || meta.value.per_page || 100,
             signal: controller.signal,
-        })
-        .then((response) => {
-            if (selectAllMatchingSource !== controller) return;
+            maxSelections: props.maxSelections,
+        });
 
-            let ids = Object.values(response.data.data).map((item) => item.id);
-            if (props.maxSelections !== Infinity) {
-                ids = ids.slice(0, props.maxSelections);
-            }
-            selections.value.splice(0, selections.value.length, ...ids);
-        })
-        .catch((e) => {
-            if (axios.isCancel(e) || selectAllMatchingSource !== controller) return;
-            Statamic.$toast.error(e.response ? e.response.data.message : __('Something went wrong'), {
-                duration: null,
-            });
-        })
-        .finally(() => {
-            if (selectAllMatchingSource !== controller) return;
-            selectingAllMatching.value = false;
-            selectAllMatchingSource = null;
+        if (selectAllMatchingSource !== controller) return;
+
+        selections.value.splice(0, selections.value.length, ...ids);
+        selectedAllMatching.value = true;
+    } catch (e) {
+        if (isRequestCanceled(e) || selectAllMatchingSource !== controller) return;
+        Statamic.$toast.error(e.response ? e.response.data.message : __('Something went wrong'), {
+            duration: null,
         });
+    } finally {
+        if (selectAllMatchingSource !== controller) return;
+        selectingAllMatching.value = false;
+        selectAllMatchingSource = null;
+    }
 }
 
 function request() {
@@ -402,7 +399,7 @@ function request() {
             });
         })
         .catch((e) => {
-            if (axios.isCancel(e)) return;
+            if (isRequestCanceled(e) || axios.isCancel?.(e)) return;
             initializing.value = false;
             loading.value = false;
             if (e.request && !e.response) return;
@@ -609,6 +606,7 @@ function selectRange(from, to) {
 
 function clearSelections() {
     abortSelectAllMatching();
+    selectedAllMatching.value = false;
     selections.value.splice(0, selections.value.length);
 }
 
@@ -617,7 +615,7 @@ const pageFullySelected = computed(() => isPageFullySelected(items.value, select
 const allMatchingSelected = computed(() => {
     const total = meta.value?.total ?? 0;
 
-    return total > 0 && selections.value.length >= total;
+    return selectedAllMatching.value && total > 0 && selections.value.length >= total;
 });
 
 const canSelectAllMatching = computed(() =>
@@ -631,6 +629,27 @@ const canSelectAllMatching = computed(() =>
     }),
 );
 
+const matchingQueryKey = computed(() => {
+    const { page, ...rest } = parameters.value;
+
+    return JSON.stringify(rest);
+});
+
+watch(matchingQueryKey, () => {
+    selectedAllMatching.value = false;
+});
+
+watch(
+    selections,
+    (next) => {
+        const total = meta.value?.total ?? 0;
+        if (selectedAllMatching.value && next.length < total) {
+            selectedAllMatching.value = false;
+        }
+    },
+    { deep: true },
+);
+
 function setFilters(filters) {
     activeFilters.value = filters || {};
 }
@@ -726,6 +745,7 @@ provideListingContext({
     selectingAllMatching,
     canSelectAllMatching,
     allMatchingSelected,
+    selectedAllMatching,
     actionUrl: toRef(() => props.actionUrl),
     actionContext: toRef(() => props.actionContext),
     showBulkActions,
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index 8039366123b..5e2d1853ea1 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -1,9 +1,17 @@
-import { mount } from '@vue/test-utils';
-import { expect, test } from 'vitest';
+import { flushPromises, mount } from '@vue/test-utils';
+import { expect, test, vi } from 'vitest';
 import { defineComponent, h } from 'vue';
+import axios from 'axios';
 import * as Globals from '@/bootstrap/globals';
 import Listing, { injectListingContext } from '@/components/ui/Listing/Listing.vue';
 
+vi.mock('axios', () => ({
+    default: {
+        get: vi.fn(),
+        isCancel: vi.fn(() => false),
+    },
+}));
+
 Object.keys(Globals).forEach((fn) => (window[fn] = Globals[fn]));
 
 window.Statamic = {
@@ -11,6 +19,7 @@ window.Statamic = {
     $progress: { loading: () => {}, complete: () => {} },
     $preferences: { get: () => undefined },
     $events: { $on: () => {}, $off: () => {}, $emit: () => {} },
+    $toast: { error: vi.fn(), success: vi.fn() },
 };
 
 const Probe = defineComponent({
@@ -74,3 +83,67 @@ test('exposes select-all-matching helpers on the listing context', () => {
     expect(listing.allMatchingSelected.value).toBe(false);
     expect(typeof listing.selectAllMatching).toBe('function');
 });
+
+test('selectAllMatching pages through listing results past the perPage ceiling', async () => {
+    axios.get.mockImplementation(async (url, { params }) => {
+        const pages = {
+            1: {
+                data: [{ id: '1' }, { id: '2' }],
+                meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+            },
+            2: {
+                data: [{ id: '3' }, { id: '4' }],
+                meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+            },
+            3: {
+                data: [{ id: '5' }],
+                meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+            },
+        };
+
+        return { data: pages[params.page] };
+    });
+
+    const wrapper = mountListing({
+        url: '/cp/collections/test/entries',
+        items: undefined,
+        actionUrl: '/cp/collections/test/entries/actions',
+        perPage: 2,
+    });
+
+    await flushPromises();
+
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.selections.value = ['1', '2'];
+
+    expect(listing.canSelectAllMatching.value).toBe(true);
+
+    await listing.selectAllMatching();
+    await flushPromises();
+
+    expect(listing.selections.value).toEqual(['1', '2', '3', '4', '5']);
+    expect(listing.allMatchingSelected.value).toBe(true);
+    expect(listing.canSelectAllMatching.value).toBe(false);
+    expect(axios.get.mock.calls.some((call) => call[1]?.params?.page === 3)).toBe(true);
+});
+
+test('allMatchingSelected clears when listing filters change', async () => {
+    const wrapper = mountListing({
+        items: [{ id: 'a' }, { id: 'b' }],
+        url: '/cp/collections/test/entries',
+        filters: [{ handle: 'status', auto_apply: [] }],
+    });
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 2 };
+    listing.selections.value = ['a', 'b'];
+    listing.selectedAllMatching.value = true;
+
+    expect(listing.allMatchingSelected.value).toBe(true);
+
+    listing.setFilter('status', { status: 'published' });
+    await flushPromises();
+
+    expect(listing.allMatchingSelected.value).toBe(false);
+});
diff --git a/resources/js/tests/util/listing-selections.test.js b/resources/js/tests/util/listing-selections.test.js
index ef27149d4fc..8a8e25ab6ef 100644
--- a/resources/js/tests/util/listing-selections.test.js
+++ b/resources/js/tests/util/listing-selections.test.js
@@ -1,8 +1,10 @@
-import { expect, test } from 'vitest';
+import { expect, test, vi } from 'vitest';
 import {
     canSelectAllMatching,
+    fetchAllMatchingIds,
     isPageFullySelected,
     isPagePartiallySelected,
+    isRequestCanceled,
     pageItemIds,
     removePageSelections,
     selectedOnPage,
@@ -93,3 +95,70 @@ test('canSelectAllMatching is false for client-side listings without a url', ()
         }),
     ).toBe(false);
 });
+
+test('isRequestCanceled recognizes common cancel shapes', () => {
+    expect(isRequestCanceled({ code: 'ERR_CANCELED' })).toBe(true);
+    expect(isRequestCanceled({ name: 'CanceledError' })).toBe(true);
+    expect(isRequestCanceled({ name: 'AbortError' })).toBe(true);
+    expect(isRequestCanceled({ __CANCEL__: true })).toBe(true);
+    expect(isRequestCanceled({ message: 'boom' })).toBe(false);
+});
+
+test('fetchAllMatchingIds pages through results under a perPage ceiling', async () => {
+    const get = vi.fn(async (url, { params }) => {
+        const pages = {
+            1: {
+                data: [{ id: '1' }, { id: '2' }],
+                meta: { last_page: 3, total: 5 },
+            },
+            2: {
+                data: [{ id: '3' }, { id: '4' }],
+                meta: { last_page: 3, total: 5 },
+            },
+            3: {
+                data: [{ id: '5' }],
+                meta: { last_page: 3, total: 5 },
+            },
+        };
+
+        return { data: pages[params.page] };
+    });
+
+    const ids = await fetchAllMatchingIds({
+        get,
+        url: '/cp/entries',
+        parameters: { search: 'alfa', sort: 'title' },
+        total: 5,
+        pageSize: 2,
+    });
+
+    expect(ids).toEqual(['1', '2', '3', '4', '5']);
+    expect(get).toHaveBeenCalledTimes(3);
+    expect(get.mock.calls[0][1].params).toMatchObject({
+        search: 'alfa',
+        sort: 'title',
+        page: 1,
+        perPage: 2,
+    });
+    expect(get.mock.calls[2][1].params.page).toBe(3);
+});
+
+test('fetchAllMatchingIds respects maxSelections', async () => {
+    const get = vi.fn(async (url, { params }) => ({
+        data: {
+            data: [{ id: `${params.page}-a` }, { id: `${params.page}-b` }],
+            meta: { last_page: 5, total: 10 },
+        },
+    }));
+
+    const ids = await fetchAllMatchingIds({
+        get,
+        url: '/cp/entries',
+        total: 10,
+        pageSize: 2,
+        maxSelections: 3,
+    });
+
+    expect(ids).toEqual(['1-a', '1-b', '2-a']);
+    expect(get).toHaveBeenCalledTimes(2);
+});
diff --git a/resources/js/util/listing-selections.js b/resources/js/util/listing-selections.js
index bc836e1f507..526b92400c2 100644
--- a/resources/js/util/listing-selections.js
+++ b/resources/js/util/listing-selections.js
@@ -56,3 +56,67 @@ export function canSelectAllMatching({
 
     return true;
 }
+
+export function isRequestCanceled(error) {
+    return (
+        error?.code === 'ERR_CANCELED' ||
+        error?.name === 'CanceledError' ||
+        error?.name === 'AbortError' ||
+        error?.__CANCEL__ === true
+    );
+}
+
+/**
+ * Fetch every matching listing ID by paging through results.
+ * Listing APIs clamp perPage (cpPerPage ceiling), so a single request cannot load all IDs.
+ */
+export async function fetchAllMatchingIds({
+    get,
+    url,
+    parameters = {},
+    total,
+    pageSize,
+    signal,
+    maxSelections = Infinity,
+}) {
+    const perPage = Math.max(1, pageSize || 100);
+    const ids = [];
+    let page = 1;
+    let lastPage = Math.max(1, Math.ceil(total / perPage));
+
+    while (page <= lastPage) {
+        if (signal?.aborted) {
+            const error = new Error('canceled');
+            error.code = 'ERR_CANCELED';
+            error.name = 'CanceledError';
+            throw error;
+        }
+
+        const response = await get(url, {
+            params: {
+                ...parameters,
+                page,
+                perPage,
+            },
+            signal,
+        });
+
+        const pageItems = Object.values(response?.data?.data || {});
+        ids.push(...pageItems.map((item) => item.id));
+
+        if (maxSelections !== Infinity && ids.length >= maxSelections) {
+            return ids.slice(0, maxSelections);
+        }
+
+        const responseLastPage = response?.data?.meta?.last_page;
+        if (responseLastPage) {
+            lastPage = responseLastPage;
+        }
+
+        if (pageItems.length === 0) break;
+
+        page++;
+    }
+
+    return ids;
+}

From 2471a9a27b3bc67934ea236f5916a59aee3ccc28 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:30:16 +0100
Subject: [PATCH 09/23] Make blue AA

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 88253a44961..95ee3e2e087 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -148,7 +148,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
                 class="flex justify-center px-2"
             >
                 <Button
-                    class="text-blue-500 dark:text-blue-400 tracking-tight"
+                    class="text-blue-600 dark:text-blue-400 tracking-tight"
                     variant="ghost"
                     size="sm"
                     :loading="isSelectingAllMatching"
@@ -163,7 +163,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
             </div>
             <ButtonGroup overflow="gap" justify="center">
                 <Button
-                    class="text-blue-500!"
+                    class="text-blue-600!"
                     @click="clearSelections?.()"
                 >
                     {{ __n(`Deselect :count item|Deselect :count items`, selections.length) }}

From df5b6de5a5c1f7d373c82c9e94c716a84628ef5d Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 17:38:44 +0100
Subject: [PATCH 10/23] Tweak colors

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 95ee3e2e087..0af7b0b3232 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -142,7 +142,10 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
         :animate="{ y: 0, opacity: 1 }"
         :transition="{ duration: 0.2, ease: 'easeInOut' }"
     >
-        <div class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 bg-gray-150 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10">
+        <div
+            class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10"
+            :class="showSelectAllMatching ? 'bg-gray-150' : 'bg-gray-200/55'"
+        >
             <div
                 v-if="showSelectAllMatching"
                 class="flex justify-center px-2"

From 72818c60750da7502c741b47c760e99c777bcd70 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 18:41:53 +0100
Subject: [PATCH 11/23] Improve readability

---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 0af7b0b3232..c211e7995c5 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -144,14 +144,14 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
     >
         <div
             class="pointer-events-auto space-y-1 rounded-xl border border-gray-300/60 dark:border-gray-700 p-1 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/10"
-            :class="showSelectAllMatching ? 'bg-gray-150' : 'bg-gray-200/55'"
+            :class="showSelectAllMatching ? 'bg-white dark:bg-gray-900' : 'bg-gray-200/55'"
         >
             <div
                 v-if="showSelectAllMatching"
                 class="flex justify-center px-2"
             >
                 <Button
-                    class="text-blue-600 dark:text-blue-400 tracking-tight"
+                    class="text-blue-600 dark:text-blue-500 tracking-tight"
                     variant="ghost"
                     size="sm"
                     :loading="isSelectingAllMatching"
@@ -166,7 +166,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown, true));
             </div>
             <ButtonGroup overflow="gap" justify="center">
                 <Button
-                    class="text-blue-600!"
+                    class="text-blue-600! dark:text-blue-500!"
                     @click="clearSelections?.()"
                 >
                     {{ __n(`Deselect :count item|Deselect :count items`, selections.length) }}

From 21905e55b97d15d63404385e1213908137f65bc4 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 18:50:55 +0100
Subject: [PATCH 12/23] Fix indeterminate checkbox dash for Reka

Pass modelValue 'indeterminate' instead of a ignored indeterminate prop so the indicator mounts and shows the dash when listings are partially selected.
---
 resources/js/components/ui/Checkbox/Item.vue       |  9 ++++-----
 resources/js/tests/components/CheckboxItem.test.js | 12 ++++++++++++
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
index d94b35ac9b0..394c042e9ef 100644
--- a/resources/js/components/ui/Checkbox/Item.vue
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -88,12 +88,11 @@ const containerClasses = computed(() => {
 const conditionalProps = computed(() => {
     const props_obj = {};
 
-    if (props.modelValue !== null) {
-        props_obj.modelValue = props.modelValue;
-    }
-
+    // Reka CheckboxRoot uses modelValue === 'indeterminate' (no separate indeterminate prop).
     if (props.indeterminate) {
-        props_obj.indeterminate = true;
+        props_obj.modelValue = 'indeterminate';
+    } else if (props.modelValue !== null) {
+        props_obj.modelValue = props.modelValue;
     }
 
     // Only add aria-describedby if description exists AND it's not a solo checkbox
diff --git a/resources/js/tests/components/CheckboxItem.test.js b/resources/js/tests/components/CheckboxItem.test.js
index 572ef332123..8ca51c67c22 100644
--- a/resources/js/tests/components/CheckboxItem.test.js
+++ b/resources/js/tests/components/CheckboxItem.test.js
@@ -48,3 +48,15 @@ test('no aria-label is rendered when the label comes from the slot', () => {
     expect(wrapper.find('[role="checkbox"]').attributes('aria-label')).toBeUndefined();
 });
 
+test('indeterminate sets data-state and shows the dash indicator', () => {
+    const wrapper = mount(Checkbox, {
+        props: { label: 'Select items', modelValue: false, indeterminate: true },
+    });
+
+    const root = wrapper.find('[role="checkbox"]');
+
+    expect(root.attributes('data-state')).toBe('indeterminate');
+    expect(root.attributes('aria-checked')).toBe('mixed');
+    expect(wrapper.find('svg path').attributes('d')).toBe('M2 1H8');
+});
+

From 831e61b53fe0b185f902ac89aa9d5ccba929b8d9 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 26 Aug 2026 19:00:29 +0100
Subject: [PATCH 13/23] Keep select-all-matching CTA stable after layout-only
 changes

Hide the expand control when selections already cover the total, only reset all-matching mode on search/filter/sort changes, and use meta.total in header screen-reader copy.
---
 .../js/components/ui/Listing/Listing.vue      | 15 ++++++---
 .../js/components/ui/Listing/ToggleAll.vue    |  3 +-
 resources/js/tests/components/Listing.test.js | 33 +++++++++++++++++++
 .../js/tests/util/listing-selections.test.js  | 13 ++++++++
 resources/js/util/listing-selections.js       |  2 ++
 5 files changed, 60 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 455a2deee0e..56b1d01a65d 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -625,15 +625,20 @@ const canSelectAllMatching = computed(() =>
         pageSize: items.value?.length ?? 0,
         pageFullySelected: pageFullySelected.value,
         allMatchingSelected: allMatchingSelected.value,
+        selectedCount: selections.value.length,
         maxSelections: props.maxSelections,
     }),
 );
 
-const matchingQueryKey = computed(() => {
-    const { page, ...rest } = parameters.value;
-
-    return JSON.stringify(rest);
-});
+// Only invalidate all-matching mode when the result set itself changes.
+const matchingQueryKey = computed(() =>
+    JSON.stringify({
+        search: parameters.value.search ?? null,
+        filters: parameters.value.filters ?? null,
+        sort: parameters.value.sort ?? null,
+        order: parameters.value.order ?? null,
+    }),
+);
 
 watch(matchingQueryKey, () => {
     selectedAllMatching.value = false;
diff --git a/resources/js/components/ui/Listing/ToggleAll.vue b/resources/js/components/ui/Listing/ToggleAll.vue
index 164f3ef36f1..65b6d054941 100644
--- a/resources/js/components/ui/Listing/ToggleAll.vue
+++ b/resources/js/components/ui/Listing/ToggleAll.vue
@@ -17,6 +17,7 @@ const {
     clearSelections,
     reorderable,
     allMatchingSelected,
+    meta,
 } = injectListingContext();
 
 const pageFullySelected = computed(() => isPageFullySelected(items.value, selections.value));
@@ -63,7 +64,7 @@ function getAriaLabel() {
 }
 
 function getScreenReaderText() {
-    const totalItems = pageSize.value;
+    const totalItems = allMatchingSelected.value ? (meta.value?.total ?? pageSize.value) : pageSize.value;
     const selectedItems = selectedOnPageCount.value;
 
     if (indeterminate.value) {
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index 5e2d1853ea1..d9b6ba0307b 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -147,3 +147,36 @@ test('allMatchingSelected clears when listing filters change', async () => {
 
     expect(listing.allMatchingSelected.value).toBe(false);
 });
+
+test('canSelectAllMatching stays hidden after perPage changes when all ids are selected', async () => {
+    axios.get.mockResolvedValue({
+        data: {
+            data: [{ id: '1' }, { id: '2' }],
+            meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+        },
+    });
+
+    const wrapper = mountListing({
+        url: '/cp/collections/test/entries',
+        items: undefined,
+        actionUrl: '/cp/collections/test/entries/actions',
+        perPage: 2,
+    });
+
+    await flushPromises();
+
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 5, per_page: 2, last_page: 3, columns: [] };
+    listing.items.value = [{ id: '1' }, { id: '2' }];
+    listing.selections.value = ['1', '2', '3', '4', '5'];
+    listing.selectedAllMatching.value = true;
+
+    expect(listing.canSelectAllMatching.value).toBe(false);
+
+    listing.setPerPage(10);
+    await flushPromises();
+
+    expect(listing.selectedAllMatching.value).toBe(true);
+    expect(listing.canSelectAllMatching.value).toBe(false);
+});
diff --git a/resources/js/tests/util/listing-selections.test.js b/resources/js/tests/util/listing-selections.test.js
index 8a8e25ab6ef..d9c77caf227 100644
--- a/resources/js/tests/util/listing-selections.test.js
+++ b/resources/js/tests/util/listing-selections.test.js
@@ -71,6 +71,19 @@ test('canSelectAllMatching is false when already selecting all matching', () =>
     ).toBe(false);
 });
 
+test('canSelectAllMatching is false when selection count already covers the total', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+            selectedCount: 50,
+        }),
+    ).toBe(false);
+});
+
 test('canSelectAllMatching is false when maxSelections cannot cover the total', () => {
     expect(
         canSelectAllMatching({
diff --git a/resources/js/util/listing-selections.js b/resources/js/util/listing-selections.js
index 526b92400c2..e2f4f4c88e4 100644
--- a/resources/js/util/listing-selections.js
+++ b/resources/js/util/listing-selections.js
@@ -48,10 +48,12 @@ export function canSelectAllMatching({
     pageSize,
     pageFullySelected,
     allMatchingSelected,
+    selectedCount = 0,
     maxSelections = Infinity,
 }) {
     if (!hasUrl || allMatchingSelected || !pageFullySelected) return false;
     if (!total || total <= pageSize) return false;
+    if (selectedCount >= total) return false;
     if (maxSelections !== Infinity && maxSelections < total) return false;
 
     return true;

From 9ef6ddd7becb3d65ab952c20b2ef3c1e913e0314 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:12:21 +0100
Subject: [PATCH 14/23] Disable select-all-matching on asset browse listings.
 I'm not sure it's useful there and it causes complications

Asset folders are counted in meta.total but aren't selectable, so the
across-pages control under-selected. Opt out via allowSelectAllMatching.
---
 .../js/components/assets/Browser/Browser.vue  |  1 +
 .../js/components/ui/Listing/Listing.vue      |  6 +++++
 resources/js/tests/components/Listing.test.js | 27 +++++++++++++++++++
 3 files changed, 34 insertions(+)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 775094b79c3..796a7ecb974 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -26,6 +26,7 @@
                     :action-url="actionUrl"
                     :action-context="actionContext"
                     :allow-bulk-actions="allowBulkActions"
+                    :allow-select-all-matching="false"
                     :selections="selectedAssets"
                     :max-selections="maxFiles"
                     :preferences-prefix="preferencesPrefix"
diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 56b1d01a65d..68650ad38e6 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -55,6 +55,11 @@ const props = defineProps({
         type: Boolean,
         default: true,
     },
+    /** When `true`, offers selecting all matching results across pages after the current page is selected. */
+    allowSelectAllMatching: {
+        type: Boolean,
+        default: true,
+    },
     /** The URL from which to retrieve actions. */
     actionUrl: {
         type: String,
@@ -619,6 +624,7 @@ const allMatchingSelected = computed(() => {
 });
 
 const canSelectAllMatching = computed(() =>
+    props.allowSelectAllMatching &&
     canSelectAllMatchingHelper({
         hasUrl: !!props.url && !props.items,
         total: meta.value?.total ?? 0,
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index d9b6ba0307b..50e6043335e 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -84,6 +84,33 @@ test('exposes select-all-matching helpers on the listing context', () => {
     expect(typeof listing.selectAllMatching).toBe('function');
 });
 
+test('canSelectAllMatching can be disabled via allowSelectAllMatching', async () => {
+    axios.get.mockResolvedValue({
+        data: {
+            data: [{ id: '1' }, { id: '2' }],
+            meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+        },
+    });
+
+    const wrapper = mountListing({
+        url: '/cp/assets/browse/folders/main',
+        items: undefined,
+        actionUrl: '/cp/assets/actions',
+        allowSelectAllMatching: false,
+        perPage: 2,
+    });
+
+    await flushPromises();
+
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 5, per_page: 2, last_page: 3, columns: [] };
+    listing.items.value = [{ id: '1' }, { id: '2' }];
+    listing.selections.value = ['1', '2'];
+
+    expect(listing.canSelectAllMatching.value).toBe(false);
+});
+
 test('selectAllMatching pages through listing results past the perPage ceiling', async () => {
     axios.get.mockImplementation(async (url, { params }) => {
         const pages = {

From abc4c960e84568d50eee49b6ef0ba6e6da54a911 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:18:39 +0100
Subject: [PATCH 15/23] Reset select-all-matching when listing scope changes

matchingQueryKey ignored url and additionalParameters, so folder/group
switches could leave selectedAllMatching set against a new result set.
---
 .../js/components/ui/Listing/Listing.vue      |  2 ++
 resources/js/tests/components/Listing.test.js | 35 +++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 68650ad38e6..9d4d154b0df 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -639,6 +639,8 @@ const canSelectAllMatching = computed(() =>
 // Only invalidate all-matching mode when the result set itself changes.
 const matchingQueryKey = computed(() =>
     JSON.stringify({
+        url: props.url ?? null,
+        additionalParameters: props.additionalParameters ?? {},
         search: parameters.value.search ?? null,
         filters: parameters.value.filters ?? null,
         sort: parameters.value.sort ?? null,
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index 50e6043335e..6248eb89623 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -175,6 +175,41 @@ test('allMatchingSelected clears when listing filters change', async () => {
     expect(listing.allMatchingSelected.value).toBe(false);
 });
 
+test('allMatchingSelected clears when listing url changes', async () => {
+    const wrapper = mountListing({
+        items: [{ id: 'a' }, { id: 'b' }],
+        url: '/cp/assets/browse/folders/main',
+    });
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 2 };
+    listing.selections.value = ['a', 'b'];
+    listing.selectedAllMatching.value = true;
+
+    await wrapper.setProps({ url: '/cp/assets/browse/folders/main/subfolder' });
+    await flushPromises();
+
+    expect(listing.selectedAllMatching.value).toBe(false);
+});
+
+test('allMatchingSelected clears when additionalParameters change', async () => {
+    const wrapper = mountListing({
+        items: [{ id: 'a' }, { id: 'b' }],
+        url: '/cp/users',
+        additionalParameters: { group: 'editors' },
+    });
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 2 };
+    listing.selections.value = ['a', 'b'];
+    listing.selectedAllMatching.value = true;
+
+    await wrapper.setProps({ additionalParameters: { group: 'admins' } });
+    await flushPromises();
+
+    expect(listing.selectedAllMatching.value).toBe(false);
+});
+
 test('canSelectAllMatching stays hidden after perPage changes when all ids are selected', async () => {
     axios.get.mockResolvedValue({
         data: {

From 46da85b01fa143fb5f287bd019379fba3233bcbc Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:19:06 +0100
Subject: [PATCH 16/23] Deduplicate IDs when paging select-all-matching results

Overlapping pages (e.g. if the result set shifts mid-fetch) could push
the same id more than once into selections.
---
 .../js/tests/util/listing-selections.test.js  | 26 +++++++++++++++++++
 resources/js/util/listing-selections.js       | 13 +++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/resources/js/tests/util/listing-selections.test.js b/resources/js/tests/util/listing-selections.test.js
index d9c77caf227..8a0ef769b4c 100644
--- a/resources/js/tests/util/listing-selections.test.js
+++ b/resources/js/tests/util/listing-selections.test.js
@@ -175,3 +175,29 @@ test('fetchAllMatchingIds respects maxSelections', async () => {
     expect(ids).toEqual(['1-a', '1-b', '2-a']);
     expect(get).toHaveBeenCalledTimes(2);
 });
+
+test('fetchAllMatchingIds dedupes ids across pages', async () => {
+    const get = vi.fn(async (url, { params }) => {
+        const pages = {
+            1: {
+                data: [{ id: '1' }, { id: '2' }],
+                meta: { last_page: 2, total: 3 },
+            },
+            2: {
+                data: [{ id: '2' }, { id: '3' }],
+                meta: { last_page: 2, total: 3 },
+            },
+        };
+
+        return { data: pages[params.page] };
+    });
+
+    const ids = await fetchAllMatchingIds({
+        get,
+        url: '/cp/entries',
+        total: 3,
+        pageSize: 2,
+    });
+
+    expect(ids).toEqual(['1', '2', '3']);
+});
diff --git a/resources/js/util/listing-selections.js b/resources/js/util/listing-selections.js
index e2f4f4c88e4..3354b95df9e 100644
--- a/resources/js/util/listing-selections.js
+++ b/resources/js/util/listing-selections.js
@@ -83,6 +83,7 @@ export async function fetchAllMatchingIds({
 }) {
     const perPage = Math.max(1, pageSize || 100);
     const ids = [];
+    const seen = new Set();
     let page = 1;
     let lastPage = Math.max(1, Math.ceil(total / perPage));
 
@@ -104,10 +105,16 @@ export async function fetchAllMatchingIds({
         });
 
         const pageItems = Object.values(response?.data?.data || {});
-        ids.push(...pageItems.map((item) => item.id));
 
-        if (maxSelections !== Infinity && ids.length >= maxSelections) {
-            return ids.slice(0, maxSelections);
+        for (const item of pageItems) {
+            const id = item.id;
+            if (seen.has(id)) continue;
+            seen.add(id);
+            ids.push(id);
+
+            if (maxSelections !== Infinity && ids.length >= maxSelections) {
+                return ids;
+            }
         }
 
         const responseLastPage = response?.data?.meta?.last_page;

From 27fd51b5f8644c33576817ab683032f3159aabc3 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:28:18 +0100
Subject: [PATCH 17/23] Add configurable select-all limit for listing bulk
 actions

Cap "Select all matching" at config('statamic.cp.select_all_limit')
(default 1000) so sync bulk actions aren't invited on huge result sets.
Null disables the ceiling.
---
 config/cp.php                                 | 13 ++++++
 .../js/components/ui/Listing/Listing.vue      |  5 ++-
 resources/js/tests/components/Listing.test.js | 30 ++++++++++++++
 .../js/tests/util/listing-selections.test.js  | 41 +++++++++++++++++++
 resources/js/util/listing-selections.js       | 14 +++++++
 .../View/Composers/JavascriptComposer.php     |  1 +
 6 files changed, 103 insertions(+), 1 deletion(-)

diff --git a/config/cp.php b/config/cp.php
index 090e6e8b049..485b5c946a5 100644
--- a/config/cp.php
+++ b/config/cp.php
@@ -70,6 +70,19 @@
 
     'pagination_size_options' => [10, 25, 50, 100],
 
+    /*
+    |--------------------------------------------------------------------------
+    | Select All Limit
+    |--------------------------------------------------------------------------
+    |
+    | The maximum number of matching results that can be selected across pages
+    | via "Select all". Raise this if your server can handle larger bulk
+    | actions, or set it to null for no limit.
+    |
+    */
+
+    'select_all_limit' => 1000,
+
     /*
     |--------------------------------------------------------------------------
     | Links to Documentation
diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 9d4d154b0df..292d0a94355 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -23,7 +23,7 @@ import Table from './Table.vue';
 import Pagination from './Pagination.vue';
 import { sortBy } from 'lodash-es';
 import fuzzysort from 'fuzzysort';
-import { canSelectAllMatching as canSelectAllMatchingHelper, fetchAllMatchingIds, isPageFullySelected, isRequestCanceled } from '@/util/listing-selections.js';
+import { canSelectAllMatching as canSelectAllMatchingHelper, fetchAllMatchingIds, isPageFullySelected, isRequestCanceled, resolveSelectAllLimit } from '@/util/listing-selections.js';
 
 const emit = defineEmits([
     'update:columns',
@@ -181,6 +181,7 @@ const initializing = ref(true);
 const loading = ref(true);
 const selectingAllMatching = ref(false);
 const selectedAllMatching = ref(false);
+const selectAllLimit = computed(() => resolveSelectAllLimit(Statamic.$config.get('selectAllLimit')));
 let popping = false;
 let source = null;
 let selectAllMatchingSource = null;
@@ -341,6 +342,7 @@ function abortSelectAllMatching() {
 
 async function selectAllMatching() {
     if (!props.url || !meta.value?.total) return;
+    if (meta.value.total > selectAllLimit.value) return;
 
     abortSelectAllMatching();
     selectingAllMatching.value = true;
@@ -633,6 +635,7 @@ const canSelectAllMatching = computed(() =>
         allMatchingSelected: allMatchingSelected.value,
         selectedCount: selections.value.length,
         maxSelections: props.maxSelections,
+        selectAllLimit: selectAllLimit.value,
     }),
 );
 
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index 6248eb89623..cda2f921df2 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -111,6 +111,36 @@ test('canSelectAllMatching can be disabled via allowSelectAllMatching', async ()
     expect(listing.canSelectAllMatching.value).toBe(false);
 });
 
+test('canSelectAllMatching is hidden when total exceeds selectAllLimit', async () => {
+    window.Statamic.$config.get = (key, fallback) => (key === 'selectAllLimit' ? 3 : fallback);
+
+    axios.get.mockResolvedValue({
+        data: {
+            data: [{ id: '1' }, { id: '2' }],
+            meta: { last_page: 3, total: 5, per_page: 2, columns: [] },
+        },
+    });
+
+    const wrapper = mountListing({
+        url: '/cp/collections/test/entries',
+        items: undefined,
+        actionUrl: '/cp/collections/test/entries/actions',
+        perPage: 2,
+    });
+
+    await flushPromises();
+
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 5, per_page: 2, last_page: 3, columns: [] };
+    listing.items.value = [{ id: '1' }, { id: '2' }];
+    listing.selections.value = ['1', '2'];
+
+    expect(listing.canSelectAllMatching.value).toBe(false);
+
+    window.Statamic.$config.get = () => undefined;
+});
+
 test('selectAllMatching pages through listing results past the perPage ceiling', async () => {
     axios.get.mockImplementation(async (url, { params }) => {
         const pages = {
diff --git a/resources/js/tests/util/listing-selections.test.js b/resources/js/tests/util/listing-selections.test.js
index 8a0ef769b4c..51c300f26da 100644
--- a/resources/js/tests/util/listing-selections.test.js
+++ b/resources/js/tests/util/listing-selections.test.js
@@ -7,6 +7,7 @@ import {
     isRequestCanceled,
     pageItemIds,
     removePageSelections,
+    resolveSelectAllLimit,
     selectedOnPage,
     unionPageSelections,
 } from '@/util/listing-selections.js';
@@ -97,6 +98,46 @@ test('canSelectAllMatching is false when maxSelections cannot cover the total',
     ).toBe(false);
 });
 
+test('canSelectAllMatching is false when total exceeds selectAllLimit', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+            selectAllLimit: 40,
+        }),
+    ).toBe(false);
+});
+
+test('canSelectAllMatching allows totals within selectAllLimit', () => {
+    expect(
+        canSelectAllMatching({
+            hasUrl: true,
+            total: 50,
+            pageSize: 10,
+            pageFullySelected: true,
+            allMatchingSelected: false,
+            selectAllLimit: 50,
+        }),
+    ).toBe(true);
+});
+
+test('resolveSelectAllLimit treats null as unlimited', () => {
+    expect(resolveSelectAllLimit(null)).toBe(Infinity);
+});
+
+test('resolveSelectAllLimit uses fallback when undefined', () => {
+    expect(resolveSelectAllLimit(undefined)).toBe(1000);
+    expect(resolveSelectAllLimit(undefined, 500)).toBe(500);
+});
+
+test('resolveSelectAllLimit coerces positive numbers', () => {
+    expect(resolveSelectAllLimit(2500)).toBe(2500);
+    expect(resolveSelectAllLimit('100')).toBe(100);
+});
+
 test('canSelectAllMatching is false for client-side listings without a url', () => {
     expect(
         canSelectAllMatching({
diff --git a/resources/js/util/listing-selections.js b/resources/js/util/listing-selections.js
index 3354b95df9e..0c21dd2a4fc 100644
--- a/resources/js/util/listing-selections.js
+++ b/resources/js/util/listing-selections.js
@@ -50,15 +50,29 @@ export function canSelectAllMatching({
     allMatchingSelected,
     selectedCount = 0,
     maxSelections = Infinity,
+    selectAllLimit = Infinity,
 }) {
     if (!hasUrl || allMatchingSelected || !pageFullySelected) return false;
     if (!total || total <= pageSize) return false;
     if (selectedCount >= total) return false;
     if (maxSelections !== Infinity && maxSelections < total) return false;
+    if (selectAllLimit !== Infinity && total > selectAllLimit) return false;
 
     return true;
 }
 
+/**
+ * Resolve the CP select-all ceiling. `null` / falsy config means no limit.
+ */
+export function resolveSelectAllLimit(value, fallback = 1000) {
+    if (value === null) return Infinity;
+    if (value === undefined) return fallback;
+    const limit = Number(value);
+    if (!Number.isFinite(limit) || limit <= 0) return Infinity;
+
+    return limit;
+}
+
 export function isRequestCanceled(error) {
     return (
         error?.code === 'ERR_CANCELED' ||
diff --git a/src/Http/View/Composers/JavascriptComposer.php b/src/Http/View/Composers/JavascriptComposer.php
index 57758b35269..998a82c879d 100644
--- a/src/Http/View/Composers/JavascriptComposer.php
+++ b/src/Http/View/Composers/JavascriptComposer.php
@@ -73,6 +73,7 @@ private function protectedVariables()
             'defaultPreferences' => Preference::default()->all(),
             'paginationSize' => config('statamic.cp.pagination_size'),
             'paginationSizeOptions' => config('statamic.cp.pagination_size_options'),
+            'selectAllLimit' => config('statamic.cp.select_all_limit'),
             'multisiteEnabled' => Site::multiEnabled(),
             'sites' => $this->sites(),
             'selectedSite' => Site::selected()->handle(),

From 2547432803e903e8ad74f2117c671e785ac38ac5 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:38:04 +0100
Subject: [PATCH 18/23] Keep select-all-matching when fetched count undershoots
 total

Comparing against meta.total cleared the flag (and resurrected the CTA)
whenever search indexes or mid-fetch deletes returned fewer IDs.
Track the fetched count instead and only exit all-matching when the
user removes a selection.
---
 .../js/components/ui/Listing/Listing.vue      | 15 ++---
 resources/js/tests/components/Listing.test.js | 58 +++++++++++++++++++
 2 files changed, 66 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index 292d0a94355..db308b81537 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -181,6 +181,7 @@ const initializing = ref(true);
 const loading = ref(true);
 const selectingAllMatching = ref(false);
 const selectedAllMatching = ref(false);
+const selectedAllMatchingCount = ref(0);
 const selectAllLimit = computed(() => resolveSelectAllLimit(Statamic.$config.get('selectAllLimit')));
 let popping = false;
 let source = null;
@@ -362,6 +363,7 @@ async function selectAllMatching() {
 
         if (selectAllMatchingSource !== controller) return;
 
+        selectedAllMatchingCount.value = ids.length;
         selections.value.splice(0, selections.value.length, ...ids);
         selectedAllMatching.value = true;
     } catch (e) {
@@ -614,16 +616,13 @@ function selectRange(from, to) {
 function clearSelections() {
     abortSelectAllMatching();
     selectedAllMatching.value = false;
+    selectedAllMatchingCount.value = 0;
     selections.value.splice(0, selections.value.length);
 }
 
 const pageFullySelected = computed(() => isPageFullySelected(items.value, selections.value));
 
-const allMatchingSelected = computed(() => {
-    const total = meta.value?.total ?? 0;
-
-    return selectedAllMatching.value && total > 0 && selections.value.length >= total;
-});
+const allMatchingSelected = computed(() => selectedAllMatching.value);
 
 const canSelectAllMatching = computed(() =>
     props.allowSelectAllMatching &&
@@ -653,14 +652,15 @@ const matchingQueryKey = computed(() =>
 
 watch(matchingQueryKey, () => {
     selectedAllMatching.value = false;
+    selectedAllMatchingCount.value = 0;
 });
 
 watch(
     selections,
     (next) => {
-        const total = meta.value?.total ?? 0;
-        if (selectedAllMatching.value && next.length < total) {
+        if (selectedAllMatching.value && next.length < selectedAllMatchingCount.value) {
             selectedAllMatching.value = false;
+            selectedAllMatchingCount.value = 0;
         }
     },
     { deep: true },
@@ -762,6 +762,7 @@ provideListingContext({
     canSelectAllMatching,
     allMatchingSelected,
     selectedAllMatching,
+    selectedAllMatchingCount,
     actionUrl: toRef(() => props.actionUrl),
     actionContext: toRef(() => props.actionContext),
     showBulkActions,
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index cda2f921df2..ca16da4befe 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -185,6 +185,64 @@ test('selectAllMatching pages through listing results past the perPage ceiling',
     expect(axios.get.mock.calls.some((call) => call[1]?.params?.page === 3)).toBe(true);
 });
 
+test('selectAllMatching stays selected when fetched ids are fewer than meta.total', async () => {
+    axios.get.mockImplementation(async (url, { params }) => {
+        const pages = {
+            1: {
+                data: [{ id: '1' }, { id: '2' }],
+                meta: { last_page: 2, total: 5, per_page: 2, columns: [] },
+            },
+            2: {
+                data: [{ id: '3' }, { id: '4' }],
+                meta: { last_page: 2, total: 5, per_page: 2, columns: [] },
+            },
+        };
+
+        return { data: pages[params.page] };
+    });
+
+    const wrapper = mountListing({
+        url: '/cp/collections/test/entries',
+        items: undefined,
+        actionUrl: '/cp/collections/test/entries/actions',
+        perPage: 2,
+    });
+
+    await flushPromises();
+
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 5, per_page: 2, last_page: 3, columns: [] };
+    listing.items.value = [{ id: '1' }, { id: '2' }];
+    listing.selections.value = ['1', '2'];
+
+    await listing.selectAllMatching();
+    await flushPromises();
+
+    expect(listing.selections.value).toEqual(['1', '2', '3', '4']);
+    expect(listing.selectedAllMatching.value).toBe(true);
+    expect(listing.allMatchingSelected.value).toBe(true);
+    expect(listing.canSelectAllMatching.value).toBe(false);
+});
+
+test('selectedAllMatching clears when a selection is removed after select-all', async () => {
+    const wrapper = mountListing({
+        items: [{ id: 'a' }, { id: 'b' }],
+        url: '/cp/collections/test/entries',
+    });
+    const { listing } = wrapper.findComponent(Probe).vm;
+
+    listing.meta.value = { total: 4 };
+    listing.selectedAllMatchingCount.value = 4;
+    listing.selections.value = ['a', 'b', 'c', 'd'];
+    listing.selectedAllMatching.value = true;
+
+    listing.selections.value.splice(3, 1);
+    await flushPromises();
+
+    expect(listing.selectedAllMatching.value).toBe(false);
+});
+
 test('allMatchingSelected clears when listing filters change', async () => {
     const wrapper = mountListing({
         items: [{ id: 'a' }, { id: 'b' }],

From fad4bf79d30f2bc37dff2f2675f6e5fb4cca5bb7 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:38:55 +0100
Subject: [PATCH 19/23] Request select-all-matching IDs more efficiently

Use the pagination size ceiling instead of the listing's current
per-page, and ask only for the id column so each page skips full
augmentation.
---
 resources/js/components/ui/Listing/Listing.vue | 17 +++++++++++++++--
 resources/js/tests/components/Listing.test.js  | 18 +++++++++++++++---
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index db308b81537..bb4fb8a4b03 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -354,9 +354,12 @@ async function selectAllMatching() {
         const ids = await fetchAllMatchingIds({
             get: axios.get.bind(axios),
             url: props.url,
-            parameters: parameters.value,
+            parameters: {
+                ...parameters.value,
+                columns: 'id',
+            },
             total: meta.value.total,
-            pageSize: perPage.value || meta.value.per_page || 100,
+            pageSize: selectAllMatchingPageSize(),
             signal: controller.signal,
             maxSelections: props.maxSelections,
         });
@@ -378,6 +381,16 @@ async function selectAllMatching() {
     }
 }
 
+function selectAllMatchingPageSize() {
+    const options = Statamic.$config.get('paginationSizeOptions');
+
+    if (Array.isArray(options) && options.length > 0) {
+        return Math.max(...options.map(Number));
+    }
+
+    return perPage.value || meta.value?.per_page || 100;
+}
+
 function request() {
     if (props.items) return;
 
diff --git a/resources/js/tests/components/Listing.test.js b/resources/js/tests/components/Listing.test.js
index ca16da4befe..d32dc5772fd 100644
--- a/resources/js/tests/components/Listing.test.js
+++ b/resources/js/tests/components/Listing.test.js
@@ -15,7 +15,13 @@ vi.mock('axios', () => ({
 Object.keys(Globals).forEach((fn) => (window[fn] = Globals[fn]));
 
 window.Statamic = {
-    $config: { get: () => undefined },
+    $config: {
+        get: (key, fallback) => {
+            if (key === 'paginationSizeOptions') return [10, 25, 50, 100];
+            if (key === 'paginationSize') return 50;
+            return fallback;
+        },
+    },
     $progress: { loading: () => {}, complete: () => {} },
     $preferences: { get: () => undefined },
     $events: { $on: () => {}, $off: () => {}, $emit: () => {} },
@@ -112,7 +118,11 @@ test('canSelectAllMatching can be disabled via allowSelectAllMatching', async ()
 });
 
 test('canSelectAllMatching is hidden when total exceeds selectAllLimit', async () => {
-    window.Statamic.$config.get = (key, fallback) => (key === 'selectAllLimit' ? 3 : fallback);
+    const previousGet = window.Statamic.$config.get;
+    window.Statamic.$config.get = (key, fallback) => {
+        if (key === 'selectAllLimit') return 3;
+        return previousGet(key, fallback);
+    };
 
     axios.get.mockResolvedValue({
         data: {
@@ -138,7 +148,7 @@ test('canSelectAllMatching is hidden when total exceeds selectAllLimit', async (
 
     expect(listing.canSelectAllMatching.value).toBe(false);
 
-    window.Statamic.$config.get = () => undefined;
+    window.Statamic.$config.get = previousGet;
 });
 
 test('selectAllMatching pages through listing results past the perPage ceiling', async () => {
@@ -183,6 +193,8 @@ test('selectAllMatching pages through listing results past the perPage ceiling',
     expect(listing.allMatchingSelected.value).toBe(true);
     expect(listing.canSelectAllMatching.value).toBe(false);
     expect(axios.get.mock.calls.some((call) => call[1]?.params?.page === 3)).toBe(true);
+    expect(axios.get.mock.calls.some((call) => call[1]?.params?.perPage === 100)).toBe(true);
+    expect(axios.get.mock.calls.some((call) => call[1]?.params?.columns === 'id')).toBe(true);
 });
 
 test('selectAllMatching stays selected when fetched ids are fewer than meta.total', async () => {

From 4cce87ec7a498304c8974a765f3a8a57b3822762 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:39:41 +0100
Subject: [PATCH 20/23] Always reserve A for select-all-matching shortcuts

Reserving it only while the select-all row was visible made action
shortcut letters shift mid-interaction.
---
 .../js/components/ui/Listing/BulkActionsFloatingToolbar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index c211e7995c5..06bb2f4abe7 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -5,7 +5,7 @@
  * Renders the floating toolbar when items are selected in a listing, with keyboard shortcuts
  * for each action. Shortcuts are derived from the localized action title (first unused letter).
  * Delete uses the backspace icon and is triggered by Delete/Backspace only.
- * Select-all-matching uses A when that control is visible (reserved so actions skip it).
+ * Select-all-matching uses A (always reserved so actions skip it).
  */
 import { Motion } from 'motion-v';
 import { computed, onMounted, onUnmounted, toValue } from 'vue';
@@ -59,8 +59,8 @@ function findShortcutKey(action, used) {
 
 const actionsWithShortcuts = computed(() => {
     const used = new Set();
-    // Reserve A for select-all-matching whenever that control is visible.
-    if (showSelectAllMatching.value) used.add(SELECT_ALL_MATCHING_SHORTCUT_KEY);
+    // Always reserve A so action shortcuts stay stable whether the select-all row is visible.
+    used.add(SELECT_ALL_MATCHING_SHORTCUT_KEY);
 
     return (props.actions || []).map((action) => {
         // Delete always shows the backspace icon and is triggered by Delete/Backspace only; no letter.

From 94fbc3f1edcb8c8d5bdb8302a1c6917503943a2d Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:39:59 +0100
Subject: [PATCH 21/23] Simplify select-all-matching toolbar prop types

These values are always booleans by the time they reach the toolbar, so
the Object union and toValue() unwrapping were unnecessary.
---
 .../ui/Listing/BulkActionsFloatingToolbar.vue          | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
index 06bb2f4abe7..f717fd94449 100644
--- a/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
+++ b/resources/js/components/ui/Listing/BulkActionsFloatingToolbar.vue
@@ -8,7 +8,7 @@
  * Select-all-matching uses A (always reserved so actions skip it).
  */
 import { Motion } from 'motion-v';
-import { computed, onMounted, onUnmounted, toValue } from 'vue';
+import { computed, onMounted, onUnmounted } from 'vue';
 import { Button, ButtonGroup, Icon } from '@ui';
 
 // ——— Keyboard shortcut constants ———
@@ -29,15 +29,15 @@ const props = defineProps({
     visible: { type: Boolean, default: false },
     selections: { type: Array, default: () => [] },
     clearSelections: { type: Function, default: null },
-    canSelectAllMatching: { type: [Boolean, Object], default: false },
+    canSelectAllMatching: { type: Boolean, default: false },
     selectAllMatching: { type: Function, default: null },
-    selectingAllMatching: { type: [Boolean, Object], default: false },
+    selectingAllMatching: { type: Boolean, default: false },
     matchingTotal: { type: Number, default: 0 },
 });
 
 const hasSelections = computed(() => (props.selections?.length ?? 0) > 0);
-const showSelectAllMatching = computed(() => !!toValue(props.canSelectAllMatching));
-const isSelectingAllMatching = computed(() => !!toValue(props.selectingAllMatching));
+const showSelectAllMatching = computed(() => !!props.canSelectAllMatching);
+const isSelectingAllMatching = computed(() => !!props.selectingAllMatching);
 
 /** True if this action is the built-in delete (by handle or trash icon). */
 function isDeleteAction(action) {

From 46a7efa5c8c44b57eb378c6361a01ec2579c0818 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 11:40:14 +0100
Subject: [PATCH 22/23] Use plain axios.isCancel in listing requests

The optional call was only added for the test mock, which already
defines isCancel.
---
 resources/js/components/ui/Listing/Listing.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index bb4fb8a4b03..45857c79ca9 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -421,7 +421,7 @@ function request() {
             });
         })
         .catch((e) => {
-            if (isRequestCanceled(e) || axios.isCancel?.(e)) return;
+            if (isRequestCanceled(e) || axios.isCancel(e)) return;
             initializing.value = false;
             loading.value = false;
             if (e.request && !e.response) return;

From 12eddbb9284f17569ef0c890159621f65767b88d Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 27 Aug 2026 12:00:49 +0100
Subject: [PATCH 23/23] Update locales

---
 lang/de.json    | 6 +++---
 lang/de_CH.json | 6 +++---
 lang/fr.json    | 6 +++---
 lang/nb.json    | 2 +-
 lang/nl.json    | 6 +++---
 lang/ru.json    | 6 +++---
 6 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/lang/de.json b/lang/de.json
index 7a7f6a6387e..113d8bf76f2 100644
--- a/lang/de.json
+++ b/lang/de.json
@@ -384,9 +384,9 @@
     "Delete|Delete :count items?": "Löschen|:count Elemente löschen?",
     "Descending": "Absteigend",
     "Description of the image": "Bildbeschreibung",
-    "Deselect :count item|Deselect all :count items": ":count Element abwählen|Alle :count Elemente abwählen",
+    "Deselect :count item|Deselect :count items": ":count Element abwählen|:count Elemente abwählen",
     "Deselect :title": ":title abwählen",
-    "Deselect all items": "Alle Elemente abwählen",
+    "Deselect items": "Elemente abwählen",
     "Detach": "Trennen",
     "Details": "Details",
     "Dictionary": "Wörterbuch",
@@ -1001,7 +1001,7 @@
     "Select": "Auswählen",
     "Select :title": ":title auswählen",
     "Select Across Sites": "Seitenübergreifende Auswahl",
-    "Select all items": "Alle Elemente auswählen",
+    "Select items": "Elemente auswählen",
     "Select aspect ratio": "Seitenverhältnis wählen",
     "Select Collection(s)": "Sammlung(en) auswählen",
     "Select date": "Datum auswählen",
diff --git a/lang/de_CH.json b/lang/de_CH.json
index 8d35bcebe1f..9cb7adddf29 100644
--- a/lang/de_CH.json
+++ b/lang/de_CH.json
@@ -384,9 +384,9 @@
     "Delete|Delete :count items?": "Löschen|:count Elemente löschen?",
     "Descending": "Absteigend",
     "Description of the image": "Bildbeschreibung",
-    "Deselect :count item|Deselect all :count items": ":count Element abwählen|Alle :count Elemente abwählen",
+    "Deselect :count item|Deselect :count items": ":count Element abwählen|:count Elemente abwählen",
     "Deselect :title": ":title abwählen",
-    "Deselect all items": "Alle Elemente abwählen",
+    "Deselect items": "Elemente abwählen",
     "Detach": "Trennen",
     "Details": "Details",
     "Dictionary": "Wörterbuch",
@@ -1001,7 +1001,7 @@
     "Select": "Auswählen",
     "Select :title": ":title auswählen",
     "Select Across Sites": "Seitenübergreifende Auswahl",
-    "Select all items": "Alle Elemente auswählen",
+    "Select items": "Elemente auswählen",
     "Select aspect ratio": "Seitenverhältnis wählen",
     "Select Collection(s)": "Sammlung(en) auswählen",
     "Select date": "Datum auswählen",
diff --git a/lang/fr.json b/lang/fr.json
index bc6fc3342c2..1cf507b9e73 100644
--- a/lang/fr.json
+++ b/lang/fr.json
@@ -383,9 +383,9 @@
     "Delete|Delete :count items?": "Supprimer|Supprimer :count éléments ?",
     "Descending": "Décroissant",
     "Description of the image": "Description de l'image",
-    "Deselect :count item|Deselect all :count items": "Désélectionner :count élément|Désélectionner les :count éléments",
+    "Deselect :count item|Deselect :count items": "Désélectionner :count élément|Désélectionner :count éléments",
     "Deselect :title": "Désélectionner :title",
-    "Deselect all items": "Désélectionner tous les éléments",
+    "Deselect items": "Désélectionner les éléments",
     "Detach": "Détacher",
     "Details": "Détails",
     "Dictionary": "Dictionnaire",
@@ -1001,7 +1001,7 @@
     "Select": "Choisir",
     "Select :title": "Choisir :title",
     "Select Across Sites": "Choisir au sein des sites",
-    "Select all items": "Choisir tous les éléments",
+    "Select items": "Choisir les éléments",
     "Select aspect ratio": "Sélectionner le ratio d'aspect",
     "Select Collection(s)": "Choisir collection(s)",
     "Select date": "Choisir la date",
diff --git a/lang/nb.json b/lang/nb.json
index 0d5602792cb..7b8f2717b37 100644
--- a/lang/nb.json
+++ b/lang/nb.json
@@ -345,7 +345,7 @@
     "Delete|Delete :count items?": "Slette|Slette :count oppføringer?",
     "Descending": "Synkende",
     "Description of the image": "Beskrivelse av bildet",
-    "Deselect :count item|Deselect all :count items": "Fjern markering på :count element|Fjern markering på :count elementer",
+    "Deselect :count item|Deselect :count items": "Fjern markering på :count element|Fjern markering på :count elementer",
     "Deselect option": "Fjern valg",
     "Detach": "Koble fra",
     "Dictionary": "Ordbok",
diff --git a/lang/nl.json b/lang/nl.json
index 01a7c751276..b600ea2dc53 100644
--- a/lang/nl.json
+++ b/lang/nl.json
@@ -370,9 +370,9 @@
     "Delete|Delete :count items?": "Verwijder|Verwijder :count items?",
     "Descending": "Aflopend",
     "Description of the image": "Omschrijving van de afbeelding",
-    "Deselect :count item|Deselect all :count items": "Deselecteer :count item|Deselecteer alle :count items",
+    "Deselect :count item|Deselect :count items": "Deselecteer :count item|Deselecteer :count items",
     "Deselect :title": "Deselecteer :title",
-    "Deselect all items": "Deselecteer alle items",
+    "Deselect items": "Deselecteer items",
     "Deselect option": "Deselecteer optie",
     "Detach": "Losmaken",
     "Details": "Details",
@@ -958,7 +958,7 @@
     "Select": "Selecteer",
     "Select :title": "Selecteer :title",
     "Select Across Sites": "Selecteer over sites heen",
-    "Select all items": "Selecteer alle items",
+    "Select items": "Selecteer items",
     "Select aspect ratio": "Selecteer beeldverhouding",
     "Select Collection(s)": "Selecteer collectie(s)",
     "Select date": "Selecteer datum",
diff --git a/lang/ru.json b/lang/ru.json
index 2833d06d0d9..5f8f7794b19 100644
--- a/lang/ru.json
+++ b/lang/ru.json
@@ -387,9 +387,9 @@
     "Delete|Delete :count items?": "Удалить|Удалить :count элемента?|Удалить :count элементов?",
     "Descending": "По убыванию",
     "Description of the image": "Описание изображения",
-    "Deselect :count item|Deselect all :count items": "Снять выделение с :count элемента|Снять выделение со всех :count элементов",
+    "Deselect :count item|Deselect :count items": "Снять выделение с :count элемента|Снять выделение с :count элементов",
     "Deselect :title": "Снять выделение с :title",
-    "Deselect all items": "Снять выделение со всех элементов",
+    "Deselect items": "Снять выделение с элементов",
     "Deselect option": "Отменить выбор",
     "Detach": "Отсоединить",
     "Details": "Детали",
@@ -1018,7 +1018,7 @@
     "Select": "Выбор",
     "Select :title": "Выбрать :title",
     "Select Across Sites": "Выбрать по всем сайтам",
-    "Select all items": "Выбрать все элементы",
+    "Select items": "Выбрать элементы",
     "Select asset container": "Выбрать контейнер ресурсов",
     "Select Collection(s)": "Выбрать коллекции",
     "Select date": "Выбрать дату",