@conduction/nextcloud-vue 2.144.0 → 2.145.0

package/dist/nextcloud-vue.cjs.js

@@ -5949,6 +5949,8 @@ var translations$c = {
 	"Absent today": "Vandaag afwezig",
 	"{message} until {time}": "{message} tot {time}",
 	Away: "Afwezig",
+	Present: "Aanwezig",
+	"Absent until {date}": "Afwezig tot {date}",
 	Busy: "Bezet",
 	"No one in the team": "Niemand in het team",
 	"Also replace the criteria with the current filters": "Vervang ook de criteria door de huidige filters",
@@ -98788,6 +98790,17 @@ const analyticsIntegration = {
 	defaultSize: { w: 4, h: 3 },
 };
 
+/**
+ * A changed value as an entry records it: OpenRegister writes `{ old, new }`,
+ * other sources the value itself.
+ *
+ * @param {unknown} value The recorded change.
+ * @return {unknown} The value it changed to.
+ */
+function newValueOf(value) {
+	return value !== null && typeof value === 'object' && Object.hasOwn(value, 'new') ? value.new : value
+}
+
 /**
  * @param {object} entry An audit entry.
  * @return {number} When it happened, in ms; 0 when unreadable.
@@ -98918,6 +98931,18 @@ var script$7D = {
 		 * @type {{[key: string]: {[value: string]: string}}|null}
 		 */
 		valueLabels: { type: Object, default: null },
+		/**
+		 * What happened, in words, by the field an entry changed: rules
+		 * `[{ action?, field, to?, label }]`, the first whose `field` the entry
+		 * changed (to `to`, when given) wins over `actionLabels`. A label fills
+		 * the same tokens, plus `{object.<path>}` from `object`
+		 * ("Version {object.version} published" for `isDraft` set to false).
+		 *
+		 * @type {Array<{action?: string, field: string, to?: unknown, label: string}>}
+		 */
+		changeLabels: { type: Array, default: () => [] },
+		/** The audited record, for `{object.<path>}` in a label; null without one. */
+		object: { type: Object, default: null },
 		/**
 		 * Records beside the object whose events belong in its history:
 		 * `[{ as, register, schema, filter, limit? }]`. The card lists the
@@ -99110,12 +99135,16 @@ var script$7D = {
 		 * @return {string} The line.
 		 */
 		formatAction(entry) {
-			const label = this.labelFor(entry);
+			const label = this.changeLabelFor(entry) ?? this.labelFor(entry);
 			if (label !== null) {
 				return label
 					.replace('{actor}', this.actorName(entry))
 					.replace('{state}', entry.stateAfter || '')
 					.replace(/\{changed\.([\w-]+)\}/g, (match, key) => this.changedValue(entry, key))
+					.replace(/\{object\.([\w.-]+)\}/g, (match, path) => {
+						const value = this.object ? readPath$8(this.object, path) : undefined;
+						return value === null || value === undefined || typeof value === 'object' ? '' : String(value)
+					})
 			}
 			const action = entry.action || entry.event || this.actionLabel;
 			return entry.stateAfter ? `${action} (${entry.stateAfter})` : action
@@ -99132,7 +99161,7 @@ var script$7D = {
 		 */
 		changedValue(entry, key) {
 			const changed = entry && typeof entry.changed === 'object' && entry.changed !== null ? entry.changed : {};
-			const value = changed[key];
+			const value = newValueOf(changed[key]);
 			if (value === null || value === undefined || typeof value === 'object') {
 				return ''
 			}
@@ -99140,6 +99169,31 @@ var script$7D = {
 			return words && typeof words[value] === 'string' ? words[value] : String(value)
 		},
 
+		/**
+		 * The `changeLabels` rule an entry matches: the first whose field the
+		 * entry changed, for its action and to its value when the rule names them.
+		 *
+		 * @param {object} entry The entry.
+		 * @return {string|null} The label, or null when no rule matches.
+		 */
+		changeLabelFor(entry) {
+			const changed = entry && typeof entry.changed === 'object' && entry.changed !== null ? entry.changed : {};
+			const action = entry.action || entry.event || '';
+			for (const rule of Array.isArray(this.changeLabels) ? this.changeLabels : []) {
+				if (!rule || typeof rule.label !== 'string' || rule.label === '' || typeof rule.field !== 'string' || !Object.hasOwn(changed, rule.field)) {
+					continue
+				}
+				if (rule.action && rule.action !== action) {
+					continue
+				}
+				if (Object.hasOwn(rule, 'to') && String(newValueOf(changed[rule.field])) !== String(rule.to)) {
+					continue
+				}
+				return rule.label
+			}
+			return null
+		},
+
 		/**
 		 * The `actionLabels` entry for an entry: by action and state first,
 		 * then by action.
@@ -99332,7 +99386,7 @@ function render$7C(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7D.render = render$7C;
-script$7D.__scopeId = "data-v-401394d1";
+script$7D.__scopeId = "data-v-7e58faa4";
 const __sfc_main$7x = script$7D;
 
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
@@ -143215,7 +143269,9 @@ function fillRowTemplate(template, row) {
  * template, "{case.title}") or `linkedField` (a path) fills the "Linked"
  * column, drawn when a kind declares one; `sourceConfig.linkedLabel` names it.
  * `subtitleTemplate` ("Case {identifier}", translated) fills the line under a
- * result, else `subtitleField`.
+ * result, else `subtitleField`; `subtitleResolve` (`{ field, schema, labelField,
+ * as }`) names a referenced object for it as `{as}`. `sourceConfig.titleWrap`
+ * wraps a long result title instead of cutting it.
  * `linkedUser: true` reads that value as a user id and shows the user's
  * display name. `sourceConfig.columnWidths` sets a width per column key.
  * The page's title and count line can name the term as `{term}`, and the
@@ -143332,9 +143388,32 @@ function searchSource(config = {}, context = {}) {
 		return ''
 	};
 
-	const subtitleOf = (kind, object) => {
+	// `subtitleResolve`: `{ field, schema, register?, labelField?, as }` names
+	// the object a reference points at, for the subtitle template as `{as}`.
+	const subtitleLabels = async (kind) => {
+		const resolve = kind.subtitleResolve;
+		if (!resolve || !resolve.schema || !resolve.field) {
+			return null
+		}
+		const objects = await fetchReferenceObjects({ register: resolve.register || kind.register, schema: resolve.schema }).catch(() => []);
+		const labels = new Map();
+		for (const object of objects) {
+			const id = object.id || object.uuid || (object['@self'] && object['@self'].id);
+			const label = readPath$8(object, resolve.labelField || 'title') ?? object.name;
+			if (id !== undefined && label !== undefined && label !== null) {
+				labels.set(String(id), String(label));
+			}
+		}
+		return labels
+	};
+
+	const subtitleOf = (kind, object, labels = null) => {
 		if (kind.subtitleTemplate) {
-			return fillTemplate(translate(kind.subtitleTemplate), object)
+			const resolve = kind.subtitleResolve;
+			const data = labels && resolve
+				? { ...object, [resolve.as || resolve.field]: labels.get(String(readPath$8(object, resolve.field) ?? '')) ?? '' }
+				: object;
+			return fillTemplate(translate(kind.subtitleTemplate), data)
 		}
 		return kind.subtitleField ? String(readPath$8(object, kind.subtitleField) ?? '') : ''
 	};
@@ -143353,6 +143432,7 @@ function searchSource(config = {}, context = {}) {
 		const results = Array.isArray(body.results) ? body.results : (Array.isArray(body) ? body : []);
 		const labels = kind.statusResolve && kind.statusField ? await statusLabels(kind) : null;
 		const userNames = kind.linkedUser === true ? await linkedUserNames(kind, results) : null;
+		const subtitleNames = await subtitleLabels(kind);
 		return {
 			total: typeof body.total === 'number' ? body.total : results.length,
 			rows: results.map((object) => {
@@ -143367,7 +143447,7 @@ function searchSource(config = {}, context = {}) {
 					kindLabel: kind.label,
 					kindText: kindTextOf(kind, object),
 					title: String(readPath$8(object, kind.titleField || 'title') ?? object.name ?? id ?? ''),
-					subtitle: subtitleOf(kind, object),
+					subtitle: subtitleOf(kind, object, subtitleNames),
 					status,
 					linked: userNames ? (userNames.get(linkedOf(kind, object)) || linkedOf(kind, object)) : linkedOf(kind, object),
 					href: kind.href ? router.generateUrl(fillRowTemplate(kind.href, { ...object, id })) : '',
@@ -143478,7 +143558,7 @@ function searchSource(config = {}, context = {}) {
 		loading: () => state.loading,
 
 		columns: withColumnWidths([
-			{ key: 'title', label: l10n.translate('nextcloud-vue', 'Result'), secondary: 'subtitle', sortable: true },
+			{ key: 'title', label: l10n.translate('nextcloud-vue', 'Result'), secondary: 'subtitle', sortable: true, ...(config && config.titleWrap === true ? { cellClass: 'cn-cell--wrap' } : {}) },
 			// `kindAsText`: what one row is, as plain text ("Zaak", "Lantaarnpaal",
 			// DqZoekresultaten), instead of the plural kind as a pill.
 			config && config.kindAsText === true
@@ -143725,10 +143805,10 @@ function usersSource() {
 		loading: () => state.loading,
 
 		columns: [
-			{ key: 'displayname', label: l10n.translate('nextcloud-vue', 'Employee'), secondary: 'function' },
-			{ key: 'roles', label: l10n.translate('nextcloud-vue', 'Roles') },
-			{ key: 'email', label: l10n.translate('nextcloud-vue', 'E-mail') },
-			{ key: 'today', label: l10n.translate('nextcloud-vue', 'Today'), widget: 'badge', widgetProps: { colorMap: presenceColors, variant: 'warning' } },
+			{ key: 'displayname', label: l10n.translate('nextcloud-vue', 'Employee'), secondary: 'function', sortable: true, cellClass: 'cn-cell--lead' },
+			{ key: 'roles', label: l10n.translate('nextcloud-vue', 'Roles'), sortable: true },
+			{ key: 'email', label: l10n.translate('nextcloud-vue', 'E-mail'), sortable: true },
+			{ key: 'today', label: l10n.translate('nextcloud-vue', 'Today'), widget: 'badge', widgetProps: { colorMap: presenceColors, variant: 'warning' }, sortable: true },
 		],
 
 		searchFields: {
@@ -184972,7 +185052,7 @@ var script$5G = {
 	components: { CnIcon: __sfc_main$8o, CnStatusBadge: __sfc_main$8g, NcButton: vue.NcButton },
 
 	props: {
-		/** The reported header: `{ pill, note, actions: [{ label, icon?, variant?, run }] }`. */
+		/** The reported header: `{ pill, note, actions: [{ label, icon?, variant?, add?, run }] }`; `add: true` marks a list's Add. */
 		header: {
 			type: Object,
 			required: true,
@@ -185038,7 +185118,7 @@ function render$5F(_ctx, _cache, $props, $setup, $data, $options) {
           : (vue$1.openBlock(), vue$1.createElementBlock("button", {
               key: 1,
               type: "button",
-              class: "cn-detail-page__catalog-action",
+              class: vue$1.normalizeClass(["cn-detail-page__catalog-action", { 'cn-detail-page__catalog-action--add': action.add === true }]),
               "data-testid": "cn-detail-widget-header-action",
               onClick: $event => (action.run())
             }, [
@@ -185050,14 +185130,14 @@ function render$5F(_ctx, _cache, $props, $setup, $data, $options) {
                   }, null, 8 /* PROPS */, ["name"]))
                 : vue$1.createCommentVNode("v-if", true),
               vue$1.createTextVNode(" " + vue$1.toDisplayString(action.label), 1 /* TEXT */)
-            ], 8 /* PROPS */, _hoisted_3$4Q))
+            ], 10 /* CLASS, PROPS */, _hoisted_3$4Q))
       ], 64 /* STABLE_FRAGMENT */))
     }), 128 /* KEYED_FRAGMENT */))
   ]))
 }
 
 script$5G.render = render$5F;
