@conduction/nextcloud-vue 2.91.0 → 2.93.0

package/src/css/dialog.css

@@ -203,3 +203,50 @@
 .cn-dialog__confirm-pending {
 	opacity: 0.45;
 }
+
+/* On a phone the board dialog is a bottom sheet (board PqMobiel): full width,
+   anchored to the bottom, as tall as its content up to the screen less the
+   header, a 16px top radius and a grab bar. The footer buttons share the row. */
+@media (max-width: 600px) {
+	.modal-mask.cn-dialog-board .modal-wrapper .modal-container,
+	.modal-mask.cn-dialog-board .modal-wrapper--normal > .modal-container {
+		position: absolute;
+		inset: auto 0 0;
+		width: 100%;
+		max-width: 100%;
+		height: auto;
+		max-height: calc(100% - var(--header-height, 50px));
+		border-radius: 16px 16px 0 0;
+	}
+
+	.modal-mask.cn-dialog-board .modal-container::before {
+		content: '';
+		display: block;
+		flex: none;
+		width: 40px;
+		height: 4px;
+		margin: 8px auto 0;
+		border-radius: 2px;
+		background: var(--color-border-dark);
+	}
+
+	.modal-mask.cn-dialog-board .modal-container {
+		flex-direction: column;
+	}
+
+	.cn-dialog-board .dialog {
+		height: auto;
+		min-height: 0;
+	}
+
+	.cn-dialog-board .dialog__content {
+		flex: 0 1 auto;
+		overflow-y: auto;
+	}
+
+	.cn-dialog-board .dialog__actions > .button-vue,
+	.cn-dialog-board .dialog__actions > * {
+		flex: 1 1 0;
+		min-height: 44px;
+	}
+}

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

@@ -660,3 +660,11 @@
 .cn-look-board:has(.cn-detail-page) > .app-sidebar__toggle {
 	display: none;
 }
+
+/* Below 768px the header is a column (detail-page.css), where the 320px basis
+   above would be a 320px HEIGHT: the title sat in a band of white on a phone. */
+@media (max-width: 768px) {
+	.cn-look-board .cn-detail-page__header--board > :first-child {
+		flex: none;
+	}
+}

package/src/css/look-board.css

@@ -591,6 +591,39 @@
 	max-width: none;
 }
 
+/* A Nextcloud text field or text area in a board settings card has its label
+   above the control (14px/600), as the boards draw it (PqBeheer Leadbeheer,
+   PqBeheerKassa Btw), instead of floating inside the border. The label stays
+   the field's own `<label for>`; it moves out of the control and the field
+   makes room for it. With the label outside, the placeholder shows at rest.
+   @spec openspec/changes/settings-section-board-fields/specs/settings-board-look/spec.md#requirement-a-settings-card-labels-its-text-fields-above-the-control */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field:has(.input-field__label),
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea:has(.textarea__label) {
+	margin-block-start: 26px;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field__input + .input-field__label,
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea__input + .textarea__label {
+	inset-block-start: auto;
+	inset-block-end: calc(100% + 4px);
+	inset-inline: 0 auto;
+	max-width: 100%;
+	margin: 0;
+	padding: 0;
+	background: none;
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+	line-height: 20px;
+	pointer-events: auto;
+	transition: none;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field:has(.input-field__label) .input-field__input:not(:focus)::placeholder,
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea__input:not(:focus):not(.textarea__input--label-outside)::placeholder {
+	opacity: 1 !important;
+}
+
 /* The section footer is the save row: the hairline replaces its own rule. */
 .cn-look-board .settings-section .cn-settings-section__footer {
 	margin: 0;

package/src/schemas/app-manifest-v2.schema.json

@@ -3,7 +3,7 @@
 	"$id": "https://raw.githubusercontent.com/ConductionNL/nextcloud-vue/main/src/schemas/app-manifest-v2.schema.json",
 	"title": "Conduction App Manifest v2",
 	"description": "v2 schema for the JSON-driven page and navigation manifest consumed by @conduction/nextcloud-vue. Introduces a uniform widgets[] array on every page type with a per-slot grid coordinate system, a typed actions[] discriminator, and the required $schema field for version detection. v1 manifests continue to validate against app-manifest.schema.json (unchanged).",
-	"version": "2.102.0",
+	"version": "2.111.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -1651,6 +1651,59 @@
 				}
 			}
 		},
