@conduction/nextcloud-vue 2.117.0 → 2.118.0

package/l10n/en.json

@@ -1974,7 +1974,8 @@
     "Other open tasks": "Other open tasks",
     "Task {title} finished": "Task {title} finished",
     "Task {title} is yours": "Task {title} is yours",
-    "Fill in {field} before completing this task": "Fill in {field} before completing this task"
+    "Fill in {field} before completing this task": "Fill in {field} before completing this task",
+    "Search in this list": "Search in this list"
   },
   "plurals": {
     "{count} member": [

package/l10n/nl.json

@@ -2224,7 +2224,8 @@
     "{field}, up to": "{field}, tot en met",
     "Withheld": "Afgeschermd",
     "This value is not shown.": "Deze waarde wordt niet getoond.",
-    "You may not open the linked object, so its value is not shown.": "U mag het gekoppelde object niet openen, daarom wordt de waarde niet getoond."
+    "You may not open the linked object, so its value is not shown.": "U mag het gekoppelde object niet openen, daarom wordt de waarde niet getoond.",
+    "Search in this list": "Zoeken in deze lijst"
   },
   "plurals": {
     "{count} member": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.117.0",
+  "version": "2.118.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/CnActionsBar/CnActionsBar.vue

@@ -27,9 +27,9 @@
 				<input
 					type="search"
 					class="cn-actions-bar__search-input"
-					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search…')"
+					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					:value="searchValue"
-					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search')"
+					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					@input="onSearchInput">
 			</div>
 			<!--
@@ -117,9 +117,9 @@
 				<input
 					type="search"
 					class="cn-actions-bar__search-input"
-					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search…')"
+					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					:value="searchValue"
-					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search')"
+					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					@input="onSearchInput">
 			</div>
 			<span v-else-if="showCount && hasTotal" class="cn-actions-bar__count">
@@ -392,9 +392,9 @@
 				<input
 					type="search"
 					class="cn-actions-bar__search-input"
-					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search…')"
+					:placeholder="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					:value="searchValue"
-					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search')"
+					:aria-label="searchPlaceholder || t('nextcloud-vue', 'Search in this list')"
 					@input="onSearchInput">
 			</div>
 			<span v-else-if="showCount && hasTotal && !searchInToolbar" class="cn-actions-bar__count">

package/src/components/CnDashboardPage/CnDashboardPage.vue

@@ -120,6 +120,10 @@
 					<!-- @slot actions Back-compat alias for `#header-actions`. Prefer `#header-actions` in new code. -->
 					<slot name="actions" />
 				</template>
+				<CnActionButtons
+					v-else-if="boardSecondaryHeaderActions.length"
+					:actions="boardSecondaryHeaderActions"
+					data-testid="cn-dashboard-page-header-actions-secondary" />
 				<NcButton
 					v-if="allowEdit"
 					:variant="isEditing ? 'primary' : 'secondary'"
@@ -179,14 +183,14 @@
 						<slot name="action-items" />
 					</template>
 				</CnActionsMenu>
-				<!-- Board look: the row reads Edit layout, Actions, the buildiq
-				     square, then the manifest's header actions with the primary
-				     rightmost (screens-dashboard-parity). -->
+				<!-- Board look: the row reads the secondary header actions, Edit
+				     layout, Actions, the buildiq square, then the primary header
+				     actions rightmost (screens-dashboard-parity). -->
 				<template v-if="isBoardLook">
 					<CnBuildiqEditButton />
 					<CnActionButtons
-						v-if="headerActions && headerActions.length"
-						:actions="linkedHeaderActions"
+						v-if="boardPrimaryHeaderActions.length"
+						:actions="boardPrimaryHeaderActions"
 						data-testid="cn-dashboard-page-header-actions" />
 					<slot name="header-actions" />
 					<slot name="actions" />
@@ -2135,6 +2139,24 @@ export default {
 			return (this.headerActions || []).map(headerActionAsLink)
 		},
 
+		/**
+		 * Under the board look the header reads the secondary actions, the
+		 * edit toggle and Actions menu, the buildiq square, then the primary
+		 * actions, as on an index page (PtDashboard, DqDashboard).
+		 *
+		 * @return {Array<object>} The header actions that are not `variant: "primary"`.
+		 */
+		boardSecondaryHeaderActions() {
+			return this.linkedHeaderActions.filter((entry) => entry?.variant !== 'primary')
+		},
+
+		/**
+		 * @return {Array<object>} The `variant: "primary"` header actions, drawn after the buildiq square.
+		 */
+		boardPrimaryHeaderActions() {
+			return this.linkedHeaderActions.filter((entry) => entry?.variant === 'primary')
+		},
+
 		/**
 		 * The greeting for the time of day, with the reader's first (or
 		 * full) name when known, or '' when `greeting` is off.

package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue

@@ -348,6 +348,7 @@ import { resolveHeaderLink, widgetHeaderLink } from '../../utils/contentHeaderLi
 import { pickDeclaredProps } from '../../utils/declaredProps.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { isActivityWidget } from '../../utils/headerMeta.js'
+import { createActionState, listCreateAction } from '../../utils/listCreateAction.js'
 import { PANEL_ACTION_SINK } from '../../utils/panelActions.js'
 import { resolveDeepTokens } from '../../utils/resolveFilterTokens.js'
 import {
@@ -1254,7 +1255,12 @@ export default {
 			if (!['object-list', 'table'].includes(this.widget?.type)) {
 				return false
 			}
-			return this.content.allowCreate !== false
+			if (this.content.allowCreate === false) {
+				return false
+			}
+			// A declared `createAction` shows only where its visibleWhen holds,
+			// the same answer the list gives for its own Add buttons.
+			return createActionState(this.content, this.object).visible
 		},
 
 		/**
@@ -1285,6 +1291,10 @@ export default {
 
 		/** @return {string} Label for the catalog Add action. */
 		addLabel() {
+			const action = listCreateAction(this.content)
+			if (action && typeof action.label === 'string' && action.label !== '') {
+				return typeof this.cnTranslate === 'function' ? this.cnTranslate(action.label) : action.label
+			}
 			return t('nextcloud-vue', 'Add')
 		},
 

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -1375,6 +1375,7 @@ import { fetchGroupedCounts } from '../../utils/fetchAggregate.js'
 import { fetchFilterCounts, fetchListTotal } from '../../utils/fetchFilterCounts.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { buildExportUrl } from '../../utils/indexExportHelpers.js'
+import { labelsByField } from '../../utils/labelsByField.js'
 import { lensUnavailableText } from '../../utils/lensAvailability.js'
 import { isModifiedClick, openRowTarget } from '../../utils/linkNavigation.js'
 import { resolveClaimedTeams, resolveClaimTokens, splitViewsIntoTabs, viewAsTab, viewIdOf } from '../../utils/listLenses.js'
@@ -2208,14 +2209,16 @@ export default {
 		/**
 		 * Quick filters made from the values a field holds in this list
 		 * (manifest `config.quickFiltersFrom`): `{ field, register?, schema?,
-		 * labelField?, allLabel? }`. The page asks OpenRegister for the
+		 * valueField?, labelField?, allLabel? }`. The page asks OpenRegister for the
 		 * distinct values of `field` with their counts (within `filter`) and
 		 * draws "All" plus one tab per value, the most frequent first, each
 		 * with its count. With `register` and `schema` the values are ids of
 		 * records of that schema and each tab shows the record's `labelField`
-		 * (else its title or name). Ignored when `quickFilters` is set.
+		 * (else its title or name). With `valueField` as well, the values are
+		 * matched on that field of those records instead of their id (a slug).
+		 * Ignored when `quickFilters` is set.
 		 *
-		 * @type {{field: string, register?: string, schema?: string, labelField?: string, allLabel?: string}|null}
+		 * @type {{field: string, register?: string, schema?: string, valueField?: string, labelField?: string, allLabel?: string}|null}
 		 * @spec openspec/changes/index-quick-filters-from/specs/index-page/spec.md#requirement-quick-filters-can-come-from-a-field-s-values
 		 */
 		quickFiltersFrom: {
@@ -8727,7 +8730,9 @@ export default {
 				groups = []
 			}
 			let labels = {}
-			if (from.register && from.schema && groups.length > 0) {
+			if (from.register && from.schema && from.valueField && groups.length > 0) {
+				labels = await labelsByField({ register: from.register, schema: from.schema, field: from.valueField, values: groups.map((g) => g.key), labelField: from.labelField || '' }).catch(() => ({}))
+			} else if (from.register && from.schema && groups.length > 0) {
 				if (!this._quickFilterLabelResolver) {
 					this._quickFilterLabelResolver = createRefLabelResolver(() => {
 						try {

package/src/components/CnObjectListWidget/CnObjectListWidget.vue

@@ -243,12 +243,27 @@
 		<!-- `content.footnote`: a line under the table ("Awb 4:17 en 4:18"),
 		     through the host translate. Not while the list waits for its
 		     context or failed to load. -->
+		<!-- `content.summary`: counts over the loaded rows ("(1/2 completed)"). -->
+		<p
+			v-if="resolvedSummary && !waitingForContext && !error && rows.length > 0"
+			class="cn-object-list-widget__summary"
+			data-testid="cn-object-list-widget-summary">
+			{{ resolvedSummary }}
+		</p>
 		<p
 			v-if="resolvedFootnote && !waitingForContext && !error"
 			class="cn-object-list-widget__footnote"
 			data-testid="cn-object-list-widget-footnote">
 			{{ resolvedFootnote }}
 		</p>
+		<!-- Why the declared create action is withheld on this record
+		     (`content.createAction.hiddenNote`). -->
+		<p
+			v-if="createHiddenNote && !waitingForContext && !error"
+			class="cn-object-list-widget__hidden-note"
+			data-testid="cn-object-list-widget-hidden-note">
+			{{ createHiddenNote }}
+		</p>
 		<!-- Create affordance (ADR-062): every collection carries its Add at
 		     the bottom of the widget; the host card's Actions menu calls the
 		     same openCreate() through the public method. Suppressed while the
@@ -317,11 +332,13 @@ import { useWriteFeedback } from '../../composables/useWriteFeedback.js'
 import { actionLink, dispatchAction, hasActionTargetTokens } from '../../utils/actionsDispatcher.js'
 import { buildExportUrl } from '../../utils/indexExportHelpers.js'
 import { followLinkClick, openRowTarget, resolveHref } from '../../utils/linkNavigation.js'
+import { createActionState } from '../../utils/listCreateAction.js'
 import { objectDisplayName, objectFieldValue } from '../../utils/objectName.js'
 import { moveIndex, renumberRows, rowIdOf } from '../../utils/reorderRows.js'
 import { dropOptionalUnresolved, hasUnresolvedTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
 import { markNewTabHandled } from '../../utils/rowAuxClick.js'
 import { changedKeys } from '../../utils/saveEdited.js'
+import { evaluateVisibleWhenLocal } from '../../utils/visibleWhen.js'
 import { dispatchObjectCreated } from '../../utils/walkthroughSignals.js'
 import { getCurrentUserGroups } from '../../utils/widgetVisibility.js'
 import { CnRowActions } from '../CnRowActions/index.js'
@@ -447,6 +464,17 @@ export default {
 		 * those carrying a selected value. Client-side over the fetched page,
 		 * like the rest of this widget's row set.
 		 *
+		 * `createAction` (one action of the `rowActions` shape) replaces the
+		 * list's own create form: every Add, here and in the host card's menu,
+		 * runs it instead, labelled with its `label`. Its `visibleWhen` is
+		 * evaluated against the page record, and while it fails the Add is
+		 * hidden and `hiddenNote` (a string, or `[{ when, text }]` where the
+		 * first holding entry wins) is shown in its place.
+		 *
+		 * `summary` (`{ text, counts }`) is a line under the rows: `{total}` is
+		 * the number of loaded rows and each `counts` key the number of loaded
+		 * rows its `visibleWhen`-shaped condition holds for.
+		 *
 		 * `hideHeader: true` drops the table's column header row (CnDataTable's
 		 * `hideHeader`), for a short list that reads as rows, not as a table.
 		 *
@@ -1091,9 +1119,55 @@ export default {
 		/** Whether the create affordance renders (on by default; `content.allowCreate: false` opts out). */
 		allowCreate() {
 			const c = this.content || {}
+			if (this.createState.action) {
+				return c.allowCreate !== false && this.createState.visible
+			}
 			return c.allowCreate !== false && Boolean(c.register) && Boolean(c.schema)
 		},
 
+		/**
+		 * The declared `content.createAction` against the page record: the
+		 * action, whether it shows, and the untranslated note when it does not.
+		 *
+		 * @return {{action: (object|null), visible: boolean, note: string}}
+		 */
+		createState() {
+			return createActionState(this.content, this.objectCtx ? this.objectCtx.object : null)
+		},
+
+		/**
+		 * Why the create action is withheld, through the host translate, or ''.
+		 *
+		 * @return {string}
+		 */
+		createHiddenNote() {
+			const note = this.createState.note
+			const fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k
+			return note ? fn(note) : ''
+		},
+
+		/**
+		 * `content.summary` filled in: `{total}` is the number of loaded rows
+		 * and every `counts` key the number of loaded rows its condition holds
+		 * for. The text goes through the host translate first, so a catalogue
+		 * entry keeps its placeholders.
+		 *
+		 * @return {string}
+		 */
+		resolvedSummary() {
+			const summary = this.content.summary
+			if (!summary || typeof summary.text !== 'string' || summary.text === '') {
+				return ''
+			}
+			const fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k
+			const values = { total: this.rows.length }
+			const counts = summary.counts && typeof summary.counts === 'object' ? summary.counts : {}
+			for (const [key, cond] of Object.entries(counts)) {
+				values[key] = this.rows.filter((row) => evaluateVisibleWhenLocal(cond, row)).length
+			}
+			return fn(summary.text).replace(/\{(\w+)\}/g, (match, key) => (key in values ? String(values[key]) : match))
+		},
+
 		/**
 		 * NcDialog size for the create dialog (`content.formSize`).
 		 *
@@ -1214,6 +1288,11 @@ export default {
 			// `prompt`. It used to print raw, so a Dutch user read the English
 			// manifest string. A label an app already translated has no key
 			// of its own in the catalogue and comes back unchanged.
+			const action = this.createState.action
+			if (action && typeof action.label === 'string' && action.label !== '') {
+				const fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k
+				return fn(action.label)
+			}
 			if (this.content.addLabel) {
 				const fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k
 				return fn(this.content.addLabel)
@@ -1712,6 +1791,13 @@ export default {
 
 		async openCreate() {
 			const c = this.content || {}
+			const { action, visible } = this.createState
+			if (action) {
+				if (visible) {
+					this.dispatch(action)
+				}
+				return
+			}
 			if (!c.schema) {
 				return
 			}

package/src/components/CnRecordListWidget/CnRecordListWidget.vue

@@ -374,7 +374,7 @@ export default {
 
 	props: {
 		/**
-		 * The list config: `{ register, schema, filter?, sort?, limit?, extend?,
+		 * The list config: `{ register, schema, filter?, sort?, limit?, offset?, extend?,
 		 * presentation?, variant?, lead?, title?, meta?, text?, label?, pill?, trailing?, icon?,
 		 * rowRoute?, rowIdField?, headerLink?, headerNote?, emptyText?, errorText?,
 		 * valueLabels?, endpointSource?, bar? }`. `bar` (`{ valueField, maxField?,
@@ -603,10 +603,16 @@ export default {
 			return Number.isFinite(value) && value > 0 ? Math.floor(value) : 5
 		},
 
+		/** @return {number} How many rows of the list to skip first (`content.offset`), 0 by default. */
+		offset() {
+			const value = Number(this.content?.offset)
+			return Number.isFinite(value) && value > 0 ? Math.floor(value) : 0
+		},
+
 		/** @return {string} What a fetch depends on; a change fetches again. */
 		requestKey() {
 			const c = this.content || {}
-			return JSON.stringify([c.register, c.schema, this.resolvedFilter, this.effectiveSort, this.limit, c.extend, this.waiting])
+			return JSON.stringify([c.register, c.schema, this.resolvedFilter, this.effectiveSort, this.limit, this.offset, c.extend, this.waiting])
 		},
 
 		/** @return {Array<object>} The rows ready to draw. */
@@ -1485,6 +1491,9 @@ export default {
 				const url = generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: c.register, schema: c.schema })
 				const sort = this.effectiveSort
 				const params = { _limit: this.limit }
+				if (this.offset > 0) {
+					params._offset = this.offset
+				}
 				// A rank sort (`sort.rank`) cannot be one `_order`: the list endpoint
 				// orders a text field alphabetically. It is read group by group below.
 				const rank = this.rankOf(sort)

package/src/components/CnSearchPage/CnSearchPage.vue

@@ -21,13 +21,13 @@
 
 		<div class="cn-search-page__body">
 			<!-- Facet sidebar. -->
-			<aside v-if="facets.length > 0" class="cn-search-page__facets" data-testid="cn-search-page-facets">
+			<aside v-if="shownFacets.length > 0" class="cn-search-page__facets" data-testid="cn-search-page-facets">
 				<h3 class="cn-search-page__facets-title">
 					{{ facetsTitle }}
 				</h3>
-				<div v-for="facet in facets" :key="facet.key" class="cn-search-page__facet">
+				<div v-for="facet in shownFacets" :key="facet.key" class="cn-search-page__facet">
 					<h4 class="cn-search-page__facet-title">
-						{{ facet.label || facet.key }}
+						{{ shown(facet.label) || facet.key }}
 					</h4>
 					<ul class="cn-search-page__facet-options">
 						<li v-for="opt in facet.options"
@@ -39,7 +39,7 @@
 									:type="facet.multiple ? 'checkbox' : 'radio'"
 									:name="'facet-' + facet.key"
 									@change="toggleFacet(facet.key, opt.value, $event.target.checked, facet.multiple)">
-								<span>{{ opt.label || opt.value }}</span>
+								<span>{{ shown(opt.label) || opt.value }}</span>
 								<small v-if="typeof opt.count === 'number'" class="cn-search-page__facet-count">{{ opt.count }}</small>
 							</label>
 						</li>
@@ -55,11 +55,11 @@
 
 			<!-- Results pane. -->
 			<section class="cn-search-page__results" data-testid="cn-search-page-results">
-				<div v-if="loading" class="cn-search-page__loading">
+				<div v-if="shownLoading" class="cn-search-page__loading">
 					{{ loadingLabel }}
 				</div>
-				<ol v-else-if="results.length > 0" class="cn-search-page__list">
-					<li v-for="result in results"
+				<ol v-else-if="shownResults.length > 0" class="cn-search-page__list">
+					<li v-for="result in shownResults"
 						:key="result.id || (result.schema + ':' + (result.title || ''))"
 						class="cn-search-page__result"
 						:data-result-id="result.id"
@@ -86,8 +86,8 @@
 					{{ idleLabel }}
 				</p>
 
-				<div v-if="totalCount > 0 && totalCount > results.length" class="cn-search-page__more">
-					{{ totalCountLabel(totalCount, results.length) }}
+				<div v-if="shownTotal > 0 && shownTotal > shownResults.length" class="cn-search-page__more">
+					{{ totalCountLabel(shownTotal, shownResults.length) }}
 				</div>
 			</section>
 		</div>
@@ -192,6 +192,20 @@ export default {
 			type: Function,
 			default: (total, shown) => `Showing ${shown} of ${total} results.`,
 		},
+
+		/**
+		 * The lists the page searches itself (manifest `config.sources`). Each
+		 * `{ id?, label, register, schema, route?, titleField?, snippetField?,
+		 * limit? }`: one request per list with `_search`, results in the order
+		 * of the lists, and the lists offered as a Type filter with their
+		 * totals. `route` names the page a result opens, with its id. Empty
+		 * keeps the page controlled: `results` and `facets` come from props.
+		 *
+		 * @type {Array<object>}
+		 */
+		sources: { type: Array, default: () => [] },
+		/** The Type filter's heading when the page searches `sources`. */
+		typeLabel: { type: String, default: 'Type' },
 	},
 
 	emits: ['facets-change', 'query-change', 'result-click', 'search', 'update:query'],
@@ -199,18 +213,88 @@ export default {
 		return {
 			localQuery: this.query,
 			hasSearched: false,
+			// What a `sources` search found, per list, and the filter it keeps.
+			sourceRows: {},
+			sourceTotals: {},
+			sourceFacets: {},
+			sourceLoading: false,
+			sourceRun: 0,
 		}
 	},
 
 	computed: {
+		/** @return {boolean} Whether the page searches its own `sources`. */
+		searchesSources() {
+			return Array.isArray(this.sources) && this.sources.some((source) => source && source.register && source.schema)
+		},
+
+		/** @return {Array<object>} The lists searched, each with its key. */
+		sourceList() {
+			return (this.sources || [])
+				.filter((source) => source && source.register && source.schema)
+				.map((source) => ({ ...source, key: source.id || source.schema }))
+		},
+
+		/** @return {Record<string, Array<string>>} The active filter, the page's own when it searches `sources`. */
+		effectiveFacets() {
+			return this.searchesSources ? this.sourceFacets : (this.activeFacets || {})
+		},
+
+		/** @return {Array<object>} The facets shown: the Type filter of the lists, else the `facets` prop. */
+		shownFacets() {
+			if (!this.searchesSources) {
+				return this.facets
+			}
+			if (!this.hasSearched) {
+				return []
+			}
+			return [{
+				key: 'type',
+				label: this.typeLabel,
+				multiple: true,
+				options: this.sourceList.map((source) => ({
+					value: source.key,
+					label: source.label,
+					...(typeof this.sourceTotals[source.key] === 'number' ? { count: this.sourceTotals[source.key] } : {}),
+				})),
+			}]
+		},
+
+		/** @return {Array<object>} The results shown. */
+		shownResults() {
+			if (!this.searchesSources) {
+				return this.results
+			}
+			return this.activeSources.flatMap((source) => this.sourceRows[source.key] || [])
+		},
+
+		/** @return {number} The total of the results shown. */
+		shownTotal() {
+			if (!this.searchesSources) {
+				return this.totalCount
+			}
+			return this.activeSources.reduce((sum, source) => sum + (this.sourceTotals[source.key] || 0), 0)
+		},
+
+		/** @return {boolean} Whether a search is running. */
+		shownLoading() {
+			return this.searchesSources ? this.sourceLoading : this.loading
+		},
+
+		/** @return {Array<object>} The lists the Type filter leaves in, all when none is picked. */
+		activeSources() {
+			const picked = Array.isArray(this.effectiveFacets.type) ? this.effectiveFacets.type : []
+			return picked.length === 0 ? this.sourceList : this.sourceList.filter((source) => picked.includes(source.key))
+		},
+
 		/**
 		 * Whether any facet has at least one active value.
 		 *
 		 * @return {boolean}
 		 */
 		hasActiveFacets() {
-			for (const k of Object.keys(this.activeFacets || {})) {
-				if (Array.isArray(this.activeFacets[k]) && this.activeFacets[k].length > 0) {
+			for (const k of Object.keys(this.effectiveFacets)) {
+				if (Array.isArray(this.effectiveFacets[k]) && this.effectiveFacets[k].length > 0) {
 					return true
 				}
 			}
@@ -255,7 +339,7 @@ export default {
 		 * @return {boolean}
 		 */
 		isFacetActive(key, value) {
-			const arr = this.activeFacets[key]
+			const arr = this.effectiveFacets[key]
 			return Array.isArray(arr) && arr.includes(value)
 		},
 
@@ -269,7 +353,7 @@ export default {
 		 * @return {void}
 		 */
 		toggleFacet(key, value, checked, multiple) {
-			const next = { ...this.activeFacets }
+			const next = { ...this.effectiveFacets }
 			if (!multiple) {
 				next[key] = checked ? [value] : []
 			} else {
@@ -300,6 +384,9 @@ export default {
 			 * @type {Record<string,Array<string>>}
 			 */
 			this.$emit('facets-change', next)
+			if (this.searchesSources) {
+				this.sourceFacets = next
+			}
 			this.emitSearch()
 		},
 
@@ -340,7 +427,73 @@ export default {
 			 *   Combines query + active facets.
 			 * @type {{ query: string, facets: Record<string,Array<string>> }}
 			 */
-			this.$emit('search', { query: this.localQuery, facets: { ...this.activeFacets } })
+			this.$emit('search', { query: this.localQuery, facets: { ...this.effectiveFacets } })
+			if (this.searchesSources) {
+				this.searchSources()
+			}
+		},
+
+		/**
+		 * Search the lists the Type filter leaves in, one request each, and
+		 * keep what each found. A search started later wins over this one.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async searchSources() {
+			const run = this.sourceRun + 1
+			this.sourceRun = run
+			this.sourceLoading = true
+			const [{ default: axios }, { generateUrl }] = await Promise.all([
+				import('@nextcloud/axios'),
+				import('@nextcloud/router'),
+			])
+			const found = await Promise.all(this.activeSources.map(async (source) => {
+				const url = generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: source.register, schema: source.schema })
+				const limit = Number(source.limit) > 0 ? Math.floor(Number(source.limit)) : 10
+				try {
+					const response = await axios.get(url, { params: { _search: this.localQuery, _limit: limit } })
+					const data = response && response.data ? response.data : {}
+					const rows = Array.isArray(data.results) ? data.results : []
+					return { source, rows, total: typeof data.total === 'number' ? data.total : rows.length }
+				} catch (e) {
+					// eslint-disable-next-line no-console
+					console.warn('[CnSearchPage] could not search', source.schema, e)
+					return { source, rows: [], total: 0 }
+				}
+			}))
+			if (run !== this.sourceRun) {
+				return
+			}
+			const rows = { ...this.sourceRows }
+			const totals = { ...this.sourceTotals }
+			for (const { source, rows: list, total } of found) {
+				rows[source.key] = list.map((row) => this.resultOf(source, row))
+				totals[source.key] = total
+			}
+			this.sourceRows = rows
+			this.sourceTotals = totals
+			this.sourceLoading = false
+		},
+
+		/**
+		 * One found object as a result row.
+		 *
+		 * @param {object} source The list it came from.
+		 * @param {object} row The object.
+		 * @return {object} `{ id, title, snippet, schema, route }`.
+		 */
+		resultOf(source, row) {
+			const id = row && (row.id || row['@self']?.id)
+			const titleField = source.titleField || ''
+			const title = (titleField && row[titleField]) || row.title || row.name || id
+			const snippet = source.snippetField ? row[source.snippetField] : undefined
+			return {
+				id,
+				title: typeof title === 'string' ? title : String(title ?? ''),
+				...(typeof snippet === 'string' && snippet !== '' ? { snippet } : {}),
+				schema: this.shown(source.label) || source.schema,
+				route: source.route || '',
+			}
 		},
 
 		/**
@@ -355,6 +508,9 @@ export default {
 			 * @type {object}
 			 */
 			this.$emit('result-click', result)
+			if (this.searchesSources && result && result.route && result.id && this.$router) {
+				this.$router.push({ name: result.route, params: { id: result.id } })
+			}
 		},
 	},
 }