-script$5G.__scopeId = "data-v-3a30dc4a";
+script$5G.__scopeId = "data-v-7186a696";
 const __sfc_main$5A = script$5G;
 
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
@@ -185443,6 +185523,22 @@ var script$5F = {
 				.map(([key, text]) => [key, translate(text)]))
 		},
 
+		/**
+		 * `content.changeLabels`, each rule's label through the app's translate.
+		 *
+		 * @return {Array<object>}
+		 */
+		changeLabels() {
+			const rules = this.content.changeLabels;
+			if (!Array.isArray(rules)) {
+				return []
+			}
+			const translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (text) => text;
+			return rules
+				.filter((rule) => rule && typeof rule.label === 'string' && rule.label !== '')
+				.map((rule) => ({ ...rule, label: translate(rule.label) }))
+		},
+
 		/**
 		 * `content.footnote`, a muted line under the trail with the record's
 		 * fields filled in ("Reference {identifier}"); '' when a field is empty.
@@ -185553,15 +185649,17 @@ function render$5E(_ctx, _cache, $props, $setup, $data, $options) {
           excludeActions: $options.resolvedExcludeActions,
           actionLabels: $options.actionLabels,
           valueLabels: $options.valueLabels,
+          changeLabels: $options.changeLabels,
+          object: $options.ctx.object || $options.ctx.objectData || null,
           relatedSources: $options.relatedSources,
           footnote: $options.footnote
-        }, $options.emptyText ? { noEntriesLabel: $options.emptyText } : {}), null, 16 /* FULL_PROPS */, ["source", "endpoint", "register", "schema", "objectId", "scope", "title", "maxDisplay", "layout", "excludeActions", "actionLabels", "valueLabels", "relatedSources", "footnote"])
+        }, $options.emptyText ? { noEntriesLabel: $options.emptyText } : {}), null, 16 /* FULL_PROPS */, ["source", "endpoint", "register", "schema", "objectId", "scope", "title", "maxDisplay", "layout", "excludeActions", "actionLabels", "valueLabels", "changeLabels", "object", "relatedSources", "footnote"])
       ]))
     : vue$1.createCommentVNode("v-if", true)
 }
 
 script$5F.render = render$5E;
-script$5F.__scopeId = "data-v-6387051e";
+script$5F.__scopeId = "data-v-87ba40b4";
 const __sfc_main$5z = script$5F;
 
 /** Variants understood by NcNoteCard. */