+		"linkModule": {
+			"type": "object",
+			"required": ["id", "label"],
+			"additionalProperties": false,
+			"description": "One module on a type='links' page. The app decides whether it is in the menu (`enabled`, or `enabledIf` against runtime). Every card opens; a module that is off links to the admin settings (`settings`).",
+			"properties": {
+				"id": { "type": "string", "minLength": 1, "description": "Unique within the page's modules." },
+				"label": { "type": "string", "minLength": 1, "description": "i18n key / the module's title." },
+				"description": { "type": "string", "description": "i18n key / one or two lines under the title." },
+				"icon": { "type": "string", "description": "MDI icon name." },
+				"enabled": { "type": "boolean", "description": "Whether the module is in the menu. Wins over enabledIf." },
+				"enabledIf": { "$ref": "#/$defs/visibleIfCondition", "description": "Condition, evaluated like visibleIf, that says the module is in the menu." },
+				"route": { "type": "string", "minLength": 1, "description": "Where Open goes: a route name or a path starting with '/'. Defaults to the first page." },
+				"params": { "type": "object", "additionalProperties": { "type": ["string", "number"] } },
+				"query": { "type": "object", "additionalProperties": { "type": ["string", "number", "boolean"] } },
+				"pages": {
+					"type": "array",
+					"description": "The module's pages, drawn as links and named in the 'N pages' line.",
+					"items": {
+						"type": "object",
+						"required": ["label"],
+						"additionalProperties": false,
+						"anyOf": [{ "required": ["route"] }, { "required": ["href"] }],
+						"properties": {
+							"label": { "type": "string", "minLength": 1 },
+							"route": { "type": "string", "minLength": 1 },
+							"params": { "type": "object", "additionalProperties": { "type": ["string", "number"] } },
+							"query": { "type": "object", "additionalProperties": { "type": ["string", "number", "boolean"] } },
+							"href": { "type": "string", "minLength": 1 },
+							"highlight": { "type": "boolean", "description": "Named in the line of a module with more than four pages ('15 pages, including ...')." }
+						}
+					}
+				},
+				"settings": {
+					"type": "object",
+					"additionalProperties": false,
+					"anyOf": [{ "required": ["route"] }, { "required": ["href"] }],
+					"description": "Where an admin puts a module that is off in the menu (the admin settings), shown on its card as '<prefix> <label>'.",
+					"properties": {
+						"label": { "type": "string", "description": "i18n key / link text. Defaults to 'Admin settings'." },
+						"prefix": { "type": "string", "description": "i18n key / text before the link. Defaults to 'Put it in the menu:'." },
+						"route": { "type": "string", "minLength": 1 },
+						"params": { "type": "object", "additionalProperties": { "type": ["string", "number"] } },
+						"query": { "type": "object", "additionalProperties": { "type": ["string", "number", "boolean"] } },
+						"href": { "type": "string", "minLength": 1 },
+						"permission": { "type": "string" },
+						"visibleIf": { "$ref": "#/$defs/visibleIfCondition" }
+					}
+				},
+				"permission": { "type": "string", "description": "Permission the user must hold for the module to render." },
+				"visibleIf": { "$ref": "#/$defs/visibleIfCondition", "description": "Display condition, evaluated the way a menu entry's is." }
+			}
+		},
 		"linkCard": {
 			"type": "object",
 			"required": ["id", "label"],
@@ -4232,10 +4285,16 @@
 						"greeting": {
 							"oneOf": [
 								{ "type": "boolean" },
-								{ "type": "string", "enum": ["first", "full"] }
+								{ "type": "string", "enum": ["first", "full", "date"] },
+								{
+									"type": "object",
+									"required": ["label"],
+									"additionalProperties": false,
+									"properties": { "label": { "type": "string", "minLength": 1, "description": "i18n key drawn where the greeting would be." } }
+								}
 							],
 							"default": false,
-							"description": "type='dashboard': greet the reader in the header subtitle. `true` or \"first\" writes \"Good afternoon, Pieter · Monday 5 October 2026\", \"full\" uses the whole display name; the page `description` follows after another middle dot (screens-dashboard-greeting-header). Maps to CnDashboardPage `greeting`."
+							"description": "type='dashboard': greet the reader in the header subtitle. `true` or \"first\" writes \"Good afternoon, Pieter · Monday 5 October 2026\", \"full\" uses the whole display name; the page `description` follows after another middle dot (screens-dashboard-greeting-header). Since 2.111.0 \"date\" leads with the date alone (\"Tuesday 7 October 2026 · ...\") and `{ \"label\": \"Customer contact\" }` puts the translated label where the greeting would be (dashboard-greeting-label). Maps to CnDashboardPage `greeting`."
 						},
 						"viewLinks": {
 							"type": "array",
@@ -4751,7 +4810,11 @@
 									"description": { "type": "string" },
 									"emptyLabel": { "type": "string" },
 									"categories": { "type": "object", "additionalProperties": { "type": "string", "minLength": 1 } },
-									"cards": { "type": "array", "minItems": 1, "items": { "$ref": "#/$defs/linkCard" } }
+									"cards": { "type": "array", "minItems": 1, "items": { "$ref": "#/$defs/linkCard" } },
+									"modules": { "type": "array", "items": { "$ref": "#/$defs/linkModule" }, "description": "Module cards drawn above the link cards (board PqModules): per module an icon, title, in-the-menu/off badge, description, its pages, an Open button and, when off, a link to the admin settings." },
+									"modulesTitle": { "type": "string", "description": "i18n key / heading of the modules section. Defaults to 'Modules'." },
+									"footnote": { "type": "string", "description": "i18n key / a note under the module cards." },
+									"groupStyle": { "type": "string", "enum": ["cards", "list"], "default": "cards", "description": "cards: a grid of link cards per group. list: one card per group with a row per link (icon, label, description, chevron or external-link icon)." }
 								}
 							}
 						},

