@conduction/nextcloud-vue 2.75.0 → 2.76.0

package/dist/nextcloud-vue.cjs.js

@@ -5021,9 +5021,10 @@ const baseActions = {
 	 * @param {object} [slugs] Optional slug hints for live-updates transport
 	 * @param {string|null} [slugs.registerSlug] Canonical register slug (e.g. 'zaken')
 	 * @param {string|null} [slugs.schemaSlug]   Canonical schema slug (e.g. 'meldingen')
+	 * @param {string} [slugs.collectionUrl] Endpoint `fetchCollection` lists from instead of `/register/schema`; every other call keeps the pair URL
 	 */
 	registerObjectType(slug, schemaId, registerId, slugs = {}) {
-		const { registerSlug = null, schemaSlug = null } = slugs;
+		const { registerSlug = null, schemaSlug = null, collectionUrl = null } = slugs;
 		// Replace entire objects so Vue 2 reactivity detects the change
 		// (Vue 2 cannot track new properties added to existing reactive objects)
 		this.objectTypeRegistry = {
@@ -5033,6 +5034,7 @@ const baseActions = {
 				register: registerId,
 				registerSlug,
 				schemaSlug,
+				...(collectionUrl ? { collectionUrl } : {}),
 			},
 		};
 		this.collections = { ...this.collections, [slug]: [] };
@@ -5277,6 +5279,31 @@ const baseActions = {
 		return url
 	},
 
+	/**
+	 * Build the list URL for a type registered with a `collectionUrl`. `_order`
+	 * goes in the bracket form (`_order[key]=dir`) every PHP endpoint parses.
+	 *
+	 * @param {object} config The type config
+	 * @param {object} [params] Query parameters
+	 * @return {string} Full URL including query string
+	 */
+	_buildCollectionUrl(config, params = {}) {
+		const { _order: order, ...rest } = params;
+		const merged = { ...rest };
+		if (order && typeof order === 'object') {
+			for (const [key, dir] of Object.entries(order)) {
+				merged[`_order[${key}]`] = dir;
+			}
+		}
+		const lang = this._resolveLanguage();
+		if (lang) {
+			merged._lang = lang;
+		}
+		const url = prefixUrl(config.collectionUrl);
+		const query = buildQueryString(merged);
+		return query && url.includes('?') ? url + '&' + query.slice(1) : url + query
+	},
+
 	/**
 	 * Fetch for a type, retrying ONCE with its `schemaFallback` when the
 	 * schema path segment answers 404. A type without a fallback (every type
@@ -5466,14 +5493,15 @@ const baseActions = {
 				}
 			}
 
-			const response = await this._fetchWithSchemaFallback(
-				type,
-				(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
-				{
-					method: 'GET',
-					headers: this._buildHeaders(),
-				},
-			);
+			const config = this._getTypeConfig(type);
+			const init = { method: 'GET', headers: this._buildHeaders() };
+			const response = config.collectionUrl
+				? await trackedFetch(this._buildCollectionUrl(config, fetchParams), init)
+				: await this._fetchWithSchemaFallback(
+						type,
+						(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
+						init,
+					);
 
 			if (!response.ok) {
 				const failure = await parseResponseError(response, type);
@@ -11476,7 +11504,7 @@ const _hoisted_6$47 = { class: "cn-conversation-thread__bubble" };
 const _hoisted_7$3F = { class: "cn-conversation-thread__meta" };
 const _hoisted_8$3l = { class: "cn-conversation-thread__author" };
 const _hoisted_9$33 = ["datetime"];
-const _hoisted_10$2J = { class: "cn-conversation-thread__text" };
+const _hoisted_10$2K = { class: "cn-conversation-thread__text" };
 const _hoisted_11$2k = ["for"];
 const _hoisted_12$23 = ["id", "placeholder", "disabled", "aria-describedby"];
 const _hoisted_13$1W = ["id"];
@@ -11524,7 +11552,7 @@ function render$76(_ctx, _cache, $props, $setup, $data, $options) {
                       }, vue$1.toDisplayString(row.timeLabel), 9 /* TEXT, PROPS */, _hoisted_9$33))
                     : vue$1.createCommentVNode("v-if", true)
                 ]),
-                vue$1.createElementVNode("span", _hoisted_10$2J, vue$1.toDisplayString(row.text), 1 /* TEXT */)
+                vue$1.createElementVNode("span", _hoisted_10$2K, vue$1.toDisplayString(row.text), 1 /* TEXT */)
               ])
             ], 10 /* CLASS, PROPS */, _hoisted_4$55))
           }), 128 /* KEYED_FRAGMENT */))
@@ -17424,7 +17452,7 @@ const _hoisted_6$43 = {
 const _hoisted_7$3C = { class: "cn-column-filter__options" };
 const _hoisted_8$3i = { class: "cn-column-filter__sr-only" };
 const _hoisted_9$30 = ["value", "checked", "onChange"];
-const _hoisted_10$2I = {
+const _hoisted_10$2J = {
   key: 0,
   class: "cn-column-filter__hint"
 };
@@ -17511,7 +17539,7 @@ function render$6T(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               }), 128 /* KEYED_FRAGMENT */)),
               ($options.listOptions.length === 0 && !$data.referenceLoading)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2I, vue$1.toDisplayString($options.noOptionsLabel), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2J, vue$1.toDisplayString($options.noOptionsLabel), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ])
           ], 64 /* STABLE_FRAGMENT */))
@@ -20705,7 +20733,7 @@ const _hoisted_9$2$ = {
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_10$2H = ["title"];
+const _hoisted_10$2I = ["title"];
 const _hoisted_11$2i = {
   key: 1,
   class: "cn-cell-renderer__dash"
@@ -20868,7 +20896,7 @@ function render$6R(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("span", {
                             class: "cn-cell-renderer__avatar-name",
                             title: $options.avatarName || $options.avatarUserId
-                          }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_10$2H)
+                          }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_10$2I)
                         ]))
                       : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$2i, "—"))
                   ], 64 /* STABLE_FRAGMENT */))
@@ -23080,7 +23108,7 @@ const _hoisted_6$41 = {
 const _hoisted_7$3A = ["tabindex", "role", "aria-label"];
 const _hoisted_8$3g = { key: 0 };
 const _hoisted_9$2_ = ["tabindex", "aria-sort", "data-filtered", "title", "onClick", "onKeydown"];
-const _hoisted_10$2G = {
+const _hoisted_10$2H = {
   key: 0,
   class: "cn-table-sort-indicator"
 };
@@ -23256,7 +23284,7 @@ function render$6O(_ctx, _cache, $props, $setup, $data, $options) {
                           class: vue$1.normalizeClass(col.description ? 'cn-table-header--described' : '')
                         }, vue$1.toDisplayString($options.translateLabel(col.label)), 3 /* TEXT, CLASS */),
                         (col.sortable && $options.sortKeyIndex(col.key) !== -1)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2G, vue$1.toDisplayString($options.effectiveSortKeys[$options.sortKeyIndex(col.key)].order === 'asc' ? '▲' : '▼'), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2H, vue$1.toDisplayString($options.effectiveSortKeys[$options.sortKeyIndex(col.key)].order === 'asc' ? '▲' : '▼'), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true),
                         (col.sortable && $options.sortBadgeFor(col.key) !== null)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$2h, vue$1.toDisplayString($options.sortBadgeFor(col.key)), 1 /* TEXT */))
@@ -24034,7 +24062,7 @@ const _hoisted_6$40 = { class: "cn-child-records-field__sr" };
 const _hoisted_7$3z = { key: 0 };
 const _hoisted_8$3f = ["colspan"];
 const _hoisted_9$2Z = { key: 1 };
-const _hoisted_10$2F = {
+const _hoisted_10$2G = {
   key: 0,
   class: "cn-child-records-field__actions"
 };
@@ -24124,7 +24152,7 @@ function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
                   ]))
                 }), 128 /* KEYED_FRAGMENT */)),
                 (!$props.disabled)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_10$2F, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_10$2G, [
                       vue$1.createVNode(_component_NcButton, {
                         variant: "tertiary",
                         "aria-label": $options.t('nextcloud-vue', 'Edit row {n}', { n: index + 1 }),
@@ -25829,7 +25857,7 @@ const _hoisted_9$2Y = {
   key: 1,
   class: "cn-file-field__item-note"
 };
-const _hoisted_10$2E = {
+const _hoisted_10$2F = {
   key: 3,
   class: "cn-file-field__name",
   "data-testid": "cn-file-field-name"
@@ -25957,7 +25985,7 @@ function render$6G(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
       : vue$1.createCommentVNode("v-if", true),
     (!$props.multiple && $options.displayName)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2E, vue$1.toDisplayString($options.displayName), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2F, vue$1.toDisplayString($options.displayName), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.shownError)
       ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_11$2f, vue$1.toDisplayString($options.shownError), 1 /* TEXT */))
@@ -59099,7 +59127,7 @@ const _hoisted_6$3Z = ["d"];
 const _hoisted_7$3x = { class: "cn-icon-browser-panel__preview-label" };
 const _hoisted_8$3d = ["title", "aria-label"];
 const _hoisted_9$2X = ["aria-label"];
-const _hoisted_10$2D = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"];
+const _hoisted_10$2E = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"];
 const _hoisted_11$2e = ["id", "role", "aria-labelledby"];
 const _hoisted_12$1_ = ["placeholder", "aria-label"];
 const _hoisted_13$1R = {
@@ -59230,7 +59258,7 @@ function render$6D(_ctx, _cache, $props, $setup, $data, $options) {
               class: vue$1.normalizeClass(["cn-icon-browser-panel__tab", { 'cn-icon-browser-panel__tab--active': $data.mode === tab.key }]),
               onClick: $event => ($data.mode = tab.key),
               onKeydown: $event => ($options.onTabKeydown($event, index))
-            }, vue$1.toDisplayString(tab.label), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, _hoisted_10$2D))
+            }, vue$1.toDisplayString(tab.label), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, _hoisted_10$2E))
           }), 128 /* KEYED_FRAGMENT */))
         ], 8 /* PROPS */, _hoisted_9$2X))
       : vue$1.createCommentVNode("v-if", true),
@@ -69538,6 +69566,48 @@ function foldAuditTrailEntries(entries) {
 	return { oldState, newState }
 }
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * Signal that objects changed outside the surface showing them, such as files
+ * uploaded or an object saved from an app's own modal. CnIndexPage listens and
+ * refreshes its list when the register and schema match.
+ *
+ * @module utils/objectSignals
+ */
+
+const OBJECTS_CHANGED_EVENT = 'cn:objects-changed';
+
+/**
+ * Announce that objects of a register and schema changed.
+ *
+ * Pass the same register and schema identifiers (slug or id) the listing page
+ * uses. Leaving one out matches every page on that part.
+ *
+ * @param {object} [payload] What changed.
+ * @param {string|number} [payload.register] The register slug or id.
+ * @param {string|number} [payload.schema] The schema slug or id.
+ * @param {string} [payload.id] The changed object's id, when there is one.
+ * @return {boolean} True when the event was dispatched.
+ */
+function dispatchObjectsChanged({ register, schema, id } = {}) {
+	if (typeof window === 'undefined') {
+		return false
+	}
+	const detail = {
+		register: register === undefined || register === null || register === '' ? null : String(register),
+		schema: schema === undefined || schema === null || schema === '' ? null : String(schema),
+		id: id ? String(id) : null,
+	};
+	try {
+		window.dispatchEvent(new CustomEvent(OBJECTS_CHANGED_EVENT, { detail }));
+		return true
+	} catch {
+		return false
+	}
+}
+
 const VALID_SURFACES$j = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
 const COMPACT_LIMIT$b = 4;
 
@@ -69857,7 +69927,7 @@ const _hoisted_8$3c = {
   class: "cn-activity-card__headline"
 };
 const _hoisted_9$2W = { class: "cn-activity-card__headline-line" };
-const _hoisted_10$2C = {
+const _hoisted_10$2D = {
   key: 0,
   class: "cn-activity-card__headline-recent"
 };
@@ -69925,7 +69995,7 @@ function render$6w(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.headlineLabel), 1 /* TEXT */)
                         ]),
                         ($options.mostRecent)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2C, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2D, [
                               (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.iconFor($options.mostRecent)), { size: 14 })),
                               vue$1.createElementVNode("span", _hoisted_11$2d, vue$1.toDisplayString($options.actorFor($options.mostRecent)), 1 /* TEXT */),
                               _cache[1] || (_cache[1] = vue$1.createElementVNode("span", { class: "cn-activity-card__chip-sep" }, "·", -1 /* CACHED */)),
@@ -70848,7 +70918,7 @@ const _hoisted_7$3u = {
 };
 const _hoisted_8$3b = ["aria-label"];
 const _hoisted_9$2V = ["aria-pressed", "data-testid", "onClick"];
-const _hoisted_10$2B = ["data-testid"];
+const _hoisted_10$2C = ["data-testid"];
 const _hoisted_11$2c = { class: "cn-activity-tab__filter-row" };
 const _hoisted_12$1Y = {
   key: 0,
@@ -70918,8 +70988,8 @@ const _hoisted_42$2 = {
   "aria-hidden": "true"
 };
 const _hoisted_43$2 = { class: "cn-activity-tab__event-body" };
-const _hoisted_44$1 = { class: "cn-activity-tab__event-line" };
-const _hoisted_45$1 = { class: "cn-activity-tab__event-meta" };
+const _hoisted_44$2 = { class: "cn-activity-tab__event-line" };
+const _hoisted_45$2 = { class: "cn-activity-tab__event-meta" };
 const _hoisted_46$1 = {
   key: 0,
   class: "cn-activity-tab__footer"
@@ -71022,7 +71092,7 @@ function render$6v(_ctx, _cache, $props, $setup, $data, $options) {
                     vue$1.createElementVNode("span", {
                       class: "cn-activity-tab__kind-count",
                       "data-testid": `cn-activity-kind-count-${kind}`
-                    }, vue$1.toDisplayString($options.kindCount(kind)), 9 /* TEXT, PROPS */, _hoisted_10$2B)
+                    }, vue$1.toDisplayString($options.kindCount(kind)), 9 /* TEXT, PROPS */, _hoisted_10$2C)
                   ], 10 /* CLASS, PROPS */, _hoisted_9$2V))
                 }), 128 /* KEYED_FRAGMENT */))
               ], 8 /* PROPS */, _hoisted_8$3b))
@@ -71181,11 +71251,11 @@ function render$6v(_ctx, _cache, $props, $setup, $data, $options) {
                         (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.iconFor(entry)), { size: 18 }))
                       ]),
                       vue$1.createElementVNode("div", _hoisted_43$2, [
-                        vue$1.createElementVNode("p", _hoisted_44$1, [
+                        vue$1.createElementVNode("p", _hoisted_44$2, [
                           vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.splitSubject(entry).verb), 1 /* TEXT */),
                           vue$1.createTextVNode(vue$1.toDisplayString($options.splitSubject(entry).rest), 1 /* TEXT */)
                         ]),
-                        vue$1.createElementVNode("p", _hoisted_45$1, vue$1.toDisplayString($options.eventMeta(entry)), 1 /* TEXT */)
+                        vue$1.createElementVNode("p", _hoisted_45$2, vue$1.toDisplayString($options.eventMeta(entry)), 1 /* TEXT */)
                       ]),
                       ($props.showVisibility)
                         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnVisibilityChip, {
@@ -71647,7 +71717,7 @@ const _hoisted_8$3a = {
   class: "cn-analytics-card__headline-recent"
 };
 const _hoisted_9$2U = ["href"];
-const _hoisted_10$2A = {
+const _hoisted_10$2B = {
   key: 1,
   class: "cn-analytics-card__view-all"
 };
@@ -71727,7 +71797,7 @@ function render$6u(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))
                           : vue$1.createCommentVNode("v-if", true),
                         ($data.reports.length > 1)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2A, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2B, [
                               vue$1.createElementVNode("a", {
                                 href: $props.analyticsAppUrl,
                                 target: "_blank",
@@ -72610,7 +72680,7 @@ const _hoisted_9$2S = {
   key: 0,
   class: "cn-analytics-tab__subheader"
 };
-const _hoisted_10$2z = {
+const _hoisted_10$2A = {
   key: 1,
   class: "cn-analytics-tab__when"
 };
@@ -72718,7 +72788,7 @@ function render$6r(_ctx, _cache, $props, $setup, $data, $options) {
                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$2S, vue$1.toDisplayString($options.reportSubheader(report)), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
                       ($options.modifiedAt(report))
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2z, " · " + vue$1.toDisplayString($options.formatWhen($options.modifiedAt(report))), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2A, " · " + vue$1.toDisplayString($options.formatWhen($options.modifiedAt(report))), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
                     ])
                   ]),
@@ -73991,7 +74061,7 @@ const _hoisted_9$2R = {
   key: 0,
   class: "cn-audit-details__row"
 };
-const _hoisted_10$2y = {
+const _hoisted_10$2z = {
   key: 1,
   class: "cn-audit-details__row"
 };
@@ -74131,7 +74201,7 @@ function render$6n(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]))
                               : vue$1.createCommentVNode("v-if", true),
                             (entry.session)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2y, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2z, [
                                   _cache[9] || (_cache[9] = vue$1.createElementVNode("span", { class: "cn-audit-details__label" }, "Session", -1 /* CACHED */)),
                                   vue$1.createElementVNode("span", _hoisted_11$29, vue$1.toDisplayString(entry.session), 1 /* TEXT */)
                                 ]))
