@conduction/nextcloud-vue 2.139.0 → 2.141.0

package/src/components/CnFactsWidget/CnFactsWidget.vue

@@ -66,19 +66,25 @@
 								v-else-if="row.to"
 								:to="row.to"
 								class="cn-facts-widget__value-link">
-								{{ row.masked && !revealed[row.key] ? row.masked : row.value }}
+								{{ shownValue(row) }}
 							</router-link>
-							<span v-else>{{ row.masked && !revealed[row.key] ? row.masked : row.value }}</span>
+							<span v-else>{{ shownValue(row) }}</span>
 							<button
 								v-if="row.reveal && !revealed[row.key]"
 								type="button"
 								class="cn-facts-widget__inline-button"
 								:aria-label="revealLabel(row)"
 								:data-testid="`cn-fact-reveal-${row.key}`"
+								:disabled="revealing === row.key"
 								@click="reveal(row)">
 								<EyeOutline :size="16" aria-hidden="true" />
 								{{ showLabel }}
 							</button>
+							<span
+								v-if="revealErrors[row.key]"
+								class="cn-facts-widget__reveal-error"
+								role="alert"
+								:data-testid="`cn-fact-reveal-error-${row.key}`">{{ revealErrors[row.key] }}</span>
 							<button
 								v-if="row.copy"
 								type="button"
