@conduction/nextcloud-vue 2.132.0 → 2.134.0

package/src/css/look-board.css

@@ -35,7 +35,7 @@
 	--cn-board-card-inline-padding: 22px;
 	--cn-board-card-padding: 20px var(--cn-board-card-inline-padding);
 	/* The side inset of a dashboard card: its title and its rows. */
-	--cn-board-dashboard-card-inset: 24px;
+	--cn-board-dashboard-card-inset: 22px;
 	/* Hairline inside a card, and the soft secondary text: the boards' #3d4047,
 	   between the main text and the muted text, so it follows a theme's pair. */
 	--cn-board-hairline: var(--color-border);
@@ -622,6 +622,15 @@
 	--button-size: 34px;
 }
 
+/* A detail page marked `cardButtons: "regular"` draws them at the 40px
+   control height: the case page's tab cards (DqZaakContact "Live gesprek",
+   DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
+   @spec openspec/changes/detail-card-buttons-regular/specs/detail-card-buttons/spec.md#requirement-a-detail-page-can-draw-its-card-header-buttons-at-the-control-height */
+.cn-look-board.cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)),
+.cn-look-board .cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
+
 /* The same beside a CnDetailCard's title (DqTaak "Notitie toevoegen" on the
    notes card, a detail card's declared header actions).
    @spec openspec/changes/board-detail-card-header-button-height/specs/board-detail-card-header-button-height/spec.md#requirement-a-labelled-detail-card-header-button-is-40px */
@@ -2244,14 +2253,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Record list on a dashboard card (PtDashboard) ---------------------- */
 /* The dashboard's card body is flush, so the rows carry their own inset: the
-   board's card pads 24px at the sides and each row 12px (the Dq dashboards;
+   board's card pads 22px at the sides and each row 12px (the Dq dashboards;
    the pipelinq board's 14px gives way), a soft hairline
    between rows, the title 15px weight 600 and the meta 13px muted. A row is a
    link, but only the hover says so: no underline on any text run, however the
    host styles its links (`!important`, because a host rule such as
    `#content a` outranks any class). The pill and the date sit at the right. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list {
-	padding: 0 24px 10px;
+	padding: 0 var(--cn-board-dashboard-card-inset) 10px;
 }
 
 /* Inside a plain or grid sections widget the sections body already takes
@@ -2357,7 +2366,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-widget-card-grid--in-cell {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* A record list drawn as cards (ShBank's bank accounts) keeps the rows' 24px
@@ -2366,7 +2375,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    draws them. A card is a link only by its hover: no underline on any text run.
    @spec openspec/changes/record-list-cards/specs/record-list-cards/spec.md#requirement-a-record-list-can-draw-its-rows-as-cards */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--cards {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper--borderless .cn-record-list--cards {
@@ -2380,9 +2389,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Saved views on a dashboard card (PqMijnWerk) ------------------------ */
 /* The card body is flush, so the list and its empty line carry the card's
-   inset themselves, the same 24px at the sides as a record list. */
+   inset themselves, the same card inset at the sides as a record list. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-saved-views-widget {
-	padding: 4px 24px 20px;
+	padding: 4px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* The board draws no chevron after the pill and date. */
@@ -2529,6 +2538,25 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	background: var(--color-primary-element);
 }
 
+/* An item's tone (`content.itemTones`) colours its dot (DqMijnWerk: a
+   reaction blue, a publication green, a handover grey).
+   @spec openspec/changes/nc-widget-item-tones/specs/nc-widget-item-tones/spec.md#requirement-a-nextcloud-widget-item-can-take-a-tone-from-its-app-or-type */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-success .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-success);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-neutral .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-warning .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-warning);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-error .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-error);
+}
+
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--vertical .cn-nc-widget-widget__item-icon-wrap img {
 	display: none;
 }

package/src/dialogs/CnPartyAddDialog.vue

