From 9d816ce9c8e40cef1fe2e2f5fe781a7539d178c7 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Thu, 17 Oct 2024 22:44:20 +0200
Subject: [PATCH 01/37] Selectable items

---
 panel/lab/components/items/1_list/index.vue   | 29 +++++++++++++++++++
 panel/lab/components/items/2_cards/index.vue  | 29 +++++++++++++++++++
 .../lab/components/items/3_cardlets/index.vue | 29 +++++++++++++++++++
 .../src/components/Collection/Collection.vue  |  4 +++
 panel/src/components/Collection/Item.vue      | 20 +++++++++++--
 panel/src/components/Collection/Items.vue     |  1 +
 6 files changed, 110 insertions(+), 2 deletions(-)

diff --git a/panel/lab/components/items/1_list/index.vue b/panel/lab/components/items/1_list/index.vue
index 935cda2769..905fbc5877 100644
--- a/panel/lab/components/items/1_list/index.vue
+++ b/panel/lab/components/items/1_list/index.vue
@@ -3,6 +3,11 @@
 		<k-lab-example label="List">
 			<k-items :items="items" />
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-items :items="selectableItems" @select="onSelect" />
+			<br />
+			<k-code>Selected: {{ selected.join(", ") }}</k-code>
+		</k-lab-example>
 	</k-lab-examples>
 </template>
 
@@ -10,6 +15,30 @@
 export default {
 	props: {
 		items: Array
+	},
+	data() {
+		return {
+			selected: []
+		};
+	},
+	computed: {
+		selectableItems() {
+			return this.items.map((item) => {
+				return {
+					...item,
+					selectable: true
+				};
+			});
+		}
+	},
+	methods: {
+		onSelect(event, item, index) {
+			if (event.target.checked) {
+				this.selected.push(index);
+			} else {
+				this.selected = this.selected.filter((i) => i !== index);
+			}
+		}
 	}
 };
 </script>
diff --git a/panel/lab/components/items/2_cards/index.vue b/panel/lab/components/items/2_cards/index.vue
index e9ae98d1d1..a212ef07a5 100644
--- a/panel/lab/components/items/2_cards/index.vue
+++ b/panel/lab/components/items/2_cards/index.vue
@@ -3,6 +3,11 @@
 		<k-lab-example label="cards">
 			<k-items :items="items" layout="cards" />
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-items :items="selectableItems" layout="cards" @select="onSelect" />
+			<br />
+			<k-code>Selected: {{ selected.join(", ") }}</k-code>
+		</k-lab-example>
 	</k-lab-examples>
 </template>
 
@@ -10,6 +15,30 @@
 export default {
 	props: {
 		items: Array
+	},
+	data() {
+		return {
+			selected: []
+		};
+	},
+	computed: {
+		selectableItems() {
+			return this.items.map((item) => {
+				return {
+					...item,
+					selectable: true
+				};
+			});
+		}
+	},
+	methods: {
+		onSelect(event, item, index) {
+			if (event.target.checked) {
+				this.selected.push(index);
+			} else {
+				this.selected = this.selected.filter((i) => i !== index);
+			}
+		}
 	}
 };
 </script>
diff --git a/panel/lab/components/items/3_cardlets/index.vue b/panel/lab/components/items/3_cardlets/index.vue
index aead0089f0..ae3c9246e2 100644
--- a/panel/lab/components/items/3_cardlets/index.vue
+++ b/panel/lab/components/items/3_cardlets/index.vue
@@ -3,6 +3,11 @@
 		<k-lab-example label="cardlets">
 			<k-items :items="items" layout="cardlets" />
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-items :items="selectableItems" layout="cardlets" @select="onSelect" />
+			<br />
+			<k-code>Selected: {{ selected.join(", ") }}</k-code>
+		</k-lab-example>
 	</k-lab-examples>
 </template>
 
@@ -10,6 +15,30 @@
 export default {
 	props: {
 		items: Array
+	},
+	data() {
+		return {
+			selected: []
+		};
+	},
+	computed: {
+		selectableItems() {
+			return this.items.map((item) => {
+				return {
+					...item,
+					selectable: true
+				};
+			});
+		}
+	},
+	methods: {
+		onSelect(event, item, index) {
+			if (event.target.checked) {
+				this.selected.push(index);
+			} else {
+				this.selected = this.selected.filter((i) => i !== index);
+			}
+		}
 	}
 };
 </script>
diff --git a/panel/src/components/Collection/Collection.vue b/panel/src/components/Collection/Collection.vue
index 3042b57f67..cfed43655d 100644
--- a/panel/src/components/Collection/Collection.vue
+++ b/panel/src/components/Collection/Collection.vue
@@ -22,6 +22,7 @@
 			@change="$emit('change', $event)"
 			@item="$emit('item', $event)"
 			@option="onOption"
+			@select="onSelect"
 			@sort="$emit('sort', $event)"
 		>
 			<template #options="{ item, index }">
@@ -126,6 +127,9 @@ export default {
 		onOption(...args) {
 			this.$emit("action", ...args);
 			this.$emit("option", ...args);
+		},
+		onSelect(...args) {
+			this.$emit("select", ...args);
 		}
 	}
 };
diff --git a/panel/src/components/Collection/Item.vue b/panel/src/components/Collection/Item.vue
index 73b27faef6..65c6f0f2ce 100644
--- a/panel/src/components/Collection/Item.vue
+++ b/panel/src/components/Collection/Item.vue
@@ -37,7 +37,7 @@
 		</div>
 
 		<div
-			v-if="buttons?.length || options || $slots.options"
+			v-if="buttons?.length || options || $slots.options || selectable"
 			class="k-item-options"
 			:data-only-option="!buttons?.length || (!options && !$slots.options)"
 		>
@@ -48,8 +48,12 @@
 				v-bind="button"
 			/>
 
+			<label v-if="selectable" class="k-item-options-checkbox">
+				<input type="checkbox" @change="$emit('select', $event)" />
+			</label>
+
 			<!-- Options -->
-			<slot name="options">
+			<slot v-else name="options">
 				<k-options-dropdown
 					v-if="options"
 					:options="options"
@@ -98,6 +102,10 @@ export default {
 		options: {
 			type: [Array, Function, String]
 		},
+		/**
+		 * If `true`, the item will be selectable via a checkbox
+		 */
+		selectable: Boolean,
 		/**
 		 * If `true`, the sort handle will be shown on hover
 		 */
@@ -198,6 +206,14 @@ export default {
 	--button-height: var(--item-button-height);
 	--button-width: var(--item-button-width);
 }
+.k-item-options-checkbox {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	height: var(--item-button-height);
+	width: var(--item-button-height);
+	flex-shrink: 0;
+}
 
 .k-item .k-sort-button {
 	position: absolute;
diff --git a/panel/src/components/Collection/Items.vue b/panel/src/components/Collection/Items.vue
index 9c138cc400..4138b84607 100644
--- a/panel/src/components/Collection/Items.vue
+++ b/panel/src/components/Collection/Items.vue
@@ -46,6 +46,7 @@
 					@drag="onDragStart($event, item.dragText)"
 					@mouseover.native="$emit('hover', $event, item, itemIndex)"
 					@option="onOption($event, item, itemIndex)"
+					@select="$emit('select', $event, item, itemIndex)"
 				>
 					<template #options>
 						<slot name="options" v-bind="{ item, index: itemIndex }" />

From 4a6fd4712bf23634fc69ac706eb381bcd5e77682 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Thu, 17 Oct 2024 22:44:39 +0200
Subject: [PATCH 02/37] Batch editing mode for model sections

---
 .../src/components/Sections/FilesSection.vue  |  4 +-
 .../src/components/Sections/ModelsSection.vue | 99 ++++++++++++++++++-
 .../src/components/Sections/PagesSection.vue  |  4 +-
 3 files changed, 103 insertions(+), 4 deletions(-)

diff --git a/panel/src/components/Sections/FilesSection.vue b/panel/src/components/Sections/FilesSection.vue
index ef74975a3c..cd782c74cb 100644
--- a/panel/src/components/Sections/FilesSection.vue
+++ b/panel/src/components/Sections/FilesSection.vue
@@ -35,7 +35,9 @@ export default {
 						delete: this.data.length > this.options.min
 					}
 				}),