package/src/utils/boardDate.js

@@ -88,6 +88,40 @@ export function formatBoardDate(value, now = new Date(), locale = boardDateLocal
 	}
 }
 
+/**
+ * A date with its short weekday, the way an agenda writes it: "wo 7 okt", or
+ * "wo 14 feb 2024" outside the current year. With `today` set, today's date
+ * reads "Vandaag, wo 7 okt".
+ *
+ * @param {unknown} value A Date, a timestamp or an ISO string.
+ * @param {Date} [now] The reference moment (defaults to the current time).
+ * @param {object} [options] Options.
+ * @param {boolean} [options.today] Put "Today, " before today's date.
+ * @param {string} [options.locale] BCP 47 tag (defaults to `boardDateLocale()`).
+ * @return {string} The date, or '' when the value is not a date.
+ * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-a-board-date-cell-reads-day-and-short-month-in-the-user-language
+ */
+export function formatBoardWeekday(value, now = new Date(), options = {}) {
+	const date = parseDateValue(value)
+	if (date === null) {
+		return ''
+	}
+	const parts = { weekday: 'short', day: 'numeric', month: 'short' }
+	if (date.getFullYear() !== now.getFullYear()) {
+		parts.year = 'numeric'
+	}
+	let text
+	try {
+		text = new Intl.DateTimeFormat(options.locale || boardDateLocale(), parts).format(date)
+	} catch {
+		text = new Intl.DateTimeFormat(undefined, parts).format(date)
+	}
+	if (options.today === true && ageInDays(date, now) === 0) {
+		return t('nextcloud-vue', 'Today, {date}', { date: text })
+	}
+	return text
+}
+
 /**
  * Whole calendar days from the date until `now` (0 today, 1 yesterday), or
  * null when the value is not a date. A future date gives a negative number.

package/src/utils/featureCatalog.js

@@ -0,0 +1,132 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * featureCatalog: the feature list of the Features and roadmap page, read the
+ * way the board look draws it. A feature carries a status (available, beta,
+ * in progress or planned), an optional category and optional per-language
+ * titles (`title_nl`, `summary_nl`) next to the English ones.
+ *
+ * @module utils/featureCatalog
+ * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md
+ */
+
+/** The statuses, in the order the filter and the captions list them. */
+export const FEATURE_STATUSES = Object.freeze(['available', 'beta', 'in_progress', 'planned'])
+
+/** The badge variant of each status. */
+export const FEATURE_STATUS_VARIANTS = Object.freeze({
+	available: 'success',
+	beta: 'warning',
+	in_progress: 'primary',
+	planned: 'purple',
+})
+
+const STATUS_ALIASES = Object.freeze({
+	available: 'available',
+	stable: 'available',
+	done: 'available',
+	released: 'available',
+	shipped: 'available',
+	beta: 'beta',
+	preview: 'beta',
+	in_progress: 'in_progress',
+	'in-progress': 'in_progress',
+	inprogress: 'in_progress',
+	building: 'in_progress',
+	development: 'in_progress',
+	planned: 'planned',
+	roadmap: 'planned',
+	proposed: 'planned',
+	soon: 'planned',
+})
+
+/**
+ * The status key of a feature. A feature without a status is one the app
+ * ships, as every entry of the list was before statuses existed.
+ *
+ * @param {unknown} raw The feature's `status`.
+ * @return {string} One of FEATURE_STATUSES.
+ * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md#requirement-a-feature-has-one-of-four-statuses
+ */
+export function featureStatus(raw) {
+	if (typeof raw !== 'string' || raw.trim() === '') {
+		return 'available'
+	}
+	return STATUS_ALIASES[raw.trim().toLowerCase()] || 'available'
+}
+
+/**
+ * A text field of a feature in the reader's language: `title_nl` for a Dutch
+ * reader when the feature has one, else `title`.
+ *
+ * @param {object} feature The feature.
+ * @param {string} field `title` or `summary`.
+ * @param {string} [language] The reader's language tag (`nl`, `nl_NL`, `de-DE`).
+ * @return {string} The text, or ''.
+ * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md#requirement-a-feature-reads-in-the-readers-language
+ */
+export function featureText(feature, field, language = '') {
+	if (!feature || typeof feature !== 'object') {
+		return ''
+	}
+	const base = String(language || '').split(/[-_]/)[0].toLowerCase()
+	const own = base ? feature[`${field}_${base}`] : undefined
+	if (typeof own === 'string' && own.trim() !== '') {
+		return own
+	}
+	return typeof feature[field] === 'string' ? feature[field] : ''
+}
+
+/**
+ * How many features carry each status.
+ *
+ * @param {Array<{status: string}>} features Features with a normalised status.
+ * @return {{all: number, available: number, beta: number, in_progress: number, planned: number}} The counts.
+ * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md#requirement-the-status-filter-shows-a-count-per-status
+ */
+export function countByStatus(features) {
+	const counts = { all: features.length, available: 0, beta: 0, in_progress: 0, planned: 0 }
+	for (const feature of features) {
+		counts[feature.status] += 1
+	}
+	return counts
+}
+
+/**
+ * The features in the reader's language, grouped by category. Groups follow
+ * the order of `categories`; features without a known category come first,
+ * under no caption. Inside a group the features keep their given order.
+ *
+ * @param {Array<object>} features The raw features.
+ * @param {object} [categories] Category key to caption.
+ * @param {string} [language] The reader's language tag.
+ * @return {Array<{key: string, label: string, features: Array<object>}>} The groups; a group without features is left out.
+ * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md#requirement-features-are-grouped-by-category
+ */
+export function groupFeatures(features, categories = {}, language = '') {
+	const captions = categories && typeof categories === 'object' && !Array.isArray(categories) ? categories : {}
+	const groups = [{ key: '', label: '', features: [] }]
+	const byKey = { '': groups[0] }
+	for (const [key, label] of Object.entries(captions)) {
+		const group = { key, label: String(label), features: [] }
+		groups.push(group)
+		byKey[key] = group
+	}
+	for (const raw of Array.isArray(features) ? features : []) {
+		if (!raw || typeof raw !== 'object') {
+			continue
+		}
+		const feature = {
+			slug: String(raw.slug || raw.id || ''),
+			title: featureText(raw, 'title', language) || String(raw.slug || ''),
+			summary: featureText(raw, 'summary', language),
+			status: featureStatus(raw.status),
+			expected: typeof raw.expected === 'string' ? raw.expected : '',
+			docsUrl: typeof raw.docsUrl === 'string' ? raw.docsUrl : '',
+		}
+		const group = byKey[typeof raw.category === 'string' ? raw.category : ''] || byKey['']
+		group.features.push(feature)
+	}
+	return groups.filter((group) => group.features.length > 0)
+}