@@ -198362,6 +198460,97 @@ function render$5f(_ctx, _cache, $props, $setup, $data, $options) {
 script$5g.render = render$5f;
 const __sfc_main$5a = script$5g;
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * Header sort and filter applied to rows the table already holds (an
+ * `endpointSource` table): the same `{ field, dir }` sort and
+ * `{ paramKey: values[] }` filter map a self-fetching table sends to the
+ * server, read here in the browser.
+ *
+ * @module utils/localHeaderRows
+ */
+
+
+/**
+ * A row value as one comparable scalar: an array counts as its joined items.
+ *
+ * @param {unknown} value The raw value.
+ * @return {string|number|null} The value to compare.
+ */
+function scalar(value) {
+	if (value === null || value === undefined) {
+		return null
+	}
+	if (Array.isArray(value)) {
+		return value.map((item) => (item && typeof item === 'object' ? (item.title || item.name || '') : String(item))).join(', ')
+	}
+	if (typeof value === 'number' || typeof value === 'boolean') {
+		return typeof value === 'boolean' ? String(value) : value
+	}
+	return typeof value === 'object' ? (value.title || value.name || '') : String(value)
+}
+
+/**
+ * Whether a row holds a value the filter entry asks for.
+ *
+ * @param {object} row The row.
+ * @param {string} param The filter key (`field`, `field[like]`, `field[gte]`, `field[lte]`).
+ * @param {Array<string>} values The chosen values.
+ * @return {boolean} True when the row passes.
+ */
+function passes$1(row, param, values) {
+	const match = /^(.+)\[(\w+)\]$/.exec(param);
+	const field = match ? match[1] : param;
+	const op = match ? match[2] : '';
+	const value = scalar(row[field]);
+	if (op === CONTAINS_OPERATOR) {
+		const term = String(values[0]).toLowerCase();
+		return value !== null && String(value).toLowerCase().includes(term)
+	}
+	if (op === 'gte' || op === 'lte') {
+		if (value === null) {
+			return false
+		}
+		const left = typeof value === 'number' ? value : String(value);
+		const right = typeof value === 'number' ? Number(values[0]) : String(values[0]);
+		return op === 'gte' ? left >= right : left <= right
+	}
+	return value !== null && values.map(String).includes(String(value))
+}
+
+/**
+ * The rows that pass every active header filter, in the header sort's order.
+ *
+ * @param {Array<object>} rows The rows.
+ * @param {{field: string, dir: string}|null} sort The header sort.
+ * @param {object} filters The header filters, `{ paramKey: values[] }`.
+ * @return {Array<object>} The rows to show (the same array when nothing applies).
+ */
+function localHeaderRows(rows, sort, filters) {
+	if (!Array.isArray(rows)) {
+		return []
+	}
+	const active = Object.entries(filters || {}).filter(([, values]) => Array.isArray(values) && values.length > 0);
+	let out = active.length > 0 ? rows.filter((row) => row && active.every(([param, values]) => passes$1(row, param, values))) : rows;
+	if (sort && sort.field) {
+		const sign = sort.dir === 'desc' ? -1 : 1;
+		out = [...out].sort((a, b) => {
+			const left = scalar(a && a[sort.field]);
+			const right = scalar(b && b[sort.field]);
+			if (left === null || right === null) {
+				return left === right ? 0 : (left === null ? 1 : -1)
+			}
+			if (typeof left === 'number' && typeof right === 'number') {
+				return sign * (left - right)
+			}
+			return sign * String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: 'base' })
+		});
+	}
+	return out
+}
+
 /**
  * SPDX-FileCopyrightText: 2026 Conduction B.V.
  * SPDX-License-Identifier: EUPL-1.2
@@ -199342,9 +199531,9 @@ var script$5f = {
 			if (this.endpointActive && this.columns.some((col) => col && typeof col === 'object' && col.labelPath)) {
 				inner.columns = this.labelledColumns(inner.columns || this.columns);
 			}
-			// Header sort and filter (`sortable`, `filterable`) only where the
-			// widget fetches its own rows: the server sorts and filters.
-			if (this.selfFetchActive && (this.sortable !== false || this.filterable)) {
+			// Header sort and filter (`sortable`, `filterable`): the server sorts
+			// and filters a self-fetch; endpoint rows are sorted and filtered here.
+			if ((this.selfFetchActive || this.endpointActive) && (this.sortable !== false || this.filterable)) {
 				inner.columns = withSortableColumns(inner.columns || this.columns, this.sortable);
 				inner.filterable = this.filterable;
 				inner.activeFilters = this.headerFilters;
@@ -199362,7 +199551,7 @@ var script$5f = {
 				}
 			}
 			if (this.endpointActive) {
-				inner.rows = this.endpointRows;
+				inner.rows = localHeaderRows(this.endpointRows, this.headerSort, this.headerFilters);
 				inner.loading = this.epLoading || this.loading;
 			}
 			if (this.rowRoute) {
@@ -199632,9 +199821,13 @@ var script$5f = {
 				return { ok: false, error: '' }
 			}
 			if (action.type !== 'object-op') {
-				const wrapped = (!action.type || action.type === 'handler')
-					? { ...action, args: [...(action.args || []), row] }
-					: action;
+				let wrapped = action;
+				if (!action.type || action.type === 'handler') {
+					wrapped = { ...action, args: [...(action.args || []), row] };
+				} else if (action.type === 'navigate' && row) {
+					// A row's navigate reads that row: `{objectId}` / `@objectId` is its id, `@object.<field>` its fields.
+					wrapped = { ...action, target: interpolateActionTarget(action.target, { objectId: row.id, object: row }) };
+				}
 				if (typeof this.cnDispatchAction === 'function') {
 					this.cnDispatchAction(wrapped);
 				} else {
@@ -199923,7 +200116,7 @@ function render$5e(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5f.render = render$5e;
-script$5f.__scopeId = "data-v-22886682";
+script$5f.__scopeId = "data-v-7115cd32";
 const __sfc_main$59 = script$5f;
 
 /**
@@ -243931,7 +244124,7 @@ function render$40(_ctx, _cache, $props, $setup, $data, $options) {
                     ? (vue$1.openBlock(), vue$1.createElementBlock("h3", _hoisted_4$37, vue$1.toDisplayString($options.heading), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   ($options.description)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_5$2K, vue$1.toDisplayString($options.description), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$2K, vue$1.toDisplayString($options.description), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ]),
                 ($options.hasHeaderActions)
@@ -244021,7 +244214,7 @@ function render$40(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
             : vue$1.createCommentVNode("v-if", true),
           ($options.hint)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_8$22, vue$1.toDisplayString($options.hint), 1 /* TEXT */))
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_8$22, vue$1.toDisplayString($options.hint), 1 /* TEXT */))
             : vue$1.createCommentVNode("v-if", true),
           ($data.error)
             ? (vue$1.openBlock(), vue$1.createBlock(_component_NcNoteCard, {
@@ -244072,7 +244265,7 @@ function render$40(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$41.render = render$40;
-script$41.__scopeId = "data-v-12407f1c";
+script$41.__scopeId = "data-v-0fa12b0e";
 const __sfc_main$41 = script$41;
 
 /**
@@ -245764,7 +245957,7 @@ var script$3_ = {
 		/**
 		 * The card title row's actions: the add button with `add.placement: "title"`.
 		 *
-		 * @return {Array<{label: string, icon: string, run: () => void}>} The actions.
+		 * @return {Array<{label: string, icon: string, add: boolean, run: () => void}>} The actions.
 		 */
 		titleActions() {
 			if (!(this.canAdd && this.addTrigger && this.addPlacement === 'title')) {
@@ -245773,7 +245966,7 @@ var script$3_ = {
 			const run = () => {
 				this.adding = !this.adding;
 			};
-			return [{ label: this.addLabel, icon: 'Plus', run }]
+			return [{ label: this.addLabel, icon: 'Plus', add: true, run }]
 		},
 
 		addLabel() {
@@ -247094,7 +247287,7 @@ function render$3Z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3_.render = render$3Z;
-script$3_.__scopeId = "data-v-91c65ff8";
+script$3_.__scopeId = "data-v-785b1f94";
 const __sfc_main$3_ = script$3_;
 
 /**
@@ -252222,7 +252415,7 @@ function unwrap$1(value) {
 var script$3Q = {
 	name: 'CnRecordListWidget',
 
-	components: { Check, ChevronRight, CnIcon: __sfc_main$8o, CnRecordNoteRows: __sfc_main$3R, CnStatusBadge: __sfc_main$8g, NcActionButton: vue.NcActionButton, NcActionLink: vue.NcActionLink, NcActions: vue.NcActions, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon },
+	components: { Check, ChevronRight, CnIcon: __sfc_main$8o, CnRecordNoteRows: __sfc_main$3R, CnStatusBadge: __sfc_main$8g, FilterOutline, NcActionButton: vue.NcActionButton, NcActionCheckbox: vue.NcActionCheckbox, NcActionLink: vue.NcActionLink, NcActions: vue.NcActions, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon },
 
 	inject: {
 		/** Detail-page object context (`{ objectId, object, register, schema }`). */
@@ -252287,6 +252480,8 @@ var script$3Q = {
 		 * without a value.
 		 * `density: "compact"` draws the rows 10px above and below, at least
 		 * 56px tall, with the title at 500 (DqProcesanalyse).
+		 * On `cards` it draws the small framed card: 12px 14px in, the title
+		 * 15px/700 with the pill at its end (DqInspectie).
 		 * `density: "stacked"` stands the rows 10px apart with no rule and no
 		 * row padding (DqDagAfsluiten "Morgen eerst").
 		 * In `rows`, `text` is a line under the meta line ("12 dagen stil"),
@@ -252382,6 +252577,8 @@ var script$3Q = {
 		return {
 			/** The reader's sort of a `table`: the column key and `ascending` or `descending`. */
 			tableSort: { key: '', dir: '' },
+			/** The reader's head filters of a `table`: `{ [columnKey]: cellTexts[] }`. */
+			tableFilters: {},
 			rows: [],
 			/** The `aggregates` figures per row id: `{ [rowId]: { [key]: value } }`. */
 			aggregateValues: {},
@@ -252756,7 +252953,16 @@ var script$3Q = {
 			const isTemplate = (value) => typeof value === 'string' || (Array.isArray(value) && value.length > 0 && value.every((entry) => typeof entry === 'string'));
 			return columns
 				.filter((col) => col && typeof col === 'object' && isTemplate(col.value))
-				.map((col, index) => ({ ...col, key: `col-${index}`, label: typeof col.label === 'string' ? this.translate(col.label) : '' }))
+				.map((col, index) => ({ ...col, key: `col-${index}`, label: typeof col.label === 'string' ? this.translate(col.label) : '', sortable: col.sortable === true || this.content?.sortable === true }))
+		},
+
+		/**
+		 * Whether the `table` heads filter (`content.filterable`).
+		 *
+		 * @return {boolean}
+		 */
+		tableFilterable() {
+			return this.content?.filterable === true
 		},
 
 		/**
@@ -252766,8 +252972,27 @@ var script$3Q = {
 		 * @spec openspec/changes/record-list-table/specs/record-list-table/spec.md#requirement-a-record-list-can-draw-its-rows-as-a-small-table
 		 */
 		tableRows() {
+			const rows = this.tableAllRows.filter((row) => Object.entries(this.tableFilters).every(([key, values]) => {
+				const index = this.tableColumns.findIndex((col) => col.key === key);
+				return values.length === 0 || index < 0 || values.includes(row.cells[index].text)
+			}));
+			const { key, dir } = this.tableSort;
+			const index = this.tableColumns.findIndex((col) => col.key === key);
+			if (index < 0 || !dir) {
+				return rows
+			}
+			const sign = dir === 'descending' ? -1 : 1;
+			return [...rows].sort((a, b) => sign * compareCells(a.cells[index].text, b.cells[index].text))
+		},
+
+		/**
+		 * Every `table` row, before the reader's head filters and sort.
+		 *
+		 * @return {Array<object>} `{ key, cells: [{ key, text, align, alert }] }`.
+		 */
+		tableAllRows() {
 			const indentPath = this.content?.indentPath;
-			const rows = this.items.map((item) => ({
+			return this.items.map((item) => ({
 				key: item.key,
 				row: item.row,
 				rowActions: this.rowActions.length > 0 ? this.rowActionsOf(item.row) : [],
@@ -252787,14 +253012,7 @@ var script$3Q = {
 						tone: text === '' ? '' : this.cellToneOf(col, item.row, text),
 					}
 				}),
-			}));
-			const { key, dir } = this.tableSort;
-			const index = this.tableColumns.findIndex((col) => col.key === key);
-			if (index < 0 || !dir) {
-				return rows
-			}
-			const sign = dir === 'descending' ? -1 : 1;
-			return [...rows].sort((a, b) => sign * compareCells(a.cells[index].text, b.cells[index].text))
+			}))
 		},
 
 		/**
@@ -253819,6 +254037,41 @@ var script$3Q = {
 			this.tableSort = { key, dir };
 		},
 
+		/**
+		 * The values a `table` column's head filter offers: each text the column holds, once.
+		 *
+		 * @param {string} key The column key.
+		 * @return {Array<string>} The texts, in row order.
+		 */
+		tableFilterOptions(key) {
+			const index = this.tableColumns.findIndex((col) => col.key === key);
+			if (index < 0) {
+				return []
+			}
+			return [...new Set(this.tableAllRows.map((row) => row.cells[index].text).filter((text) => text !== ''))]
+		},
+
+		/**
+		 * Keep or drop one value of a `table` column's head filter.
+		 *
+		 * @param {string} key The column key.
+		 * @param {string} value The cell text.
+		 */
+		toggleTableFilter(key, value) {
+			const current = this.tableFilters[key] || [];
+			this.tableFilters = { ...this.tableFilters, [key]: current.includes(value) ? current.filter((v) => v !== value) : [...current, value] };
+		},
+
+		/**
+		 * The accessible name of a column's head filter.
+		 *
+		 * @param {string} label The column label.
+		 * @return {string}
+		 */
+		filterLabelOf(label) {
+			return l10n.translate('nextcloud-vue', 'Filter by {column}', { column: label })
+		},
+
 		/**
 		 * The rows of a read with `flattenPath` set: each entry of the list at
 		 * that path on a record becomes a row, with the record at `@parent`.
@@ -254449,211 +254702,217 @@ const _hoisted_7$24 = {
   "data-testid": "cn-record-list-table"
 };
 const _hoisted_8$1T = ["aria-sort"];
-const _hoisted_9$1I = ["data-testid", "onClick"];
-const _hoisted_10$1x = {
+const _hoisted_9$1I = {
+  key: 0,
+  class: "cn-record-list__head"
+};
+const _hoisted_10$1x = ["data-testid", "onClick"];
+const _hoisted_11$1l = {
   class: "cn-record-list__sort-mark",
   "aria-hidden": "true"
 };
-const _hoisted_11$1l = {
+const _hoisted_12$1a = {
   key: 0,
   scope: "col",
   class: "cn-record-list__cell--actions"
 };
-const _hoisted_12$1a = {
+const _hoisted_13$$ = {
   key: 2,
   class: "cn-record-list__cell-text"
 };
-const _hoisted_13$$ = {
+const _hoisted_14$Z = {
   key: 3,
   class: "cn-record-list__cell-sub"
 };
-const _hoisted_14$Z = {
+const _hoisted_15$V = {
   key: 0,
   class: "cn-record-list__cell--actions"
 };
-const _hoisted_15$V = {
+const _hoisted_16$Q = {
   key: 7,
   class: "cn-record-list__checklist-wrap"
 };
-const _hoisted_16$Q = ["aria-valuenow", "aria-valuemax", "aria-label"];
-const _hoisted_17$M = {
+const _hoisted_17$M = ["aria-valuenow", "aria-valuemax", "aria-label"];
+const _hoisted_18$F = {
   class: "cn-record-list__check-mark",
   "aria-hidden": "true"
 };
-const _hoisted_18$F = { class: "cn-record-list__check-title" };
-const _hoisted_19$D = { class: "hidden-visually" };
-const _hoisted_20$y = {
+const _hoisted_19$D = { class: "cn-record-list__check-title" };
+const _hoisted_20$y = { class: "hidden-visually" };
+const _hoisted_21$x = {
   key: 0,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_21$x = ["id"];
 const _hoisted_22$x = ["id"];
-const _hoisted_23$u = ["aria-labelledby", "data-testid"];
-const _hoisted_24$s = {
+const _hoisted_23$u = ["id"];
+const _hoisted_24$s = ["aria-labelledby", "data-testid"];
+const _hoisted_25$o = {
   key: 0,
   class: "cn-record-list__row cn-record-list__row--action"
 };
-const _hoisted_25$o = {
+const _hoisted_26$m = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_26$m = {
+const _hoisted_27$i = {
   key: 1,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_27$i = { class: "cn-record-list__main" };
-const _hoisted_28$h = {
+const _hoisted_28$h = { class: "cn-record-list__main" };
+const _hoisted_29$g = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_29$g = {
+const _hoisted_30$g = {
   key: 3,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_30$g = {
+const _hoisted_31$f = {
   key: 4,
   class: "cn-record-list__pills"
 };
-const _hoisted_31$f = {
+const _hoisted_32$f = {
   key: 6,
   class: "cn-record-list__trailing"
 };
-const _hoisted_32$f = {
+const _hoisted_33$d = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_33$d = {
+const _hoisted_34$d = {
   key: 1,
   class: "cn-record-list__pill-start"
 };
-const _hoisted_34$d = {
+const _hoisted_35$c = {
   key: 2,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_35$c = { class: "cn-record-list__main" };
-const _hoisted_36$c = {
+const _hoisted_36$c = { class: "cn-record-list__main" };
+const _hoisted_37$b = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_37$b = {
+const _hoisted_38$b = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_38$b = {
+const _hoisted_39$9 = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-text"
 };
-const _hoisted_39$9 = {
+const _hoisted_40$7 = {
   key: 4,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_40$7 = { key: 1 };
-const _hoisted_41$5 = { key: 2 };
-const _hoisted_42$5 = {
+const _hoisted_41$5 = { key: 1 };
+const _hoisted_42$5 = { key: 2 };
+const _hoisted_43$5 = {
   key: 4,
   class: "cn-record-list__aside"
 };
-const _hoisted_43$5 = {
+const _hoisted_44$5 = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_44$5 = {
+const _hoisted_45$4 = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_45$4 = { class: "cn-record-list__card-head" };
-const _hoisted_46$4 = { class: "cn-record-list__card-title" };
-const _hoisted_47$4 = {
+const _hoisted_46$4 = { class: "cn-record-list__card-head" };
+const _hoisted_47$4 = { class: "cn-record-list__card-title" };
+const _hoisted_48$3 = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_48$3 = {
+const _hoisted_49$3 = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_49$3 = {
+const _hoisted_50$3 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_50$3 = {
+const _hoisted_51$2 = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_51$2 = {
+const _hoisted_52$2 = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_52$2 = {
+const _hoisted_53$2 = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_53$2 = {
+const _hoisted_54$2 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_54$2 = {
+const _hoisted_55$2 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_55$2 = {
+const _hoisted_56$2 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_56$2 = {
+const _hoisted_57$2 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_57$2 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_58$2 = {
+const _hoisted_58$2 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_59$2 = {
   key: 10,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_59$2 = { class: "cn-record-list__notice-text" };
-const _hoisted_60$2 = {
+const _hoisted_60$2 = { class: "cn-record-list__notice-text" };
+const _hoisted_61$2 = {
   key: 12,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_61$2 = ["href"];
-const _hoisted_62$1 = {
+const _hoisted_62$1 = ["href"];
+const _hoisted_63$1 = {
   key: 15,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_63$1 = {
+const _hoisted_64$1 = {
   class: "cn-record-list__group-heading",
   "data-testid": "cn-record-list-group-heading"
 };
-const _hoisted_64$1 = ["id"];
-const _hoisted_65$1 = {
+const _hoisted_65$1 = ["id"];
+const _hoisted_66$1 = {
   key: 0,
   class: "cn-record-list__footer-note",
   "data-testid": "cn-record-list-footer-note"
 };
-const _hoisted_66$1 = ["id"];
+const _hoisted_67$1 = ["id"];
 
 function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
   const _component_CnIcon = vue$1.resolveComponent("CnIcon");
+  const _component_FilterOutline = vue$1.resolveComponent("FilterOutline");
+  const _component_NcActionCheckbox = vue$1.resolveComponent("NcActionCheckbox");
+  const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_CnStatusBadge = vue$1.resolveComponent("CnStatusBadge");
   const _component_router_link = vue$1.resolveComponent("router-link");
   const _component_NcActionLink = vue$1.resolveComponent("NcActionLink");
   const _component_NcActionButton = vue$1.resolveComponent("NcActionButton");
-  const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_Check = vue$1.resolveComponent("Check");
   const _component_CnRecordNoteRows = vue$1.resolveComponent("CnRecordNoteRows");
   const _component_NcButton = vue$1.resolveComponent("NcButton");
@@ -254709,24 +254968,57 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-sort": col.sortable ? $options.sortStateOf(col.key) : undefined,
                             class: vue$1.normalizeClass({ 'cn-record-list__cell--end': col.align === 'end' })
                           }, [
-                            (col.sortable)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
-                                  key: 0,
-                                  type: "button",
-                                  class: "cn-record-list__sort",
-                                  "data-testid": `cn-record-list-sort-${col.key}`,
-                                  onClick: $event => ($options.toggleTableSort(col.key))
-                                }, [
-                                  vue$1.createTextVNode(vue$1.toDisplayString(col.label) + " ", 1 /* TEXT */),
-                                  vue$1.createElementVNode("span", _hoisted_10$1x, vue$1.toDisplayString($options.sortMarkOf(col.key)), 1 /* TEXT */)
-                                ], 8 /* PROPS */, _hoisted_9$1I))
+                            (col.sortable || $options.tableFilterable)
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$1I, [
+                                  (col.sortable)
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
+                                        key: 0,
+                                        type: "button",
+                                        class: "cn-record-list__sort",
+                                        "data-testid": `cn-record-list-sort-${col.key}`,
+                                        onClick: $event => ($options.toggleTableSort(col.key))
+                                      }, [
+                                        vue$1.createTextVNode(vue$1.toDisplayString(col.label) + " ", 1 /* TEXT */),
+                                        vue$1.createElementVNode("span", _hoisted_11$1l, vue$1.toDisplayString($options.sortMarkOf(col.key)), 1 /* TEXT */)
+                                      ], 8 /* PROPS */, _hoisted_10$1x))
+                                    : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                        vue$1.createTextVNode(vue$1.toDisplayString(col.label), 1 /* TEXT */)
+                                      ], 64 /* STABLE_FRAGMENT */)),
+                                  ($options.tableFilterable)
+                                    ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
+                                        key: 2,
+                                        class: "cn-record-list__head-filter",
+                                        "aria-label": $options.filterLabelOf(col.label),
+                                        "data-testid": `cn-record-list-filter-${col.key}`
+                                      }, {
+                                        icon: vue$1.withCtx(() => [
+                                          vue$1.createVNode(_component_FilterOutline, { size: 14 })
+                                        ]),
+                                        default: vue$1.withCtx(() => [
+                                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.tableFilterOptions(col.key), (option) => {
+                                            return (vue$1.openBlock(), vue$1.createBlock(_component_NcActionCheckbox, {
+                                              key: option,
+                                              modelValue: ($data.tableFilters[col.key] || []).includes(option),
+                                              "onUpdate:modelValue": $event => ($options.toggleTableFilter(col.key, option))
+                                            }, {
+                                              default: vue$1.withCtx(() => [
+                                                vue$1.createTextVNode(vue$1.toDisplayString(option), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                          }), 128 /* KEYED_FRAGMENT */))
+                                        ]),
+                                        _: 2 /* DYNAMIC */
+                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label", "data-testid"]))
+                                    : vue$1.createCommentVNode("v-if", true)
+                                ]))
                               : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                                   vue$1.createTextVNode(vue$1.toDisplayString(col.label), 1 /* TEXT */)
                                 ], 64 /* STABLE_FRAGMENT */))
                           ], 10 /* CLASS, PROPS */, _hoisted_8$1T))
                         }), 128 /* KEYED_FRAGMENT */)),
                         ($options.rowActions.length > 0)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_11$1l, vue$1.toDisplayString($options.rowActionsHeader), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_12$1a, vue$1.toDisplayString($options.rowActionsHeader), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
                       ])
                     ]),