-				sortable: file.permissions.sort && this.options.sortable
+				selectable: this.isSelecting,
+				sortable:
+					file.permissions.sort && this.options.sortable && !this.isSelecting
 			}));
 		},
 		type() {
diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index 52fe45f8a4..a5f4443563 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -39,6 +39,7 @@
 					v-on="canAdd ? { empty: onAdd } : {}"
 					@action="onAction"
 					@change="onChange"
+					@select="onSelect"
 					@sort="onSort"
 					@paginate="onPaginate"
 				/>
@@ -65,6 +66,7 @@ export default {
 			error: null,
 			isLoading: false,
 			isProcessing: false,
+			isSelecting: false,
 			options: {
 				columns: {},
 				empty: null,
@@ -81,7 +83,8 @@ export default {
 				page: null
 			},
 			searchterm: null,
-			searching: false
+			searching: false,
+			selected: []
 		};
 	},
 	computed: {
@@ -91,6 +94,46 @@ export default {
 		buttons() {
 			let buttons = [];
 
+			if (this.isSelecting) {
+				if (this.selected.length === 0) {
+					buttons.push({
+						disabled: true,
+						text: `${this.selected.length} items selected`,
+						theme: "none"
+					});
+				} else {
+					buttons.push({
+						icon: "trash",
+						text: this.$t("delete") + ` (${this.selected.length})`,
+						theme: "negative",
+						click: () => {
+							this.$panel.dialog.open({
+								component: "k-remove-dialog",
+								props: {
+									text: `Do you really want to delete ${this.selected.length} items at once? This action cannot be undone.`
+								},
+								on: {
+									submit: () => {
+										this.$panel.dialog.close();
+										this.deleteSelected();
+									}
+								}
+							});
+						},
+						responsive: true
+					});
+				}
+
+				buttons.push({
+					icon: "cancel",
+					text: this.$t("cancel"),
+					click: this.onSelectToggle,
+					responsive: true
+				});
+
+				return buttons;
+			}
+
 			if (this.canSearch) {
 				buttons.push({
 					icon: "filter",
@@ -100,6 +143,14 @@ export default {
 				});
 			}
 
+			if (this.canSelect) {
+				buttons.push({
+					icon: "checklist",
+					click: this.onSelectToggle,
+					responsive: true
+				});
+			}
+
 			if (this.canAdd) {
 				buttons.push({
 					icon: this.addIcon,
@@ -120,6 +171,9 @@ export default {
 		canSearch() {
 			return this.options.search;
 		},
+		canSelect() {
+			return this.items.length > 0;
+		},
 		collection() {
 			return {
 				columns: this.options.columns,
@@ -190,6 +244,30 @@ export default {
 		this.load();
 	},
 	methods: {
+		async deleteSelected() {
+			if (this.selected.length === 0) {
+				return;
+			}
+
+			this.isProcessing = true;
+
+			try {
+				await this.$api.delete(
+					this.parent + "/sections/" + this.name + "/delete",
+					{
+						ids: this.selected.map((item) => item.id)
+					}
+				);
+
+				this.reload();
+			} catch (error) {
+				this.$panel.notification.error(error);
+			} finally {
+				this.isSelecting = false;
+				this.isProcessing = false;
+				this.selected = [];
+			}
+		},
 		async load(reload) {
 			this.isProcessing = true;
 
@@ -221,7 +299,6 @@ export default {
 		onAdd() {},
 		onChange() {},
 		onDrop() {},
-		onSort() {},
 		onPaginate(pagination) {
 			localStorage.setItem(this.paginationId, pagination.page);
 			this.pagination = pagination;
@@ -231,6 +308,24 @@ export default {
 			this.searching = !this.searching;
 			this.searchterm = null;
 		},
+		onSelect(event, item) {
+			if (event.target.checked) {
+				this.selected.push(item);
+			} else {
+				this.selected = this.selected.filter(
+					(selected) => selected.id !== item.id
+				);
+			}
+		},
+		onSelectToggle() {
+			if (this.isSelecting) {
+				this.selected = [];
+				this.isSelecting = false;
+			} else {
+				this.isSelecting = true;
+			}
+		},
+		onSort() {},
 		async reload() {
 			await this.load(true);
 		},
diff --git a/panel/src/components/Sections/PagesSection.vue b/panel/src/components/Sections/PagesSection.vue
index 2dcf77b91e..ca45543fb0 100644
--- a/panel/src/components/Sections/PagesSection.vue
+++ b/panel/src/components/Sections/PagesSection.vue
@@ -9,7 +9,8 @@ export default {
 		},
 		items() {
 			return this.data.map((page) => {
-				const sortable = page.permissions.sort && this.options.sortable;
+				const sortable =
+					page.permissions.sort && this.options.sortable && !this.isSelecting;
 				const deletable = this.data.length > this.options.min;
 
 				return {
@@ -38,6 +39,7 @@ export default {
 							sort: sortable
 						}
 					}),
+					selectable: this.isSelecting,
 					sortable
 				};
 			});

From eca5c598d9ecd19e9d55f46f9177762726182606 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Thu, 17 Oct 2024 22:44:49 +0200
Subject: [PATCH 03/37] Backend requests for batch deleting files and pages

---
 config/sections/files.php | 10 ++++++++++
 config/sections/pages.php | 16 ++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/config/sections/files.php b/config/sections/files.php
index 169a3edc5f..93c3714452 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -216,6 +216,16 @@
 						$this->requestBody('index')
 					);
 
+					return true;
+				}
+			], 
+			[
+				'pattern' => 'delete',
+				'method'  => 'DELETE',
+				'action'  => function () {
+					foreach ($this->requestBody('ids') as $id) {
+						$this->section()->kirby()->file($id)?->delete();
+					}
 					return true;
 				}
 			]
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 6f296c15c3..19bdb6a7fd 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -315,6 +315,22 @@
 			return $blueprints;
 		},
 	],
+	// @codeCoverageIgnoreStart
+	'api' => function () {
+		return [
+			[
+				'pattern' => 'delete',
+				'method'  => 'DELETE',
+				'action'  => function () {
+					foreach ($this->requestBody('ids') as $id) {
+						$this->section()->kirby()->page($id)?->delete();
+					}
+					return true;
+				}
+			]
+		];
+	},
+	// @codeCoverageIgnoreEnd
 	'toArray' => function () {
 		return [
 			'data'    => $this->data,

From d8144920660a6e9460d07a8d9c215c38d1d75a5c Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 22 Oct 2024 16:21:48 +0200
Subject: [PATCH 04/37] Catch errors and send them to the error dialog

---
 config/sections/files.php | 20 +++++++++++++++++++-
 config/sections/pages.php | 20 +++++++++++++++++++-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index 93c3714452..c45cc0ea27 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -2,6 +2,7 @@
 
 use Kirby\Cms\File;
 use Kirby\Cms\Files;
+use Kirby\Exception\Exception;
 use Kirby\Toolkit\I18n;
 
 return [
@@ -223,9 +224,26 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
+					$errors = [];
+
 					foreach ($this->requestBody('ids') as $id) {
-						$this->section()->kirby()->file($id)?->delete();
+						try {
+							$this->section()->kirby()->file($id)?->delete();
+						} catch (Throwable $e) {
+							$errors[] = [
+								'label'  => $id,
+								'message' => $e->getMessage()
+							];
+						}
+					}
+
+					if ($errors !== []) {
+						throw new Exception(
+							message: 'Not all files could be deleted',
+							details: $errors
+						);
 					}
+
 					return true;
 				}
 			]
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 19bdb6a7fd..b7d9ba177f 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -5,6 +5,7 @@
 use Kirby\Cms\Pages;
 use Kirby\Cms\Site;
 use Kirby\Exception\InvalidArgumentException;
+use Kirby\Exception\Exception;
 use Kirby\Toolkit\A;
 use Kirby\Toolkit\I18n;
 
@@ -322,9 +323,26 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
+					$errors = [];
+
 					foreach ($this->requestBody('ids') as $id) {
-						$this->section()->kirby()->page($id)?->delete();
+						try {
+							$this->section()->kirby()->page($id)?->delete();
+						} catch (Throwable $e) {
+							$errors[] = [
+								'label'  => $id, 
+								'message' => $e->getMessage()
+							];
+						}
+					}
+
+					if ($errors !== []) {
+						throw new Exception(
+							message: 'Not all pages could be deleted',
+							details: $errors
+						);
 					}
+
 					return true;
 				}
 			]

From 54fcf505e75b60c8af107bff1a4db23848c1315e Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 22 Oct 2024 16:54:04 +0200
Subject: [PATCH 05/37] Validate min validation

---
 config/sections/files.php | 15 +++++++++++++--
 config/sections/pages.php | 17 ++++++++++++++---
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index c45cc0ea27..9bfbd33afe 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -224,11 +224,21 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
+					$section = $this->section();
+					$ids     = $this->requestBody('ids');
 					$errors = [];
 
-					foreach ($this->requestBody('ids') as $id) {
+					// check if the section has enough files after the deletion
+					if ($section->total() - count($ids) < $section->min()) {
+						throw new Exception(
+							message: 'The section needs to have at least ' . $section->min() . ' files',
+						);
+					}
+
+					// delete all files and collect errors
+					foreach ($ids as $id) {
 						try {
-							$this->section()->kirby()->file($id)?->delete();
+							$section->kirby()->file($id)?->delete();
 						} catch (Throwable $e) {
 							$errors[] = [
 								'label'  => $id,
@@ -237,6 +247,7 @@
 						}
 					}
 
+					// throw an error if not all files could be deleted
 					if ($errors !== []) {
 						throw new Exception(
 							message: 'Not all files could be deleted',
diff --git a/config/sections/pages.php b/config/sections/pages.php
index b7d9ba177f..4dc3ebd979 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -323,11 +323,21 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
-					$errors = [];
+					$section = $this->section();
+					$ids     = $this->requestBody('ids');
+					$errors  = [];
 
-					foreach ($this->requestBody('ids') as $id) {
+					// check if the section has enough pages after the deletion
+					if ($section->total() - count($ids) < $section->min()) {
+						throw new Exception(
+							message: 'The section needs to have at least ' . $section->min() . ' pages',
+						);
+					}
+
+					// delete all pages and collect errors
+					foreach ($ids as $id) {
 						try {
-							$this->section()->kirby()->page($id)?->delete();
+							$section->kirby()->page($id)?->delete();
 						} catch (Throwable $e) {
 							$errors[] = [
 								'label'  => $id, 
@@ -336,6 +346,7 @@
 						}
 					}
 
+					// throw an error if not all pages could be deleted
 					if ($errors !== []) {
 						throw new Exception(
 							message: 'Not all pages could be deleted',

From 7199e965555807d129c9e3f0b4372b8af718bed2 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 12:35:42 +0100
Subject: [PATCH 06/37] New batch mixin

---
 config/sections/files.php        |  4 +++-
 config/sections/mixins/batch.php | 17 +++++++++++++++++
 config/sections/pages.php        |  4 +++-
 src/Cms/Core.php                 |  1 +
 4 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 config/sections/mixins/batch.php

diff --git a/config/sections/files.php b/config/sections/files.php
index 9bfbd33afe..8349ae9433 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -7,6 +7,7 @@
 
 return [
 	'mixins' => [
+		'batch',
 		'details',
 		'empty',
 		'headline',
@@ -219,7 +220,7 @@
 
 					return true;
 				}
-			], 
+			],
 			[
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
@@ -268,6 +269,7 @@
 			'options' => [
 				'accept'   => $this->accept,
 				'apiUrl'   => $this->parent->apiUrl(true) . '/sections/' . $this->name,
+				'batch'    => $this->batch,
 				'columns'  => $this->columnsWithTypes(),
 				'empty'    => $this->empty,
 				'headline' => $this->headline,
diff --git a/config/sections/mixins/batch.php b/config/sections/mixins/batch.php
new file mode 100644
index 0000000000..ec77a4b01a
--- /dev/null
+++ b/config/sections/mixins/batch.php
@@ -0,0 +1,17 @@
+<?php
+
+return [
+	'props' => [
+		/**
+		 * Activates the batch delete option for the section
+		 */
+		'batch' => function (bool $batch = false) {
+			return $batch;
+		},
+	],
+	'computed' => [
+		'batch' => function () {
+			return $this->layout === 'table' ? false : $this->batch;
+		}
+	],
+];
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 4dc3ebd979..9017f4d498 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -11,6 +11,7 @@
 
 return [
 	'mixins' => [
+		'batch',
 		'details',
 		'empty',
 		'headline',
@@ -340,7 +341,7 @@
 							$section->kirby()->page($id)?->delete();
 						} catch (Throwable $e) {
 							$errors[] = [
-								'label'  => $id, 
+								'label'  => $id,
 								'message' => $e->getMessage()
 							];
 						}
@@ -366,6 +367,7 @@
 			'errors'  => $this->errors,
 			'options' => [
 				'add'      => $this->add,
+				'batch'    => $this->batch,
 				'columns'  => $this->columnsWithTypes(),
 				'empty'    => $this->empty,
 				'headline' => $this->headline,
diff --git a/src/Cms/Core.php b/src/Cms/Core.php
index 10847d4db4..6498a38436 100644
--- a/src/Cms/Core.php
+++ b/src/Cms/Core.php
@@ -406,6 +406,7 @@ public function snippets(): array
 	public function sectionMixins(): array
 	{
 		return [
+			'batch'      => $this->root . '/sections/mixins/batch.php',
 			'details'    => $this->root . '/sections/mixins/details.php',
 			'empty'      => $this->root . '/sections/mixins/empty.php',
 			'headline'   => $this->root . '/sections/mixins/headline.php',

From 658c4328fe31d7ad0f7f2071225df8d75287b94f Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 12:36:00 +0100
Subject: [PATCH 07/37] Only activate the batch mode by option

---
 panel/src/components/Sections/ModelsSection.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index a5f4443563..bb9cdce137 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -68,6 +68,7 @@ export default {
 			isProcessing: false,
 			isSelecting: false,
 			options: {
+				batch: false,
 				columns: {},
 				empty: null,
 				headline: null,
@@ -172,7 +173,7 @@ export default {
 			return this.options.search;
 		},
 		canSelect() {
-			return this.items.length > 0;
+			return this.options.batch && this.items.length > 0;
 		},
 		collection() {
 			return {

From 89e76ebabdea3629184d546e98c178da02e140c5 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 14:13:30 +0100
Subject: [PATCH 08/37] Check for the batch option in the ApI calls

---
 config/sections/files.php | 11 ++++++++++-
 config/sections/pages.php | 15 ++++++++++++---
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index 8349ae9433..293aa0c3f8 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -3,6 +3,7 @@
 use Kirby\Cms\File;
 use Kirby\Cms\Files;
 use Kirby\Exception\Exception;
+use Kirby\Exception\PermissionException;
 use Kirby\Toolkit\I18n;
 
 return [
@@ -226,7 +227,15 @@
 				'method'  => 'DELETE',
 				'action'  => function () {
 					$section = $this->section();
-					$ids     = $this->requestBody('ids');
+
+					// check if batch deletion is allowed
+					if ($section->batch() === false) {
+						throw new PermissionException(
+							message: 'The section does not support batch actions'
+						);
+					}
+
+					$ids    = $this->requestBody('ids');
 					$errors = [];
 
 					// check if the section has enough files after the deletion
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 9017f4d498..dc29074ef4 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -4,8 +4,9 @@
 use Kirby\Cms\Page;
 use Kirby\Cms\Pages;
 use Kirby\Cms\Site;
-use Kirby\Exception\InvalidArgumentException;
 use Kirby\Exception\Exception;
+use Kirby\Exception\InvalidArgumentException;
+use Kirby\Exception\PermissionException;
 use Kirby\Toolkit\A;
 use Kirby\Toolkit\I18n;
 
@@ -325,8 +326,16 @@
 				'method'  => 'DELETE',
 				'action'  => function () {
 					$section = $this->section();
-					$ids     = $this->requestBody('ids');
-					$errors  = [];
+
+					// check if batch deletion is allowed
+					if ($section->batch() === false) {
+						throw new PermissionException(
+							message: 'The section does not support batch actions'
+						);
+					}
+
+					$ids    = $this->requestBody('ids');
+					$errors = [];
 
 					// check if the section has enough pages after the deletion
 					if ($section->total() - count($ids) < $section->min()) {

From 4306d9a2f33486db2894c81f2fc450c5fc34b7e9 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 14:22:12 +0100
Subject: [PATCH 09/37] Add unit tests for the batch option

---
 tests/Cms/Sections/FilesSectionTest.php | 48 +++++++++++++++++++++++++
 tests/Cms/Sections/PagesSectionTest.php | 48 +++++++++++++++++++++++++
 2 files changed, 96 insertions(+)

diff --git a/tests/Cms/Sections/FilesSectionTest.php b/tests/Cms/Sections/FilesSectionTest.php
index cec95e304f..0bc07c63a4 100644
--- a/tests/Cms/Sections/FilesSectionTest.php
+++ b/tests/Cms/Sections/FilesSectionTest.php
@@ -48,6 +48,54 @@ public function testAccept()
 		$this->assertSame('*', $section->accept());
 	}
 
+	public function testBatchDefault()
+	{
+		$section = new Section('files', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchDisabled()
+	{
+		$section = new Section('files', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+			'batch' => false
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchEnabled()
+	{
+		$section = new Section('files', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+			'batch' => true
+		]);
+
+		$this->assertTrue($section->batch());
+		$this->assertTrue($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchNotEnabledWithTableLayout()
+	{
+		$section = new Section('files', [
+			'name'   => 'test',
+			'model'  => new Page(['slug' => 'test']),
+			'batch'  => true,
+			'layout' => 'table'
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
 	public function testHeadline()
 	{
 		// single headline
diff --git a/tests/Cms/Sections/PagesSectionTest.php b/tests/Cms/Sections/PagesSectionTest.php
index 9e4cdd6859..4d09af56df 100644
--- a/tests/Cms/Sections/PagesSectionTest.php
+++ b/tests/Cms/Sections/PagesSectionTest.php
@@ -30,6 +30,54 @@ public function tearDown(): void
 		App::destroy();
 	}
 
+	public function testBatchDefault()
+	{
+		$section = new Section('pages', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchDisabled()
+	{
+		$section = new Section('pages', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+			'batch' => false
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchEnabled()
+	{
+		$section = new Section('pages', [
+			'name'  => 'test',
+			'model' => new Page(['slug' => 'test']),
+			'batch' => true
+		]);
+
+		$this->assertTrue($section->batch());
+		$this->assertTrue($section->toArray()['options']['batch']);
+	}
+
+	public function testBatchNotEnabledWithTableLayout()
+	{
+		$section = new Section('pages', [
+			'name'   => 'test',
+			'model'  => new Page(['slug' => 'test']),
+			'batch'  => true,
+			'layout' => 'table'
+		]);
+
+		$this->assertFalse($section->batch());
+		$this->assertFalse($section->toArray()['options']['batch']);
+	}
+
 	public function testHeadline()
 	{
 		// single headline

From eb7bded931fe5f1af909f7c291c10b1e3ec0f0be Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 15:04:14 +0100
Subject: [PATCH 10/37] Move batch delete logic into the pages and files
 classes

---
 config/sections/files.php | 24 ++----------------------
 config/sections/pages.php | 24 ++----------------------
 src/Cms/Files.php         | 37 +++++++++++++++++++++++++++++++++++++
 src/Cms/Pages.php         | 37 +++++++++++++++++++++++++++++++++++++
 4 files changed, 78 insertions(+), 44 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index 293aa0c3f8..8971fdf327 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -235,8 +235,7 @@
 						);
 					}
 
-					$ids    = $this->requestBody('ids');
-					$errors = [];
+					$ids = $this->requestBody('ids');
 
 					// check if the section has enough files after the deletion
 					if ($section->total() - count($ids) < $section->min()) {
@@ -245,26 +244,7 @@
 						);
 					}
 
-					// delete all files and collect errors
-					foreach ($ids as $id) {
-						try {
-							$section->kirby()->file($id)?->delete();
-						} catch (Throwable $e) {
-							$errors[] = [
-								'label'  => $id,
-								'message' => $e->getMessage()
-							];
-						}
-					}
-
-					// throw an error if not all files could be deleted
-					if ($errors !== []) {
-						throw new Exception(
-							message: 'Not all files could be deleted',
-							details: $errors
-						);
-					}
-
+					$section->models()->delete($ids);
 					return true;
 				}
 			]
diff --git a/config/sections/pages.php b/config/sections/pages.php
index dc29074ef4..40cea4d9ad 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -334,8 +334,7 @@
 						);
 					}
 
-					$ids    = $this->requestBody('ids');
-					$errors = [];
+					$ids = $this->requestBody('ids');
 
 					// check if the section has enough pages after the deletion
 					if ($section->total() - count($ids) < $section->min()) {
@@ -344,26 +343,7 @@
 						);
 					}
 
-					// delete all pages and collect errors
-					foreach ($ids as $id) {
-						try {
-							$section->kirby()->page($id)?->delete();
-						} catch (Throwable $e) {
-							$errors[] = [
-								'label'  => $id,
-								'message' => $e->getMessage()
-							];
-						}
-					}
-
-					// throw an error if not all pages could be deleted
-					if ($errors !== []) {
-						throw new Exception(
-							message: 'Not all pages could be deleted',
-							details: $errors
-						);
-					}
-
+					$section->models()->delete($ids);
 					return true;
 				}
 			]
diff --git a/src/Cms/Files.php b/src/Cms/Files.php
index f935bf9303..447db974d0 100644
--- a/src/Cms/Files.php
+++ b/src/Cms/Files.php
@@ -2,9 +2,12 @@
 
 namespace Kirby\Cms;
 
+use Exception;
 use Kirby\Exception\InvalidArgumentException;
+use Kirby\Exception\NotFoundException;
 use Kirby\Filesystem\F;
 use Kirby\Uuid\HasUuids;
+use Throwable;
 
 /**
  * The `$files` object extends the general
@@ -93,6 +96,40 @@ public function changeSort(array $files, int $offset = 0): static
 		return $this;
 	}
 
+	/**
+	 * Deletes the files with the given IDs
+	 * if they exist in the collection
+	 *
+	 * @throws \Kirby\Exception\Exception If not all files could be deleted
+	 */
+	public function delete(array $ids): void
+	{
+		$exceptions = [];
+
+		// delete all pages and collect errors
+		foreach ($ids as $id) {
+			try {
+				$model = $this->get($id);
+
+				if ($model instanceof File === false) {
+					throw new NotFoundException(
+						key: 'file.notFound'
+					);
+				}
+
+				$model->delete();
+			} catch (Throwable $e) {
+				$exceptions[$id] = $e;
+			}
+		}
+
+		if ($exceptions !== []) {
+			throw new Exception(
+				message: 'Not all files could be deleted',
+			);
+		}
+	}
+
 	/**
 	 * Creates a files collection from an array of props
 	 */
diff --git a/src/Cms/Pages.php b/src/Cms/Pages.php
index 4443e431ac..8ef6d9e972 100644
--- a/src/Cms/Pages.php
+++ b/src/Cms/Pages.php
@@ -2,8 +2,11 @@
 
 namespace Kirby\Cms;
 
+use Kirby\Exception\Exception;
 use Kirby\Exception\InvalidArgumentException;
+use Kirby\Exception\NotFoundException;
 use Kirby\Uuid\HasUuids;
+use Throwable;
 
 /**
  * The `$pages` object refers to a
@@ -118,6 +121,40 @@ public function code(): Files
 		return $this->files()->filter('type', 'code');
 	}
 
+	/**
+	 * Deletes the pages with the given IDs
+	 * if they exist in the collection
+	 *
+	 * @throws \Kirby\Exception\Exception If not all pages could be deleted
+	 */
+	public function delete(array $ids): void
+	{
+		$exceptions = [];
+
+		// delete all pages and collect errors
+		foreach ($ids as $id) {
+			try {
+				$model = $this->get($id);
+
+				if ($model instanceof Page === false) {
+					throw new NotFoundException(
+						key: 'page.notFound'
+					);
+				}
+
+				$model->delete();
+			} catch (Throwable $e) {
+				$exceptions[$id] = $e;
+			}
+		}
+
+		if ($exceptions !== []) {
+			throw new Exception(
+				message: 'Not all pages could be deleted',
+			);
+		}
+	}
+
 	/**
 	 * Returns all documents of all children
 	 */

From 5233d0c49af4ed0edaeede3ed0fda40dcf678663 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 15:19:26 +0100
Subject: [PATCH 11/37] Add unit tests for new collection methods

---
 src/Cms/Files.php             |  2 +-
 tests/Cms/Files/FilesTest.php | 94 ++++++++++++++++++++++++++++++++++
 tests/Cms/Pages/PagesTest.php | 95 +++++++++++++++++++++++++++++++++++
 3 files changed, 190 insertions(+), 1 deletion(-)

diff --git a/src/Cms/Files.php b/src/Cms/Files.php
index 447db974d0..4447441ae8 100644
--- a/src/Cms/Files.php
+++ b/src/Cms/Files.php
@@ -2,7 +2,7 @@
 
 namespace Kirby\Cms;
 
-use Exception;
+use Kirby\Exception\Exception;
 use Kirby\Exception\InvalidArgumentException;
 use Kirby\Exception\NotFoundException;
 use Kirby\Filesystem\F;
diff --git a/tests/Cms/Files/FilesTest.php b/tests/Cms/Files/FilesTest.php
index f452aecfc9..f4a76b9022 100644
--- a/tests/Cms/Files/FilesTest.php
+++ b/tests/Cms/Files/FilesTest.php
@@ -2,6 +2,7 @@
 
 namespace Kirby\Cms;
 
+use Kirby\Exception\Exception;
 use Kirby\Exception\InvalidArgumentException;
 use Kirby\Filesystem\F;
 use Kirby\Uuid\Uuids;
@@ -117,6 +118,99 @@ public function testAddInvalidObject()
 		$files->add($site);
 	}
 
+	/**
+	 * @covers ::delete
+	 */
+	public function testDelete()
+	{
+		$app = new App([
+			'roots' => [
+				'index' => static::TMP
+			],
+			'site' => [
+				'files' => [
+					['filename' => 'b.jpg'],
+					['filename' => 'a.jpg']
+				]
+			]
+		]);
+
+		$app->impersonate('kirby');
+
+		$files = $app->site()->files();
+
+		$this->assertCount(2, $files);
+
+		$a = $files->get('a.jpg')->root();
+		$b = $files->get('b.jpg')->root();
+
+		// pretend the files exist
+		F::write($a, '');
+		F::write($b, '');
+
+		$this->assertFileExists($a);
+		$this->assertFileExists($b);
+
+		$files->delete([
+			'a.jpg',
+			'b.jpg',
+		]);
+
+		$this->assertCount(0, $files);
+
+		$this->assertFileDoesNotExist($a);
+		$this->assertFileDoesNotExist($b);
+	}
+
+	/**
+	 * @covers ::delete
+	 */
+	public function testDeleteWithInvalidIds()
+	{
+		$app = new App([
+			'roots' => [
+				'index' => static::TMP
+			],
+			'site' => [
+				'files' => [
+					['filename' => 'b.jpg'],
+					['filename' => 'a.jpg']
+				]
+			]
+		]);
+
+		$app->impersonate('kirby');
+
+		$files = $app->site()->files();
+
+		$this->assertCount(2, $files);
+
+		$a = $files->get('a.jpg')->root();
+		$b = $files->get('b.jpg')->root();
+
+		// pretend the files exist
+		F::write($a, '');
+		F::write($b, '');
+
+		$this->assertFileExists($a);
+		$this->assertFileExists($b);
+
+		try {
+			$files->delete([
+				'a.jpg',
+				'c.jpg',
+			]);
+		} catch (Exception $e) {
+			$this->assertSame('Not all files could be deleted', $e->getMessage());
+		}
+
+		$this->assertCount(1, $files);
+		$this->assertSame('b.jpg', $files->first()->filename());
+
+		$this->assertFileDoesNotExist($a);
+		$this->assertFileExists($b);
+	}
+
 	/**
 	 * @covers ::findByKey
 	 * @covers ::findByUuid
diff --git a/tests/Cms/Pages/PagesTest.php b/tests/Cms/Pages/PagesTest.php
index 657bcb3ed3..52b8ae4070 100644
--- a/tests/Cms/Pages/PagesTest.php
+++ b/tests/Cms/Pages/PagesTest.php
@@ -2,7 +2,9 @@
 
 namespace Kirby\Cms;
 
+use Kirby\Exception\Exception;
 use Kirby\Exception\InvalidArgumentException;
+use Kirby\Filesystem\Dir;
 
 class PagesTest extends TestCase
 {
@@ -190,6 +192,99 @@ public function testChildren()
 		$this->assertSame($expected, $pages->children()->keys());
 	}
 
+	/**
+	 * @covers ::delete
+	 */
+	public function testDelete()
+	{
+		$app = new App([
+			'roots' => [
+				'index' => static::TMP
+			],
+			'site' => [
+				'children' => [
+					['slug' => 'a'],
+					['slug' => 'b']
+				]
+			]
+		]);
+
+		$app->impersonate('kirby');
+
+		$pages = $app->site()->children();
+
+		$this->assertCount(2, $pages);
+
+		$a = $pages->get('a')->root();
+		$b = $pages->get('b')->root();
+
+		// pretend the files exist
+		Dir::make($a);
+		Dir::make($b);
+
+		$this->assertDirectoryExists($a);
+		$this->assertDirectoryExists($b);
+
+		$pages->delete([
+			'a',
+			'b',
+		]);
+
+		$this->assertCount(0, $pages);
+
+		$this->assertDirectoryDoesNotExist($a);
+		$this->assertDirectoryDoesNotExist($b);
+	}
+
+	/**
+	 * @covers ::delete
+	 */
+	public function testDeleteWithInvalidIds()
+	{
+		$app = new App([
+			'roots' => [
+				'index' => static::TMP
+			],
+			'site' => [
+				'children' => [
+					['slug' => 'a'],
+					['slug' => 'b']
+				]
+			]
+		]);
+
+		$app->impersonate('kirby');
+
+		$pages = $app->site()->children();
+
+		$this->assertCount(2, $pages);
+
+		$a = $pages->get('a')->root();
+		$b = $pages->get('b')->root();
+
+		// pretend the files exist
+		Dir::make($a);
+		Dir::make($b);
+
+		$this->assertDirectoryExists($a);
+		$this->assertDirectoryExists($b);
+
+		try {
+			$pages->delete([
+				'a',
+				'c',
+			]);
+		} catch (Exception $e) {
+			$this->assertSame('Not all pages could be deleted', $e->getMessage());
+		}
+
+		$this->assertCount(1, $pages);
+		$this->assertSame('b', $pages->first()->slug());
+
+		$this->assertDirectoryDoesNotExist($a);
+		$this->assertDirectoryExists($b);
+	}
+
 	public function testDocuments()
 	{
 		$pages = Pages::factory([

From 18d9a644b5adc70802ab966b0f60bc21f5c61093 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 15:23:47 +0100
Subject: [PATCH 12/37] Fix covers annotations

---
 tests/Cms/Pages/PagesTest.php | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/tests/Cms/Pages/PagesTest.php b/tests/Cms/Pages/PagesTest.php
index 52b8ae4070..4b326aa4bd 100644
--- a/tests/Cms/Pages/PagesTest.php
+++ b/tests/Cms/Pages/PagesTest.php
@@ -6,6 +6,9 @@
 use Kirby\Exception\InvalidArgumentException;
 use Kirby\Filesystem\Dir;
 
+/**
+ * @coversDefaultClass \Kirby\Cms\Pages
+ */
 class PagesTest extends TestCase
 {
 	public const TMP = KIRBY_TMP_DIR . '/Cms.Pages';

From 534f55be7f9af32f8a618c801111c4ee76955ce1 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 15:39:40 +0100
Subject: [PATCH 13/37] Translate the bulk exceptions for Files::delete and
 Pages::delete

---
 i18n/translations/en.json | 2 ++
 src/Cms/Files.php         | 2 +-
 src/Cms/Pages.php         | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/i18n/translations/en.json b/i18n/translations/en.json
index 70bece0b76..eb207c2da1 100644
--- a/i18n/translations/en.json
+++ b/i18n/translations/en.json
@@ -108,6 +108,7 @@
 	"error.file.changeTemplate.invalid": "The template for the file \"{id}\" cannot be changed to \"{template}\" (valid: \"{blueprints}\")",
 	"error.file.changeTemplate.permission": "You are not allowed to change the template for the file \"{id}\"",
 
+	"error.file.delete.multiple": "Not all files could be deleted",
 	"error.file.duplicate": "A file with the name \"{filename}\" already exists",
 	"error.file.extension.forbidden": "The extension \"{extension}\" is not allowed",
 	"error.file.extension.invalid": "Invalid extension: {extension}",
@@ -170,6 +171,7 @@
 	"error.page.delete": "The page \"{slug}\" cannot be deleted",
 	"error.page.delete.confirm": "Please enter the page title to confirm",
 	"error.page.delete.hasChildren": "The page has subpages and cannot be deleted",
+	"error.page.delete.multiple": "Not all pages could be deleted",
 	"error.page.delete.permission": "You are not allowed to delete \"{slug}\"",
 	"error.page.draft.duplicate": "A page draft with the URL appendix \"{slug}\" already exists",
 	"error.page.duplicate": "A page with the URL appendix \"{slug}\" already exists",
diff --git a/src/Cms/Files.php b/src/Cms/Files.php
index 4447441ae8..0dbf77d6fd 100644
--- a/src/Cms/Files.php
+++ b/src/Cms/Files.php
@@ -125,7 +125,7 @@ public function delete(array $ids): void
 
 		if ($exceptions !== []) {
 			throw new Exception(
-				message: 'Not all files could be deleted',
+				key: 'file.delete.multiple',
 			);
 		}
 	}
diff --git a/src/Cms/Pages.php b/src/Cms/Pages.php
index 8ef6d9e972..f85f95c2b9 100644
--- a/src/Cms/Pages.php
+++ b/src/Cms/Pages.php
@@ -150,7 +150,7 @@ public function delete(array $ids): void
 
 		if ($exceptions !== []) {
 			throw new Exception(
-				message: 'Not all pages could be deleted',
+				key: 'page.delete.multiple',
 			);
 		}
 	}

From 08b6c534090e632c120f454a5376f6f086c3884f Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 15:57:12 +0100
Subject: [PATCH 14/37] Reuse the validation error messages

---
 config/sections/files.php | 8 ++++++--
 config/sections/pages.php | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index 8971fdf327..31fb2a5766 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -236,11 +236,15 @@
 					}
 
 					$ids = $this->requestBody('ids');
+					$min = $section->min();
 
 					// check if the section has enough files after the deletion
-					if ($section->total() - count($ids) < $section->min()) {
+					if ($section->total() - count($ids) < $min) {
 						throw new Exception(
-							message: 'The section needs to have at least ' . $section->min() . ' files',
+							message: I18n::template('error.section.files.min.' . I18n::form($min), [
+								'min'     => $min,
+								'section' => $section->headline()
+							])
 						);
 					}
 
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 40cea4d9ad..8288f8b242 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -335,11 +335,15 @@
 					}
 
 					$ids = $this->requestBody('ids');
+					$min = $section->min();
 
 					// check if the section has enough pages after the deletion
-					if ($section->total() - count($ids) < $section->min()) {
+					if ($section->total() - count($ids) < $min) {
 						throw new Exception(
-							message: 'The section needs to have at least ' . $section->min() . ' pages',
+							message: I18n::template('error.section.pages.min.' . I18n::form($min), [
+								'min'     => $min,
+								'section' => $section->headline()
+							])
 						);
 					}
 

From 66bbbd75e11f0225d7838f1e5b6a27cc2f73e725 Mon Sep 17 00:00:00 2001
From: Nico Hoffmann <me@nhoffmann.com>
Date: Sat, 7 Dec 2024 16:04:51 +0100
Subject: [PATCH 15/37] Selectable item: click anywhere to select

---
 panel/src/components/Collection/Item.vue | 43 ++++++++++++++++++------
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/panel/src/components/Collection/Item.vue b/panel/src/components/Collection/Item.vue
index 65c6f0f2ce..90fdd506d3 100644
--- a/panel/src/components/Collection/Item.vue
+++ b/panel/src/components/Collection/Item.vue
@@ -4,9 +4,10 @@
 		:class="['k-item', `k-${layout}-item`, $attrs.class]"
 		:data-has-image="hasFigure"
 		:data-layout="layout"
+		:data-selectable="selectable"
 		:data-theme="theme"
 		:style="$attrs.style"
-		@click="$emit('click', $event)"
+		@click="onClick"
 		@dragstart="$emit('drag', $event)"
 	>
 		<!-- Image -->
@@ -25,7 +26,11 @@
 		<!-- Content -->
 		<div class="k-item-content">
 			<h3 class="k-item-title" :title="title(text)">
-				<k-link v-if="link !== false" :target="target" :to="link">
+				<k-link
+					v-if="link !== false && selectable !== true"
+					:target="target"
+					:to="link"
+				>
 					<!-- eslint-disable-next-line vue/no-v-html -->
 					<span v-html="text ?? '–'" />
 				</k-link>
@@ -49,7 +54,11 @@
 			/>
 
 			<label v-if="selectable" class="k-item-options-checkbox">
-				<input type="checkbox" @change="$emit('select', $event)" />
+				<input
+					ref="selector"
+					type="checkbox"
+					@change="$emit('select', $event)"
+				/>
 			</label>
 
 			<!-- Options -->
@@ -131,6 +140,13 @@ export default {
 		}
 	},
 	methods: {
+		onClick(event) {
+			if (this.selectable) {
+				return this.$refs.selector.click();
+			}
+
+			this.$emit("click", event);
+		},
 		onOption(event) {
 			this.$emit("action", event);
 			this.$emit("option", event);
@@ -206,14 +222,6 @@ export default {
 	--button-height: var(--item-button-height);
 	--button-width: var(--item-button-width);
 }
-.k-item-options-checkbox {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	height: var(--item-button-height);
-	width: var(--item-button-height);
-	flex-shrink: 0;
-}
 
 .k-item .k-sort-button {
 	position: absolute;
@@ -346,4 +354,17 @@ export default {
 	outline: 1px solid var(--color-border);
 	outline-offset: -1px;
 }
+
+/** Selectable state */
+.k-item[data-selectable="true"] {
+	cursor: pointer;
+}
+.k-item-options-checkbox {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	height: var(--item-button-height);
+	width: var(--item-button-height);
+	flex-shrink: 0;
+}
 </style>

From 93ae836a0d9343391b3bd9438e874a483e16502d Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 16:11:18 +0100
Subject: [PATCH 16/37] Stop click event on input

---
 panel/src/components/Collection/Item.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/panel/src/components/Collection/Item.vue b/panel/src/components/Collection/Item.vue
index 90fdd506d3..7d48c3e90a 100644
--- a/panel/src/components/Collection/Item.vue
+++ b/panel/src/components/Collection/Item.vue
@@ -53,7 +53,7 @@
 				v-bind="button"
 			/>
 
-			<label v-if="selectable" class="k-item-options-checkbox">
+			<label v-if="selectable" class="k-item-options-checkbox" @click.stop>
 				<input
 					ref="selector"
 					type="checkbox"

From fe210c5c59ba7507281f419772c55d8a745a0d20 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Sat, 7 Dec 2024 16:23:55 +0100
Subject: [PATCH 17/37] Already show a disabled delete button if nothing is
 selected

---
 .../src/components/Sections/ModelsSection.vue | 48 ++++++++-----------
 1 file changed, 21 insertions(+), 27 deletions(-)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index bb9cdce137..11bb72fcd4 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -96,34 +96,27 @@ export default {
 			let buttons = [];
 
 			if (this.isSelecting) {
-				if (this.selected.length === 0) {
-					buttons.push({
-						disabled: true,
-						text: `${this.selected.length} items selected`,
-						theme: "none"
-					});
-				} else {
-					buttons.push({
-						icon: "trash",
-						text: this.$t("delete") + ` (${this.selected.length})`,
-						theme: "negative",
-						click: () => {
-							this.$panel.dialog.open({
-								component: "k-remove-dialog",
-								props: {
-									text: `Do you really want to delete ${this.selected.length} items at once? This action cannot be undone.`
-								},
-								on: {
-									submit: () => {
-										this.$panel.dialog.close();
-										this.deleteSelected();
-									}
+				buttons.push({
+					disabled: this.selected.length === 0,
+					icon: "trash",
+					text: this.$t("delete") + ` (${this.selected.length})`,
+					theme: "negative",
+					click: () => {
+						this.$panel.dialog.open({
+							component: "k-remove-dialog",
+							props: {
+								text: `Do you really want to delete ${this.selected.length} items at once? This action cannot be undone.`
+							},
+							on: {
+								submit: () => {
+									this.$panel.dialog.close();
+									this.deleteSelected();
 								}
-							});
-						},
-						responsive: true
-					});
-				}
+							}
+						});
+					},
+					responsive: true
+				});
 
 				buttons.push({
 					icon: "cancel",
@@ -148,6 +141,7 @@ export default {
 				buttons.push({
 					icon: "checklist",
 					click: this.onSelectToggle,
+					title: this.$t("select"),
 					responsive: true
 				});
 			}

From 59ff0847cb4056297fd594f2242300c277652fc1 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 12:17:24 +0100
Subject: [PATCH 18/37] New lab examples

---
 .../components/tables/1_horizontal/index.vue  |  4 +-
 .../components/tables/4_component/index.vue   | 65 +++++++++++++++++++
 2 files changed, 67 insertions(+), 2 deletions(-)
 create mode 100644 panel/lab/components/tables/4_component/index.vue

diff --git a/panel/lab/components/tables/1_horizontal/index.vue b/panel/lab/components/tables/1_horizontal/index.vue
index 2007c8bed9..0a3589445e 100644
--- a/panel/lab/components/tables/1_horizontal/index.vue
+++ b/panel/lab/components/tables/1_horizontal/index.vue
@@ -129,10 +129,10 @@
 						}"
 						element="tbody"
 					>
-						<tr v-for="i in 2" :key="i">
+						<tr v-for="i in 2" :key="i" class="k-table-sortable-row">
 							<td class="k-table-index-column" data-sortable="true">
 								<span class="k-table-index">{{ i }}</span>
-								<k-sort-handle />
+								<k-sort-handle class="k-table-sort-handle" />
 							</td>
 							<td>Kirby</td>
 							<td>mail@getkirby.com</td>
diff --git a/panel/lab/components/tables/4_component/index.vue b/panel/lab/components/tables/4_component/index.vue
new file mode 100644
index 0000000000..633f923235
--- /dev/null
+++ b/panel/lab/components/tables/4_component/index.vue
@@ -0,0 +1,65 @@
+<template>
+	<k-lab-examples>
+		<k-lab-example label="Default">
+			<k-table :columns="columns" :options="options" :rows="rows"></k-table>
+		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-table
+				:columns="columns"
+				:options="options"
+				:selectable="true"
+				:rows="rows"
+			></k-table>
+		</k-lab-example>
+	</k-lab-examples>
+</template>
+
+<script>
+export default {
+	computed: {
+		columns() {
+			return {
+				title: {
+					label: "Title"
+				},
+				date: {
+					label: "Date"
+				}
+			};
+		},
+		options() {
+			return [
+				{
+					text: "Edit",
+					icon: "edit"
+				},
+				{
+					text: "Duplicate",
+					icon: "copy"
+				},
+				"-",
+				{
+					text: "Delete",
+					icon: "trash"
+				}
+			];
+		},
+		rows() {
+			return [
+				{
+					title: "Title 1",
+					date: "2020-01-01"
+				},
+				{
+					title: "Title 2",
+					date: "2020-01-02"
+				},
+				{
+					title: "Title 3",
+					date: "2020-01-03"
+				}
+			];
+		}
+	}
+};
+</script>

From 2717415d4fe114ec9d81e7af85543635aa1053fc Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 12:17:49 +0100
Subject: [PATCH 19/37] Add selectable prop to collection, items and table

---
 .../src/components/Collection/Collection.vue  |  1 +
 panel/src/components/Collection/Items.vue     | 13 +++-
 panel/src/components/Layout/Table.vue         | 64 ++++++++++++++-----
 3 files changed, 61 insertions(+), 17 deletions(-)

diff --git a/panel/src/components/Collection/Collection.vue b/panel/src/components/Collection/Collection.vue
index cfed43655d..0851a2e756 100644
--- a/panel/src/components/Collection/Collection.vue
+++ b/panel/src/components/Collection/Collection.vue
@@ -15,6 +15,7 @@
 				items,
 				layout,
 				link,
+				selectable,
 				size,
 				sortable,
 				theme
diff --git a/panel/src/components/Collection/Items.vue b/panel/src/components/Collection/Items.vue
index 4138b84607..f7fba8b5b3 100644
--- a/panel/src/components/Collection/Items.vue
+++ b/panel/src/components/Collection/Items.vue
@@ -6,6 +6,7 @@
 		:class="$attrs.class"
 		:style="$attrs.style"
 		@change="$emit('change', $event)"
+		@select="onSelect"
 		@sort="$emit('sort', $event)"
 		@option="onOption"
 	>
@@ -39,6 +40,7 @@
 					:image="imageOptions(item)"
 					:layout="layout"
 					:link="link ? item.link : false"
+					:selectable="selectable && item.selectable"
 					:sortable="sortable && item.sortable"
 					:theme="theme"
 					:width="item.column"
@@ -46,7 +48,7 @@
 					@drag="onDragStart($event, item.dragText)"
 					@mouseover.native="$emit('hover', $event, item, itemIndex)"
 					@option="onOption($event, item, itemIndex)"
-					@select="$emit('select', $event, item, itemIndex)"
+					@select="onSelect($event, item, itemIndex)"
 				>
 					<template #options>
 						<slot name="options" v-bind="{ item, index: itemIndex }" />
@@ -95,6 +97,11 @@ export const props = {
 			type: Boolean,
 			default: true
 		},
+		/**
+		 * Whether items are generally selectable.
+		 * Each item can disable this individually.
+		 */
+		selectable: Boolean,
 		/**
 		 * Whether items are generally sortable.
 		 * Each item can disable this individually.
@@ -141,6 +148,7 @@ export default {
 				columns: this.columns,
 				fields: this.fields,
 				rows: this.items,
+				selectable: this.selectable,
 				sortable: this.sortable
 			};
 		}
@@ -152,6 +160,9 @@ export default {
 		onOption(option, item, itemIndex) {
 			this.$emit("option", option, item, itemIndex);
 		},
+		onSelect(event, item, itemIndex) {
+			this.$emit("select", event, item, itemIndex);
+		},
 		imageOptions(item) {
 			let globalOptions = this.image;
 			let localOptions = item.image;
diff --git a/panel/src/components/Layout/Table.vue b/panel/src/components/Layout/Table.vue
index 2ac44410c8..2378123a99 100644
--- a/panel/src/components/Layout/Table.vue
+++ b/panel/src/components/Layout/Table.vue
@@ -72,7 +72,7 @@
 						v-for="(row, rowIndex) in values"
 						:key="row.id ?? row._id ?? row.value ?? JSON.stringify(row)"
 						:class="{
-							'k-table-sortable-row': sortable && row.sortable !== false
+							'k-table-sortable-row': rowIsSortable(row)
 						}"
 					>
 						<!-- Index & drag handle -->
@@ -81,20 +81,30 @@
 							data-mobile="true"
 							class="k-table-index-column"
 						>
-							<slot
-								name="index"
-								v-bind="{
-									row,
-									rowIndex
-								}"
-							>
-								<div class="k-table-index" v-text="index + rowIndex" />
-							</slot>
-
-							<k-sort-handle
-								v-if="sortable && row.sortable !== false"
-								class="k-table-sort-handle"
-							/>
+							<template v-if="rowIsSelectable(row)">
+								<label class="k-table-index-checkbox">
+									<input
+										type="checkbox"
+										@change="$emit('select', $event, row, rowIndex)"
+									/>
+								</label>
+							</template>
+							<template v-else>
+								<slot
+									name="index"
+									v-bind="{
+										row,
+										rowIndex
+									}"
+								>
+									<div class="k-table-index" v-text="index + rowIndex" />
+								</slot>
+
+								<k-sort-handle
+									v-if="rowIsSortable(row)"
+									class="k-table-sort-handle"
+								/>
+							</template>
 						</td>
 
 						<!-- Cell -->
@@ -208,6 +218,10 @@ export default {
 		 * Optional pagination settings
 		 */
 		pagination: [Object, Boolean],
+		/**
+		 * Whether table is sortable
+		 */
+		selectable: Boolean,
 		/**
 		 * Whether table is sortable
 		 */
@@ -261,7 +275,7 @@ export default {
 		 * @returns {bool}
 		 */
 		hasIndexColumn() {
-			return this.sortable || this.index !== false;
+			return this.sortable || this.selectable || this.index !== false;
 		},
 		/**
 		 * Whether to show options column
@@ -348,6 +362,16 @@ export default {
 			this.$emit("input", this.values);
 			this.$emit("sort", this.values);
 		},
+		rowIsSelectable(row) {
+			return this.selectable === true && row.selectable !== false;
+		},
+		rowIsSortable(row) {
+			return (
+				this.sortable === true &&
+				this.selectable === false &&
+				row.sortable !== false
+			);
+		},
 		/**
 		 * Returns width styling based on column fraction
 		 * @param {string} fraction
@@ -498,6 +522,14 @@ export default {
 	color: var(--color-text-dimmed);
 	line-height: 1.1em;
 }
+.k-table .k-table-index-column:has(.k-table-index-checkbox) {
+	padding: 0;
+}
+.k-table .k-table-index-checkbox {
+	height: 100%;
+	display: grid;
+	place-items: center;
+}
 
 /* Table Index with sort handle */
 .k-table .k-table-index-column .k-sort-handle {

From 392066a7691b46f61a04eaf51c723d42d8d9aa54 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 12:17:56 +0100
Subject: [PATCH 20/37] Remove the layout check

---
 config/sections/mixins/batch.php        |  5 -----
 tests/Cms/Sections/FilesSectionTest.php | 13 -------------
 tests/Cms/Sections/PagesSectionTest.php | 13 -------------
 3 files changed, 31 deletions(-)

diff --git a/config/sections/mixins/batch.php b/config/sections/mixins/batch.php
index ec77a4b01a..6c917635ca 100644
--- a/config/sections/mixins/batch.php
+++ b/config/sections/mixins/batch.php
@@ -9,9 +9,4 @@
 			return $batch;
 		},
 	],
-	'computed' => [
-		'batch' => function () {
-			return $this->layout === 'table' ? false : $this->batch;
-		}
-	],
 ];
diff --git a/tests/Cms/Sections/FilesSectionTest.php b/tests/Cms/Sections/FilesSectionTest.php
index 0bc07c63a4..84a8bb8ed5 100644
--- a/tests/Cms/Sections/FilesSectionTest.php
+++ b/tests/Cms/Sections/FilesSectionTest.php
@@ -83,19 +83,6 @@ public function testBatchEnabled()
 		$this->assertTrue($section->toArray()['options']['batch']);
 	}
 
-	public function testBatchNotEnabledWithTableLayout()
-	{
-		$section = new Section('files', [
-			'name'   => 'test',
-			'model'  => new Page(['slug' => 'test']),
-			'batch'  => true,
-			'layout' => 'table'
-		]);
-
-		$this->assertFalse($section->batch());
-		$this->assertFalse($section->toArray()['options']['batch']);
-	}
-
 	public function testHeadline()
 	{
 		// single headline
diff --git a/tests/Cms/Sections/PagesSectionTest.php b/tests/Cms/Sections/PagesSectionTest.php
index 4d09af56df..696420767e 100644
--- a/tests/Cms/Sections/PagesSectionTest.php
+++ b/tests/Cms/Sections/PagesSectionTest.php
@@ -65,19 +65,6 @@ public function testBatchEnabled()
 		$this->assertTrue($section->toArray()['options']['batch']);
 	}
 
-	public function testBatchNotEnabledWithTableLayout()
-	{
-		$section = new Section('pages', [
-			'name'   => 'test',
-			'model'  => new Page(['slug' => 'test']),
-			'batch'  => true,
-			'layout' => 'table'
-		]);
-
-		$this->assertFalse($section->batch());
-		$this->assertFalse($section->toArray()['options']['batch']);
-	}
-
 	public function testHeadline()
 	{
 		// single headline

From 97076f3ddd29f7c4e8084ca7140f0e6f7d9cd380 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 12:18:33 +0100
Subject: [PATCH 21/37] Enable selectable mode

---
 panel/src/components/Sections/ModelsSection.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index 11bb72fcd4..cf8c29d123 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -178,6 +178,7 @@ export default {
 				help: this.options.help,
 				items: this.items,
 				pagination: this.pagination,
+				selectable: !this.isProcessing && this.isSelecting,
 				sortable: !this.isProcessing && this.options.sortable,
 				size: this.options.size
 			};

From e9dabe5d240f6a384ce9d6fafa221086839ec15d Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 13:15:06 +0100
Subject: [PATCH 22/37] Reload the section on error as well

---
 panel/src/components/Sections/ModelsSection.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index cf8c29d123..345f302421 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -254,11 +254,10 @@ export default {
 						ids: this.selected.map((item) => item.id)
 					}
 				);
-
-				this.reload();
 			} catch (error) {
 				this.$panel.notification.error(error);
 			} finally {
+				this.reload();
 				this.isSelecting = false;
 				this.isProcessing = false;
 				this.selected = [];

From 696af871fea943203b954b2f6a05f0c73a79cae5 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 13:23:28 +0100
Subject: [PATCH 23/37] Move logic into batch mixin

---
 config/sections/files.php        | 29 +++-------------------------
 config/sections/mixins/batch.php | 33 ++++++++++++++++++++++++++++++++
 config/sections/pages.php        | 29 +++-------------------------
 3 files changed, 39 insertions(+), 52 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index 31fb2a5766..ef2c103073 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -2,8 +2,6 @@
 
 use Kirby\Cms\File;
 use Kirby\Cms\Files;
-use Kirby\Exception\Exception;
-use Kirby\Exception\PermissionException;
 use Kirby\Toolkit\I18n;
 
 return [
@@ -226,30 +224,9 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
-					$section = $this->section();
-
-					// check if batch deletion is allowed
-					if ($section->batch() === false) {
-						throw new PermissionException(
-							message: 'The section does not support batch actions'
-						);
-					}
-
-					$ids = $this->requestBody('ids');
-					$min = $section->min();
-
-					// check if the section has enough files after the deletion
-					if ($section->total() - count($ids) < $min) {
-						throw new Exception(
-							message: I18n::template('error.section.files.min.' . I18n::form($min), [
-								'min'     => $min,
-								'section' => $section->headline()
-							])
-						);
-					}
-
-					$section->models()->delete($ids);
-					return true;
+					return $this->section()->deleteSelected(
+						ids: $this->requestBody('ids'),
+					);
 				}
 			]
 		];
diff --git a/config/sections/mixins/batch.php b/config/sections/mixins/batch.php
index 6c917635ca..25128f253a 100644
--- a/config/sections/mixins/batch.php
+++ b/config/sections/mixins/batch.php
@@ -1,5 +1,9 @@
 <?php
 
+use Kirby\Exception\Exception;
+use Kirby\Exception\PermissionException;
+use Kirby\Toolkit\I18n;
+
 return [
 	'props' => [
 		/**
@@ -9,4 +13,33 @@
 			return $batch;
 		},
 	],
+	'methods' => [
+		'deleteSelected' => function (array $ids): bool {
+			if ($ids === []) {
+				return true;
+			}
+
+			// check if batch deletion is allowed
+			if ($this->batch() === false) {
+				throw new PermissionException(
+					message: 'The section does not support batch actions'
+				);
+			}
+
+			$min = $this->min();
+
+			// check if the section has enough items after the deletion
+			if ($this->total() - count($ids) < $min) {
+				throw new Exception(
+					message: I18n::template('error.section.' . $this->type() . '.min.' . I18n::form($min), [
+						'min'     => $min,
+						'section' => $this->headline()
+					])
+				);
+			}
+
+			$this->models()->delete($ids);
+			return true;
+		}
+	]
 ];
diff --git a/config/sections/pages.php b/config/sections/pages.php
index 8288f8b242..e53a577a39 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -4,9 +4,7 @@
 use Kirby\Cms\Page;
 use Kirby\Cms\Pages;
 use Kirby\Cms\Site;
-use Kirby\Exception\Exception;
 use Kirby\Exception\InvalidArgumentException;
-use Kirby\Exception\PermissionException;
 use Kirby\Toolkit\A;
 use Kirby\Toolkit\I18n;
 
@@ -325,30 +323,9 @@
 				'pattern' => 'delete',
 				'method'  => 'DELETE',
 				'action'  => function () {
-					$section = $this->section();
-
-					// check if batch deletion is allowed
-					if ($section->batch() === false) {
-						throw new PermissionException(
-							message: 'The section does not support batch actions'
-						);
-					}
-
-					$ids = $this->requestBody('ids');
-					$min = $section->min();
-
-					// check if the section has enough pages after the deletion
-					if ($section->total() - count($ids) < $min) {
-						throw new Exception(
-							message: I18n::template('error.section.pages.min.' . I18n::form($min), [
-								'min'     => $min,
-								'section' => $section->headline()
-							])
-						);
-					}
-
-					$section->models()->delete($ids);
-					return true;
+					return $this->section()->deleteSelected(
+						ids: $this->requestBody('ids'),
+					);
 				}
 			]
 		];

From d5003c8e798fb4e65a1f8081e66897792812c7a6 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 13:28:47 +0100
Subject: [PATCH 24/37] Simplify code
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Nico Hoffmann  ෴. <me@nhoffmann.com>
---
 panel/src/components/Sections/ModelsSection.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index 345f302421..0812cbe51c 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -313,11 +313,11 @@ export default {
 			}
 		},
 		onSelectToggle() {
+			this.isSelecting = !this.isSelecting;
+			
+			// start new selection with a fresh list
 			if (this.isSelecting) {
 				this.selected = [];
-				this.isSelecting = false;
-			} else {
-				this.isSelecting = true;
 			}
 		},
 		onSort() {},

From 749e611c106a908ef17b39fd9ad28e09cce44233 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 10 Dec 2024 13:41:09 +0100
Subject: [PATCH 25/37] Close selection mode if another section opens theirs

---
 .../src/components/Sections/ModelsSection.vue | 27 ++++++++++++++-----
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index 0812cbe51c..b2c5eb9b10 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -235,6 +235,12 @@ export default {
 			this.reload();
 		}
 	},
+	created() {
+		this.$events.on("selecting", this.stopSelectingCollision);
+	},
+	destroyed() {
+		this.$events.off("selecting", this.stopSelectingCollision);
+	},
 	mounted() {
 		this.search = debounce(this.search, 200);
 		this.load();
@@ -313,14 +319,23 @@ export default {
 			}
 		},
 		onSelectToggle() {
-			this.isSelecting = !this.isSelecting;
-			
-			// start new selection with a fresh list
-			if (this.isSelecting) {
-				this.selected = [];
-			}
+			this.isSelecting ? this.stopSelecting() : this.startSelecting();
 		},
 		onSort() {},
+		startSelecting() {
+			this.isSelecting = true;
+			this.selected = [];
+			this.$events.emit("selecting", this.name);
+		},
+		stopSelecting() {
+			this.isSelecting = false;
+			this.selected = [];
+		},
+		stopSelectingCollision(name) {
+			if (name !== this.name) {
+				this.stopSelecting();
+			}
+		},
 		async reload() {
 			await this.load(true);
 		},

From 83da2d76f6dd29bd8f9682014c1ae1578a4b7cd3 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 11:56:18 +0100
Subject: [PATCH 26/37] Use new models & modelsPaginated distinction to get
 access to both

---
 config/sections/files.php | 11 ++++++-----
 config/sections/pages.php | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/config/sections/files.php b/config/sections/files.php
index ef2c103073..e2d48a8034 100644
--- a/config/sections/files.php
+++ b/config/sections/files.php
@@ -91,14 +91,15 @@
 				$files = $files->flip();
 			}
 
+			return $files;
+		},
+		'modelsPaginated' => function () {
 			// apply the default pagination
-			$files = $files->paginate([
+			return $this->models()->paginate([
 				'page'   => $this->page,
 				'limit'  => $this->limit,
 				'method' => 'none' // the page is manually provided
 			]);
-
-			return $files;
 		},
 		'files' => function () {
 			return $this->models;
@@ -110,7 +111,7 @@
 			// a different parent model
 			$dragTextAbsolute = $this->model->is($this->parent) === false;
 
-			foreach ($this->models as $file) {
+			foreach ($this->modelsPaginated() as $file) {
 				$panel       = $file->panel();
 				$permissions = $file->permissions();
 
@@ -145,7 +146,7 @@
 			return $data;
 		},
 		'total' => function () {
-			return $this->models->pagination()->total();
+			return $this->models()->count();
 		},
 		'errors' => function () {
 			$errors = [];
diff --git a/config/sections/pages.php b/config/sections/pages.php
index e53a577a39..bdbd61346a 100644
--- a/config/sections/pages.php
+++ b/config/sections/pages.php
@@ -150,25 +150,26 @@
 				$pages = $pages->flip();
 			}
 
+			return $pages;
+		},
+		'modelsPaginated' => function () {
 			// pagination
-			$pages = $pages->paginate([
+			return $this->models()->paginate([
 				'page'   => $this->page,
 				'limit'  => $this->limit,
 				'method' => 'none' // the page is manually provided
 			]);
-
-			return $pages;
 		},
 		'pages' => function () {
 			return $this->models;
 		},
 		'total' => function () {
-			return $this->models->pagination()->total();
+			return $this->models()->count();
 		},
 		'data' => function () {
 			$data = [];
 
-			foreach ($this->models as $page) {
+			foreach ($this->modelsPaginated() as $page) {
 				$panel       = $page->panel();
 				$permissions = $page->permissions();
 

From 48eddf9053d3ba2deeb74e085cad0e89ed64c5fe Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 12:05:32 +0100
Subject: [PATCH 27/37] No longer send the checkbox event

---
 panel/src/components/Collection/Items.vue       | 2 +-
 panel/src/components/Layout/Table.vue           | 2 +-
 panel/src/components/Sections/ModelsSection.vue | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/panel/src/components/Collection/Items.vue b/panel/src/components/Collection/Items.vue
index f7fba8b5b3..a8a37cb587 100644
--- a/panel/src/components/Collection/Items.vue
+++ b/panel/src/components/Collection/Items.vue
@@ -48,7 +48,7 @@
 					@drag="onDragStart($event, item.dragText)"
 					@mouseover.native="$emit('hover', $event, item, itemIndex)"
 					@option="onOption($event, item, itemIndex)"
-					@select="onSelect($event, item, itemIndex)"
+					@select="onSelect(item, itemIndex)"
 				>
 					<template #options>
 						<slot name="options" v-bind="{ item, index: itemIndex }" />
diff --git a/panel/src/components/Layout/Table.vue b/panel/src/components/Layout/Table.vue
index 2378123a99..3dfe76b4e3 100644
--- a/panel/src/components/Layout/Table.vue
+++ b/panel/src/components/Layout/Table.vue
@@ -85,7 +85,7 @@
 								<label class="k-table-index-checkbox">
 									<input
 										type="checkbox"
-										@change="$emit('select', $event, row, rowIndex)"
+										@change="$emit('select', row, rowIndex)"
 									/>
 								</label>
 							</template>
diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index b2c5eb9b10..5c03b44e06 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -309,13 +309,13 @@ export default {
 			this.searching = !this.searching;
 			this.searchterm = null;
 		},
-		onSelect(event, item) {
-			if (event.target.checked) {
-				this.selected.push(item);
-			} else {
+		onSelect(item) {
+			if (this.selected.includes(item)) {
 				this.selected = this.selected.filter(
 					(selected) => selected.id !== item.id
 				);
+			} else {
+				this.selected.push(item);
 			}
 		},
 		onSelectToggle() {

From 20d12600b6f95f79e7177a8b5a164c3a7449b6f1 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 12:12:23 +0100
Subject: [PATCH 28/37] Set the outline for selected items

---
 panel/src/components/Collection/Item.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/panel/src/components/Collection/Item.vue b/panel/src/components/Collection/Item.vue
index 7d48c3e90a..43b9dd98ba 100644
--- a/panel/src/components/Collection/Item.vue
+++ b/panel/src/components/Collection/Item.vue
@@ -367,4 +367,7 @@ export default {
 	width: var(--item-button-height);
 	flex-shrink: 0;
 }
+.k-item[data-selectable="true"]:has(.k-item-options-checkbox input:checked) {
+	outline: var(--outline);
+}
 </style>

From ebb5b27fa18e245e4a3bbe9efdb2fc02755309bd Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 12:34:46 +0100
Subject: [PATCH 29/37] Add sortable example

---
 panel/lab/components/tables/4_component/index.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/panel/lab/components/tables/4_component/index.vue b/panel/lab/components/tables/4_component/index.vue
index 633f923235..73f24c2706 100644
--- a/panel/lab/components/tables/4_component/index.vue
+++ b/panel/lab/components/tables/4_component/index.vue
@@ -3,6 +3,14 @@
 		<k-lab-example label="Default">
 			<k-table :columns="columns" :options="options" :rows="rows"></k-table>
 		</k-lab-example>
+		<k-lab-example label="Sortable">
+			<k-table
+				:columns="columns"
+				:options="options"
+				:sortable="true"
+				:rows="rows"
+			></k-table>
+		</k-lab-example>
 		<k-lab-example label="Selectable">
 			<k-table
 				:columns="columns"

From 6f0c8db098b7a0603eaf3aab6f718f9184ceb017 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 12:43:47 +0100
Subject: [PATCH 30/37] Better visual selected state for table rows

---
 panel/src/components/Layout/Table.vue | 19 +++++++++++++++----
 panel/src/styles/config/colors.css    |  2 ++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/panel/src/components/Layout/Table.vue b/panel/src/components/Layout/Table.vue
index 3dfe76b4e3..46d569bc88 100644
--- a/panel/src/components/Layout/Table.vue
+++ b/panel/src/components/Layout/Table.vue
@@ -74,6 +74,8 @@
 						:class="{
 							'k-table-sortable-row': rowIsSortable(row)
 						}"
+						:data-selectable="rowIsSelectable(row)"
+						:data-sortable="rowIsSortable(row)"
 					>
 						<!-- Index & drag handle -->
 						<td
@@ -395,7 +397,7 @@ export default {
 :root {
 	--table-cell-padding: var(--spacing-3);
 	--table-color-back: light-dark(var(--color-white), var(--color-gray-850));
-	--table-color-border: var(--panel-color-back);
+	--table-color-border: light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.375));
 	--table-color-hover: light-dark(var(--color-gray-100), rgba(0, 0, 0, 0.1));
 	--table-color-th-back: light-dark(
 		var(--color-gray-100),
@@ -481,6 +483,9 @@ export default {
 }
 
 /* Table Body */
+.k-table tbody tr td {
+	background: var(--table-color-back);
+}
 .k-table tbody tr:hover td {
 	background: var(--table-color-hover);
 }
@@ -532,17 +537,23 @@ export default {
 }
 
 /* Table Index with sort handle */
-.k-table .k-table-index-column .k-sort-handle {
+.k-table tr[data-sortable="true"] .k-table-index-column .k-sort-handle {
 	--button-width: 100%;
 	display: none;
 }
-.k-table tr.k-table-sortable-row:hover .k-table-index-column .k-table-index {
+.k-table tr[data-sortable="true"]:hover .k-table-index-column .k-table-index {
 	display: none;
 }
-.k-table tr.k-table-sortable-row:hover .k-table-index-column .k-sort-handle {
+.k-table tr[data-sortable="true"]:hover .k-table-index-column .k-sort-handle {
 	display: flex;
 }
 
+/* Selectable rows */
+.k-table tr[data-selectable="true"]:has(.k-table-index-column input:checked) {
+	--table-color-back: light-dark(var(--color-blue-250), var(--color-blue-800));
+	--table-color-hover: var(--table-color-back);
+}
+
 /* Table Options */
 .k-table .k-table-options-column {
 	padding: 0;
diff --git a/panel/src/styles/config/colors.css b/panel/src/styles/config/colors.css
index 9776e04fde..d6e1586856 100644
--- a/panel/src/styles/config/colors.css
+++ b/panel/src/styles/config/colors.css
@@ -150,6 +150,7 @@
 
 	--color-blue-l-100: calc(var(--color-l-100) + var(--color-blue-boost));
 	--color-blue-l-200: calc(var(--color-l-200) + var(--color-blue-boost));
+	--color-blue-l-250: calc(var(--color-l-250) + var(--color-blue-boost));
 	--color-blue-l-300: calc(var(--color-l-300) + var(--color-blue-boost));
 	--color-blue-l-400: calc(var(--color-l-400) + var(--color-blue-boost));
 	--color-blue-l-500: calc(var(--color-l-500) + var(--color-blue-boost));
@@ -160,6 +161,7 @@
 
 	--color-blue-100: hsl(var(--color-blue-hs), var(--color-blue-l-100));
 	--color-blue-200: hsl(var(--color-blue-hs), var(--color-blue-l-200));
+	--color-blue-250: hsl(var(--color-blue-hs), var(--color-blue-l-250));
 	--color-blue-300: hsl(var(--color-blue-hs), var(--color-blue-l-300));
 	--color-blue-400: hsl(var(--color-blue-hs), var(--color-blue-l-400));
 	--color-blue-500: hsl(var(--color-blue-hs), var(--color-blue-l-500));

From 965cced456be3ad9c8e17c9bdee19f0a8b6a5604 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 13:36:22 +0100
Subject: [PATCH 31/37] Fix selectable examples

---
 panel/lab/components/items/1_list/index.vue   | 10 +--
 panel/lab/components/items/2_cards/index.vue  | 15 ++--
 .../lab/components/items/3_cardlets/index.vue | 15 ++--
 panel/lab/components/items/4_table/index.vue  | 68 +++++++++++++++----
 panel/lab/components/items/index.php          |  2 +-
 5 files changed, 79 insertions(+), 31 deletions(-)

diff --git a/panel/lab/components/items/1_list/index.vue b/panel/lab/components/items/1_list/index.vue
index 905fbc5877..2a4d279a62 100644
--- a/panel/lab/components/items/1_list/index.vue
+++ b/panel/lab/components/items/1_list/index.vue
@@ -4,7 +4,7 @@
 			<k-items :items="items" />
 		</k-lab-example>
 		<k-lab-example label="Selectable">
-			<k-items :items="selectableItems" @select="onSelect" />
+			<k-items :items="selectableItems" :selectable="true" @select="onSelect" />
 			<br />
 			<k-code>Selected: {{ selected.join(", ") }}</k-code>
 		</k-lab-example>
@@ -32,11 +32,11 @@ export default {
 		}
 	},
 	methods: {
-		onSelect(event, item, index) {
-			if (event.target.checked) {
-				this.selected.push(index);
-			} else {
+		onSelect(item, index) {
+			if (this.selected.includes(index)) {
 				this.selected = this.selected.filter((i) => i !== index);
+			} else {
+				this.selected.push(index);
 			}
 		}
 	}
diff --git a/panel/lab/components/items/2_cards/index.vue b/panel/lab/components/items/2_cards/index.vue
index a212ef07a5..02d8735100 100644
--- a/panel/lab/components/items/2_cards/index.vue
+++ b/panel/lab/components/items/2_cards/index.vue
@@ -4,7 +4,12 @@
 			<k-items :items="items" layout="cards" />
 		</k-lab-example>
 		<k-lab-example label="Selectable">
-			<k-items :items="selectableItems" layout="cards" @select="onSelect" />
+			<k-items
+				:items="selectableItems"
+				:selectable="true"
+				layout="cards"
+				@select="onSelect"
+			/>
 			<br />
 			<k-code>Selected: {{ selected.join(", ") }}</k-code>
 		</k-lab-example>
@@ -32,11 +37,11 @@ export default {
 		}
 	},
 	methods: {
-		onSelect(event, item, index) {
-			if (event.target.checked) {
-				this.selected.push(index);
-			} else {
+		onSelect(item, index) {
+			if (this.selected.includes(index)) {
 				this.selected = this.selected.filter((i) => i !== index);
+			} else {
+				this.selected.push(index);
 			}
 		}
 	}
diff --git a/panel/lab/components/items/3_cardlets/index.vue b/panel/lab/components/items/3_cardlets/index.vue
index ae3c9246e2..ca6f85b0b9 100644
--- a/panel/lab/components/items/3_cardlets/index.vue
+++ b/panel/lab/components/items/3_cardlets/index.vue
@@ -4,7 +4,12 @@
 			<k-items :items="items" layout="cardlets" />
 		</k-lab-example>
 		<k-lab-example label="Selectable">
-			<k-items :items="selectableItems" layout="cardlets" @select="onSelect" />
+			<k-items
+				:items="selectableItems"
+				:selectable="true"
+				layout="cardlets"
+				@select="onSelect"
+			/>
 			<br />
 			<k-code>Selected: {{ selected.join(", ") }}</k-code>
 		</k-lab-example>
@@ -32,11 +37,11 @@ export default {
 		}
 	},
 	methods: {
-		onSelect(event, item, index) {
-			if (event.target.checked) {
-				this.selected.push(index);
-			} else {
+		onSelect(item, index) {
+			if (this.selected.includes(index)) {
 				this.selected = this.selected.filter((i) => i !== index);
+			} else {
+				this.selected.push(index);
 			}
 		}
 	}
diff --git a/panel/lab/components/items/4_table/index.vue b/panel/lab/components/items/4_table/index.vue
index a760189118..ecc6464580 100644
--- a/panel/lab/components/items/4_table/index.vue
+++ b/panel/lab/components/items/4_table/index.vue
@@ -2,26 +2,23 @@
 	<k-lab-examples>
 		<k-lab-example label="table">
 			<k-items
-				:columns="{
-					image: {
-						label: '',
-						type: 'image',
-						width: 'var(--table-row-height)'
-					},
-					text: {
-						label: 'Text',
-						type: 'text'
-					},
-					info: {
-						label: 'Info',
-						type: 'text'
-					}
-				}"
+				:columns="columns"
 				:items="items"
 				:sortable="true"
 				layout="table"
 			/>
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-items
+				:columns="columns"
+				:items="selectableItems"
+				:selectable="true"
+				layout="table"
+				@select="onSelect"
+			/>
+			<br />
+			<k-code>Selected: {{ selected.join(", ") }}</k-code>
+		</k-lab-example>
 	</k-lab-examples>
 </template>
 
@@ -29,6 +26,47 @@
 export default {
 	props: {
 		items: Array
+	},
+	data() {
+		return {
+			selected: []
+		};
+	},
+	computed: {
+		columns() {
+			return {
+				image: {
+					label: "",
+					type: "image",
+					width: "var(--table-row-height)"
+				},
+				text: {
+					label: "Text",
+					type: "text"
+				},
+				info: {
+					label: "Info",
+					type: "text"
+				}
+			};
+		},
+		selectableItems() {
+			return this.items.map((item) => {
+				return {
+					...item,
+					selectable: true
+				};
+			});
+		}
+	},
+	methods: {
+		onSelect(item, index) {
+			if (this.selected.includes(index)) {
+				this.selected = this.selected.filter((i) => i !== index);
+			} else {
+				this.selected.push(index);
+			}
+		}
 	}
 };
 </script>
diff --git a/panel/lab/components/items/index.php b/panel/lab/components/items/index.php
index 75b3ab7e5b..3ff50bece9 100644
--- a/panel/lab/components/items/index.php
+++ b/panel/lab/components/items/index.php
@@ -5,7 +5,7 @@
 
 return [
 	'docs' => 'k-items',
-	'items' => A::map(range(0, 20), function ($item) {
+	'items' => A::map(range(0, 10), function ($item) {
 		return [
 			'text' => 'This is item ' . $item,
 			'info' => 'Some info text',

From af940f78e303b11ff857c87308d0046f8691c5eb Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 14:12:26 +0100
Subject: [PATCH 32/37] Improve selected state for items

---
 panel/src/components/Collection/Item.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/panel/src/components/Collection/Item.vue b/panel/src/components/Collection/Item.vue
index 43b9dd98ba..208a98b826 100644
--- a/panel/src/components/Collection/Item.vue
+++ b/panel/src/components/Collection/Item.vue
@@ -167,12 +167,13 @@ export default {
 	--item-color-back: light-dark(var(--color-white), var(--color-gray-850));
 	--item-height: auto;
 	--item-height-cardlet: calc(var(--height-md) * 3);
+	--item-shadow: var(--shadow-sm);
 }
 
 .k-item {
 	position: relative;
 	background: var(--item-color-back);
-	box-shadow: var(--shadow);
+	box-shadow: var(--item-shadow);
 	border-radius: var(--rounded);
 	min-height: var(--item-height);
 	container-type: inline-size;
@@ -368,6 +369,7 @@ export default {
 	flex-shrink: 0;
 }
 .k-item[data-selectable="true"]:has(.k-item-options-checkbox input:checked) {
-	outline: var(--outline);
+	--item-color-back: light-dark(var(--color-blue-250), var(--color-blue-800));
+	--item-shadow: 0 1px 3px 0 rgba(0 0 0 / 0.25), 0 1px 2px 0 rgba(0 0 0 / 0.05);
 }
 </style>

From 80605245def186c4028cfcc45c6c6fffda8f3106 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 15:30:56 +0100
Subject: [PATCH 33/37] Add translations for the confirmation dialog

---
 i18n/translations/en.json                       | 2 ++
 panel/src/components/Sections/ModelsSection.vue | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/i18n/translations/en.json b/i18n/translations/en.json
index eb207c2da1..0ec1dbea57 100644
--- a/i18n/translations/en.json
+++ b/i18n/translations/en.json
@@ -383,6 +383,7 @@
 	"file.sort": "Change position",
 
 	"files": "Files",
+	"files.delete.confirm.selected": "Do you really want to delete the selected files? This action cannot be undone.",
 	"files.empty": "No files yet",
 
 	"filter": "Filter",
@@ -592,6 +593,7 @@
 	"page.status.unlisted.description": "The page is only accessible via URL",
 
 	"pages": "Pages",
+	"pages.delete.confirm.selected": "Do you really want to delete the selected pages? This action cannot be undone.",
 	"pages.empty": "No pages yet",
 	"pages.status.draft": "Drafts",
 	"pages.status.listed": "Published",
diff --git a/panel/src/components/Sections/ModelsSection.vue b/panel/src/components/Sections/ModelsSection.vue
index 5c03b44e06..66778eaaa6 100644
--- a/panel/src/components/Sections/ModelsSection.vue
+++ b/panel/src/components/Sections/ModelsSection.vue
@@ -105,7 +105,7 @@ export default {
 						this.$panel.dialog.open({
 							component: "k-remove-dialog",
 							props: {
-								text: `Do you really want to delete ${this.selected.length} items at once? This action cannot be undone.`
+								text: this.confirmDeleteSelectedMessage
 							},
 							on: {
 								submit: () => {
@@ -183,6 +183,11 @@ export default {
 				size: this.options.size
 			};
 		},
+		confirmDeleteSelectedMessage() {
+			return this.$t(`${this.type}.delete.confirm.selected`, {
+				count: this.selected.length
+			});
+		},
 		emptyProps() {
 			return {
 				icon: "page",

From 45a84fac18c82c00854a0b5e1315c46eb6132f7c Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 16:32:04 +0100
Subject: [PATCH 34/37] Add unit tests

---
 .../Sections/mixins/BatchSectionMixinTest.php | 139 ++++++++++++++++++
 1 file changed, 139 insertions(+)
 create mode 100644 tests/Cms/Sections/mixins/BatchSectionMixinTest.php

diff --git a/tests/Cms/Sections/mixins/BatchSectionMixinTest.php b/tests/Cms/Sections/mixins/BatchSectionMixinTest.php
new file mode 100644
index 0000000000..6d041eacaa
--- /dev/null
+++ b/tests/Cms/Sections/mixins/BatchSectionMixinTest.php
@@ -0,0 +1,139 @@
+<?php
+
+namespace Kirby\Cms;
+
+use Kirby\Exception\Exception;
+use Kirby\Exception\PermissionException;
+use Kirby\Filesystem\Dir;
+use Kirby\TestCase;
+
+class BatchSectionMixinTest extends TestCase
+{
+	public const TMP = KIRBY_TMP_DIR . '/Cms.BatchSectionMixin';
+
+	protected Page $page;
+
+	public function setUp(): void
+	{
+		$this->app = new App([
+			'roots' => [
+				'index' => static::TMP
+			],
+			'translations' => [
+				'en' => [
+					'error.section.test.min.plural' => 'The section requires at least {min} items',
+				]
+			]
+		]);
+
+		$this->page = new Page([
+			'slug' => 'test',
+			'children' => [
+				['slug' => 'a'],
+				['slug' => 'b'],
+				['slug' => 'c']
+			]
+		]);
+
+		Dir::make($this->page->root() . '/a');
+		Dir::make($this->page->root() . '/b');
+		Dir::make($this->page->root() . '/c');
+
+		Section::$types['test'] = [
+			'mixins' => ['batch'],
+			'props' => [
+				'min' => function (int $min = 0) {
+					return $min;
+				}
+			],
+			'computed' => [
+				'models' => function () {
+					return $this->model()->children();
+				},
+				'total' => function () {
+					return $this->models()->count();
+				},
+			]
+		];
+
+		$this->setUpTmp();
+	}
+
+	public function tearDown(): void
+	{
+		$this->tearDownTmp();
+		App::destroy();
+	}
+
+	public function testBatchDisabled()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+		]);
+
+		$this->assertFalse($section->batch());
+	}
+
+	public function testBatchEnabled()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+			'batch' => true
+		]);
+
+		$this->assertTrue($section->batch());
+	}
+
+	public function testDeleteSelectedWithoutIds()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+			'batch' => true
+		]);
+
+		$this->assertTrue($section->deleteSelected([]));
+	}
+
+	public function testDeleteSelectedWhenDisabled()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+			'batch' => false
+		]);
+
+		$this->expectException(PermissionException::class);
+		$this->expectExceptionMessage('The section does not support batch actions');
+
+		$section->deleteSelected(['test/a', 'test/b']);
+	}
+
+	public function testDeleteSelectedWhenExceedingMin()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+			'batch' => true,
+			'min'   => 2
+		]);
+
+		$this->expectException(Exception::class);
+		$this->expectExceptionMessage('The section requires at least 2 items');
+
+		$section->deleteSelected([
+			'test/a', 'test/b', 'test/c'
+		]);
+	}
+
+	public function testDeleteSelected()
+	{
+		$section = new Section('test', [
+			'model' => $this->page,
+			'batch' => true,
+		]);
+
+		$this->app->impersonate('kirby');
+
+		$this->assertTrue($section->deleteSelected([
+			'test/a', 'test/b', 'test/c'
+		]));
+	}
+}

From 53070320c69b548d71b4e28cc024aa69fb881923 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 17:23:53 +0100
Subject: [PATCH 35/37] Improve the error messages for batch processes

---
 src/Cms/Files.php           |  3 ++-
 src/Cms/Pages.php           |  3 ++-
 src/Exception/Exception.php | 13 ++++++++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/Cms/Files.php b/src/Cms/Files.php
index 0dbf77d6fd..a0abf4c45f 100644
--- a/src/Cms/Files.php
+++ b/src/Cms/Files.php
@@ -113,7 +113,7 @@ public function delete(array $ids): void
 
 				if ($model instanceof File === false) {
 					throw new NotFoundException(
-						key: 'file.notFound'
+						key: 'file.undefined'
 					);
 				}
 
@@ -126,6 +126,7 @@ public function delete(array $ids): void
 		if ($exceptions !== []) {
 			throw new Exception(
 				key: 'file.delete.multiple',
+				details: $exceptions
 			);
 		}
 	}
diff --git a/src/Cms/Pages.php b/src/Cms/Pages.php
index f85f95c2b9..bbb1bbc70d 100644
--- a/src/Cms/Pages.php
+++ b/src/Cms/Pages.php
@@ -138,7 +138,7 @@ public function delete(array $ids): void
 
 				if ($model instanceof Page === false) {
 					throw new NotFoundException(
-						key: 'page.notFound'
+						key: 'page.undefined',
 					);
 				}
 
@@ -151,6 +151,7 @@ public function delete(array $ids): void
 		if ($exceptions !== []) {
 			throw new Exception(
 				key: 'page.delete.multiple',
+				details: $exceptions
 			);
 		}
 	}
diff --git a/src/Exception/Exception.php b/src/Exception/Exception.php
index 5d5927e752..2b8cbed421 100644
--- a/src/Exception/Exception.php
+++ b/src/Exception/Exception.php
@@ -172,7 +172,18 @@ final public function getData(): array
 	 */
 	final public function getDetails(): array
 	{
-		return $this->details;
+		$details = $this->details;
+
+		foreach ($details as $key => $detail) {
+			if ($detail instanceof Throwable) {
+				$details[$key] = [
+					'label'   => $key,
+					'message' => $detail->getMessage(),
+				];
+			}
+		}
+
+		return $details;
 	}
 
 	/**

From dab3a6d29ce4447a4dce3fe99d6716f7bdeb6aef Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Fri, 13 Dec 2024 17:30:24 +0100
Subject: [PATCH 36/37] Test the new getDetails behavior

---
 tests/Exception/ExceptionTest.php | 38 +++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/tests/Exception/ExceptionTest.php b/tests/Exception/ExceptionTest.php
index c58ff729e8..b61a9ea5c9 100644
--- a/tests/Exception/ExceptionTest.php
+++ b/tests/Exception/ExceptionTest.php
@@ -98,6 +98,44 @@ public function testDefaults()
 		$this->assertSame([], $exception->getDetails());
 	}
 
+	/**
+	 * @covers ::getDetails
+	 */
+	public function testGetDetails()
+	{
+		$exception = new Exception(
+			details: $details = [
+				[
+					'label'   => 'A',
+					'message'   => 'Message A',
+				]
+			]
+		);
+
+		$this->assertSame($details, $exception->getDetails());
+	}
+
+	/**
+	 * @covers ::getDetails
+	 */
+	public function testGetDetailsWithExceptions()
+	{
+		$exception = new Exception(
+			details: [
+				'A' => new Exception(message: 'Message A')
+			]
+		);
+
+		$expected = [
+			'A' => [
+				'label'   => 'A',
+				'message'   => 'Message A',
+			]
+		];
+
+		$this->assertSame($expected, $exception->getDetails());
+	}
+
 	/**
 	 * @covers ::__construct
 	 */

From febbef5942f9212f9e63fa20a927d3296778a729 Mon Sep 17 00:00:00 2001
From: Nico Hoffmann <me@nhoffmann.com>
Date: Tue, 17 Dec 2024 10:01:48 +0100
Subject: [PATCH 37/37] Add lab examples for selectable item

---
 panel/lab/components/item/1_list/index.vue     | 8 ++++++++
 panel/lab/components/item/2_cards/index.vue    | 9 +++++++++
 panel/lab/components/item/3_cardlets/index.vue | 9 +++++++++
 3 files changed, 26 insertions(+)

diff --git a/panel/lab/components/item/1_list/index.vue b/panel/lab/components/item/1_list/index.vue
index fc62ac1528..9bedcc3b86 100644
--- a/panel/lab/components/item/1_list/index.vue
+++ b/panel/lab/components/item/1_list/index.vue
@@ -69,6 +69,14 @@
 				width="1/2"
 			/>
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-item
+				:image="{ src: 'https://picsum.photos/800/600' }"
+				:selectable="true"
+				info="With some info"
+				text="This is a nice item"
+			/>
+		</k-lab-example>
 		<k-lab-example label="Theme: disabled">
 			<k-item
 				:image="{ src: 'https://picsum.photos/800/600' }"
diff --git a/panel/lab/components/item/2_cards/index.vue b/panel/lab/components/item/2_cards/index.vue
index b480e4e983..6b8d21849a 100644
--- a/panel/lab/components/item/2_cards/index.vue
+++ b/panel/lab/components/item/2_cards/index.vue
@@ -73,6 +73,15 @@
 				width="1/2"
 			/>
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-item
+				:image="{ src: 'https://picsum.photos/800/600' }"
+				:selectable="true"
+				layout="cards"
+				info="With some info"
+				text="This is a nice item"
+			/>
+		</k-lab-example>
 		<k-lab-example label="Theme: disabled">
 			<k-item
 				:image="{ src: 'https://picsum.photos/800/600' }"
diff --git a/panel/lab/components/item/3_cardlets/index.vue b/panel/lab/components/item/3_cardlets/index.vue
index a3b4e55428..33e2a11d14 100644
--- a/panel/lab/components/item/3_cardlets/index.vue
+++ b/panel/lab/components/item/3_cardlets/index.vue
@@ -77,6 +77,15 @@
 				width="1/2"
 			/>
 		</k-lab-example>
+		<k-lab-example label="Selectable">
+			<k-item
+				:image="{ src: 'https://picsum.photos/800/600' }"
+				:selectable="true"
+				layout="cardlets"
+				info="With some info"
+				text="This is a nice item"
+			/>
+		</k-lab-example>
 		<k-lab-example label="Theme: disabled">
 			<k-item
 				:image="{ src: 'https://picsum.photos/800/600' }"