@@ -0,0 +1,309 @@
+<!--
+  - SPDX-FileCopyrightText: 2026 Conduction B.V.
+  - SPDX-License-Identifier: EUPL-1.2
+-->
+
+<template>
+	<CnDialog
+		:look="look"
+		:width="width"
+		defaultWidth="form"
+		:eyebrow="eyebrow"
+		:subtitle="subtitle"
+		:name="dialogTitle"
+		size="normal"
+		:noClose="loading"
+		@closing="$emit('close')">
+		<div class="cn-party-add" data-testid="cn-party-add-dialog">
+			<fieldset v-if="canCreate" class="cn-party-add__mode">
+				<legend class="cn-party-add__legend">
+					{{ t('nextcloud-vue', 'Who') }}
+				</legend>
+				<NcCheckboxRadioSwitch
+					v-model="mode"
+					type="radio"
+					:name="`${idPrefix}-mode`"
+					value="existing"
+					:disabled="loading"
+					data-testid="cn-party-add-mode-existing">
+					{{ t('nextcloud-vue', 'Someone already known') }}
+				</NcCheckboxRadioSwitch>
+				<NcCheckboxRadioSwitch
+					v-model="mode"
+					type="radio"
+					:name="`${idPrefix}-mode`"
+					value="new"
+					:disabled="loading"
+					data-testid="cn-party-add-mode-new">
+					{{ createLabel }}
+				</NcCheckboxRadioSwitch>
+			</fieldset>
+
+			<CnPartyPicker
+				v-if="mode === 'existing'"
+				v-model="partyUuid"
+				:sources="sources"
+				:inputLabel="t('nextcloud-vue', 'Person')"
+				labelOutside
+				:disabled="loading"
+				data-testid="cn-party-add-picker" />
+
+			<template v-else>
+				<NcTextField
+					v-for="field in createFields"
+					:key="field.key"
+					:modelValue="values[field.key] || ''"
+					:label="field.label"
+					:type="inputType(field)"
+					:required="field.required === true"
+					:disabled="loading"
+					:data-testid="`cn-party-add-field-${field.key}`"
+					@update:modelValue="setValue(field.key, $event)" />
+			</template>
+
+			<NcSelect
+				:modelValue="roleOption"
+				:options="roleOptions"
+				label="label"
+				:clearable="false"
+				:inputLabel="t('nextcloud-vue', 'Role')"
+				:disabled="loading"
+				data-testid="cn-party-add-role"
+				@update:modelValue="role = $event ? $event.key : ''" />
+
+			<NcCheckboxRadioSwitch
+				v-if="allowPrimary"
+				v-model="primary"
+				type="checkbox"
+				:disabled="loading"
+				data-testid="cn-party-add-primary">
+				{{ primaryLabel }}
+			</NcCheckboxRadioSwitch>
+
+			<NcNoteCard v-if="error" type="error" data-testid="cn-party-add-error">
+				{{ error }}
+			</NcNoteCard>
+		</div>
+
+		<template #actions>
+			<NcButton :disabled="loading" data-testid="cn-party-add-cancel" @click="$emit('close')">
+				{{ t('nextcloud-vue', 'Cancel') }}
+			</NcButton>
+			<NcButton
+				variant="primary"
+				:disabled="loading || !complete"
+				data-testid="cn-party-add-confirm"
+				@click="confirm">
+				<template #icon>
+					<NcLoadingIcon v-if="loading" :size="20" :name="t('nextcloud-vue', 'Loading …')" />
+				</template>
+				{{ confirmLabel }}
+			</NcButton>
+		</template>
+	</CnDialog>
+</template>
+
+<script>
+import { translate as t } from '@nextcloud/l10n'
+import { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcSelect, NcTextField } from '@nextcloud/vue'
+import CnDialog from '../components/CnDialog/CnDialog.vue'
+import CnPartyPicker from '../components/CnPartyPicker/CnPartyPicker.vue'
+import { dialogBoardMixin } from '../mixins/dialogBoard.js'
+
+let uid = 0
+
+/**
+ * CnPartyAddDialog — give a party a role on a record: pick somebody already
+ * known (CnPartyPicker over `sources`), or describe a new person with the
+ * `create.fields` the host declares (no identifier needed: a name and an
+ * address are enough). Then a role from `roles`, and optionally "make this the
+ * primary party".
+ *
+ * The dialog writes nothing. `confirm` emits `{ mode, partyUuid, values, role,
+ * primary }`; the host creates the person when `mode` is `new`, links the
+ * party, then closes the dialog or calls `fail(message)` to show the refusal
+ * (a 403 when the reader may not update the record) and let them try again.
+ *
+ * @spec openspec/changes/object-parties-manage/specs/record-widgets/spec.md#requirement-the-parties-widget-can-add-and-remove-parties
+ */
+export default {
+	name: 'CnPartyAddDialog',
+
+	components: { CnDialog, CnPartyPicker, NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcSelect, NcTextField },
+
+	mixins: [dialogBoardMixin],
+
+	props: {
+		/** The dialog's title ("Add contact person"). */
+		dialogTitle: {
+			type: String,
+			default: () => t('nextcloud-vue', 'Add a party'),
+		},
+
+		/** The roles to choose from, `[{ key, label }]`, already in the reader's words. */
+		roles: {
+			type: Array,
+			default: () => [],
+		},
+
+		/** CnPartyPicker sources for somebody already known. */
+		sources: {
+			type: Array,
+			default: () => [],
+		},
+
+		/**
+		 * The fields of a new person, `[{ key, label, type? (text, email, integer), required? }]`,
+		 * labels already translated. None: only existing parties can be picked.
+		 */
+		createFields: {
+			type: Array,
+			default: () => [],
+		},
+
+		/** The choice that opens the new-person fields. */
+		createLabel: {
+			type: String,
+			default: () => t('nextcloud-vue', 'Someone new'),
+		},
+
+		/** Offer "make this the primary party". */
+		allowPrimary: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** The primary choice's words ("Main contact"). */
+		primaryLabel: {
+			type: String,
+			default: () => t('nextcloud-vue', 'Primary party'),
+		},
+
+		/** The confirm button's words. */
+		confirmLabel: {
+			type: String,
+			default: () => t('nextcloud-vue', 'Add'),
+		},
+	},
+
+	emits: ['close', 'confirm'],
+
+	data() {
+		uid += 1
+		return {
+			idPrefix: `cn-party-add-${uid}`,
+			mode: 'existing',
+			partyUuid: null,
+			values: {},
+			role: this.roles.length === 1 ? this.roles[0].key : '',
+			primary: false,
+			loading: false,
+			error: '',
+		}
+	},
+
+	computed: {
+		/** @return {boolean} Whether a new person can be described here. */
+		canCreate() {
+			return this.createFields.length > 0
+		},
+
+		/** @return {Array<{key: string, label: string}>} The role choices. */
+		roleOptions() {
+			return this.roles.filter((role) => role && role.key).map((role) => ({ key: role.key, label: role.label || role.key }))
+		},
+
+		/** @return {object|null} The chosen role's option. */
+		roleOption() {
+			return this.roleOptions.find((option) => option.key === this.role) || null
+		},
+
+		/** @return {boolean} Whether the choice is complete enough to send. */
+		complete() {
+			if (this.role === '') {
+				return false
+			}
+			if (this.mode === 'existing') {
+				return Boolean(this.partyUuid)
+			}
+			return this.createFields.every((field) => field.required !== true || String(this.values[field.key] || '').trim() !== '')
+		},
+	},
+
+	methods: {
+		t,
+
+		/**
+		 * The input type of a new-person field.
+		 *
+		 * @param {{type?: string}} field The field.
+		 * @return {string} `email`, `number` or `text`.
+		 */
+		inputType(field) {
+			if (field.type === 'email') {
+				return 'email'
+			}
+			return field.type === 'integer' ? 'number' : 'text'
+		},
+
+		/**
+		 * Set one new-person field.
+		 *
+		 * @param {string} key The field key.
+		 * @param {string} value The value.
+		 * @return {void}
+		 */
+		setValue(key, value) {
+			this.values = { ...this.values, [key]: value }
+		},
+
+		/** @return {void} Hand the choice to the host. */
+		confirm() {
+			if (!this.complete) {
+				return
+			}
+			this.loading = true
+			this.error = ''
+			this.$emit('confirm', {
+				mode: this.mode,
+				partyUuid: this.mode === 'existing' ? String(this.partyUuid) : null,
+				values: this.mode === 'new' ? { ...this.values } : {},
+				role: this.role,
+				primary: this.allowPrimary && this.primary === true,
+			})
+		},
+
+		/**
+		 * The host could not write: show why and let the reader try again.
+		 *
+		 * @param {string} message The refusal.
+		 * @return {void}
+		 */
+		fail(message) {
+			this.loading = false
+			this.error = message || t('nextcloud-vue', 'The party could not be added.')
+		},
+	},
+}
+</script>
+
+<style scoped>
+.cn-party-add {
+	display: flex;
+	flex-direction: column;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+
+.cn-party-add__mode {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.cn-party-add__legend {
+	margin-bottom: var(--default-grid-baseline, 4px);
+	font-weight: 600;
+}
+</style>

package/src/index.js

@@ -74,6 +74,7 @@ export {
 	CnChoicePickerWidget,
 	CnColorPicker,
 	CnCommandPalette,
+	CnConditionListEditor,
 	CnConfigurationCard,
 	CnContactCreate,
 	CnContactPicker,
@@ -599,6 +600,7 @@ export { ROADMAP_LABEL_BLOCKLIST } from './utils/roadmapLabelBlocklist.js'
 // The words a person reads for a notification rule key (never the raw key).
 export { humaniseRuleKey, notificationRuleLabel } from './utils/notificationRuleLabel.js'
 export { readTransitionInputs } from './utils/transitionInputs.js'
+export { conditionSentence, formatConditionValue, operatorLabel, operatorsForType, operatorTakesValue } from './components/CnConditionListEditor/conditionOperators.js'
 // An identifier-shaped key made readable (`shortDescription` → "Short description").
 export { humaniseKey } from './utils/humaniseKey.js'
 

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.152.0",
+	"version": "2.153.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -3249,6 +3249,22 @@
 					"default": false,
 					"description": "Confirm-gating (object-op + #91 Wave 3 api-call / open-form + agent): when true, the action presents a CnConfirmDialog before running (the dispatcher / CnActionButtons runs AFTER confirmation). object-op delete ALWAYS confirms regardless of this flag."
 				},
+				"confirmTitle": {
+					"type": "string",
+					"description": "confirm: true: the confirm dialog's title, through the host translate. Absent: the action's label."
+				},
+				"confirmMessage": {
+					"type": "string",
+					"description": "confirm: true: the question the confirm dialog asks, through the host translate. Absent: 'Are you sure you want to continue?'."
+				},
+				"confirmLabel": {
+					"type": "string",
+					"description": "confirm: true: the confirm button's label, through the host translate, e.g. 'Record it'. Absent: 'Confirm'."
+				},
+				"confirmIcon": {
+					"type": "string",
+					"description": "confirm: true: a CnIcon name drawn on the confirm button, e.g. 'Check'. Absent: no icon."
+				},
 				"target": {
 					"type": "string",
 					"description": "Destination for open-modal (modal id), open-page (route name), or navigate (URL). Ignored for handler type."

package/src/store/plugins/liveUpdates.js

@@ -401,12 +401,15 @@ export function liveUpdatesPlugin(opts = {}) {
 
 			// Detached: the store outlives the component whose setup first
 			// used it, and an attached observer is removed with that scope.
-			store.$onAction(({ name, args, after }) => {
+			// Recorded when the fetch starts, so a hint arriving while it is in
+			// flight repeats it rather than the query before. An append page
+			// (the board's "Load more") is not a query of its own.
+			store.$onAction(({ name, args }) => {
 				if (name === 'fetchCollection') {
-					const [type, params = {}] = args
-					after(() => {
+					const [type, params = {}, options = {}] = args
+					if (!(options && options.append === true)) {
 						store.__lastCollectionParams.set(type, params)
-					})
+					}
 				}
 			}, true)
 
@@ -440,6 +443,12 @@ export function liveUpdatesPlugin(opts = {}) {
 				}
 				const key = collectionDedupKey(type, params)
 				let entry = collectionInFlight.get(key)
+				if (entry && !(options && options.append === true)) {
+					// Joining makes the shared request's query the newest again.
+					const currentQuery = store.__currentCollectionQuery || (store.__currentCollectionQuery = {})
+					currentQuery[type] = JSON.stringify(params)
+					store.__lastCollectionParams.set(type, params)
+				}
 				if (!entry) {
 					// The shared request reports into its own sink, copied to
 					// each caller's `options.outcome` below, so a caller that

package/src/store/useObjectStore.js

@@ -714,10 +714,20 @@ const baseActions = {
 	 * @param {{error?: object|null}} [options.outcome] Opt-in sink for THIS call's own result: `error` is set to the error it records on `errors[type]`, or `null` on success. Unlike `errors[type]`, which every call for the type shares, a later call cannot overwrite it.
 	 * @param {boolean} [options.append] Add the fetched page after the rows already stored instead of replacing them. Dropped when the stored rows are no longer the page before it, or when `options.isCurrent()` returns false (the query changed meanwhile).
 	 * @param {() => boolean} [options.isCurrent] With `append`: asked once the page arrives; false drops it.
-	 * @return {Promise<Array>} The fetched collection (also stored in state)
+	 * @return {Promise<Array>} The fetched collection (also stored in state, unless a newer non-append fetch for the type started meanwhile)
+	 * @spec openspec/changes/list-keeps-its-newest-query/specs/list-keeps-its-newest-query/spec.md#requirement-the-newest-list-query-decides-what-the-list-shows
 	 */
 	async fetchCollection(type, params = {}, options = {}) {
 		const outcome = (options && typeof options.outcome === 'object' && options.outcome) || null
+		const append = options?.append === true
+		// Responses can arrive out of order; only the newest query for the
+		// type may write the list. An append page belongs to the query before it.
+		const currentQuery = this.__currentCollectionQuery || (this.__currentCollectionQuery = {})
+		if (!append) {
+			currentQuery[type] = JSON.stringify(params)
+		}
+		const query = currentQuery[type]
+		const superseded = () => currentQuery[type] !== query
 		this.loading = { ...this.loading, [type]: true }
 		this.errors = { ...this.errors, [type]: null }
 
@@ -746,10 +756,13 @@ const baseActions = {
 
 			if (!response.ok) {
 				const failure = await parseResponseError(response, type)
-				this.errors = { ...this.errors, [type]: failure }
 				if (outcome) {
 					outcome.error = failure
 				}
+				if (superseded()) {
+					return []
+				}
+				this.errors = { ...this.errors, [type]: failure }
 				// eslint-disable-next-line no-console -- diagnostic for a failure this code already degrades from
 				console.error(`Error fetching ${type} collection:`, failure)
 				return []
@@ -757,8 +770,13 @@ const baseActions = {
 
 			const data = await response.json()
 			const results = data.results || data
-			const append = options?.append === true
 
+			if (superseded()) {
+				if (outcome) {
+					outcome.error = null
+				}
+				return append ? [] : results
+			}
 			const stale = append && (
 				Number(this.pagination[type]?.page || 1) !== Number(params._page || 1) - 1
 				|| (typeof options.isCurrent === 'function' && !options.isCurrent())
@@ -797,15 +815,20 @@ const baseActions = {
 			const failure = error.name === 'TypeError'
 				? networkError(error)
 				: genericError(error)
-			this.errors = { ...this.errors, [type]: failure }
 			if (outcome) {
 				outcome.error = failure
 			}
+			if (superseded()) {
+				return []
+			}
+			this.errors = { ...this.errors, [type]: failure }
 			// eslint-disable-next-line no-console -- diagnostic for a failure this code already degrades from
 			console.error(`Error fetching ${type} collection:`, error)
 			return []
 		} finally {
-			this.loading = { ...this.loading, [type]: false }
+			if (!superseded()) {
+				this.loading = { ...this.loading, [type]: false }
+			}
 		}
 	},
 

package/src/utils/detailActionModel.js

@@ -17,6 +17,7 @@
  */
 
 import { variantForColor } from './headerFieldChips.js'
+import { isObjectRowsSpec, objectRowsOf } from './objectRows.js'
 import { readPath } from './readPath.js'
 import { evaluateVisibleWhenLocal } from './visibleWhen.js'
 
@@ -335,6 +336,7 @@ export function pillLook(look) {
  * @param {object|null} object The record.
  * @return {number|null} The count, or null when the tab declares none.
  * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-tab-counts-and-overflow
+ * @spec openspec/changes/record-list-object-rows/specs/record-list/spec.md#requirement-a-tab-can-count-the-rows-its-record-holds
  */
 export function resolveTabCount(tab, object) {
 	if (!tab || typeof tab !== 'object') {
@@ -343,6 +345,10 @@ export function resolveTabCount(tab, object) {
 	if (typeof tab.count === 'number' && Number.isFinite(tab.count)) {
 		return tab.count
 	}
+	// `countObjectRows`: the rows the record holds where it points, as a record list's `objectRows`.
+	if (isObjectRowsSpec(tab.countObjectRows)) {
+		return objectRowsOf(object, tab.countObjectRows).length
+	}
 	if (typeof tab.countField !== 'string' || tab.countField === '') {
 		const counts = object && typeof object === 'object' && object['@self'] && object['@self'].unreadCounts
 		const key = tab.unreadKey || tab.id || tab.widgetId

package/src/utils/listLenses.js

@@ -74,6 +74,12 @@ export function splitViewsIntoTabs(views, tabIds) {
  * One saved view as a tab for CnQuickFilterBar, so a lens renders through the
  * tab strip the page already has rather than a second one beside it.
  *
+ * Its filter is the view's own `filters`/`filter`, else what an OpenRegister
+ * view (and a default view) keeps in its query: `query.filters` with the
+ * locked conditions of `query.overrides.lockedFilters` under them. Reading
+ * only the first left a stored view with no filter, so every view in the
+ * side panel counted the whole list.
+ *
  * @param {object} view A saved view.
  * @return {{id: string, label: string, filter: object}}
  */
@@ -81,10 +87,23 @@ export function viewAsTab(view) {
 	return {
 		id: viewIdOf(view),
 		label: (view && (view.title || view.name)) || viewIdOf(view),
-		filter: (view && (view.filters || view.filter)) || {},
+		filter: (view && (view.filters || view.filter)) || queryFilterOf(view),
 	}
 }
 
+/**
+ * The conditions a stored view's query applies: its locked filters, then its filters.
+ *
+ * @param {object} view A saved view.
+ * @return {object}
+ */
+function queryFilterOf(view) {
+	const query = view && view.query && typeof view.query === 'object' ? view.query : {}
+	const plain = (value) => (value && typeof value === 'object' && !Array.isArray(value) ? value : {})
+	const locked = plain(query.overrides && query.overrides.lockedFilters)
+	return { ...locked, ...plain(query.filters) }
+}
+
 /**
  * The teams this person is treated as having claimed.
  *