@@ -420,7 +426,7 @@ export default {
 		 *   `as` is `row` (default when `label` or `icon` is set), `title`, `line`, `text` (a line in the normal ink), `lead` (an icon tile or initials beside `title` and `subtitle`), `pill` or `meter`.
 		 *   `countFrom` (`{ register, schema, filter? }`, `@objectId` / `@object.<field>` in the filter) shows how many records that list holds ("Lopende zaken 43"); the row is left out while the count cannot be read.
 		 *   A `meter` shows the amount at `path` against the limit at `limitPath` (or a constant `limit`) as "12 of 50" with a bar; past the limit the bar turns red and the text says "over the limit"; without a positive limit it shows the amount and no bar.
-		 *   A row's `format` may also be `email`, `phone` or `url` (a link) or `masked` (the last four characters; `reveal: true` adds Show). `copy: true` adds a copy button; `icon` replaces the label.
+		 *   A row's `format` may also be `email`, `phone` or `url` (a link) or `masked` (the last four characters; `reveal: true` adds Show, which unmasks the record's value; `reveal: { url, path? }` makes Show ask the server for the value at `url` (tokens resolved), read at `path` (else the entry's path), so a server that answers the mask can check and record the reveal). `copy: true` adds a copy button; `icon` replaces the label.
 		 *   A part may be `{ text }`, a constant; a `line` or `text` entry without `path` or `parts` shows its `text`.
 		 *   `resolve: { register, schema, labelField? }` on an entry or a part turns a value that is a reference (an id, or a list of ids) into the label of the referenced object (`labelField`, else `title`, then `name`): the case type or status of a task shows its name, not its uuid. The ids are fetched once per register and schema through the object store and shared by every facts widget on the page; the entry stays empty until its label is known, and when no label can be read. A resolved value works as a pill too: `map` is applied to the resolved label, and `variantMap` / `colorMap` look the tone up by the value of `resolve.toneField` on the referenced object when that is set (a status named by its `name`, coloured by its `state`), then by the resolved label, then by the stored value.
 		 *   `route` (`{ name, params?, query? }`, `@source.<path>` in a param) on a `title` or a `row` links its value to that route; a param that does not fill leaves it plain.
@@ -474,6 +480,9 @@ export default {
 			error: false,
 			/** Keys of the masked rows the reader chose to show. */
 			revealed: {},
+			revealedValues: {},
+			revealErrors: {},
+			revealing: '',
 			/** Key of the row whose value was just copied. */
 			copied: '',
 			/** Labels of the referenced objects read so far, by `refKey`. */
@@ -1321,7 +1330,12 @@ export default {
 				extras.external = true
 			} else if (field.format === 'masked') {
 				extras.masked = value.length > 4 ? '*'.repeat(Math.min(value.length - 4, 5)) + value.slice(-4) : value
-				extras.reveal = field.reveal === true && value.length > 4
+				const server = field.reveal && typeof field.reveal === 'object' && typeof field.reveal.url === 'string' && field.reveal.url !== ''
+				extras.reveal = (field.reveal === true || server) && value.length > 4
+				if (server) {
+					extras.revealUrl = field.reveal.url
+					extras.revealPath = typeof field.reveal.path === 'string' && field.reveal.path !== '' ? field.reveal.path : (field.path || '')
+				}
 			}
 			return extras
 		},
@@ -1333,7 +1347,14 @@ export default {
 		 * @param {object} row The row.
 		 * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead
 		 */
-		reveal(row) {
+		async reveal(row) {
+			if (row.revealUrl) {
+				const value = await this.fetchRevealed(row)
+				if (value === null) {
+					return
+				}
+				this.revealedValues = { ...this.revealedValues, [row.key]: value }
+			}
 			this.revealed = { ...this.revealed, [row.key]: true }
 			const detail = { path: row.path }
 			/**
@@ -1344,6 +1365,47 @@ export default {
 			emit(FACTS_REVEAL_CHANNEL, { ...detail, objectId: this.tokenCtx.objectId, register: this.tokenCtx.register || null, schema: this.tokenCtx.schema || null })
 		},
 
+		/**
+		 * The text a row shows: its mask until revealed, then the value the
+		 * server answered (a server reveal) or the value the record holds.
+		 *
+		 * @param {object} row The row.
+		 * @return {string}
+		 * @spec openspec/changes/facts-reveal-from-server/specs/facts-widget/spec.md#requirement-a-masked-fact-can-be-revealed-by-the-server
+		 */
+		shownValue(row) {
+			if (!row.masked || !this.revealed[row.key]) {
+				return row.masked || row.value
+			}
+			return Object.hasOwn(this.revealedValues, row.key) ? this.revealedValues[row.key] : row.value
+		},
+
+		/**
+		 * Ask the server for a masked value (`reveal.url`, tokens resolved,
+		 * read at `reveal.path`), never from a cache: each show is a request
+		 * the server can check and record.
+		 *
+		 * @param {object} row The row.
+		 * @return {Promise<string|null>} The value, or null when it could not be read.
+		 * @spec openspec/changes/facts-reveal-from-server/specs/facts-widget/spec.md#requirement-a-masked-fact-can-be-revealed-by-the-server
+		 */
+		async fetchRevealed(row) {
+			this.revealing = row.key
+			this.revealErrors = { ...this.revealErrors, [row.key]: '' }
+			try {
+				const payload = await fetchEndpointSource({ url: row.revealUrl, responsePath: row.revealPath }, this.tokenCtx, { force: true })
+				if (payload === null || payload === undefined || payload === '' || typeof payload === 'object') {
+					throw new Error('no value')
+				}
+				return String(payload)
+			} catch {
+				this.revealErrors = { ...this.revealErrors, [row.key]: t('nextcloud-vue', 'The value could not be shown.') }
+				return null
+			} finally {
+				this.revealing = ''
+			}
+		},
+
 		/**
 		 * Copy a row's value to the clipboard.
 		 *
@@ -1955,6 +2017,11 @@ export default {
 	font: inherit;
 }
 
+.cn-facts-widget__reveal-error {
+	font-size: 13px;
+	color: var(--color-text-error, var(--color-error));
+}
+
 .cn-facts-widget__inline-button {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);

package/src/components/CnFilesBrowser/CnFilesBrowser.vue

@@ -775,6 +775,7 @@ import CnIcon from '../CnIcon/CnIcon.vue'
 import { readUserPreference, writeUserPreference } from '../../composables/useUserPreferences.js'
 import { dispatchAction } from '../../utils/actionsDispatcher.js'
 import { fillTemplate } from '../../utils/fillTemplate.js'
+import { readPath } from '../../utils/readPath.js'
 import { isNewTabClick, isRowMiddleClick, preventMiddleClickAutoscroll } from '../../utils/rowAuxClick.js'
 import { ACTIONS_NEEDING_THE_FILES_PAGE, crumbsFor, hostActionApplies, joinPath } from './filesBrowser.js'
 import {
@@ -3049,7 +3050,7 @@ export default {
 				? { path: this.currentPath }
 				: { fileId: node.fileid, fileName: node.basename, path: node.path }
 			if (type === 'open-modal') {
-				wrapped = { ...action, props: { ...(action.props || {}), ...context } }
+				wrapped = { ...action, props: { ...(action.props || {}), ...context, ...this.rowPropsOf(action, node) } }
 			} else if (type === 'handler') {
 				wrapped = { ...action, args: [...(action.args || []), node ?? this.folder] }
 			}
@@ -3060,6 +3061,32 @@ export default {
 			dispatchAction(wrapped, { router: this.$router || null })
 		},
 
+		/**
+		 * The clicked file's row-data fields an action asks for as modal props
+		 * (`rowProps: { prop: field }`), or none.
+		 *
+		 * @param {object} action The declared action.
+		 * @param {object|null} node The file, or null for a New-menu entry.
+		 * @return {object} The props.
+		 * @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-modal-action-can-carry-fields-of-the-clicked-files-row-data
+		 */
+		rowPropsOf(action, node) {
+			const wanted = action && action.rowProps
+			if (node === null || !wanted || typeof wanted !== 'object') {
+				return {}
+			}
+			const byId = this.resolvedRowData && typeof this.resolvedRowData === 'object' ? this.resolvedRowData : {}
+			const entry = byId[node.fileid] ?? byId[String(node.fileid)] ?? {}
+			const out = {}
+			for (const [prop, field] of Object.entries(wanted)) {
+				const value = readPath(entry, String(field))
+				if (value !== undefined && value !== null && value !== '') {
+					out[prop] = value
+				}
+			}
+			return out
+		},
+
 		/**
 		 * A click on a linked row opens the file where it lives.
 		 *

package/src/components/CnFilesBrowser/filesBrowser.js

@@ -285,13 +285,19 @@ export function indexRowData(data, { path = '', key = 'fileId' } = {}) {
  * `visibleIf.extension` lists file extensions (no case, a leading dot is
  * allowed); `visibleIf.mime` lists mime types, where one ending in `/` or
  * `/*` names the whole family. Every condition named must hold. An action
- * without `visibleIf` is offered on every file, as before.
+ * without `visibleIf` is offered on every file, as before. An action with
+ * `when` is offered only while `when` is `true`.
  *
  * @param {object} action The declared action.
  * @param {object} node The file (`basename`, `mime`).
  * @return {boolean} True when the action belongs on this file.
  */
 export function hostActionApplies(action, node) {
+	// `when`: the action applies only while it is true (a case type flag).
+	// @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-files-browser-entry-can-apply-only-when-a-condition-holds
+	if (action && typeof action === 'object' && 'when' in action && action.when !== true) {
+		return false
+	}
 	const condition = action && action.visibleIf
 	if (!condition || typeof condition !== 'object') {
 		return true

package/src/components/CnFilesBrowser/filesBrowserColumns.js

@@ -78,6 +78,11 @@ export function normaliseFileColumns(columns) {
 		if (!entry || typeof entry !== 'object' || typeof entry.key !== 'string' || entry.key === '') {
 			return
 		}
+		// `when`: the column applies only while it is true (a case type flag).
+		// @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-files-browser-entry-can-apply-only-when-a-condition-holds
+		if ('when' in entry && entry.when !== true) {
+			return
+		}
 		if (isBuiltInFileColumn(entry.key) && entry.source === undefined) {
 			out.push({ ...BUILT_IN_FILE_COLUMNS[entry.key], ...entry, builtIn: true })
 			return

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -4670,6 +4670,8 @@ export default {
 			savedViews: [],
 			savedViewsLoading: false,
 			showSaveViewDialog: false,
+			/** Whether the reader changed the view since it was opened or saved. */
+			viewChanged: false,
 			viewPendingDelete: null,
 			/** An `api-call` header action waiting on its confirmation, or null. */
 			headerApiCallPending: null,
@@ -8706,12 +8708,20 @@ export default {
 
 		/**
 		 * Whether the toolbar draws Save view: not when the page switches it
-		 * off (`savedViewSave: false`) or its header carries one.
+		 * off (`savedViewSave: false`) or its header carries one, and in the
+		 * board look only once the view has changed.
 		 *
+		 * @spec openspec/changes/board-save-view-only-when-changed/specs/saved-views/spec.md#requirement-the-board-look-offers-save-view-once-the-view-has-changed
 		 * @return {boolean}
 		 */
 		toolbarSavesView() {
-			return this.savedViewSave !== false && !this.headerSavesView
+			if (this.savedViewSave === false || this.headerSavesView) {
+				return false
+			}
+			// The board look offers it once the view differs from the one
+			// opened: changed by the reader, or, with no saved view open,
+			// filtered by the address.
+			return !this.isBoardLook || this.viewChanged || (!this.appliedSavedViewId && this.activeFilterChips.length > 0)
 		},
 
 		/**
@@ -10849,6 +10859,7 @@ export default {
 		 * @return {void}
 		 */
 		onSearchEvent(value) {
+			this.viewChanged = true
 			if (this.namedSourceSearches) {
 				this.namedSearchTerm = value || ''
 			}
@@ -10868,6 +10879,7 @@ export default {
 		 * @return {void}
 		 */
 		onQuickFilterChange(index) {
+			this.viewChanged = true
 			// `activeQuickFilterIndex` is a setup-returned ref; the
 			// Vue 2 ref-unwrap proxy makes plain assignment work.
 			this.activeQuickFilterIndex = index
@@ -10884,6 +10896,7 @@ export default {
 		 * @return {void}
 		 */
 		onQuickFilterMultiChange(indices) {
+			this.viewChanged = true
 			this.selectedQuickFilterIndices = Array.isArray(indices) ? indices : []
 			this.$emit('quick-filter-change', this.selectedQuickFilterIndices)
 		},
@@ -10899,6 +10912,7 @@ export default {
 		 * @return {void}
 		 */
 		onSidebarSortChange(keys, value) {
+			this.viewChanged = true
 			if (value !== undefined && this.selectSortOption(value)) {
 				return
 			}
@@ -10978,6 +10992,7 @@ export default {
 		 * @return {void}
 		 */
 		onSortEvent(payload) {
+			this.viewChanged = true
 			// An order by keys (a column header, a field in the Sort section)
 			// leaves an endpoint-ranked order.
 			if (this.sortSource.value) {
@@ -11181,6 +11196,7 @@ export default {
 		 * @return {void}
 		 */
 		onClearFilters() {
+			this.viewChanged = true
 			// "Clear all" on the Active line also undoes the quick filters it
 			// listed (a tab without an `activeLabel` is not a filter there).
 			for (const chip of this.quickFilterActiveChips) {
@@ -11289,6 +11305,7 @@ export default {
 		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-a-board-can-switch-the-field-its-columns-come-from
 		 */
 		onBoardColumnFieldChange(field) {
+			this.viewChanged = true
 			this.boardColumnFieldChoice = field
 			/**
 			 * @event board-column-field-change The board's column switch picked another field. Payload: the field name.
@@ -11304,6 +11321,7 @@ export default {
 		 * @return {void}
 		 */
 		onBoardNarrowChange(value) {
+			this.viewChanged = true
 			this.onFilterEvent({ key: this.boardNarrow.field, values: value === '' ? [] : [value] })
 		},
 
@@ -11366,6 +11384,7 @@ export default {
 		 * @return {void}
 		 */
 		onFilterEvent(payload) {
+			this.viewChanged = true
 			if (this.isSelfFetchMode && typeof this.list.onFilterChange === 'function') {
 				this.list.onFilterChange(payload.key, payload.values)
 				this.persistViewStateToRoute(this.currentViewState())
@@ -11388,6 +11407,7 @@ export default {
 		 * @spec openspec/changes/screens-index-list-parity/specs/index-list-board-look/spec.md#requirement-the-toolbar-sits-on-the-ground-in-two-rows
 		 */
 		onRemoveActiveFilter(chip) {
+			this.viewChanged = true
 			if (chip && chip.searchTerm === true) {
 				this.onSearchEvent('')
 				return
@@ -12356,6 +12376,7 @@ export default {
 		 * @return {void}
 		 */
 		onColumnsEvent(columns) {
+			this.viewChanged = true
 			if (this.isSelfFetchMode && this.list.visibleColumns) {
 				this.list.visibleColumns.value = columns
 			}
@@ -12403,6 +12424,7 @@ export default {
 		 * @return {void}
 		 */
 		onColumnsReorder(columns) {
+			this.viewChanged = true
 			this.onColumnsEvent(columns)
 		},
 
@@ -12413,6 +12435,7 @@ export default {
 		 * @return {void}
 		 */
 		onPinChange(count) {
+			this.viewChanged = true
 			if (!this.personalColumns || Array.isArray(this.appliedViewColumns)) {
 				return
 			}
@@ -13316,6 +13339,10 @@ export default {
 				loadMyTeam().then(() => this.onApplySavedView(view, { keepSavedViewKey }))
 				return
 			}
+			// An opened view is unchanged until the reader changes it.
+			this.$nextTick(() => {
+				this.viewChanged = false
+			})
 			const ctx = typeof this.selfFetchTokenCtx === 'function' ? this.selfFetchTokenCtx() : {}
 			state.filters = dropOptionalUnresolved(resolveFilterTokens(state.filters, ctx))
 			this.appliedViewFiltersKey = this.viewFiltersKey(state.filters)
@@ -13441,6 +13468,7 @@ export default {
 				}
 				this.savedViews = [...this.savedViews, view]
 				this.showSaveViewDialog = false
+				this.viewChanged = false
 				this.sidebarActiveTab = 'filters-tab'
 				this.sidebarOpen = true
 				this.toastSavedView('success', t('nextcloud-vue', 'View "{name}" saved', { name }))

package/src/components/CnIndexSidebar/CnIndexSidebar.vue

@@ -103,7 +103,7 @@
 					</p>
 				</div>
 
-				<div v-if="hasActiveFilters" class="cn-index-sidebar__section">
+				<div v-if="hasActiveFilters && !isBoardLook" class="cn-index-sidebar__section">
 					<NcButton variant="tertiary" @click="onClearAll">
 						<template #icon>
 							<FilterRemoveOutline :size="20" />
@@ -113,7 +113,20 @@
 				</div>
 
 				<div v-if="schemaFilters.length > 0" class="cn-index-sidebar__section">
-					<h3>{{ filtersLabel }}</h3>
+					<!-- The board look: "Alles wissen" beside the heading (DqZakenSorteren). -->
+					<div v-if="isBoardLook" class="cn-index-sidebar__filters-head" data-testid="cn-index-sidebar-filters-head">
+						<h3>{{ filtersLabel }}</h3>
+						<button
+							v-if="hasActiveFilters"
+							type="button"
+							class="cn-index-sidebar__filters-clear"
+							@click="onClearAll">
+							{{ clearAllLabel }}
+						</button>
+					</div>
+					<h3 v-else>
+						{{ filtersLabel }}
+					</h3>
 					<div
 						v-for="filter in schemaFilters"
 						:key="filter.key"
@@ -155,6 +168,27 @@
 							:label="filter.label"
 							:placeholder="filter.label"
 							@update:modelValue="onTextChange(filter.key, $event)" />
+						<!-- The board look: a short field as checkbox rows with counts. -->
+						<fieldset
+							v-else-if="checklistOptions(filter)"
+							class="cn-index-sidebar__checklist"
+							:data-testid="`cn-index-sidebar-checklist-${filter.key}`">
+							<legend class="hidden-visually">
+								{{ filter.label }}
+							</legend>
+							<label
+								v-for="option in checklistOptions(filter)"
+								:key="`${filter.key}-${option.id}`"
+								class="cn-index-sidebar__checklist-row"
+								data-testid="cn-index-sidebar-checklist-row">
+								<input
+									type="checkbox"
+									:checked="isChecked(filter, option.id)"
+									@change="onChecklistToggle(filter, option.id, $event.target.checked)">
+								<span class="cn-index-sidebar__checklist-label">{{ option.label }}</span>
+								<span v-if="option.count !== null" class="cn-index-sidebar__checklist-count">{{ option.count }}</span>
+							</label>
+						</fieldset>
 						<NcSelect
 							v-else
 							class="cn-index-sidebar__select"
@@ -369,7 +403,7 @@ import CnSavedViewsPanel from '../CnSavedViewsPanel/CnSavedViewsPanel.vue'
 import CnSegmentedControl from '../CnSegmentedControl/CnSegmentedControl.vue'
 import { normalizeLook } from '../../composables/useLook.js'
 import { METADATA_COLUMNS } from '../../constants/metadata.js'
-import { facetOptions } from '../../utils/facets.js'
+import { facetOptions, MISSING_VALUE } from '../../utils/facets.js'
 import { labelLang } from '../../utils/manifestTranslate.js'
 import { columnsFromSchema, filtersFromSchema } from '../../utils/schema.js'
 /**
@@ -389,6 +423,9 @@ import { labelSidePanelClose } from '../../utils/sidePanelCloseLabel.js'
 import { reverseSortKeys, sameSortKeys } from '../../utils/sortOrder.js'
 import { CnDateRangePicker, DEFAULT_DATE_RANGE_PRESETS } from '../CnDateRangePicker/index.js'
 import { CnIcon } from '../CnIcon/index.js'
+/** The most values a filter shows as checkbox rows in the board look; a longer field keeps its picker. */
+const CHECKLIST_MAX = 12
+
 export default {
 	name: 'CnIndexSidebar',
 
@@ -1411,6 +1448,67 @@ export default {
 			return values.map((v) => options.find((o) => o.id === v) || { id: v, label: String(v) })
 		},
 
+		/**
+		 * A field's values as checkbox rows, in the board look and for a short
+		 * list only: label and count apart, from the facet when there is one,
+		 * else the field's own options. Null where the picker stays (the
+		 * Nextcloud look, a single choice, a reference, more than
+		 * CHECKLIST_MAX values).
+		 *
+		 * @spec openspec/changes/board-sidebar-filters-as-checkbox-lists/specs/index-sidebar/spec.md#requirement-the-board-look-draws-a-short-filter-as-a-checkbox-list-with-counts
+		 * @param {object} filter The filter definition.
+		 * @return {Array<{id: (string|number|boolean), label: string, count: (number|null)}>|null} The rows, or null.
+		 */
+		checklistOptions(filter) {
+			if (!this.isBoardLook || filter.multiple === false || filter.type === 'reference') {
+				return null
+			}
+			const facet = this.facetData[filter.key]
+			let rows
+			if (facet && Array.isArray(facet.values) && facet.values.length > 0) {
+				rows = facet.values.map((bucket) => ({
+					id: bucket.value,
+					label: String(bucket.label !== undefined && bucket.label !== null ? bucket.label : bucket.value),
+					count: typeof bucket.count === 'number' ? bucket.count : null,
+				}))
+				if (typeof facet.missing === 'number' && facet.missing > 0) {
+					rows.push({ id: MISSING_VALUE, label: t('nextcloud-vue', 'No value'), count: facet.missing })
+				}
+			} else {
+				rows = (filter.options || []).map((option) => ({ id: option.id, label: String(option.label), count: null }))
+			}
+			return rows.length > 0 && rows.length <= CHECKLIST_MAX ? rows : null
+		},
+
+		/**
+		 * Whether a value of a field is among its active filter values.
+		 *
+		 * @param {object} filter The filter definition.
+		 * @param {string|number|boolean} id The value.
+		 * @return {boolean}
+		 */
+		isChecked(filter, id) {
+			const value = this.activeFilters[filter.key]
+			const values = Array.isArray(value) ? value : (value === undefined || value === null || value === '' ? [] : [value])
+			return values.map(String).includes(String(id))
+		},
+
+		/**
+		 * A checkbox row was toggled: the field's values with it added or taken out.
+		 *
+		 * @spec openspec/changes/board-sidebar-filters-as-checkbox-lists/specs/index-sidebar/spec.md#requirement-the-board-look-draws-a-short-filter-as-a-checkbox-list-with-counts
+		 * @param {object} filter The filter definition.
+		 * @param {string|number|boolean} id The value.
+		 * @param {boolean} checked Whether it is now ticked.
+		 * @return {void}
+		 */
+		onChecklistToggle(filter, id, checked) {
+			const value = this.activeFilters[filter.key]
+			const current = Array.isArray(value) ? [...value] : (value === undefined || value === null || value === '' ? [] : [value])
+			const rest = current.filter((v) => String(v) !== String(id))
+			this.$emit('filter-change', { key: filter.key, values: checked ? [...rest, id] : rest })
+		},
+
 		/**
 		 * Handle filter select change
 		 *

package/src/components/CnMapWidget/CnMapWidget.vue

@@ -226,6 +226,25 @@ function controlIcon(path) {
  * @slot popup Per-marker popup body override. Scoped props: `{ feature, properties }`. When omitted, the widget renders the value of `markers.popupField` (or no popup at all when unset).
  * @slot fallback Replaces the default "map unavailable" message when Leaflet fails to load (test environments, CSP-blocked builds, offline dev). No scoped props.
  */
+/**
+ * The count line a header spec gives (`{ one, other }` or one string, with
+ * `{total}`), once the marker source answered with markers.
+ *
+ * @param {object|string|undefined} spec The declared line.
+ * @param {object} vm The map: `markersLoaded`, `markersFailed`, `markerCount`, `cnTranslate`.
+ * @return {string} The line, or ''.
+ */
+function countLine(spec, vm) {
+	if (!spec || !vm.markersLoaded || vm.markersFailed || vm.markerCount === 0) {
+		return ''
+	}
+	const text = typeof spec === 'string' ? spec : (vm.markerCount === 1 ? spec.one : spec.other)
+	if (typeof text !== 'string' || text === '') {
+		return ''
+	}
+	return vm.cnTranslate(text).replace(/\{total\}/g, String(vm.markerCount))
+}
+
 export default {
 	name: 'CnMapWidget',
 
@@ -577,15 +596,19 @@ export default {
 		 * @spec openspec/changes/map-widget-header-count/specs/map-widget-header-count/spec.md#requirement-a-map-card-can-say-how-many-places-it-shows
 		 */
 		headerSubtitleText() {
-			const spec = this.content?.headerSubtitle
-			if (!spec || !this.markersLoaded || this.markersFailed || this.markerCount === 0) {
-				return ''
-			}
-			const text = typeof spec === 'string' ? spec : (this.markerCount === 1 ? spec.one : spec.other)
-			if (typeof text !== 'string' || text === '') {
-				return ''
-			}
-			return this.cnTranslate(text).replace(/\{total\}/g, String(this.markerCount))
+			return countLine(this.content?.headerSubtitle, this)
+		},
+
+		/**
+		 * The same count as a note at the right of the card's title row
+		 * (`content.headerNote`, the same shape as `headerSubtitle`), as the
+		 * case boards draw "Locaties ... 1 locatie".
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/map-count-note/specs/map-widget/spec.md
+		 */
+		headerNoteText() {
+			return countLine(this.content?.headerNote, this)
 		},
 
 		markerStatusText() {
@@ -672,6 +695,21 @@ export default {
 			}
 		},
 
+		/**
+		 * Report the count note to the card around the map.
+		 *
+		 * @param {string} note The note, or ''.
+		 */
+		headerNoteText(note) {
+			if (this.content?.headerNote) {
+				/**
+				 * @event header The card header's note at the right of the title.
+				 * @type {{note: string}}
+				 */
+				this.$emit('header', { note })
+			}
+		},
+
 		// Keyed, never `deep: true` — see `layersKey`.
 		layersKey() {
 			if (this.map) {

package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue

@@ -720,6 +720,7 @@ export default {
 		 * - `hidden` (boolean) — Hide this property
 		 * - `editable` (boolean) — Override editability (default: based on schema readOnly)
 		 * - `label` (string) — Override the display label
+		 * - `emptyValue` (string) — Words shown, translated, for an empty or false value instead of a dash
 		 * - `widget` (string) — Override the widget type for editing
 		 * - `formatter` (string) — Display the value through the formatter
 		 *   registered under this id on CnAppRoot (`cnFormatters`), called as
@@ -739,7 +740,8 @@ export default {
 		},
 
 		/**
-		 * Number of grid columns.
+		 * Number of grid columns. The board look fits 200px columns instead,
+		 * except for one column, which it keeps.
 		 */
 		columns: {
 			type: Number,
@@ -1100,7 +1102,8 @@ export default {
 				// still showing the stored code — `submitted` under a Dutch
 				// label, beside a list that already read "Ingediend".
 				const enumLabel = this.enumDisplayLabel(field, raw)
-				values[field.key] = enumLabel !== null ? enumLabel : formatValue(raw, prop || {})
+				const empty = this.emptyValueFor(field, raw)
+				values[field.key] = empty !== null ? empty : (enumLabel !== null ? enumLabel : formatValue(raw, prop || {}))
 			}
 			return values
 		},
@@ -1116,8 +1119,12 @@ export default {
 		 * CSS grid template for the container.
 		 */
 		gridStyle() {
-			// The board look: as many 200px columns as the card has room for.
+			// The board look: as many 200px columns as the card has room for,
+			// unless the config asks for one column (a stacked list of pairs).
 			if (normalizeLook(this.cnLook) === 'board') {
+				if (this.columns === 1) {
+					return { 'grid-template-columns': 'minmax(0, 1fr)' }
+				}
 				return {
 					'grid-template-columns': 'repeat(auto-fit, minmax(200px, 1fr))',
 				}
@@ -1842,6 +1849,24 @@ export default {
 			return this.isPlainObject(raw)
 		},
 
+		/**
+		 * The words an override gives an empty or false value
+		 * (`overrides[key].emptyValue`, translated), or null to format it as usual.
+		 *
+		 * @param {object} field - Resolved field definition from resolvedFields
+		 * @param {*} raw - The field's value
+		 * @return {string|null}
+		 * @spec openspec/changes/data-widget-empty-value-one-column/specs/data-widget/spec.md
+		 */
+		emptyValueFor(field, raw) {
+			const override = this.resolvedOverrides[field.key]
+			const words = override && typeof override.emptyValue === 'string' ? override.emptyValue : ''
+			if (words === '' || !(raw === null || raw === undefined || raw === '' || raw === false)) {
+				return null
+			}
+			return this.cnTranslate(words)
+		},
+
 		/**
 		 * Check if a field is editable.
 		 *