@conduction/nextcloud-vue 2.143.0 → 2.144.0

package/src/integrations/builtin/calendar/CnCalendarCard.vue

@@ -83,22 +83,42 @@
 				v-for="ev in displayedEvents"
 				:key="rowKey(ev)"
 				class="cn-calendar-card__row">
-				<div class="cn-calendar-card__row-icon">
-					<CalendarClock v-if="isUpcoming(ev)" :size="20" class="cn-calendar-card__icon--upcoming" />
-					<CalendarCheck v-else :size="20" class="cn-calendar-card__icon--past" />
-				</div>
-				<div class="cn-calendar-card__row-main">
-					<span class="cn-calendar-card__title">{{ ev.summary || untitledLabel }}</span>
-					<div class="cn-calendar-card__meta">
-						<span v-if="ev.dtstart" class="cn-calendar-card__when">{{ formatShort(ev.dtstart) }}</span>
-						<span v-if="ev.location" class="cn-calendar-card__location">· {{ ev.location }}</span>
+				<!-- The board look draws a meeting as a ruled row: its title, one
+				     meta line (when, where, who) and its status at the end. -->
+				<template v-if="boardRows">
+					<div class="cn-calendar-card__row-main">
+						<span class="cn-calendar-card__title">{{ ev.summary || untitledLabel }}</span>
+						<span class="cn-calendar-card__meta" data-testid="cn-calendar-card-meta">{{ boardMetaOf(ev) }}</span>
 					</div>
-				</div>
+					<span v-if="statusOf(ev)"
+						class="cn-status-badge"
+						:class="`cn-status-badge--${statusVariantOf(ev)}`"
+						data-testid="cn-calendar-card-status">{{ statusOf(ev) }}</span>
+				</template>
+				<template v-else>
+					<div class="cn-calendar-card__row-icon">
+						<CalendarClock v-if="isUpcoming(ev)" :size="20" class="cn-calendar-card__icon--upcoming" />
+						<CalendarCheck v-else :size="20" class="cn-calendar-card__icon--past" />
+					</div>
+					<div class="cn-calendar-card__row-main">
+						<span class="cn-calendar-card__title">{{ ev.summary || untitledLabel }}</span>
+						<div class="cn-calendar-card__meta">
+							<span v-if="ev.dtstart" class="cn-calendar-card__when">{{ formatShort(ev.dtstart) }}</span>
+							<span v-if="ev.location" class="cn-calendar-card__location">· {{ ev.location }}</span>
+						</div>
+					</div>
+				</template>
 			</div>
+			<a v-if="boardRows"
+				class="cn-calendar-card__open"
+				:href="calendarAppUrl"
+				target="_blank"
+				rel="noopener"
+				data-testid="cn-calendar-card-open">{{ openInCalendarLabel }}</a>
 		</div>
 
 		<!-- Footer: detail surface gets "Open in NC Calendar" CTA -->
-		<template v-if="surface === 'detail-page'" #footer>
+		<template v-if="surface === 'detail-page' && !isBoard" #footer>
 			<a
 				class="cn-calendar-card__cta"
 				:href="calendarAppUrl"
@@ -144,9 +164,12 @@ import CnCalendarEventCreate from '../../../components/CnCalendarEventCreate/CnC
 import CnCalendarEventPicker from '../../../components/CnCalendarEventPicker/CnCalendarEventPicker.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import CnIcon from '../../../components/CnIcon/CnIcon.vue'
+import { normalizeLook } from '../../../composables/useLook.js'
+import { formatBoardDate, formatTimeOfDay } from '../../../utils/boardDate.js'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
 import { userLocale } from '../../../utils/userLocale.js'
 import { linkCalendarEvent } from './calendarEventLink.js'
+import { eventAttendeeNames, eventStatusLabel, eventStatusVariant } from './eventStatus.js'
 
 /**
  * CnCalendarCard — surface-aware compact widget for the calendar
@@ -158,6 +181,10 @@ export default {
 
 	components: { CnCalendarEventCreate, CnCalendarEventPicker, CnDetailCard, CnIcon, LinkVariant, NcButton, NcLoadingIcon, Plus, CalendarClock, CalendarCheck },
 
+	inject: {
+		cnLook: { default: 'nextcloud' },
+	},
+
 	props: {
 		/** OpenRegister register id (slug or uuid). Optional for user-dashboard. */
 		register: { type: String, default: '' },