@@ -254760,14 +255052,14 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                       ]),
                                       _: 2 /* DYNAMIC */
                                     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_12$1a, vue$1.toDisplayString(cell.text), 1 /* TEXT */)),
+                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_13$$, vue$1.toDisplayString(cell.text), 1 /* TEXT */)),
                               (cell.sub)
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_13$$, vue$1.toDisplayString(cell.sub), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$Z, vue$1.toDisplayString(cell.sub), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ], 6 /* CLASS, STYLE */))
                           }), 128 /* KEYED_FRAGMENT */)),
                           ($options.rowActions.length > 0)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_14$Z, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_15$V, [
                                 (item.rowActions.length > 0)
                                   ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
                                       key: 0,
@@ -254815,7 +255107,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                   ]))
                 : ($options.presentation === 'checklist')
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$V, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$Q, [
                       ($props.content.progress)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                             key: 0,
@@ -254831,7 +255123,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-record-list__checklist-fill",
                               style: vue$1.normalizeStyle({ width: `${$options.checklistPercent}%` })
                             }, null, 4 /* STYLE */)
-                          ], 8 /* PROPS */, _hoisted_16$Q))
+                          ], 8 /* PROPS */, _hoisted_17$M))
                         : vue$1.createCommentVNode("v-if", true),
                       vue$1.createElementVNode("ul", {
                         class: "cn-record-list__checklist",
@@ -254844,7 +255136,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                             class: vue$1.normalizeClass(["cn-record-list__check", { 'cn-record-list__check--done': $options.isChecked(item.row) }]),
                             "data-testid": "cn-record-list-check"
                           }, [
-                            vue$1.createElementVNode("span", _hoisted_17$M, [
+                            vue$1.createElementVNode("span", _hoisted_18$F, [
                               ($options.isChecked(item.row))
                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_Check, {
                                     key: 0,
@@ -254852,8 +255144,8 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                   }))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]),
-                            vue$1.createElementVNode("span", _hoisted_18$F, vue$1.toDisplayString(item.title), 1 /* TEXT */),
-                            vue$1.createElementVNode("span", _hoisted_19$D, vue$1.toDisplayString($options.isChecked(item.row) ? $options.doneLabel : $options.openLabel), 1 /* TEXT */)
+                            vue$1.createElementVNode("span", _hoisted_19$D, vue$1.toDisplayString(item.title), 1 /* TEXT */),
+                            vue$1.createElementVNode("span", _hoisted_20$y, vue$1.toDisplayString($options.isChecked(item.row) ? $options.doneLabel : $options.openLabel), 1 /* TEXT */)
                           ], 2 /* CLASS */))
                         }), 128 /* KEYED_FRAGMENT */))
                       ], 4 /* STYLE */)