@@ -74496,7 +74566,7 @@ const _hoisted_8$36 = {
   class: "cn-bookmarks-card__headline"
 };
 const _hoisted_9$2Q = { class: "cn-bookmarks-card__headline-line" };
-const _hoisted_10$2x = {
+const _hoisted_10$2y = {
   key: 0,
   class: "cn-bookmarks-card__headline-recent"
 };
@@ -74589,7 +74659,7 @@ function render$6m(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */)
                         ]),
                         ($options.mostRecent)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2x, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2y, [
                               ($options.faviconUrl($options.mostRecent))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("img", {
                                     key: 0,
@@ -75027,7 +75097,7 @@ const _hoisted_9$2P = {
   key: 0,
   class: "cn-bookmark-picker__row-description"
 };
-const _hoisted_10$2w = {
+const _hoisted_10$2x = {
   key: 1,
   class: "cn-bookmark-picker__tags"
 };
@@ -75129,7 +75199,7 @@ function render$6k(_ctx, _cache, $props, $setup, $data, $options) {
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$2P, vue$1.toDisplayString(bookmark.description), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true),
                         ($options.displayTags(bookmark).length > 0)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2w, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2x, [
                               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayTags(bookmark), (tag) => {
                                 return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                   key: tag,
@@ -75462,7 +75532,7 @@ const _hoisted_7$3m = {
 };
 const _hoisted_8$34 = ["onClick"];
 const _hoisted_9$2O = { class: "cn-bookmarks-tab__list" };
-const _hoisted_10$2v = { class: "cn-bookmarks-tab__row-icon" };
+const _hoisted_10$2w = { class: "cn-bookmarks-tab__row-icon" };
 const _hoisted_11$27 = ["title"];
 const _hoisted_12$1U = { class: "cn-bookmarks-tab__url-text" };
 const _hoisted_13$1L = {
@@ -75582,7 +75652,7 @@ function render$6j(_ctx, _cache, $props, $setup, $data, $options) {
                     onClick: $event => ($options.onBookmarkClick(bookmark, $event))
                   }, {
                     icon: vue$1.withCtx(() => [
-                      vue$1.createElementVNode("span", _hoisted_10$2v, [
+                      vue$1.createElementVNode("span", _hoisted_10$2w, [
                         vue$1.createVNode(_component_Bookmark, { size: 20 })
                       ])
                     ]),
@@ -75967,7 +76037,7 @@ const _hoisted_6$3N = {
 const _hoisted_7$3l = { class: "cn-calendar-card__row-icon" };
 const _hoisted_8$33 = { class: "cn-calendar-card__row-main" };
 const _hoisted_9$2N = { class: "cn-calendar-card__title" };
-const _hoisted_10$2u = { class: "cn-calendar-card__meta" };
+const _hoisted_10$2v = { class: "cn-calendar-card__meta" };
 const _hoisted_11$26 = {
   key: 0,
   class: "cn-calendar-card__when"
@@ -76034,7 +76104,7 @@ function render$6i(_ctx, _cache, $props, $setup, $data, $options) {
                       ]),
                       vue$1.createElementVNode("div", _hoisted_8$33, [
                         vue$1.createElementVNode("span", _hoisted_9$2N, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("div", _hoisted_10$2u, [
+                        vue$1.createElementVNode("div", _hoisted_10$2v, [
                           (ev.dtstart)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$26, vue$1.toDisplayString($options.formatShort(ev.dtstart)), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
@@ -76588,7 +76658,7 @@ const _hoisted_9$2M = {
   key: 1,
   class: "cn-calendar-event-picker__step"
 };
-const _hoisted_10$2t = { class: "cn-calendar-event-picker__breadcrumb" };
+const _hoisted_10$2u = { class: "cn-calendar-event-picker__breadcrumb" };
 const _hoisted_11$25 = { class: "cn-calendar-event-picker__breadcrumb-calendar" };
 const _hoisted_12$1S = {
   key: 1,
@@ -76683,7 +76753,7 @@ function render$6g(_ctx, _cache, $props, $setup, $data, $options) {
             ]))
           : ($data.step === 'events')
             ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$2M, [
-                vue$1.createElementVNode("div", _hoisted_10$2t, [
+                vue$1.createElementVNode("div", _hoisted_10$2u, [
                   vue$1.createVNode(_component_NcButton, {
                     variant: "tertiary",
                     onClick: $options.backToCalendars
@@ -77164,7 +77234,7 @@ const _hoisted_9$2L = {
   class: "cn-calendar-tab__date",
   "aria-hidden": "true"
 };
-const _hoisted_10$2s = { class: "cn-calendar-tab__date-month" };
+const _hoisted_10$2t = { class: "cn-calendar-tab__date-month" };
 const _hoisted_11$24 = { class: "cn-calendar-tab__date-day" };
 const _hoisted_12$1R = { class: "cn-calendar-tab__main" };
 const _hoisted_13$1I = { class: "cn-calendar-tab__title-row" };
@@ -77277,7 +77347,7 @@ function render$6f(_ctx, _cache, $props, $setup, $data, $options) {
                       class: "cn-calendar-tab__event"
                     }, [
                       vue$1.createElementVNode("div", _hoisted_9$2L, [
-                        vue$1.createElementVNode("span", _hoisted_10$2s, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
+                        vue$1.createElementVNode("span", _hoisted_10$2t, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
                         vue$1.createElementVNode("span", _hoisted_11$24, vue$1.toDisplayString($options.dayOf(ev)), 1 /* TEXT */)
                       ]),
                       vue$1.createElementVNode("div", _hoisted_12$1R, [
@@ -77851,7 +77921,7 @@ const _hoisted_9$2K = {
   key: 2,
   class: "cn-collectives-card__headline"
 };
-const _hoisted_10$2r = { class: "cn-collectives-card__headline-line" };
+const _hoisted_10$2s = { class: "cn-collectives-card__headline-line" };
 const _hoisted_11$23 = {
   key: 0,
   class: "cn-collectives-card__headline-recent"
@@ -77952,7 +78022,7 @@ function render$6e(_ctx, _cache, $props, $setup, $data, $options) {
                   : ($data.pages.length === 0)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_8$30, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
                     : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$2K, [
-                        vue$1.createElementVNode("div", _hoisted_10$2r, [
+                        vue$1.createElementVNode("div", _hoisted_10$2s, [
                           vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */)
                         ]),
                         ($options.mostRecent)
@@ -78884,7 +78954,7 @@ const _hoisted_9$2I = {
   class: "cn-collectives-tab__emoji",
   "aria-hidden": true
 };
-const _hoisted_10$2q = { class: "cn-collectives-tab__subname" };
+const _hoisted_10$2r = { class: "cn-collectives-tab__subname" };
 const _hoisted_11$22 = {
   key: 0,
   class: "cn-collectives-tab__subname-line"
@@ -79009,7 +79079,7 @@ function render$6b(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                           ]),
                           subname: vue$1.withCtx(() => [
-                            vue$1.createElementVNode("span", _hoisted_10$2q, [
+                            vue$1.createElementVNode("span", _hoisted_10$2r, [
                               ($options.sublineLabel(page))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$22, vue$1.toDisplayString($options.sublineLabel(page)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true),
@@ -79292,7 +79362,7 @@ const _hoisted_9$2H = {
   key: 0,
   class: "cn-contactmoment-card__summary"
 };
-const _hoisted_10$2p = { class: "cn-contactmoment-card__meta" };
+const _hoisted_10$2q = { class: "cn-contactmoment-card__meta" };
 const _hoisted_11$21 = { key: 0 };
 const _hoisted_12$1O = { key: 1 };
 const _hoisted_13$1G = {
@@ -79330,7 +79400,7 @@ function render$6a(_ctx, _cache, $props, $setup, $data, $options) {
                       (item.summary)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$2H, vue$1.toDisplayString(item.summary), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
-                      vue$1.createElementVNode("div", _hoisted_10$2p, [
+                      vue$1.createElementVNode("div", _hoisted_10$2q, [
                         (item.agent)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$21, vue$1.toDisplayString(item.agent), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true),
@@ -79664,7 +79734,7 @@ const _hoisted_9$2G = {
   key: 1,
   class: "cn-contacts-card__error"
 };
-const _hoisted_10$2o = {
+const _hoisted_10$2p = {
   key: 2,
   class: "cn-contacts-card__empty"
 };
@@ -79727,7 +79797,7 @@ function render$68(_ctx, _cache, $props, $setup, $data, $options) {
                 vue$1.createElementVNode("span", null, vue$1.toDisplayString($props.errorLabel), 1 /* TEXT */)
               ]))
             : ($options.contactsArray.length === 0)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2o, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2p, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
               : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_11$20, [
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayedContacts, (item) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("li", {
@@ -80417,7 +80487,7 @@ const _hoisted_9$2F = {
   class: "cn-contact-picker__kind",
   "data-testid": "cn-contact-picker-user-badge"
 };
-const _hoisted_10$2n = {
+const _hoisted_10$2o = {
   key: 0,
   class: "cn-contact-picker__email"
 };
@@ -80528,7 +80598,7 @@ function render$66(_ctx, _cache, $props, $setup, $data, $options) {
                           : vue$1.createCommentVNode("v-if", true)
                       ]),
                       (row.email)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2n, vue$1.toDisplayString(row.email), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2o, vue$1.toDisplayString(row.email), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
                       (row.org)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_11$1$, vue$1.toDisplayString(row.org), 1 /* TEXT */))
@@ -81069,7 +81139,7 @@ const _hoisted_6$3E = { class: "cn-contacts-tab__list" };
 const _hoisted_7$3c = ["onClick"];
 const _hoisted_8$2W = { class: "cn-contacts-tab__avatar" };
 const _hoisted_9$2E = { class: "cn-contacts-tab__details" };
-const _hoisted_10$2m = { class: "cn-contacts-tab__name-row" };
+const _hoisted_10$2n = { class: "cn-contacts-tab__name-row" };
 const _hoisted_11$1_ = { class: "cn-contacts-tab__name" };
 const _hoisted_12$1L = {
   key: 0,
@@ -81200,7 +81270,7 @@ function render$65(_ctx, _cache, $props, $setup, $data, $options) {
                           }, null, 8 /* PROPS */, ["displayName", "user", "url"])
                         ]),
                         vue$1.createElementVNode("div", _hoisted_9$2E, [
-                          vue$1.createElementVNode("div", _hoisted_10$2m, [
+                          vue$1.createElementVNode("div", _hoisted_10$2n, [
                             vue$1.createElementVNode("span", _hoisted_11$1_, vue$1.toDisplayString(contact.displayName || $props.unknownLabel), 1 /* TEXT */),
                             (contact.role)
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
@@ -81641,7 +81711,7 @@ const _hoisted_8$2V = {
   class: "cn-cospend-card__totals"
 };
 const _hoisted_9$2D = { class: "cn-cospend-card__totals-label" };
-const _hoisted_10$2l = { class: "cn-cospend-card__totals-amount" };
+const _hoisted_10$2m = { class: "cn-cospend-card__totals-amount" };
 const _hoisted_11$1Z = {
   key: 1,
   class: "cn-cospend-card__headline-recent"
@@ -81719,7 +81789,7 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                     vue$1.createVNode(_component_CurrencyEur, { size: 12 }),
                                     vue$1.createTextVNode(" " + vue$1.toDisplayString(bucket.currency), 1 /* TEXT */)
                                   ]),
-                                  vue$1.createElementVNode("span", _hoisted_10$2l, vue$1.toDisplayString(bucket.amountLabel), 1 /* TEXT */)
+                                  vue$1.createElementVNode("span", _hoisted_10$2m, vue$1.toDisplayString(bucket.amountLabel), 1 /* TEXT */)
                                 ]))
                               }), 128 /* KEYED_FRAGMENT */))
                             ]))
@@ -82560,7 +82630,7 @@ const _hoisted_9$2C = {
   key: 0,
   class: "cn-cospend-tab__subline-text"
 };
-const _hoisted_10$2k = {
+const _hoisted_10$2l = {
   key: 0,
   class: "cn-cospend-tab__totals"
 };
@@ -82716,7 +82786,7 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                 }), 128 /* KEYED_FRAGMENT */))
               ]),
               ($options.totals.length > 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2k, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2l, [
                     vue$1.createElementVNode("span", _hoisted_11$1Y, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Total')), 1 /* TEXT */),
                     vue$1.createElementVNode("ul", _hoisted_12$1J, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.totals, (bucket) => {
@@ -83087,7 +83157,7 @@ const _hoisted_9$2B = {
   key: 0,
   class: "cn-deck-card__distribution"
 };
-const _hoisted_10$2j = { class: "cn-deck-card__distribution-label" };
+const _hoisted_10$2k = { class: "cn-deck-card__distribution-label" };
 const _hoisted_11$1X = { class: "cn-deck-card__distribution-count" };
 const _hoisted_12$1I = {
   key: 1,
@@ -83162,7 +83232,7 @@ function render$60(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: bucket.key,
                                   class: "cn-deck-card__distribution-row"
                                 }, [
-                                  vue$1.createElementVNode("span", _hoisted_10$2j, vue$1.toDisplayString(bucket.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_10$2k, vue$1.toDisplayString(bucket.label), 1 /* TEXT */),
                                   vue$1.createElementVNode("span", _hoisted_11$1X, vue$1.toDisplayString(bucket.count), 1 /* TEXT */)
                                 ]))
                               }), 128 /* KEYED_FRAGMENT */))
@@ -83675,7 +83745,7 @@ const _hoisted_8$2S = {
   class: "cn-deck-card-picker__list"
 };
 const _hoisted_9$2A = ["onClick"];
-const _hoisted_10$2i = { class: "cn-deck-card-picker__row-label" };
+const _hoisted_10$2j = { class: "cn-deck-card-picker__row-label" };
 const _hoisted_11$1W = {
   key: 3,
   class: "cn-deck-card-picker__panel"
@@ -83807,7 +83877,7 @@ function render$5_(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-deck-card-picker__row-button",
                               onClick: $event => ($options.pickStack(stack))
                             }, [
-                              vue$1.createElementVNode("span", _hoisted_10$2i, vue$1.toDisplayString(stack.title), 1 /* TEXT */)
+                              vue$1.createElementVNode("span", _hoisted_10$2j, vue$1.toDisplayString(stack.title), 1 /* TEXT */)
                             ], 8 /* PROPS */, _hoisted_9$2A)
                           ], 2 /* CLASS */))
                         }), 128 /* KEYED_FRAGMENT */))
@@ -84273,7 +84343,7 @@ const _hoisted_6$3y = {
 const _hoisted_7$36 = { class: "cn-deck-tab__column-header" };
 const _hoisted_8$2R = { class: "cn-deck-tab__column-title" };
 const _hoisted_9$2z = { class: "cn-deck-tab__column-count" };
-const _hoisted_10$2h = { class: "cn-deck-tab__column-list" };
+const _hoisted_10$2i = { class: "cn-deck-tab__column-list" };
 const _hoisted_11$1V = {
   key: 0,
   class: "cn-deck-tab__card-labels"
@@ -84375,7 +84445,7 @@ function render$5Z(_ctx, _cache, $props, $setup, $data, $options) {
                     vue$1.createElementVNode("span", _hoisted_8$2R, vue$1.toDisplayString(stack.label), 1 /* TEXT */),
                     vue$1.createElementVNode("span", _hoisted_9$2z, vue$1.toDisplayString(stack.cards.length), 1 /* TEXT */)
                   ]),
-                  vue$1.createElementVNode("ul", _hoisted_10$2h, [
+                  vue$1.createElementVNode("ul", _hoisted_10$2i, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(stack.cards, (card) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                         key: $options.cardKey(card),
@@ -84771,7 +84841,7 @@ const _hoisted_6$3x = { class: "cn-email-card__subject" };
 const _hoisted_7$35 = { class: "cn-email-card__when" };
 const _hoisted_8$2Q = { class: "cn-email-card__row-body" };
 const _hoisted_9$2y = { class: "cn-email-card__sender" };
-const _hoisted_10$2g = {
+const _hoisted_10$2h = {
   key: 0,
   class: "cn-email-card__snippet"
 };
@@ -84820,7 +84890,7 @@ function render$5Y(_ctx, _cache, $props, $setup, $data, $options) {
                             vue$1.createElementVNode("span", _hoisted_9$2y, vue$1.toDisplayString(row.sender), 1 /* TEXT */)
                           ]),
                           (row.snippet)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2g, vue$1.toDisplayString(row.snippet), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$2h, vue$1.toDisplayString(row.snippet), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true)
                         ])
                       ]),
@@ -85110,7 +85180,7 @@ const _hoisted_9$2x = {
   key: 2,
   class: "cn-email-picker__panel"
 };
-const _hoisted_10$2f = {
+const _hoisted_10$2g = {
   key: 2,
   class: "cn-email-picker__list"
 };
@@ -85255,7 +85325,7 @@ function render$5X(_ctx, _cache, $props, $setup, $data, $options) {
                         name: $options.t('nextcloud-vue', 'No mailboxes'),
                         description: $options.t('nextcloud-vue', 'This account has no mailboxes to browse.')
                       }, null, 8 /* PROPS */, ["name", "description"]))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_10$2f, [
+                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_10$2g, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.mailboxes, (mb) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: mb.id,
@@ -85710,7 +85780,7 @@ const _hoisted_6$3v = {
 const _hoisted_7$33 = { class: "cn-email-tab__body" };
 const _hoisted_8$2O = { class: "cn-email-tab__line" };
 const _hoisted_9$2w = ["title"];
-const _hoisted_10$2e = { class: "cn-email-tab__date" };
+const _hoisted_10$2f = { class: "cn-email-tab__date" };
 const _hoisted_11$1T = ["title"];
 const _hoisted_12$1E = ["title"];
 
@@ -85785,7 +85855,7 @@ function render$5W(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-email-tab__subject",
                             title: row.subject
                           }, vue$1.toDisplayString(row.subject), 9 /* TEXT, PROPS */, _hoisted_9$2w),
-                          vue$1.createElementVNode("span", _hoisted_10$2e, [
+                          vue$1.createElementVNode("span", _hoisted_10$2f, [
                             (row.dateValid)
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_NcDateTime, {
                                   key: 0,
@@ -87144,7 +87214,7 @@ const _hoisted_6$3u = { class: "cn-offline-queue__row-main" };
 const _hoisted_7$32 = { class: "cn-offline-queue__operation" };
 const _hoisted_8$2N = ["data-testid"];
 const _hoisted_9$2v = { class: "cn-offline-queue__meta" };
-const _hoisted_10$2d = ["data-testid"];
+const _hoisted_10$2e = ["data-testid"];
 const _hoisted_11$1S = ["data-testid"];
 const _hoisted_12$1D = ["data-testid"];
 const _hoisted_13$1w = {
@@ -87206,7 +87276,7 @@ function render$5V(_ctx, _cache, $props, $setup, $data, $options) {
                         key: 0,
                         class: "cn-offline-queue__error",
                         "data-testid": `cn-offline-queue-error-${operation.id}`
-                      }, vue$1.toDisplayString(operation.lastError), 9 /* TEXT, PROPS */, _hoisted_10$2d))
+                      }, vue$1.toDisplayString(operation.lastError), 9 /* TEXT, PROPS */, _hoisted_10$2e))
                     : vue$1.createCommentVNode("v-if", true),
                   ($options.isPermissionLost(operation))
                     ? (vue$1.openBlock(), vue$1.createElementBlock("p", {
@@ -88189,7 +88259,7 @@ const _hoisted_8$2M = {
   "data-testid": "cn-fi-checklist"
 };
 const _hoisted_9$2u = { class: "cn-field-inspection__checklist-head" };
-const _hoisted_10$2c = {
+const _hoisted_10$2d = {
   key: 0,
   class: "cn-field-inspection__progress",
   "data-testid": "cn-fi-progress"
@@ -88329,7 +88399,7 @@ function render$5U(_ctx, _cache, $props, $setup, $data, $options) {
                     vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.itemTitle($data.activeItem)), 1 /* TEXT */)
                   ]),
                   ($data.activeTemplate)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2c, vue$1.toDisplayString($options.t('nextcloud-vue', '{done} of {total} questions completed', { done: $options.progress.done, total: $options.progress.total })), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$2d, vue$1.toDisplayString($options.t('nextcloud-vue', '{done} of {total} questions completed', { done: $options.progress.done, total: $options.progress.total })), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   ($data.activeTemplate)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("form", {
@@ -88685,7 +88755,7 @@ const _hoisted_9$2t = {
   class: "cn-field-inspection-tab__queue",
   "data-testid": "cn-fi-tab-queue"
 };
-const _hoisted_10$2b = { class: "cn-field-inspection-tab__queue-heading" };
+const _hoisted_10$2c = { class: "cn-field-inspection-tab__queue-heading" };
 
 function render$5T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Sync = vue$1.resolveComponent("Sync");
@@ -88760,7 +88830,7 @@ function render$5T(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128 /* KEYED_FRAGMENT */))
           ])),
     vue$1.createElementVNode("section", _hoisted_9$2t, [
-      vue$1.createElementVNode("h4", _hoisted_10$2b, vue$1.toDisplayString($options.t('nextcloud-vue', 'Waiting to send')), 1 /* TEXT */),
+      vue$1.createElementVNode("h4", _hoisted_10$2c, vue$1.toDisplayString($options.t('nextcloud-vue', 'Waiting to send')), 1 /* TEXT */),
       vue$1.createVNode(_component_CnOfflineQueue, {
         deviceId: $data.deviceId,
         onRequeued: $options.loadLocal
@@ -91574,7 +91644,7 @@ const _hoisted_7$2$ = {
 };
 const _hoisted_8$2K = { class: "hidden-visually" };
 const _hoisted_9$2s = ["aria-sort", "data-testid"];
-const _hoisted_10$2a = ["onClick"];
+const _hoisted_10$2b = ["onClick"];
 const _hoisted_11$1Q = {
   class: "cn-files-browser__col-actions",
   scope: "col"
@@ -91848,7 +91918,7 @@ function render$5O(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 16
                                 }))
                               : vue$1.createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_10$2a))
+                          ], 8 /* PROPS */, _hoisted_10$2b))
                         : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                             vue$1.createTextVNode(vue$1.toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                           ], 64 /* STABLE_FRAGMENT */))
@@ -93483,7 +93553,7 @@ const _hoisted_8$2J = {
   class: "cn-flow-card__headline-recent"
 };
 const _hoisted_9$2r = ["href"];
-const _hoisted_10$29 = {
+const _hoisted_10$2a = {
   key: 0,
   class: "cn-flow-card__headline-entity"
 };
@@ -93559,7 +93629,7 @@ function render$5M(_ctx, _cache, $props, $setup, $data, $options) {
                                 rel: "noopener"
                               }, vue$1.toDisplayString($options.opTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_9$2r),
                               ($options.entityLabel($options.mostRecent))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$29, " · " + vue$1.toDisplayString($options.entityLabel($options.mostRecent)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$2a, " · " + vue$1.toDisplayString($options.entityLabel($options.mostRecent)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
@@ -94225,7 +94295,7 @@ const _hoisted_9$2q = {
   key: 0,
   class: "cn-flow-tab__events"
 };
-const _hoisted_10$28 = {
+const _hoisted_10$29 = {
   key: 1,
   class: "cn-flow-tab__meta"
 };
@@ -94342,7 +94412,7 @@ function render$5K(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]))
                               : vue$1.createCommentVNode("v-if", true),
                             ($options.opMeta(op))
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$28, vue$1.toDisplayString($options.opMeta(op)), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$29, vue$1.toDisplayString($options.opMeta(op)), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true)
                           ])
                         ]),
@@ -94813,7 +94883,7 @@ const _hoisted_9$2p = {
   key: 0,
   class: "cn-forms-card__headline-recent"
 };
-const _hoisted_10$27 = ["href"];
+const _hoisted_10$28 = ["href"];
 const _hoisted_11$1O = {
   key: 0,
   class: "cn-forms-card__empty"
@@ -94884,7 +94954,7 @@ function render$5J(_ctx, _cache, $props, $setup, $data, $options) {
                                 href: $options.formUrl($options.mostRecent),
                                 target: "_blank",
                                 rel: "noopener"
-                              }, vue$1.toDisplayString($options.formTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$27)
+                              }, vue$1.toDisplayString($options.formTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$28)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
                       ]))
@@ -95357,7 +95427,7 @@ const _hoisted_7$2V = {
 };
 const _hoisted_8$2G = { class: "cn-form-picker__row-meta" };
 const _hoisted_9$2o = { class: "cn-form-picker__row-count" };
-const _hoisted_10$26 = {
+const _hoisted_10$27 = {
   key: 0,
   class: "cn-form-picker__row-linked"
 };
@@ -95469,7 +95539,7 @@ function render$5H(_ctx, _cache, $props, $setup, $data, $options) {
                       vue$1.createElementVNode("div", _hoisted_8$2G, [
                         vue$1.createElementVNode("span", _hoisted_9$2o, vue$1.toDisplayString($options.submissionCountLabel(form)), 1 /* TEXT */),
                         (form.linked)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$26, vue$1.toDisplayString($props.alreadyLinkedLabel), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$27, vue$1.toDisplayString($props.alreadyLinkedLabel), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
                       ])
                     ], 10 /* CLASS, PROPS */, _hoisted_3$4E))
@@ -96448,7 +96518,7 @@ const _hoisted_8$2E = {
   class: "cn-maps-card__headline"
 };
 const _hoisted_9$2n = { class: "cn-maps-card__headline-line" };
-const _hoisted_10$25 = {
+const _hoisted_10$26 = {
   key: 0,
   class: "cn-maps-card__headline-recent"
 };
@@ -96548,7 +96618,7 @@ function render$5F(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */)
                         ]),
                         ($options.mostRecent)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$25, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$26, [
                               vue$1.createElementVNode("a", {
                                 href: $options.pointUrl($options.mostRecent),
                                 target: "_blank",
@@ -97406,7 +97476,7 @@ const _hoisted_9$2l = {
   key: 0,
   class: "cn-maps-tab__category"
 };
-const _hoisted_10$24 = { class: "cn-maps-tab__subname" };
+const _hoisted_10$25 = { class: "cn-maps-tab__subname" };
 const _hoisted_11$1L = {
   key: 0,
   class: "cn-maps-tab__address"
@@ -97523,7 +97593,7 @@ function render$5C(_ctx, _cache, $props, $setup, $data, $options) {
                         : vue$1.createCommentVNode("v-if", true)
                     ]),
                     subname: vue$1.withCtx(() => [
-                      vue$1.createElementVNode("span", _hoisted_10$24, [
+                      vue$1.createElementVNode("span", _hoisted_10$25, [
                         ($options.addressLabel(point))
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1L, vue$1.toDisplayString($options.addressLabel(point)), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true),
@@ -99667,7 +99737,7 @@ const _hoisted_6$3e = {
 const _hoisted_7$2P = ["aria-label"];
 const _hoisted_8$2A = { class: "cn-notes-card__note-header" };
 const _hoisted_9$2j = { class: "cn-notes-card__author" };
-const _hoisted_10$23 = {
+const _hoisted_10$24 = {
   key: 1,
   class: "cn-notes-card__author cn-notes-card__author--self"
 };
@@ -99790,7 +99860,7 @@ function render$5y(_ctx, _cache, $props, $setup, $data, $options) {
                                   ]),
                                   _: 2 /* DYNAMIC */
                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["userId", "displayName"]))
-                              : (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_10$23, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)),
+                              : (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_10$24, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)),
                             vue$1.createElementVNode("span", _hoisted_11$1K, vue$1.toDisplayString($options.formatDate(row.note.creationDateTime || row.note.created)), 1 /* TEXT */)
                           ]),
                           ($options.visibilityShown)
@@ -100539,7 +100609,7 @@ const _hoisted_9$2i = {
   class: "cn-notes-tab__quote",
   "data-testid": "cn-note-quote"
 };
-const _hoisted_10$22 = {
+const _hoisted_10$23 = {
   key: 0,
   class: "cn-notes-tab__edited",
   "data-testid": "cn-note-edited"
@@ -100658,7 +100728,7 @@ function render$5w(_ctx, _cache, $props, $setup, $data, $options) {
                       details: vue$1.withCtx(() => [
                         vue$1.createTextVNode(vue$1.toDisplayString($options.formatDate(row.note.creationDateTime || row.note.created)) + " ", 1 /* TEXT */),
                         ($options.wasEdited(row.note))
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$22, vue$1.toDisplayString($options.editedLine(row.note)), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$23, vue$1.toDisplayString($options.editedLine(row.note)), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
                       ]),
                       _: 2 /* DYNAMIC */
@@ -101168,7 +101238,7 @@ const _hoisted_8$2y = {
   class: "cn-openproject-card__headline"
 };
 const _hoisted_9$2h = { class: "cn-openproject-card__headline-line" };
-const _hoisted_10$21 = { class: "cn-openproject-card__auth-badge cn-openproject-card__auth-badge--ok" };
+const _hoisted_10$22 = { class: "cn-openproject-card__auth-badge cn-openproject-card__auth-badge--ok" };
 const _hoisted_11$1J = {
   key: 0,
   class: "cn-openproject-card__distribution"
@@ -101265,7 +101335,7 @@ function render$5v(_ctx, _cache, $props, $setup, $data, $options) {
                         : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_8$2y, [
                             vue$1.createElementVNode("div", _hoisted_9$2h, [
                               vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */),
-                              vue$1.createElementVNode("span", _hoisted_10$21, [
+                              vue$1.createElementVNode("span", _hoisted_10$22, [
                                 vue$1.createVNode(_component_CheckCircleOutline, { size: 13 }),
                                 vue$1.createTextVNode(" " + vue$1.toDisplayString($props.authConfiguredLabel), 1 /* TEXT */)
                               ])
@@ -101781,7 +101851,7 @@ const _hoisted_9$2g = {
   key: 1,
   class: "cn-openproject-picker__status"
 };
-const _hoisted_10$20 = {
+const _hoisted_10$21 = {
   key: 2,
   class: "cn-openproject-picker__project-name"
 };
@@ -101919,7 +101989,7 @@ function render$5t(_ctx, _cache, $props, $setup, $data, $options) {
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$2g, "· " + vue$1.toDisplayString(wp.status), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true),
                                 (wp.project)
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$20, "· " + vue$1.toDisplayString(wp.project), 1 /* TEXT */))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$21, "· " + vue$1.toDisplayString(wp.project), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ])
                             ])
@@ -102421,7 +102491,7 @@ const _hoisted_9$2f = {
   key: 7,
   class: "cn-openproject-tab__list"
 };
-const _hoisted_10$1$ = ["title"];
+const _hoisted_10$20 = ["title"];
 const _hoisted_11$1I = { class: "cn-openproject-tab__subline" };
 const _hoisted_12$1t = {
   key: 0,
@@ -102589,7 +102659,7 @@ function render$5s(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: 3,
                                   size: 18
                                 }))
-                      ], 10 /* CLASS, PROPS */, _hoisted_10$1$)
+                      ], 10 /* CLASS, PROPS */, _hoisted_10$20)
                     ]),
                     subname: vue$1.withCtx(() => [
                       vue$1.createElementVNode("span", _hoisted_11$1I, [
@@ -103012,7 +103082,7 @@ const _hoisted_9$2e = {
   key: 0,
   class: "cn-photos-card__photo-total"
 };
-const _hoisted_10$1_ = {
+const _hoisted_10$1$ = {
   key: 0,
   class: "cn-photos-card__headline-album"
 };
@@ -103102,7 +103172,7 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
                             : vue$1.createCommentVNode("v-if", true)
                         ]),
                         ($options.firstAlbum)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1_, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1$, [
                               vue$1.createElementVNode("div", _hoisted_11$1H, [
                                 ($options.coverUrl($options.firstAlbum))
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("img", {
@@ -103870,7 +103940,7 @@ const _hoisted_6$37 = {
 const _hoisted_7$2I = ["href", "title"];
 const _hoisted_8$2u = { class: "cn-photos-tab__cover" };
 const _hoisted_9$2d = ["src", "alt", "onError"];
-const _hoisted_10$1Z = {
+const _hoisted_10$1_ = {
   key: 1,
   class: "cn-photos-tab__cover-placeholder"
 };
@@ -103979,7 +104049,7 @@ function render$5o(_ctx, _cache, $props, $setup, $data, $options) {
                             loading: "lazy",
                             onError: $event => ($options.onCoverError(album))
                           }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_9$2d))
-                        : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1Z, [
+                        : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1_, [
                             vue$1.createVNode(_component_ImageMultiple, {
                               size: 36,
                               class: "cn-photos-tab__cover-fallback"
@@ -104436,7 +104506,7 @@ const _hoisted_9$2c = {
   key: 0,
   class: "cn-polls-card__headline-recent"
 };
-const _hoisted_10$1Y = ["href"];
+const _hoisted_10$1Z = ["href"];
 const _hoisted_11$1F = {
   key: 0,
   class: "cn-polls-card__headline-leader"
@@ -104522,7 +104592,7 @@ function render$5n(_ctx, _cache, $props, $setup, $data, $options) {
                                 href: $options.pollUrl($options.mostRecent),
                                 target: "_blank",
                                 rel: "noopener"
-                              }, vue$1.toDisplayString($options.pollTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$1Y),
+                              }, vue$1.toDisplayString($options.pollTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$1Z),
                               ($options.leadingOption($options.mostRecent))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1F, " · " + vue$1.toDisplayString($options.leadingOption($options.mostRecent)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
@@ -105448,7 +105518,7 @@ const _hoisted_6$33 = {
 const _hoisted_7$2F = { class: "cn-polls-tab__row-header" };
 const _hoisted_8$2r = ["title", "aria-label"];
 const _hoisted_9$2a = ["href"];
-const _hoisted_10$1X = { class: "cn-polls-tab__meta" };
+const _hoisted_10$1Y = { class: "cn-polls-tab__meta" };
 const _hoisted_11$1E = { class: "cn-polls-tab__meta-item" };
 const _hoisted_12$1p = {
   key: 0,
@@ -105593,7 +105663,7 @@ function render$5k(_ctx, _cache, $props, $setup, $data, $options) {
                       _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["aria-label", "onClick"])
                   ]),
-                  vue$1.createElementVNode("div", _hoisted_10$1X, [
+                  vue$1.createElementVNode("div", _hoisted_10$1Y, [
                     vue$1.createElementVNode("span", _hoisted_11$1E, [
                       vue$1.createVNode(_component_AccountMultiple, {
                         size: 14,
@@ -106045,7 +106115,7 @@ const _hoisted_9$29 = {
   key: 0,
   class: "cn-shares-card__empty"
 };
-const _hoisted_10$1W = {
+const _hoisted_10$1X = {
   key: 1,
   class: "cn-shares-card__empty"
 };
@@ -106116,7 +106186,7 @@ function render$5j(_ctx, _cache, $props, $setup, $data, $options) {
                 ($data.degraded)
                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$29, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.shares.length === 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1W, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1X, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
                     : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_11$1D, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.groupedShares, (group) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("section", {
@@ -106385,7 +106455,7 @@ const _hoisted_9$28 = {
   key: 3,
   class: "cn-share-create__field"
 };
-const _hoisted_10$1V = { class: "cn-share-create__field" };
+const _hoisted_10$1W = { class: "cn-share-create__field" };
 const _hoisted_11$1C = { class: "cn-share-create__label" };
 
 function render$5i(_ctx, _cache, $props, $setup, $data, $options) {
@@ -106528,7 +106598,7 @@ function render$5i(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8 /* PROPS */, ["modelValue", "label"])
             ]))
           : vue$1.createCommentVNode("v-if", true),
-        vue$1.createElementVNode("label", _hoisted_10$1V, [
+        vue$1.createElementVNode("label", _hoisted_10$1W, [
           vue$1.createElementVNode("span", _hoisted_11$1C, vue$1.toDisplayString($options.t('nextcloud-vue', 'Expiration (optional)')), 1 /* TEXT */),
           vue$1.withDirectives(vue$1.createElementVNode("input", {
             "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (($data.expiration) = $event)),
@@ -106917,7 +106987,7 @@ const _hoisted_6$30 = {
 const _hoisted_7$2C = { class: "cn-shares-tab__group-header" };
 const _hoisted_8$2o = { class: "cn-shares-tab__group-label" };
 const _hoisted_9$27 = { class: "cn-shares-tab__group-count" };
-const _hoisted_10$1U = { class: "cn-shares-tab__list" };
+const _hoisted_10$1V = { class: "cn-shares-tab__list" };
 const _hoisted_11$1B = {
   class: "cn-shares-tab__avatar",
   "aria-hidden": true
@@ -107001,7 +107071,7 @@ function render$5h(_ctx, _cache, $props, $setup, $data, $options) {
                     vue$1.createElementVNode("span", _hoisted_8$2o, vue$1.toDisplayString(group.label), 1 /* TEXT */),
                     vue$1.createElementVNode("span", _hoisted_9$27, vue$1.toDisplayString(group.rows.length), 1 /* TEXT */)
                   ]),
-                  vue$1.createElementVNode("ul", _hoisted_10$1U, [
+                  vue$1.createElementVNode("ul", _hoisted_10$1V, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(group.rows, (share) => {
                       return (vue$1.openBlock(), vue$1.createBlock(_component_NcListItem, {
                         key: $options.shareKey(share),
@@ -107872,7 +107942,7 @@ const _hoisted_9$26 = {
   key: 0,
   class: "cn-talk-card__headline-recent"
 };
-const _hoisted_10$1T = ["href"];
+const _hoisted_10$1U = ["href"];
 const _hoisted_11$1A = {
   key: 0,
   class: "cn-talk-card__headline-preview"
@@ -107953,7 +108023,7 @@ function render$5e(_ctx, _cache, $props, $setup, $data, $options) {
                                 href: $options.roomUrl($options.mostRecent),
                                 target: "_blank",
                                 rel: "noopener"
-                              }, vue$1.toDisplayString($options.roomTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$1T),
+                              }, vue$1.toDisplayString($options.roomTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_10$1U),
                               ($options.roomPreview($options.mostRecent))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1A, " · " + vue$1.toDisplayString($options.roomPreview($options.mostRecent)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
@@ -112880,7 +112950,7 @@ const _hoisted_6$2X = ["href"];
 const _hoisted_7$2y = { class: "cn-flow-tasks__meta" };
 const _hoisted_8$2l = { class: "cn-flow-tasks__state" };
 const _hoisted_9$25 = { class: "cn-flow-tasks__verbs" };
-const _hoisted_10$1S = {
+const _hoisted_10$1T = {
   key: 2,
   class: "cn-flow-tasks__error",
   role: "alert",
@@ -113027,7 +113097,7 @@ function render$5a(_ctx, _cache, $props, $setup, $data, $options) {
                         }, null, 8 /* PROPS */, ["options", "inputLabel", "onSearch", "onUpdate:modelValue"]))
                       : vue$1.createCommentVNode("v-if", true),
                     ($data.rowErrors[$options.uuidOf(task)])
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$1S, vue$1.toDisplayString($data.rowErrors[$options.uuidOf(task)]), 1 /* TEXT */))
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$1T, vue$1.toDisplayString($data.rowErrors[$options.uuidOf(task)]), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_5$3c))
                 }), 128 /* KEYED_FRAGMENT */))
@@ -113854,7 +113924,7 @@ const _hoisted_8$2j = {
   class: "cn-tasks-card__assignee"
 };
 const _hoisted_9$23 = { class: "cn-tasks-card__assignee-name" };
-const _hoisted_10$1R = {
+const _hoisted_10$1S = {
   key: 1,
   class: "cn-tasks-card__assignee-name cn-tasks-card__assignee-name--self"
 };
@@ -113930,7 +114000,7 @@ function render$58(_ctx, _cache, $props, $setup, $data, $options) {
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["userId", "displayName"]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1R, vue$1.toDisplayString(task.assignee), 1 /* TEXT */))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1S, vue$1.toDisplayString(task.assignee), 1 /* TEXT */))
                             ]))
                           : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1y, vue$1.toDisplayString($props.unassignedLabel), 1 /* TEXT */)),
                         (task.dueDate)
@@ -114362,7 +114432,7 @@ const _hoisted_9$22 = {
   key: 1,
   class: "cn-time-tracker-card__distribution"
 };
-const _hoisted_10$1Q = { class: "cn-time-tracker-card__distribution-label" };
+const _hoisted_10$1R = { class: "cn-time-tracker-card__distribution-label" };
 const _hoisted_11$1x = { class: "cn-time-tracker-card__distribution-count" };
 const _hoisted_12$1k = {
   key: 2,
@@ -114444,7 +114514,7 @@ function render$57(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: bucket.key,
                                   class: "cn-time-tracker-card__distribution-row"
                                 }, [
-                                  vue$1.createElementVNode("span", _hoisted_10$1Q, [
+                                  vue$1.createElementVNode("span", _hoisted_10$1R, [
                                     vue$1.createElementVNode("span", {
                                       class: vue$1.normalizeClass(["cn-time-tracker-card__distribution-dot", `cn-time-tracker-card__distribution-dot--${bucket.key}`])
                                     }, null, 2 /* CLASS */),
@@ -115320,7 +115390,7 @@ const _hoisted_6$2S = {
 const _hoisted_7$2u = { class: "cn-time-tracker-tab__summary-label" };
 const _hoisted_8$2h = { class: "cn-time-tracker-tab__summary-value" };
 const _hoisted_9$21 = { class: "cn-time-tracker-tab__list" };
-const _hoisted_10$1P = { class: "cn-time-tracker-tab__subline" };
+const _hoisted_10$1Q = { class: "cn-time-tracker-tab__subline" };
 const _hoisted_11$1w = {
   key: 1,
   class: "cn-time-tracker-tab__task-count"
@@ -115452,7 +115522,7 @@ function render$54(_ctx, _cache, $props, $setup, $data, $options) {
                       ], 2 /* CLASS */)
                     ]),
                     subname: vue$1.withCtx(() => [
-                      vue$1.createElementVNode("span", _hoisted_10$1P, [
+                      vue$1.createElementVNode("span", _hoisted_10$1Q, [
                         vue$1.createElementVNode("span", {
                           class: vue$1.normalizeClass(["cn-time-tracker-tab__kind-chip", $options.kindChipClass(row)])
                         }, vue$1.toDisplayString($options.kindLabel(row)), 3 /* TEXT, CLASS */),
@@ -115951,7 +116021,7 @@ const _hoisted_6$2R = { class: "cn-version-history__action" };
 const _hoisted_7$2t = { class: "cn-version-history__when" };
 const _hoisted_8$2g = { class: "cn-version-history__user" };
 const _hoisted_9$20 = { class: "cn-version-history__toolbar" };
-const _hoisted_10$1O = {
+const _hoisted_10$1P = {
   key: 3,
   class: "cn-version-history__diff"
 };
@@ -116042,7 +116112,7 @@ function render$53(_ctx, _cache, $props, $setup, $data, $options) {
                     : vue$1.createCommentVNode("v-if", true)
                 ])
               ]))
-            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1O, [
+            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1P, [
                 vue$1.createElementVNode("div", _hoisted_11$1v, [
                   vue$1.createVNode(_component_NcButton, {
                     variant: "tertiary",
@@ -116537,7 +116607,7 @@ const _hoisted_9$1$ = {
   key: 1,
   class: "cn-xwiki-card__count cn-xwiki-card__count--muted"
 };
-const _hoisted_10$1N = ["title"];
+const _hoisted_10$1O = ["title"];
 const _hoisted_11$1u = {
   key: 0,
   class: "cn-xwiki-card__recent"
@@ -116619,7 +116689,7 @@ function render$52(_ctx, _cache, $props, $setup, $data, $options) {
                   vue$1.createElementVNode("span", {
                     class: vue$1.normalizeClass(["cn-xwiki-card__auth-badge", `cn-xwiki-card__auth-badge--${$options.authBadge.kind}`]),
                     title: $options.authBadge.title
-                  }, vue$1.toDisplayString($options.authBadge.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_10$1N)
+                  }, vue$1.toDisplayString($options.authBadge.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_10$1O)
                 ]),
                 (!$data.degraded && $options.mostRecent)
                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_11$1u, [
@@ -124377,7 +124447,7 @@ const _hoisted_8$2c = {
   class: "cn-form-dialog__textarea-wrapper"
 };
 const _hoisted_9$1Z = ["for"];
-const _hoisted_10$1M = ["id", "value", "disabled", "placeholder", "onInput"];
+const _hoisted_10$1N = ["id", "value", "disabled", "placeholder", "onInput"];
 const _hoisted_11$1t = {
   key: 3,
   class: "cn-form-dialog__select-wrapper"
@@ -124824,7 +124894,7 @@ function render$4_(_ctx, _cache, $props, $setup, $data, $options) {
                                               placeholder: field.description,
                                               rows: "4",
                                               onInput: $event => ($options.updateField(field.key, $event.target.value))
-                                            }), null, 16 /* FULL_PROPS */, _hoisted_10$1M),
+                                            }), null, 16 /* FULL_PROPS */, _hoisted_10$1N),
                                             vue$1.createVNode(_component_CnFieldHelper, {
                                               id: $options.helpId(field),
                                               text: field.description,
@@ -125666,7 +125736,7 @@ const _hoisted_8$2b = {
   class: "cn-pagination__nav"
 };
 const _hoisted_9$1Y = { class: "cn-pagination__numbers" };
-const _hoisted_10$1L = {
+const _hoisted_10$1M = {
   key: 4,
   class: "cn-pagination__page-size"
 };
@@ -125823,7 +125893,7 @@ function render$4Z(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
             : vue$1.createCommentVNode("v-if", true),
         (!$props.compact && !$options.isBoardVariant)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1L, [
+          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1M, [
               vue$1.createElementVNode("label", { for: $options.pageSizeId }, vue$1.toDisplayString($props.itemsPerPageLabel), 9 /* TEXT, PROPS */, _hoisted_11$1s),
               vue$1.createVNode(_component_NcSelect, {
                 inputId: $options.pageSizeId,
@@ -126503,7 +126573,8 @@ var script$4X = {
 		 * Host translate function provided by CnAppRoot as
 		 * `cnTranslate: this.translate` (bound to the host app's id). The
 		 * manifest-authored `content.emptyText` is run through it for this
-		 * component's OWN empty state, and so is `content.prompt`. Defaults to an identity function so
+		 * component's OWN empty state, and so are `content.prompt` and
+		 * `content.addLabel`. Defaults to an identity function so
 		 * an untranslated key renders as itself.
 		 */
 		cnTranslate: { default: () => (key) => key },
@@ -127238,9 +127309,24 @@ var script$4X = {
 			return (c.formFieldOverrides && typeof c.formFieldOverrides === 'object') ? c.formFieldOverrides : {}
 		},
 
-		/** Pre-translated Add label (overridable via `content.addLabel`). */
+		/**
+		 * The Add label: `content.addLabel` through the app's translate
+		 * function, else the library's "Add".
+		 *
+		 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/object-list-add-label/spec.md
+		 * @return {string}
+		 */
 		addLabel() {
-			return this.content.addLabel || l10n.translate('nextcloud-vue', 'Add')
+			// `content.addLabel` is manifest copy in the APP's catalogue, so it
+			// goes through the host translate function like `emptyText` and
+			// `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.
+			if (this.content.addLabel) {
+				const fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k;
+				return fn(this.content.addLabel)
+			}
+			return l10n.translate('nextcloud-vue', 'Add')
 		},
 
 		/** Stable signature of the query so the watcher only refetches on real change. */
@@ -128029,7 +128115,7 @@ const _hoisted_7$2n = {
 };
 const _hoisted_8$2a = { class: "cn-object-list-widget__bulk-count" };
 const _hoisted_9$1X = ["onClick"];
-const _hoisted_10$1K = {
+const _hoisted_10$1L = {
   key: 2,
   class: "cn-object-list-widget__groups"
 };
@@ -128158,7 +128244,7 @@ function render$4X(_ctx, _cache, $props, $setup, $data, $options) {
                     ]))
                   : vue$1.createCommentVNode("v-if", true),
                 ($options.isGrouped)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1K, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1L, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.groupedRows, (group) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("div", {
                           key: group.key,
@@ -130713,7 +130799,7 @@ const _hoisted_9$1W = {
   key: 1,
   class: "cn-widget-wrapper__floating-meta"
 };
-const _hoisted_10$1J = ["aria-labelledby", "aria-label"];
+const _hoisted_10$1K = ["aria-labelledby", "aria-label"];
 const _hoisted_11$1q = {
   key: 2,
   class: "cn-widget-wrapper__footer"
@@ -130843,7 +130929,7 @@ function render$4U(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": $options.titleVisible ? null : $options.resolvedTitle
     }, [
       vue$1.renderSlot(_ctx.$slots, "default")
-    ], 8 /* PROPS */, _hoisted_10$1J),
+    ], 8 /* PROPS */, _hoisted_10$1K),
     (_ctx.$slots.footer || ($props.buttons && $props.buttons.length > 0))
       ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_11$1q, [
           vue$1.renderSlot(_ctx.$slots, "footer", {}, () => [
@@ -131282,6 +131368,12 @@ var script$4T = {
 			groups: [],
 			/** Active tab key. */
 			activeKey: '',
+			/** Keys of the tabbed sections whose request is still in flight (`objects`, `files`, `relations`). */
+			pendingSections: [],
+			/** Tabbed sections whose request failed: `{ key, label }`. */
+			failedSections: [],
+			/** Bumped per `loadTabs()`; an answer from an older load is dropped. */
+			loadToken: 0,
 			/** Key of the inline-expanded row (`{group}-{id}`) for leaves with no owning-app page (e.g. notes). */
 			expandedKey: '',
 			/** Whether a footer file upload is in flight. */
@@ -131406,6 +131498,22 @@ var script$4T = {
 			)
 		},
 
+		/**
+		 * The line under the panel naming the sections still loading, once
+		 * another section is already on screen.
+		 *
+		 * @return {string}
+		 */
+		pendingLabel() {
+			const labels = {
+				objects: this.objectsLabel,
+				files: this.filesLabel,
+				relations: l10n.translate('nextcloud-vue', 'Linked items'),
+			};
+			const names = this.pendingSections.map((key) => labels[key] || key).join(', ');
+			return l10n.translate('nextcloud-vue', 'Still loading: {sections}', { sections: names })
+		},
+
 		/** Placeholder shown in the body while the first fetch is in flight. */
 		loadingLabel() {
 			return l10n.translate('nextcloud-vue', 'Loading …')
@@ -131902,16 +132010,27 @@ var script$4T = {
 		 * @return {Promise<object|null>}
 		 */
 		async fetchSubResource(suffix) {
+			return (await this.fetchSection(suffix)).data
+		},
+
+		/**
+		 * GET an OpenRegister sub-resource and say whether it answered, so a
+		 * section can tell "nothing linked" from "could not load".
+		 *
+		 * @param {string} suffix - The sub-resource suffix.
+		 * @return {Promise<{ ok: boolean, data: object|null }>}
+		 */
+		async fetchSection(suffix) {
 			try {
 				// `no-store`: relations change as the user links content; a stale
 				// cached empty response would wrongly show the empty state on load.
 				const response = await fetch(this.relatedUrl(suffix), { method: 'GET', headers: buildHeaders(), cache: 'no-store' });
 				if (!response.ok) {
-					return null
+					return { ok: false, data: null }
 				}
-				return await response.json()
+				return { ok: true, data: await response.json() }
 			} catch {
-				return null
+				return { ok: false, data: null }
 			}
 		},
 
@@ -132115,56 +132234,138 @@ var script$4T = {
 		},
 
 		/**
-		 * Fetch every group directly from OpenRegister and build the tabs.
+		 * Fetch every group directly from OpenRegister and build the tabs,
+		 * one section at a time.
+		 *
+		 * 🔴 EACH SECTION SHOWS WHEN ITS OWN REQUEST RETURNS. This used to wait
+		 * for relations, uses, used, contracts and files together behind one
+		 * `Promise.all`, so the relations call (0.45 s on pipelinq's lead page)
+		 * sat behind uses/used (about 9 s) and the card said "Loading …" the
+		 * whole time. Now the groups are laid out up front in their fixed order
+		 * and filled in place as each answer arrives, so a slow section never
+		 * reorders or hides a fast one. A section still in flight is named in
+		 * `pendingSections`; one whose request failed in `failedSections`.
 		 *
+		 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/related-objects-progressive/spec.md
 		 * @return {Promise<void>}
 		 */
 		async loadTabs() {
+			const token = ++this.loadToken;
+			const current = () => token === this.loadToken;
 			this.loading = true;
-			try {
-				const [relations, uses, used, contracts, files] = await Promise.all([
-					this.fetchSubResource('relations'),
-					this.showObjects ? this.fetchSubResource('uses') : null,
-					this.showObjects ? this.fetchSubResource('used') : null,
-					(this.showObjects && this.showContracts) ? this.fetchSubResource('contracts') : null,
-					this.showFiles ? this.fetchSubResource('files') : null,
-				]);
+			this.failedSections = [];
 
-				const groups = [];
+			const objectSuffixes = this.showObjects
+				? ['uses', 'used', ...(this.showContracts ? ['contracts'] : [])]
+				: [];
+			const sections = [
+				...(this.showObjects ? [{ key: 'objects', label: this.objectsLabel }] : []),
+				...(this.showFiles ? [{ key: 'files', label: this.filesLabel }] : []),
+				{ key: 'relations', label: l10n.translate('nextcloud-vue', 'Linked items') },
+			];
+			this.pendingSections = sections.map((section) => section.key);
 
-				if (this.showObjects) {
-					await this.resolveSchemaTitles([uses, used, contracts]);
-					const objectItems = this.mergeObjectResults([uses, used, contracts]);
-					groups.push({ key: 'objects', label: this.objectsLabel, icon: 'FileTreeOutline', integrationId: '', items: objectItems, total: objectItems.length });
-				}
+			// Lay out every group now, in its fixed order, empty. visibleGroups
+			// hides an empty group, so nothing shows until a section fills it.
+			const groups = [];
+			if (this.showObjects) {
+				groups.push({ key: 'objects', label: this.objectsLabel, icon: 'FileTreeOutline', integrationId: '', items: [], total: 0 });
+			}
+			if (this.showFiles) {
+				groups.push({ key: 'files', label: this.filesLabel, icon: 'Paperclip', integrationId: 'files', items: [], total: 0 });
+			}
+			for (const def of LEAF_GROUPS) {
+				groups.push({
+					key: def.key,
+					label: this.leafLabel(def.key),
+					// Prefer the registered integration's icon so it matches the
+					// sidebar/linked-apps; fall back to the known-good default.
+					icon: this.integrationIcon(def.integrationId) || def.icon,
+					integrationId: def.integrationId,
+					requiredApp: def.requiredApp,
+					items: [],
+					total: 0,
+				});
+			}
+			this.groups = groups;
 
-				if (this.showFiles) {
-					const fileResults = (files && files.results) || [];
-					groups.push({ key: 'files', label: this.filesLabel, icon: 'Paperclip', integrationId: 'files', items: fileResults.map((f) => this.toFileRow(f)), total: files ? (files.total ?? fileResults.length) : 0 });
+			const setGroup = (key, items, total) => {
+				const index = this.groups.findIndex((group) => group.key === key);
+				if (index === -1) {
+					return
+				}
+				const next = this.groups.slice();
+				next[index] = { ...next[index], items, total };
+				this.groups = next;
+			};
+			const settle = (key, ok) => {
+				this.pendingSections = this.pendingSections.filter((k) => k !== key);
+				if (!ok) {
+					const section = sections.find((s) => s.key === key);
+					this.failedSections = [...this.failedSections, { key, label: section ? section.label : key }];
 				}
+				// Keep the tab the reader saw first: pin it, so a slower section
+				// that sorts before it does not take the panel away.
+				if (!this.activeKey && this.visibleGroups.length) {
+					this.activeKey = this.visibleGroups[0].key;
+				}
+			};
 
+			const loadRelations = this.fetchSection('relations').then(({ ok, data }) => {
+				if (!current()) {
+					return
+				}
 				for (const def of LEAF_GROUPS) {
-					const block = relations && relations[def.responseKey];
+					const block = data && data[def.responseKey];
 					const results = (block && block.results) || [];
-					groups.push({
-						key: def.key,
-						label: this.leafLabel(def.key),
-						// Prefer the registered integration's icon so it matches the
-						// sidebar/linked-apps; fall back to the known-good default.
-						icon: this.integrationIcon(def.integrationId) || def.icon,
-						integrationId: def.integrationId,
-						requiredApp: def.requiredApp,
-						items: results.map((r, i) => this.toLeafRow(r, i)),
-						total: block ? (block.total ?? results.length) : 0,
-					});
+					setGroup(def.key, results.map((r, i) => this.toLeafRow(r, i)), block ? (block.total ?? results.length) : 0);
 				}
+				settle('relations', ok);
+			});
 
-				this.groups = groups;
-				if (!this.activeGroup && this.visibleGroups.length) {
-					this.activeKey = this.visibleGroups[0].key;
-				}
+			const loadFiles = this.showFiles
+				? this.fetchSection('files').then(({ ok, data }) => {
+						if (!current()) {
+							return
+						}
+						const fileResults = (data && data.results) || [];
+						setGroup('files', fileResults.map((f) => this.toFileRow(f)), data ? (data.total ?? fileResults.length) : 0);
+						settle('files', ok);
+					})
+				: null;
+
+			// uses, used and contracts merge into one Objects group: each answer
+			// re-merges what has arrived so far, and the group stays pending
+			// until the last of them is in.
+			const envelopes = objectSuffixes.map(() => null);
+			let objectsOk = true;
+			const loadObjects = objectSuffixes.length
+				? Promise.all(objectSuffixes.map((suffix, i) => this.fetchSection(suffix).then(async ({ ok, data }) => {
+						if (!current()) {
+							return
+						}
+						objectsOk = objectsOk && ok;
+						envelopes[i] = data;
+						await this.resolveSchemaTitles([data]);
+						if (!current()) {
+							return
+						}
+						const objectItems = this.mergeObjectResults(envelopes);
+						setGroup('objects', objectItems, objectItems.length);
+					}))).then(() => {
+						if (current()) {
+							settle('objects', objectsOk);
+						}
+					})
+				: null;
+
+			try {
+				await Promise.all([loadRelations, loadFiles, loadObjects]);
 			} finally {
-				this.loading = false;
+				if (current()) {
+					this.loading = false;
+					this.pendingSections = [];
+				}
 			}
 		},
 
@@ -132318,7 +132519,7 @@ const _hoisted_7$2l = {
 };
 const _hoisted_8$28 = { class: "cn-related-objects-widget__list" };
 const _hoisted_9$1V = ["href"];
-const _hoisted_10$1I = { class: "cn-related-objects-widget__label" };
+const _hoisted_10$1J = { class: "cn-related-objects-widget__label" };
 const _hoisted_11$1p = {
   key: 0,
   class: "cn-related-objects-widget__meta"
@@ -132335,59 +132536,66 @@ const _hoisted_15$W = {
 };
 const _hoisted_16$N = {
   key: 2,
+  class: "cn-related-objects-widget__section-status",
+  "data-testid": "cn-related-pending",
+  role: "status"
+};
+const _hoisted_17$G = ["data-section"];
+const _hoisted_18$B = {
+  key: 3,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_17$G = {
+const _hoisted_19$x = {
   key: 0,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_18$B = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_19$x = { class: "cn-related-objects-widget__count" };
-const _hoisted_20$t = { class: "cn-related-objects-widget__list" };
-const _hoisted_21$r = ["onClick", "onKeydown"];
-const _hoisted_22$r = { class: "cn-related-objects-widget__label" };
-const _hoisted_23$m = {
+const _hoisted_20$t = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_21$r = { class: "cn-related-objects-widget__count" };
+const _hoisted_22$r = { class: "cn-related-objects-widget__list" };
+const _hoisted_23$m = ["onClick", "onKeydown"];
+const _hoisted_24$j = { class: "cn-related-objects-widget__label" };
+const _hoisted_25$h = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_24$j = {
+const _hoisted_26$f = {
   key: 1,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_25$h = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_26$f = { class: "cn-related-objects-widget__count" };
-const _hoisted_27$a = { class: "cn-related-objects-widget__list" };
-const _hoisted_28$a = ["onClick", "onKeydown"];
-const _hoisted_29$9 = { class: "cn-related-objects-widget__label" };
-const _hoisted_30$8 = {
+const _hoisted_27$a = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_28$a = { class: "cn-related-objects-widget__count" };
+const _hoisted_29$9 = { class: "cn-related-objects-widget__list" };
+const _hoisted_30$8 = ["onClick", "onKeydown"];
+const _hoisted_31$8 = { class: "cn-related-objects-widget__label" };
+const _hoisted_32$8 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_31$8 = {
+const _hoisted_33$7 = {
   key: 0,
   class: "cn-related-objects-widget__group-title"
 };
-const _hoisted_32$8 = { class: "cn-related-objects-widget__count" };
-const _hoisted_33$7 = {
+const _hoisted_34$7 = { class: "cn-related-objects-widget__count" };
+const _hoisted_35$7 = {
   key: 1,
   class: "cn-related-objects-widget__list"
 };
-const _hoisted_34$7 = ["onClick", "onKeydown"];
-const _hoisted_35$7 = { class: "cn-related-objects-widget__label" };
-const _hoisted_36$7 = {
+const _hoisted_36$7 = ["onClick", "onKeydown"];
+const _hoisted_37$5 = { class: "cn-related-objects-widget__label" };
+const _hoisted_38$4 = {
   key: 2,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_37$5 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_38$4 = { class: "cn-related-objects-widget__list cn-related-objects-widget__list--apps" };
-const _hoisted_39$3 = ["onClick", "onKeydown"];
-const _hoisted_40$3 = { class: "cn-related-objects-widget__label" };
-const _hoisted_41$1 = {
+const _hoisted_39$3 = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_40$3 = { class: "cn-related-objects-widget__list cn-related-objects-widget__list--apps" };
+const _hoisted_41$1 = ["onClick", "onKeydown"];
+const _hoisted_42$1 = { class: "cn-related-objects-widget__label" };
+const _hoisted_43$1 = {
   key: 3,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_42$1 = { class: "cn-related-objects-widget__footer" };
-const _hoisted_43$1 = {
+const _hoisted_44$1 = { class: "cn-related-objects-widget__footer" };
+const _hoisted_45$1 = {
   key: 2,
   class: "cn-related-objects-widget__add-error"
 };
@@ -132460,7 +132668,7 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 20,
                                   class: "cn-related-objects-widget__icon"
                                 }, null, 8 /* PROPS */, ["name"]),
-                                vue$1.createElementVNode("span", _hoisted_10$1I, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_10$1J, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                                 (item.meta)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1p, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
@@ -132491,11 +132699,22 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
+              ($options.visibleGroups.length && $data.pendingSections.length)
+                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$N, vue$1.toDisplayString($options.pendingLabel), 1 /* TEXT */))
+                : vue$1.createCommentVNode("v-if", true),
+              (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.failedSections, (failed) => {
+                return (vue$1.openBlock(), vue$1.createElementBlock("p", {
+                  key: `failed-${failed.key}`,
+                  class: "cn-related-objects-widget__section-error",
+                  "data-testid": "cn-related-section-error",
+                  "data-section": failed.key
+                }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Could not load {section}.', { section: failed.label })), 9 /* TEXT, PROPS */, _hoisted_17$G))
+              }), 128 /* KEYED_FRAGMENT */)),
               ($data.loading && !$options.visibleGroups.length)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$N, vue$1.toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_18$B, vue$1.toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && !$options.visibleGroups.length)
                   ? (vue$1.openBlock(), vue$1.createBlock(_component_CnEmptyContent, {
-                      key: 3,
+                      key: 4,
                       class: "cn-related-objects-widget__empty-state",
                       name: $options.resolvedEmptyLabel
                     }, {
@@ -132511,12 +132730,12 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
             ], 64 /* STABLE_FRAGMENT */))
           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
               ($props.showObjects && $data.objectItems.length)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_17$G, [
-                    vue$1.createElementVNode("h4", _hoisted_18$B, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_19$x, [
+                    vue$1.createElementVNode("h4", _hoisted_20$t, [
                       vue$1.createTextVNode(vue$1.toDisplayString($props.objectsLabel) + " ", 1 /* TEXT */),
-                      vue$1.createElementVNode("span", _hoisted_19$x, vue$1.toDisplayString($data.objectItems.length), 1 /* TEXT */)
+                      vue$1.createElementVNode("span", _hoisted_21$r, vue$1.toDisplayString($data.objectItems.length), 1 /* TEXT */)
                     ]),
-                    vue$1.createElementVNode("ul", _hoisted_20$t, [
+                    vue$1.createElementVNode("ul", _hoisted_22$r, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.objectItems, (item) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: `obj-${item.id}`,
@@ -132530,22 +132749,22 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          vue$1.createElementVNode("span", _hoisted_22$r, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                          vue$1.createElementVNode("span", _hoisted_24$j, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$m, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$h, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$r))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$m))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($props.showFiles && $data.fileItems.length)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_24$j, [
-                    vue$1.createElementVNode("h4", _hoisted_25$h, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_26$f, [
+                    vue$1.createElementVNode("h4", _hoisted_27$a, [
                       vue$1.createTextVNode(vue$1.toDisplayString($props.filesLabel) + " ", 1 /* TEXT */),
-                      vue$1.createElementVNode("span", _hoisted_26$f, vue$1.toDisplayString($data.fileItems.length), 1 /* TEXT */)
+                      vue$1.createElementVNode("span", _hoisted_28$a, vue$1.toDisplayString($data.fileItems.length), 1 /* TEXT */)
                     ]),
-                    vue$1.createElementVNode("ul", _hoisted_27$a, [
+                    vue$1.createElementVNode("ul", _hoisted_29$9, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.fileItems, (item) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: `file-${item.id}`,
@@ -132559,11 +132778,11 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          vue$1.createElementVNode("span", _hoisted_29$9, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                          vue$1.createElementVNode("span", _hoisted_31$8, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$8, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$8, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$a))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_30$8))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
@@ -132574,13 +132793,13 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-related-objects-widget__group"
                 }, [
                   ((section.items || []).length)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("h4", _hoisted_31$8, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("h4", _hoisted_33$7, [
                         vue$1.createTextVNode(vue$1.toDisplayString(section.label) + " ", 1 /* TEXT */),
-                        vue$1.createElementVNode("span", _hoisted_32$8, vue$1.toDisplayString(section.items.length), 1 /* TEXT */)
+                        vue$1.createElementVNode("span", _hoisted_34$7, vue$1.toDisplayString(section.items.length), 1 /* TEXT */)
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
                   ((section.items || []).length)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_33$7, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_35$7, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(section.items, (item, i) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: `extra-${section.key}-${i}`,
@@ -132598,17 +132817,17 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: "cn-related-objects-widget__icon"
                                 }, null, 8 /* PROPS */, ["name"]))
                               : vue$1.createCommentVNode("v-if", true),
-                            vue$1.createElementVNode("span", _hoisted_35$7, vue$1.toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
-                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_34$7))
+                            vue$1.createElementVNode("span", _hoisted_37$5, vue$1.toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_36$7))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
               }), 128 /* KEYED_FRAGMENT */)),
               ($props.showIntegrations && $options.linkedApps.length)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_36$7, [
-                    vue$1.createElementVNode("h4", _hoisted_37$5, vue$1.toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
-                    vue$1.createElementVNode("ul", _hoisted_38$4, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_38$4, [
+                    vue$1.createElementVNode("h4", _hoisted_39$3, vue$1.toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
+                    vue$1.createElementVNode("ul", _hoisted_40$3, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.linkedApps, (app) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: `app-${app.id}`,
@@ -132623,18 +132842,18 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                             size: 20,
                             class: "cn-related-objects-widget__icon"
                           }, null, 8 /* PROPS */, ["name"]),
-                          vue$1.createElementVNode("span", _hoisted_40$3, vue$1.toDisplayString(app.label), 1 /* TEXT */),
+                          vue$1.createElementVNode("span", _hoisted_42$1, vue$1.toDisplayString(app.label), 1 /* TEXT */),
                           vue$1.createVNode(_component_ChevronRight, {
                             class: "cn-related-objects-widget__chevron",
                             size: 20
                           })
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_39$3))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_41$1))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($data.loading && $options.isEmpty)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_41$1, vue$1.toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_43$1, vue$1.toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && $options.isEmpty)
                   ? (vue$1.openBlock(), vue$1.createBlock(_component_CnEmptyContent, {
                       key: 4,
@@ -132668,7 +132887,7 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
       ? {
           name: "footer",
           fn: vue$1.withCtx(() => [
-            vue$1.createElementVNode("div", _hoisted_42$1, [
+            vue$1.createElementVNode("div", _hoisted_44$1, [
               ($options.soleAddable && $options.soleAddable.key === 'files')
                 ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                     key: 0,
@@ -132751,7 +132970,7 @@ function render$4T(_ctx, _cache, $props, $setup, $data, $options) {
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["menuName"])),
               ($data.addError)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_43$1, vue$1.toDisplayString($data.addError), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_45$1, vue$1.toDisplayString($data.addError), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
               vue$1.createElementVNode("input", {
                 ref: $options.fileInputRef,
@@ -135165,7 +135384,7 @@ const _hoisted_6$2H = {
 const _hoisted_7$2k = ["data-testid"];
 const _hoisted_8$27 = ["data-testid"];
 const _hoisted_9$1U = ["data-testid"];
-const _hoisted_10$1H = ["data-testid"];
+const _hoisted_10$1I = ["data-testid"];
 
 function render$4N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnResourceSelect = vue$1.resolveComponent("CnResourceSelect");
@@ -135332,7 +135551,7 @@ function render$4N(_ctx, _cache, $props, $setup, $data, $options) {
             key: key,
             class: "cn-transition-input__field-error",
             "data-testid": `cn-transition-input-error-${key}`
-          }, vue$1.toDisplayString($options.undeclaredMessage(key)), 9 /* TEXT, PROPS */, _hoisted_10$1H))
+          }, vue$1.toDisplayString($options.undeclaredMessage(key)), 9 /* TEXT, PROPS */, _hoisted_10$1I))
         }), 128 /* KEYED_FRAGMENT */))
       ])
     ]),
@@ -137446,7 +137665,7 @@ const _hoisted_7$2i = {
 };
 const _hoisted_8$25 = ["data-testid"];
 const _hoisted_9$1T = ["data-testid"];
-const _hoisted_10$1G = {
+const _hoisted_10$1H = {
   key: 0,
   class: "cn-timeline-stages__subtitle"
 };
@@ -137563,7 +137782,7 @@ function render$4L(_ctx, _cache, $props, $setup, $data, $options) {
                           "data-testid": `cn-stages-widget-stage-${stage.id}`
                         }, vue$1.toDisplayString(stage.label), 9 /* TEXT, PROPS */, _hoisted_9$1T),
                         (stage.subtitle)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1G, vue$1.toDisplayString(stage.subtitle), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1H, vue$1.toDisplayString(stage.subtitle), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true),
                         (stage.reason)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -137954,7 +138173,7 @@ const _hoisted_6$2E = { class: "cn-stages-form__row" };
 const _hoisted_7$2h = { class: "cn-stages-form__hint" };
 const _hoisted_8$24 = { class: "cn-stages-form__row" };
 const _hoisted_9$1S = { class: "cn-stages-form__row" };
-const _hoisted_10$1F = { class: "cn-stages-form__row" };
+const _hoisted_10$1G = { class: "cn-stages-form__row" };
 const _hoisted_11$1n = { class: "cn-stages-form__hint" };
 const _hoisted_12$1b = { class: "cn-stages-form__section" };
 const _hoisted_13$16 = {
@@ -138106,7 +138325,7 @@ function render$4K(_ctx, _cache, $props, $setup, $data, $options) {
               "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => ($options.setPath('stagesSource.labelField', $event)))
             }, null, 8 /* PROPS */, ["modelValue", "label"])
           ]),
-          vue$1.createElementVNode("div", _hoisted_10$1F, [
+          vue$1.createElementVNode("div", _hoisted_10$1G, [
             vue$1.createVNode(_component_NcTextField, {
               modelValue: $data.draft.stagesSource.descriptionField || '',
               label: $options.t('nextcloud-vue', 'Description property'),
@@ -138580,7 +138799,7 @@ const _hoisted_7$2g = {
 };
 const _hoisted_8$23 = { class: "cn-kpi-card__value cn-stats-block__count-value" };
 const _hoisted_9$1R = { class: "cn-kpi-card__label cn-stats-block__count-label" };
-const _hoisted_10$1E = {
+const _hoisted_10$1F = {
   key: 2,
   class: "cn-stats-block__loading"
 };
@@ -138653,7 +138872,7 @@ function render$4J(_ctx, _cache, $props, $setup, $data, $options) {
                 vue$1.createElementVNode("span", _hoisted_9$1R, vue$1.toDisplayString($props.countLabel ? $options.tl($props.countLabel) : $props.countLabel), 1 /* TEXT */)
               ]))
             : ($props.loading)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1E, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1F, [
                   vue$1.createVNode(_component_NcLoadingIcon, { size: 16 }),
                   vue$1.createTextVNode(" " + vue$1.toDisplayString($props.loadingLabel), 1 /* TEXT */)
                 ]))
@@ -142919,7 +143138,7 @@ const _hoisted_6$2B = {
 const _hoisted_7$2f = ["tabindex", "role", "aria-label", "onClick", "onKeydown"];
 const _hoisted_8$22 = ["src", "alt"];
 const _hoisted_9$1Q = ["aria-label"];
-const _hoisted_10$1D = {
+const _hoisted_10$1E = {
   key: 2,
   class: "cn-object-data-widget__mini-table-wrap"
 };
@@ -143253,7 +143472,7 @@ function render$4B(_ctx, _cache, $props, $setup, $data, $options) {
                                       "aria-label": $options.t('nextcloud-vue', 'Loading')
                                     }, null, 8 /* PROPS */, _hoisted_9$1Q))
                                   : ($options.fieldValueKind(field) === 'object-array')
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1D, [
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1E, [
                                         vue$1.createElementVNode("table", _hoisted_11$1l, [
                                           vue$1.createElementVNode("thead", null, [
                                             vue$1.createElementVNode("tr", null, [
@@ -145260,7 +145479,7 @@ const _hoisted_6$2y = {
 const _hoisted_7$2c = ["title"];
 const _hoisted_8$1$ = { class: "cn-banner-widget__unchecked-text" };
 const _hoisted_9$1O = { class: "cn-banner-widget__unchecked-reason" };
-const _hoisted_10$1C = {
+const _hoisted_10$1D = {
   key: 2,
   class: "cn-banner-widget"
 };
@@ -145318,7 +145537,7 @@ function render$4x(_ctx, _cache, $props, $setup, $data, $options) {
           vue$1.createElementVNode("span", _hoisted_9$1O, vue$1.toDisplayString($options.failureTooltip), 1 /* TEXT */)
         ], 8 /* PROPS */, _hoisted_7$2c))
       : ($options.visible)
-        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1C, [
+        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1D, [
             vue$1.createVNode(_component_NcNoteCard, {
               type: $options.resolvedVariant,
               class: "cn-banner-widget__card"
@@ -147446,7 +147665,7 @@ const _hoisted_6$2x = { class: "cn-integration-widget__tabbar" };
 const _hoisted_7$2b = ["aria-label"];
 const _hoisted_8$1_ = ["id", "aria-selected", "tabindex", "aria-controls", "data-testid", "onClick", "onKeydown"];
 const _hoisted_9$1N = { class: "cn-integration-widget__tab-label" };
-const _hoisted_10$1B = { class: "cn-integration-widget__header-actions" };
+const _hoisted_10$1C = { class: "cn-integration-widget__header-actions" };
 const _hoisted_11$1k = ["id", "aria-labelledby"];
 
 function render$4s(_ctx, _cache, $props, $setup, $data, $options) {
@@ -147542,7 +147761,7 @@ function render$4s(_ctx, _cache, $props, $setup, $data, $options) {
                       ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_8$1_))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 8 /* PROPS */, _hoisted_7$2b),
-                  vue$1.createElementVNode("div", _hoisted_10$1B, [
+                  vue$1.createElementVNode("div", _hoisted_10$1C, [
                     vue$1.createVNode(_component_CnActionsMenu, {
                       documentationUrl: $props.documentationUrl,
                       widgetId: $options.resolvedWidgetId,
@@ -149195,7 +149414,7 @@ const _hoisted_9$1M = {
   key: 0,
   class: "cn-timeline-widget__badge"
 };
-const _hoisted_10$1A = { class: "cn-timeline-widget__label" };
+const _hoisted_10$1B = { class: "cn-timeline-widget__label" };
 const _hoisted_11$1j = {
   key: 1,
   class: "cn-timeline-widget__detail"
@@ -149256,7 +149475,7 @@ function render$4p(_ctx, _cache, $props, $setup, $data, $options) {
                       (event.upcoming)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$1M, vue$1.toDisplayString($options.upcomingLabel), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
-                      vue$1.createElementVNode("p", _hoisted_10$1A, vue$1.toDisplayString($options.translate(event.label)), 1 /* TEXT */),
+                      vue$1.createElementVNode("p", _hoisted_10$1B, vue$1.toDisplayString($options.translate(event.label)), 1 /* TEXT */),
                       (event.detail)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_11$1j, vue$1.toDisplayString(event.detail), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
@@ -149273,6 +149492,8 @@ script$4p.__scopeId = "data-v-621fcccf";
 script$4p.__file = "src/components/CnTimelineWidget/CnTimelineWidget.vue";
 const __sfc_main$4j = script$4p;
 
+const ACCENT_VARIANTS = ['success', 'warning', 'error', 'info', 'primary'];
+
 /**
  * CnObjectCard — Schema-configuration-driven card for object display.
  *
@@ -149389,6 +149610,20 @@ var script$4o = {
 			default: null,
 		},
 
+		/**
+		 * A status accent: a colored border at the start of the card and,
+		 * with `icon`, a colored icon before the title. `variant` is one of
+		 * `success`, `warning`, `error`, `info` or `primary`; `icon` is a
+		 * name registered with CnIcon; `label` names the status for screen
+		 * readers and as the icon's tooltip.
+		 *
+		 * @type {{variant: string, icon?: string, label?: string}}
+		 */
+		accent: {
+			type: Object,
+			default: null,
+		},
+
 		/**
 		 * The property keys the facts list shows, in order (manifest key
 		 * `config.cardFields`). Without it the card shows the first
@@ -149452,6 +149687,16 @@ var script$4o = {
 			return null
 		},
 
+		/**
+		 * The accent variant when it is a known one, else ''.
+		 *
+		 * @return {string}
+		 */
+		accentVariant() {
+			const variant = this.accent?.variant;
+			return ACCENT_VARIANTS.includes(variant) ? variant : ''
+		},
+
 		config() {
 			return this.schema?.configuration || {}
 		},
@@ -149629,16 +149874,17 @@ const _hoisted_2$44 = { class: "cn-object-card__header" };
 const _hoisted_3$3E = ["src", "alt"];
 const _hoisted_4$3c = { class: "cn-object-card__title-area" };
 const _hoisted_5$2H = { class: "cn-object-card__title" };
-const _hoisted_6$2u = {
+const _hoisted_6$2u = ["role", "aria-label", "aria-hidden", "title"];
+const _hoisted_7$28 = {
   key: 0,
   class: "cn-object-card__description"
 };
-const _hoisted_7$28 = {
+const _hoisted_8$1Y = {
   key: 0,
   class: "cn-object-card__badges"
 };
-const _hoisted_8$1Y = { class: "cn-object-card__meta-label" };
-const _hoisted_9$1L = {
+const _hoisted_9$1L = { class: "cn-object-card__meta-label" };
+const _hoisted_10$1A = {
   key: 0,
   class: "cn-object-card__footer-meta"
 };
@@ -149652,7 +149898,7 @@ function render$4o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = vue$1.resolveComponent("NcButton");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
-    class: vue$1.normalizeClass(["cn-object-card", { 'cn-object-card--selected': $props.selected, 'cn-object-card--board': $options.isBoardLook }]),
+    class: vue$1.normalizeClass(["cn-object-card", [{ 'cn-object-card--selected': $props.selected, 'cn-object-card--board': $options.isBoardLook }, $options.accentVariant && ['cn-object-card--accent', `cn-object-card--accent-${$options.accentVariant}`]]]),
     onMousedown: _cache[10] || (_cache[10] = (...args) => ($options.onCardMouseDown && $options.onCardMouseDown(...args))),
     onClick: _cache[11] || (_cache[11] = $event => ($options.onCardClick($event))),
     onAuxclick: _cache[12] || (_cache[12] = $event => ($options.onCardAuxClick($event)))
@@ -149704,10 +149950,26 @@ function render$4o(_ctx, _cache, $props, $setup, $data, $options) {
               object: $props.object,
               size: 16
             }, null, 8 /* PROPS */, ["object"]),
+            ($options.accentVariant && $props.accent.icon)
+              ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                  key: 0,
+                  class: "cn-object-card__accent-icon",
+                  "data-testid": "cn-object-card-accent-icon",
+                  role: $props.accent.label ? 'img' : null,
+                  "aria-label": $props.accent.label || null,
+                  "aria-hidden": $props.accent.label ? null : 'true',
+                  title: $props.accent.label || null
+                }, [
+                  vue$1.createVNode(_component_CnIcon, {
+                    name: $props.accent.icon,
+                    size: 16
+                  }, null, 8 /* PROPS */, ["name"])
+                ], 8 /* PROPS */, _hoisted_6$2u))
+              : vue$1.createCommentVNode("v-if", true),
             vue$1.createTextVNode(" " + vue$1.toDisplayString($options.title), 1 /* TEXT */)
           ]),
           ($options.description)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_6$2u, vue$1.toDisplayString($options.truncatedDescription), 1 /* TEXT */))
+            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_7$28, vue$1.toDisplayString($options.truncatedDescription), 1 /* TEXT */))
             : vue$1.createCommentVNode("v-if", true)
         ]),
         ($options.isBoardLook)
@@ -149734,7 +149996,7 @@ function render$4o(_ctx, _cache, $props, $setup, $data, $options) {
           : vue$1.createCommentVNode("v-if", true)
       ]),
       (_ctx.$slots.badges)
-        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_7$28, [
+        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_8$1Y, [
             vue$1.renderSlot(_ctx.$slots, "badges", { object: $props.object })
           ]))
         : vue$1.createCommentVNode("v-if", true),
@@ -149752,7 +150014,7 @@ function render$4o(_ctx, _cache, $props, $setup, $data, $options) {
                   key: field.key,
                   class: "cn-object-card__meta-item"
                 }, [
-                  vue$1.createElementVNode("span", _hoisted_8$1Y, vue$1.toDisplayString(field.label), 1 /* TEXT */),
+                  vue$1.createElementVNode("span", _hoisted_9$1L, vue$1.toDisplayString(field.label), 1 /* TEXT */),
                   vue$1.createVNode(_component_CnCellRenderer, {
                     value: field.value,
                     property: field.property,
@@ -149772,7 +150034,7 @@ function render$4o(_ctx, _cache, $props, $setup, $data, $options) {
             onAuxclick: _cache[7] || (_cache[7] = vue$1.withModifiers(() => {}, ["stop"]))
           }, [
             ($props.footerAction.meta)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$1L, vue$1.toDisplayString($props.footerAction.meta), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1A, vue$1.toDisplayString($props.footerAction.meta), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true),
             vue$1.createVNode(_component_NcButton, {
               variant: "secondary",
@@ -233771,7 +234033,7 @@ const PROVIDERS_PATH = '/apps/openregister/api/credentials/providers';
  * Hardcoded per-provider presentation. Keyed by the OpenRegister catalogue
  * identifier. `colour` drives the tile; `setupHelp`/`setupUrl` explain how to
  * obtain the secret; `secretLabel` names the field. Providers not listed here
- * still work — they render a neutral tile from their identifier.
+ * still work, they render a neutral tile from their identifier.
  */
 const PROVIDER_META = {
 	github: {
@@ -233841,7 +234103,7 @@ var script$2p = {
 		},
 
 		/**
-		 * The current app's manifest `credentials[]` declarations — the
+		 * The current app's manifest `credentials[]` declarations: the
 		 * providers this app can reach through the broker. Shape:
 		 * `[{ provider, reason, scopes }]`. Rendered read-only under the intro.
 		 *
@@ -233906,15 +234168,16 @@ var script$2p = {
 		},
 
 		/**
-		 * Reframed intro copy per scope.
+		 * Reframed intro copy per scope. No em-dashes, sentences under 16 words.
 		 *
+		 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/credentials-settings/spec.md
 		 * @return {string} Intro text.
 		 */
 		introText() {
 			if (this.scope === 'organisation') {
-				return l10n.translate('nextcloud-vue', 'Organisation credentials let apps act on behalf of your organisation. The secret is stored in Keepiq — Nextcloud\'s native credential vault — never in the app. You choose which apps may use each credential.')
+				return l10n.translate('nextcloud-vue', 'Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.')
 			}
-			return l10n.translate('nextcloud-vue', 'Apps sometimes need to act on your behalf against an external service. So they never hold your secrets, you give a secret to Nextcloud once and it is kept in Keepiq — a native, encrypted credential vault. Apps then make the call through Keepiq and never see the secret. You decide which apps may use each credential — share one across apps, or keep one per app.')
+			return l10n.translate('nextcloud-vue', 'Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.')
 		},
 
 		/**
@@ -233940,7 +234203,7 @@ var script$2p = {
 			const serverIds = this.providers.map((p) => p.identifier);
 			let ids = serverIds.length ? serverIds : Object.keys(PROVIDER_META);
 			// When the app declares which providers it uses (appCredentials),
-			// only offer those — an app should not let you add a credential for
+			// only offer those, an app should not let you add a credential for
 			// a provider it has no code path to use.
 			if (this.supportedProviders.size > 0) {
 				ids = ids.filter((id) => this.supportedProviders.has(id));
@@ -233950,7 +234213,7 @@ var script$2p = {
 
 		/**
 		 * Provider identifiers the app declares it uses, derived from
-		 * `appCredentials`. Empty when the app declares nothing — filtering is
+		 * `appCredentials`. Empty when the app declares nothing, filtering is
 		 * then a no-op, so consumers that don't declare providers are unchanged.
 		 *
 		 * @return {Set<string>} Supported provider identifiers.
@@ -233962,7 +234225,7 @@ var script$2p = {
 		},
 
 		/**
-		 * Stored credentials to display — filtered to the app's supported
+		 * Stored credentials to display: filtered to the app's supported
 		 * providers when it declares any, so you can only see and authorise
 		 * credentials the app can actually use; otherwise all of them.
 		 *
@@ -234005,7 +234268,7 @@ var script$2p = {
 		},
 
 		/**
-		 * Whether the add form can be submitted — name, provider and a secret
+		 * Whether the add form can be submitted: name, provider and a secret
 		 * are required (the whole point is to store a secret).
 		 *
 		 * @return {boolean} True when submittable.
@@ -234229,7 +234492,7 @@ var script$2p = {
 		},
 
 		/**
-		 * Human-readable provider title — hardcoded catalogue first, then the
+		 * Human-readable provider title: hardcoded catalogue first, then the
 		 * server title, then the raw identifier.
 		 *
 		 * @param {string} identifier The provider identifier.
@@ -240430,6 +240693,12 @@ var script$2h = {
 			default: null,
 		},
 
+		/** `(object) => { variant, icon?, label? }` for each card's status accent. See CnObjectCard `accent`. */
+		accentOf: {
+			type: Function,
+			default: null,
+		},
+
 		/** Text shown when there are no objects */
 		emptyText: {
 			type: String,
@@ -240578,7 +240847,8 @@ function render$2h(_ctx, _cache, $props, $setup, $data, $options) {
                     cardFields: $props.cardFields,
                     status: $props.statusOf ? $props.statusOf(object) : null,
                     leading: $props.leadingOf ? $props.leadingOf(object) : null,
-                    footerAction: $props.footerActionOf ? $props.footerActionOf(object) : null
+                    footerAction: $props.footerActionOf ? $props.footerActionOf(object) : null,
+                    accent: $props.accentOf ? $props.accentOf(object) : null
                   }, vue$1.toHandlers($options.cardListeners(object))), vue$1.createSlots({ _: 2 /* DYNAMIC */ }, [
                     (_ctx.$slots['card-actions'])
                       ? {
@@ -240598,7 +240868,7 @@ function render$2h(_ctx, _cache, $props, $setup, $data, $options) {
                           key: "1"
                         }
                       : undefined
-                  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["object", "schema", "selectable", "clickToView", "selected", "cardFields", "status", "leading", "footerAction"])
+                  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["object", "schema", "selectable", "clickToView", "selected", "cardFields", "status", "leading", "footerAction", "accent"])
                 ])
               ]))
             }), 128 /* KEYED_FRAGMENT */))
@@ -250259,14 +250529,14 @@ class PermissionError extends Error {
  * other path that keeps `objectStore.objects[type][id]` fresh).
  *
  * @param {object} objectStore  Pinia store instance (`useObjectStore()` result).
- * @param {string|import('vue').Ref<string>}      register OR register slug.
- * @param {string|import('vue').Ref<string>}      schema   OR schema slug (also the GraphQL field name).
- * @param {string|import('vue').Ref<string>}      id       Object UUID.
+ * @param {string|import('vue').Ref<string>|function(): string}      register OR register slug.
+ * @param {string|import('vue').Ref<string>|function(): string}      schema   OR schema slug (also the GraphQL field name).
+ * @param {string|import('vue').Ref<string>|function(): string}      id       Object UUID.
  * @param {object}  [options]  Optional config.
  * @param {boolean} [options.autoRenew]      Renew the lock on a fixed interval while editing + visible.
  * @param {number}  [options.renewIntervalMs]  Renew every N ms (default 10 min).
  * @param {number}  [options.lockDurationSec]   Server-side TTL requested on acquire (default 30 min).
- * @param {string|import('vue').Ref<string>} [options.schemaSlug] The schema slug for the LOCK URL, when `schema` is the object-cache key rather than the slug (CnDetailPage passes `<register>-<schema>` as the key). Defaults to `schema`.
+ * @param {string|import('vue').Ref<string>|function(): string} [options.schemaSlug] The schema slug for the LOCK URL, when `schema` is the object-cache key rather than the slug (CnDetailPage passes `<register>-<schema>` as the key). Defaults to `schema`.
  * @return {{
  *   locked: import('vue').ComputedRef<boolean>,
  *   lockedByMe: import('vue').ComputedRef<boolean>,
@@ -250275,6 +250545,7 @@ class PermissionError extends Error {
  *   acquire: () => Promise<void>,
  *   release: () => Promise<void>
  * }} Reactive lock state + actions.
+ * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/object-lock/spec.md
  */
 function useObjectLock(objectStore, register, schema, id, options = {}) {
 	const autoRenew = options.autoRenew !== false;
@@ -250287,14 +250558,23 @@ function useObjectLock(objectStore, register, schema, id, options = {}) {
 	const isVisible = () => typeof document === 'undefined' || document.visibilityState !== 'hidden';
 	let renewTimer = null;
 
+	/*
+	 * 🔴 `toValue`, NOT `unref`. CnDetailPage passes GETTER FUNCTIONS
+	 * (`() => props.objectId`) so the lock follows the route. `unref` returns a
+	 * function untouched, so the getter's SOURCE was interpolated into the URL:
+	 * every detail page sent `/api/objects/()=>pn/()=>Ct.schema||Bn/()=>Ct.objectId/lock`
+	 * and got a 404, and the cache lookup used the function as its key, so the
+	 * banner never saw a lock either. `toValue` reads a plain value, a ref and a
+	 * getter alike.
+	 */
 	function readType() {
-		return vue$1.unref(schema)
+		return vue$1.toValue(schema)
 	}
 	function readId() {
-		return vue$1.unref(id)
+		return vue$1.toValue(id)
 	}
 	function readRegister() {
-		return vue$1.unref(register)
+		return vue$1.toValue(register)
 	}
 
 	function readSelfLock() {
@@ -250340,7 +250620,22 @@ function useObjectLock(objectStore, register, schema, id, options = {}) {
 	});
 
 	function readSchemaSlug() {
-		return vue$1.unref(options.schemaSlug ?? schema)
+		return vue$1.toValue(options.schemaSlug ?? schema)
+	}
+
+	/**
+	 * Whether register, schema slug and object id are all known.
+	 *
+	 * A detail page mounts before its route params or object have resolved.
+	 * Without this a lock call would go out with `undefined` in the path, a
+	 * request OpenRegister can only answer with a 404.
+	 *
+	 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/object-lock/spec.md
+	 * @return {boolean} True when a lock URL can be built.
+	 */
+	function hasTarget() {
+		return [readRegister(), readSchemaSlug(), readId()]
+			.every((part) => typeof part === 'string' ? part !== '' : typeof part === 'number')
 	}
 
 	/**
@@ -250389,6 +250684,9 @@ function useObjectLock(objectStore, register, schema, id, options = {}) {
 	}
 
 	async function acquire() {
+		if (!hasTarget()) {
+			return
+		}
 		try {
 			await axios$1.post(endpoint(), { duration: lockDurationSec });
 		} catch (e) {
@@ -250421,6 +250719,9 @@ function useObjectLock(objectStore, register, schema, id, options = {}) {
 
 	async function release() {
 		stopRenewTimer();
+		if (!hasTarget()) {
+			return
+		}
 		try {
 			await axios$1.post(unlockEndpoint());
 		} catch (e) {
@@ -250464,7 +250765,7 @@ function useObjectLock(objectStore, register, schema, id, options = {}) {
 	}
 
 	function beaconRelease() {
-		if (!lockedByMe.value) {
+		if (!lockedByMe.value || !hasTarget()) {
 			return
 		}
 		try {
@@ -265899,6 +266200,58 @@ function resolveNameField(ctx) {
 
 function findSource(ctx, id) {
 	return ctx.effectiveObjects().find((o) => o.id === id || o['@self']?.id === id)
+		|| (typeof ctx.knownRow === 'function' ? ctx.knownRow(id) : undefined)
+}
+
+/**
+ * The register/schema of a row that belongs to another pair than the page's,
+ * in a list fetched from a `collectionUrl`. Registers a store type for that
+ * pair on first use. Returns null for rows of the page's own pair, and always
+ * without a `collectionUrl`.
+ *
+ * @param {object} opts Page context.
+ * @param {string} opts.collectionUrl The page's collection endpoint, or ''.
+ * @param {string} opts.register The page's register.
+ * @param {string} opts.schema The page's schema.
+ * @param {object|null} opts.primarySchema The page's resolved schema.
+ * @param {object|null} [opts.primaryRegister] The page's resolved register, which matches a slug `register` to `@self.register`.
+ * @param {object|null} opts.store The object store.
+ * @param {object} row The row.
+ * @return {{register: string, schema: string, type: string}|null} The row's own pair.
+ */
+function resolveRowTarget({ collectionUrl, register, schema, primarySchema, primaryRegister, store }, row) {
+	if (!collectionUrl || !row || !store) {
+		return null
+	}
+	const self = row['@self'] || {};
+	const reg = self.register !== undefined && self.register !== null ? String(self.register) : '';
+	const sch = self.schema !== undefined && self.schema !== null ? String(self.schema) : '';
+	if (!reg || !sch) {
+		return null
+	}
+	const idsOf = (...values) => values.filter((v) => v !== undefined && v !== null && v !== '').map(String);
+	const schemaIds = idsOf(schema, primarySchema && primarySchema.id, primarySchema && primarySchema.slug);
+	const registerIds = idsOf(register, primaryRegister && primaryRegister.id, primaryRegister && primaryRegister.slug);
+	if (schemaIds.includes(sch) && registerIds.includes(reg)) {
+		return null
+	}
+	const type = `${reg}-${sch}`;
+	if (!store.objectTypeRegistry?.[type]) {
+		store.registerObjectType(type, sch, reg, { registerSlug: reg, schemaSlug: sch });
+	}
+	return { register: reg, schema: sch, type }
+}
+
+/**
+ * The store type a row is written through: its own pair's, or the page's.
+ *
+ * @param {object} ctx Accessor closures.
+ * @param {object} [row] The row.
+ * @return {string} The type slug.
+ */
+function typeFor(ctx, row) {
+	const target = row && typeof ctx.rowTarget === 'function' ? ctx.rowTarget(row) : null;
+	return target ? target.type : ctx.selfObjectType()
 }
 
 /**
@@ -265911,6 +266264,10 @@ function findSource(ctx, id) {
  */
 function copyAddress(ctx, source) {
 	const self = source['@self'] || {};
+	const target = typeof ctx.rowTarget === 'function' ? ctx.rowTarget(source) : null;
+	if (target) {
+		return { register: target.register, schema: target.schema, id: String(source.id || self.id) }
+	}
 	const reg = ctx.register();
 	const sch = ctx.schema();
 	const register = (typeof reg === 'string' && reg) || self.register;
@@ -265940,12 +266297,12 @@ function refreshList(ctx) {
 	}
 }
 
-function storeError(ctx) {
-	return ctx.selfObjectStore()?.getError?.(ctx.selfObjectType())
+function storeError(ctx, type = ctx.selfObjectType()) {
+	return ctx.selfObjectStore()?.getError?.(type)
 }
 
-function storeErrorMessage(ctx, fallback) {
-	const err = storeError(ctx);
+function storeErrorMessage(ctx, fallback, type) {
+	const err = storeError(ctx, type);
 	return (err && err.message) || fallback
 }
 
@@ -265962,13 +266319,14 @@ function createSelfModeActions(ctx) {
 			return false
 		}
 		try {
-			const ok = await ctx.selfObjectStore().deleteObject(ctx.selfObjectType(), id);
+			const type = typeFor(ctx, findSource(ctx, id));
+			const ok = await ctx.selfObjectStore().deleteObject(type, id);
 			if (ok) {
 				ctx.setResults.singleDelete({ success: true });
 				ctx.emit('delete', id);
 				refreshList(ctx);
 			} else {
-				ctx.setResults.singleDelete({ error: storeErrorMessage(ctx, 'Delete failed') });
+				ctx.setResults.singleDelete({ error: storeErrorMessage(ctx, 'Delete failed', type) });
 			}
 		} catch (err) {
 			ctx.setResults.singleDelete({ error: (err && err.message) || 'Delete failed' });
@@ -265981,12 +266339,28 @@ function createSelfModeActions(ctx) {
 			return false
 		}
 		try {
-			const { successfulIds, failedIds } = await ctx.selfObjectStore().deleteObjects(ctx.selfObjectType(), ids);
+			// One request per pair: a mixed list holds rows of several types.
+			const idsByType = new Map();
+			for (const id of ids) {
+				const type = typeFor(ctx, findSource(ctx, id));
+				idsByType.set(type, [...(idsByType.get(type) || []), id]);
+			}
+			const successfulIds = [];
+			const failedIds = [];
+			let failedType = null;
+			for (const [type, typeIds] of idsByType) {
+				const outcome = await ctx.selfObjectStore().deleteObjects(type, typeIds);
+				successfulIds.push(...outcome.successfulIds);
+				failedIds.push(...outcome.failedIds);
+				if (outcome.failedIds.length > 0 && failedType === null) {
+					failedType = type;
+				}
+			}
 			if (failedIds.length === 0) {
 				ctx.setResults.massDelete({ success: true, successfulIds });
 			} else {
 				ctx.setResults.massDelete({
-					error: storeErrorMessage(ctx, `Failed to delete ${failedIds.length} item(s)`),
+					error: storeErrorMessage(ctx, `Failed to delete ${failedIds.length} item(s)`, failedType),
 					successfulIds,
 					failedIds,
 				});
@@ -266028,13 +266402,14 @@ function createSelfModeActions(ctx) {
 				}
 			}
 			const clone = cloneObjectForCopy(source, newName, resolveNameField(ctx));
-			const saved = await ctx.selfObjectStore().saveObject(ctx.selfObjectType(), clone);
+			const type = typeFor(ctx, source);
+			const saved = await ctx.selfObjectStore().saveObject(type, clone);
 			if (saved) {
 				ctx.setResults.singleCopy({ success: true });
 				ctx.emit('copy', payload);
 				refreshList(ctx);
 			} else {
-				ctx.setResults.singleCopy({ error: storeErrorMessage(ctx, 'Copy failed') });
+				ctx.setResults.singleCopy({ error: storeErrorMessage(ctx, 'Copy failed', type) });
 			}
 		} catch (err) {
 			ctx.setResults.singleCopy({ error: (err && err.message) || 'Copy failed' });
@@ -266077,7 +266452,7 @@ function createSelfModeActions(ctx) {
 			}
 			const clone = cloneObjectForCopy(source, getName(source), nameField);
 			try {
-				const saved = await ctx.selfObjectStore().saveObject(ctx.selfObjectType(), clone);
+				const saved = await ctx.selfObjectStore().saveObject(typeFor(ctx, source), clone);
 				if (saved) {
 					successfulIds.push(id);
 				} else {
@@ -266147,7 +266522,9 @@ function createSelfModeActions(ctx) {
 			return false
 		}
 		try {
-			const saved = await ctx.selfObjectStore().saveObject(ctx.selfObjectType(), formData);
+			const item = ctx.editItem();
+			const type = item ? typeFor(ctx, item) : ctx.selfObjectType();
+			const saved = await ctx.selfObjectStore().saveObject(type, formData);
 			if (saved) {
 				ctx.setResults.form({ success: true });
 				const isCreate = !ctx.editItem();
@@ -266163,7 +266540,7 @@ function createSelfModeActions(ctx) {
 					ctx.afterCreateSuccess(saved);
 				}
 			} else {
-				const err = storeError(ctx);
+				const err = storeError(ctx, type);
 				if (err && err.isValidation) {
 					// Keep the form visible so the user can fix the invalid data.
 					ctx.setResults.formValidation(err.fields, err.message || 'Validation failed');
@@ -266630,7 +267007,11 @@ function useSelfFetchList(props, instance, inject, extras = {}) {
 			const register = folder.register || props.register;
 			return { register, schema: folder.schema, type: `${register}-${folder.schema}` }
 		}
-		return { register: props.register, schema: props.schema, type: `${props.register}-${props.schema}` }
+		// A collection endpoint gets its own type key, so a plain registration of
+		// the same pair elsewhere never resets it.
+		const collectionUrl = props.collectionUrl || '';
+		const type = `${props.register}-${props.schema}` + (collectionUrl ? `@${collectionUrl}` : '');
+		return { register: props.register, schema: props.schema, type, collectionUrl }
 	});
 	const objectType = vue$1.computed(() => resolvedTarget.value.type);
 	const sidebarState = inject('sidebarState', null) ?? inject('objectSidebarState', null);
@@ -266679,9 +267060,17 @@ function useSelfFetchList(props, instance, inject, extras = {}) {
 	// second arg) — that previously made fetch URLs go to `/api/objects/undefined/[object Object]`.
 	// Runs (sync, ahead of the list's own watcher) again whenever the type switches.
 	function registerTarget() {
-		const { register, schema, type } = resolvedTarget.value;
+		const { register, schema, type, collectionUrl } = resolvedTarget.value;
 		if (typeof objectStore.registerObjectType === 'function') {
-			objectStore.registerObjectType(type, schema, register, { registerSlug: register, schemaSlug: schema });
+			objectStore.registerObjectType(type, schema, register, {
+				registerSlug: register,
+				schemaSlug: schema,
+				...(collectionUrl ? { collectionUrl } : {}),
+			});
+		}
+		// A mixed list tells its own rows apart by `@self.register`, an id, so a slug register needs resolving.
+		if (collectionUrl && !/^\d+$/.test(String(register)) && typeof objectStore.fetchRegister === 'function') {
+			objectStore.fetchRegister(type);
 		}
 	}
 	registerTarget();
@@ -267261,6 +267650,17 @@ var script$1M = {
 			default: null,
 		},
 
+		/**
+		 * Gives each card in the card view a status accent: a colored start
+		 * border and icon. See CnObjectCard `accent`.
+		 *
+		 * @type {((object: object) => ({variant: string, icon: string, label: string}|null))|null}
+		 */
+		cardAccent: {
+			type: Function,
+			default: null,
+		},
+
 		/**
 		 * Board look: free text after the footer's count ("8 of 48 · click a
 		 * column header to sort"). Manifest key `config.footerNote`.
@@ -267432,6 +267832,21 @@ var script$1M = {
 			default: () => [],
 		},
 
+		/**
+		 * Self-fetch only: list from this endpoint instead of
+		 * `/api/objects/{register}/{schema}`, e.g. an app endpoint that searches
+		 * several register/schema pairs at once. `register` and `schema` stay the
+		 * page's own pair (columns, create, export, import). Rows of another pair,
+		 * read from their `@self.register` / `@self.schema`, are edited, copied and
+		 * deleted against that pair, with its own form. The endpoint takes
+		 * `_page`, `_limit`, `_search` and `_order[key]=dir` and answers
+		 * `{ results, total, page, pages }`.
+		 */
+		collectionUrl: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Offer an "Also search inside files" switch beside the search box. On,
 		 * a search also matches words inside attached files (OpenRegister
@@ -268939,6 +269354,8 @@ var script$1M = {
 			 */
 			persistedFilterKeys: [...(this.initialQueryFilterKeys || [])],
 			internalSelectedIds: [...this.selectedIds],
+			// Rows seen in a collectionUrl list, so a selection kept across pages still resolves its own pair.
+			collectionRowsById: vue$1.markRaw(new Map()),
 			// Folder-sidebar state: selected folder id + the register-fetched list.
 			selectedFolderId: null,
 			/**
@@ -268976,6 +269393,9 @@ var script$1M = {
 			// Dialog targets
 			actionTargetItem: null,
 			editItem: null,
+			// The pair and schema of a row edited outside the page's own pair (collectionUrl).
+			rowFormTarget: null,
+			rowFormSchema: null,
 			// Drives the Actions-menu Refresh spinner during a self-fetch
 			// refresh, where the host has no promise to bind `:refreshing` to.
 			internalRefreshing: false,
@@ -270257,6 +270677,16 @@ var script$1M = {
 			return (this.schema && typeof this.schema === 'object') ? this.schema : null
 		},
 
+		/** The form dialog's schema: the edited row's own when it is of another pair. */
+		formSchema() {
+			return this.rowFormTarget ? this.rowFormSchema : this.effectiveSchema
+		},
+
+		/** The form dialog's register, following `formSchema`. */
+		formRegister() {
+			return this.rowFormTarget ? this.rowFormTarget.register : this.register
+		},
+
 		/**
 		 * Schema slug for the export-leaf URL — the `schema` prop directly
 		 * when it's a string (self-fetch mode's precondition), else the
@@ -270643,8 +271073,7 @@ var script$1M = {
 							this.$emit('edit-open', row);
 							return
 						}
-						this.editItem = row;
-						this.showFormDialogVisible = true;
+						this.openFormFor(row);
 					},
 					onCopy: (row) => {
 						this.actionTargetItem = row;
@@ -271153,6 +271582,21 @@ var script$1M = {
 	},
 
 	watch: {
+		effectiveObjects: {
+			immediate: true,
+			handler(rows) {
+				if (!this.collectionUrl || !this.isSelfFetchMode || !Array.isArray(rows)) {
+					return
+				}
+				for (const row of rows) {
+					const id = row?.id ?? row?.['@self']?.id;
+					if (id !== undefined && id !== null) {
+						this.collectionRowsById.set(id, row);
+					}
+				}
+			},
+		},
+
 		// A column or form field bound to a property the schema lacks is told to the host once.
 		effectiveSchema: {
 			immediate: true,
@@ -271345,6 +271789,9 @@ var script$1M = {
 		if (this.splitViewEnabled && typeof window !== 'undefined') {
 			window.addEventListener('resize', this.measureSplitViewport);
 		}
+		if (typeof window !== 'undefined') {
+			window.addEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
+		}
 		this.loadManualOrder();
 		this.loadPersonalColumns();
 		this.publishHoistedSidebar();
@@ -271369,6 +271816,8 @@ var script$1M = {
 		this.selfActions = createSelfModeActions({
 			isSelfFetchMode: () => this.isSelfFetchMode,
 			selfObjectStore: () => this.selfObjectStore,
+			rowTarget: (row) => this.rowTypeTarget(row),
+			knownRow: (id) => this.collectionRowsById.get(id),
 			selfObjectType: () => this.selfObjectType,
 			list: () => this.list,
 			selectedIds: () => this.internalSelectedIds,
@@ -271394,13 +271843,14 @@ var script$1M = {
 	},
 
 	/**
-	 * Drop the resize listener and the hoisted sidebar.
+	 * Drop the window listeners and the hoisted sidebar.
 	 *
 	 * @spec openspec/changes/case-page-and-list-as-a-place/specs/index-page/spec.md
 	 */
 	beforeUnmount() {
 		if (typeof window !== 'undefined') {
 			window.removeEventListener('resize', this.measureSplitViewport);
+			window.removeEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
 		}
 		// Clear the holder so the hoisted sidebar disappears when
 		// the user navigates away from the index page.
@@ -272862,6 +273312,33 @@ var script$1M = {
 			}
 		},
 
+		/**
+		 * Refresh the list when `dispatchObjectsChanged` names this page's
+		 * register and schema, by slug or id. A part missing on either side matches.
+		 *
+		 * @param {CustomEvent} event The objects-changed event.
+		 * @return {void}
+		 */
+		onObjectsChanged(event) {
+			// A collection list can hold rows of any pair, so any change may show in it.
+			if (this.isSelfFetchMode && this.collectionUrl) {
+				this.onRefreshEvent();
+				return
+			}
+			const detail = (event && event.detail) || {};
+			const schema = this.effectiveSchema;
+			const schemaIds = [this.schema, schema && schema.id, schema && schema.slug]
+				.filter((v) => v !== undefined && v !== null && v !== '' && typeof v !== 'object')
+				.map(String);
+			if (detail.register && this.register && detail.register !== String(this.register)) {
+				return
+			}
+			if (detail.schema && schemaIds.length > 0 && !schemaIds.includes(detail.schema)) {
+				return
+			}
+			this.onRefreshEvent();
+		},
+
 		/** @return {Promise<void>} */
 		async onRefreshEvent() {
 			this.$emit('refresh');
@@ -274004,6 +274481,8 @@ var script$1M = {
 		closeFormDialog() {
 			this.showFormDialogVisible = false;
 			this.editItem = null;
+			this.rowFormTarget = null;
+			this.rowFormSchema = null;
 		},
 
 		/**
@@ -274064,8 +274543,55 @@ var script$1M = {
 		 * @public
 		 */
 		openFormDialog(item = null) {
-			this.editItem = item;
-			this.showFormDialogVisible = true;
+			return this.openFormFor(item)
+		},
+
+		/**
+		 * Open the form dialog for an item. A row of another pair (collectionUrl)
+		 * opens with its own schema; everything else opens at once, as before.
+		 *
+		 * @param {object|null} item The row to edit, or null to create.
+		 * @return {Promise<void>|void}
+		 */
+		openFormFor(item) {
+			const target = item ? this.rowTypeTarget(item) : null;
+			if (!target) {
+				this.rowFormTarget = null;
+				this.rowFormSchema = null;
+				this.editItem = item;
+				this.showFormDialogVisible = true;
+				return
+			}
+			const store = this.selfObjectStore;
+			return Promise.resolve(store.getSchema?.(target.type) || store.fetchSchema?.(target.type))
+				.catch(() => null)
+				.then((schema) => {
+					if (!schema) {
+						this.toastSavedView('error', l10n.translate('nextcloud-vue', 'Could not load the form for this item.'));
+						return
+					}
+					this.rowFormTarget = target;
+					this.rowFormSchema = schema;
+					this.editItem = item;
+					this.showFormDialogVisible = true;
+				})
+		},
+
+		/**
+		 * The row's own pair when it differs from the page's in a collectionUrl list.
+		 *
+		 * @param {object} row The row.
+		 * @return {{register: string, schema: string, type: string}|null} The pair, or null.
+		 */
+		rowTypeTarget(row) {
+			return resolveRowTarget({
+				collectionUrl: this.isSelfFetchMode ? this.collectionUrl : '',
+				register: this.register,
+				schema: this.schema,
+				primarySchema: this.effectiveSchema,
+				primaryRegister: this.selfObjectStore?.getRegister?.(this.selfObjectType) || null,
+				store: this.selfObjectStore,
+			}, row)
 		},
 
 		/**
@@ -274715,7 +275241,7 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     vue$1.renderSlot(_ctx.$slots, "form-dialog", {
       show: $data.showFormDialogVisible,
       item: $data.editItem,
-      schema: $options.effectiveSchema,
+      schema: $options.formSchema,
       confirm: $options.onFormConfirm,
       close: $options.closeFormDialog,
       refresh: $options.onRefreshEvent
@@ -274724,12 +275250,12 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnFormDialog, {
             key: 0,
             ref: "formDialog",
-            schema: $options.effectiveSchema,
+            schema: $options.formSchema,
             item: $data.editItem,
-            register: $props.register,
-            excludeFields: $props.excludeFields,
-            includeFields: $props.includeFields,
-            fieldOverrides: $props.fieldOverrides,
+            register: $options.formRegister,
+            excludeFields: $data.rowFormTarget ? [] : $props.excludeFields,
+            includeFields: $data.rowFormTarget ? null : $props.includeFields,
+            fieldOverrides: $data.rowFormTarget ? {} : $props.fieldOverrides,
             nameField: $props.massActionNameField,
             size: $props.formSize,
             columns: $props.formColumns,
@@ -274752,11 +275278,11 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnAdvancedFormDialog, {
             key: 1,
             ref: "formDialog",
-            schema: $options.effectiveSchema,
+            schema: $options.formSchema,
             item: $data.editItem,
-            excludeFields: $props.excludeFields,
-            includeFields: $props.includeFields,
-            fieldOverrides: $props.fieldOverrides,
+            excludeFields: $data.rowFormTarget ? [] : $props.excludeFields,
+            includeFields: $data.rowFormTarget ? null : $props.includeFields,
+            fieldOverrides: $data.rowFormTarget ? {} : $props.fieldOverrides,
             nameField: $props.massActionNameField,
             initialValues: $options.resolvedCreateDefaults,
             onConfirm: $options.onFormConfirm,
@@ -275135,6 +275661,7 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
                               selectable: $props.selectable,
                               clickToView: $options.rowClickOpens,
                               cardFields: $options.resolvedCardFields,
+                              accentOf: $props.cardAccent,
                               selectedIds: $data.internalSelectedIds,
                               rowKey: $props.rowKey,
                               emptyText: $props.emptyText,
@@ -275189,7 +275716,7 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
                                     key: "2"
                                   }
                                 : undefined
-                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "cardFields", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"])),
+                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "cardFields", "accentOf", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"])),
         vue$1.createVNode(_component_CnContextMenu, {
           open: $setup.contextMenuOpen,
           "onUpdate:open": _cache[23] || (_cache[23] = $event => (($setup.contextMenuOpen) = $event)),
@@ -290018,18 +290545,21 @@ var script$1l = {
 			() => props.objectId,
 			{ enabled: () => Boolean(resolveType() && props.objectId) },
 		);
-		const sidebarReg = props.sidebarProps?.register || props.resolvedSidebar?.register || props.register || '';
-		const sidebarSchema = props.sidebarProps?.schema || props.resolvedSidebar?.schema || props.schema || '';
+		// Getters, read at call time: a register or schema that arrives after
+		// mount (route params, a resolved sidebar) must reach the lock URL. They
+		// used to be consts captured once at setup.
+		const sidebarReg = () => props.sidebarProps?.register || props.resolvedSidebar?.register || props.register || '';
+		const sidebarSchema = () => props.sidebarProps?.schema || props.resolvedSidebar?.schema || props.schema || '';
 		const lock = useObjectLock(
 			subscriptionStore,
-			() => sidebarReg,
-			() => resolveType() || sidebarSchema,
+			sidebarReg,
+			() => resolveType() || sidebarSchema(),
 			() => props.objectId,
 			// The third argument is the OBJECT CACHE KEY (`<register>-<schema>`)
 			// and the lock URL needs the schema SLUG. They were one string, and
 			// the acquire went to `/api/objects/<register>/<register>-<schema>/`,
 			// which no register answers.
-			{ schemaSlug: () => props.schema || sidebarSchema },
+			{ schemaSlug: () => props.schema || sidebarSchema() },
 		);
 		return {
 			...registryExposed,
@@ -341896,6 +342426,11 @@ var el = {
 };
 
 var translations$s = {
+	"Linked items": "Linked items",
+	"Still loading: {sections}": "Still loading: {sections}",
+	"Could not load {section}.": "Could not load {section}.",
+	"Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.": "Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.",
+	"Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.": "Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.",
 	"Show as": "Show as",
 	Board: "Board",
 	Calendar: "Calendar",
@@ -343180,7 +343715,8 @@ var translations$s = {
 	"Development environment": "Development environment",
 	"Test environment": "Test environment",
 	"Acceptance environment": "Acceptance environment",
-	"About {label}": "About {label}"
+	"About {label}": "About {label}",
+	"Could not load the form for this item.": "Could not load the form for this item."
 };
 var plurals$1 = {
 	"%n year": [
@@ -343407,6 +343943,11 @@ var nb = {
 };
 
 var translations$c = {
+	"Linked items": "Gekoppelde items",
+	"Still loading: {sections}": "Nog aan het laden: {sections}",
+	"Could not load {section}.": "{section} kon niet worden geladen.",
+	"Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.": "Met inloggegevens van de organisatie handelen apps namens je organisatie. Keepiq, de kluis voor inloggegevens van Nextcloud, bewaart het geheim. De app krijgt het nooit in handen. Je kiest welke apps elk inloggegeven mogen gebruiken.",
+	"Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.": "Apps handelen soms namens jou bij een externe dienst. Je geeft het geheim één keer aan Nextcloud, en Keepiq bewaart het in een versleutelde kluis. Apps doen de aanvraag via Keepiq en zien het geheim nooit. Je kiest welke apps elk inloggegeven mogen gebruiken. Deel er één tussen apps, of houd er één per app.",
 	"Show as": "Toon als",
 	Board: "Bord",
 	Calendar: "Kalender",
@@ -343578,7 +344119,7 @@ var translations$c = {
 	"This integration is not set up yet. Configure a connection to start using it.": "Deze integratie is nog niet ingesteld. Configureer een verbinding om hem te gebruiken.",
 	"This integration is not set up yet. Install and enable the {app} app to start using it.": "Deze integratie is nog niet ingesteld. Installeer en activeer de app {app} om hem te gebruiken.",
 	"Set up {app}": "{app} instellen",
-	"Add {type}": "Nieuwe {type}",
+	"Add {type}": "{type} toevoegen",
 	"Add new contact": "Nieuw contact toevoegen",
 	"Link contact": "Contact koppelen",
 	"Search contacts": "Contacten zoeken",
@@ -344742,7 +345283,8 @@ var translations$c = {
 	"Development environment": "Ontwikkelomgeving",
 	"Test environment": "Testomgeving",
 	"Acceptance environment": "Acceptatieomgeving",
-	"About {label}": "Over {label}"
+	"About {label}": "Over {label}",
+	"Could not load the form for this item.": "Kon het formulier voor dit item niet laden."
 };
 var plurals = {
 	"%n year": [
@@ -376548,6 +377090,7 @@ exports.deleteSchema = deleteSchema;
 exports.describeSchemaChange = describeSchemaChange;
 exports.diffManifest = diffManifest;
 exports.dispatchAction = dispatchAction$1;
+exports.dispatchObjectsChanged = dispatchObjectsChanged;
 exports.emailIntegration = emailIntegration;
 exports.emptyPaginated = emptyPaginated;
 exports.expandPageTemplates = expandPageTemplates;