@conduction/nextcloud-vue 2.136.0 → 2.137.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.136.0",
+  "version": "2.137.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/CnAdminSettingsShell/CnAdminSettingsShell.vue

@@ -1,5 +1,8 @@
 <template>
-	<div class="cn-admin-settings-shell" :class="[ownLookClass, sectionColumns ? `cn-admin-settings-shell--columns-${sectionColumns}` : '']">
+	<div
+		class="cn-admin-settings-shell"
+		:class="[ownLookClass, sectionColumns ? `cn-admin-settings-shell--columns-${sectionColumns}` : '']"
+		:style="versionTitleSize ? { '--cn-board-version-title-size': `${versionTitleSize}px` } : null">
 		<!-- Names a development, test or acceptance environment; cannot be dismissed. Production shows nothing. -->
 		<CnEnvironmentBanner v-if="environmentName" :environment="environmentName" />
 
@@ -768,6 +771,15 @@ export default {
 			type: Object,
 			default: () => ({}),
 		},
+
+		/**
+		 * The board look's version card title size in px, when the app's board
+		 * draws it other than 17px (PqBeheer 19, OcInstellingen 18).
+		 */
+		versionTitleSize: {
+			type: Number,
+			default: 0,
+		},
 	},
 
 	emits: ['update', 'reimported', 'reimport-error', 'tab-change'],

package/src/components/CnAppNav/CnAppNav.vue

@@ -184,8 +184,9 @@
 					:key="item.id"
 					:name="resolveLabel(item)"
 					:data-testid="`cn-nav-caption-${item.id}`">
-					<template v-if="item.href" #actions>
+					<template v-if="item.href || item.action === 'user-settings'" #actions>
 						<NcActionLink
+							v-if="item.href"
 							:href="item.href"
 							:aria-label="captionEditLabel(item)"
 							:data-testid="`cn-nav-caption-edit-${item.id}`">
@@ -194,6 +195,16 @@
 							</template>
 							{{ captionEditLabel(item) }}
 						</NcActionLink>
+						<NcActionButton
+							v-else
+							:aria-label="captionEditLabel(item)"
+							:data-testid="`cn-nav-caption-edit-${item.id}`"
+							@click="cnOpenUserSettings()">
+							<template #icon>
+								<Pencil :size="20" />
+							</template>
+							{{ captionEditLabel(item) }}
+						</NcActionButton>
 					</template>
 				</NcAppNavigationCaption>
 				<!-- `type: "hint"`: a muted line, no link, as the empty "My
@@ -447,8 +458,9 @@
 							:key="item.id"
 							:name="resolveLabel(item)"
 							:data-testid="`cn-nav-caption-${item.id}`">
-							<template v-if="item.href" #actions>
+							<template v-if="item.href || item.action === 'user-settings'" #actions>
 								<NcActionLink
+									v-if="item.href"
 									:href="item.href"
 									:aria-label="captionEditLabel(item)"
 									:data-testid="`cn-nav-caption-edit-${item.id}`">
@@ -457,6 +469,16 @@
 									</template>
 									{{ captionEditLabel(item) }}
 								</NcActionLink>
+								<NcActionButton
+									v-else
+									:aria-label="captionEditLabel(item)"
+									:data-testid="`cn-nav-caption-edit-${item.id}`"
+									@click="cnOpenUserSettings()">
+									<template #icon>
+										<Pencil :size="20" />
+									</template>
+									{{ captionEditLabel(item) }}
+								</NcActionButton>
 							</template>
 						</NcAppNavigationCaption>
 						<NcAppNavigationItem