@@ -254871,12 +255163,12 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                           key: group.key
                         }, [
                           (group.label && $options.footerGroup !== '' && group.value === $options.footerGroup)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$y, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$x, [
                                 vue$1.createElementVNode("h3", {
                                   id: group.headingId,
                                   class: "cn-record-list__group-heading",
                                   "data-testid": "cn-record-list-group-heading"
-                                }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_21$x),
+                                }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_22$x),
                                 vue$1.createVNode(_component_NcButton, {
                                   variant: "secondary",
                                   class: vue$1.normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -254910,7 +255202,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                   id: group.headingId,
                                   class: "cn-record-list__group-heading",
                                   "data-testid": "cn-record-list-group-heading"
-                                }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_22$x))
+                                }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_23$u))
                               : vue$1.createCommentVNode("v-if", true),
                           (group.items.length > 0)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("ul", {
@@ -254926,12 +255218,12 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                     "data-testid": "cn-record-list-item"
                                   }, [
                                     ($options.presentation === 'rows' && item.action)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$s, [
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$o, [
                                           (item.leading)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$o, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$m, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.initials)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$m, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$i, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.dot)
                                             ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -254942,7 +255234,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                 "data-testid": "cn-record-list-dot"
                                               }, null, 4 /* STYLE */))
                                             : vue$1.createCommentVNode("v-if", true),