package/src/utils/fillTemplate.js

@@ -1,10 +1,11 @@
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
 // SPDX-License-Identifier: EUPL-1.2
 
-import { boardDateLocale, formatBoardDate, formatRelativeDate } from './boardDate.js'
+import { boardDateLocale, formatBoardDate, formatBoardWeekday, formatRelativeDate, formatTimeOfDay } from './boardDate.js'
 import { parseDateValue } from './dateVariant.js'
 import { formatMoney } from './formatMetric.js'
 import { readPath } from './readPath.js'
+import { userDisplayName } from './userDisplayName.js'
 
 const TOKEN = /\{([^{}\s|]+)(?:\|([a-z]+)(?::([^{}\s]+))?)?\}/g
 
@@ -32,11 +33,37 @@ export function formatBoardDateTime(value, now = new Date()) {
 	return `${day}, ${time}`
 }
 
+/**
+ * A date with the month written out: "7 oktober", or "6 oktober 2026"
+ * outside the current year or when `withYear` asks for it.
+ *
+ * @param {unknown} value A Date, a timestamp or an ISO string.
+ * @param {Date} now The reference moment.
+ * @param {boolean} [withYear] Always write the year.
+ * @return {string} The text, or '' when the value is not a date.
+ * @spec openspec/changes/screens-header-meta-tokens/specs/detail-page-board-look/spec.md#requirement-the-header-meta-line-formats-users-long-dates-and-enum-labels
+ */
+export function formatLongDate(value, now = new Date(), withYear = false) {
+	const date = parseDateValue(value)
+	if (date === null) {
+		return ''
+	}
+	const options = { day: 'numeric', month: 'long' }
+	if (withYear || date.getFullYear() !== now.getFullYear()) {
+		options.year = 'numeric'
+	}
+	try {
+		return new Intl.DateTimeFormat(boardDateLocale(), options).format(date)
+	} catch {
+		return new Intl.DateTimeFormat(undefined, options).format(date)
+	}
+}
+
 /**
  * Format one token value.
  *
  * @param {unknown} value The raw value.
- * @param {string} format `date`, `datetime`, `relative`, `relativetime`, `days` or '' (as is).
+ * @param {string} format `date`, `datetime`, `weekday`, `longdate`, `time`, `user`, `currency`, `relative`, `relativetime`, `days` or '' (as is).
  * @param {Date} now The reference moment.
  * @param {string} [arg] The format's argument (`currency:EUR`, or a row path holding the code).
  * @param {object|null} [object] The row, for a currency read from a field.
@@ -53,6 +80,19 @@ function formatValue(value, format, now, arg = '', object = null, config = null)
 	if (format === 'datetime') {
 		return formatBoardDateTime(value, now)
 	}
+	if (format === 'weekday') {
+		return formatBoardWeekday(value, now, { today: arg === 'today' })
+	}
+	if (format === 'longdate') {
+		return formatLongDate(value, now, arg === 'year')
+	}
+	if (format === 'user') {
+		return userDisplayName(value)
+	}
+	if (format === 'time') {
+		const date = parseDateValue(value)
+		return date === null ? '' : formatTimeOfDay(date)
+	}
 	if (format === 'currency') {
 		// `{amount|currency:EUR}` names the code, `{amount|currency:price.code}`
 		// reads it from the row, `{amount|currency}` is the app's reporting
@@ -79,7 +119,12 @@ function formatValue(value, format, now, arg = '', object = null, config = null)
  * `"Termijn {deadline|date}"` from an object.
  *
  * Every `{path}` token is a dot path into the object; `{path|date}` and
- * `{path|datetime}` format it as the boards write dates, `{path|currency}`,
+ * `{path|datetime}` format it as the boards write dates, `{path|weekday}` adds
+ * the short weekday ("wo 7 okt"; `{path|weekday:today}` reads "Vandaag, wo 7 okt"
+ * for today), `{path|longdate}` writes the month out ("7 oktober";
+ * `{path|longdate:year}` always adds the year), `{path|time}` is the time
+ * of day ("08:45"), `{path|user}` is a user id's display name (looked up
+ * once, '' until it arrives), `{path|currency}`,
  * `{path|currency:EUR}` and `{path|currency:field}` write an amount in a
  * currency (a code, or the row field that holds it; without either, or when
  * the row field is empty, the app's reporting currency), `{path|relative}` and
@@ -138,3 +183,38 @@ export function firstFilled(templates, object, translate = (key) => key, now = n
 	}
 	return ''
 }
+
+/**
+ * Fill a template such as `"{identifier} · {requester}"` field by field
+ * (a table column's `secondary` line, a detail page's meta line).
+ *
+ * A field without a value takes its separator with it: the text between two
+ * fields belongs to the field after it, so an empty requester leaves
+ * "2026-0002", not "2026-0002 ·", and an empty first field does not leave a
+ * leading separator either. Text before the first field and after the last
+ * one is kept as written. A template whose fields all have values fills
+ * exactly as before.
+ *
+ * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-an-empty-field-takes-its-separator-with-it
+ * @param {string} template The template, with `{field}` placeholders.
+ * @param {(key: string) => string} valueOf The text of a field ('' when empty).
+ * @return {string} The filled template.
+ */
+export function joinTemplateParts(template, valueOf) {
+	// split() with a capture group alternates literal, field, literal, …
+	const parts = template.split(/\{([^}]+)\}/)
+	const lead = parts[0]
+	const tail = parts[parts.length - 1]
+	let body = ''
+	for (let i = 1; i < parts.length; i += 2) {
+		const value = valueOf(parts[i].trim())
+		if (value === '') {
+			continue
+		}
+		// The literal before this field: the separator, unless nothing has
+		// been written yet (then there is nothing to separate from).
+		const separator = i === 1 ? '' : parts[i - 1]
+		body += (body === '' ? '' : separator) + value
+	}
+	return lead + body + tail
+}