@@ -233,6 +260,16 @@ export default {
 		 *
 		 * @return {Array<string>}
 		 */
+		/** @return {boolean} The board look draws ruled rows. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
+		/** @return {boolean} The meetings are ruled rows: the board look on a detail page. */
+		boardRows() {
+			return this.isBoard && this.surface === 'detail-page'
+		},
+
 		shownHeaderActions() {
 			if (this.surface !== 'detail-page' || !this.objectId || !Array.isArray(this.headerActions)) {
 				return []
@@ -292,6 +329,34 @@ export default {
 	},
 
 	methods: {
+		/**
+		 * A meeting's meta line in the board look: "14 okt, 10:00 tot 10:30",
+		 * its place and its attendees, separated by middots.
+		 *
+		 * @param {object} ev The event.
+		 * @return {string}
+		 */
+		boardMetaOf(ev) {
+			const start = ev.dtstart ? new Date(ev.dtstart) : null
+			const end = ev.dtend ? new Date(ev.dtend) : null
+			let when = ''
+			if (start && !Number.isNaN(start.getTime())) {
+				when = `${formatBoardDate(start)}, ${formatTimeOfDay(start)}`
+				if (end && !Number.isNaN(end.getTime())) {
+					when = t('nextcloud-vue', '{start} until {end}', { start: when, end: formatTimeOfDay(end) })
+				}
+			}
+			return [when, ev.location, ...eventAttendeeNames(ev)].filter(Boolean).join(' · ')
+		},
+
+		statusOf(ev) {
+			return eventStatusLabel(ev)
+		},
+
+		statusVariantOf(ev) {
+			return eventStatusVariant(ev)
+		},
+
 		/**
 		 * A meeting was made on this object: close the form, read the list again.
 		 *

package/src/integrations/builtin/calendar/CnCalendarTab.vue

@@ -242,6 +242,7 @@ import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
 import { userLocale } from '../../../utils/userLocale.js'
 import { linkCalendarEvent } from './calendarEventLink.js'
+import { eventStatusLabel, eventStatusVariant } from './eventStatus.js'
 
 const MAX_AVATARS = 3
 
@@ -542,31 +543,11 @@ export default {
 		},
 
 		statusLabel(ev) {
-			const status = (ev.status || '').toString().toLowerCase()
-			if (status === 'confirmed') {
-				return t('nextcloud-vue', 'Confirmed')
-			}
-			if (status === 'tentative') {
-				return t('nextcloud-vue', 'Tentative')
-			}
-			if (status === 'cancelled') {
-				return t('nextcloud-vue', 'Cancelled')
-			}
-			return ''
+			return eventStatusLabel(ev)
 		},
 
 		statusVariant(ev) {
-			const status = (ev.status || '').toString().toLowerCase()
-			if (status === 'confirmed') {
-				return 'success'
-			}
-			if (status === 'tentative') {
-				return 'warning'
-			}
-			if (status === 'cancelled') {
-				return 'error'
-			}
-			return 'default'
+			return eventStatusVariant(ev)
 		},
 
 		attendeeList(ev) {

package/src/integrations/builtin/calendar/__tests__/CnCalendarCardBoardRows.spec.js

@@ -0,0 +1,52 @@
+/**
+ * CnCalendarCard in the board look on a detail page (DqZaakTaken
+ * "Afspraken"): each meeting is a ruled row with its title, one meta line
+ * (when, where, who) and its status at the end, and "Open in Calendar" is a
+ * link under the rows rather than a card footer.
+ *
+ * @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md
+ */
+
+const { flushPromises, mount } = require('@vue/test-utils')
+
+jest.mock('@nextcloud/router', () => ({ generateUrl: (path) => path }))
+
+const CnCalendarCard = require('../CnCalendarCard.vue').default
+
+const EVENT = { id: 'e1', summary: 'Toelichting stukken', dtstart: '2026-10-14T10:00:00', dtend: '2026-10-14T10:30:00', location: 'stadskantoor, balie 3', attendees: [{ name: 'Sanne de Vries' }], status: 'TENTATIVE' }
+
+function mountCard(look) {
+	global.fetch = jest.fn().mockResolvedValue({ ok: true, json: () => Promise.resolve({ results: [EVENT] }) })
+	return mount(CnCalendarCard, {
+		props: { register: 'reg', schema: 'case', objectId: 'c-1', surface: 'detail-page' },
+		global: { provide: { cnLook: look }, stubs: { NcLoadingIcon: true } },
+	})
+}
+
+describe('CnCalendarCard board rows', () => {
+	afterEach(() => {
+		delete global.fetch
+	})
+
+	it('draws the meeting as a row with its meta line and status, and the link under the rows', async () => {
+		const w = mountCard('board')
+		await flushPromises()
+		const row = w.find('.cn-calendar-card__row')
+		expect(row.find('.cn-calendar-card__row-icon').exists()).toBe(false)
+		const meta = row.find('[data-testid="cn-calendar-card-meta"]').text()
+		expect(meta).toContain('stadskantoor, balie 3')
+		expect(meta).toContain('Sanne de Vries')
+		expect(row.find('[data-testid="cn-calendar-card-status"]').text()).toBe('Tentative')
+		expect(w.find('[data-testid="cn-calendar-card-open"]').exists()).toBe(true)
+		expect(w.find('.cn-detail-card__footer').exists()).toBe(false)
+		w.unmount()
+	})
+
+	it('keeps the icon rows and the footer in the Nextcloud look', async () => {
+		const w = mountCard('nextcloud')
+		await flushPromises()
+		expect(w.find('.cn-calendar-card__row-icon').exists()).toBe(true)
+		expect(w.find('.cn-detail-card__footer').exists()).toBe(true)
+		w.unmount()
+	})
+})

package/src/integrations/builtin/calendar/eventStatus.js

@@ -0,0 +1,63 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * A calendar event's status as a label and a badge tone, shared by the
+ * calendar tab and the calendar card.
+ */
+
+import { translate as t } from '@nextcloud/l10n'
+
+/**
+ * The event's status in words, or '' when it has none the reader needs.
+ *
+ * @param {object} ev The event.
+ * @return {string}
+ */
+export function eventStatusLabel(ev) {
+	const status = String(ev?.status || '').toLowerCase()
+	if (status === 'confirmed') {
+		return t('nextcloud-vue', 'Confirmed')
+	}
+	if (status === 'tentative') {
+		return t('nextcloud-vue', 'Tentative')
+	}
+	if (status === 'cancelled') {
+		return t('nextcloud-vue', 'Cancelled')
+	}
+	return ''
+}
+
+/**
+ * The badge tone of the event's status.
+ *
+ * @param {object} ev The event.
+ * @return {string} `success`, `warning`, `error` or `default`.
+ */
+export function eventStatusVariant(ev) {
+	const status = String(ev?.status || '').toLowerCase()
+	if (status === 'confirmed') {
+		return 'success'
+	}
+	if (status === 'tentative') {
+		return 'warning'
+	}
+	if (status === 'cancelled') {
+		return 'error'
+	}
+	return 'default'
+}
+
+/**
+ * The names of the event's attendees.
+ *
+ * @param {object} ev The event.
+ * @return {Array<string>}
+ */
+export function eventAttendeeNames(ev) {
+	const raw = ev?.attendees || ev?.participants || []
+	if (!Array.isArray(raw)) {
+		return []
+	}
+	return raw.map((att) => (typeof att === 'string' ? att : (att.name || att.displayName || att.cn || att.email || ''))).filter(Boolean)
+}

package/src/integrations/builtin/deck/CnDeckCard.vue

@@ -93,6 +93,33 @@
 			<div v-else-if="cards.length === 0" class="cn-deck-card__empty">
 				{{ emptyLabel }}
 			</div>
+			<!-- The board look draws each linked card as a ruled row: its title,
+			     one meta line (board, list, assignees) and its first label at
+			     the end, then a link to Deck. -->
+			<div v-else-if="isBoard" class="cn-deck-card__rows">
+				<ul class="cn-deck-card__row-list">
+					<li v-for="card in cards"
+						:key="cardKey(card)"
+						class="cn-deck-card__row"
+						data-testid="cn-deck-card-row">
+						<span class="cn-deck-card__row-main">
+							<a class="cn-deck-card__row-title"
+								:href="cardUrl(card)"
+								target="_blank"
+								rel="noopener">{{ cardTitle(card) }}</a>
+							<span class="cn-deck-card__row-meta" data-testid="cn-deck-card-meta">{{ boardMetaOf(card) }}</span>
+						</span>
+						<span v-if="firstLabel(card)"
+							class="cn-status-badge cn-status-badge--purple"
+							data-testid="cn-deck-card-label">{{ firstLabel(card) }}</span>
+					</li>
+				</ul>
+				<a class="cn-deck-card__open"
+					:href="deckAppUrl"
+					target="_blank"
+					rel="noopener"
+					data-testid="cn-deck-card-open">{{ openDeckLabel }}</a>
+			</div>
 			<div v-else class="cn-deck-card__kanban">
 				<section
 					v-for="stack in miniColumns"
@@ -146,7 +173,9 @@ import ViewColumnOutline from 'vue-material-design-icons/ViewColumnOutline.vue'
 import CnDeckCardCreate from '../../../components/CnDeckCardCreate/CnDeckCardCreate.vue'
 import CnDeckCardPicker from '../../../components/CnDeckCardPicker/CnDeckCardPicker.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
+import { normalizeLook } from '../../../composables/useLook.js'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { assigneeDisplayName, cardAssignees, cardBoardTitle, cardLabels, cardStackTitle } from './deckCardParts.js'
 
 const VALID_SURFACES = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity']
 
@@ -161,6 +190,10 @@ export default {
 
 	components: { CnDeckCardCreate, CnDeckCardPicker, CnDetailCard, LinkVariant, NcButton, NcLoadingIcon, Plus, ViewColumnOutline },
 
+	inject: {
+		cnLook: { default: 'nextcloud' },
+	},
+
 	props: {
 		/** Stable integration id (forwarded from the registry — always `'deck'`). */
 		integrationId: { type: String, default: 'deck' },
@@ -203,6 +236,8 @@ export default {
 		linkLabel: { type: String, default: () => t('nextcloud-vue', 'Link an existing card') },
 		/** Label of the `create` button. */
 		createLabel: { type: String, default: () => t('nextcloud-vue', 'New card') },
+		/** Label of the link to Deck under the rows (board look). */
+		openDeckLabel: { type: String, default: () => t('nextcloud-vue', 'Open Deck') },
 	},
 
 	data() {
@@ -231,6 +266,11 @@ export default {
 			return this.headerActions.filter((action, index, all) => ['create', 'link'].includes(action) && all.indexOf(action) === index)
 		},
 
+		/** @return {boolean} The board look draws ruled rows instead of the mini-kanban. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
 		cardHeaderTitle() {
 			return this.title || this.integrationId
 		},
@@ -325,6 +365,32 @@ export default {
 	},
 
 	methods: {
+		/**
+		 * A card's meta line in the board look: its board, its list and its
+		 * assignees, separated by middots.
+		 *
+		 * @param {object} card The card row.
+		 * @return {string}
+		 */
+		boardMetaOf(card) {
+			const board = cardBoardTitle(card)
+			const stack = cardStackTitle(card)
+			return [
+				board ? t('nextcloud-vue', 'Board {name}', { name: board }) : '',
+				stack ? t('nextcloud-vue', 'list {name}', { name: stack }) : '',
+				...cardAssignees(card).map(assigneeDisplayName),
+			].filter(Boolean).join(' · ')
+		},
+
+		/**
+		 * @param {object} card The card row.
+		 * @return {string} Its first label's title, or ''.
+		 */
+		firstLabel(card) {
+			const label = cardLabels(card)[0]
+			return label ? String(label.title ?? label.name ?? '') : ''
+		},
+
 		/** @return {string} The object's Deck endpoint the link and create flows post to. */
 		deckEndpoint() {
 			return `${this.apiBase}/objects/${this.register}/${this.schema}/${this.objectId}/deck`

package/src/integrations/builtin/deck/CnDeckTab.vue

@@ -169,6 +169,7 @@ import CnDeckCardPicker from '../../../components/CnDeckCardPicker/CnDeckCardPic
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
 import { userLocale } from '../../../utils/userLocale.js'
+import { cardAssignees, cardBoardTitle, cardLabels, cardStackTitle } from './deckCardParts.js'
 
 /** Maximum assignee avatars shown before collapsing the rest into a +N overflow badge. */
 const MAX_VISIBLE_ASSIGNEES = 3
@@ -365,8 +366,7 @@ export default {
 		},
 
 		cardLabels(card) {
-			const labels = card.labels ?? card.tags ?? []
-			return Array.isArray(labels) ? labels : []
+			return cardLabels(card)
 		},
 
 		chipText(label) {
@@ -451,8 +451,8 @@ export default {
 		 * @return {string} board (or board · stack) label, or '' when unknown
 		 */
 		boardBadge(card) {
-			const board = card.boardTitle ?? card.board?.title ?? ''
-			const stack = card.stackTitle ?? card.stack?.title ?? ''
+			const board = cardBoardTitle(card)
+			const stack = cardStackTitle(card)
 			if (board && stack) {
 				return `${board} · ${stack}`
 			}
@@ -468,8 +468,7 @@ export default {
 		 * @return {Array} assignee entries
 		 */
 		cardAssignees(card) {
-			const raw = card.assignedUsers ?? card.assignees ?? card.users ?? []
-			return Array.isArray(raw) ? raw : []
+			return cardAssignees(card)
 		},
 
 		/**

package/src/integrations/builtin/deck/__tests__/CnDeckCardBoardRows.spec.js

@@ -0,0 +1,49 @@
+/**
+ * CnDeckCard in the board look on a detail page (DqZaakTaken "Kaarten"):
+ * each linked card is a ruled row with its title, one meta line (board,
+ * list, assignees) and its first label at the end, with "Open Deck" under
+ * the rows, instead of the mini-kanban.
+ *
+ * @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md
+ */
+
+const { flushPromises, mount } = require('@vue/test-utils')
+const CnDeckCard = require('../CnDeckCard.vue').default
+
+const CARD = { cardId: 7, boardId: 2, cardTitle: 'Lakken offerte lantaarnpalen', boardTitle: 'Woo en informatie', stackTitle: 'Deze week', assignedUsers: [{ participant: { uid: 'lars', displayname: 'Lars de Koning' } }], labels: [{ id: 1, title: 'Bezig' }] }
+
+function mountCard(look) {
+	global.fetch = jest.fn().mockResolvedValue({ ok: true, status: 200, json: () => Promise.resolve({ results: [CARD] }) })
+	return mount(CnDeckCard, {
+		props: { register: 'reg', schema: 'case', objectId: 'c-1', surface: 'detail-page' },
+		global: { provide: { cnLook: look } },
+	})
+}
+
+describe('CnDeckCard board rows', () => {
+	afterEach(() => {
+		delete global.fetch
+	})
+
+	it('draws the linked card as a row with board, list and assignee, its label at the end, and Open Deck', async () => {
+		const w = mountCard('board')
+		await flushPromises()
+		expect(w.find('.cn-deck-card__kanban').exists()).toBe(false)
+		const row = w.find('[data-testid="cn-deck-card-row"]')
+		expect(row.text()).toContain('Lakken offerte lantaarnpalen')
+		const meta = row.find('[data-testid="cn-deck-card-meta"]').text()
+		expect(meta).toContain('Woo en informatie')
+		expect(meta).toContain('Deze week')
+		expect(meta).toContain('Lars de Koning')
+		expect(row.find('[data-testid="cn-deck-card-label"]').text()).toBe('Bezig')
+		expect(w.find('[data-testid="cn-deck-card-open"]').attributes('href')).toBe('/index.php/apps/deck')
+		w.unmount()
+	})
+
+	it('keeps the mini-kanban in the Nextcloud look', async () => {
+		const w = mountCard('nextcloud')
+		await flushPromises()
+		expect(w.find('.cn-deck-card__kanban').exists()).toBe(true)
+		w.unmount()
+	})
+})

package/src/integrations/builtin/deck/deckCardParts.js

@@ -0,0 +1,56 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * The parts of a linked Deck card a row shows, shared by the Deck tab and
+ * the Deck card: its board, its stack, its assignees and its labels.
+ */
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The board's title, or ''.
+ */
+export function cardBoardTitle(card) {
+	return card?.boardTitle ?? card?.board?.title ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The stack's title, or ''.
+ */
+export function cardStackTitle(card) {
+	return card?.stackTitle ?? card?.stack?.title ?? ''
+}
+
+/**
+ * Deck's `assignedUsers` (each with a nested `participant`), or a plain
+ * `assignees` / `users` list of strings or objects.
+ *
+ * @param {object} card The card row.
+ * @return {Array} The assignee entries.
+ */
+export function cardAssignees(card) {
+	const raw = card?.assignedUsers ?? card?.assignees ?? card?.users ?? []
+	return Array.isArray(raw) ? raw : []
+}
+
+/**
+ * @param {object|string} assignee An assignee entry.
+ * @return {string} Its display name, or ''.
+ */
+export function assigneeDisplayName(assignee) {
+	if (typeof assignee === 'string') {
+		return assignee
+	}
+	const p = assignee?.participant ?? assignee ?? {}
+	return p.displayname ?? p.displayName ?? p.uid ?? p.id ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {Array<object>} Its labels.
+ */
+export function cardLabels(card) {
+	const labels = card?.labels ?? card?.tags ?? []
+	return Array.isArray(labels) ? labels : []
+}

package/src/utils/fetchFilterCounts.js

@@ -176,10 +176,13 @@ export function singleEqualityOf(filter) {
  * @param {Array<{key: (string|number), filter: object}>} options.entries The filters to count, each under its own key.
  * @param {object} [options.baseFilter] A filter every count is narrowed by (the page's fixed filter).
  * @param {object} [options.ctx] Token-resolution context for the filters.
+ * @param {string} [options.via] `'list'` counts every entry through the list endpoint, the request a list sends, so a
+ *   count beside a list cannot disagree with it; else the aggregation endpoints where they apply.
  * @return {Promise<{[key: string]: number}>} The count per entry key. An entry whose count failed is left out.
  * @spec openspec/changes/workplace-dashboard-primitives/specs/workplace-dashboard-primitives/spec.md#requirement-counts-on-filters-and-views
+ * @spec openspec/changes/index-counts-read-the-list-endpoint/specs/index-page/spec.md#requirement-an-index-pages-counts-come-from-the-list-request
  */
-export async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx } = {}) {
+export async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx, via = '' } = {}) {
 	const counts = {}
 	if (!register || !schema || !Array.isArray(entries) || entries.length === 0) {
 		return counts
@@ -191,7 +194,7 @@ export async function fetchFilterCounts({ register, schema, entries, baseFilter,
 	// and `/value` returns exactly its number.
 	// A list of values anywhere in a request rules the aggregation endpoints
 	// out for it. A base filter with one rules them out for every entry.
-	const baseHasList = needsListEndpoint(base)
+	const baseHasList = via === 'list' || needsListEndpoint(base)
 	const byField = {}
 	const single = []
 	const viaList = []

package/src/utils/nextcloudDirectory.js

@@ -26,20 +26,33 @@ function ocsData(res) {
 	return (res && res.data && res.data.ocs && res.data.ocs.data) || null
 }
 
+/** The most groups read, so a server that ignores the offset cannot loop forever. */
+const MAX_GROUPS = 5000
+
 /**
  * The groups, with their member counts.
  *
  * @param {object} axios The axios instance.
- * @param {{search?: string, limit?: number}} [options] Narrowing.
+ * @param {{search?: string, limit?: number}} [options] Narrowing; `limit` is the page size.
  * @return {Promise<Array<{id: string, name: string, count: number}>>}
  * @spec openspec/changes/index-groups-users-source/specs/index-page/spec.md#requirement-an-index-page-can-list-nextcloud-groups-and-their-members
  */
 export async function fetchGroups(axios, options = {}) {
-	const res = await axios.get(generateOcsUrl('cloud/groups/details'), {
-		params: { search: options.search || '', limit: options.limit || 200, format: 'json' },
-		headers: OCS_HEADERS,
-	})
-	const groups = (ocsData(res) && ocsData(res).groups) || []
+	const limit = options.limit || 200
+	// Every page, while a page comes back full: one page cut an instance with
+	// more groups than the limit off before its last ones (DqAfdelingen).
+	const groups = []
+	for (let offset = 0; offset < MAX_GROUPS; offset += limit) {
+		const res = await axios.get(generateOcsUrl('cloud/groups/details'), {
+			params: { search: options.search || '', limit, offset, format: 'json' },
+			headers: OCS_HEADERS,
+		})
+		const batch = (ocsData(res) && ocsData(res).groups) || []
+		groups.push(...batch)
+		if (batch.length < limit) {
+			break
+		}
+	}
 	return groups.map((group) => ({
 		id: String(group.id),
 		name: group.displayname || String(group.id),