-                                          vue$1.createElementVNode("span", _hoisted_27$i, [
+                                          vue$1.createElementVNode("span", _hoisted_28$h, [
                                             (item.title)
                                               ? (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({
                                                   key: 0,
@@ -254955,14 +255247,14 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                 }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                               : vue$1.createCommentVNode("v-if", true),
                                             (item.meta)
-                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$h, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$g, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                               : vue$1.createCommentVNode("v-if", true)
                                           ]),
                                           (item.flag)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$g, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$g, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.pill || item.badges.length > 0)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$g, [
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_31$f, [
                                                 (item.pill)
                                                   ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                                       key: 0,
@@ -254990,7 +255282,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                               }, vue$1.toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.trailing)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_31$f, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$f, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.action.tag), vue$1.mergeProps({
                                             class: ["cn-record-list__action", { 'cn-record-list__action--outlined': $options.rowActionOutlined }]
@@ -255008,10 +255300,10 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                           }, { ref_for: true }, item.attrs), {
                                             default: vue$1.withCtx(() => [
                                               (item.leading)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$f, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_33$d, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               ($options.pillFirst && item.pill)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_33$d, [
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_34$d, [
                                                     vue$1.createVNode(_component_CnStatusBadge, {
                                                       label: item.pill.label,
                                                       variant: item.pill.variant,
@@ -255020,7 +255312,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                   ]))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.initials)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_34$d, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_35$c, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.dot)
                                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -255031,15 +255323,15 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                     "data-testid": "cn-record-list-dot"
                                                   }, null, 4 /* STYLE */))
                                                 : vue$1.createCommentVNode("v-if", true),
-                                              vue$1.createElementVNode("span", _hoisted_35$c, [
+                                              vue$1.createElementVNode("span", _hoisted_36$c, [
                                                 (item.title)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_36$c, vue$1.toDisplayString(item.title), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_37$b, vue$1.toDisplayString(item.title), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (item.meta)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_37$b, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_38$b, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (item.text)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_38$b, vue$1.toDisplayString(item.text), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_39$9, vue$1.toDisplayString(item.text), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (item.due && $options.dueBelow)
                                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -255049,7 +255341,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                     }, vue$1.toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (item.links.length > 0)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_39$9, [
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_40$7, [
                                                       vue$1.createTextVNode(vue$1.toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
                                                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.links, (link, linkIndex) => {
                                                         return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
@@ -255065,9 +255357,9 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 ]),
                                                                 _: 2 /* DYNAMIC */
                                                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                            : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_40$7, vue$1.toDisplayString(link.label), 1 /* TEXT */)),
+                                                            : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_41$5, vue$1.toDisplayString(link.label), 1 /* TEXT */)),
                                                           (linkIndex < item.links.length - 1)
-                                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_41$5, ", "))
+                                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_42$5, ", "))
                                                             : vue$1.createCommentVNode("v-if", true)
                                                         ], 64 /* STABLE_FRAGMENT */))
                                                       }), 128 /* KEYED_FRAGMENT */))