@@ -500,7 +522,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import { NcActionLink, NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
+import { NcActionButton, NcActionLink, NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
 import { toRaw } from 'vue'
 import BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'
 import Cog from 'vue-material-design-icons/Cog.vue'
@@ -595,6 +617,7 @@ export default {
 	name: 'CnAppNav',
 
 	components: {
+		NcActionButton,
 		NcActionLink,
 		Pencil,
 		NcAppNavigation,
@@ -1974,6 +1997,8 @@ export default {
 		 * `icon`, `count`, `children`, and `pinned`. A caption's `href` is
 		 * drawn as a pencil link beside the heading: the place where what
 		 * stands under it is changed (a user's own choice of entries, say).
+		 * `action: "user-settings"` draws the same pencil as a button that
+		 * opens the user settings dialog.
 		 *
 		 * @param {{ type?: string }} item Menu entry descriptor.
 		 * @return {boolean}

package/src/components/CnDataTable/CnDataTable.vue

@@ -346,7 +346,12 @@
 								     falls back to formatValue(). Columns with `aggregate` get a
 								     count of related objects (see cellValue/loadAggregates). The
 								     #column-{key} slot still wins. -->
+									<span
+										v-if="isTextZero(row, col)"
+										class="cn-table-cell__zero"
+										data-testid="cn-cell-zero">{{ cellValue(row, col) }}</span>
 									<CnCellRenderer
+										v-else
 										:value="cellValue(row, col)"
 										:property="columnProperty(col)"
 										:formatter="col.formatter || null"
@@ -2199,6 +2204,26 @@ export default {
 			return this.getCellValue(row, this.columnValueField(col))
 		},
 
+		/**
+		 * Whether an aggregate cell shows its `zeroLabel` as muted text instead
+		 * of through the column's widget (`aggregate.zeroAs: "text"`): a count
+		 * of zero, or a max with nothing to read.
+		 *
+		 * @param {object} row The row data.
+		 * @param {object} col The column definition.
+		 * @return {boolean}
+		 * @spec openspec/changes/aggregate-zero-as-text/specs/index-page/spec.md#requirement-a-count-column-can-show-its-zero-label-as-text
+		 */
+		isTextZero(row, col) {
+			const aggregate = col && col.aggregate
+			if (!aggregate || aggregate.zeroAs !== 'text' || typeof aggregate.zeroLabel !== 'string' || aggregate.zeroLabel === '') {
+				return false
+			}
+			const cached = this.aggregateValues[String(row[this.rowKey])]
+			const v = cached ? cached[col.key] : undefined
+			return v === 0 || v === '0' || v === null
+		},
+
 		/**
 		 * The row field a column's cell shows: `col.valueField` when set, else
 		 * `col.key`. The key stays what the header sorts and filters on, so a

package/src/components/CnDetailPage/CnDetailPage.vue

@@ -253,7 +253,7 @@
 				     card, next to the checklist that explains it, and not here
 				     as well: one primary button per page. -->
 				<NcButton
-					v-if="effectivePrimaryLabel && !showsNextStepCard"
+					v-if="effectivePrimaryLabel && !showsNextStepCard && stagePrimaryOnTab"
 					:id="primaryActionAnchorId"
 					ref="primaryActionButton"
 					variant="primary"
@@ -3832,6 +3832,19 @@ export default {
 				.slice(0, MAX_QUICK_ACTIONS)
 		},
 
+		/**
+		 * Whether the stage's primary button belongs beside the open body tab:
+		 * an inline stage action with `tabs`/`notTabs` follows the tab like a
+		 * quick action (DqZaakAssistent: no "Next step" beside AI oversight).
+		 * It stays in the Actions menu either way.
+		 *
+		 * @return {boolean} true when the button may show.
+		 * @spec openspec/changes/stage-primary-follows-tab/specs/detail-page/spec.md#requirement-a-stage-action-can-follow-the-open-tab
+		 */
+		stagePrimaryOnTab() {
+			return !this.stagePrimaryEntry || onTab(this.stagePrimary, this.activeBodyTab)
+		},
+
 		/**
 		 * The stage's primary action in dispatchable form: the menu entry
 		 * CnActionButtons built for it, with its `run()`. Null while the

package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue

@@ -99,6 +99,7 @@
 			:hideEmpty="content.hideEmpty === true || hideEmpty"
 			:columns="content.columns || 3"
 			:collapsedFields="content.collapsedFields ?? null"
+			:footnote="content.footnote || ''"
 			:editable="content.editable !== false" />
 
 		<!-- `type: 'related'` — resolves this object's relations and links into

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -926,7 +926,7 @@
 					<template v-if="hasRowActions" #row-actions="{ row }">
 						<slot name="row-actions" :row="row">
 							<CnRowActions
-								:actions="rowActionsFor(row)"
+								:actions="rowMenuActionsFor(row)"
 								:row="row"
 								:rowLabel="rowTitleFor(row)"
 								@action="onRowAction" />
@@ -1173,7 +1173,7 @@
 					<template v-if="hasRowActions || $slots['row-actions']" #row-actions="{ object }">
 						<slot name="row-actions" :row="object">
 							<CnRowActions
-								:actions="rowActionsFor(object)"
+								:actions="rowMenuActionsFor(object)"
 								:row="object"
 								:rowLabel="rowTitleFor(object)"
 								@action="onRowAction" />
@@ -1225,7 +1225,7 @@
 					<template v-if="hasRowActions" #card-actions="{ object }">
 						<slot name="row-actions" :row="object">
 							<CnRowActions
-								:actions="rowActionsFor(object)"
+								:actions="rowMenuActionsFor(object)"
 								:row="object"
 								:rowLabel="rowTitleFor(object)"
 								:triggerLabel="isBoardLook ? t('nextcloud-vue', 'More actions for {name}', { name: rowTitleFor(object) }) : ''"
@@ -1237,7 +1237,7 @@
 				<!-- Right-click context menu (positioned at cursor via CSS). Same per-row list as the row actions menu, so the two never drift. -->
 				<CnContextMenu
 					v-model:open="contextMenuOpen"
-					:actions="rowActionsFor(contextMenuShownRow)"
+					:actions="rowMenuActionsFor(contextMenuShownRow)"
 					:targetItem="contextMenuShownRow"
 					@action="onRowAction"
 					@close="closeContextMenu" />
@@ -8017,7 +8017,26 @@ export default {
 		},
 
 		hasRowActions() {
-			return this.$slots['row-actions'] || this.mergedActions.length > 0
+			const refs = this.columnActionRefs
+			return this.$slots['row-actions'] || this.mergedActions.some((action) => action && !refs.has(String(action.id || action.label)) && !refs.has(String(action.label)))
+		},
+
+		/**
+		 * The row actions an `actions` column already shows as buttons, by the
+		 * ids (or labels) its `widgetProps.actions` names. The row menu leaves
+		 * them out, so a row does not offer the same action twice (DqPostvak).
+		 *
+		 * @return {Set<string>}
+		 * @spec openspec/changes/column-actions-leave-the-row-menu/specs/column-actions-leave-the-row-menu/spec.md
+		 */
+		columnActionRefs() {
+			const refs = new Set()
+			for (const col of Array.isArray(this.columns) ? this.columns : []) {
+				if (col && typeof col === 'object' && col.widget === 'actions' && Array.isArray(col.widgetProps?.actions)) {
+					col.widgetProps.actions.forEach((ref) => refs.add(String(ref)))
+				}
+			}
+			return refs
 		},
 
 		/**
@@ -11864,6 +11883,22 @@ export default {
 			)
 		},
 
+		/**
+		 * The row menu's actions: the row's actions less those an `actions`
+		 * column already shows as buttons.
+		 *
+		 * @param {object} row The row.
+		 * @return {Array<object>}
+		 * @spec openspec/changes/column-actions-leave-the-row-menu/specs/column-actions-leave-the-row-menu/spec.md
+		 */
+		rowMenuActionsFor(row) {
+			const refs = this.columnActionRefs
+			if (refs.size === 0) {
+				return this.rowActionsFor(row)
+			}
+			return this.rowActionsFor(row).filter((action) => !refs.has(String(action.id || action.label)) && !refs.has(String(action.label)))
+		},
+
 		/**
 		 * The row's own name, for the row menu button's accessible name
 		 * ("Actions for <title>"): the `nameFormatter`, else the

package/src/components/CnObjectDataWidget/CnObjectDataWidget.md

@@ -141,3 +141,4 @@ export default {
 | `borderless` | Boolean | `false` | Drop the card border and background, for a host that draws its own (a tab panel). |
 | `flush` | Boolean | `false` | Drop the content padding, for a host that supplies its own inset. |
 | `chromeless` | Boolean | `false` | Draw no card at all: what a tab panel wants, in one prop instead of three. Implies `show-title="false"`, `borderless` and `flush`, and drops the header divider too. The Save button keeps its header. Forwarded to `CnWidgetWrapper`. |
+| `footnote` | String | `''` | A muted line under the fields, through the host translate (DqZaakContact "Ontvangstbevestiging"). |

package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue

@@ -396,6 +396,10 @@
 			</NcButton>
 		</div>
 
+		<p v-if="footnote" class="cn-object-data-widget__footnote" data-testid="cn-object-data-widget-footnote">
+			{{ cnTranslate(footnote) }}
+		</p>
+
 		<!-- Read-only @self metadata, surfaced on demand from the
 		     Metadata action item rather than as a permanent page widget. -->
 		<CnObjectMetadataModal
@@ -837,6 +841,17 @@ export default {
 			default: () => t('nextcloud-vue', 'No data available'),
 		},
 
+		/**
+		 * A muted line under the fields, through the host translate
+		 * (DqZaakContact "Ontvangstbevestiging").
+		 *
+		 * @spec openspec/changes/data-widget-footnote/specs/data-widget-footnote/spec.md#requirement-a-data-card-can-end-with-a-footnote
+		 */
+		footnote: {
+			type: String,
+			default: '',
+		},
+
 		/** Label for the Metadata item in the overflow Actions menu. */
 		metadataLabel: {
 			type: String,
@@ -2535,6 +2550,12 @@ export default {
 	outline: none;
 }
 
+.cn-object-data-widget__footnote {
+	margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
 .cn-object-data-widget__empty {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;

package/src/components/CnRegisterMapping/CnRegisterMapping.vue

@@ -72,6 +72,7 @@
 						:options="schemaSelectOptions(groupIdx)"
 						:placeholder="labels.selectSchema"
 						:inputLabel="type.label"
+						:clearable="false"
 						label="label"
 						trackBy="value"
 						@update:modelValue="handleSchemaChange(groupIdx, type, $event)" />
@@ -1371,6 +1372,12 @@ export default {
 	max-width: 50%;
 }
 
+/* DqBeheerinstellingen: the register select fills its half of the card. */
+.cn-register-mapping__selects-register :deep(.v-select) {
+	width: 100%;
+	max-width: none;
+}
+
 .cn-register-mapping__select-grid {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));

package/src/components/CnRetentionWidget/CnRetentionWidget.vue

@@ -603,13 +603,26 @@ export default {
 	margin: 0;
 }
 
+/* The server draws every dt as a 130px right-aligned inline block and pads
+   dt and dd 12px; a fact is a label over its value. */
+.cn-retention__fact dt,
+.cn-retention__fact dd {
+	display: block;
+	width: auto;
+	white-space: normal;
+	text-align: start;
+}
+
 .cn-retention__fact dt {
+	margin: 0;
+	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
 
 .cn-retention__fact dd {
 	margin: 0;
+	padding: 0;
 	font-weight: 600;
 }
 

package/src/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue

@@ -93,13 +93,23 @@ function loadSchema(register, schema) {
 /**
  * The names of referenced records, each asked once.
  *
- * @param {{register: string, schema: string, labelField: string, ids: Array<string>}} ref The reference filter.
+ * @param {{register: string, schema: string, labelField: string, matchField?: string, ids: Array<string>}} ref The reference filter; with `matchField` the ids are that field's values.
  * @return {Promise<{[id: string]: string}>}
  */
 async function loadLabels(ref) {
-	const prefix = `${ref.register}|${ref.schema}|${ref.labelField}|`
+	const prefix = `${ref.register}|${ref.schema}|${ref.labelField}|${ref.matchField || ''}|`
 	const missing = ref.ids.filter((id) => !labelCache.has(prefix + id))
-	if (missing.length > 0) {
+	// A value that identifies a record by another field: one read per value.
+	if (missing.length > 0 && ref.matchField) {
+		for (const value of missing) {
+			labelCache.set(prefix + value, getJson(`/apps/openregister/api/objects/${encodeURIComponent(ref.register)}/${encodeURIComponent(ref.schema)}`, { [ref.matchField]: value, _limit: 1 })
+				.then((data) => {
+					const row = Array.isArray(data && data.results) ? data.results[0] : null
+					return row ? pickRefLabel(row, ref.labelField) : null
+				})
+				.catch(() => null))
+		}
+	} else if (missing.length > 0) {
 		const request = getJson(`/apps/openregister/api/objects/${encodeURIComponent(ref.register)}/${encodeURIComponent(ref.schema)}`, { _ids: missing.join(','), _limit: missing.length })
 			.then((data) => {
 				const byId = {}
@@ -372,7 +382,7 @@ export default {
 				const fields = fieldsFromSchema(schema, { includeReadOnly: true })
 				const refs = this.candidates
 					.filter((c) => c.page === page.id)
-					.flatMap((c) => viewFilterReferences(c.state, fields))
+					.flatMap((c) => viewFilterReferences(c.state, fields, page.filterLabels))
 				for (const ref of refs) {
 					const labels = await loadLabels({ ...ref, register: ref.register || page.register })
 					if (Object.keys(labels).length === 0) {

package/src/components/CnTimelineWidget/CnTimelineManage.vue

@@ -169,6 +169,19 @@
 			</div>
 		</template>
 
+		<div v-if="composerOnly && canManage && composerEnabled"
+			class="cn-timeline-manage__header"
+			data-testid="cn-timeline-composer-heading">
+			<div class="cn-timeline-manage__heading">
+				<h3 class="cn-timeline-manage__title">
+					{{ composerTitleText }}
+				</h3>
+				<p class="cn-timeline-manage__subtitle">
+					{{ composerSubtitleText }}
+				</p>
+			</div>
+		</div>
+
 		<NcNoteCard v-if="composerOnly && error" type="error" data-testid="cn-timeline-error">
 			{{ error }}
 		</NcNoteCard>
@@ -332,6 +345,16 @@ export default {
 			return this.content.subtitle ? this.translate(this.content.subtitle) : t('nextcloud-vue', 'What happened, who did it and when, newest first')
 		},
 
+		/** @return {string} The title of the note form's own card (`composer: "only"`): `content.title`, else Add note. */
+		composerTitleText() {
+			return this.content.title ? this.translate(this.content.title) : t('nextcloud-vue', 'Add note')
+		},
+
+		/** @return {string} The line under that title: `content.subtitle`, else where the note goes. */
+		composerSubtitleText() {
+			return this.content.subtitle ? this.translate(this.content.subtitle) : t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')
+		},
+
 		publicLabel() {
 			return this.content.publicLabel ? this.translate(this.content.publicLabel) : t('nextcloud-vue', 'Visible to the requester')
 		},

package/src/components/CnTimelineWidget/dashboardRegistration.js

@@ -6,7 +6,8 @@
  * dashboardWidgetRegistry. Like `audit-trail` it is a DETAIL-PAGE surface:
  * the object comes from the page's object context. It has no config form
  * yet, so it is placed from the manifest and never offered in the
- * Add-widget picker.
+ * Add-widget picker. It draws its own title row and asks for the card, so a
+ * tab stack or the side column stands it in an untitled card.
  *
  * @spec openspec/changes/timeline-widget/specs/timeline-widget/spec.md#requirement-a-timeline-widget-shows-an-objects-dated-events-in-order
  */
@@ -29,4 +30,5 @@ registerDashboardWidget('timeline', {
 	icon: 'TimelineClockOutline',
 	surfaces: ['detail-page'],
 	ownsTitle: true,
+	chrome: 'card',
 })

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

@@ -1213,6 +1213,16 @@
 	font-weight: 500;
 }
 
+/* "Bewaren voor een procedure" and "Overdracht naar het e-Depot" are 15px/600
+   section titles over their rows, not the inner heading's 1.4em. */
+.cn-look-board .cn-retention .cn-retention__section > .cn-inner-heading,
+.cn-look-board .cn-retention .cn-retention__outcome > .cn-inner-heading {
+	margin: 4px 0 0;
+	font-size: 15px;
+	font-weight: 600;
+	line-height: 1.2;
+}
+
 /* ---- The task table's row button (CnTasksWidget table, DqZaakTaken) ------ */
 /* "Afronden" is a 34px secondary with 13px text 14px in. NcButton pads a
    text-only label 12px plus 4px inside; the doubled class outranks its

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

@@ -1368,6 +1368,7 @@
 	margin-inline-start: auto;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
+	white-space: nowrap;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record .cn-object-card__title {
@@ -1380,12 +1381,19 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
 
+/* The meta line, note and description are paragraphs: each hands the theme,
+   which sets paragraphs with `!important`, its own size and ink. */
 .cn-look-board .cn-object-card--board .cn-object-card__record-note {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-font-weight: 600;
+	--nldesign-component-paragraph-color: var(--cn-board-text-soft);
 	margin: 0;
 	color: var(--cn-board-text-soft);
 	font-size: 13px;
@@ -1393,10 +1401,12 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
+	--nldesign-component-paragraph-color: var(--cn-status-purple-text);
 	color: var(--cn-status-purple-text);
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--teal {
+	--nldesign-component-paragraph-color: var(--cn-status-teal-text);
 	color: var(--cn-status-teal-text);
 }
 
@@ -1433,6 +1443,9 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-description {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: 1.4;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
@@ -1869,6 +1882,22 @@
 	font-weight: 700;
 }
 
+/* A pill in a trailing cell stays inside the cell's width and ends in an
+   ellipsis, instead of running over the next cell (DqTeamwachtrij). */
+.cn-look-board .cn-object-row__trail .cn-cell-renderer:not(.cn-look-nextcloud *) {
+	display: block;
+	max-width: 100%;
+}
+
+.cn-look-board .cn-object-row__trail .cn-status-badge:not(.cn-look-nextcloud *) {
+	display: inline-block;
+	box-sizing: border-box;
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	vertical-align: middle;
+}
+
 /* ---- The map view's missing-address card (DqZakenKaart) ---------------- */
 /* The board draws "3 zaken zonder adres" as a 15px title at its normal line
    height with "Toon ze in de tabel" under it as a link flush with the title,
@@ -2030,3 +2059,24 @@
 .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__row:is(.cn-saved-views-panel__row--selected, :has(.action-item--open)) .cn-saved-views-panel__name-text {
 	color: var(--color-primary-element-light-text);
 }
+
+/* ---- The side-panel grid's row spacing --------------------------------- */
+/* The side-panel page is a grid of seven rows; a row-gap opens between every
+   pair, empty or not, so a page without below-header, stat row or chip row
+   drew 60px of nothing under its header (DqZoekresultaten). The grid has no
+   row gap here; each part that is present carries the section gap under it.
+   @spec openspec/changes/side-panel-grid-no-empty-row-gaps/specs/side-panel-grid-no-empty-row-gaps/spec.md */
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) {
+	row-gap: 0;
+}
+
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > :first-child,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__below-header,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__stat-row,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-actions-bar {
+	margin-bottom: var(--cn-board-section-gap);
+}
+
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__quick-filter-row {
+	margin-bottom: calc(var(--cn-board-section-gap) + 12px);
+}

package/src/css/look-board.css

@@ -2886,8 +2886,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	font-size: 14px;
 }
 
+/* The version card's title follows its board: 17px on DqInstellingenAlgemeen
+   and LrBeheerinstellingen; an app whose board draws another size passes the
+   shell's `versionTitleSize`.
+   @spec openspec/changes/board-version-title-size/specs/board-settings-card-controls/spec.md */
 .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(.cn-version-info--compact) > .settings-section__name {
-	font-size: 18px;
+	font-size: var(--cn-board-version-title-size, 17px);
 }
 
 /* ---- A card titled as a side card (`titleTone: "side"`) ------------------ */

package/src/css/table.css

@@ -203,6 +203,11 @@
 /* The overline of a cell (`columns[].overline` / `overlineText`): muted and
    smaller, on its own line above the value. Same theme hooks as the
    secondary line. */
+/* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
+.cn-data-table .cn-table-cell__zero {
+	color: var(--color-text-maxcontrast);
+}
+
 .cn-data-table .cn-table-cell__overline {
 	display: block;
 	color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));

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.154.0",
+	"version": "2.155.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -3609,7 +3609,9 @@
 			"else": {
 				"$ref": "#/$defs/actionFields",
 				"properties": {
-					"children": { "items": { "$ref": "#/$defs/headerAction" } }
+					"children": { "items": { "$ref": "#/$defs/headerAction" } },
+					"tabs": { "type": "array", "items": { "type": "string", "minLength": 1 }, "description": "As a `primaryActionByStage` entry: the body tabs beside which its header button shows (2.155.0)." },
+					"notTabs": { "type": "array", "items": { "type": "string", "minLength": 1 }, "description": "As a `primaryActionByStage` entry: the body tabs beside which its header button stands aside; it stays in the Actions menu (2.155.0)." }
 				},
 				"unevaluatedProperties": false
 			}

package/src/utils/contentHeaderLink.js

@@ -52,6 +52,8 @@ export function contentHeaderLink(content) {
 /**
  * The header link a widget DEFINITION declares: `headerLink` on the
  * definition itself, else what its content asks for (see contentHeaderLink).
+ * A view-all the widget draws under its own content
+ * (`viewAllPlacement: "footer"`) is not a header link.
  *
  * @param {object|null|undefined} widget A widget definition.
  * @return {{label: string, route?: string, params?: object, query?: object, href?: string}|null}
@@ -64,7 +66,11 @@ export function widgetHeaderLink(widget) {
 	if (declared && typeof declared === 'object' && typeof declared.label === 'string' && declared.label !== '') {
 		return declared
 	}
-	return contentHeaderLink(widget.content)
+	const content = widget.content
+	if (content && content.viewAllPlacement === 'footer' && !content.headerLink) {
+		return null
+	}
+	return contentHeaderLink(content)
 }
 
 /**