@conduction/nextcloud-vue 2.103.0 → 2.104.0

package/src/components/CnDetailPage/CnDetailPage.vue

@@ -1267,7 +1267,7 @@ import { isActivityWidget, resolveHeaderMeta } from '../../utils/headerMeta.js'
 import { patchStoredSelf } from '../../utils/patchStoredSelf.js'
 import { setReadState } from '../../utils/recordInteractions.js'
 import { slotRenders } from '../../utils/slotContent.js'
-import { evaluateVisibleWhen, isLocallyDecidableVisibleWhen } from '../../utils/visibleWhen.js'
+import { evaluateVisibleWhen, isLocallyDecidableVisibleWhen, readVisibleWhenPath } from '../../utils/visibleWhen.js'
 import {
 	isCardWidgetDef,
 	isContentOnlyWidgetDef,
@@ -2582,6 +2582,22 @@ export default {
 			default: () => [],
 		},
 
+		/**
+		 * A field path whose value picks the side column and its order for
+		 * this record (manifest `config.sideColumnFrom`), read like a
+		 * `visibleWhen` field: `@context.caseType.sideCards` reads the list a
+		 * case type keeps. A non-empty list of ids keeps those `sideColumn`
+		 * entries, in that order, and leaves the rest out; each still follows
+		 * its own `visibleWhen`. Any other value keeps `sideColumn` as
+		 * declared, so a record whose list is empty changes nothing.
+		 *
+		 * @spec openspec/changes/detail-side-column-from/specs/detail-page/spec.md#requirement-a-record-can-pick-the-side-column-and-its-order
+		 */
+		sideColumnFrom: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Draw the header as a card (manifest `config.headerCard: true`): the
 		 * pills, the title and the actions on the page's surface colour inside
@@ -3492,7 +3508,7 @@ export default {
 		 * @spec openspec/changes/detail-side-visible-when/specs/detail-page/spec.md#requirement-a-side-column-widget-shows-only-while-its-visiblewhen-holds
 		 */
 		sideColumnWidgets() {
-			const resolved = this.declaredSideWidgets.filter((widget) => this.sideWidgetVisible(widget))
+			const resolved = this.pickedSideWidgets.filter((widget) => this.sideWidgetVisible(widget))
 			if (!this.isBoard) {
 				return resolved
 			}
@@ -3504,6 +3520,28 @@ export default {
 				.map(({ widget }) => widget)
 		},
 
+		/**
+		 * The side column's definitions as the record picks them
+		 * (`sideColumnFrom`): the ids it lists, in its order, or every
+		 * declared entry when it lists none. Edit mode shows them all.
+		 *
+		 * @return {Array<object>}
+		 * @spec openspec/changes/detail-side-column-from/specs/detail-page/spec.md#requirement-a-record-can-pick-the-side-column-and-its-order
+		 */
+		pickedSideWidgets() {
+			const declared = this.declaredSideWidgets
+			if (!this.sideColumnFrom || this.editingBody || !this.widgetVisibilityData) {
+				return declared
+			}
+			const ids = readVisibleWhenPath(this.widgetVisibilityData, this.sideColumnFrom)
+			if (!Array.isArray(ids) || ids.length === 0) {
+				return declared
+			}
+			return ids
+				.map((id) => declared.find((widget) => widget.id === id) || null)
+				.filter(Boolean)
+		},
+
 		/**
 		 * The side column's entries resolved to definitions, before any
 		 * `visibleWhen` is read: a string names a widget declared in

package/src/components/CnIndexPage/CnIndexPage.md

@@ -389,6 +389,7 @@ export default {
 | `customComponents` | Object | `null` | Custom-component / handler registry. When set, takes precedence over the injected `cnCustomComponents` from CnAppRoot. Used to resolve `actions[].handler` registry names declared in the manifest (manifest-actions-dispatch). Named handlers resolve out of the v2 `registry` (a `kind: "handler"` entry) FIRST and fall back to this map. |
 | `showViewToggle` | Boolean | `true` | Whether to show the Cards/Table view toggle |
 | `inlineSearch` | Boolean | `false` | Show an inline search field in the actions bar (in addition to / instead of the sidebar search). Fed from the manifest as `pages[].config.inlineSearch`. The field takes the place of the "Showing X of Y" counter unless `showCountWithSearch` is set. |
+| `search` | Boolean | `true` | `false` draws no inline search in the actions bar, also in the board look, which otherwise draws one on every index page (manifest: `config.search`). Wins over `inlineSearch`. |
 | `showCountWithSearch` | Boolean | `false` | Keep the "Showing X of Y" counter visible beside the inline search field, after the search and any `#after-search` controls (only relevant with `inlineSearch`, which otherwise takes the counter's place). Fed from the manifest as `pages[].config.showCountWithSearch`. |
 | `searchInFiles` | Boolean | `false` | "Also search inside files" switch beside the search box (manifest `config.searchInFiles`). On, a search with a term sends `_content_search=true`; rows found through a file show "Found in {file}" (`@self.matchedFile`). State kept in the route as `contentSearch=1`. Emits `content-search`. |
 | `searchPlaceholder` | String | `''` | Placeholder for the inline search field (manifest `config.searchPlaceholder`). |
@@ -878,8 +879,9 @@ The list view (`view-mode="list"`) and standalone sort dropdown add these props:
 | `listConfig` | Object | `{}` | Field mapping for the default list rows (`CnObjectRow`). |
 | `listComponent` | String | `''` | Custom row component, resolved against the v2 `registry` (any kind carrying a `component`) and then the legacy `customComponents` map. |
 | `showSortSelect` | Boolean | `false` | Show a standalone sort dropdown in the actions bar. |
-| `sortSelectOptions` | Array | `[]` | Options `{ value, label }` for the sort dropdown. |
-| `sortSelectValue` | String | `''` | Selected sort dropdown value (controlled). |
+| `sortSelectOptions` | Array | `[]` | Options `{ value, label, order? }` for the sort dropdown. On a self-fetch page a choice orders the list as a header click does (`_order`, kept in the address): by the option's `order`, else its `value` read as an order (`"-createdAt"`, `"priority:desc,title"`). |
+| `sortSelectValue` | String | `''` | Selected sort dropdown value. Empty lets a self-fetch page show the option matching its current order, so a header click that matches an option shows it. |
+| `defaultOrder` | String, Object or Array | `''` | The order a self-fetch page opens on when neither the address nor `sortKeys`/`sortKey` gives one (manifest `config.defaultOrder`): `"-createdAt"`, `"priority:desc,title"`, an `_order` map `{ "priority": "desc" }` or a `[{ key, order }]` list. |
 
 The `#list-item`, `#row-icon`, `#row-badges`, and `#row-actions` slots override the list rows (see [CnObjectList](./cn-object-list.md)). Emits `@sort-change` with the chosen sort value.
 

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -191,8 +191,9 @@
 			:listIcon="listIcon"
 			:showSortSelect="showSortSelect"
 			:sortOptions="sortSelectOptions"
-			:sortValue="sortSelectValue"
-			:showSearch="inlineSearch || isBoardLook"
+			:sortValue="effectiveSortSelectValue"
+			:showSearch="search !== false && (inlineSearch || isBoardLook)"
+			:searchPlacement="searchPlacement"
 			:searchValue="effectiveSearchValue"
 			:searchPlaceholder="presented('searchPlaceholder') ? cnTranslate(presented('searchPlaceholder')) : presented('searchPlaceholder')"
 			:showCountWithSearch="showCountWithSearch"
@@ -209,7 +210,7 @@
 			:bulkActions="mergedBulkActions"
 			:documentationUrl="documentationUrl"
 			:documentationLabel="documentationLabel || undefined"
-			@sortChange="$emit('sort-change', $event)"
+			@sortChange="onSortSelectChange"
 			@add="onAddClick"
 			@clearSelection="onSelect([])"
 			@removeFilter="onRemoveActiveFilter"
@@ -675,8 +676,8 @@
 					:partial="folderSidebarPartial"
 					:filesPath="folderSidebar.filesPath || '/'"
 					:selectedId="selectedFolderId"
-					:allLabel="folderSidebar.allLabel || undefined"
-					:title="folderSidebar.title || ''"
+					:allLabel="folderSidebar.allLabel ? cnTranslate(folderSidebar.allLabel) : undefined"
+					:title="folderSidebar.title ? cnTranslate(folderSidebar.title) : ''"
 					:idField="folderPassthroughIdField"
 					:nameField="folderPassthroughNameField"
 					:allowCreate="Boolean(folderSidebar.allowCreate)"
@@ -701,6 +702,15 @@
 				<!-- @slot before-collection Content rendered above the collection in EVERY view mode (table, cards, list, map) — e.g. a folder/group strip that must stay visually separate from the objects instead of masquerading as rows or cards. -->
 				<slot name="before-collection" />
 
+				<!-- The selected folder as a heading above the list (a group on
+				     DqAfdelingen: its name, then its parent and member count). -->
+				<div v-if="scopeHeading" class="cn-index-page__scope-heading" data-testid="cn-index-page-scope-heading">
+					<h2 class="cn-index-page__scope-title">
+						{{ scopeHeading.name }}
+					</h2>
+					<span v-if="scopeHeading.subtitle" class="cn-index-page__scope-subtitle" data-testid="cn-index-page-scope-subtitle">{{ scopeHeading.subtitle }}</span>
+				</div>
+
 				<!-- Loading state — initial fetch only; a background refresh keeps the table visible -->
 				<div v-if="showInitialLoader" class="cn-index-page__loading">
 					<!-- name gives NcLoadingIcon a non-empty aria-label (WCAG role-img-alt); empty name ships an unlabeled role="img" -->
@@ -1300,6 +1310,7 @@ import { DEFAULT_ROW_INDICATOR_CAP } from '../../utils/rowIndicators.js'
 import { buildRouteQueryFromViewState, buildViewCreatePayload, extractViewState, extractViewStateFromRouteQuery, normalizeSharedWith, savedViewScope, viewMatchesScope } from '../../utils/savedViewHelpers.js'
 import { columnsFromSchema, fieldsFromSchema } from '../../utils/schema.js'
 import { resolveScopeLayout, resolveScopePresentation } from '../../utils/scopeListLayout.js'
+import { orderToSortKeys, sameSortKeys } from '../../utils/sortOrder.js'
 import { dispatchObjectCreated } from '../../utils/walkthroughSignals.js'
 import { CnActionButtons } from '../CnActionButtons/index.js'
 import { CnActionsBar } from '../CnActionsBar/index.js'
@@ -1969,7 +1980,10 @@ export default {
 		 * case" (manifest `config.headerButtons`). Each is `{ label?, action,
 		 * variant?, icon?, format?, id? }`: `action` is `add` (the Add flow;
 		 * its label defaults to the Add label), `export` (the export leaf in
-		 * `format`, `csv` by default, else the export dialog), `import`,
+		 * `format`, `csv` by default, else the export dialog; with `run` the
+		 * `headerActions` entry of that id; on an `entitySource` page without
+		 * `run` and without a `@mass-export` listener it is not drawn),
+		 * `import`,
 		 * `refresh`, `save-view` (the save-current-view dialog: the board's
 		 * "Zoekopdracht opslaan", label "Save view" by default), or the id of a
 		 * `headerActions` entry; `variant` is
@@ -2149,6 +2163,20 @@ export default {
 			validator: (v) => ['', 'toolbar'].includes(v),
 		},
 
+		/**
+		 * Where the board look's search field sits (manifest
+		 * `config.searchPlacement`): `''` (the default) opens row 2 with it,
+		 * `'toolbar'` puts it on row 1 before the Filter button and the view
+		 * switch (DqTeamwachtrij).
+		 *
+		 * @type {''|'toolbar'}
+		 */
+		searchPlacement: {
+			type: String,
+			default: '',
+			validator: (v) => ['', 'toolbar'].includes(v),
+		},
+
 		/**
 		 * How the quick filters render: `'chips'` (pill strip, default) or
 		 * `'dropdown'` (a single `NcSelect`). Sourced from the manifest as
@@ -3095,6 +3123,16 @@ export default {
 			default: false,
 		},
 
+		/**
+		 * `false` draws no inline search in the actions bar, also in the board
+		 * look, which otherwise draws one on every index page. Fed from the
+		 * manifest as `pages[].config.search`.
+		 */
+		search: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Keep the "Showing X of Y" counter visible beside the inline search field,
 		 * after any `#after-search` controls (only relevant with `inlineSearch`,
@@ -3162,12 +3200,28 @@ export default {
 			default: () => [],
 		},
 
-		/** Selected value of the standalone sort dropdown (controlled). */
+		/**
+		 * Selected value of the standalone sort dropdown. Empty lets a
+		 * self-fetch page show the option matching its current order.
+		 */
 		sortSelectValue: {
 			type: String,
 			default: '',
 		},
 
+		/**
+		 * The order a self-fetch page opens on when neither the address nor
+		 * `sortKeys`/`sortKey` gives one (manifest `config.defaultOrder`):
+		 * `"-createdAt"`, `"priority:desc,title"`, an `_order` map or a
+		 * `[{ key, order }]` list.
+		 *
+		 * @type {string|object|Array}
+		 */
+		defaultOrder: {
+			type: [String, Object, Array],
+			default: '',
+		},
+
 		/** MDI icon name for the list view-toggle option (manifest `config.listIcon`) */
 		listIcon: {
 			type: String,
@@ -4896,6 +4950,60 @@ export default {
 			return match || null
 		},
 
+		/**
+		 * The heading above the list for the selected folder: on a `groups`
+		 * pane (or with `folderSidebar.heading: true`), its name and, under
+		 * it, its parent folder and its count. The count reads
+		 * `folderSidebar.countText` (`{count}`, through the app's translate),
+		 * else "{count} members" on a groups pane.
+		 *
+		 * @return {{name: string, subtitle: string}|null} The heading, or null on All.
+		 */
+		scopeHeading() {
+			const cfg = this.folderSidebar
+			const scope = this.activeScope
+			if (!cfg || !scope || !(cfg.source === 'groups' || cfg.heading === true)) {
+				return null
+			}
+			const idField = this.folderPassthroughIdField
+			const name = String(this.getByPath(scope, this.folderPassthroughNameField) ?? this.selectedFolderId)
+			const parentId = scope.parentId ?? scope.parent ?? null
+			const parent = parentId === null || parentId === undefined
+				? null
+				: this.folderSidebarFolders.find((f) => f && String(this.getByPath(f, idField)) === String(parentId))
+			const parts = []
+			if (parent) {
+				parts.push(String(this.getByPath(parent, this.folderPassthroughNameField) ?? parentId))
+			}
+			if (typeof scope.count === 'number') {
+				if (cfg.countText) {
+					parts.push(this.cnTranslate(cfg.countText).replace('{count}', String(scope.count)))
+				} else if (cfg.source === 'groups') {
+					parts.push(n('nextcloud-vue', '{count} member', '{count} members', scope.count, { count: scope.count }))
+				}
+			}
+			return { name, subtitle: parts.join(' · ') }
+		},
+
+		/**
+		 * The sort select's shown value: `sortSelectValue` when the host
+		 * controls it, else on a self-fetch page the option whose order is the
+		 * list's current order (a header click that matches one shows it).
+		 *
+		 * @return {string} The option value, or '' when none matches.
+		 */
+		effectiveSortSelectValue() {
+			if (this.sortSelectValue) {
+				return this.sortSelectValue
+			}
+			if (!this.isSelfFetchMode || !this.list || !this.list.sortKeys) {
+				return ''
+			}
+			const current = this.list.sortKeys.value || []
+			const match = (this.sortSelectOptions || []).find((o) => o && sameSortKeys(this.sortSelectKeys(o), current))
+			return match ? match.value : ''
+		},
+
 		/**
 		 * The `x-index` block the active scope's own schema row carries, for a
 		 * folder list derived from a register. Empty for every other source:
@@ -6669,6 +6777,7 @@ export default {
 						variant: button.variant === 'primary' ? 'primary' : 'secondary',
 						icon,
 						format: button.format === 'excel' ? 'excel' : 'csv',
+						run: typeof button.run === 'string' ? button.run : '',
 						items: Array.isArray(button.items)
 							? button.items.filter((item) => (typeof item === 'string' && item !== '')
 								|| (item && typeof item === 'object' && typeof item.heading === 'string' && item.heading !== ''))
@@ -6676,6 +6785,10 @@ export default {
 					}
 				})
 				.filter((button) => button.label !== '')
+				// An Export with nothing to export through is not drawn: a
+				// named or endpoint source with no `run` and no `@mass-export`
+				// listener.
+				.filter((button) => button.action !== 'export' || this.headerExportAvailable(button))
 				// The Actions menu lists the page's header actions (or the
 				// entries its `items` name), so a menu with nothing to list
 				// is not drawn.
@@ -8464,7 +8577,9 @@ export default {
 			if (button.action === 'add') {
 				this.onAddClick()
 			} else if (button.action === 'export') {
-				if (this.register && this.exportSchemaSlug) {
+				if (button.run) {
+					this.onHeaderAction({ action: button.run, id: button.run })
+				} else if (this.register && this.exportSchemaSlug) {
 					this.onExportClick(button.format)
 				} else {
 					this.showExportDialog = true
@@ -8480,6 +8595,25 @@ export default {
 			}
 		},
 
+		/**
+		 * Whether a header Export has something to export through. Any page
+		 * listing OpenRegister objects (self-fetch or the consumer's
+		 * `objects`) keeps it; a named or endpoint source (`entitySource`)
+		 * needs a `run` naming one of the page's header actions, or a
+		 * `@mass-export` listener.
+		 *
+		 * @spec openspec/changes/index-header-export-source/specs/index-page/spec.md#requirement-a-header-export-is-drawn-only-when-it-can-export
+		 * @param {{run?: string}} button The resolved header button.
+		 * @return {boolean}
+		 */
+		headerExportAvailable(button) {
+			if (!this.isNamedSource || (button && button.run)) {
+				return true
+			}
+			const props = this.$ && this.$.vnode && this.$.vnode.props
+			return Boolean(props && typeof props.onMassExport === 'function')
+		},
+
 		/**
 		 * Click dispatch from CnActionsBar's `@header-action`. Looks
 		 * up the resolved entry by id, invokes its handler if any,
@@ -8600,6 +8734,38 @@ export default {
 			this.$emit('quick-filter-change', this.selectedQuickFilterIndices)
 		},
 
+		/**
+		 * The sort keys a sort-select option stands for: its `order` (any
+		 * `orderToSortKeys` form), else its `value` read as an order.
+		 *
+		 * @param {object} option A `sortSelectOptions` entry.
+		 * @return {Array<{key: string, order: string}>} The sort keys.
+		 */
+		sortSelectKeys(option) {
+			if (!option) {
+				return []
+			}
+			return orderToSortKeys(option.order !== undefined ? option.order : option.value)
+		},
+
+		/**
+		 * A choice in the sort select. On a self-fetch page it orders the list
+		 * as a header click does (`_order`, kept in the address); every page
+		 * also emits `sort-change` with the value.
+		 *
+		 * @param {string} value The chosen option's value.
+		 * @return {void}
+		 */
+		onSortSelectChange(value) {
+			const option = (this.sortSelectOptions || []).find((o) => o && o.value === value)
+			const keys = this.sortSelectKeys(option)
+			if (option && keys.length > 0 && this.isSelfFetchMode && typeof this.list.onSort === 'function') {
+				this.list.onSort({ key: keys[0].key, order: keys[0].order, keys })
+				this.persistViewStateToRoute(this.currentViewState())
+			}
+			this.$emit('sort-change', value)
+		},
+
 		/**
 		 * @param {{key: string, order: string, keys?: Array<{key: string, order: string}>}} payload Sort change from CnDataTable.
 		 * @return {void}

package/src/components/CnIndexPage/useSelfFetchList.js

@@ -7,6 +7,7 @@ import { useObjectStore } from '../../store/index.js'
 // without pulling in this composable's index-only sidebar/subscription wiring.
 import { withPersonalLenses } from '../../utils/personalLenses.js'
 import { parseSortKeysFromQuery, resolveFilterMap, resolveQueryFilters } from '../../utils/routeFilters.js'
+import { orderToSortKeys } from '../../utils/sortOrder.js'
 
 function resolveInitialQuickFilterIndex(quickFilters) {
 	const tabs = Array.isArray(quickFilters) ? quickFilters : null
@@ -219,9 +220,12 @@ export function useSelfFetchList(props, instance, inject, extras = {}) {
 	// legacy single-key `sortKey`/`sortOrder` props.
 	const initialRoute = instance && instance.proxy && instance.proxy.$route
 	// The page's own order, which a lens without a `sort` goes back to.
+	// `defaultOrder` (manifest `config.defaultOrder`) is the order of last
+	// resort, after `sortKeys` and `sortKey`.
+	const defaultOrderKeys = orderToSortKeys(props.defaultOrder)
 	const pageSortKeys = (Array.isArray(props.sortKeys) && props.sortKeys.length > 0)
 		? props.sortKeys
-		: (props.sortKey ? [{ key: props.sortKey, order: props.sortOrder || 'asc' }] : [])
+		: (props.sortKey ? [{ key: props.sortKey, order: props.sortOrder || 'asc' }] : defaultOrderKeys)
 	// The lens that is active on mount may set its own order.
 	const initialTabs = withPersonalLenses(props.quickFilters, props.personalLenses)
 	const initialTabSort = (!isMultiQuickFilter && Array.isArray(initialTabs))
@@ -230,6 +234,7 @@ export function useSelfFetchList(props, instance, inject, extras = {}) {
 	const initialSortKeys = parseSortKeysFromQuery(initialRoute)
 		|| initialTabSort
 		|| (Array.isArray(props.sortKeys) && props.sortKeys.length > 0 ? props.sortKeys : undefined)
+		|| (!props.sortKey && defaultOrderKeys.length > 0 ? defaultOrderKeys : undefined)
 	// Same deep-link restore for facet filters and search, so opening a
 	// shared/bookmarked URL reproduces the same view (CnIndexPage persists
 	// both back to the route on change).

package/src/components/CnObjectRow/CnObjectRow.vue

@@ -15,6 +15,22 @@
 				@update:modelValue="$emit('select', object)" />
 		</div>
 
+		<!-- `config.leading`: one cell before the title, as a table cell renders
+		     it (`{ key, widget?, widgetProps?, formatter? }`), e.g. the age
+		     "6 dagen" in the team queue. -->
+		<span
+			v-if="leadingCell"
+			class="cn-object-row__lead"
+			:style="leadingCell.width ? { width: leadingCell.width } : null"
+			data-testid="cn-object-row-lead">
+			<CnCellRenderer
+				:value="cellValue(leadingCell)"
+				:formatter="leadingCell.formatter || null"
+				:widget="leadingCell.widget || null"
+				:widgetProps="leadingCell.widgetProps || undefined"
+				:row="object" />
+		</span>
+
 		<!-- Leading icon / image — omitted entirely when nothing is configured
 		     (no image, no icon name, no slot). -->
 		<span v-if="hasLeadingIcon" class="cn-object-row__icon">
@@ -52,6 +68,22 @@
 			</slot>
 		</span>
 
+		<!-- `config.trailing`: cells after the badges, each in its own column
+		     (the case type badge, the due text). -->
+		<span
+			v-for="(cell, index) in trailingCells"
+			:key="cell.key + '-' + index"
+			class="cn-object-row__trail"
+			:style="cell.width ? { width: cell.width } : null"
+			data-testid="cn-object-row-trail">
+			<CnCellRenderer
+				:value="cellValue(cell)"
+				:formatter="cell.formatter || null"
+				:widget="cell.widget || null"
+				:widgetProps="cell.widgetProps || undefined"
+				:row="object" />
+		</span>
+
 		<!-- Trailing actions -->
 		<span v-if="$slots.actions"
 			class="cn-object-row__actions"
@@ -67,8 +99,11 @@
 <script>
 import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
 import { useClickDragGuard } from '../../composables/useClickDragGuard.js'
+import { joinTemplateParts } from '../../utils/fillTemplate.js'
+import { readPath } from '../../utils/readPath.js'
 import { resolveImageUrl } from '../../utils/resolveImageUrl.js'
 import { isRowMiddleClick, preventMiddleClickAutoscroll } from '../../utils/rowAuxClick.js'
+import { CnCellRenderer } from '../CnCellRenderer/index.js'
 import { CnIcon } from '../CnIcon/index.js'
 import { CnStatusBadge } from '../CnStatusBadge/index.js'
 
@@ -98,6 +133,7 @@ export default {
 
 	components: {
 		NcCheckboxRadioSwitch,
+		CnCellRenderer,
 		CnIcon,
 		CnStatusBadge,
 	},
@@ -119,7 +155,15 @@ export default {
 		 * Explicit field mapping. Every key is optional and overrides the
 		 * schema-configuration default.
 		 *
-		 * @type {{ titleField?: string, subtitleField?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object }}
+		 * `subtitleTemplate` fills `{field}` tokens from the row (empty parts and
+		 * their separators drop). `leading` (one cell) and `trailing` (a cell or
+		 * a list) draw cells as a table column does, `{ key, widget?,
+		 * widgetProps?, formatter? }`: `{ key: "createdAt", widget: "age" }`
+		 * reads "6 dagen", `{ key: "deadline", widget: "date", widgetProps: {
+		 * due: {} } }` the due text. A cell's `width` (CSS) lines the column
+		 * up across rows.
+		 *
+		 * @type {{ titleField?: string, subtitleField?: string, subtitleTemplate?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object, leading?: object, trailing?: (object|Array<object>) }}
 		 */
 		config: {
 			type: Object,
@@ -168,6 +212,13 @@ export default {
 		},
 
 		subtitle() {
+			if (typeof this.config.subtitleTemplate === 'string' && this.config.subtitleTemplate !== '') {
+				const text = joinTemplateParts(this.config.subtitleTemplate, (key) => {
+					const value = readPath(this.object, key)
+					return value === null || value === undefined ? '' : String(value)
+				})
+				return text.trim() || null
+			}
 			const field = this.config.subtitleField || this.schemaConfig.objectDescriptionField
 			if (field && this.object[field] !== null && this.object[field] !== undefined && this.object[field] !== '') {
 				return String(this.object[field])
@@ -215,9 +266,42 @@ export default {
 		badgeColorMap() {
 			return this.config.badgeColorMap || null
 		},
+
+		/**
+		 * The `config.leading` cell, or null.
+		 *
+		 * @spec openspec/changes/index-row-list-cells/specs/object-row/spec.md#requirement-a-list-row-can-carry-leading-and-trailing-cells
+		 * @return {object|null}
+		 */
+		leadingCell() {
+			const cell = this.config.leading
+			return cell && typeof cell === 'object' && typeof cell.key === 'string' && cell.key !== '' ? cell : null
+		},
+
+		/**
+		 * The `config.trailing` cells (one object or a list), those with a key.
+		 *
+		 * @spec openspec/changes/index-row-list-cells/specs/object-row/spec.md#requirement-a-list-row-can-carry-leading-and-trailing-cells
+		 * @return {Array<object>}
+		 */
+		trailingCells() {
+			const cells = this.config.trailing
+			const list = Array.isArray(cells) ? cells : (cells && typeof cells === 'object' ? [cells] : [])
+			return list.filter((cell) => cell && typeof cell === 'object' && typeof cell.key === 'string' && cell.key !== '')
+		},
 	},
 
 	methods: {
+		/**
+		 * A cell's value: the dot-path `key` read off the row.
+		 *
+		 * @param {{key: string}} cell The cell.
+		 * @return {unknown} The value.
+		 */
+		cellValue(cell) {
+			return readPath(this.object, cell.key)
+		},
+
 		/**
 		 * Row-body click: emits `select` when `selectable` (ignoring drags),
 		 * otherwise emits `click` for navigation.
@@ -297,6 +381,16 @@ export default {
 	background-color: var(--color-primary-element-light);
 }
 
+.cn-object-row__lead,
+.cn-object-row__trail {
+	flex: 0 0 auto;
+	min-width: 0;
+}
+
+.cn-object-row__lead {
+	font-weight: 600;
+}
+
 .cn-object-row__checkbox {
 	flex-shrink: 0;
 }

package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue

@@ -339,7 +339,11 @@ export default {
 	list-style: none;
 }
 
-.cn-user-settings-dialog__nav-link {
+/* A navigation entry, not a link in running text: no underline, also not
+   on hover. `!important` because a theme's `a { text-decoration }` carries
+   it (thematiq), and a bare `a` with `!important` beats any class. */
+.cn-user-settings-dialog__nav-link,
+.cn-user-settings-dialog__nav-link:visited {
 	display: flex;
 	align-items: center;
 	gap: 10px;
@@ -348,11 +352,12 @@ export default {
 	border-radius: var(--border-radius-element, 8px);
 	font-size: 15px;
 	color: var(--color-main-text);
-	text-decoration: none;
+	text-decoration: none !important;
 }
 
 .cn-user-settings-dialog__nav-link:hover {
 	background: var(--color-background-hover);
+	text-decoration: none !important;
 }
 
 .cn-user-settings-dialog__nav-link:focus-visible {

package/src/components/CnWidgetObjectTable/CnWidgetObjectTable.vue

@@ -368,6 +368,20 @@ export default {
 			default: 0,
 		},
 
+		/**
+		 * Rows per page: the board's pager under the table ("4 of 7", page
+		 * buttons, Next), forwarded to CnDataTable. It pages the rows the
+		 * widget holds; with a `source`, `source.limit` is how many are read
+		 * (OpenRegister's default page otherwise). 0 (the default) shows no
+		 * pager.
+		 *
+		 * @spec openspec/changes/object-table-pager/specs/object-table/spec.md#requirement-an-object-table-can-page-its-rows
+		 */
+		pageSize: {
+			type: Number,
+			default: 0,
+		},
+
 		/**
 		 * vue-router route object for the "View all" footer link. Forwarded
 		 * to CnDataTable (footer shows when the rows are a `limit`-ed subset).
@@ -611,7 +625,9 @@ export default {
 				params[`_order[${field}]`] = dir === 'desc' ? 'desc' : 'asc'
 			}
 			if (typeof src.limit === 'number' && src.limit > 0) {
-				params._limit = src.limit + 1
+				// Under a pager `limit` is how many rows the pages hold, not a
+				// "View all" cap that needs to see one more.
+				params._limit = this.pageSize > 0 ? src.limit : src.limit + 1
 			}
 			// `source.extend` (#91 Wave 3): forwarded as OR's repeated
 			// `_extend[]` param so virtual/declarative fields (e.g.
@@ -736,7 +752,7 @@ export default {
 				inner.register = this.source.register
 				inner.schemaId = this.source.schema
 				inner.fetchParams = this.resolvedFetchParams
-				if (typeof this.source.limit === 'number' && this.source.limit > 0) {
+				if (typeof this.source.limit === 'number' && this.source.limit > 0 && !(this.pageSize > 0)) {
 					inner.limit = this.source.limit
 				}
 			}

package/src/composables/indexSources.js

@@ -14,7 +14,7 @@ import { formatRelativeDate } from '../utils/boardDate.js'
 import { fetchReferenceObjects } from '../utils/boardReferenceColumns.js'
 import { fillTemplate } from '../utils/fillTemplate.js'
 import { FLOW_RUN_ERROR_STATUSES, flowRunStatuses } from '../utils/flowRunStatus.js'
-import { fetchGroupMembers, fetchPresence, fetchStatuses } from '../utils/nextcloudDirectory.js'
+import { fetchGroupMembers, fetchPresence, fetchStatuses, fetchUsers } from '../utils/nextcloudDirectory.js'
 import { readPath } from '../utils/readPath.js'
 import { useFlowStore } from './useFlowStore.js'
 import { organisationRecord, useOrganisationStore } from './useOrganisationStore.js'
@@ -1054,7 +1054,8 @@ function searchSource(config = {}, context = {}) {
  * DqAfdelingen). Pair it with `folderSidebar: { source: 'groups',
  * filterField: 'group' }`, which lists the groups as the folder tree; the
  * selected group arrives as `group`. `sourceConfig.group` is the group shown
- * before one is picked.
+ * before one is picked; without one, All lists every user the reader may
+ * list (all users for an admin, their groups' users for a sub-admin).
  *
  * Today is the dav app's out-of-office period when one runs now ("Absent
  * until 14 Oct"), else the user status (present, away) and its message. The
@@ -1088,14 +1089,13 @@ function usersSource() {
 		load: async (config) => {
 			const group = String((config && (config.group || config.defaultGroup)) || '')
 			const mine = ++seq
-			if (group === '') {
-				state.rows = []
-				return
-			}
 			state.loading = true
 			try {
 				const { default: axios } = await import('@nextcloud/axios')
-				const [members, statuses] = await Promise.all([fetchGroupMembers(axios, group), fetchStatuses(axios)])
+				const [members, statuses] = await Promise.all([
+					group === '' ? fetchUsers(axios, { limit: (config && config.limit) || 500 }) : fetchGroupMembers(axios, group),
+					fetchStatuses(axios),
+				])
 				const functionField = (config && config.functionField) || 'headline'
 				const rolesField = (config && config.rolesField) || 'role'
 				const rows = await Promise.all(members.map(async (user) => {