@@ -255075,9 +255367,9 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                   : vue$1.createCommentVNode("v-if", true)
                                               ]),
                                               ((item.pill && !$options.pillFirst) || item.badges.length > 0 || (item.due && !$options.dueBelow) || item.trailing || item.flag)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_42$5, [
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_43$5, [
                                                     (item.flag)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_43$5, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$5, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
                                                       : vue$1.createCommentVNode("v-if", true),
                                                     (item.pill && !$options.pillFirst)
                                                       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
@@ -255104,7 +255396,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, vue$1.toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                       : vue$1.createCommentVNode("v-if", true),
                                                     (item.trailing)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$5, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_45$4, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                                       : vue$1.createCommentVNode("v-if", true)
                                                   ]))
                                                 : vue$1.createCommentVNode("v-if", true),
@@ -255195,8 +255487,8 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                               class: ["cn-record-list__card", { 'cn-record-list__card--link': item.tag !== 'div' }]
                                             }, { ref_for: true }, item.attrs, { "data-testid": "cn-record-list-card" }), {
                                               default: vue$1.withCtx(() => [
-                                                vue$1.createElementVNode("span", _hoisted_45$4, [
-                                                  vue$1.createElementVNode("span", _hoisted_46$4, [
+                                                vue$1.createElementVNode("span", _hoisted_46$4, [
+                                                  vue$1.createElementVNode("span", _hoisted_47$4, [
                                                     ($options.cardIcons)
                                                       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnIcon, {
                                                           key: 0,
@@ -255206,11 +255498,11 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, null, 8 /* PROPS */, ["name"]))
                                                       : vue$1.createCommentVNode("v-if", true),
                                                     (item.title)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_47$4, vue$1.toDisplayString(item.title), 1 /* TEXT */))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_48$3, vue$1.toDisplayString(item.title), 1 /* TEXT */))
                                                       : vue$1.createCommentVNode("v-if", true)
                                                   ]),
                                                   (item.pill || item.badges.length > 0)
-                                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_48$3, [
+                                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_49$3, [
                                                         (item.pill)
                                                           ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                                               key: 0,
@@ -255232,17 +255524,17 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                     : vue$1.createCommentVNode("v-if", true)
                                                 ]),
                                                 (item.meta)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_49$3, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_50$3, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (item.trailing)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_50$3, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_51$2, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true)
                                               ]),
                                               _: 2 /* DYNAMIC */
                                             }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                           : ($options.presentation === 'feed')
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_51$2, [
-                                                vue$1.createElementVNode("span", _hoisted_52$2, [
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_52$2, [
+                                                vue$1.createElementVNode("span", _hoisted_53$2, [
                                                   vue$1.createVNode(_component_CnIcon, {
                                                     name: item.icon,
                                                     size: 18
@@ -255251,18 +255543,18 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                                 (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
                                                   default: vue$1.withCtx(() => [
                                                     (item.meta)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_53$2, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_54$2, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                                       : vue$1.createCommentVNode("v-if", true),
                                                     (item.text)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_54$2, vue$1.toDisplayString(item.text), 1 /* TEXT */))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_55$2, vue$1.toDisplayString(item.text), 1 /* TEXT */))
                                                       : vue$1.createCommentVNode("v-if", true)
                                                   ]),
                                                   _: 2 /* DYNAMIC */
                                                 }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
                                               ]))
-                                            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_55$2, [
+                                            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_56$2, [
                                                 (item.label)
-                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_56$2, vue$1.toDisplayString(item.label), 1 /* TEXT */))
+                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_57$2, vue$1.toDisplayString(item.label), 1 /* TEXT */))
                                                   : vue$1.createCommentVNode("v-if", true),
                                                 (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({ class: "cn-record-list__inline-title" }, { ref_for: true }, item.attrs), {
                                                   default: vue$1.withCtx(() => [
@@ -255286,16 +255578,16 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                             class: "cn-record-list__bar-fill",
                                             style: vue$1.normalizeStyle({ width: `${item.bar.share}%` })
                                           }, null, 4 /* STYLE */)
-                                        ], 10 /* CLASS, PROPS */, _hoisted_57$2))
+                                        ], 10 /* CLASS, PROPS */, _hoisted_58$2))
                                       : vue$1.createCommentVNode("v-if", true)
                                   ]))
                                 }), 128 /* KEYED_FRAGMENT */))
-                              ], 10 /* CLASS, PROPS */, _hoisted_23$u))
+                              ], 10 /* CLASS, PROPS */, _hoisted_24$s))
                             : vue$1.createCommentVNode("v-if", true)
                         ], 64 /* STABLE_FRAGMENT */))
                       }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_58$2, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_59$2, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.footnoteTone && $options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
       ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -255309,10 +255601,10 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__notice-icon",
             "aria-hidden": "true"
           }, null, 8 /* PROPS */, ["name"]),
-          vue$1.createElementVNode("p", _hoisted_59$2, vue$1.toDisplayString($options.footnote), 1 /* TEXT */)
+          vue$1.createElementVNode("p", _hoisted_60$2, vue$1.toDisplayString($options.footnote), 1 /* TEXT */)
         ], 2 /* CLASS */))
       : ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
-        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_60$2, vue$1.toDisplayString($options.footnote), 1 /* TEXT */))
+        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_61$2, vue$1.toDisplayString($options.footnote), 1 /* TEXT */))
         : vue$1.createCommentVNode("v-if", true),
     ($options.footerLink && $options.footerLink.to)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_router_link, {
@@ -255332,11 +255624,11 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__footer-link",
             href: $options.footerLink.href,
             "data-testid": "cn-record-list-footer-link"
-          }, vue$1.toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_61$2))
+          }, vue$1.toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_62$1))
         : vue$1.createCommentVNode("v-if", true),
     ($options.footerGroupHead && $data.rows.length === 0 && !$data.error && !$data.loading)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_62$1, [
-          vue$1.createElementVNode("h3", _hoisted_63$1, vue$1.toDisplayString($options.footerGroupHead), 1 /* TEXT */),
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_63$1, [
+          vue$1.createElementVNode("h3", _hoisted_64$1, vue$1.toDisplayString($options.footerGroupHead), 1 /* TEXT */),
           vue$1.createVNode(_component_NcButton, {
             variant: "secondary",
             class: vue$1.normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -255371,7 +255663,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
           id: $data.footerReasonId,
           class: "cn-record-list__footer-reason",
           "data-testid": "cn-record-list-footer-reason"
-        }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_64$1))
+        }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_65$1))
       : vue$1.createCommentVNode("v-if", true),
     ($options.footerAction && $options.footerGroup === '' && !$data.error)
       ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -255380,7 +255672,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-record-list-footer"
         }, [
           ($options.footerAction.note)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_65$1, vue$1.toDisplayString($options.footerAction.note), 1 /* TEXT */))