package/src/utils/headerMeta.js

@@ -1,27 +1,77 @@
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
 // SPDX-License-Identifier: EUPL-1.2
 
-import { fillTemplate } from './fillTemplate.js'
+import { fillTemplate, joinTemplateParts } from './fillTemplate.js'
+import { readPath } from './readPath.js'
+
+/**
+ * The text of one plain `{path}` token: an enum field reads as its label
+ * (`x-enum-labels` / `enumLabels` on the schema property, through the
+ * translate function), anything else as the stored value.
+ *
+ * @param {object} object The record.
+ * @param {string} path The dotted path.
+ * @param {object|null} schema The record's schema.
+ * @param {(text: string) => string} translate The translate function.
+ * @return {string} The text, or '' when the field is empty.
+ */
+function plainTokenText(object, path, schema, translate) {
+	const value = readPath(object, path)
+	if (value === null || value === undefined || value === '' || typeof value === 'object') {
+		return ''
+	}
+	const property = schema && schema.properties && !path.includes('.') ? schema.properties[path] : null
+	const labels = property && (property.enumLabels || property['x-enum-labels'])
+	if (labels && typeof labels === 'object' && typeof labels[String(value)] === 'string') {
+		return translate(labels[String(value)])
+	}
+	return String(value)
+}
 
 /**
  * Fill a header meta template such as `"via {channel}"` or
- * `"received {createdAt|relative}"` from a record.
+ * `"{amount|currency:EUR} · {cashier|user} · {at|longdate} {at|time}"` from
+ * a record.
  *
  * Every `{path}` token (a dotted path into the record) is replaced by its
- * value; `{path|date}`, `{path|datetime}`, `{path|relative}`,
- * `{path|relativetime}` and `{path|days}` format a date as a record-list
- * row does (the shared `fillTemplate`). A token with no value drops the
- * WHOLE line, because "via " is worse than nothing. A template without
- * tokens is returned as written.
+ * value, an enum field by its label. `{path|format}` tokens format as a
+ * record-list row does (the shared `fillTemplate`: date, datetime, weekday,
+ * longdate, time, user, currency, relative, relativetime, days). A token
+ * without a value drops itself and the separator before it, so a missing
+ * cashier leaves "€ 96,41 · 7 oktober"; a line whose every token is empty
+ * is '' ("via " is worse than nothing). A template without tokens is
+ * returned as written.
  *
  * @param {string} template The template, already translated.
  * @param {object|null} object The record.
- * @param {Date} [now] The reference moment for dates.
- * @return {string} The line, or '' when it cannot be filled.
- * @spec openspec/changes/screens-detail-page-parity/specs/detail-page-board-look/spec.md#requirement-the-detail-header-is-two-rows-on-the-ground
+ * @param {Date|{now?: Date, schema?: object, translate?: Function, config?: object}} [options] The reference moment, or options: `schema` for enum labels, `translate` for those labels, `config` for the reporting currency.
+ * @return {string} The line, or '' when nothing can be filled.
+ * @spec openspec/changes/screens-header-meta-tokens/specs/detail-page-board-look/spec.md#requirement-the-header-meta-line-formats-users-long-dates-and-enum-labels
  */
-export function resolveHeaderMeta(template, object, now = new Date()) {
-	return fillTemplate(template, object, now)
+export function resolveHeaderMeta(template, object, options = {}) {
+	const settings = options instanceof Date ? { now: options } : (options || {})
+	const now = settings.now || new Date()
+	const translate = typeof settings.translate === 'function' ? settings.translate : (text) => text
+	if (typeof template !== 'string' || template.trim() === '') {
+		return ''
+	}
+	if (!/\{[^}]+\}/.test(template)) {
+		return template.trim()
+	}
+	if (!object || typeof object !== 'object') {
+		return ''
+	}
+	let filled = 0
+	const line = joinTemplateParts(template, (token) => {
+		const text = token.includes('|')
+			? fillTemplate(`{${token}}`, object, now, settings.config ? { config: settings.config } : null)
+			: plainTokenText(object, token, settings.schema || null, translate)
+		if (text !== '') {
+			filled += 1
+		}
+		return text
+	})
+	return filled === 0 ? '' : line.trim()
 }
 
 /**