@conduction/nextcloud-vue 2.137.0 → 2.138.0

package/l10n/en.json

@@ -2377,7 +2377,8 @@
     "Talk to {agent}": "Talk to {agent}",
     "Search a person or group": "Search a person or group",
     "Now: by {order}.": "Now: by {order}.",
-    "You save the order along with a view.": "You save the order along with a view."
+    "You save the order along with a view.": "You save the order along with a view.",
+    "me": "me"
   },
   "plurals": {
     "{count} member": [
@@ -2578,6 +2579,14 @@
     "within %n day": [
       "within %n day",
       "within %n days"
+    ],
+    "%n other": [
+      "%n other",
+      "%n others"
+    ],
+    "{names} has no location, so it is not on the map.": [
+      "{names} has no location, so it is not on the map.",
+      "{names} have no location, so they are not on the map."
     ]
   }
 }

package/l10n/nl.json

@@ -2627,7 +2627,8 @@
     "Talk to {agent}": "Praten met {agent}",
     "Search a person or group": "Zoek een persoon of groep",
     "Now: by {order}.": "Nu: op {order}.",
-    "You save the order along with a view.": "De sortering bewaart u mee in een weergave."
+    "You save the order along with a view.": "De sortering bewaart u mee in een weergave.",
+    "me": "ik"
   },
   "plurals": {
     "{count} member": [
@@ -2845,6 +2846,14 @@
     "within %n day": [
       "binnen %n dag",
       "binnen %n dagen"
+    ],
+    "%n other": [
+      "%n andere",
+      "%n andere"
+    ],
+    "{names} has no location, so it is not on the map.": [
+      "{names} heeft geen locatie, dus staat niet op de kaart.",
+      "{names} hebben geen locatie, dus staan ze niet op de kaart."
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.137.0",
+  "version": "2.138.0",
   "description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
   "homepage": "https://github.com/ConductionNL/nextcloud-vue#readme",
   "bugs": {

package/src/components/CnCellRenderer/CnCellRenderer.vue

@@ -639,7 +639,7 @@ export default {
 		 * type-aware rendering, so a manifest column can opt into currency or a
 		 * colour swatch without registering a function.
 		 *
-		 * @type {{style?: 'currency'|'number'|'percent'|'duration'|'swatch', currency?: string, decimals?: number, unit?: 'milliseconds'|'seconds'|'minutes'|'hours', prefix?: string, suffix?: string, colorField?: string}}
+		 * @type {{style?: 'currency'|'number'|'decimal'|'percent'|'duration'|'swatch', currency?: string, decimals?: number, unit?: 'milliseconds'|'seconds'|'minutes'|'hours', prefix?: string, suffix?: string, colorField?: string}}
 		 */
 		format: {
 			type: Object,
@@ -1709,9 +1709,9 @@ export default {
 			return typeof s === 'string' ? s : null
 		},
 
-		/** True when a built-in NUMERIC format (currency/number/percent/duration) applies. */
+		/** True when a built-in NUMERIC format (currency/number/decimal/percent/duration) applies. */
 		hasBuiltinFormat() {
-			return ['currency', 'number', 'percent', 'duration'].includes(this.formatStyle)
+			return ['currency', 'number', 'decimal', 'percent', 'duration'].includes(this.formatStyle)
 		},
 
 		/** True when this cell renders as a colour swatch (`format.style:"swatch"`). */
@@ -1916,9 +1916,11 @@ export default {
 			if (!Number.isFinite(num)) {
 				return formatValue(this.value, this.property, { truncate: this.truncate })
 			}
+			// `decimal` defaults to one fraction digit, as formatMetricValue does.
+			const defaultDecimals = { currency: 2, decimal: 1 }
 			const decimals = Number.isFinite(fmt.decimals)
 				? fmt.decimals
-				: (fmt.style === 'currency' ? 2 : 0)
+				: (defaultDecimals[fmt.style] ?? 0)
 			let body
 			if (fmt.style === 'currency') {
 				// `format.currencyField` reads the code from the row's own field.

package/src/components/CnDetailCard/CnDetailCard.md

@@ -84,6 +84,7 @@ With footer slot:
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `icon` | Object\|Function | `null` | Optional MDI icon component rendered in the card header |
+| `subtitle` | String | `''` | A muted line under the title, as given (translate before passing). No line when empty. |
 
 | Slot | Description |
 |------|-------------|

package/src/components/CnDetailCard/CnDetailCard.vue

@@ -22,7 +22,13 @@
 						:size="20"
 						class="cn-detail-card__icon" />
 				</slot>
-				<h3 class="cn-detail-card__title">
+				<div v-if="subtitle" class="cn-detail-card__heading">
+					<h3 class="cn-detail-card__title">
+						{{ title }}
+					</h3>
+					<span class="cn-detail-card__subtitle" data-testid="cn-detail-card-subtitle">{{ subtitle }}</span>
+				</div>
+				<h3 v-else class="cn-detail-card__title">
 					{{ title }}
 				</h3>
 			</div>
@@ -125,6 +131,12 @@ export default {
 			default: '',
 		},
 
+		/** A muted line under the title, as given (translate before passing). */
+		subtitle: {
+			type: String,
+			default: '',
+		},
+
 		/** Optional MDI icon component for the header */
 		icon: {
 			type: [Object, Function],
@@ -247,6 +259,18 @@ export default {
 	flex-shrink: 0;
 }
 
+.cn-detail-card__heading {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+}
+
+.cn-detail-card__subtitle {
+	font-size: 13px;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+}
+
 .cn-detail-card__title {
 	font-weight: 600;
 	font-size: 14px;

package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue

@@ -1444,6 +1444,7 @@ export default {
 				objectId: this.objectId,
 				object: this.object,
 				config: unwrapAppConfig(this.cnAppConfig),
+				context: (this.cnDetailVisibilityRows && this.cnDetailVisibilityRows.value) || null,
 			})
 		},
 
@@ -1510,6 +1511,7 @@ export default {
 				// prints its title as given.
 				title: this.translateLabel(this.widget?.title || ''),
 				...this.leafTitleLabel,
+				...(this.widgetSubtitle ? { subtitle: this.translateLabel(this.widgetSubtitle) } : {}),
 				// A provider opting into `bareWidget` is being rendered where the
 				// tab strip already supplies the card and the title, so tell it to
 				// drop its own. Without this the panel gets a titled card inside

package/src/components/CnFilesBrowser/CnFilesBrowser.vue

@@ -1128,6 +1128,21 @@ export default {
 			default: '',
 		},
 
+		/**
+		 * The second line as a list of fields joined with " · ", a field
+		 * without a value left out: the `nameSecondary` tokens without their
+		 * braces (`["type", "size", "modified|date"]`, a row-data field such as
+		 * `"senderName"`). Or a list of variants `{ when, fields }`: the first
+		 * whose `when` is `true`, or that has no `when`, is used (a case type
+		 * flag read through `@context`). Takes precedence over `nameSecondary`.
+		 *
+		 * @spec openspec/changes/files-second-line-fields/specs/files-second-line-fields/spec.md#requirement-a-files-second-line-is-a-list-of-fields
+		 */
+		secondLine: {
+			type: Array,
+			default: null,
+		},
+
 		/** The line `dropHint` shows. */
 		dropHintLabel: {
 			type: String,
@@ -1526,6 +1541,26 @@ export default {
 		 *
 		 * @return {Array<object>} The file nodes.
 		 */
+		/**
+		 * The fields `secondLine` names for this browser: the list itself, or
+		 * the fields of its first variant whose `when` is `true` or absent.
+		 * Null without `secondLine` or a matching variant.
+		 *
+		 * @return {Array<string>|null}
+		 * @spec openspec/changes/files-second-line-fields/specs/files-second-line-fields/spec.md#requirement-a-files-second-line-is-a-list-of-fields
+		 */
+		secondLineFields() {
+			const list = Array.isArray(this.secondLine) ? this.secondLine : []
+			if (list.length === 0) {
+				return null
+			}
+			if (list.every((item) => typeof item === 'string')) {
+				return list
+			}
+			const variant = list.find((item) => item && typeof item === 'object' && Array.isArray(item.fields) && (!('when' in item) || item.when === true))
+			return variant ? variant.fields.filter((field) => typeof field === 'string') : null
+		},
+
 		/**
 		 * The bulk bar's count text.
 		 *
@@ -2079,7 +2114,8 @@ export default {
 		 * @return {string}
 		 */
 		nameSecondaryOf(node) {
-			if (!this.nameSecondary || this.isFolder(node)) {
+			const fields = this.secondLineFields
+			if ((!this.nameSecondary && fields === null) || this.isFolder(node)) {
 				return ''
 			}
 			const byId = this.resolvedRowData && typeof this.resolvedRowData === 'object' ? this.resolvedRowData : {}
@@ -2093,6 +2129,12 @@ export default {
 				type: this.typeLabelOf(node),
 				...(owner ? { owner } : {}),
 			}
+			if (fields !== null) {
+				return fields
+					.map((field) => fillTemplate(`{${field}}`, object))
+					.filter((text) => text !== '')
+					.join(' · ')
+			}
 			return fillTemplate(this.cnTranslate(this.nameSecondary), object)
 		},
 

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -1034,6 +1034,7 @@
 						</ol>
 						<div v-if="mapList.missing.length > 0" class="cn-index-page__map-missing" data-testid="cn-index-map-missing">
 							<strong>{{ mapMissingTitle }}</strong>
+							<span v-if="mapMissingNote" class="cn-index-page__map-missing-note" data-testid="cn-index-map-missing-note">{{ mapMissingNote }}</span>
 							<NcButton variant="tertiary-no-background" data-testid="cn-index-map-missing-table" @click="onViewModeChange('table')">
 								{{ mapMissingLink }}
 							</NcButton>
@@ -1459,6 +1460,7 @@ import { countLine } from '../../utils/countLine.js'
 import { reportBindingProblems } from '../../utils/diagnostics.js'
 import { fetchGroupedCounts } from '../../utils/fetchAggregate.js'
 import { fetchFilterCounts, fetchListTotal } from '../../utils/fetchFilterCounts.js'
+import { fillTemplate } from '../../utils/fillTemplate.js'
 import { listText, rangeChipText, rangeEnds, relativeRangeText } from '../../utils/filterRangeLabel.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { groupDisplayName, loadGroupDisplayName } from '../../utils/groupAutocomplete.js'
@@ -7217,6 +7219,31 @@ export default {
 			return n('nextcloud-vue', '%n without an address', '%n without an address', this.mapList.missing.length)
 		},
 
+		/**
+		 * The sentence on that card naming the rows without a place by the
+		 * list's title template, three at most and the rest counted: "A, B and
+		 * C have no location, so they are not on the map." Empty without a
+		 * title template.
+		 *
+		 * @spec openspec/changes/map-missing-card-names-the-cases/specs/map-missing-card-names-the-cases/spec.md#requirement-the-missing-address-card-names-the-cases-it-counts
+		 * @return {string} The sentence.
+		 */
+		mapMissingNote() {
+			const list = this.mapConfig && this.mapConfig.list
+			const template = list && typeof list.title === 'string' ? this.cnTranslate(list.title) : ''
+			const missing = this.mapList.missing
+			if (template === '' || missing.length === 0) {
+				return ''
+			}
+			const shown = missing.slice(0, 3).map((row) => fillTemplate(template, row, undefined, this.cnFormatters ? { formatters: this.cnFormatters } : null)).filter((title) => title !== '')
+			if (shown.length === 0) {
+				return ''
+			}
+			const rest = missing.length - shown.length
+			const names = listText(rest > 0 ? [...shown, n('nextcloud-vue', '%n other', '%n others', rest)] : shown, getCanonicalLocale() || undefined)
+			return n('nextcloud-vue', '{names} has no location, so it is not on the map.', '{names} have no location, so they are not on the map.', missing.length, { names })
+		},
+
 		/** @return {string} The link from that card to the table. */
 		mapMissingLink() {
 			return t('nextcloud-vue', 'Show them in the table')
@@ -11519,10 +11546,16 @@ export default {
 			const bucket = facet && Array.isArray(facet.values)
 				? facet.values.find((fv) => fv && typeof fv === 'object' && String(fv.value) === id)
 				: null
-			if (bucket && typeof bucket.label === 'string' && bucket.label !== '') {
+			// A facet that only echoes the value names nothing; a group or an
+			// option below may.
+			if (bucket && typeof bucket.label === 'string' && bucket.label !== '' && bucket.label !== id) {
 				return this.cnTranslate(bucket.label)
 			}
 			const prop = this.effectiveSchema?.properties?.[key]
+			// The reader on a user filter is "me" (DqFilterInMenu "Behandelaar: ik").
+			if (prop && prop.referenceType === 'nextcloud-user' && id === (getCurrentUser()?.uid ?? '')) {
+				return t('nextcloud-vue', 'me')
+			}
 			if (prop && prop.referenceType === 'nextcloud-group') {
 				const name = groupDisplayName(id)
 				if (name === null) {

package/src/components/CnMailTab/dashboardRegistration.js

@@ -25,4 +25,8 @@ registerDashboardWidget('mail', {
 	displayName: 'Mail',
 	icon: 'EmailOutline',
 	surfaces: ['detail-page'],
+	// Draws its own title row; on a card surface it stands in an untitled card.
+	// @spec openspec/changes/mail-widget-card/specs/mail-widget-card/spec.md#requirement-the-mail-widget-stands-in-a-card-on-a-card-surface
+	ownsTitle: true,
+	chrome: 'card',
 })

package/src/components/CnNotificationMatrix/CnNotificationMatrix.vue

@@ -1093,12 +1093,16 @@ export default {
 		white-space: nowrap;
 	}
 
+	/* A theme that colours every th (thematiq's table header token) leaves
+	   the board grid's head white. */
 	.cn-notification-matrix__table {
+		--nldesign-component-table-header-background-color: transparent;
 		font-size: 14px;
 	}
 
 	.cn-notification-matrix__table thead th {
 		padding: 8px 10px 8px 0;
+		line-height: 1.2;
 		border-block-end: 1px solid var(--color-border);
 		color: var(--color-text-maxcontrast);
 		font-size: 13px;

package/src/components/CnObjectSidebar/CnFilesTab.vue

@@ -24,6 +24,7 @@
 			:reviewSummary="reviewSummary"
 			:footnote="footnote"
 			:nameSecondary="nameSecondary"
+			:secondLine="secondLine"
 			:linkedItems="linkedItems"
 			:columns="columns"
 			:rowData="rowDataSource"
@@ -450,6 +451,8 @@ export default {
 		footnote: { type: String, default: '' },
 		/** Forwarded to CnFilesBrowser: the second line under each file's name. */
 		nameSecondary: { type: String, default: '' },
+		/** Forwarded to CnFilesBrowser: the second line as a list of fields, or variants. */
+		secondLine: { type: Array, default: null },
 		/** A dotted path to the list of records in the `rowDataUrl` answer; empty reads the answer itself. */
 		rowDataPath: { type: String, default: '' },
 		/** The record field that holds the Nextcloud file id. */

package/src/components/CnOrderedListField/CnOrderedListField.vue

@@ -5,7 +5,11 @@
 
 <template>
 	<div class="cn-ordered-list-field" data-testid="cn-ordered-list-field">
-		<p v-if="label" :id="labelId" class="cn-ordered-list-field__label">
+		<p
+			v-if="label"
+			:id="labelId"
+			class="cn-ordered-list-field__label"
+			:class="{ 'hidden-visually': hideLabel }">
 			{{ label }}
 		</p>
 		<ol
@@ -192,6 +196,12 @@ export default {
 			default: '',
 		},
 
+		/** Keep the label for assistive technology only, when a heading above already says it. */
+		hideLabel: {
+			type: Boolean,
+			default: false,
+		},
+
 		/** The picker's label. */
 		addLabel: {
 			type: String,

package/src/components/CnRecordListWidget/CnRecordListWidget.vue

@@ -20,9 +20,11 @@
 		<div v-else-if="loading && rows.length === 0" class="cn-record-list__loading">
 			<NcLoadingIcon :size="20" :name="loadingLabel" />
 		</div>
-		<p v-else-if="rows.length === 0" class="cn-record-list__empty" data-testid="cn-record-list-empty">
-			{{ emptyLabel }}
-		</p>
+		<template v-else-if="rows.length === 0">
+			<p v-if="emptyLabel !== ''" class="cn-record-list__empty" data-testid="cn-record-list-empty">
+				{{ emptyLabel }}
+			</p>
+		</template>
 		<!-- notice: the rows as sentences in one toned box ("2 waarschuwingen: ..."). -->
 		<div
 			v-else-if="presentation === 'notice'"
@@ -251,6 +253,7 @@
 						<component
 							:is="item.action.tag"
 							class="cn-record-list__action"
+							:class="{ 'cn-record-list__action--outlined': rowActionOutlined }"
 							v-bind="item.action.attrs"
 							data-testid="cn-record-list-action"
 							v-on="item.action.tag === 'button' ? { click: () => runRowAction(item.row) } : {}">
@@ -1469,6 +1472,18 @@ export default {
 		 * @return {string}
 		 * @spec openspec/changes/record-list-table-row-actions/specs/record-list-table/spec.md#requirement-a-table-row-can-carry-a-second-line-and-an-actions-menu
 		 */
+		/**
+		 * Whether the row action is drawn as an outlined button sized to its
+		 * label (`rowAction.variant: "outlined"`, DqMijnTeam "Oppakken") instead
+		 * of the 150px pill (DcMijnActies "Stem uitbrengen").
+		 *
+		 * @return {boolean} True for the outlined variant.
+		 * @spec openspec/changes/board-row-action-outlined/specs/board-row-action-outlined/spec.md#requirement-a-dashboard-rows-action-is-an-outlined-button
+		 */
+		rowActionOutlined() {
+			return this.content?.rowAction?.variant === 'outlined'
+		},
+
 		rowActionsHeader() {
 			const own = this.content?.rowActionsHeader
 			return typeof own === 'string' && own !== '' ? this.translate(own) : t('nextcloud-vue', 'Actions')
@@ -1511,6 +1526,10 @@ export default {
 			if (this.conditionalEmptyText !== '') {
 				return this.conditionalEmptyText
 			}
+			// `emptyText: ""` says nothing on an empty list.
+			if (this.content?.emptyText === '') {
+				return ''
+			}
 			return this.content?.emptyText ? this.translate(this.content.emptyText) : t('nextcloud-vue', 'Nothing here yet')
 		},
 

package/src/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue

@@ -12,6 +12,7 @@
 			:modelValue="values"
 			:options="options"
 			:label="t('nextcloud-vue', 'Views in my menu')"
+			:hideLabel="true"
 			:addLabel="t('nextcloud-vue', 'Add view')"
 			:addPlaceholder="t('nextcloud-vue', 'Pick a saved view')"
 			:addHint="t('nextcloud-vue', 'You see your own views, the views shared with you and the default views. A new view goes to the bottom.')"

package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue

@@ -400,7 +400,10 @@ export default {
 	background: var(--color-main-background);
 }
 
+/* A section's heading and description start at the text's edge, as the
+   board draws them (NcAppSettingsSection indents them 12px). */
 .cn-user-settings-dialog__sections :deep(.app-settings-section) {
+	--app-settings-section-text-offset: 0;
 	margin: 0;
 	padding: 0;
 	border: 0;

package/src/composables/indexSources.js

@@ -1088,7 +1088,7 @@ function fillRowTemplate(template, row) {
  * and its count (DqZoekresultaten).
  *
  * `sourceConfig.kinds` lists what is searched:
- * `{ id, label, register, schema, titleField?, subtitleField?, statusField?, statusResolve?, linkedField?, linkedTemplate?, href?, limit? }`
+ * `{ id, label, register, schema, titleField?, subtitleField?, subtitleTemplate?, statusField?, statusResolve?, linkedField?, linkedTemplate?, href?, limit? }`
  * for objects (OpenRegister's `_search`, so the reader sees what they may
  * read), or `{ id, label, files: true, limit? }` for the reader's files
  * (Nextcloud's unified search). The term is `sourceConfig.term`, else the
@@ -1102,6 +1102,8 @@ function fillRowTemplate(template, row) {
  * coloured by `sourceConfig.statusColorMap`. `linkedTemplate` (a field
  * 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`.
  * The page's title and count line can name the term as `{term}`, and the
  * count is the active kind's total. Kind, link and status are filterable.
  *
@@ -1199,6 +1201,13 @@ function searchSource(config = {}, context = {}) {
 		return ''
 	}
 
+	const subtitleOf = (kind, object) => {
+		if (kind.subtitleTemplate) {
+			return fillTemplate(translate(kind.subtitleTemplate), object)
+		}
+		return kind.subtitleField ? String(readPath(object, kind.subtitleField) ?? '') : ''
+	}
+
 	const searchObjects = async (axios, kind, term) => {
 		const url = generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: kind.register, schema: kind.schema })
 		const res = await axios.get(url, { params: { _search: term, _limit: kind.limit || 20 } })
@@ -1219,7 +1228,7 @@ function searchSource(config = {}, context = {}) {
 					kindLabel: kind.label,
 					kindText: kindTextOf(kind, object),
 					title: String(readPath(object, kind.titleField || 'title') ?? object.name ?? id ?? ''),
-					subtitle: kind.subtitleField ? String(readPath(object, kind.subtitleField) ?? '') : '',
+					subtitle: subtitleOf(kind, object),
 					status,
 					linked: linkedOf(kind, object),
 					href: kind.href ? generateUrl(fillRowTemplate(kind.href, { ...object, id })) : '',
@@ -1406,14 +1415,24 @@ function searchSource(config = {}, context = {}) {
  * the pager asks for.
  *
  * @param {Array<object>} members The members, by name.
- * @param {object} config `search`, `sortKey`, `sortOrder`, `limit`, `offset`.
+ * @param {object} config `search`, `nameLike`, `rolesLike`, `emailLike`, `today`, `sortKey`, `sortOrder`, `limit`, `offset`.
  * @return {{rows: Array<object>, total: number}} The page and how many match.
  */
 function membersPage(members, config = {}) {
+	const has = (member, fields, text) => fields.some((field) => String(member[field] || '').toLowerCase().includes(text))
 	const term = String(config.search || '').trim().toLowerCase()
-	let rows = term === ''
-		? members.slice()
-		: members.filter((member) => ['displayname', 'function', 'roles', 'email'].some((field) => String(member[field] || '').toLowerCase().includes(term)))
+	let rows = term === '' ? members.slice() : members.filter((member) => has(member, ['displayname', 'function', 'roles', 'email'], term))
+	// The table heads' filters: text contains, and the Today values picked.
+	for (const [param, fields] of [['nameLike', ['displayname', 'function']], ['rolesLike', ['roles']], ['emailLike', ['email']]]) {
+		const text = String(config[param] || '').trim().toLowerCase()
+		if (text !== '') {
+			rows = rows.filter((member) => has(member, fields, text))
+		}
+	}
+	const today = (Array.isArray(config.today) ? config.today : (config.today ? [config.today] : [])).map(String)
+	if (today.length > 0) {
+		rows = rows.filter((member) => today.includes(member.today))
+	}
 	if (config.sortKey) {
 		const sign = config.sortOrder === 'desc' ? -1 : 1
 		rows = rows.sort((a, b) => sign * String(a[config.sortKey] ?? '').localeCompare(String(b[config.sortKey] ?? '')))
@@ -1475,10 +1494,11 @@ function usersSource() {
 		 */
 		load: async (config) => {
 			const group = String((config && (config.group || config.defaultGroup)) || '')
-			const { search, sortKey, sortOrder, limit, offset, ...request } = config || {}
+			const { search, sortKey, sortOrder, limit, offset, nameLike, rolesLike, emailLike, today, ...request } = config || {}
 			const key = JSON.stringify({ ...request, group })
-			// A new page, term or order of the members already read: no request.
-			if (key === membersKey && (offset !== undefined || search !== undefined || sortKey !== undefined)) {
+			const narrows = [offset, search, sortKey, nameLike, rolesLike, emailLike, today].some((value) => value !== undefined)
+			// A new page, term, order or head filter of the members already read: no request.
+			if (key === membersKey && narrows) {
 				const page = membersPage(readMembers, config)
 				state.rows = page.rows
 				state.total = page.total
@@ -1574,8 +1594,15 @@ function usersSource() {
 
 		searchFields: {
 			group: { param: 'group', single: true },
+			'displayname[like]': { param: 'nameLike', single: true },
+			'roles[like]': { param: 'rolesLike', single: true },
+			'email[like]': { param: 'emailLike', single: true },
+			today: { param: 'today' },
 		},
 
+		/** A filter button on every head (DqAfdelingen); the members read are narrowed here. */
+		headerFilters: true,
+
 		showAdd: false,
 	}
 }

package/src/css/dialog.css

@@ -212,6 +212,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	padding: 22px 24px 20px;
 }
 
+/* NcDialog's scoped `.dialog__content[data-v-…]` sets padding-inline-end
+   12px with the same specificity as the rule above, so wherever its chunk
+   loads later (an admin page's setup wizard) the body ran 12px wider than
+   the board (DqInstellen 684 for 672). This one outranks it. */
+.cn-dialog-board .dialog .dialog__content {
+	padding-inline-end: 24px;
+}
+
 .cn-dialog-board .dialog__content > .cn-dialog-header {
 	margin-bottom: -2px;
 }

package/src/css/index-page.css

@@ -221,6 +221,11 @@
 	font-size: 14px;
 }
 
+.cn-index-page__map-missing-note {
+	color: var(--color-main-text);
+	line-height: 1.45;
+}
+
 /* The selected folder's heading above the list. */
 /* A sort option whose endpoint failed: the note above the fallen-back list. */
 .cn-index-page__sort-source-note {

package/src/css/look-board-detail.css

@@ -1270,6 +1270,18 @@
 	line-height: normal;
 }
 
+/* A long task name wraps under itself, as the board draws it, rather than
+   widening the table past the card. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(.cn-tasks-widget__name, .cn-tasks-widget__meta) {
+	white-space: normal;
+}
+
+/* A row's button and its task menu stand on one line. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table .cn-tasks-widget__cell-actions > * {
+	display: inline-flex;
+	vertical-align: middle;
+}
+
 /* ---- An object list table edge to edge (`content.tableBleed`) ------------ */
 /* The case-tab boards draw a list's table edge to edge in its card
    (DqZaakContact "Contactmomenten op deze zaak", DqZaakGerelateerd): it runs

package/src/css/look-board.css

@@ -2335,6 +2335,32 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	font-weight: 600;
 }
 
+/* A row whose one action is outlined (`rowAction.variant: "outlined"`,
+   DqMijnTeam "Oppakken"): its title link reads as the row's title in the main
+   ink (the theme's link rule reads --nldesign-color-on-surface), and the
+   action is an outlined button sized to its label. Without the variant the
+   action keeps its 150px pill (DcMijnActies).
+   @spec openspec/changes/board-row-action-outlined/specs/board-row-action-outlined/spec.md#requirement-a-dashboard-rows-action-is-an-outlined-button */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__row--action:has(.cn-record-list__action--outlined) .cn-record-list__title--link {
+	--nldesign-color-on-surface: var(--color-main-text);
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined {
+	--nldesign-color-on-surface: var(--color-main-text);
+	flex: none;
+	padding: 0 12px;
+	border: 1px solid var(--cn-board-control-border);
+	border-radius: 8px;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:hover,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:focus-visible {
+	background: var(--color-background-hover);
+}
+
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__meta {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;