+            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_66$1, vue$1.toDisplayString($options.footerAction.note), 1 /* TEXT */))
             : vue$1.createCommentVNode("v-if", true),
           vue$1.createVNode(_component_NcButton, {
             variant: "secondary",
@@ -255415,7 +255707,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_66$1))
+              }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_67$1))
             : vue$1.createCommentVNode("v-if", true)
         ], 2 /* CLASS */))
       : vue$1.createCommentVNode("v-if", true)
@@ -255423,7 +255715,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3Q.render = render$3P;
-script$3Q.__scopeId = "data-v-544b79cd";
+script$3Q.__scopeId = "data-v-8b7be6f2";
 const __sfc_main$3Q = script$3Q;
 
 /**
@@ -263404,15 +263696,23 @@ var script$3A = {
 		 */
 		/**
 		 * The value an input starts with: `content.default`, else the current
-		 * quarter or year for those types, else empty.
+		 * quarter or year for those types, else empty. For a quarter or year
+		 * input, `default: "previous"` is the last complete one (DqTermijnen
+		 * opens on the last complete quarter).
 		 *
 		 * @return {string}
 		 */
 		inputDefault() {
+			const today = new Date();
+			if (this.content.default === 'previous' && this.inputType === 'quarter') {
+				return quarterKey(new Date(today.getFullYear(), today.getMonth() - 3, 1))
+			}
+			if (this.content.default === 'previous' && this.inputType === 'year') {
+				return String(today.getFullYear() - 1)
+			}
 			if (this.content.default !== undefined && this.content.default !== null) {
 				return String(this.content.default)
 			}
-			const today = new Date();
 			if (this.inputType === 'quarter') {
 				return quarterKey(today)
 			}
@@ -263748,7 +264048,7 @@ function render$3z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3A.render = render$3z;
-script$3A.__scopeId = "data-v-59cf3a24";
+script$3A.__scopeId = "data-v-476982f2";
 const __sfc_main$3A = script$3A;
 
 /**
@@ -268569,6 +268869,20 @@ var script$3p = {
 			return INPUT_TYPES.includes(this.kind) ? this.kind : 'text'
 		},
 
+		/**
+		 * The number input's step: the field's own, 1 for a whole number, else
+		 * any, so a decimal value (0.8) is not invalid to the browser.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/settings-number-decimal-step/specs/settings-fields/spec.md#requirement-a-number-setting-steps-as-it-is-declared
+		 */
+		numberStep() {
+			if (typeof this.field.step === 'number' || (typeof this.field.step === 'string' && this.field.step !== '')) {
+				return String(this.field.step)
+			}
+			return this.field.integer ? '1' : 'any'
+		},
+
 		/** @return {string} The label. */
 		label() {
 			return String(this.field.label || this.field.key || '')
@@ -269413,12 +269727,13 @@ function render$3o(_ctx, _cache, $props, $setup, $data, $options) {
                                     type: "number",
                                     min: $props.field.min,
                                     max: $props.field.max,
+                                    step: $options.numberStep,
                                     modelValue: $options.stringValue,
                                     readonly: $props.field.readOnly,
                                     error: !!$props.error,
                                     "aria-describedby": $options.describedBy,
                                     "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ($options.emitValue($event === '' ? null : Number($event))))
-                                  }, null, 8 /* PROPS */, ["id", "label", "min", "max", "modelValue", "readonly", "error", "aria-describedby"]))
+                                  }, null, 8 /* PROPS */, ["id", "label", "min", "max", "step", "modelValue", "readonly", "error", "aria-describedby"]))
                                 : (vue$1.openBlock(), vue$1.createBlock(_component_NcTextField, {
                                     key: 14,
                                     id: $options.inputId,
@@ -269449,7 +269764,7 @@ function render$3o(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3p.render = render$3o;
-script$3p.__scopeId = "data-v-2f16c603";
+script$3p.__scopeId = "data-v-d11dd994";
 const __sfc_main$3p = script$3p;
 
 /**
@@ -322371,6 +322686,21 @@ function formatIsoDuration(value) {
 	return words[period.unit] ? words[period.unit]() : String(value)
 }
 
+/**
+ * A Nextcloud user id as its display name (`userName` registry key): the id
+ * while the name is looked up, and for a user nobody answers for.
+ *
+ * @spec openspec/changes/user-name-formatter/specs/user-name-formatter/spec.md#requirement-a-user-id-can-read-as-its-display-name
+ * @param {unknown} value The user id.
+ * @return {string} The display name, the id, or ''.
+ */
+function formatUserName(value) {
+	if (value === null || value === undefined || value === '' || typeof value === 'object') {
+		return ''
+	}
+	return userDisplayName(value) || String(value)
+}
+
 const BUILT_IN_FORMATTERS = {
 	date: formatDate,
 	datetime: formatDateTime,
@@ -322386,6 +322716,7 @@ const BUILT_IN_FORMATTERS = {
 	masked: formatMasked,
 	isoDuration: formatIsoDuration,
 	valueMap: formatValueMap,
+	userName: formatUserName,
 };
 
 /**
@@ -360510,7 +360841,7 @@ var script$20 = {
 				// through the app's label lookup.
 				const countText = this.presentedCountText;
 				// The note after the breadcrumb already says how many there are.
-				if (!countText && !this.countSubtitle && this.headerMetaCarriesCount) {
+				if (!countText && !this.countSubtitle && (this.headerMetaCarriesCount || this.showCount === false)) {
 					return this.description
 				}
 				if (!countText && !this.countSubtitle) {
@@ -361447,9 +361778,12 @@ var script$20 = {
 			}
 			const sorted = [...groups].sort((a, b) => b.count - a.count);
 			const total = sorted.reduce((sum, g) => sum + g.count, 0);
+			// Each tab asks to be counted as the list counts it (within the
+			// active filters, through the list endpoint); the grouped number,
+			// over the page filter only, stands until that count arrives.
 			this.generatedQuickFilters = [
-				{ label: from.allLabel || l10n.translate('nextcloud-vue', 'All'), filter: {}, default: true, count: total },
-				...sorted.map((g) => ({ label: (labels && labels[g.key]) || g.key, filter: { [from.field]: g.key }, count: g.count })),
+				{ label: from.allLabel || l10n.translate('nextcloud-vue', 'All'), filter: {}, default: true, count: total, showCount: true },
+				...sorted.map((g) => ({ label: (labels && labels[g.key]) || g.key, filter: { [from.field]: g.key }, count: g.count, showCount: true })),
 			];
 		},
 
@@ -378385,6 +378719,7 @@ function render$1L(_ctx, _cache, $props, $setup, $data, $options) {
                         name: "icon",
                         fn: vue$1.withCtx(() => [
                           vue$1.createVNode(_component_CnIcon, {
+                            class: "cn-action-dialog__note-icon",
                             name: $props.config.note.icon,
                             size: 20
                           }, null, 8 /* PROPS */, ["name"])
@@ -378405,7 +378740,7 @@ function render$1L(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1M.render = render$1L;
-script$1M.__scopeId = "data-v-60a1dc8f";
+script$1M.__scopeId = "data-v-105a37b4";
 const __sfc_main$1M = script$1M;
 
 var CnActionDialog = /*#__PURE__*/Object.freeze({
@@ -443772,7 +444107,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$d.render = render$d;
-script$d.__scopeId = "data-v-ebb6783e";
+script$d.__scopeId = "data-v-93dc585a";
 const __sfc_main$d = script$d;
 
 let titleIdCounter = 0;