@conduction/nextcloud-vue 2.124.0 → 2.125.0

package/dist/nextcloud-vue.cjs.js

@@ -4505,13 +4505,13 @@ const _hoisted_19$1m = {
   class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--assistant",
   "aria-live": "polite"
 };
-const _hoisted_20$1a = {
+const _hoisted_20$1b = {
   key: 2,
   class: "cn-ai-message-list__item cn-ai-message-list__item--assistant",
   "data-testid": "cn-ai-thinking"
 };
-const _hoisted_21$15 = ["aria-label"];
-const _hoisted_22$11 = { class: "cn-ai-message-list__thinking-text" };
+const _hoisted_21$16 = ["aria-label"];
+const _hoisted_22$12 = { class: "cn-ai-message-list__thinking-text" };
 
 function render$8s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcRichText = vue$1.resolveComponent("NcRichText");
@@ -4643,14 +4643,14 @@ function render$8s(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
       : vue$1.createCommentVNode("v-if", true),
     ($options.isThinking)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$1a, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$1b, [
           vue$1.createElementVNode("div", {
             class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--assistant cn-ai-message-list__bubble--thinking",
             "aria-label": $options.cnTranslate('AI is thinking'),
             role: "status",
             "aria-live": "polite"
           }, [
-            vue$1.createElementVNode("span", _hoisted_22$11, vue$1.toDisplayString($options.cnTranslate('Thinking')), 1 /* TEXT */),
+            vue$1.createElementVNode("span", _hoisted_22$12, vue$1.toDisplayString($options.cnTranslate('Thinking')), 1 /* TEXT */),
             _cache[0] || (_cache[0] = vue$1.createElementVNode("span", {
               class: "cn-ai-message-list__thinking-dots",
               "aria-hidden": "true"
@@ -4659,7 +4659,7 @@ function render$8s(_ctx, _cache, $props, $setup, $data, $options) {
               vue$1.createElementVNode("span", { class: "cn-ai-message-list__thinking-dot" }),
               vue$1.createElementVNode("span", { class: "cn-ai-message-list__thinking-dot" })
             ], -1 /* CACHED */))
-          ], 8 /* PROPS */, _hoisted_21$15)
+          ], 8 /* PROPS */, _hoisted_21$16)
         ]))
       : vue$1.createCommentVNode("v-if", true)
   ]))
@@ -5709,7 +5709,7 @@ const _hoisted_18$1s = {
   "data-testid": "cn-ai-panel-mark"
 };
 const _hoisted_19$1l = ["src", "alt"];
-const _hoisted_20$19 = { class: "cn-ai-chat-window__mark-label" };
+const _hoisted_20$1a = { class: "cn-ai-chat-window__mark-label" };
 
 function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnDashboardIcon = vue$1.resolveComponent("CnDashboardIcon");
@@ -6010,7 +6010,7 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                         alt: $data.assistantMark.logo.alt
                       }, null, 8 /* PROPS */, _hoisted_19$1l))
                     : vue$1.createCommentVNode("v-if", true),
-                  vue$1.createElementVNode("span", _hoisted_20$19, vue$1.toDisplayString($data.assistantMark.label), 1 /* TEXT */)
+                  vue$1.createElementVNode("span", _hoisted_20$1a, vue$1.toDisplayString($data.assistantMark.label), 1 /* TEXT */)
                 ]))
               : vue$1.createCommentVNode("v-if", true)
           ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$82))
@@ -22982,7 +22982,7 @@ const _hoisted_16$1R = { class: "cn-conversation-thread__text" };
 const _hoisted_17$1C = ["for"];
 const _hoisted_18$1q = ["id", "placeholder", "disabled", "aria-describedby"];
 const _hoisted_19$1j = ["id"];
-const _hoisted_20$18 = { class: "cn-conversation-thread__reply-actions" };
+const _hoisted_20$19 = { class: "cn-conversation-thread__reply-actions" };
 
 function render$8f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnQuickFilterBar = vue$1.resolveComponent("CnQuickFilterBar");
@@ -23095,7 +23095,7 @@ function render$8f(_ctx, _cache, $props, $setup, $data, $options) {
                 "data-testid": "cn-conversation-error"
               }, vue$1.toDisplayString($data.errorMessage), 9 /* TEXT, PROPS */, _hoisted_19$1j))
             : vue$1.createCommentVNode("v-if", true),
-          vue$1.createElementVNode("div", _hoisted_20$18, [
+          vue$1.createElementVNode("div", _hoisted_20$19, [
             vue$1.renderSlot(_ctx.$slots, "reply-actions", { draft: $data.draft }),
             vue$1.createVNode(_component_NcButton, {
               variant: "primary",
@@ -33933,13 +33933,13 @@ const _hoisted_16$1Q = { class: "cn-column-filter__label" };
 const _hoisted_17$1B = ["type"];
 const _hoisted_18$1p = { class: "cn-column-filter__field" };
 const _hoisted_19$1i = { class: "cn-column-filter__label" };
-const _hoisted_20$17 = ["type"];
-const _hoisted_21$14 = {
+const _hoisted_20$18 = ["type"];
+const _hoisted_21$15 = {
   key: 3,
   class: "cn-column-filter__field"
 };
-const _hoisted_22$10 = { class: "cn-column-filter__label" };
-const _hoisted_23$T = { class: "cn-column-filter__actions" };
+const _hoisted_22$11 = { class: "cn-column-filter__label" };
+const _hoisted_23$U = { class: "cn-column-filter__actions" };
 
 function render$7_(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue$1.openBlock(), vue$1.createBlock(vue$1.Teleport, {
@@ -34045,13 +34045,13 @@ function render$7_(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-column-filter__input",
                     type: $props.def.kind === 'date' ? 'date' : 'number',
                     "data-testid": "cn-column-filter-to"
-                  }, null, 8 /* PROPS */, _hoisted_20$17), [
+                  }, null, 8 /* PROPS */, _hoisted_20$18), [
                     [vue$1.vModelDynamic, $data.draft.to]
                   ])
                 ])
               ]))
-            : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_21$14, [
-                vue$1.createElementVNode("span", _hoisted_22$10, vue$1.toDisplayString($options.containsLabel), 1 /* TEXT */),
+            : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_21$15, [
+                vue$1.createElementVNode("span", _hoisted_22$11, vue$1.toDisplayString($options.containsLabel), 1 /* TEXT */),
                 vue$1.withDirectives(vue$1.createElementVNode("input", {
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.draft.value) = $event)),
                   class: "cn-column-filter__input",
@@ -34061,7 +34061,7 @@ function render$7_(_ctx, _cache, $props, $setup, $data, $options) {
                   [vue$1.vModelText, $data.draft.value]
                 ])
               ])),
-      vue$1.createElementVNode("div", _hoisted_23$T, [
+      vue$1.createElementVNode("div", _hoisted_23$U, [
         vue$1.createElementVNode("button", {
           type: "button",
           class: "cn-column-filter__button",
@@ -36792,14 +36792,14 @@ const _hoisted_19$1h = {
   key: 0,
   class: "cn-cell-renderer__avatar"
 };
-const _hoisted_20$16 = {
+const _hoisted_20$17 = {
   key: 0,
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_21$13 = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_22$$ = ["title"];
-const _hoisted_23$S = {
+const _hoisted_21$14 = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_22$10 = ["title"];
+const _hoisted_23$T = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
   "data-testid": "cn-cell-secondary"
@@ -36853,12 +36853,12 @@ const _hoisted_42$b = {
   "data-testid": "cn-cell-icon-label"
 };
 const _hoisted_43$a = { key: 2 };
-const _hoisted_44$8 = {
+const _hoisted_44$9 = {
   key: 3,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_45$6 = ["title"];
-const _hoisted_46$6 = {
+const _hoisted_45$7 = ["title"];
+const _hoisted_46$7 = {
   key: 17,
   class: "cn-cell-renderer__swatch-wrap"
 };
@@ -37093,7 +37093,7 @@ function render$7X(_ctx, _cache, $props, $setup, $data, $options) {
                             ($options.avatarName || $options.avatarUserId)
                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$1h, [
                                   ($options.avatarUserId)
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$16, [
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$17, [
                                         vue$1.createVNode(_component_NcAvatar, {
                                           user: $options.avatarUserId,
                                           displayName: $options.avatarName || $options.avatarUserId,
@@ -37108,13 +37108,13 @@ function render$7X(_ctx, _cache, $props, $setup, $data, $options) {
                                         style: vue$1.normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
                                         "aria-hidden": "true"
                                       }, vue$1.toDisplayString($options.avatarInitials), 5 /* TEXT, STYLE */)),
-                                  vue$1.createElementVNode("span", _hoisted_21$13, [
+                                  vue$1.createElementVNode("span", _hoisted_21$14, [
                                     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_22$$),
+                                    }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_22$10),
                                     ($props.secondary)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$S, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$T, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
                                       : vue$1.createCommentVNode("v-if", true)
                                   ])
                                 ]))
@@ -37257,15 +37257,15 @@ function render$7X(_ctx, _cache, $props, $setup, $data, $options) {
                                             : vue$1.createCommentVNode("v-if", true),
                                         ($options.hasValue)
                                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_43$a, vue$1.toDisplayString($options.labelledValue), 1 /* TEXT */))
-                                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$8, "—"))
+                                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$9, "—"))
                                       ]))
                                     : ($options.hasFormatter)
                                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                           key: 16,
                                           title: $options.rawTitle
-                                        }, vue$1.toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_45$6))
+                                        }, vue$1.toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_45$7))
                                       : ($options.isSwatch)
-                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_46$6, [
+                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_46$7, [
                                             ($options.swatchColor)
                                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                                   key: 0,
@@ -39653,14 +39653,14 @@ const _hoisted_18$1n = {
   "data-testid": "cn-object-list-empty"
 };
 const _hoisted_19$1g = ["colspan"];
-const _hoisted_20$15 = {
+const _hoisted_20$16 = {
   key: 0,
   class: "cn-table-empty__lens-reason",
   "data-testid": "cn-data-table-lens-reason"
 };
-const _hoisted_21$12 = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
-const _hoisted_22$_ = ["href", "aria-label", "onClick"];
-const _hoisted_23$R = {
+const _hoisted_21$13 = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
+const _hoisted_22$$ = ["href", "aria-label", "onClick"];
+const _hoisted_23$S = {
   key: 3,
   class: "cn-table-row-indicators",
   "data-testid": "cn-row-indicators"
@@ -39882,7 +39882,7 @@ function render$7U(_ctx, _cache, $props, $setup, $data, $options) {
                     vue$1.createElementVNode("td", { colspan: $options.totalColumns }, [
                       vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [
                         ($options.lensReasonText)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$15, vue$1.toDisplayString($options.lensReasonText), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$16, vue$1.toDisplayString($options.lensReasonText), 1 /* TEXT */))
                           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                               vue$1.createTextVNode(vue$1.toDisplayString($options.translateLabel($props.emptyText)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
@@ -39956,7 +39956,7 @@ function render$7U(_ctx, _cache, $props, $setup, $data, $options) {
                                 draggable: "false",
                                 "data-testid": "cn-row-link",
                                 onClick: $event => ($options.onRowLinkClick(row, $event))
-                              }, null, 8 /* PROPS */, _hoisted_22$_))
+                              }, null, 8 /* PROPS */, _hoisted_22$$))
                             : vue$1.createCommentVNode("v-if", true),
                           (colIndex === $options.titleColumnIndex && $options.isUnreadRow(row))
                             ? (vue$1.openBlock(), vue$1.createBlock(_component_CnUnreadMarker, { key: 1 }))
@@ -39969,7 +39969,7 @@ function render$7U(_ctx, _cache, $props, $setup, $data, $options) {
                               }, null, 8 /* PROPS */, ["object"]))
                             : vue$1.createCommentVNode("v-if", true),
                           (colIndex === $options.titleColumnIndex && $options.indicatorsFor(row).shown.length > 0)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$R, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$S, [
                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.indicatorsFor(row).shown, (indicator) => {
                                   return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                     key: indicator.id || indicator.field,
@@ -40021,7 +40021,7 @@ function render$7U(_ctx, _cache, $props, $setup, $data, $options) {
                             vue$1.renderSlot(_ctx.$slots, "row-actions", { row: row })
                           ], 34 /* CLASS, NEED_HYDRATION */))
                         : vue$1.createCommentVNode("v-if", true)
-                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_21$12))
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_21$13))
                   }), 128 /* KEYED_FRAGMENT */))
             ])
           ], 2 /* CLASS */)
@@ -40957,6 +40957,11 @@ var script$7R = {
 		eyebrow: { type: String, default: '' },
 		/** Sentence under the title (board look). */
 		subtitle: { type: String, default: '' },
+		/**
+		 * Leave out the board header: the body draws its own title and close
+		 * button (CnUserSettingsDialog). `name` stays the accessible name.
+		 */
+		headless: { type: Boolean, default: false },
 	},
 
 	emits: ['closing'],
@@ -41010,7 +41015,7 @@ function render$7Q(_ctx, _cache, $props, $setup, $data, $options) {
     onClosing: $options.onClosing
   }, vue$1.createSlots({
     default: vue$1.withCtx(() => [
-      ($setup.isBoard)
+      ($setup.isBoard && !$props.headless)
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnDialogHeader, {
             key: 0,
             title: $props.name,
@@ -75666,17 +75671,17 @@ const _hoisted_19$1f = {
   key: 2,
   class: "cn-icon-browser-panel__hint"
 };
-const _hoisted_20$14 = ["id", "aria-labelledby"];
-const _hoisted_21$11 = {
+const _hoisted_20$15 = ["id", "aria-labelledby"];
+const _hoisted_21$12 = {
   key: 0,
   class: "cn-icon-browser-panel__hint"
 };
-const _hoisted_22$Z = {
+const _hoisted_22$_ = {
   key: 1,
   class: "cn-icon-browser-panel__error",
   role: "alert"
 };
-const _hoisted_23$Q = ["placeholder", "aria-label"];
+const _hoisted_23$R = ["placeholder", "aria-label"];
 const _hoisted_24$L = {
   key: 3,
   class: "cn-icon-browser-panel__grid"
@@ -75860,9 +75865,9 @@ function render$7J(_ctx, _cache, $props, $setup, $data, $options) {
         ($data.mode === $options.groupKey(group))
           ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
               ($data.groupLoading[group.key])
-                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$11, vue$1.toDisplayString($options.t('nextcloud-vue', 'Loading icon set…')), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$12, vue$1.toDisplayString($options.t('nextcloud-vue', 'Loading icon set…')), 1 /* TEXT */))
                 : ($data.groupError[group.key])
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$Z, vue$1.toDisplayString($data.groupError[group.key]), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$_, vue$1.toDisplayString($data.groupError[group.key]), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
               (group.icons.length > $props.maxResults)
                 ? vue$1.withDirectives((vue$1.openBlock(), vue$1.createElementBlock("input", {
@@ -75872,7 +75877,7 @@ function render$7J(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-icon-browser-panel__search",
                     placeholder: $options.t('nextcloud-vue', 'Search icons…'),
                     "aria-label": $options.t('nextcloud-vue', 'Search icons')
-                  }, null, 8 /* PROPS */, _hoisted_23$Q)), [
+                  }, null, 8 /* PROPS */, _hoisted_23$R)), [
                     [vue$1.vModelText, $data.customQuery]
                   ])
                 : vue$1.createCommentVNode("v-if", true),
@@ -75905,7 +75910,7 @@ function render$7J(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue$1.createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */))
           : vue$1.createCommentVNode("v-if", true)
-      ], 8 /* PROPS */, _hoisted_20$14)), [
+      ], 8 /* PROPS */, _hoisted_20$15)), [
         [vue$1.vShow, $data.mode === $options.groupKey(group)]
       ])
     }), 128 /* KEYED_FRAGMENT */)),
@@ -78545,7 +78550,7 @@ script$7I.__scopeId = "data-v-aaa45660";
 const __sfc_main$7C = script$7I;
 
 /** How long typing rests before a search runs, in ms. */
-const SEARCH_DELAY$2 = 250;
+const SEARCH_DELAY$3 = 250;
 
 /**
  * CnPartyPicker — one search field over several kinds of party: people and
@@ -78765,7 +78770,7 @@ var script$7H = {
 				this.options = this.selectedOption ? [this.selectedOption] : [];
 				return
 			}
-			this.timer = setTimeout(() => this.search(term), SEARCH_DELAY$2);
+			this.timer = setTimeout(() => this.search(term), SEARCH_DELAY$3);
 		},
 
 		/**
@@ -85621,9 +85626,9 @@ const _hoisted_16$1M = {
 const _hoisted_17$1x = { class: "cn-activity-card__day-header" };
 const _hoisted_18$1l = { class: "cn-activity-card__day-count" };
 const _hoisted_19$1e = { class: "cn-activity-card__list" };
-const _hoisted_20$13 = { class: "cn-activity-card__row-main" };
-const _hoisted_21$10 = { class: "cn-activity-card__row-subject" };
-const _hoisted_22$Y = { class: "cn-activity-card__row-meta" };
+const _hoisted_20$14 = { class: "cn-activity-card__row-main" };
+const _hoisted_21$11 = { class: "cn-activity-card__row-subject" };
+const _hoisted_22$Z = { class: "cn-activity-card__row-meta" };
 
 function render$7A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -85701,9 +85706,9 @@ function render$7A(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: "cn-activity-card__row"
                                 }, [
                                   (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.iconFor(entry)), { size: 14 })),
-                                  vue$1.createElementVNode("div", _hoisted_20$13, [
-                                    vue$1.createElementVNode("span", _hoisted_21$10, vue$1.toDisplayString($options.subjectFor(entry)), 1 /* TEXT */),
-                                    vue$1.createElementVNode("span", _hoisted_22$Y, vue$1.toDisplayString($options.actorFor(entry)) + " · " + vue$1.toDisplayString($options.relativeTime(entry)), 1 /* TEXT */),
+                                  vue$1.createElementVNode("div", _hoisted_20$14, [
+                                    vue$1.createElementVNode("span", _hoisted_21$11, vue$1.toDisplayString($options.subjectFor(entry)), 1 /* TEXT */),
+                                    vue$1.createElementVNode("span", _hoisted_22$Z, vue$1.toDisplayString($options.actorFor(entry)) + " · " + vue$1.toDisplayString($options.relativeTime(entry)), 1 /* TEXT */),
                                     ($props.showVisibility)
                                       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnVisibilityChip, {
                                           key: 0,
@@ -86602,21 +86607,21 @@ const _hoisted_16$1L = { class: "cn-activity-tab__filter" };
 const _hoisted_17$1w = { class: "cn-activity-tab__filter-label" };
 const _hoisted_18$1k = { value: "" };
 const _hoisted_19$1d = ["value"];
-const _hoisted_20$12 = {
+const _hoisted_20$13 = {
   key: 1,
   class: "cn-activity-tab__visibility",
   "data-testid": "cn-activity-visibility"
 };
-const _hoisted_21$$ = {
+const _hoisted_21$10 = {
   key: 0,
   class: "cn-activity-tab__visibility-fixed",
   "data-testid": "cn-activity-visibility-fixed"
 };
-const _hoisted_22$X = {
+const _hoisted_22$Y = {
   key: 1,
   class: "cn-activity-tab__filter"
 };
-const _hoisted_23$P = { class: "cn-activity-tab__filter-label" };
+const _hoisted_23$Q = { class: "cn-activity-tab__filter-label" };
 const _hoisted_24$K = { value: "" };
 const _hoisted_25$E = { value: "internal" };
 const _hoisted_26$y = { value: "public" };
@@ -86659,9 +86664,9 @@ const _hoisted_42$a = {
   "aria-hidden": "true"
 };
 const _hoisted_43$9 = { class: "cn-activity-tab__event-body" };
-const _hoisted_44$7 = { class: "cn-activity-tab__event-line" };
-const _hoisted_45$5 = { class: "cn-activity-tab__event-meta" };
-const _hoisted_46$5 = {
+const _hoisted_44$8 = { class: "cn-activity-tab__event-line" };
+const _hoisted_45$6 = { class: "cn-activity-tab__event-meta" };
+const _hoisted_46$6 = {
   key: 0,
   class: "cn-activity-tab__footer"
 };
@@ -86809,14 +86814,14 @@ function render$7z(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           ($props.showVisibility)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$12, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$13, [
                 ($props.publicViewOnly)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$$, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$10, [
                       vue$1.createVNode(_component_CnVisibilityChip, { visibility: "public" }),
                       vue$1.createTextVNode(" " + vue$1.toDisplayString($data.publicOnlyLabel), 1 /* TEXT */)
                     ]))
-                  : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_22$X, [
-                      vue$1.createElementVNode("span", _hoisted_23$P, vue$1.toDisplayString($data.visibilityLabel), 1 /* TEXT */),
+                  : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_22$Y, [
+                      vue$1.createElementVNode("span", _hoisted_23$Q, vue$1.toDisplayString($data.visibilityLabel), 1 /* TEXT */),
                       vue$1.withDirectives(vue$1.createElementVNode("select", {
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (($data.selectedVisibility) = $event)),
                         class: "cn-activity-tab__select",
@@ -86922,11 +86927,11 @@ function render$7z(_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$9, [
-                        vue$1.createElementVNode("p", _hoisted_44$7, [
+                        vue$1.createElementVNode("p", _hoisted_44$8, [
                           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$5, vue$1.toDisplayString($options.eventMeta(entry)), 1 /* TEXT */)
+                        vue$1.createElementVNode("p", _hoisted_45$6, vue$1.toDisplayString($options.eventMeta(entry)), 1 /* TEXT */)
                       ]),
                       ($props.showVisibility)
                         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnVisibilityChip, {
@@ -86938,7 +86943,7 @@ function render$7z(_ctx, _cache, $props, $setup, $data, $options) {
                   }), 128 /* KEYED_FRAGMENT */))
                 ]),
                 ($options.hasMore)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_46$5, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_46$6, [
                       vue$1.createVNode(_component_NcButton, {
                         variant: "tertiary",
                         wide: true,
@@ -89866,12 +89871,12 @@ const _hoisted_19$1b = {
   key: 3,
   class: "cn-audit-details__null"
 };
-const _hoisted_20$11 = {
+const _hoisted_20$12 = {
   key: 1,
   class: "cn-audit-details__values"
 };
-const _hoisted_21$_ = { class: "cn-audit-details__mono" };
-const _hoisted_22$W = {
+const _hoisted_21$$ = { class: "cn-audit-details__mono" };
+const _hoisted_22$X = {
   key: 2,
   class: "cn-sidebar-tab__empty"
 };
@@ -90017,8 +90022,8 @@ function render$7r(_ctx, _cache, $props, $setup, $data, $options) {
                                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$1b, "null"))
                                               : vue$1.createCommentVNode("v-if", true)
                                           ]))
-                                        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$11, [
-                                            vue$1.createElementVNode("span", _hoisted_21$_, vue$1.toDisplayString($options.formatValue(change)), 1 /* TEXT */)
+                                        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$12, [
+                                            vue$1.createElementVNode("span", _hoisted_21$$, vue$1.toDisplayString($options.formatValue(change)), 1 /* TEXT */)
                                           ]))
                                     ]))
                                   }), 128 /* KEYED_FRAGMENT */))
@@ -90055,7 +90060,7 @@ function render$7r(_ctx, _cache, $props, $setup, $data, $options) {
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
           ], 64 /* STABLE_FRAGMENT */))
-        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$W, vue$1.toDisplayString($props.noAuditTrailLabel), 1 /* TEXT */)),
+        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$X, vue$1.toDisplayString($props.noAuditTrailLabel), 1 /* TEXT */)),
     ($data.restoreEntry)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnConfirmDialog, {
           key: 3,
@@ -90361,10 +90366,10 @@ const _hoisted_18$1h = {
   class: "cn-bookmarks-card__list"
 };
 const _hoisted_19$1a = { class: "cn-bookmarks-card__row-icon" };
-const _hoisted_20$10 = ["src", "onError"];
-const _hoisted_21$Z = { class: "cn-bookmarks-card__row-main" };
-const _hoisted_22$V = ["href"];
-const _hoisted_23$O = {
+const _hoisted_20$11 = ["src", "onError"];
+const _hoisted_21$_ = { class: "cn-bookmarks-card__row-main" };
+const _hoisted_22$W = ["href"];
+const _hoisted_23$P = {
   key: 1,
   class: "cn-bookmarks-card__title"
 };
@@ -90482,13 +90487,13 @@ function render$7q(_ctx, _cache, $props, $setup, $data, $options) {
                                     alt: "",
                                     class: "cn-bookmarks-card__favicon",
                                     onError: $event => ($options.onFaviconError(bookmark))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$10))
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$11))
                                 : (vue$1.openBlock(), vue$1.createBlock(_component_Bookmark, {
                                     key: 1,
                                     size: 14
                                   }))
                             ]),
-                            vue$1.createElementVNode("div", _hoisted_21$Z, [
+                            vue$1.createElementVNode("div", _hoisted_21$_, [
                               ($options.hasSafeUrl(bookmark))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
                                     key: 0,
@@ -90496,8 +90501,8 @@ function render$7q(_ctx, _cache, $props, $setup, $data, $options) {
                                     target: "_blank",
                                     rel: "noopener noreferrer",
                                     class: "cn-bookmarks-card__title"
-                                  }, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 9 /* TEXT, PROPS */, _hoisted_22$V))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$O, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 1 /* TEXT */))
+                                  }, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 9 /* TEXT, PROPS */, _hoisted_22$W))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$P, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 1 /* TEXT */))
                             ])
                           ]))
                         }), 128 /* KEYED_FRAGMENT */))
@@ -93013,13 +93018,13 @@ const _hoisted_18$1f = {
   class: "cn-calendar-tab__attendees"
 };
 const _hoisted_19$18 = ["title"];
-const _hoisted_20$$ = ["title"];
-const _hoisted_21$Y = {
+const _hoisted_20$10 = ["title"];
+const _hoisted_21$Z = {
   key: 1,
   class: "cn-calendar-tab__group"
 };
-const _hoisted_22$U = { class: "cn-calendar-tab__group-title cn-calendar-tab__group-title--past" };
-const _hoisted_23$N = {
+const _hoisted_22$V = { class: "cn-calendar-tab__group-title cn-calendar-tab__group-title--past" };
+const _hoisted_23$O = {
   class: "cn-calendar-tab__date cn-calendar-tab__date--past",
   "aria-hidden": "true"
 };
@@ -93155,7 +93160,7 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                                     key: 0,
                                     class: "cn-calendar-tab__avatar cn-calendar-tab__avatar--more",
                                     title: $options.attendeeCountLabel(ev)
-                                  }, " +" + vue$1.toDisplayString($options.extraAttendees(ev)), 9 /* TEXT, PROPS */, _hoisted_20$$))
+                                  }, " +" + vue$1.toDisplayString($options.extraAttendees(ev)), 9 /* TEXT, PROPS */, _hoisted_20$10))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
@@ -93197,14 +93202,14 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : vue$1.createCommentVNode("v-if", true),
             ($options.pastEvents.length > 0)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$Y, [
-                  vue$1.createElementVNode("h4", _hoisted_22$U, vue$1.toDisplayString($props.pastLabel), 1 /* TEXT */),
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$Z, [
+                  vue$1.createElementVNode("h4", _hoisted_22$V, vue$1.toDisplayString($props.pastLabel), 1 /* TEXT */),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.pastEvents, (ev) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("div", {
                       key: $options.rowKey(ev),
                       class: "cn-calendar-tab__event cn-calendar-tab__event--past"
                     }, [
-                      vue$1.createElementVNode("div", _hoisted_23$N, [
+                      vue$1.createElementVNode("div", _hoisted_23$O, [
                         vue$1.createElementVNode("span", _hoisted_24$I, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
                         vue$1.createElementVNode("span", _hoisted_25$C, vue$1.toDisplayString($options.dayOf(ev)), 1 /* TEXT */)
                       ]),
@@ -93714,13 +93719,13 @@ const _hoisted_19$17 = {
   key: 2,
   class: "cn-collectives-card__list"
 };
-const _hoisted_20$_ = {
+const _hoisted_20$$ = {
   class: "cn-collectives-card__chip-emoji",
   "aria-hidden": true
 };
-const _hoisted_21$X = { class: "cn-collectives-card__row-main" };
-const _hoisted_22$T = ["href"];
-const _hoisted_23$M = {
+const _hoisted_21$Y = { class: "cn-collectives-card__row-main" };
+const _hoisted_22$U = ["href"];
+const _hoisted_23$N = {
   key: 0,
   class: "cn-collectives-card__row-collective"
 };
@@ -93831,7 +93836,7 @@ function render$7i(_ctx, _cache, $props, $setup, $data, $options) {
                             key: $options.pageKey(page),
                             class: "cn-collectives-card__row"
                           }, [
-                            vue$1.createElementVNode("span", _hoisted_20$_, [
+                            vue$1.createElementVNode("span", _hoisted_20$$, [
                               ($options.pageEmoji(page))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
                                     vue$1.createTextVNode(vue$1.toDisplayString($options.pageEmoji(page)), 1 /* TEXT */)
@@ -93841,15 +93846,15 @@ function render$7i(_ctx, _cache, $props, $setup, $data, $options) {
                                     size: 14
                                   }))
                             ]),
-                            vue$1.createElementVNode("div", _hoisted_21$X, [
+                            vue$1.createElementVNode("div", _hoisted_21$Y, [
                               vue$1.createElementVNode("a", {
                                 href: $options.pageUrl(page),
                                 target: "_blank",
                                 rel: "noopener",
                                 class: "cn-collectives-card__title"
-                              }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_22$T),
+                              }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_22$U),
                               ($options.collectiveLabel(page))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$M, vue$1.toDisplayString($options.collectiveLabel(page)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$N, vue$1.toDisplayString($options.collectiveLabel(page)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ])
                           ]))
@@ -96915,12 +96920,12 @@ const _hoisted_18$1d = {
   "data-testid": "cn-contacts-tab-period"
 };
 const _hoisted_19$16 = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_20$Z = {
+const _hoisted_20$_ = {
   key: 4,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_21$W = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_22$S = ["aria-label", "title", "onClick"];
+const _hoisted_21$X = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_22$T = ["aria-label", "title", "onClick"];
 
 function render$79(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_AccountPlus = vue$1.resolveComponent("AccountPlus");
@@ -97080,8 +97085,8 @@ function render$79(_ctx, _cache, $props, $setup, $data, $options) {
                               ]))
                             : vue$1.createCommentVNode("v-if", true),
                           (contact.note)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$Z, [
-                                vue$1.createElementVNode("span", _hoisted_21$W, vue$1.toDisplayString(contact.note), 1 /* TEXT */)
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$_, [
+                                vue$1.createElementVNode("span", _hoisted_21$X, vue$1.toDisplayString(contact.note), 1 /* TEXT */)
                               ]))
                             : vue$1.createCommentVNode("v-if", true)
                         ]),
@@ -97093,7 +97098,7 @@ function render$79(_ctx, _cache, $props, $setup, $data, $options) {
                           onClick: vue$1.withModifiers($event => ($options.unlink(contact)), ["stop"])
                         }, [
                           vue$1.createVNode(_component_Close, { size: 18 })
-                        ], 8 /* PROPS */, _hoisted_22$S)
+                        ], 8 /* PROPS */, _hoisted_22$T)
                       ], 8 /* PROPS */, _hoisted_7$3X))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
@@ -98927,8 +98932,8 @@ const _hoisted_16$1C = {
 const _hoisted_17$1n = { class: "cn-deck-card__column-header" };
 const _hoisted_18$1c = { class: "cn-deck-card__column-title" };
 const _hoisted_19$15 = { class: "cn-deck-card__column-count" };
-const _hoisted_20$Y = { class: "cn-deck-card__column-list" };
-const _hoisted_21$V = ["href"];
+const _hoisted_20$Z = { class: "cn-deck-card__column-list" };
+const _hoisted_21$W = ["href"];
 
 function render$74(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -99013,7 +99018,7 @@ function render$74(_ctx, _cache, $props, $setup, $data, $options) {
                               vue$1.createElementVNode("span", _hoisted_18$1c, vue$1.toDisplayString(stack.label), 1 /* TEXT */),
                               vue$1.createElementVNode("span", _hoisted_19$15, vue$1.toDisplayString(stack.cards.length), 1 /* TEXT */)
                             ]),
-                            vue$1.createElementVNode("ul", _hoisted_20$Y, [
+                            vue$1.createElementVNode("ul", _hoisted_20$Z, [
                               (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),
@@ -99024,7 +99029,7 @@ function render$74(_ctx, _cache, $props, $setup, $data, $options) {
                                     target: "_blank",
                                     rel: "noopener",
                                     class: "cn-deck-card__title"
-                                  }, vue$1.toDisplayString($options.cardTitle(card)), 9 /* TEXT, PROPS */, _hoisted_21$V)
+                                  }, vue$1.toDisplayString($options.cardTitle(card)), 9 /* TEXT, PROPS */, _hoisted_21$W)
                                 ], 2 /* CLASS */))
                               }), 128 /* KEYED_FRAGMENT */))
                             ])
@@ -100945,9 +100950,9 @@ const _hoisted_16$1A = {
 const _hoisted_17$1l = ["onClick"];
 const _hoisted_18$1b = { class: "cn-email-picker__message" };
 const _hoisted_19$14 = { class: "cn-email-picker__message-subject" };
-const _hoisted_20$X = { class: "cn-email-picker__message-meta" };
-const _hoisted_21$U = { class: "cn-email-picker__message-sender" };
-const _hoisted_22$R = {
+const _hoisted_20$Y = { class: "cn-email-picker__message-meta" };
+const _hoisted_21$V = { class: "cn-email-picker__message-sender" };
+const _hoisted_22$S = {
   key: 0,
   class: "cn-email-picker__message-date"
 };
@@ -101121,10 +101126,10 @@ function render$6$(_ctx, _cache, $props, $setup, $data, $options) {
                                 vue$1.createVNode(_component_EmailOutline, { size: 18 }),
                                 vue$1.createElementVNode("span", _hoisted_18$1b, [
                                   vue$1.createElementVNode("span", _hoisted_19$14, vue$1.toDisplayString(msg.subject || $options.t('nextcloud-vue', '(no subject)')), 1 /* TEXT */),
-                                  vue$1.createElementVNode("span", _hoisted_20$X, [
-                                    vue$1.createElementVNode("span", _hoisted_21$U, vue$1.toDisplayString(msg.sender || $options.t('nextcloud-vue', 'Unknown sender')), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_20$Y, [
+                                    vue$1.createElementVNode("span", _hoisted_21$V, vue$1.toDisplayString(msg.sender || $options.t('nextcloud-vue', 'Unknown sender')), 1 /* TEXT */),
                                     (msg.date)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$R, vue$1.toDisplayString($options.formatDate(msg.date)), 1 /* TEXT */))
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$S, vue$1.toDisplayString($options.formatDate(msg.date)), 1 /* TEXT */))
                                       : vue$1.createCommentVNode("v-if", true)
                                   ])
                                 ])
@@ -109004,14 +109009,14 @@ const _hoisted_17$1i = {
 };
 const _hoisted_18$18 = ["aria-label"];
 const _hoisted_19$12 = ["aria-pressed", "onClick"];
-const _hoisted_20$W = { class: "cn-files-browser__facet-count" };
-const _hoisted_21$T = ["aria-label"];
-const _hoisted_22$Q = {
+const _hoisted_20$X = { class: "cn-files-browser__facet-count" };
+const _hoisted_21$U = ["aria-label"];
+const _hoisted_22$R = {
   class: "cn-files-browser__bulk-count",
   "aria-live": "polite",
   "data-testid": "cn-files-browser-bulk-count"
 };
-const _hoisted_23$L = {
+const _hoisted_23$M = {
   class: "cn-files-browser__table",
   "data-testid": "cn-files-browser-table"
 };
@@ -109059,9 +109064,9 @@ const _hoisted_43$8 = {
   key: 0,
   class: "cn-files-browser__no-match-row"
 };
-const _hoisted_44$6 = ["colspan"];
-const _hoisted_45$4 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_46$4 = {
+const _hoisted_44$7 = ["colspan"];
+const _hoisted_45$5 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_46$5 = {
   key: 0,
   class: "cn-files-browser__col-select"
 };
@@ -109405,7 +109410,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
                   onClick: $event => ($options.toggleFacet(facet.key, option.value))
                 }, [
                   vue$1.createTextVNode(vue$1.toDisplayString(option.value) + " ", 1 /* TEXT */),
-                  vue$1.createElementVNode("strong", _hoisted_20$W, vue$1.toDisplayString(option.count), 1 /* TEXT */)
+                  vue$1.createElementVNode("strong", _hoisted_20$X, vue$1.toDisplayString(option.count), 1 /* TEXT */)
                 ], 10 /* CLASS, PROPS */, _hoisted_19$12))
               }), 128 /* KEYED_FRAGMENT */))
             ], 8 /* PROPS */, _hoisted_18$18))
@@ -109433,7 +109438,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-label": $options.t('nextcloud-vue', 'Actions for the selected files'),
           "data-testid": "cn-files-browser-bulk-bar"
         }, [
-          vue$1.createElementVNode("span", _hoisted_22$Q, vue$1.toDisplayString($options.selectionCountText), 1 /* TEXT */),
+          vue$1.createElementVNode("span", _hoisted_22$R, vue$1.toDisplayString($options.selectionCountText), 1 /* TEXT */),
           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($props.bulkActions, (action) => {
             return (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
               key: action.id,
@@ -109465,7 +109470,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["onClick"]))
             : vue$1.createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_21$T))
+        ], 8 /* PROPS */, _hoisted_21$U))
       : vue$1.createCommentVNode("v-if", true),
     ($data.loading)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, {
@@ -109509,7 +109514,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
               key: 9,
               class: vue$1.normalizeClass(["cn-files-browser__body", { 'cn-files-browser__body--with-side': $options.sideNode !== null && !$options.sideInPage }])
             }, [
-              vue$1.createElementVNode("table", _hoisted_23$L, [
+              vue$1.createElementVNode("table", _hoisted_23$M, [
                 vue$1.createElementVNode("thead", null, [
                   vue$1.createElementVNode("tr", null, [
                     ($options.bulkEnabled)
@@ -109810,7 +109815,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
                           colspan: $options.columnCount,
                           class: "cn-files-browser__no-match",
                           "data-testid": "cn-files-browser-no-match"
-                        }, vue$1.toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_44$6)
+                        }, vue$1.toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_44$7)
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($props.linkedItems, (item) => {
@@ -109824,7 +109829,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
                       onAuxclick: $event => ($options.onLinkedAuxClick(item, $event))
                     }, [
                       ($options.bulkEnabled)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_46$4))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("td", _hoisted_46$5))
                         : vue$1.createCommentVNode("v-if", true),
                       vue$1.createElementVNode("td", _hoisted_47$4, [
                         ($options.mimeIconFor({ mime: item.mime }))
@@ -109923,7 +109928,7 @@ function render$6S(_ctx, _cache, $props, $setup, $data, $options) {
                           _: 2 /* DYNAMIC */
                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
                       ], 32 /* NEED_HYDRATION */)
-                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_45$4))
+                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_45$5))
                   }), 128 /* KEYED_FRAGMENT */))
                 ])
               ]),
@@ -114858,13 +114863,13 @@ const _hoisted_18$17 = {
   class: "cn-maps-card__list"
 };
 const _hoisted_19$11 = { class: "cn-maps-card__row-main" };
-const _hoisted_20$V = { class: "cn-maps-card__row-header" };
-const _hoisted_21$S = ["href"];
-const _hoisted_22$P = {
+const _hoisted_20$W = { class: "cn-maps-card__row-header" };
+const _hoisted_21$T = ["href"];
+const _hoisted_22$Q = {
   key: 0,
   class: "cn-maps-card__category"
 };
-const _hoisted_23$K = {
+const _hoisted_23$L = {
   key: 0,
   class: "cn-maps-card__coords"
 };
@@ -114968,19 +114973,19 @@ function render$6J(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-maps-card__row-icon"
                             }),
                             vue$1.createElementVNode("div", _hoisted_19$11, [
-                              vue$1.createElementVNode("div", _hoisted_20$V, [
+                              vue$1.createElementVNode("div", _hoisted_20$W, [
                                 vue$1.createElementVNode("a", {
                                   href: $options.pointUrl(point),
                                   target: "_blank",
                                   rel: "noopener",
                                   class: "cn-maps-card__title"
-                                }, vue$1.toDisplayString($options.pointName(point)), 9 /* TEXT, PROPS */, _hoisted_21$S),
+                                }, vue$1.toDisplayString($options.pointName(point)), 9 /* TEXT, PROPS */, _hoisted_21$T),
                                 ($options.pointCategory(point))
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$P, vue$1.toDisplayString($options.pointCategory(point)), 1 /* TEXT */))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$Q, vue$1.toDisplayString($options.pointCategory(point)), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ]),
                               ($options.coordsLabel(point))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$K, vue$1.toDisplayString($options.coordsLabel(point)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$L, vue$1.toDisplayString($options.coordsLabel(point)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ])
                           ]))
@@ -119687,12 +119692,12 @@ const _hoisted_19$10 = {
   key: 3,
   class: "cn-openproject-card__empty"
 };
-const _hoisted_20$U = {
+const _hoisted_20$V = {
   key: 4,
   class: "cn-openproject-card__rows"
 };
-const _hoisted_21$R = ["href"];
-const _hoisted_22$O = {
+const _hoisted_21$S = ["href"];
+const _hoisted_22$P = {
   key: 1,
   class: "cn-openproject-card__assignee"
 };
@@ -119806,7 +119811,7 @@ function render$6z(_ctx, _cache, $props, $setup, $data, $options) {
                       ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_18$16, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                       : ($data.workPackages.length === 0)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_19$10, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-                        : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_20$U, [
+                        : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_20$V, [
                             (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.workPackages, (wp) => {
                               return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                 key: $options.wpKey(wp),
@@ -119817,7 +119822,7 @@ function render$6z(_ctx, _cache, $props, $setup, $data, $options) {
                                   target: "_blank",
                                   rel: "noopener",
                                   class: "cn-openproject-card__title"
-                                }, vue$1.toDisplayString($options.wpSubject(wp)), 9 /* TEXT, PROPS */, _hoisted_21$R),
+                                }, vue$1.toDisplayString($options.wpSubject(wp)), 9 /* TEXT, PROPS */, _hoisted_21$S),
                                 ($options.wpStatus(wp))
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                       key: 0,
@@ -119825,7 +119830,7 @@ function render$6z(_ctx, _cache, $props, $setup, $data, $options) {
                                     }, vue$1.toDisplayString($options.wpStatus(wp)), 3 /* TEXT, CLASS */))
                                   : vue$1.createCommentVNode("v-if", true),
                                 ($options.wpAssignee(wp))
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$O, [
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$P, [
                                       vue$1.createVNode(_component_AccountCircleOutline, { size: 12 }),
                                       vue$1.createTextVNode(" " + vue$1.toDisplayString($options.wpAssignee(wp)), 1 /* TEXT */)
                                     ]))
@@ -121524,10 +121529,10 @@ const _hoisted_18$15 = {
   class: "cn-photos-card__grid"
 };
 const _hoisted_19$$ = ["href", "title"];
-const _hoisted_20$T = { class: "cn-photos-card__tile-cover" };
-const _hoisted_21$Q = ["src", "onError"];
-const _hoisted_22$N = { class: "cn-photos-card__tile-name" };
-const _hoisted_23$J = {
+const _hoisted_20$U = { class: "cn-photos-card__tile-cover" };
+const _hoisted_21$R = ["src", "onError"];
+const _hoisted_22$O = { class: "cn-photos-card__tile-name" };
+const _hoisted_23$K = {
   key: 3,
   class: "cn-photos-card__view-all"
 };
@@ -121638,7 +121643,7 @@ function render$6v(_ctx, _cache, $props, $setup, $data, $options) {
                             rel: "noopener noreferrer",
                             title: $options.albumName(album)
                           }, [
-                            vue$1.createElementVNode("div", _hoisted_20$T, [
+                            vue$1.createElementVNode("div", _hoisted_20$U, [
                               ($options.coverUrl(album))
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("img", {
                                     key: 0,
@@ -121647,19 +121652,19 @@ function render$6v(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: "cn-photos-card__tile-cover-img",
                                     loading: "lazy",
                                     onError: $event => ($options.onCoverError(album))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$Q))
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$R))
                                 : (vue$1.openBlock(), vue$1.createBlock(_component_ImageMultiple, {
                                     key: 1,
                                     size: 20,
                                     class: "cn-photos-card__tile-fallback"
                                   }))
                             ]),
-                            vue$1.createElementVNode("span", _hoisted_22$N, vue$1.toDisplayString($options.albumName(album)), 1 /* TEXT */)
+                            vue$1.createElementVNode("span", _hoisted_22$O, vue$1.toDisplayString($options.albumName(album)), 1 /* TEXT */)
                           ], 8 /* PROPS */, _hoisted_19$$))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.albums.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$J, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$K, [
                       vue$1.createElementVNode("a", {
                         href: $props.photosAppUrl,
                         target: "_blank",
@@ -122947,10 +122952,10 @@ const _hoisted_19$_ = {
   key: 1,
   class: "cn-polls-card__options"
 };
-const _hoisted_20$S = { class: "cn-polls-card__option-label" };
-const _hoisted_21$P = { class: "cn-polls-card__option-text" };
-const _hoisted_22$M = { class: "cn-polls-card__option-count" };
-const _hoisted_23$I = ["aria-valuenow"];
+const _hoisted_20$T = { class: "cn-polls-card__option-label" };
+const _hoisted_21$Q = { class: "cn-polls-card__option-text" };
+const _hoisted_22$N = { class: "cn-polls-card__option-count" };
+const _hoisted_23$J = ["aria-valuenow"];
 
 function render$6r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -123063,9 +123068,9 @@ function render$6r(_ctx, _cache, $props, $setup, $data, $options) {
                                       key: $options.optionKey(opt),
                                       class: "cn-polls-card__option"
                                     }, [
-                                      vue$1.createElementVNode("div", _hoisted_20$S, [
-                                        vue$1.createElementVNode("span", _hoisted_21$P, vue$1.toDisplayString($options.optionLabel(opt)), 1 /* TEXT */),
-                                        vue$1.createElementVNode("span", _hoisted_22$M, vue$1.toDisplayString($options.optionPercent(poll, opt)) + "%", 1 /* TEXT */)
+                                      vue$1.createElementVNode("div", _hoisted_20$T, [
+                                        vue$1.createElementVNode("span", _hoisted_21$Q, vue$1.toDisplayString($options.optionLabel(opt)), 1 /* TEXT */),
+                                        vue$1.createElementVNode("span", _hoisted_22$N, vue$1.toDisplayString($options.optionPercent(poll, opt)) + "%", 1 /* TEXT */)
                                       ]),
                                       vue$1.createElementVNode("div", {
                                         class: "cn-polls-card__option-bar",
@@ -123078,7 +123083,7 @@ function render$6r(_ctx, _cache, $props, $setup, $data, $options) {
                                           class: "cn-polls-card__option-bar-fill",
                                           style: vue$1.normalizeStyle({ width: $options.optionPercent(poll, opt) + '%' })
                                         }, null, 4 /* STYLE */)
-                                      ], 8 /* PROPS */, _hoisted_23$I)
+                                      ], 8 /* PROPS */, _hoisted_23$J)
                                     ]))
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
@@ -136719,15 +136724,15 @@ const _hoisted_16$1i = {
 const _hoisted_17$18 = { class: "cn-xwiki-card__list" };
 const _hoisted_18$10 = { class: "cn-xwiki-card__row-header" };
 const _hoisted_19$Y = ["href"];
-const _hoisted_20$R = {
+const _hoisted_20$S = {
   key: 0,
   class: "cn-xwiki-card__breadcrumb"
 };
-const _hoisted_21$O = {
+const _hoisted_21$P = {
   key: 0,
   class: "cn-xwiki-card__preview"
 };
-const _hoisted_22$L = ["href"];
+const _hoisted_22$M = ["href"];
 
 function render$66(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -136822,13 +136827,13 @@ function render$66(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_19$Y)
                               ]),
                               ($options.breadcrumbLabel(page))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$R, vue$1.toDisplayString($options.breadcrumbLabel(page)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$S, vue$1.toDisplayString($options.breadcrumbLabel(page)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           }), 128 /* KEYED_FRAGMENT */))
                         ]),
                         ($options.previewText)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$O, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$P, [
                               vue$1.createElementVNode("p", null, vue$1.toDisplayString($options.previewText), 1 /* TEXT */),
                               ($options.firstPageUrl)
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
@@ -136837,7 +136842,7 @@ function render$66(_ctx, _cache, $props, $setup, $data, $options) {
                                     target: "_blank",
                                     rel: "noopener",
                                     class: "cn-xwiki-card__open-link"
-                                  }, vue$1.toDisplayString($props.openLabel), 9 /* TEXT, PROPS */, _hoisted_22$L))
+                                  }, vue$1.toDisplayString($props.openLabel), 9 /* TEXT, PROPS */, _hoisted_22$M))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
@@ -143994,16 +143999,16 @@ const _hoisted_19$X = {
   key: 7,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_20$Q = {
+const _hoisted_20$R = {
   key: 8,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_21$N = {
+const _hoisted_21$O = {
   key: 9,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_22$K = { class: "cn-form-dialog__option" };
-const _hoisted_23$H = {
+const _hoisted_22$L = { class: "cn-form-dialog__option" };
+const _hoisted_23$I = {
   key: 2,
   class: "cn-form-dialog__option-group"
 };
@@ -144063,14 +144068,14 @@ const _hoisted_43$7 = {
   key: 21,
   class: "cn-form-dialog__icon-wrapper"
 };
-const _hoisted_44$5 = ["for"];
-const _hoisted_45$3 = {
+const _hoisted_44$6 = ["for"];
+const _hoisted_45$4 = {
   key: 23,
   class: "cn-form-dialog__assigned",
   "aria-live": "polite",
   "data-testid": "cn-form-dialog-assigned"
 };
-const _hoisted_46$3 = ["data-testid"];
+const _hoisted_46$4 = ["data-testid"];
 const _hoisted_47$3 = ["data-testid"];
 const _hoisted_48$3 = {
   key: 0,
@@ -144624,7 +144629,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                               }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label"])
                                                             ]))
                                                           : (field.widget === 'switch')
-                                                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$Q, [
+                                                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$R, [
                                                                 vue$1.createVNode(_component_NcCheckboxRadioSwitch, {
                                                                   modelValue: $options.isSwitchOn(field),
                                                                   disabled: field.readOnly,
@@ -144646,7 +144651,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                               ]))
                                                             : (field.widget === 'select' || field.widget === 'user' || field.widget === 'group')
-                                                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$N, [
+                                                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$O, [
                                                                   (field.look === 'search' && !$options.isUserField(field))
                                                                     ? (vue$1.openBlock(), vue$1.createBlock(_component_CnSearchSelect, {
                                                                         key: 0,
@@ -144688,7 +144693,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                                             ? {
                                                                                 name: "option",
                                                                                 fn: vue$1.withCtx((optionProps) => [
-                                                                                  vue$1.createElementVNode("span", _hoisted_22$K, [
+                                                                                  vue$1.createElementVNode("span", _hoisted_22$L, [
                                                                                     ($options.optionSwatch(field, optionProps))
                                                                                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                                                                           key: 0,
@@ -144704,7 +144709,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                                                           }, null, 8 /* PROPS */, ["name"]))
                                                                                         : vue$1.createCommentVNode("v-if", true),
                                                                                     (optionProps.group)
-                                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$H, vue$1.toDisplayString(optionProps.group) + " ·", 1 /* TEXT */))
+                                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$I, vue$1.toDisplayString(optionProps.group) + " ·", 1 /* TEXT */))
                                                                                       : vue$1.createCommentVNode("v-if", true),
                                                                                     vue$1.createTextVNode(" " + vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                                   ])
@@ -145084,7 +145089,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                                                                 key: 0,
                                                                                                 for: 'cn-form-' + field.key,
                                                                                                 class: "cn-form-dialog__label"
-                                                                                              }, vue$1.toDisplayString(field.label) + vue$1.toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_44$5))
+                                                                                              }, vue$1.toDisplayString(field.label) + vue$1.toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_44$6))
                                                                                             : vue$1.createCommentVNode("v-if", true),
                                                                                           vue$1.createVNode(_component_CnIconBrowser, {
                                                                                             value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
@@ -145125,7 +145130,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                                                                           }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                                         ], 64 /* STABLE_FRAGMENT */)),
                                           ($data.assignedFrom[field.key])
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_45$3, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_45$4, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true)
                                         ], 64 /* STABLE_FRAGMENT */))
                           ], 10 /* CLASS, PROPS */, _hoisted_7$38))
@@ -145148,7 +145153,7 @@ function render$62(_ctx, _cache, $props, $setup, $data, $options) {
                                   value: $data.formData[field.key],
                                   formData: $data.formData
                                 }, null, 8 /* PROPS */, ["field", "value", "formData"]))
-                          ], 8 /* PROPS */, _hoisted_46$3))
+                          ], 8 /* PROPS */, _hoisted_46$4))
                         : vue$1.createCommentVNode("v-if", true),
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(($options.isInFoldedSection(field) ? [] : $options.fieldWarnings(field)), (warning, index) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("p", {
@@ -146257,13 +146262,15 @@ var script$61 = {
 		 * `hideHeader: true` drops the table's column header row (CnDataTable's
 		 * `hideHeader`), for a short list that reads as rows, not as a table.
 		 *
+		 * `rowIdField` (a dot-path) names the row field holding the id
+		 * `rowRoute` opens, for a row that links to another record.
 		 * `footnote` is a line under the table, through the host translate.
 		 *
 		 * `export` (`{ label?, format?, group? }`) offers the filtered list as a
 		 * download in the card's header; `group` shows it to one group only.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-small-opt-ins-from-the-decidiq-and-learniq-lanes
-		 * @type {{register?: string, schema?: string, filter?: object, sort?: {field?: string, dir?: string}, limit?: number, extend?: Array<string>, columns?: Array, rowActions?: Array<object>, dropZone?: object, upload?: boolean, groupBy?: string, groupLabel?: string, groupLabelResolve?: {register: string, schema: string, labelField?: string}, selectable?: boolean, bulkActions?: Array<object>, sortable?: boolean, facet?: {field: string, label?: string}, rowRoute?: string, prompt?: string, emptyText?: string, footnote?: string, viewAllRoute?: string, viewAllQuery?: object, hideHeader?: boolean, export?: {label?: string, format?: ('csv'|'excel'), group?: string}}}
+		 * @type {{register?: string, schema?: string, filter?: object, sort?: {field?: string, dir?: string}, limit?: number, extend?: Array<string>, columns?: Array, rowActions?: Array<object>, dropZone?: object, upload?: boolean, groupBy?: string, groupLabel?: string, groupLabelResolve?: {register: string, schema: string, labelField?: string}, selectable?: boolean, bulkActions?: Array<object>, sortable?: boolean, facet?: {field: string, label?: string}, rowRoute?: string, rowIdField?: string, prompt?: string, emptyText?: string, footnote?: string, viewAllRoute?: string, viewAllQuery?: object, hideHeader?: boolean, export?: {label?: string, format?: ('csv'|'excel'), group?: string}}}
 		 */
 		content: {
 			type: Object,
@@ -147905,7 +147912,9 @@ var script$61 = {
 		 */
 		openRowRoute(row, event) {
 			const route = this.content.rowRoute;
-			const id = row && (row.id || (row['@self'] && row['@self'].id));
+			const field = this.content.rowIdField;
+			const raw = field ? readPath$8(row, field) : row && (row.id || (row['@self'] && row['@self'].id));
+			const id = typeof raw === 'string' || typeof raw === 'number' ? String(raw) : '';
 			if (route && id && this.$router) {
 				markNewTabHandled(event, openRowTarget(event, { name: route, params: { id } }, this.$router));
 			}
@@ -148282,21 +148291,21 @@ const _hoisted_18$_ = {
   "data-testid": "cn-object-list-widget-links"
 };
 const _hoisted_19$W = ["href", "onClick"];
-const _hoisted_20$P = {
+const _hoisted_20$Q = {
   key: 0,
   class: "cn-object-list-widget__link-note",
   "data-testid": "cn-object-list-widget-link-note"
 };
-const _hoisted_21$M = {
+const _hoisted_21$N = {
   key: 9,
   class: "cn-object-list-widget__hidden-note",
   "data-testid": "cn-object-list-widget-hidden-note"
 };
-const _hoisted_22$J = {
+const _hoisted_22$K = {
   key: 10,
   class: "cn-object-list-widget__add"
 };
-const _hoisted_23$G = ["aria-label"];
+const _hoisted_23$H = ["aria-label"];
 
 function render$60(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Plus = vue$1.resolveComponent("Plus");
@@ -148549,17 +148558,17 @@ function render$60(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: $event => ($options.onFooterLink($event, link))
               }, vue$1.toDisplayString(link.label), 9 /* TEXT, PROPS */, _hoisted_19$W),
               (link.note)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$P, vue$1.toDisplayString(link.note), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$Q, vue$1.toDisplayString(link.note), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : vue$1.createCommentVNode("v-if", true),
     ($options.createHiddenNote && !$options.waitingForContext && !$data.error)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$M, vue$1.toDisplayString($options.createHiddenNote), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$N, vue$1.toDisplayString($options.createHiddenNote), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.allowCreate && !$options.waitingForContext && !$options.showingEmptyState)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$J, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$K, [
           vue$1.createVNode(_component_NcButton, {
             variant: "tertiary",
             wide: "",
@@ -148594,7 +148603,7 @@ function render$60(_ctx, _cache, $props, $setup, $data, $options) {
           class: "cn-object-list-widget__upload-input",
           "data-testid": "object-list-upload-input",
           onChange: _cache[6] || (_cache[6] = (...args) => ($options.onUploadFilesSelected && $options.onUploadFilesSelected(...args)))
-        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$G))
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$H))
       : vue$1.createCommentVNode("v-if", true),
     (($data.showCreate || $data.editingRow) && $data.createSchema)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnFormDialog, {
@@ -148618,7 +148627,7 @@ function render$60(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$61.render = render$60;
-script$61.__scopeId = "data-v-ec0414c2";
+script$61.__scopeId = "data-v-50a61b52";
 const __sfc_main$5X = script$61;
 
 const DEFAULT_CONTENT$s = Object.freeze({
@@ -153848,14 +153857,14 @@ const _hoisted_17$15 = {
 };
 const _hoisted_18$Z = ["aria-selected", "onClick"];
 const _hoisted_19$V = { class: "cn-related-objects-widget__tab-label" };
-const _hoisted_20$O = { class: "cn-related-objects-widget__count" };
-const _hoisted_21$L = {
+const _hoisted_20$P = { class: "cn-related-objects-widget__count" };
+const _hoisted_21$M = {
   key: 2,
   class: "cn-related-objects-widget__panel",
   role: "tabpanel"
 };
-const _hoisted_22$I = { class: "cn-related-objects-widget__list" };
-const _hoisted_23$F = ["href"];
+const _hoisted_22$J = { class: "cn-related-objects-widget__list" };
+const _hoisted_23$G = ["href"];
 const _hoisted_24$C = { class: "cn-related-objects-widget__label" };
 const _hoisted_25$x = {
   key: 0,
@@ -153910,12 +153919,12 @@ const _hoisted_40$9 = { class: "cn-related-objects-widget__group-title" };
 const _hoisted_41$7 = { class: "cn-related-objects-widget__count" };
 const _hoisted_42$7 = { class: "cn-related-objects-widget__list" };
 const _hoisted_43$6 = ["onClick", "onKeydown"];
-const _hoisted_44$4 = { class: "cn-related-objects-widget__label" };
-const _hoisted_45$2 = {
+const _hoisted_44$5 = { class: "cn-related-objects-widget__label" };
+const _hoisted_45$3 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_46$2 = {
+const _hoisted_46$3 = {
   key: 1,
   class: "cn-related-objects-widget__group"
 };
@@ -154102,14 +154111,14 @@ function render$5W(_ctx, _cache, $props, $setup, $data, $options) {
                           class: "cn-related-objects-widget__tab-icon"
                         }, null, 8 /* PROPS */, ["name"]),
                         vue$1.createElementVNode("span", _hoisted_19$V, vue$1.toDisplayString(group.label), 1 /* TEXT */),
-                        vue$1.createElementVNode("span", _hoisted_20$O, vue$1.toDisplayString(group.total), 1 /* TEXT */)
+                        vue$1.createElementVNode("span", _hoisted_20$P, vue$1.toDisplayString(group.total), 1 /* TEXT */)
                       ], 10 /* CLASS, PROPS */, _hoisted_18$Z))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($props.layout !== 'sections' && $options.activeGroup)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_21$L, [
-                    vue$1.createElementVNode("ul", _hoisted_22$I, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_21$M, [
+                    vue$1.createElementVNode("ul", _hoisted_22$J, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.activeGroup.items, (item, i) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: `item-${$options.activeGroup.key}-${item.id || i}`
@@ -154131,7 +154140,7 @@ function render$5W(_ctx, _cache, $props, $setup, $data, $options) {
                                 (item.meta)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$x, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
-                              ], 8 /* PROPS */, _hoisted_23$F))
+                              ], 8 /* PROPS */, _hoisted_23$G))
                             : ($options.isStaticRow($options.activeGroup, item))
                               ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_26$u, [
                                   vue$1.createVNode(_component_CnIcon, {
@@ -154258,9 +154267,9 @@ function render$5W(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          vue$1.createElementVNode("span", _hoisted_44$4, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                          vue$1.createElementVNode("span", _hoisted_44$5, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_45$2, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_45$3, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true)
                         ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_43$6))
                       }), 128 /* KEYED_FRAGMENT */))
@@ -154268,7 +154277,7 @@ function render$5W(_ctx, _cache, $props, $setup, $data, $options) {
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($props.showFiles && $data.fileItems.length)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_46$2, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_46$3, [
                     vue$1.createElementVNode("h4", _hoisted_47$2, [
                       vue$1.createTextVNode(vue$1.toDisplayString($props.filesLabel) + " ", 1 /* TEXT */),
                       vue$1.createElementVNode("span", _hoisted_48$2, vue$1.toDisplayString($data.fileItems.length), 1 /* TEXT */)
@@ -156664,7 +156673,7 @@ const _hoisted_19$U = {
   key: 0,
   "data-testid": "cn-schema-rules-operand"
 };
-const _hoisted_20$N = { key: 1 };
+const _hoisted_20$O = { key: 1 };
 
 function render$5Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -156741,7 +156750,7 @@ function render$5Q(_ctx, _cache, $props, $setup, $data, $options) {
               ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_19$U, vue$1.toDisplayString($options.t('nextcloud-vue', 'It read {operand} and found {value}.', { operand: $data.trace.operand, value: $data.trace.operandValue || $options.t('nextcloud-vue', 'nothing') })), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true),
             ($data.trace.message)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$N, vue$1.toDisplayString($data.trace.message), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$O, vue$1.toDisplayString($data.trace.message), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true)
           ]))
         : vue$1.createCommentVNode("v-if", true)
@@ -158747,11 +158756,11 @@ const _hoisted_16$1c = ["data-testid"];
 const _hoisted_17$13 = ["data-testid"];
 const _hoisted_18$X = { class: "cn-transition-input-fields__label" };
 const _hoisted_19$T = ["data-testid"];
-const _hoisted_20$M = {
+const _hoisted_20$N = {
   key: 0,
   class: "cn-transition-input-fields__muted"
 };
-const _hoisted_21$K = ["data-testid"];
+const _hoisted_21$L = ["data-testid"];
 
 function render$5M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnTemplateSelect = vue$1.resolveComponent("CnTemplateSelect");
@@ -158980,7 +158989,7 @@ function render$5M(_ctx, _cache, $props, $setup, $data, $options) {
                 "data-testid": `${field.input.preview.testid || `cn-transition-input-preview-${field.key}`}-value`
               }, vue$1.toDisplayString(field.previewText), 9 /* TEXT, PROPS */, _hoisted_19$T),
               (field.input.preview.note)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$M, vue$1.toDisplayString(field.input.preview.note), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$N, vue$1.toDisplayString(field.input.preview.note), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ], 8 /* PROPS */, _hoisted_17$13))
           : vue$1.createCommentVNode("v-if", true)
@@ -159004,7 +159013,7 @@ function render$5M(_ctx, _cache, $props, $setup, $data, $options) {
         key: `unoffered-${key}`,
         class: "cn-transition-input__field-error",
         "data-testid": `cn-transition-input-error-${key}`
-      }, vue$1.toDisplayString($options.t('nextcloud-vue', 'This action does not accept the field "{field}".', { field: key })), 9 /* TEXT, PROPS */, _hoisted_21$K))
+      }, vue$1.toDisplayString($options.t('nextcloud-vue', 'This action does not accept the field "{field}".', { field: key })), 9 /* TEXT, PROPS */, _hoisted_21$L))
     }), 128 /* KEYED_FRAGMENT */))
   ], 2 /* CLASS */))
 }
@@ -170518,7 +170527,7 @@ const _hoisted_18$W = {
   class: "cn-object-data-widget__deflist cn-object-data-widget__deflist--nested"
 };
 const _hoisted_19$S = { class: "cn-object-data-widget__deflist-text" };
-const _hoisted_20$L = {
+const _hoisted_20$M = {
   key: 1,
   class: "cn-object-data-widget__deflist-text"
 };
@@ -170925,7 +170934,7 @@ function render$5x(_ctx, _cache, $props, $setup, $data, $options) {
                                                               ], 64 /* STABLE_FRAGMENT */))
                                                             }), 128 /* KEYED_FRAGMENT */))
                                                           ]))
-                                                        : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$L, vue$1.toDisplayString($options.stringifyNested(pair[1])), 1 /* TEXT */))
+                                                        : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$M, vue$1.toDisplayString($options.stringifyNested(pair[1])), 1 /* TEXT */))
                                                     ])
                                                   ], 64 /* STABLE_FRAGMENT */))
                                                 }), 128 /* KEYED_FRAGMENT */))
@@ -179031,21 +179040,21 @@ const _hoisted_18$V = {
   "data-testid": "cn-timeline-followup-open"
 };
 const _hoisted_19$R = { class: "cn-timeline-manage__message" };
-const _hoisted_20$K = {
+const _hoisted_20$L = {
   key: 0,
   class: "cn-timeline-manage__siblings",
   "data-testid": "cn-timeline-siblings"
 };
-const _hoisted_21$J = {
+const _hoisted_21$K = {
   key: 1,
   class: "cn-timeline-manage__actions"
 };
-const _hoisted_22$H = {
+const _hoisted_22$I = {
   key: 4,
   class: "cn-timeline-manage__count",
   "data-testid": "cn-timeline-count"
 };
-const _hoisted_23$E = { class: "cn-timeline-manage__composer-title" };
+const _hoisted_23$F = { class: "cn-timeline-manage__composer-title" };
 const _hoisted_24$B = { class: "cn-timeline-manage__composer-hint" };
 const _hoisted_25$w = ["for"];
 const _hoisted_26$t = ["id", "placeholder"];
@@ -179179,10 +179188,10 @@ function render$5g(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   vue$1.createElementVNode("p", _hoisted_19$R, vue$1.toDisplayString(entry.message), 1 /* TEXT */),
                   (entry.siblings && entry.siblings.length)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$K, vue$1.toDisplayString($options.n('nextcloud-vue', 'Also written on %n other record', 'Also written on %n other records', entry.siblings.length)), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$L, vue$1.toDisplayString($options.n('nextcloud-vue', 'Also written on %n other record', 'Also written on %n other records', entry.siblings.length)), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   ($data.canManage)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$J, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$K, [
                         vue$1.createVNode(_component_NcButton, {
                           variant: "tertiary",
                           "data-testid": 'cn-timeline-pin-' + entry.id,
@@ -179225,7 +179234,7 @@ function render$5g(_ctx, _cache, $props, $setup, $data, $options) {
               }), 128 /* KEYED_FRAGMENT */))
             ])),
     (!$data.loading && !$data.error && $data.allEntries.length > 0)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$H, vue$1.toDisplayString($options.t('nextcloud-vue', '{shown} of {total} events', { shown: $data.entries.length, total: $data.allEntries.length })), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$I, vue$1.toDisplayString($options.t('nextcloud-vue', '{shown} of {total} events', { shown: $data.entries.length, total: $data.allEntries.length })), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($data.canManage && $options.composerEnabled)
       ? (vue$1.openBlock(), vue$1.createElementBlock("form", {
@@ -179235,7 +179244,7 @@ function render$5g(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-timeline-composer",
           onSubmit: _cache[4] || (_cache[4] = vue$1.withModifiers((...args) => ($options.submit && $options.submit(...args)), ["prevent"]))
         }, [
-          vue$1.createElementVNode("h3", _hoisted_23$E, vue$1.toDisplayString($options.t('nextcloud-vue', 'Add a note')), 1 /* TEXT */),
+          vue$1.createElementVNode("h3", _hoisted_23$F, vue$1.toDisplayString($options.t('nextcloud-vue', 'Add a note')), 1 /* TEXT */),
           vue$1.createElementVNode("p", _hoisted_24$B, vue$1.toDisplayString($options.t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')), 1 /* TEXT */),
           ($data.textBlocks.length)
             ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
@@ -180784,8 +180793,8 @@ const _hoisted_19$Q = {
   key: 0,
   class: "cn-object-card__badges"
 };
-const _hoisted_20$J = { class: "cn-object-card__meta-label" };
-const _hoisted_21$I = {
+const _hoisted_20$K = { class: "cn-object-card__meta-label" };
+const _hoisted_21$J = {
   key: 0,
   class: "cn-object-card__footer-meta"
 };
@@ -181052,7 +181061,7 @@ function render$5e(_ctx, _cache, $props, $setup, $data, $options) {
                       key: field.key,
                       class: "cn-object-card__meta-item"
                     }, [
-                      vue$1.createElementVNode("span", _hoisted_20$J, vue$1.toDisplayString(field.label), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_20$K, vue$1.toDisplayString(field.label), 1 /* TEXT */),
                       vue$1.createVNode(_component_CnCellRenderer, {
                         value: field.value,
                         property: field.property,
@@ -181077,7 +181086,7 @@ function render$5e(_ctx, _cache, $props, $setup, $data, $options) {
                 onAuxclick: _cache[9] || (_cache[9] = vue$1.withModifiers(() => {}, ["stop"]))
               }, [
                 ($props.footerAction.meta)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$I, vue$1.toDisplayString($props.footerAction.meta), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$J, vue$1.toDisplayString($props.footerAction.meta), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
                 vue$1.createVNode(_component_NcButton, {
                   variant: "secondary",
@@ -184082,20 +184091,20 @@ const _hoisted_18$T = {
   "data-testid": "cn-form-page-suggested"
 };
 const _hoisted_19$P = { class: "cn-form-page__suggested-tag" };
-const _hoisted_20$I = ["id"];
-const _hoisted_21$H = {
+const _hoisted_20$J = ["id"];
+const _hoisted_21$I = {
   key: 4,
   class: "cn-form-page__field-assigned",
   "aria-live": "polite",
   "data-testid": "cn-form-page-assigned"
 };
-const _hoisted_22$G = {
+const _hoisted_22$H = {
   key: 5,
   class: "cn-form-page__field-calculating",
   role: "status",
   "data-testid": "cn-form-page-calculating"
 };
-const _hoisted_23$D = {
+const _hoisted_23$E = {
   key: 6,
   class: "cn-form-page__field-error",
   role: "alert",
@@ -184361,16 +184370,16 @@ function render$56(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 3,
                     id: $options.helpIdFor(field),
                     class: "cn-form-page__field-help"
-                  }, vue$1.toDisplayString($options.resolveLabel(field.help)), 9 /* TEXT, PROPS */, _hoisted_20$I))
+                  }, vue$1.toDisplayString($options.resolveLabel(field.help)), 9 /* TEXT, PROPS */, _hoisted_20$J))
                 : vue$1.createCommentVNode("v-if", true),
               ($data.assignedFrom[field.key])
-                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_21$H, vue$1.toDisplayString($options.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_21$I, vue$1.toDisplayString($options.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
               ($data.calculating[field.key])
-                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_22$G, vue$1.toDisplayString($options.t('nextcloud-vue', 'Calculating')), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_22$H, vue$1.toDisplayString($options.t('nextcloud-vue', 'Calculating')), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
               ($data.calcErrors[field.key])
-                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_23$D, vue$1.toDisplayString($data.calcErrors[field.key]), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_23$E, vue$1.toDisplayString($data.calcErrors[field.key]), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ], 10 /* CLASS, PROPS */, _hoisted_16$18))
           }), 128 /* KEYED_FRAGMENT */)),
@@ -185309,6 +185318,19 @@ var script$54 = {
 			default: '',
 		},
 
+		/**
+		 * The row field (a dot-path) holding the id `rowRoute` opens, for a row
+		 * that links to another record (a payment row opening its case:
+		 * `rowIdField: "case"`). Empty (the default) uses the row's own id; a
+		 * row whose field is empty does not link.
+		 *
+		 * @spec openspec/changes/object-table-row-id-field/specs/object-table/spec.md#requirement-a-row-can-link-to-the-record-a-field-names
+		 */
+		rowIdField: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Client-side row cap, forwarded to CnDataTable (`0` = all rows).
 		 * This is what makes `viewAllRoute` reachable for `endpointSource`
@@ -185694,7 +185716,7 @@ var script$54 = {
 		 * @return {object}
 		 */
 		innerProps() {
-			const { title, documentationUrl, widgetId, hideWrapper, source, endpointSource, actions, rowRoute, rowClass, schema, exportCsv, exportFileName, ...rest } = this.$props;
+			const { title, documentationUrl, widgetId, hideWrapper, source, endpointSource, actions, rowRoute, rowIdField, rowClass, schema, exportCsv, exportFileName, ...rest } = this.$props;
 			const inner = {};
 			for (const [k, v] of Object.entries(rest)) {
 				if (v !== undefined) {
@@ -185757,8 +185779,10 @@ var script$54 = {
 		 */
 		rowRouteFn() {
 			return (row) => {
-				const id = row && (row.id || (row['@self'] && row['@self'].id));
-				return id ? { name: this.rowRoute, params: { id: String(id) } } : null
+				const id = this.rowIdField
+					? readPath$8(row, this.rowIdField)
+					: row && (row.id || (row['@self'] && row['@self'].id));
+				return id !== null && id !== undefined && id !== '' && typeof id !== 'object' ? { name: this.rowRoute, params: { id: String(id) } } : null
 			}
 		},
 
@@ -186243,7 +186267,7 @@ function render$53(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$54.render = render$53;
-script$54.__scopeId = "data-v-629f0a9a";
+script$54.__scopeId = "data-v-f7b516a8";
 const __sfc_main$4_ = script$54;
 
 /**
@@ -192787,13 +192811,13 @@ const _hoisted_17$_ = {
 };
 const _hoisted_18$S = { key: 1 };
 const _hoisted_19$O = { key: 2 };
-const _hoisted_20$H = ["data-testid"];
-const _hoisted_21$G = {
+const _hoisted_20$I = ["data-testid"];
+const _hoisted_21$H = {
   key: 0,
   class: "cn-work-queue__muted"
 };
-const _hoisted_22$F = ["href"];
-const _hoisted_23$C = {
+const _hoisted_22$G = ["href"];
+const _hoisted_23$D = {
   key: 4,
   class: "cn-work-queue__group",
   "data-testid": "cn-work-queue-hidden"
@@ -192915,13 +192939,13 @@ function render$4W(_ctx, _cache, $props, $setup, $data, $options) {
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                     key: 3,
                                     "data-testid": `cn-work-queue-waiting-${item.id}`
-                                  }, vue$1.toDisplayString($options.waitingText(item)), 9 /* TEXT, PROPS */, _hoisted_20$H))
+                                  }, vue$1.toDisplayString($options.waitingText(item)), 9 /* TEXT, PROPS */, _hoisted_20$I))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
                       ]),
                       ($options.dueOf(item))
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$G, vue$1.toDisplayString($options.dueOf(item)), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$H, vue$1.toDisplayString($options.dueOf(item)), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
                     ], 10 /* CLASS, PROPS */, _hoisted_12$1B))
                   }), 128 /* KEYED_FRAGMENT */))
@@ -192935,11 +192959,11 @@ function render$4W(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-work-queue__view-all",
                   "data-testid": "cn-work-queue-view-all",
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.onViewAll && $options.onViewAll(...args)))
-                }, vue$1.toDisplayString($options.viewAllText), 9 /* TEXT, PROPS */, _hoisted_22$F))
+                }, vue$1.toDisplayString($options.viewAllText), 9 /* TEXT, PROPS */, _hoisted_22$G))
               : vue$1.createCommentVNode("v-if", true)
           ], 64 /* STABLE_FRAGMENT */)),
     ($props.content.hide && $data.hidden.length)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_23$C, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_23$D, [
           vue$1.createElementVNode("h3", _hoisted_24$z, vue$1.toDisplayString($options.t('nextcloud-vue', 'Hidden until tomorrow')), 1 /* TEXT */),
           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.hidden, (key) => {
             return (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
@@ -194992,18 +195016,18 @@ const _hoisted_16$16 = {
 const _hoisted_17$Z = { class: "vc-chrome-fields" };
 const _hoisted_18$R = { class: "vc-chrome-field" };
 const _hoisted_19$N = { class: "vc-chrome-field" };
-const _hoisted_20$G = { class: "vc-chrome-field" };
-const _hoisted_21$F = {
+const _hoisted_20$H = { class: "vc-chrome-field" };
+const _hoisted_21$G = {
   key: 0,
   class: "vc-chrome-field"
 };
-const _hoisted_22$E = { class: "vc-chrome-toggle-icon" };
-const _hoisted_23$B = /*#__PURE__*/vue$1.createElementVNode("path", {
+const _hoisted_22$F = { class: "vc-chrome-toggle-icon" };
+const _hoisted_23$C = /*#__PURE__*/vue$1.createElementVNode("path", {
   fill: "#333",
   d: "M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"
 }, null, -1 /* HOISTED */);
 const _hoisted_24$y = [
-  _hoisted_23$B
+  _hoisted_23$C
 ];
 const _hoisted_25$u = { class: "vc-chrome-toggle-icon-highlight" };
 
@@ -195132,7 +195156,7 @@ function render$4Q(_ctx, _cache, $props, $setup, $data, $options) {
                   onChange: $options.inputChange
                 }, null, 8 /* PROPS */, ["value", "onChange"])
               ]),
-              vue$1.createElementVNode("div", _hoisted_20$G, [
+              vue$1.createElementVNode("div", _hoisted_20$H, [
                 vue$1.createVNode(_component_EdIn, {
                   label: "l",
                   value: $options.hsl.l,
@@ -195140,7 +195164,7 @@ function render$4Q(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8 /* PROPS */, ["value", "onChange"])
               ]),
               (!$props.disableAlpha)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$F, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$G, [
                     vue$1.createVNode(_component_EdIn, {
                       label: "a",
                       value: _ctx.colors.a,
@@ -195160,7 +195184,7 @@ function render$4Q(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": "Change another color definition",
               onClick: _cache[3] || (_cache[3] = (...args) => ($options.toggleViews && $options.toggleViews(...args)))
             }, [
-              vue$1.createElementVNode("div", _hoisted_22$E, [
+              vue$1.createElementVNode("div", _hoisted_22$F, [
                 (vue$1.openBlock(), vue$1.createElementBlock("svg", {
                   style: {"width":"24px","height":"24px"},
                   viewBox: "0 0 24 24",
@@ -203395,10 +203419,10 @@ const _hoisted_16$14 = ["onClick"];
 const _hoisted_17$X = { class: "cn-links-form__options" };
 const _hoisted_18$P = { class: "cn-links-form__option" };
 const _hoisted_19$M = ["value"];
-const _hoisted_20$F = { class: "cn-links-form__option" };
-const _hoisted_21$E = ["value"];
-const _hoisted_22$D = { value: "card" };
-const _hoisted_23$A = { value: "inline" };
+const _hoisted_20$G = { class: "cn-links-form__option" };
+const _hoisted_21$F = ["value"];
+const _hoisted_22$E = { value: "card" };
+const _hoisted_23$B = { value: "inline" };
 const _hoisted_24$x = { value: "icon-only" };
 const _hoisted_25$t = { class: "cn-links-form__option" };
 const _hoisted_26$r = ["value"];
@@ -203541,17 +203565,17 @@ function render$4x(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = $event => ($options.updateOption('columns', $options.clampColumns($event.target.value))))
         }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_19$M)
       ]),
-      vue$1.createElementVNode("label", _hoisted_20$F, [
+      vue$1.createElementVNode("label", _hoisted_20$G, [
         vue$1.createElementVNode("span", null, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Layout')), 1 /* TEXT */),
         vue$1.createElementVNode("select", {
           value: $data.linkLayout,
           class: "cn-links-form__input",
           onChange: _cache[2] || (_cache[2] = $event => ($options.updateOption('linkLayout', $event.target.value)))
         }, [
-          vue$1.createElementVNode("option", _hoisted_22$D, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Card')), 1 /* TEXT */),
-          vue$1.createElementVNode("option", _hoisted_23$A, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Inline')), 1 /* TEXT */),
+          vue$1.createElementVNode("option", _hoisted_22$E, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Card')), 1 /* TEXT */),
+          vue$1.createElementVNode("option", _hoisted_23$B, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Inline')), 1 /* TEXT */),
           vue$1.createElementVNode("option", _hoisted_24$x, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Icon only')), 1 /* TEXT */)
-        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$E)
+        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$F)
       ]),
       vue$1.createElementVNode("label", _hoisted_25$t, [
         vue$1.createElementVNode("span", null, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Icon size')), 1 /* TEXT */),
@@ -208091,7 +208115,7 @@ const _hoisted_16$12 = { class: "cn-files-widget__row-label" };
 const _hoisted_17$V = { class: "cn-files-widget__row-modified" };
 const _hoisted_18$O = { class: "cn-files-widget__row-size" };
 const _hoisted_19$L = ["aria-label", "onClick"];
-const _hoisted_20$E = {
+const _hoisted_20$F = {
   key: 9,
   class: "cn-files-widget__pagination"
 };
@@ -208238,7 +208262,7 @@ function render$4l(_ctx, _cache, $props, $setup, $data, $options) {
                       }), 128 /* KEYED_FRAGMENT */))
                     ], 2 /* CLASS */)),
     ($data.nextCursor)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$E, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$F, [
           vue$1.createElementVNode("button", {
             type: "button",
             class: "cn-files-widget__more",
@@ -209273,13 +209297,13 @@ const _hoisted_17$U = {
 };
 const _hoisted_18$N = { class: "cn-calendar-widget__week-day" };
 const _hoisted_19$K = { class: "cn-calendar-widget__week-name" };
-const _hoisted_20$D = { class: "cn-calendar-widget__week-num" };
-const _hoisted_21$D = {
+const _hoisted_20$E = { class: "cn-calendar-widget__week-num" };
+const _hoisted_21$E = {
   key: 0,
   class: "cn-calendar-widget__week-events"
 };
-const _hoisted_22$C = { class: "cn-calendar-widget__week-time" };
-const _hoisted_23$z = { class: "cn-calendar-widget__week-title" };
+const _hoisted_22$D = { class: "cn-calendar-widget__week-time" };
+const _hoisted_23$A = { class: "cn-calendar-widget__week-title" };
 const _hoisted_24$w = {
   key: 1,
   class: "cn-calendar-widget__week-empty"
@@ -209376,18 +209400,18 @@ function render$4j(_ctx, _cache, $props, $setup, $data, $options) {
                           }, [
                             vue$1.createElementVNode("header", _hoisted_18$N, [
                               vue$1.createElementVNode("span", _hoisted_19$K, vue$1.toDisplayString(day.weekday), 1 /* TEXT */),
-                              vue$1.createElementVNode("span", _hoisted_20$D, vue$1.toDisplayString(day.dayNum), 1 /* TEXT */)
+                              vue$1.createElementVNode("span", _hoisted_20$E, vue$1.toDisplayString(day.dayNum), 1 /* TEXT */)
                             ]),
                             (day.events.length)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$D, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$E, [
                                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(day.events, (event) => {
                                     return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                       key: event.uid + '-' + event.start,
                                       class: "cn-calendar-widget__week-event",
                                       style: vue$1.normalizeStyle($options.eventStyle(event))
                                     }, [
-                                      vue$1.createElementVNode("span", _hoisted_22$C, vue$1.toDisplayString($options.formatTime(event)), 1 /* TEXT */),
-                                      vue$1.createElementVNode("span", _hoisted_23$z, vue$1.toDisplayString(event.title), 1 /* TEXT */)
+                                      vue$1.createElementVNode("span", _hoisted_22$D, vue$1.toDisplayString($options.formatTime(event)), 1 /* TEXT */),
+                                      vue$1.createElementVNode("span", _hoisted_23$A, vue$1.toDisplayString(event.title), 1 /* TEXT */)
                                     ], 4 /* STYLE */))
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
@@ -210439,13 +210463,13 @@ const _hoisted_18$M = {
   class: "cn-spend-analytics-widget__panel"
 };
 const _hoisted_19$J = { class: "cn-spend-analytics-widget__panel-title" };
-const _hoisted_20$C = { class: "cn-spend-analytics-widget__rows" };
-const _hoisted_21$C = {
+const _hoisted_20$D = { class: "cn-spend-analytics-widget__rows" };
+const _hoisted_21$D = {
   key: 1,
   class: "cn-spend-analytics-widget__panel"
 };
-const _hoisted_22$B = { class: "cn-spend-analytics-widget__panel-title" };
-const _hoisted_23$y = { class: "cn-spend-analytics-widget__rows" };
+const _hoisted_22$C = { class: "cn-spend-analytics-widget__panel-title" };
+const _hoisted_23$z = { class: "cn-spend-analytics-widget__rows" };
 const _hoisted_24$v = ["href"];
 const _hoisted_25$r = {
   key: 1,
@@ -210531,7 +210555,7 @@ function render$4h(_ctx, _cache, $props, $setup, $data, $options) {
                   ($options.viewMode === 'trend')
                     ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_18$M, [
                         vue$1.createElementVNode("h3", _hoisted_19$J, vue$1.toDisplayString($options.t('nextcloud-vue', 'Spend trend')), 1 /* TEXT */),
-                        vue$1.createElementVNode("ul", _hoisted_20$C, [
+                        vue$1.createElementVNode("ul", _hoisted_20$D, [
                           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.finance.trend, (row) => {
                             return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                               key: row.month,
@@ -210544,9 +210568,9 @@ function render$4h(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ]))
                     : ($options.viewMode === 'top-categories')
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_21$C, [
-                          vue$1.createElementVNode("h3", _hoisted_22$B, vue$1.toDisplayString($options.t('nextcloud-vue', 'Top categories')), 1 /* TEXT */),
-                          vue$1.createElementVNode("ul", _hoisted_23$y, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_21$D, [
+                          vue$1.createElementVNode("h3", _hoisted_22$C, vue$1.toDisplayString($options.t('nextcloud-vue', 'Top categories')), 1 /* TEXT */),
+                          vue$1.createElementVNode("ul", _hoisted_23$z, [
                             (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.finance.byCategory, (row, i) => {
                               return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                 key: row.category
@@ -211370,10 +211394,10 @@ const _hoisted_16$Z = { class: "cn-stat-widget-form__hint" };
 const _hoisted_17$S = { class: "cn-stat-widget-form__row2" };
 const _hoisted_18$L = { class: "cn-stat-widget-form__color-label" };
 const _hoisted_19$I = { class: "cn-stat-widget-form__color-label" };
-const _hoisted_20$B = { class: "cn-stat-widget-form__section" };
-const _hoisted_21$B = { class: "cn-stat-widget-form__hint" };
-const _hoisted_22$A = { class: "cn-stat-widget-form__section" };
-const _hoisted_23$x = { class: "cn-stat-widget-form__row2" };
+const _hoisted_20$C = { class: "cn-stat-widget-form__section" };
+const _hoisted_21$C = { class: "cn-stat-widget-form__hint" };
+const _hoisted_22$B = { class: "cn-stat-widget-form__section" };
+const _hoisted_23$y = { class: "cn-stat-widget-form__row2" };
 
 function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcSelect = vue$1.resolveComponent("NcSelect");
@@ -211665,8 +211689,8 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8 /* PROPS */, ["value"])
       ])
     ]),
-    vue$1.createElementVNode("h4", _hoisted_20$B, vue$1.toDisplayString($options.t('nextcloud-vue', 'Special states')), 1 /* TEXT */),
-    vue$1.createElementVNode("p", _hoisted_21$B, vue$1.toDisplayString($options.t('nextcloud-vue', 'When the record matches, the tile shows this label and colour instead. The first match wins.')), 1 /* TEXT */),
+    vue$1.createElementVNode("h4", _hoisted_20$C, vue$1.toDisplayString($options.t('nextcloud-vue', 'Special states')), 1 /* TEXT */),
+    vue$1.createElementVNode("p", _hoisted_21$C, vue$1.toDisplayString($options.t('nextcloud-vue', 'When the record matches, the tile shows this label and colour instead. The first match wins.')), 1 /* TEXT */),
     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.shownOverrideRows, ({ row, i }) => {
       return (vue$1.openBlock(), vue$1.createElementBlock("div", {
         key: 'override-' + i,
@@ -211752,8 +211776,8 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1 /* STABLE */
     }),
-    vue$1.createElementVNode("h4", _hoisted_22$A, vue$1.toDisplayString($options.t('nextcloud-vue', 'Format')), 1 /* TEXT */),
-    vue$1.createElementVNode("div", _hoisted_23$x, [
+    vue$1.createElementVNode("h4", _hoisted_22$B, vue$1.toDisplayString($options.t('nextcloud-vue', 'Format')), 1 /* TEXT */),
+    vue$1.createElementVNode("div", _hoisted_23$y, [
       vue$1.createVNode(_component_NcSelect, {
         modelValue: $data.format.style,
         options: $options.styleOptions,
@@ -214330,10 +214354,10 @@ const _hoisted_17$R = {
 };
 const _hoisted_18$K = ["data-status"];
 const _hoisted_19$H = ["title"];
-const _hoisted_20$A = { class: "cn-flow-runs-widget__body" };
-const _hoisted_21$A = { class: "cn-flow-runs-widget__name" };
-const _hoisted_22$z = { class: "cn-flow-runs-widget__meta" };
-const _hoisted_23$w = { class: "cn-flow-runs-widget__age" };
+const _hoisted_20$B = { class: "cn-flow-runs-widget__body" };
+const _hoisted_21$B = { class: "cn-flow-runs-widget__name" };
+const _hoisted_22$A = { class: "cn-flow-runs-widget__meta" };
+const _hoisted_23$x = { class: "cn-flow-runs-widget__age" };
 const _hoisted_24$u = {
   key: 2,
   class: "cn-flow-runs-widget__more"
@@ -214409,11 +214433,11 @@ function render$4a(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: vue$1.normalizeClass(["cn-flow-runs-widget__dot cn-flow-runs-widget__dot--terminal", `cn-flow-runs-widget__dot--${run.status}`]),
                                       title: $options.statusLabel(run.status)
                                     }, null, 10 /* CLASS, PROPS */, _hoisted_19$H),
-                                    vue$1.createElementVNode("span", _hoisted_20$A, [
-                                      vue$1.createElementVNode("span", _hoisted_21$A, vue$1.toDisplayString(run.flowName), 1 /* TEXT */),
-                                      vue$1.createElementVNode("span", _hoisted_22$z, vue$1.toDisplayString($options.metaLine(run)), 1 /* TEXT */)
+                                    vue$1.createElementVNode("span", _hoisted_20$B, [
+                                      vue$1.createElementVNode("span", _hoisted_21$B, vue$1.toDisplayString(run.flowName), 1 /* TEXT */),
+                                      vue$1.createElementVNode("span", _hoisted_22$A, vue$1.toDisplayString($options.metaLine(run)), 1 /* TEXT */)
                                     ]),
-                                    vue$1.createElementVNode("span", _hoisted_23$w, vue$1.toDisplayString($options.ageLabel(run)), 1 /* TEXT */)
+                                    vue$1.createElementVNode("span", _hoisted_23$x, vue$1.toDisplayString($options.ageLabel(run)), 1 /* TEXT */)
                                   ]),
                                   _: 2 /* DYNAMIC */
                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "onClick"]))
@@ -216719,18 +216743,18 @@ const _hoisted_19$G = {
   key: 1,
   class: "cn-tasks-widget__meta"
 };
-const _hoisted_20$z = { class: "cn-tasks-widget__cell-actions" };
-const _hoisted_21$z = {
+const _hoisted_20$A = { class: "cn-tasks-widget__cell-actions" };
+const _hoisted_21$A = {
   key: 1,
   class: "cn-tasks-widget__empty",
   "data-testid": "cn-tasks-widget-empty"
 };
-const _hoisted_22$y = {
+const _hoisted_22$z = {
   key: 2,
   class: "cn-tasks-widget__others",
   "data-testid": "cn-tasks-widget-others"
 };
-const _hoisted_23$v = { class: "cn-tasks-widget__others-title" };
+const _hoisted_23$w = { class: "cn-tasks-widget__others-title" };
 const _hoisted_24$t = { class: "cn-tasks-widget__others-list" };
 const _hoisted_25$q = ["data-testid"];
 const _hoisted_26$o = { class: "cn-tasks-widget__body" };
@@ -216904,7 +216928,7 @@ function render$45(_ctx, _cache, $props, $setup, $data, $options) {
                               variant: task.isTerminal === true ? 'default' : 'info'
                             }, null, 8 /* PROPS */, ["label", "variant"])
                           ]),
-                          vue$1.createElementVNode("td", _hoisted_20$z, [
+                          vue$1.createElementVNode("td", _hoisted_20$A, [
                             ($options.canClaim(task))
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                                   key: 0,
@@ -217009,10 +217033,10 @@ function render$45(_ctx, _cache, $props, $setup, $data, $options) {
                       onComplete: _cache[9] || (_cache[9] = $event => ($options.completeInPlace($options.focusTask))),
                       onCancel: _cache[10] || (_cache[10] = $event => ($options.cancel($options.focusTask)))
                     }, null, 8 /* PROPS */, ["task", "values", "claimable", "claimAvailable", "cancelable", "busy", "openRoute", "tr"]))
-                  : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$z, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */)),
+                  : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$A, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */)),
                 ($options.otherOpenTasks.length > 0)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$y, [
-                      vue$1.createElementVNode("h5", _hoisted_23$v, vue$1.toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$z, [
+                      vue$1.createElementVNode("h5", _hoisted_23$w, vue$1.toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
                       vue$1.createElementVNode("ul", _hoisted_24$t, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.otherOpenTasks, (task) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
@@ -224456,10 +224480,10 @@ const _hoisted_18$I = {
   class: "cn-facts-widget__lead-subtitle"
 };
 const _hoisted_19$F = ["data-testid"];
-const _hoisted_20$y = { class: "cn-facts-widget__meter-head" };
-const _hoisted_21$y = { class: "cn-facts-widget__meter-label" };
-const _hoisted_22$x = { class: "cn-facts-widget__meter-value" };
-const _hoisted_23$u = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
+const _hoisted_20$z = { class: "cn-facts-widget__meter-head" };
+const _hoisted_21$z = { class: "cn-facts-widget__meter-label" };
+const _hoisted_22$y = { class: "cn-facts-widget__meter-value" };
+const _hoisted_23$v = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
 const _hoisted_24$s = ["data-testid"];
 const _hoisted_25$p = ["aria-label", "aria-valuenow", "data-testid"];
 const _hoisted_26$n = { class: "cn-facts-widget__line" };
@@ -224652,9 +224676,9 @@ function render$3Y(_ctx, _cache, $props, $setup, $data, $options) {
                                 class: vue$1.normalizeClass(["cn-facts-widget__meter", { 'cn-facts-widget__meter--over': block.over }]),
                                 "data-testid": `cn-fact-${block.key}`
                               }, [
-                                vue$1.createElementVNode("div", _hoisted_20$y, [
-                                  vue$1.createElementVNode("span", _hoisted_21$y, vue$1.toDisplayString(block.label), 1 /* TEXT */),
-                                  vue$1.createElementVNode("span", _hoisted_22$x, vue$1.toDisplayString(block.value), 1 /* TEXT */)
+                                vue$1.createElementVNode("div", _hoisted_20$z, [
+                                  vue$1.createElementVNode("span", _hoisted_21$z, vue$1.toDisplayString(block.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_22$y, vue$1.toDisplayString(block.value), 1 /* TEXT */)
                                 ]),
                                 (block.limit !== null)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -224672,7 +224696,7 @@ function render$3Y(_ctx, _cache, $props, $setup, $data, $options) {
                                         class: "cn-facts-widget__meter-bar",
                                         style: vue$1.normalizeStyle({ width: `${block.percent}%` })
                                       }, null, 4 /* STYLE */)
-                                    ], 8 /* PROPS */, _hoisted_23$u))
+                                    ], 8 /* PROPS */, _hoisted_23$v))
                                   : vue$1.createCommentVNode("v-if", true)
                               ], 10 /* CLASS, PROPS */, _hoisted_19$F))
                             : (block.kind === 'progress')
@@ -227084,13 +227108,13 @@ const _hoisted_19$E = {
   role: "alert",
   "data-testid": "cn-checklist-run-missing"
 };
-const _hoisted_20$x = { class: "cn-checklist-run__photos-title" };
-const _hoisted_21$x = {
+const _hoisted_20$y = { class: "cn-checklist-run__photos-title" };
+const _hoisted_21$y = {
   key: 0,
   class: "cn-checklist-run__photo-list"
 };
-const _hoisted_22$w = { class: "cn-checklist-run__photo-button" };
-const _hoisted_23$t = ["aria-describedby", "onChange"];
+const _hoisted_22$x = { class: "cn-checklist-run__photo-button" };
+const _hoisted_23$u = ["aria-describedby", "onChange"];
 const _hoisted_24$r = ["id"];
 const _hoisted_25$o = { class: "cn-checklist-run__nav" };
 const _hoisted_26$m = {
@@ -227242,9 +227266,9 @@ function render$3U(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-checklist-run__photos",
                   "data-testid": "cn-checklist-run-photos"
                 }, [
-                  vue$1.createElementVNode("strong", _hoisted_20$x, vue$1.toDisplayString($options.photoTitle(question)), 1 /* TEXT */),
+                  vue$1.createElementVNode("strong", _hoisted_20$y, vue$1.toDisplayString($options.photoTitle(question)), 1 /* TEXT */),
                   ($options.photoNamesFor(question).length)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$x, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$y, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.photoNamesFor(question), (name) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: name,
@@ -227253,7 +227277,7 @@ function render$3U(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
-                  vue$1.createElementVNode("label", _hoisted_22$w, [
+                  vue$1.createElementVNode("label", _hoisted_22$x, [
                     vue$1.createElementVNode("input", {
                       class: "cn-checklist-run__photo-input",
                       type: "file",
@@ -227262,7 +227286,7 @@ function render$3U(_ctx, _cache, $props, $setup, $data, $options) {
                       "aria-describedby": $data.missingPhoto.includes(question.id) ? `${$data.uid}-photo-${question.id}` : null,
                       "data-testid": "cn-checklist-run-photo-input",
                       onChange: $event => ($options.addPhotos($event, question.id))
-                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$t),
+                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$u),
                     vue$1.createTextVNode(" " + vue$1.toDisplayString($options.photoNamesFor(question).length || ($data.storedPhotos[question.id] || []).length ? $options.morePhotoLabel : $options.addPhotoLabel), 1 /* TEXT */)
                   ]),
                   ($data.missingPhoto.includes(question.id))
@@ -230095,16 +230119,16 @@ const _hoisted_18$G = {
   "aria-hidden": "true"
 };
 const _hoisted_19$D = { class: "cn-field-list-widget__main" };
-const _hoisted_20$w = { class: "cn-field-list-widget__title" };
-const _hoisted_21$w = {
+const _hoisted_20$x = { class: "cn-field-list-widget__title" };
+const _hoisted_21$x = {
   key: 0,
   class: "cn-field-list-widget__meta"
 };
-const _hoisted_22$v = {
+const _hoisted_22$w = {
   key: 2,
   class: "cn-field-list-widget__aside"
 };
-const _hoisted_23$s = {
+const _hoisted_23$t = {
   key: 0,
   class: "cn-field-list-widget__detail"
 };
@@ -230346,9 +230370,9 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                     ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$G, vue$1.toDisplayString(row.initials), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   vue$1.createElementVNode("span", _hoisted_19$D, [
-                    vue$1.createElementVNode("span", _hoisted_20$w, vue$1.toDisplayString(row.title), 1 /* TEXT */),
+                    vue$1.createElementVNode("span", _hoisted_20$x, vue$1.toDisplayString(row.title), 1 /* TEXT */),
                     (row.meta)
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$w, vue$1.toDisplayString(row.meta), 1 /* TEXT */))
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$x, vue$1.toDisplayString(row.meta), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true)
                   ]),
                   (row.pill)
@@ -230360,7 +230384,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                       }, null, 8 /* PROPS */, ["label", "variant"]))
                     : vue$1.createCommentVNode("v-if", true),
                   (row.aside)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$v, vue$1.toDisplayString(row.aside), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$w, vue$1.toDisplayString(row.aside), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(row.actions, (action) => {
                     return (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
@@ -230393,7 +230417,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                     : vue$1.createCommentVNode("v-if", true)
                 ]),
                 (row.detail)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$s, vue$1.toDisplayString(row.detail), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$t, vue$1.toDisplayString(row.detail), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
                 (row.detail && row.copies.length > 0)
                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$q, [
@@ -234087,6 +234111,22 @@ const PAGE_REFRESH_CHANNEL$2 = 'cn:page:refresh';
 let footerSeq = 0;
 const PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice', 'table', 'notes'];
 
+/**
+ * Compare two table cell texts: as numbers when both read as one, else as text.
+ *
+ * @param {string} a One cell text.
+ * @param {string} b The other.
+ * @return {number} Negative, zero or positive.
+ */
+function compareCells(a, b) {
+	const x = Number(a);
+	const y = Number(b);
+	if (a !== '' && b !== '' && Number.isFinite(x) && Number.isFinite(y)) {
+		return x - y
+	}
+	return String(a).localeCompare(String(b))
+}
+
 /** The tones a `notice` list takes. */
 const NOTICE_VARIANTS = ['info', 'warning', 'error'];
 
@@ -234138,7 +234178,7 @@ function unwrap$1(value) {
 var script$3I = {
 	name: 'CnRecordListWidget',
 
-	components: { ChevronRight, CnIcon: __sfc_main$8c, CnRecordNoteRows: __sfc_main$3J, CnStatusBadge: __sfc_main$85, NcActionButton: vue.NcActionButton, NcActions: vue.NcActions, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon },
+	components: { ChevronRight, CnIcon: __sfc_main$8c, CnRecordNoteRows: __sfc_main$3J, CnStatusBadge: __sfc_main$85, NcActionButton: vue.NcActionButton, NcActionLink: vue.NcActionLink, NcActions: vue.NcActions, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon },
 
 	inject: {
 		/** Detail-page object context (`{ objectId, object, register, schema }`). */
@@ -234184,6 +234224,8 @@ var script$3I = {
 		 * per value, headed by the field's `valueLabels` entry; `groupOrder`
 		 * (values) orders the groups and `groupEmptyLabel` heads the rows
 		 * without a value.
+		 * `density: "compact"` draws the rows 10px above and below, at least
+		 * 56px tall, with the title at 500 (DqProcesanalyse).
 		 *
 		 * @type {object}
 		 */
@@ -234234,6 +234276,8 @@ var script$3I = {
 
 	data() {
 		return {
+			/** The reader's sort of a `table`: the column key and `ascending` or `descending`. */
+			tableSort: { key: '', dir: '' },
 			rows: [],
 			total: 0,
 			loading: false,
@@ -234435,6 +234479,7 @@ var script$3I = {
 					dot: this.dotOf(row),
 					flag: this.flagOf(row),
 					links: this.linksOf(row),
+					rowActions: this.rowActionsOf(row),
 				}
 			})
 		},
@@ -234513,8 +234558,11 @@ var script$3I = {
 		 * @spec openspec/changes/record-list-table/specs/record-list-table/spec.md#requirement-a-record-list-can-draw-its-rows-as-a-small-table
 		 */
 		tableRows() {
-			return this.items.map((item) => ({
+			const indentPath = this.content?.indentPath;
+			const rows = this.items.map((item) => ({
 				key: item.key,
+				to: item.attrs.to || null,
+				depth: indentPath ? Math.max(0, Math.floor(Number(readPath$8(item.row, indentPath)) || 0)) : 0,
 				cells: this.tableColumns.map((col) => {
 					const text = this.fill(col.value, item.row);
 					const limit = Number(col.alertAbove);
@@ -234524,9 +234572,17 @@ var script$3I = {
 						text,
 						align: col.align,
 						alert: col.alertAbove !== undefined && Number.isFinite(limit) && text !== '' && Number.isFinite(value) && value > limit,
+						tone: this.cellToneOf(col, item.row, text),
 					}
 				}),
-			}))
+			}));
+			const { key, dir } = this.tableSort;
+			const index = this.tableColumns.findIndex((col) => col.key === key);
+			if (index < 0 || !dir) {
+				return rows
+			}
+			const sign = dir === 'descending' ? -1 : 1;
+			return [...rows].sort((a, b) => sign * compareCells(a.cells[index].text, b.cells[index].text))
 		},
 
 		/** @return {string} The note under the list (`footnote`), translated. */
@@ -235188,6 +235244,123 @@ var script$3I = {
 			}
 		},
 
+		/**
+		 * The badge variant of a `table` cell with a `tone`
+		 * (`{ field?, map, default?, override?: { when, tone } }`): the value at
+		 * `field` (else the cell text) looked up in `map`, else `default`. While
+		 * `override.when` (a condition over the row) holds, the cell takes
+		 * `override.tone` instead, so a verdict is never green unless a second
+		 * field allows it.
+		 *
+		 * @param {object} col The column.
+		 * @param {object} row The row.
+		 * @param {string} text The cell text.
+		 * @return {string} A badge variant, or '' for a plain cell.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		cellToneOf(col, row, text) {
+			const tone = col.tone;
+			if (!tone || typeof tone !== 'object') {
+				return ''
+			}
+			let variant;
+			if (tone.override && typeof tone.override === 'object' && evaluateVisibleWhenLocal(tone.override.when, row || {})) {
+				variant = tone.override.tone;
+			} else {
+				const value = tone.field ? readPath$8(row, tone.field) : text;
+				const map = tone.map && typeof tone.map === 'object' ? tone.map : {};
+				variant = Object.hasOwn(map, String(value)) ? map[String(value)] : tone.default;
+			}
+			return isBadgeVariant(variant) ? variant : 'default'
+		},
+
+		/**
+		 * The `aria-sort` of a sortable `table` column.
+		 *
+		 * @param {string} key The column key.
+		 * @return {string} `ascending`, `descending` or `none`.
+		 */
+		sortStateOf(key) {
+			return this.tableSort.key === key && this.tableSort.dir ? this.tableSort.dir : 'none'
+		},
+
+		/**
+		 * The arrow after a sortable column's label.
+		 *
+		 * @param {string} key The column key.
+		 * @return {string} An up or down arrow, or '' while the column is not the sort.
+		 */
+		sortMarkOf(key) {
+			const state = this.sortStateOf(key);
+			if (state === 'ascending') {
+				return '▲'
+			}
+			return state === 'descending' ? '▼' : ''
+		},
+
+		/**
+		 * Sort the `table` by a column: ascending first, then descending.
+		 *
+		 * @param {string} key The column key.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		toggleTableSort(key) {
+			const dir = this.tableSort.key === key && this.tableSort.dir === 'ascending' ? 'descending' : 'ascending';
+			this.tableSort = { key, dir };
+		},
+
+		/**
+		 * The rows of a read with `flattenPath` set: each entry of the list at
+		 * that path on a record becomes a row, with the record at `@parent`.
+		 * A record without the list adds no row. Without `flattenPath` the
+		 * records are the rows.
+		 *
+		 * @param {Array<object>} records The records read.
+		 * @return {Array<object>} The rows.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		flattenRows(records) {
+			const path = this.content?.flattenPath;
+			if (typeof path !== 'string' || path === '') {
+				return records
+			}
+			return records.flatMap((record) => {
+				const list = readPath$8(record, path);
+				return Array.isArray(list)
+					? list.filter((entry) => entry && typeof entry === 'object').map((entry) => ({ ...entry, '@parent': record }))
+					: []
+			})
+		},
+
+		/**
+		 * The row actions shown on one row: those whose `visibleWhen` (a
+		 * condition over the row) holds. An `href` action is a template over
+		 * the row and shows only when it fills to a web address or an
+		 * instance path; a web address opens in a new tab.
+		 *
+		 * @param {object} row The row.
+		 * @return {Array<{action: object, index: number, href: string, external: boolean}>} The visible actions, with their place in `rowActions`.
+		 * @spec openspec/changes/record-list-row-rules/specs/record-list-row-rules/spec.md#requirement-a-row-action-can-depend-on-the-row
+		 */
+		rowActionsOf(row) {
+			const shown = [];
+			this.rowActions.forEach((action, index) => {
+				if (action.visibleWhen && !evaluateVisibleWhenLocal(action.visibleWhen, row || {})) {
+					return
+				}
+				if (typeof action.href !== 'string') {
+					shown.push({ action, index, href: '', external: false });
+					return
+				}
+				const href = this.fill(action.href, row).trim();
+				const external = /^https?:\/\//i.test(href);
+				if (external || (href.startsWith('/') && !href.startsWith('//'))) {
+					shown.push({ action, index, href, external });
+				}
+			});
+			return shown
+		},
+
 		/**
 		 * A row's `links` line: the ids at `links.field`, each labelled from
 		 * `links.labelSource` (`{ register, schema, template }`) once read, else
@@ -235515,7 +235688,7 @@ var script$3I = {
 		 * @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint
 		 */
 		takeEndpointRows() {
-			this.rows = Array.isArray(this.epData) ? this.epData : [];
+			this.rows = this.flattenRows(Array.isArray(this.epData) ? this.epData : []);
 			this.total = this.rows.length;
 			this.loading = this.epLoading === true;
 			this.error = Boolean(this.epError);
@@ -235592,14 +235765,14 @@ var script$3I = {
 					if (run !== this.fetchRun) {
 						return
 					}
-					this.rows = ranked.rows;
-					this.total = ranked.total;
+					this.rows = this.flattenRows(ranked.rows);
+					this.total = this.content?.flattenPath ? this.rows.length : ranked.total;
 					return
 				}
 				const response = await axios.get(url, { params });
 				const data = response && response.data ? response.data : {};
-				this.rows = Array.isArray(data.results) ? data.results : [];
-				this.total = typeof data.total === 'number' ? data.total : this.rows.length;
+				this.rows = this.flattenRows(Array.isArray(data.results) ? data.results : []);
+				this.total = typeof data.total === 'number' && !this.content?.flattenPath ? data.total : this.rows.length;
 				this.lenses = readLensReports(data);
 			} catch (e) {
 				// eslint-disable-next-line no-console
@@ -235646,146 +235819,153 @@ const _hoisted_7$20 = {
   class: "cn-record-list__table",
   "data-testid": "cn-record-list-table"
 };
-const _hoisted_8$1S = ["id"];
-const _hoisted_9$1I = ["aria-labelledby", "data-testid"];
+const _hoisted_8$1S = ["aria-sort"];
+const _hoisted_9$1I = ["data-testid", "onClick"];
 const _hoisted_10$1v = {
+  class: "cn-record-list__sort-mark",
+  "aria-hidden": "true"
+};
+const _hoisted_11$1j = ["id"];
+const _hoisted_12$19 = ["aria-labelledby", "data-testid"];
+const _hoisted_13$$ = {
   key: 0,
   class: "cn-record-list__row cn-record-list__row--action"
 };
-const _hoisted_11$1j = {
+const _hoisted_14$Z = {
   key: 0,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_12$19 = { class: "cn-record-list__main" };
-const _hoisted_13$$ = {
+const _hoisted_15$T = { class: "cn-record-list__main" };
+const _hoisted_16$P = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_14$Z = {
+const _hoisted_17$L = {
   key: 2,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_15$T = {
+const _hoisted_18$F = {
   key: 3,
   class: "cn-record-list__pills"
 };
-const _hoisted_16$P = {
+const _hoisted_19$C = {
   key: 5,
   class: "cn-record-list__trailing"
 };
-const _hoisted_17$L = {
+const _hoisted_20$w = {
   key: 0,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_18$F = { class: "cn-record-list__main" };
-const _hoisted_19$C = {
+const _hoisted_21$w = { class: "cn-record-list__main" };
+const _hoisted_22$v = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_20$v = {
+const _hoisted_23$s = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_21$v = {
+const _hoisted_24$p = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_22$u = { key: 1 };
-const _hoisted_23$r = { key: 2 };
-const _hoisted_24$p = {
+const _hoisted_25$m = { key: 1 };
+const _hoisted_26$k = { key: 2 };
+const _hoisted_27$f = {
   key: 2,
   class: "cn-record-list__aside"
 };
-const _hoisted_25$m = {
+const _hoisted_28$e = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_26$k = {
+const _hoisted_29$c = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_27$f = { class: "cn-record-list__card-head" };
-const _hoisted_28$e = { class: "cn-record-list__card-title" };
-const _hoisted_29$c = {
+const _hoisted_30$c = { class: "cn-record-list__card-head" };
+const _hoisted_31$b = { class: "cn-record-list__card-title" };
+const _hoisted_32$b = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_30$c = {
+const _hoisted_33$a = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_31$b = {
+const _hoisted_34$a = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_32$b = {
+const _hoisted_35$a = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_33$a = {
+const _hoisted_36$a = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_34$a = {
+const _hoisted_37$a = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_35$a = {
+const _hoisted_38$a = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_36$a = {
+const _hoisted_39$8 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_37$a = {
+const _hoisted_40$7 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_38$a = {
+const _hoisted_41$5 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_39$8 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_40$7 = {
+const _hoisted_42$5 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_43$4 = {
   key: 9,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_41$5 = {
+const _hoisted_44$4 = {
   key: 10,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_42$5 = {
+const _hoisted_45$2 = {
   key: 11,
   class: "cn-record-list__footer",
   "data-testid": "cn-record-list-footer"
 };
-const _hoisted_43$4 = ["id"];
+const _hoisted_46$2 = ["id"];
 
 function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
   const _component_CnIcon = vue$1.resolveComponent("CnIcon");
-  const _component_CnRecordNoteRows = vue$1.resolveComponent("CnRecordNoteRows");
   const _component_CnStatusBadge = vue$1.resolveComponent("CnStatusBadge");
   const _component_router_link = vue$1.resolveComponent("router-link");
+  const _component_CnRecordNoteRows = vue$1.resolveComponent("CnRecordNoteRows");
   const _component_ChevronRight = vue$1.resolveComponent("ChevronRight");
+  const _component_NcActionLink = vue$1.resolveComponent("NcActionLink");
   const _component_NcActionButton = vue$1.resolveComponent("NcActionButton");
   const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_NcButton = vue$1.resolveComponent("NcButton");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
-    class: vue$1.normalizeClass(["cn-record-list", `cn-record-list--${$options.presentation}`]),
+    class: vue$1.normalizeClass(["cn-record-list", [`cn-record-list--${$options.presentation}`, { 'cn-record-list--compact': $props.content.density === 'compact' }]]),
     "data-testid": "cn-record-list"
   }, [
     ($options.intro && !$options.absent)
@@ -235827,8 +236007,24 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                           return (vue$1.openBlock(), vue$1.createElementBlock("th", {
                             key: col.key,
                             scope: "col",
+                            "aria-sort": col.sortable ? $options.sortStateOf(col.key) : undefined,
                             class: vue$1.normalizeClass({ 'cn-record-list__cell--end': col.align === 'end' })
-                          }, vue$1.toDisplayString(col.label), 3 /* TEXT, CLASS */))
+                          }, [
+                            (col.sortable)
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
+                                  key: 0,
+                                  type: "button",
+                                  class: "cn-record-list__sort",
+                                  "data-testid": `cn-record-list-sort-${col.key}`,
+                                  onClick: $event => ($options.toggleTableSort(col.key))
+                                }, [
+                                  vue$1.createTextVNode(vue$1.toDisplayString(col.label) + " ", 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_10$1v, vue$1.toDisplayString($options.sortMarkOf(col.key)), 1 /* TEXT */)
+                                ], 8 /* PROPS */, _hoisted_9$1I))
+                              : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                  vue$1.createTextVNode(vue$1.toDisplayString(col.label), 1 /* TEXT */)
+                                ], 64 /* STABLE_FRAGMENT */))
+                          ], 10 /* CLASS, PROPS */, _hoisted_8$1S))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])
                     ]),
@@ -235838,11 +236034,33 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                           key: item.key,
                           "data-testid": "cn-record-list-item"
                         }, [
-                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.cells, (cell) => {
+                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.cells, (cell, cellIndex) => {
                             return (vue$1.openBlock(), vue$1.createElementBlock("td", {
                               key: cell.key,
+                              style: vue$1.normalizeStyle(cellIndex === 0 && item.depth > 0 ? `padding-inline-start: calc(${item.depth} * 16px)` : undefined),
                               class: vue$1.normalizeClass({ 'cn-record-list__cell--end': cell.align === 'end', 'cn-record-list__cell--alert': cell.alert })
-                            }, vue$1.toDisplayString(cell.text), 3 /* TEXT, CLASS */))
+                            }, [
+                              (cell.tone)
+                                ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
+                                    key: 0,
+                                    label: cell.text,
+                                    variant: cell.tone,
+                                    size: "small"
+                                  }, null, 8 /* PROPS */, ["label", "variant"]))
+                                : (cellIndex === 0 && item.to)
+                                  ? (vue$1.openBlock(), vue$1.createBlock(_component_router_link, {
+                                      key: 1,
+                                      to: item.to
+                                    }, {
+                                      default: vue$1.withCtx(() => [
+                                        vue$1.createTextVNode(vue$1.toDisplayString(cell.text), 1 /* TEXT */)
+                                      ]),
+                                      _: 2 /* DYNAMIC */
+                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
+                                  : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 2 }, [
+                                      vue$1.createTextVNode(vue$1.toDisplayString(cell.text), 1 /* TEXT */)
+                                    ], 64 /* STABLE_FRAGMENT */))
+                            ], 6 /* CLASS, STYLE */))
                           }), 128 /* KEYED_FRAGMENT */))
                         ]))
                       }), 128 /* KEYED_FRAGMENT */))
@@ -235866,7 +236084,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                               id: group.headingId,
                               class: "cn-record-list__group-heading",
                               "data-testid": "cn-record-list-group-heading"
-                            }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_8$1S))
+                            }, vue$1.toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_11$1j))
                           : vue$1.createCommentVNode("v-if", true),
                         vue$1.createElementVNode("ul", {
                           class: "cn-record-list__list",
@@ -235880,9 +236098,9 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                               "data-testid": "cn-record-list-item"
                             }, [
                               ($options.presentation === 'rows' && item.action)
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_10$1v, [
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_13$$, [
                                     (item.initials)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$1j, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$Z, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
                                       : vue$1.createCommentVNode("v-if", true),
                                     (item.dot)
                                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -235893,7 +236111,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                           "data-testid": "cn-record-list-dot"
                                         }, null, 4 /* STYLE */))
                                       : vue$1.createCommentVNode("v-if", true),
-                                    vue$1.createElementVNode("span", _hoisted_12$19, [
+                                    vue$1.createElementVNode("span", _hoisted_15$T, [
                                       (item.title)
                                         ? (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({
                                             key: 0,
@@ -235906,14 +236124,14 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                           }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                         : vue$1.createCommentVNode("v-if", true),
                                       (item.meta)
-                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_13$$, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$P, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                         : vue$1.createCommentVNode("v-if", true)
                                     ]),
                                     (item.flag)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$Z, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$L, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
                                       : vue$1.createCommentVNode("v-if", true),
                                     (item.pill || item.badges.length > 0)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_15$T, [
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$F, [
                                           (item.pill)
                                             ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                                 key: 0,
@@ -235941,7 +236159,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, vue$1.toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                       : vue$1.createCommentVNode("v-if", true),
                                     (item.trailing)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$P, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$C, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                       : vue$1.createCommentVNode("v-if", true),
                                     (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.action.tag), vue$1.mergeProps({ class: "cn-record-list__action" }, { ref_for: true }, item.action.attrs, { "data-testid": "cn-record-list-action" }, vue$1.toHandlers(item.action.tag === 'button' ? { click: () => $options.runRowAction(item.row) } : {})), {
                                       default: vue$1.withCtx(() => [
@@ -235957,7 +236175,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                     }, { ref_for: true }, item.attrs), {
                                       default: vue$1.withCtx(() => [
                                         (item.initials)
-                                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$L, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
+                                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$w, vue$1.toDisplayString(item.initials), 1 /* TEXT */))
                                           : vue$1.createCommentVNode("v-if", true),
                                         (item.dot)
                                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
@@ -235968,15 +236186,15 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                               "data-testid": "cn-record-list-dot"
                                             }, null, 4 /* STYLE */))
                                           : vue$1.createCommentVNode("v-if", true),
-                                        vue$1.createElementVNode("span", _hoisted_18$F, [
+                                        vue$1.createElementVNode("span", _hoisted_21$w, [
                                           (item.title)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$C, vue$1.toDisplayString(item.title), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$v, vue$1.toDisplayString(item.title), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.meta)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$v, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$s, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.links.length > 0)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$v, [
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_24$p, [
                                                 vue$1.createTextVNode(vue$1.toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
                                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.links, (link, linkIndex) => {
                                                   return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
@@ -235992,9 +236210,9 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                                           ]),
                                                           _: 2 /* DYNAMIC */
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                      : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$u, vue$1.toDisplayString(link.label), 1 /* TEXT */)),
+                                                      : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$m, vue$1.toDisplayString(link.label), 1 /* TEXT */)),
                                                     (linkIndex < item.links.length - 1)
-                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$r, ", "))
+                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$k, ", "))
                                                       : vue$1.createCommentVNode("v-if", true)
                                                   ], 64 /* STABLE_FRAGMENT */))
                                                 }), 128 /* KEYED_FRAGMENT */))
@@ -236002,9 +236220,9 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                             : vue$1.createCommentVNode("v-if", true)
                                         ]),
                                         (item.pill || item.badges.length > 0 || item.due || item.trailing || item.flag)
-                                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_24$p, [
+                                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$f, [
                                               (item.flag)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$m, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$e, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.pill)
                                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
@@ -236031,7 +236249,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                                   }, vue$1.toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.trailing)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$k, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$c, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true)
                                             ]))
                                           : vue$1.createCommentVNode("v-if", true),
@@ -236043,25 +236261,41 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                               "aria-hidden": "true"
                                             }))
                                           : vue$1.createCommentVNode("v-if", true),
-                                        (item.tag === 'div' && $options.rowActions.length > 0)
+                                        (item.tag === 'div' && item.rowActions.length > 0)
                                           ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
                                               key: 4,
                                               "aria-label": $options.rowActionsLabel,
                                               "data-testid": "cn-record-list-row-actions"
                                             }, {
                                               default: vue$1.withCtx(() => [
-                                                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.rowActions, (action, actionIndex) => {
-                                                  return (vue$1.openBlock(), vue$1.createBlock(_component_NcActionButton, {
-                                                    key: `row-action-${actionIndex}`,
-                                                    closeAfterClick: true,
-                                                    "data-testid": `cn-record-list-row-action-${actionIndex}`,
-                                                    onClick: $event => ($options.runRowActionEntry(action, item.row))
-                                                  }, {
-                                                    default: vue$1.withCtx(() => [
-                                                      vue$1.createTextVNode(vue$1.toDisplayString(action.label), 1 /* TEXT */)
-                                                    ]),
-                                                    _: 2 /* DYNAMIC */
-                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.rowActions, (entry) => {
+                                                  return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
+                                                    key: `row-action-${entry.index}`
+                                                  }, [
+                                                    (entry.href)
+                                                      ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActionLink, {
+                                                          key: 0,
+                                                          href: entry.href,
+                                                          target: entry.external ? '_blank' : undefined,
+                                                          "data-testid": `cn-record-list-row-action-${entry.index}`
+                                                        }, {
+                                                          default: vue$1.withCtx(() => [
+                                                            vue$1.createTextVNode(vue$1.toDisplayString(entry.action.label), 1 /* TEXT */)
+                                                          ]),
+                                                          _: 2 /* DYNAMIC */
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "target", "data-testid"]))
+                                                      : (vue$1.openBlock(), vue$1.createBlock(_component_NcActionButton, {
+                                                          key: 1,
+                                                          closeAfterClick: true,
+                                                          "data-testid": `cn-record-list-row-action-${entry.index}`,
+                                                          onClick: $event => ($options.runRowActionEntry(entry.action, item.row))
+                                                        }, {
+                                                          default: vue$1.withCtx(() => [
+                                                            vue$1.createTextVNode(vue$1.toDisplayString(entry.action.label), 1 /* TEXT */)
+                                                          ]),
+                                                          _: 2 /* DYNAMIC */
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                                  ], 64 /* STABLE_FRAGMENT */))
                                                 }), 128 /* KEYED_FRAGMENT */))
                                               ]),
                                               _: 2 /* DYNAMIC */
@@ -236076,8 +236310,8 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                         class: ["cn-record-list__card", { 'cn-record-list__card--link': item.tag !== 'div' }]
                                       }, { ref_for: true }, item.attrs, { "data-testid": "cn-record-list-card" }), {
                                         default: vue$1.withCtx(() => [
-                                          vue$1.createElementVNode("span", _hoisted_27$f, [
-                                            vue$1.createElementVNode("span", _hoisted_28$e, [
+                                          vue$1.createElementVNode("span", _hoisted_30$c, [
+                                            vue$1.createElementVNode("span", _hoisted_31$b, [
                                               ($options.cardIcons)
                                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_CnIcon, {
                                                     key: 0,
@@ -236087,11 +236321,11 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                                   }, null, 8 /* PROPS */, ["name"]))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.title)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$c, vue$1.toDisplayString(item.title), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$b, vue$1.toDisplayString(item.title), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true)
                                             ]),
                                             (item.pill || item.badges.length > 0)
-                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$c, [
+                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_33$a, [
                                                   (item.pill)
                                                     ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                                         key: 0,
@@ -236113,17 +236347,17 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                               : vue$1.createCommentVNode("v-if", true)
                                           ]),
                                           (item.meta)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_31$b, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_34$a, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (item.trailing)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$b, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_35$a, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true)
                                         ]),
                                         _: 2 /* DYNAMIC */
                                       }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                     : ($options.presentation === 'feed')
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_33$a, [
-                                          vue$1.createElementVNode("span", _hoisted_34$a, [
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_36$a, [
+                                          vue$1.createElementVNode("span", _hoisted_37$a, [
                                             vue$1.createVNode(_component_CnIcon, {
                                               name: item.icon,
                                               size: 18
@@ -236132,18 +236366,18 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                           (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
                                             default: vue$1.withCtx(() => [
                                               (item.meta)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_35$a, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_38$a, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               (item.text)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_36$a, vue$1.toDisplayString(item.text), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_39$8, vue$1.toDisplayString(item.text), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true)
                                             ]),
                                             _: 2 /* DYNAMIC */
                                           }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
                                         ]))
-                                      : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_37$a, [
+                                      : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_40$7, [
                                           (item.label)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_38$a, vue$1.toDisplayString(item.label), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_41$5, vue$1.toDisplayString(item.label), 1 /* TEXT */))
                                             : vue$1.createCommentVNode("v-if", true),
                                           (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({ class: "cn-record-list__inline-title" }, { ref_for: true }, item.attrs), {
                                             default: vue$1.withCtx(() => [
@@ -236167,21 +236401,21 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: "cn-record-list__bar-fill",
                                       style: vue$1.normalizeStyle({ width: `${item.bar.share}%` })
                                     }, null, 4 /* STYLE */)
-                                  ], 10 /* CLASS, PROPS */, _hoisted_39$8))
+                                  ], 10 /* CLASS, PROPS */, _hoisted_42$5))
                                 : vue$1.createCommentVNode("v-if", true)
                             ]))
                           }), 128 /* KEYED_FRAGMENT */))
-                        ], 8 /* PROPS */, _hoisted_9$1I)
+                        ], 8 /* PROPS */, _hoisted_12$19)
                       ], 64 /* STABLE_FRAGMENT */))
                     }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_40$7, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_43$4, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.footnote && !$data.error && !$options.absent && $data.rows.length > 0)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_41$5, vue$1.toDisplayString($options.footnote), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_44$4, vue$1.toDisplayString($options.footnote), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.footerAction && !$data.error)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_42$5, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_45$2, [
           vue$1.createVNode(_component_NcButton, {
             variant: "secondary",
             disabled: $data.footerDisabled,
@@ -236213,7 +236447,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_43$4))
+              }, vue$1.toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_46$2))
             : vue$1.createCommentVNode("v-if", true)
         ]))
       : vue$1.createCommentVNode("v-if", true)
@@ -236221,7 +236455,7 @@ function render$3H(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3I.render = render$3H;
-script$3I.__scopeId = "data-v-1484103e";
+script$3I.__scopeId = "data-v-0cb81a45";
 const __sfc_main$3I = script$3I;
 
 /**
@@ -240119,8 +240353,8 @@ const _hoisted_18$E = {
   "data-testid": "cn-attention-flag-history"
 };
 const _hoisted_19$B = ["data-act"];
-const _hoisted_20$u = { class: "cn-attention-flag__lead" };
-const _hoisted_21$u = { class: "cn-attention-flag__muted" };
+const _hoisted_20$v = { class: "cn-attention-flag__lead" };
+const _hoisted_21$v = { class: "cn-attention-flag__muted" };
 
 function render$3w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FlagOutline = vue$1.resolveComponent("FlagOutline");
@@ -240210,8 +240444,8 @@ function render$3w(_ctx, _cache, $props, $setup, $data, $options) {
                   key: `${row.moment}-${index}`,
                   "data-act": row.act
                 }, [
-                  vue$1.createElementVNode("span", _hoisted_20$u, vue$1.toDisplayString(row.act === 'cleared' ? $options.label('cleared') : $options.label('raised')), 1 /* TEXT */),
-                  vue$1.createElementVNode("span", _hoisted_21$u, vue$1.toDisplayString(row.reason), 1 /* TEXT */)
+                  vue$1.createElementVNode("span", _hoisted_20$v, vue$1.toDisplayString(row.act === 'cleared' ? $options.label('cleared') : $options.label('raised')), 1 /* TEXT */),
+                  vue$1.createElementVNode("span", _hoisted_21$v, vue$1.toDisplayString(row.reason), 1 /* TEXT */)
                 ], 8 /* PROPS */, _hoisted_19$B))
               }), 128 /* KEYED_FRAGMENT */))
             ]))
@@ -252404,6 +252638,13 @@ var translations$s = {
 	"This could not be read: {reason}": "This could not be read: {reason}",
 	"Still open": "Still open",
 	"The checklist could not be read.": "The checklist could not be read.",
+	"Flag it with a reason, so it stands out to everyone who works on it.": "Flag it with a reason, so it stands out to everyone who works on it.",
+	"Clear the flag with a reason once it no longer needs attention.": "Clear the flag with a reason once it no longer needs attention.",
+	"Compose mail": "Compose mail",
+	"Link mail": "Link mail",
+	"Enter a quarter as YYYY-Qn, for example 2026-Q3.": "Enter a quarter as YYYY-Qn, for example 2026-Q3.",
+	"Enter a year as four digits, for example 2026.": "Enter a year as four digits, for example 2026.",
+	"This value has the wrong form.": "This value has the wrong form.",
 	"The value for {key} must be above {min}.": "The value for {key} must be above {min}.",
 	"Add a row": "Add a row",
 	Key: "Key",
@@ -252413,14 +252654,7 @@ var translations$s = {
 	"How this app compares": "How this app compares",
 	"This field is required": "This field is required",
 	"Creating…": "Creating…",
-	"This could not be created. Try again.": "This could not be created. Try again.",
-	"Flag it with a reason, so it stands out to everyone who works on it.": "Flag it with a reason, so it stands out to everyone who works on it.",
-	"Clear the flag with a reason once it no longer needs attention.": "Clear the flag with a reason once it no longer needs attention.",
-	"Compose mail": "Compose mail",
-	"Link mail": "Link mail",
-	"Enter a quarter as YYYY-Qn, for example 2026-Q3.": "Enter a quarter as YYYY-Qn, for example 2026-Q3.",
-	"Enter a year as four digits, for example 2026.": "Enter a year as four digits, for example 2026.",
-	"This value has the wrong form.": "This value has the wrong form."
+	"This could not be created. Try again.": "This could not be created. Try again."
 };
 var plurals$1 = {
 	"{count} member": [
@@ -255220,6 +255454,13 @@ var translations$c = {
 	"This could not be read: {reason}": "Dit kon niet worden gelezen: {reason}",
 	"Still open": "Nog open",
 	"The checklist could not be read.": "De lijst kon niet worden gelezen.",
+	"Flag it with a reason, so it stands out to everyone who works on it.": "Markeer het met een reden, zodat het opvalt bij iedereen die eraan werkt.",
+	"Clear the flag with a reason once it no longer needs attention.": "Haal de markering weg met een reden zodra het geen aandacht meer nodig heeft.",
+	"Compose mail": "Mail opstellen",
+	"Link mail": "Mail koppelen",
+	"Enter a quarter as YYYY-Qn, for example 2026-Q3.": "Vul een kwartaal in als JJJJ-Qn, bijvoorbeeld 2026-Q3.",
+	"Enter a year as four digits, for example 2026.": "Vul een jaar in met vier cijfers, bijvoorbeeld 2026.",
+	"This value has the wrong form.": "Deze waarde heeft niet de goede vorm.",
 	"The value for {key} must be above {min}.": "De waarde voor {key} moet hoger zijn dan {min}.",
 	"Add a row": "Een rij toevoegen",
 	Key: "Sleutel",
@@ -255229,14 +255470,7 @@ var translations$c = {
 	"How this app compares": "Hoe deze app zich verhoudt",
 	"This field is required": "Dit veld is verplicht",
 	"Creating…": "Aanmaken…",
-	"This could not be created. Try again.": "Dit kon niet worden aangemaakt. Probeer het opnieuw.",
-	"Flag it with a reason, so it stands out to everyone who works on it.": "Markeer het met een reden, zodat het opvalt bij iedereen die eraan werkt.",
-	"Clear the flag with a reason once it no longer needs attention.": "Haal de markering weg met een reden zodra het geen aandacht meer nodig heeft.",
-	"Compose mail": "Mail opstellen",
-	"Link mail": "Mail koppelen",
-	"Enter a quarter as YYYY-Qn, for example 2026-Q3.": "Vul een kwartaal in als JJJJ-Qn, bijvoorbeeld 2026-Q3.",
-	"Enter a year as four digits, for example 2026.": "Vul een jaar in met vier cijfers, bijvoorbeeld 2026.",
-	"This value has the wrong form.": "Deze waarde heeft niet de goede vorm."
+	"This could not be created. Try again.": "Dit kon niet worden aangemaakt. Probeer het opnieuw."
 };
 var plurals = {
 	"{count} member": [
@@ -261260,13 +261494,13 @@ const _hoisted_16$I = {
 const _hoisted_17$E = { class: "cn-schema-form__cond-accordion-body" };
 const _hoisted_18$B = { class: "cn-schema-form__cond-action-header" };
 const _hoisted_19$z = { class: "cn-schema-form__cond-action-name" };
-const _hoisted_20$t = {
+const _hoisted_20$u = {
   key: 0,
   class: "cn-schema-form__cond-empty"
 };
-const _hoisted_21$t = { class: "cn-schema-form__cond-rule-header" };
-const _hoisted_22$t = { class: "cn-schema-form__group-badge" };
-const _hoisted_23$q = { class: "cn-schema-form__cond-rule-group-select" };
+const _hoisted_21$u = { class: "cn-schema-form__cond-rule-header" };
+const _hoisted_22$u = { class: "cn-schema-form__group-badge" };
+const _hoisted_23$r = { class: "cn-schema-form__cond-rule-group-select" };
 const _hoisted_24$o = { class: "cn-schema-form__cond-match-list" };
 const _hoisted_25$l = {
   key: 0,
@@ -261556,7 +261790,7 @@ function render$36(_ctx, _cache, $props, $setup, $data, $options) {
               }, 8 /* PROPS */, ["onClick"])
             ]),
             ($options.getConditionalRules(action).length === 0)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$t, vue$1.toDisplayString($options.t('nextcloud-vue', 'No conditional rules for {action}', { action })), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$u, vue$1.toDisplayString($options.t('nextcloud-vue', 'No conditional rules for {action}', { action })), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true),
             (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.getConditionalRules(action), ({ rule, originalIndex }, ruleIdx) => {
               return (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -261567,9 +261801,9 @@ function render$36(_ctx, _cache, $props, $setup, $data, $options) {
 							'cn-schema-form__cond-rule-card--admin': rule.group === 'admin',
 						}])
               }, [
-                vue$1.createElementVNode("div", _hoisted_21$t, [
-                  vue$1.createElementVNode("span", _hoisted_22$t, vue$1.toDisplayString(rule.group), 1 /* TEXT */),
-                  vue$1.createElementVNode("div", _hoisted_23$q, [
+                vue$1.createElementVNode("div", _hoisted_21$u, [
+                  vue$1.createElementVNode("span", _hoisted_22$u, vue$1.toDisplayString(rule.group), 1 /* TEXT */),
+                  vue$1.createElementVNode("div", _hoisted_23$r, [
                     vue$1.createVNode(_component_NcSelect, {
                       modelValue: $options.getGroupOption(rule.group),
                       options: $options.allGroupOptions,
@@ -262479,9 +262713,9 @@ const _hoisted_16$H = { class: "cn-schema-form__detail-value" };
 const _hoisted_17$D = { class: "cn-schema-form__detail-item" };
 const _hoisted_18$A = { class: "cn-schema-form__detail-label" };
 const _hoisted_19$y = { class: "cn-schema-form__detail-value" };
-const _hoisted_20$s = { class: "cn-schema-form__detail-item" };
-const _hoisted_21$s = { class: "cn-schema-form__detail-label" };
-const _hoisted_22$s = { class: "cn-schema-form__detail-value" };
+const _hoisted_20$t = { class: "cn-schema-form__detail-item" };
+const _hoisted_21$t = { class: "cn-schema-form__detail-label" };
+const _hoisted_22$t = { class: "cn-schema-form__detail-value" };
 
 function render$35(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Check = vue$1.resolveComponent("Check");
@@ -262585,9 +262819,9 @@ function render$35(_ctx, _cache, $props, $setup, $data, $options) {
           vue$1.createElementVNode("span", _hoisted_18$A, vue$1.toDisplayString($options.t('nextcloud-vue', 'Version:')), 1 /* TEXT */),
           vue$1.createElementVNode("span", _hoisted_19$y, vue$1.toDisplayString($data.schemaItem.version || $options.t('nextcloud-vue', 'Not set')), 1 /* TEXT */)
         ]),
-        vue$1.createElementVNode("div", _hoisted_20$s, [
-          vue$1.createElementVNode("span", _hoisted_21$s, vue$1.toDisplayString($options.t('nextcloud-vue', 'Owner:')), 1 /* TEXT */),
-          vue$1.createElementVNode("span", _hoisted_22$s, vue$1.toDisplayString($data.schemaItem.owner || $options.t('nextcloud-vue', 'Not set')), 1 /* TEXT */)
+        vue$1.createElementVNode("div", _hoisted_20$t, [
+          vue$1.createElementVNode("span", _hoisted_21$t, vue$1.toDisplayString($options.t('nextcloud-vue', 'Owner:')), 1 /* TEXT */),
+          vue$1.createElementVNode("span", _hoisted_22$t, vue$1.toDisplayString($data.schemaItem.owner || $options.t('nextcloud-vue', 'Not set')), 1 /* TEXT */)
         ])
       ])
     ]),
@@ -263398,9 +263632,9 @@ const _hoisted_19$x = {
   key: 1,
   class: "cn-edit-data__list"
 };
-const _hoisted_20$r = { class: "cn-edit-data__schema-name" };
-const _hoisted_21$r = { class: "cn-edit-data__schema-meta" };
-const _hoisted_22$r = { class: "cn-edit-data__row-actions" };
+const _hoisted_20$s = { class: "cn-edit-data__schema-name" };
+const _hoisted_21$s = { class: "cn-edit-data__schema-meta" };
+const _hoisted_22$s = { class: "cn-edit-data__row-actions" };
 
 function render$34(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -263635,11 +263869,11 @@ function render$34(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: schema.id,
                                   class: "cn-edit-data__row"
                                 }, [
-                                  vue$1.createElementVNode("span", _hoisted_20$r, [
+                                  vue$1.createElementVNode("span", _hoisted_20$s, [
                                     vue$1.createElementVNode("strong", null, vue$1.toDisplayString(schema.title || schema.slug), 1 /* TEXT */),
-                                    vue$1.createElementVNode("span", _hoisted_21$r, vue$1.toDisplayString($options.propertyCount(schema)), 1 /* TEXT */)
+                                    vue$1.createElementVNode("span", _hoisted_21$s, vue$1.toDisplayString($options.propertyCount(schema)), 1 /* TEXT */)
                                   ]),
-                                  vue$1.createElementVNode("div", _hoisted_22$r, [
+                                  vue$1.createElementVNode("div", _hoisted_22$s, [
                                     vue$1.createVNode(_component_NcButton, {
                                       variant: "tertiary",
                                       disabled: $data.busy,
@@ -298108,17 +298342,17 @@ const _hoisted_19$w = {
   class: "cn-run-sidebar__error",
   "data-testid": "flow-object-unaccounted"
 };
-const _hoisted_20$q = {
+const _hoisted_20$r = {
   key: 0,
   class: "cn-run-sidebar__hint",
   "data-testid": "flow-run-tasks-empty"
 };
-const _hoisted_21$q = {
+const _hoisted_21$r = {
   key: 1,
   class: "cn-run-sidebar__list"
 };
-const _hoisted_22$q = ["href"];
-const _hoisted_23$p = {
+const _hoisted_22$r = ["href"];
+const _hoisted_23$q = {
   key: 1,
   class: "cn-run-sidebar__hint"
 };
@@ -298257,8 +298491,8 @@ function render$2G(_ctx, _cache, $props, $setup, $data, $options) {
         }, vue$1.createSlots({
           default: vue$1.withCtx(() => [
             (!$setup.store.runTasks.length)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$q, vue$1.toDisplayString($options.t('nextcloud-vue', 'This run raised no tasks.')), 1 /* TEXT */))
-              : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$q, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$r, vue$1.toDisplayString($options.t('nextcloud-vue', 'This run raised no tasks.')), 1 /* TEXT */))
+              : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_21$r, [
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($setup.store.runTasks, (task) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                       key: task.uuid
@@ -298272,7 +298506,7 @@ function render$2G(_ctx, _cache, $props, $setup, $data, $options) {
                           class: vue$1.normalizeClass(`cn-run-sidebar__status cn-run-sidebar__status--${task.state}`)
                         }, vue$1.toDisplayString(task.state), 3 /* TEXT, CLASS */),
                         vue$1.createElementVNode("span", null, vue$1.toDisplayString(task.title || task.uuid), 1 /* TEXT */)
-                      ], 8 /* PROPS */, _hoisted_22$q)
+                      ], 8 /* PROPS */, _hoisted_22$r)
                     ]))
                   }), 128 /* KEYED_FRAGMENT */))
                 ]))
@@ -298316,7 +298550,7 @@ function render$2G(_ctx, _cache, $props, $setup, $data, $options) {
                 }))
               : vue$1.createCommentVNode("v-if", true),
             (!$setup.store.steps.length)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$p, vue$1.toDisplayString($options.t('nextcloud-vue', 'This run recorded no steps.')), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$q, vue$1.toDisplayString($options.t('nextcloud-vue', 'This run recorded no steps.')), 1 /* TEXT */))
               : (vue$1.openBlock(), vue$1.createElementBlock("ol", _hoisted_24$n, [
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($setup.store.steps, (step, i) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("li", { key: i }, [
@@ -300488,16 +300722,16 @@ const _hoisted_19$v = {
   key: 0,
   class: "cn-credentials__item-toggle"
 };
-const _hoisted_20$p = {
+const _hoisted_20$q = {
   key: 0,
   class: "cn-credentials__also muted"
 };
-const _hoisted_21$p = { class: "cn-credentials__section" };
-const _hoisted_22$p = {
+const _hoisted_21$q = { class: "cn-credentials__section" };
+const _hoisted_22$q = {
   key: 1,
   class: "cn-credentials__wizard"
 };
-const _hoisted_23$o = { class: "cn-credentials__section-title" };
+const _hoisted_23$p = { class: "cn-credentials__section-title" };
 const _hoisted_24$m = { class: "cn-credentials__grid" };
 const _hoisted_25$j = ["onClick"];
 const _hoisted_26$h = { class: "cn-credentials__grid-title" };
@@ -300649,7 +300883,7 @@ function render$2C(_ctx, _cache, $props, $setup, $data, $options) {
                               _: 1 /* STABLE */
                             }, 8 /* PROPS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
                             ($options.otherApps(cred).length)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$p, vue$1.toDisplayString($options.t('nextcloud-vue', 'Also allowed for: {apps}', { apps: $options.otherApps(cred).join(', ') })), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_20$q, vue$1.toDisplayString($options.t('nextcloud-vue', 'Also allowed for: {apps}', { apps: $options.otherApps(cred).join(', ') })), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true)
                           ]))
                         : (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
@@ -300669,7 +300903,7 @@ function render$2C(_ctx, _cache, $props, $setup, $data, $options) {
                   }), 128 /* KEYED_FRAGMENT */))
                 ]))
           ]),
-          vue$1.createElementVNode("section", _hoisted_21$p, [
+          vue$1.createElementVNode("section", _hoisted_21$q, [
             (!$data.adding)
               ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                   key: 0,
@@ -300684,10 +300918,10 @@ function render$2C(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["onClick"]))
-              : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$p, [
+              : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$q, [
                   ($data.wizardStep === 'provider')
                     ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
-                        vue$1.createElementVNode("h4", _hoisted_23$o, vue$1.toDisplayString($options.t('nextcloud-vue', 'Which credential do you want to add?')), 1 /* TEXT */),
+                        vue$1.createElementVNode("h4", _hoisted_23$p, vue$1.toDisplayString($options.t('nextcloud-vue', 'Which credential do you want to add?')), 1 /* TEXT */),
                         vue$1.createElementVNode("div", _hoisted_24$m, [
                           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.providerGrid, (p) => {
                             return (vue$1.openBlock(), vue$1.createElementBlock("button", {
@@ -305308,10 +305542,10 @@ const _hoisted_16$D = {
 const _hoisted_17$z = { class: "cn-version-info__label" };
 const _hoisted_18$w = { class: "cn-version-info__value" };
 const _hoisted_19$u = ["href"];
-const _hoisted_20$o = ["href"];
-const _hoisted_21$o = { class: "cn-admin-settings-shell__support-line" };
-const _hoisted_22$o = ["href"];
-const _hoisted_23$n = {
+const _hoisted_20$p = ["href"];
+const _hoisted_21$p = { class: "cn-admin-settings-shell__support-line" };
+const _hoisted_22$p = ["href"];
+const _hoisted_23$o = {
   key: 0,
   class: "cn-admin-settings-shell__support-line"
 };
@@ -305556,7 +305790,7 @@ function render$2w(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createTextVNode(", " + vue$1.toDisplayString($options.slaInline) + " ", 1 /* TEXT */),
                           vue$1.createElementVNode("a", {
                             href: `mailto:${$props.slaEmail}`
-                          }, vue$1.toDisplayString($props.slaEmail), 9 /* TEXT, PROPS */, _hoisted_20$o)
+                          }, vue$1.toDisplayString($props.slaEmail), 9 /* TEXT, PROPS */, _hoisted_20$p)
                         ], 64 /* STABLE_FRAGMENT */))
                       : vue$1.createCommentVNode("v-if", true)
                   ])
@@ -305589,14 +305823,14 @@ function render$2w(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-admin-settings-support"
         }, {
           default: vue$1.withCtx(() => [
-            vue$1.createElementVNode("p", _hoisted_21$o, [
+            vue$1.createElementVNode("p", _hoisted_21$p, [
               vue$1.createTextVNode(vue$1.toDisplayString($options.supportLine) + " ", 1 /* TEXT */),
               vue$1.createElementVNode("a", {
                 href: `mailto:${$props.supportEmail}`
-              }, vue$1.toDisplayString($props.supportEmail), 9 /* TEXT, PROPS */, _hoisted_22$o)
+              }, vue$1.toDisplayString($props.supportEmail), 9 /* TEXT, PROPS */, _hoisted_22$p)
             ]),
             ($props.slaEmail)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$n, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$o, [
                   vue$1.createTextVNode(vue$1.toDisplayString($options.slaLine) + " ", 1 /* TEXT */),
                   vue$1.createElementVNode("a", {
                     href: `mailto:${$props.slaEmail}`
@@ -307321,10 +307555,10 @@ const _hoisted_16$C = ["data-card-id", "draggable", "onDragstart", "onKeydown"];
 const _hoisted_17$y = { class: "cn-board-view__card-head" };
 const _hoisted_18$v = ["data-card-id", "checked", "aria-label", "onChange"];
 const _hoisted_19$t = ["data-card-id", "aria-label", "onClick", "onAuxclick"];
-const _hoisted_20$n = { class: "cn-board-view__menu-wrap" };
-const _hoisted_21$n = ["data-card-id", "aria-expanded", "aria-label", "onClick"];
-const _hoisted_22$n = ["aria-label", "onKeydown"];
-const _hoisted_23$m = ["aria-label"];
+const _hoisted_20$o = { class: "cn-board-view__menu-wrap" };
+const _hoisted_21$o = ["data-card-id", "aria-expanded", "aria-label", "onClick"];
+const _hoisted_22$o = ["aria-label", "onKeydown"];
+const _hoisted_23$n = ["aria-label"];
 const _hoisted_24$k = {
   class: "cn-board-view__menu-heading",
   "aria-hidden": "true"
@@ -307532,7 +307766,7 @@ function render$2v(_ctx, _cache, $props, $setup, $data, $options) {
                                           onAction: $options.onCardAction
                                         }, null, 8 /* PROPS */, ["actions", "row", "rowLabel", "onAction"]))
                                       : vue$1.createCommentVNode("v-if", true),
-                                    vue$1.createElementVNode("span", _hoisted_20$n, [
+                                    vue$1.createElementVNode("span", _hoisted_20$o, [
                                       vue$1.createElementVNode("button", {
                                         type: "button",
                                         class: "cn-board-view__menu-button",
@@ -307547,7 +307781,7 @@ function render$2v(_ctx, _cache, $props, $setup, $data, $options) {
                                           class: "cn-board-view__menu-dots",
                                           "aria-hidden": "true"
                                         }, "⋯", -1 /* CACHED */)
-                                      ]))], 8 /* PROPS */, _hoisted_21$n),
+                                      ]))], 8 /* PROPS */, _hoisted_21$o),
                                       ($options.isMenuOpen(card))
                                         ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                                             key: 0,
@@ -307584,7 +307818,7 @@ function render$2v(_ctx, _cache, $props, $setup, $data, $options) {
                                                         : vue$1.createCommentVNode("v-if", true)
                                                     ], 10 /* CLASS, PROPS */, _hoisted_25$i))
                                                   }), 128 /* KEYED_FRAGMENT */))
-                                                ], 8 /* PROPS */, _hoisted_23$m))
+                                                ], 8 /* PROPS */, _hoisted_23$n))
                                               : vue$1.createCommentVNode("v-if", true),
                                             vue$1.createElementVNode("button", {
                                               type: "button",
@@ -307593,7 +307827,7 @@ function render$2v(_ctx, _cache, $props, $setup, $data, $options) {
                                               "data-testid": "cn-board-menu-new-tab",
                                               onClick: $event => ($options.onMenuOpenNewTab(card))
                                             }, vue$1.toDisplayString($options.openInNewTabLabel), 9 /* TEXT, PROPS */, _hoisted_28$b)
-                                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_22$n))
+                                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_22$o))
                                         : vue$1.createCommentVNode("v-if", true)
                                     ])
                                   ]),
@@ -309607,17 +309841,17 @@ const _hoisted_18$u = {
   "aria-hidden": "true"
 };
 const _hoisted_19$s = { class: "cn-ordered-list-field__text" };
-const _hoisted_20$m = { class: "cn-ordered-list-field__name" };
-const _hoisted_21$m = {
+const _hoisted_20$n = { class: "cn-ordered-list-field__name" };
+const _hoisted_21$n = {
   key: 0,
   class: "cn-ordered-list-field__description"
 };
-const _hoisted_22$m = {
+const _hoisted_22$n = {
   key: 0,
   class: "cn-ordered-list-field__hint",
   "data-testid": "cn-ordered-list-hint"
 };
-const _hoisted_23$l = {
+const _hoisted_23$m = {
   class: "hidden-visually",
   "aria-live": "polite",
   "data-testid": "cn-ordered-list-live"
@@ -309767,9 +310001,9 @@ function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
                     ]))
                   : vue$1.createCommentVNode("v-if", true),
                 vue$1.createElementVNode("span", _hoisted_19$s, [
-                  vue$1.createElementVNode("span", _hoisted_20$m, vue$1.toDisplayString(option.label), 1 /* TEXT */),
+                  vue$1.createElementVNode("span", _hoisted_20$n, vue$1.toDisplayString(option.label), 1 /* TEXT */),
                   (option.description)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$m, vue$1.toDisplayString(option.description), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$n, vue$1.toDisplayString(option.description), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ])
               ])
@@ -309777,11 +310011,11 @@ function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["options", "inputLabel", "placeholder", "loading", "filterable", "onSearch", "onUpdate:modelValue"]),
           ($props.addHint)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$m, vue$1.toDisplayString($props.addHint), 1 /* TEXT */))
+            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$n, vue$1.toDisplayString($props.addHint), 1 /* TEXT */))
             : vue$1.createCommentVNode("v-if", true)
         ]))
       : vue$1.createCommentVNode("v-if", true),
-    vue$1.createElementVNode("p", _hoisted_23$l, vue$1.toDisplayString($data.announcement), 1 /* TEXT */)
+    vue$1.createElementVNode("p", _hoisted_23$m, vue$1.toDisplayString($data.announcement), 1 /* TEXT */)
   ]))
 }
 
@@ -313089,10 +313323,10 @@ const _hoisted_19$r = {
   key: 3,
   class: "cn-federation-status__list"
 };
-const _hoisted_20$l = ["data-status", "onClick"];
-const _hoisted_21$l = { class: "cn-federation-status__node-body" };
-const _hoisted_22$l = { class: "cn-federation-status__node-name" };
-const _hoisted_23$k = {
+const _hoisted_20$m = ["data-status", "onClick"];
+const _hoisted_21$m = { class: "cn-federation-status__node-body" };
+const _hoisted_22$m = { class: "cn-federation-status__node-name" };
+const _hoisted_23$l = {
   key: 0,
   class: "cn-federation-status__node-url"
 };
@@ -313157,10 +313391,10 @@ function render$2j(_ctx, _cache, $props, $setup, $data, $options) {
               vue$1.createElementVNode("span", {
                 class: vue$1.normalizeClass(["cn-federation-status__node-dot cn-federation-status__dot", 'cn-federation-status__dot--' + $options.normaliseStatus(node.status)])
               }, null, 2 /* CLASS */),
-              vue$1.createElementVNode("div", _hoisted_21$l, [
-                vue$1.createElementVNode("span", _hoisted_22$l, vue$1.toDisplayString(node.name || node.id), 1 /* TEXT */),
+              vue$1.createElementVNode("div", _hoisted_21$m, [
+                vue$1.createElementVNode("span", _hoisted_22$m, vue$1.toDisplayString(node.name || node.id), 1 /* TEXT */),
                 (node.url)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_23$k, vue$1.toDisplayString(node.url), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_23$l, vue$1.toDisplayString(node.url), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
                 (node.message)
                   ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_24$j, vue$1.toDisplayString(node.message), 1 /* TEXT */))
@@ -313170,7 +313404,7 @@ function render$2j(_ctx, _cache, $props, $setup, $data, $options) {
                   : vue$1.createCommentVNode("v-if", true)
               ]),
               vue$1.createElementVNode("span", _hoisted_26$f, vue$1.toDisplayString($options.statusLabel(node.status)), 1 /* TEXT */)
-            ], 10 /* CLASS, PROPS */, _hoisted_20$l))
+            ], 10 /* CLASS, PROPS */, _hoisted_20$m))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
   ]))
@@ -324102,16 +324336,16 @@ const _hoisted_19$q = {
   key: 0,
   class: "cn-actions-bar__search"
 };
-const _hoisted_20$k = ["placeholder", "value", "aria-label"];
-const _hoisted_21$k = {
+const _hoisted_20$l = ["placeholder", "value", "aria-label"];
+const _hoisted_21$l = {
   key: 1,
   class: "cn-actions-bar__count"
 };
-const _hoisted_22$k = {
+const _hoisted_22$l = {
   class: "cn-actions-bar__active-label",
   "data-testid": "cn-actions-bar-active-label"
 };
-const _hoisted_23$j = { class: "cn-actions-bar__filter-chip-label" };
+const _hoisted_23$k = { class: "cn-actions-bar__filter-chip-label" };
 const _hoisted_24$i = ["aria-label", "onClick"];
 const _hoisted_25$g = {
   class: "cn-actions-bar__sr-status",
@@ -324612,22 +324846,22 @@ function render$2e(_ctx, _cache, $props, $setup, $data, $options) {
                     value: $props.searchValue,
                     "aria-label": $props.searchPlaceholder || $options.t('nextcloud-vue', 'Search in this list'),
                     onInput: _cache[9] || (_cache[9] = (...args) => ($options.onSearchInput && $options.onSearchInput(...args)))
-                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$k)
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$l)
                 ]))
               : ($props.showCount && $options.hasTotal && !$options.searchInToolbar)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$k, vue$1.toDisplayString($options.countText), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$l, vue$1.toDisplayString($options.countText), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
             vue$1.renderSlot(_ctx.$slots, "after-search"),
             ($props.activeFilterChips.length > 0)
               ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 2 }, [
-                  vue$1.createElementVNode("span", _hoisted_22$k, vue$1.toDisplayString($options.t('nextcloud-vue', 'Active:')), 1 /* TEXT */),
+                  vue$1.createElementVNode("span", _hoisted_22$l, vue$1.toDisplayString($options.t('nextcloud-vue', 'Active:')), 1 /* TEXT */),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($props.activeFilterChips, (chip) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                       key: chip.key,
                       class: "cn-actions-bar__filter-chip",
                       "data-testid": "cn-actions-bar-filter-chip"
                     }, [
-                      vue$1.createElementVNode("span", _hoisted_23$j, vue$1.toDisplayString(chip.label), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_23$k, vue$1.toDisplayString(chip.label), 1 /* TEXT */),
                       vue$1.createElementVNode("button", {
                         type: "button",
                         class: "cn-actions-bar__filter-chip-remove",
@@ -328093,16 +328327,16 @@ const _hoisted_16$y = {
 const _hoisted_17$u = { class: "cn-sidebar-columns__order-list" };
 const _hoisted_18$r = ["onDragstart", "onDrop"];
 const _hoisted_19$p = { class: "cn-sidebar-columns__order-label" };
-const _hoisted_20$j = {
+const _hoisted_20$k = {
   key: 0,
   class: "cn-sidebar-columns__group cn-sidebar-columns__group--collapsible"
 };
-const _hoisted_21$j = {
+const _hoisted_21$k = {
   key: 0,
   class: "cn-sidebar-columns__group-content"
 };
-const _hoisted_22$j = ["onClick"];
-const _hoisted_23$i = ["lang"];
+const _hoisted_22$k = ["onClick"];
+const _hoisted_23$j = ["lang"];
 const _hoisted_24$h = {
   key: 0,
   class: "cn-sidebar-columns__group-content"
@@ -328406,7 +328640,7 @@ function render$29(_ctx, _cache, $props, $setup, $data, $options) {
               ($options.allColumns.length > 0 || $options.allGroups.length > 0)
                 ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                     ($options.allColumns.length > 0)
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$j, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$k, [
                           vue$1.createElementVNode("div", {
                             class: "cn-sidebar-columns__group-header",
                             onClick: _cache[5] || (_cache[5] = $event => ($data.propertiesExpanded = !$data.propertiesExpanded))
@@ -328434,7 +328668,7 @@ function render$29(_ctx, _cache, $props, $setup, $data, $options) {
                             }, 8 /* PROPS */, ["modelValue"])
                           ]),
                           ($data.propertiesExpanded)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$j, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$k, [
                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.allColumns, (col) => {
                                   return (vue$1.openBlock(), vue$1.createBlock(_component_NcCheckboxRadioSwitch, {
                                     key: col.key,
@@ -328471,7 +328705,7 @@ function render$29(_ctx, _cache, $props, $setup, $data, $options) {
                               })),
                           vue$1.createElementVNode("h4", {
                             lang: $options.langOf(group.label)
-                          }, vue$1.toDisplayString($options.shown(group.label)), 9 /* TEXT, PROPS */, _hoisted_23$i),
+                          }, vue$1.toDisplayString($options.shown(group.label)), 9 /* TEXT, PROPS */, _hoisted_23$j),
                           vue$1.createVNode(_component_NcCheckboxRadioSwitch, {
                             modelValue: $options.isGroupAllVisible(group.columns),
                             class: "cn-sidebar-columns__select-all",
@@ -328483,7 +328717,7 @@ function render$29(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))]),
                             _: 1 /* STABLE */
                           }, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])
-                        ], 8 /* PROPS */, _hoisted_22$j),
+                        ], 8 /* PROPS */, _hoisted_22$k),
                         ($data.expandedGroups[group.id])
                           ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$h, [
                               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(group.columns, (col) => {
@@ -331145,6 +331379,18 @@ var script$22 = {
 	// The chips and the button are two roots under the board look.
 	inheritAttrs: false,
 
+	props: {
+		/**
+		 * Whether the board look draws the saved views as chips. `false`
+		 * leaves only Save view, for a page whose views live in the side
+		 * panel (DqZaken).
+		 */
+		chips: {
+			type: Boolean,
+			default: true,
+		},
+	},
+
 	emits: ['apply', 'save-request'],
 
 	computed: {
@@ -331189,7 +331435,7 @@ function render$21(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = vue$1.resolveComponent("NcButton");
 
   return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, null, [
-    ($options.isBoardLook && $options.chipRows.length > 0)
+    ($options.isBoardLook && $props.chips && $options.chipRows.length > 0)
       ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
           key: 0,
           class: "cn-saved-views__chips",
@@ -334495,6 +334741,19 @@ var script$1_ = {
 			default: null,
 		},
 
+		/**
+		 * Whether the board look draws the saved views as chips in the toolbar
+		 * (manifest `config.savedViewChips`). `false` keeps only Save view,
+		 * for a page whose views live in the side panel's Weergaven tab
+		 * (DqZaken, DqZakenSorteren, DqZakenKaart, DqWerkbord, DqFilterBeheren).
+		 *
+		 * @spec openspec/changes/saved-view-chips-switch/specs/saved-views/spec.md#requirement-an-index-page-can-leave-the-saved-view-chips-out-of-the-toolbar
+		 */
+		savedViewChips: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Where the quick-filter chips sit (manifest `config.quickFilterPlacement`).
 		 * `''` (the default) as before. `'toolbar'` keeps them on one row with
@@ -344997,18 +345256,18 @@ const _hoisted_19$n = {
   key: 0,
   class: "cn-index-page__filter-strip-count"
 };
-const _hoisted_20$i = { class: "cn-index-page__shortcuts" };
-const _hoisted_21$i = {
+const _hoisted_20$j = { class: "cn-index-page__shortcuts" };
+const _hoisted_21$j = {
   key: 0,
   class: "cn-index-page__folder-pane"
 };
-const _hoisted_22$i = {
+const _hoisted_22$j = {
   key: 0,
   class: "cn-index-page__sort-source-note",
   role: "status",
   "data-testid": "cn-index-sort-source-note"
 };
-const _hoisted_23$h = {
+const _hoisted_23$i = {
   key: 1,
   class: "cn-index-page__scope-heading",
   "data-testid": "cn-index-page-scope-heading"
@@ -345624,9 +345883,10 @@ function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
                     currentUserId: $options.currentSavedViewsUserId,
                     counts: $data.savedViewCounts,
                     selectedViewId: $data.appliedSavedViewId,
+                    chips: $props.savedViewChips,
                     onApply: $options.onApplySavedView,
                     onSaveRequest: _cache[2] || (_cache[2] = $event => ($data.showSaveViewDialog = true))
-                  }, null, 8 /* PROPS */, ["views", "loading", "currentUserId", "counts", "selectedViewId", "onApply"]))
+                  }, null, 8 /* PROPS */, ["views", "loading", "currentUserId", "counts", "selectedViewId", "chips", "onApply"]))
                 : vue$1.createCommentVNode("v-if", true),
               ($options.barShowsExportMenu)
                 ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
@@ -345813,7 +346073,7 @@ function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
           onCancel: _cache[15] || (_cache[15] = $event => ($data.showShortcutHelp = false))
         }, {
           default: vue$1.withCtx(() => [
-            vue$1.createElementVNode("dl", _hoisted_20$i, [
+            vue$1.createElementVNode("dl", _hoisted_20$j, [
               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.shortcutHelpEntries, (entry) => {
                 return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
                   key: entry.id
@@ -346027,7 +346287,7 @@ function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
       class: vue$1.normalizeClass(["cn-index-page__body", { 'cn-index-page__body--with-folders': $options.showsFolderPane }])
     }, [
       ($options.showsFolderPane)
-        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$i, [
+        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$j, [
             vue$1.createVNode(_component_CnFolderSidebar, {
               source: $options.folderSidebarSource,
               folders: $options.folderSidebarFolders,
@@ -346058,10 +346318,10 @@ function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue$1.renderSlot(_ctx.$slots, "before-collection"),
         ($options.sortSourceFellBack && $options.sortSourceFailedNote)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$i, vue$1.toDisplayString($options.sortSourceFailedNote), 1 /* TEXT */))
+          ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$j, vue$1.toDisplayString($options.sortSourceFailedNote), 1 /* TEXT */))
           : vue$1.createCommentVNode("v-if", true),
         ($options.scopeHeading)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$h, [
+          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$i, [
               vue$1.createElementVNode("h2", _hoisted_24$g, vue$1.toDisplayString($options.scopeHeading.name), 1 /* TEXT */),
               ($options.scopeHeading.subtitle)
                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$e, vue$1.toDisplayString($options.scopeHeading.subtitle), 1 /* TEXT */))
@@ -347304,13 +347564,13 @@ const _hoisted_16$v = { class: "cn-form-builder__field-meta" };
 const _hoisted_17$r = { class: "cn-form-builder__field-key" };
 const _hoisted_18$o = { class: "cn-form-builder__field-type" };
 const _hoisted_19$m = ["disabled", "title", "onClick"];
-const _hoisted_20$h = ["disabled", "title", "onClick"];
-const _hoisted_21$h = ["title", "onClick"];
-const _hoisted_22$h = {
+const _hoisted_20$i = ["disabled", "title", "onClick"];
+const _hoisted_21$i = ["title", "onClick"];
+const _hoisted_22$i = {
   class: "cn-form-builder__editor",
   "data-testid": "cn-form-builder-editor"
 };
-const _hoisted_23$g = { class: "cn-form-builder__editor-title" };
+const _hoisted_23$h = { class: "cn-form-builder__editor-title" };
 const _hoisted_24$f = {
   key: 0,
   class: "cn-form-builder__empty"
@@ -347402,20 +347662,20 @@ function render$1X(_ctx, _cache, $props, $setup, $data, $options) {
                       disabled: idx === $data.model.length - 1,
                       title: $props.moveDownLabel,
                       onClick: $event => ($options.moveField(idx, 1))
-                    }, " ↓ ", 8 /* PROPS */, _hoisted_20$h),
+                    }, " ↓ ", 8 /* PROPS */, _hoisted_20$i),
                     vue$1.createElementVNode("button", {
                       type: "button",
                       class: "cn-form-builder__action cn-form-builder__action--delete",
                       title: $props.deleteLabel,
                       onClick: $event => ($options.removeField(idx))
-                    }, " × ", 8 /* PROPS */, _hoisted_21$h)
+                    }, " × ", 8 /* PROPS */, _hoisted_21$i)
                   ])
                 ], 10 /* CLASS, PROPS */, _hoisted_15$x))
               }), 128 /* KEYED_FRAGMENT */))
             ]))
       ]),
-      vue$1.createElementVNode("section", _hoisted_22$h, [
-        vue$1.createElementVNode("h4", _hoisted_23$g, vue$1.toDisplayString($props.editorTitle), 1 /* TEXT */),
+      vue$1.createElementVNode("section", _hoisted_22$i, [
+        vue$1.createElementVNode("h4", _hoisted_23$h, vue$1.toDisplayString($props.editorTitle), 1 /* TEXT */),
         ($options.selectedField === null)
           ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_24$f, vue$1.toDisplayString($props.noSelectionLabel), 1 /* TEXT */))
           : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$d, [
@@ -349687,16 +349947,16 @@ const _hoisted_19$k = {
   key: 0,
   class: "cn-rich-submit__required"
 };
-const _hoisted_20$g = {
+const _hoisted_20$h = {
   key: 1,
   class: "cn-form-field__optional"
 };
-const _hoisted_21$g = ["id", "accept", "multiple", "aria-required"];
-const _hoisted_22$g = {
+const _hoisted_21$h = ["id", "accept", "multiple", "aria-required"];
+const _hoisted_22$h = {
   key: 0,
   class: "cn-rich-submit__hint"
 };
-const _hoisted_23$f = {
+const _hoisted_23$g = {
   key: 1,
   class: "cn-rich-submit__file-list"
 };
@@ -349856,7 +350116,7 @@ function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.filesRequired && !_ctx.isBoardLook)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$k, "*"))
                       : (_ctx.isBoardLook && !$props.filesRequired)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$g, " (" + vue$1.toDisplayString($props.optionalLabel) + ")", 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$h, " (" + vue$1.toDisplayString($props.optionalLabel) + ")", 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_18$m),
                   vue$1.createElementVNode("input", {
@@ -349867,12 +350127,12 @@ function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-rich-submit__file",
                     "aria-required": _ctx.isBoardLook && $props.filesRequired ? 'true' : undefined,
                     onChange: _cache[1] || (_cache[1] = (...args) => ($options.onFilesChange && $options.onFilesChange(...args)))
-                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$g),
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_21$h),
                   ($props.filesHint)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_22$g, vue$1.toDisplayString($props.filesHint), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("small", _hoisted_22$h, vue$1.toDisplayString($props.filesHint), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   ($data.formData.files.length > 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_23$f, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_23$g, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.formData.files, (f, idx) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", { key: idx }, [
                             vue$1.createTextVNode(vue$1.toDisplayString(f.name) + " ", 1 /* TEXT */),
@@ -351233,19 +351493,19 @@ const _hoisted_16$s = {
 const _hoisted_17$o = ["onClick"];
 const _hoisted_18$l = { class: "cn-register-mapping__board-group-name" };
 const _hoisted_19$j = { class: "cn-register-mapping__board-group-count" };
-const _hoisted_20$f = {
+const _hoisted_20$g = {
   key: 1,
   class: "cn-register-mapping__board-save"
 };
-const _hoisted_21$f = {
+const _hoisted_21$g = {
   key: 1,
   class: "cn-register-mapping"
 };
-const _hoisted_22$f = {
+const _hoisted_22$g = {
   key: 0,
   class: "cn-register-mapping__group-heading"
 };
-const _hoisted_23$e = ["aria-expanded", "aria-controls", "onClick"];
+const _hoisted_23$f = ["aria-expanded", "aria-controls", "onClick"];
 const _hoisted_24$e = {
   class: "cn-register-mapping__group-chevron",
   "aria-hidden": "true"
@@ -351452,7 +351712,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : vue$1.createCommentVNode("v-if", true),
             ($props.showSaveButton)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$f, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$g, [
                   vue$1.createVNode(_component_NcButton, {
                     variant: "primary",
                     disabled: $props.saving || !$options.hasChanges,
@@ -351478,7 +351738,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
               : vue$1.createCommentVNode("v-if", true)
           ]))
         : (!$data.registersLoading && !$data.registersError)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$f, [
+          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$g, [
               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($props.groups, (group, groupIdx) => {
                 return (vue$1.openBlock(), vue$1.createElementBlock("div", {
                   key: groupIdx,
@@ -351486,7 +351746,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
                   "data-testid": "cn-register-mapping-group"
                 }, [
                   ($options.groupsCollapsible)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("h4", _hoisted_22$f, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("h4", _hoisted_22$g, [
                         vue$1.createElementVNode("button", {
                           type: "button",
                           class: "cn-register-mapping__group-toggle",
@@ -351516,7 +351776,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
                               vue$1.createElementVNode("span", _hoisted_27$7, vue$1.toDisplayString($options.configuredCount(groupIdx)) + "/" + vue$1.toDisplayString(group.types.length) + " " + vue$1.toDisplayString($props.labels.partiallyConfigured), 1 /* TEXT */)
                             ])
                           ])
-                        ], 8 /* PROPS */, _hoisted_23$e)
+                        ], 8 /* PROPS */, _hoisted_23$f)
                       ]))
                     : vue$1.renderSlot(_ctx.$slots, "group-header", {
                         group: group,
@@ -354299,10 +354559,10 @@ const _hoisted_19$i = {
   key: 5,
   class: "cn-sm-field cn-sm-field--check"
 };
-const _hoisted_20$e = ["id", "checked", "disabled", "onChange"];
-const _hoisted_21$e = ["for"];
-const _hoisted_22$e = ["for"];
-const _hoisted_23$d = ["id", "disabled", "onChange"];
+const _hoisted_20$f = ["id", "checked", "disabled", "onChange"];
+const _hoisted_21$f = ["for"];
+const _hoisted_22$f = ["for"];
+const _hoisted_23$e = ["id", "disabled", "onChange"];
 const _hoisted_24$d = ["value", "selected"];
 const _hoisted_25$b = ["for"];
 const _hoisted_26$9 = ["id", "rows", "value", "placeholder", "aria-describedby", "disabled", "onInput"];
@@ -354573,10 +354833,10 @@ function render$1N(_ctx, _cache, $props, $setup, $data, $options) {
                           checked: !!$props.target[field.key],
                           disabled: $options.isDisabled(field),
                           onChange: $event => ($options.panel.set($props.target, field.key, $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$e),
+                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_20$f),
                         vue$1.createElementVNode("label", {
                           for: $options.idFor(field)
-                        }, vue$1.toDisplayString($options.panel.tr(field.label)), 9 /* TEXT, PROPS */, _hoisted_21$e)
+                        }, vue$1.toDisplayString($options.panel.tr(field.label)), 9 /* TEXT, PROPS */, _hoisted_21$f)
                       ]))
                     : (field.type === 'select')
                       ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -354586,7 +354846,7 @@ function render$1N(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("label", {
                             for: $options.idFor(field),
                             class: vue$1.normalizeClass(["cn-sm-field__label", { 'cn-sm-visually-hidden': field.hideLabel }])
-                          }, vue$1.toDisplayString($options.panel.tr(field.label)), 11 /* TEXT, CLASS, PROPS */, _hoisted_22$e),
+                          }, vue$1.toDisplayString($options.panel.tr(field.label)), 11 /* TEXT, CLASS, PROPS */, _hoisted_22$f),
                           vue$1.createElementVNode("select", {
                             id: $options.idFor(field),
                             class: "cn-sm-field__input",
@@ -354600,7 +354860,7 @@ function render$1N(_ctx, _cache, $props, $setup, $data, $options) {
                                 selected: $options.sameValue(option.value, $props.target[field.key])
                               }, vue$1.toDisplayString(option.label), 9 /* TEXT, PROPS */, _hoisted_24$d))
                             }), 128 /* KEYED_FRAGMENT */))
-                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$d)
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23$e)
                         ], 2 /* CLASS */))
                       : (vue$1.openBlock(), vue$1.createElementBlock("div", {
                           key: 7,
@@ -356323,6 +356583,9 @@ script$1L.render = render$1K;
 script$1L.__scopeId = "data-v-030b53d4";
 const __sfc_main$1L = script$1L;
 
+/** How long typing rests before a search field searches, in ms. */
+const SEARCH_DELAY$2 = 250;
+
 /** The page refresh channel the built-in widgets listen on. */
 const PAGE_REFRESH$2 = 'cn:page:refresh';
 
@@ -356351,10 +356614,17 @@ let reasonSeq = 0;
  *   the action runs only while `allowedPath` reads true; `reasonPath` says
  *   why not. With `listPath` the paths read the entry of that list whose
  *   fields equal `match` (`{ act: "archive" }`).
- * - `fields`: `[{ field, type?: "text"|"date"|"datetime"|"select", label?,
- *   required?, options?: [{ value, label, fills? }] }]`: inputs sent beside
- *   the reason, required by default; a select option's `fills` sets other
- *   fields that are still empty.
+ * - `fields`: `[{ field, type?: "text"|"date"|"datetime"|"select"|"checkbox", label?,
+ *   required?, options?: [{ value, label, fills? }], hint?, default? }]`: inputs
+ *   sent beside the reason, required by default; a select option's `fills`
+ *   sets other fields that are still empty. A `checkbox` is sent as a boolean,
+ *   starts at `default` (false), fills its `label` and `hint` from the record,
+ *   and is optional unless `required: true` (then it must be ticked). A
+ *   `search` field finds records of `source: { register, schema }` as the
+ *   reader types, shows each as `optionLabel` with `optionSecondary` under
+ *   it (templates on the found record), leaves the record in hand out with
+ *   `excludeSelf`, and sends the chosen record's id. Every field's `label`,
+ *   `hint` and `placeholder` are templates filled from the record.
  * - `reason`: `{ label?, hint?, required?, field?, rows? }`: a text area; required by
  *   default; sent as `field` (default `reason`). `rows` is its height in lines
  *   (default 2; board DqBesluit draws 4).
@@ -356368,7 +356638,7 @@ let reasonSeq = 0;
 var script$1K = {
 	name: 'CnActionDialog',
 
-	components: { CheckCircle, CircleOutline, CnDialog: __sfc_main$7L, CnIcon: __sfc_main$8c, HelpCircleOutline, NcButton: vue.NcButton, NcNoteCard: vue.NcNoteCard, NcSelect: vue.NcSelect, NcTextArea: vue.NcTextArea, NcTextField: vue.NcTextField },
+	components: { CheckCircle, CircleOutline, CnDialog: __sfc_main$7L, CnIcon: __sfc_main$8c, CnSearchSelect: __sfc_main$7C, HelpCircleOutline, NcButton: vue.NcButton, NcCheckboxRadioSwitch: vue.NcCheckboxRadioSwitch, NcNoteCard: vue.NcNoteCard, NcSelect: vue.NcSelect, NcTextArea: vue.NcTextArea, NcTextField: vue.NcTextField },
 
 	inject: {
 		/** The host app's translate (CnAppRoot `cnTranslate`). */
@@ -356415,6 +356685,10 @@ var script$1K = {
 			allowed: true,
 			reason: '',
 			values: {},
+			/** A search field's found options, by field name. */
+			searchOptions: {},
+			/** The search field whose search runs, or ''. */
+			searching: '',
 			busy: false,
 			refusal: '',
 			done: false,
@@ -356533,6 +356807,20 @@ var script$1K = {
 			return this.record ? this.fill(this.config.eyebrow) || this.text(this.config.eyebrow) : this.text(this.config.eyebrow)
 		},
 
+		/**
+		 * The value of every field as sent: a checkbox as a boolean, the
+		 * others as entered ('' when empty).
+		 *
+		 * @return {object} Values by field name.
+		 */
+		fieldValues() {
+			const out = { ...this.values };
+			for (const field of this.fields) {
+				out[field.field] = field.type === 'checkbox' ? this.checkboxValue(field) : (this.values[field.field] ?? '');
+			}
+			return out
+		},
+
 		/** @return {Array<object>} The fields with a name. */
 		fields() {
 			return (Array.isArray(this.config.fields) ? this.config.fields : []).filter((f) => f && f.field)
@@ -356545,7 +356833,12 @@ var script$1K = {
 		 * @return {boolean}
 		 */
 		fieldsFilled() {
-			return this.fields.every((f) => f.required === false || this.secretStored(f) || String(this.values[f.field] ?? '').trim() !== '')
+			return this.fields.every((f) => {
+				if (f.type === 'checkbox') {
+					return f.required !== true || this.checkboxValue(f)
+				}
+				return f.required === false || this.secretStored(f) || String(this.values[f.field] ?? '').trim() !== ''
+			})
 		},
 	},
 
@@ -356563,6 +356856,10 @@ var script$1K = {
 		await Promise.all([this.loadRecord(), this.loadChecklist(), this.loadPermission()]);
 	},
 
+	beforeUnmount() {
+		clearTimeout(this.searchTimer);
+	},
+
 	methods: {
 		t: l10n.translate,
 
@@ -356572,6 +356869,76 @@ var script$1K = {
 		 * @param {unknown} value The text.
 		 * @return {string}
 		 */
+		/**
+		 * Search a search field's records once typing rests.
+		 *
+		 * @param {object} field The field.
+		 * @param {string} typed What the reader typed.
+		 * @return {void}
+		 * @spec openspec/changes/action-dialog-search-field/specs/action-dialog-search-field/spec.md#requirement-an-action-dialog-field-can-search-records
+		 */
+		onSearch(field, typed) {
+			clearTimeout(this.searchTimer);
+			this.searchTimer = setTimeout(() => this.searchRecords(field, String(typed || '').trim()), SEARCH_DELAY$2);
+		},
+
+		/**
+		 * Read the records of a search field's `source` that match the term.
+		 *
+		 * @param {object} field The field.
+		 * @param {string} term The term.
+		 * @return {Promise<void>}
+		 */
+		async searchRecords(field, term) {
+			const source = field.source || {};
+			if (!term || !source.register || !source.schema) {
+				this.searchOptions = { ...this.searchOptions, [field.field]: [] };
+				return
+			}
+			this.searching = field.field;
+			try {
+				const url = router.generateUrl(`/apps/openregister/api/objects/${encodeURIComponent(source.register)}/${encodeURIComponent(source.schema)}`);
+				const { data } = await axios$1.get(url, { params: { _search: term, _limit: 10 } });
+				const rows = Array.isArray(data) ? data : (data && Array.isArray(data.results) ? data.results : []);
+				const self = String(this.recordId || '');
+				const options = rows
+					.map((row) => ({ row, id: String(row.id || (row['@self'] && row['@self'].id) || '') }))
+					.filter(({ id }) => id !== '' && !(field.excludeSelf && id === self))
+					.map(({ row, id }) => {
+						const option = { id, label: this.fill(field.optionLabel || '{title}', row) || id };
+						const secondary = this.fill(field.optionSecondary, row);
+						return secondary ? { ...option, secondary } : option
+					});
+				this.searchOptions = { ...this.searchOptions, [field.field]: options };
+			} catch {
+				this.searchOptions = { ...this.searchOptions, [field.field]: [] };
+			} finally {
+				this.searching = '';
+			}
+		},
+
+		/**
+		 * A checkbox field's state: what was ticked, else its `default`.
+		 *
+		 * @param {object} field The field.
+		 * @return {boolean}
+		 * @spec openspec/changes/action-dialog-checkbox-field/specs/action-dialog-checkbox-field/spec.md#requirement-an-action-dialog-field-can-be-a-checkbox
+		 */
+		checkboxValue(field) {
+			return field.field in this.values ? this.values[field.field] === true : field.default === true
+		},
+
+		/**
+		 * Tick or untick a checkbox field.
+		 *
+		 * @param {string} name The field.
+		 * @param {boolean} on Ticked.
+		 * @return {void}
+		 */
+		setChecked(name, on) {
+			this.values = { ...this.values, [name]: on === true };
+		},
+
 		text(value) {
 			return typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''
 		},
@@ -356728,21 +357095,22 @@ var script$1K = {
 					if (this.config.reason) {
 						body[this.config.reason.field || 'reason'] = reason;
 					}
+					const values = { ...this.fieldValues };
 					for (const field of this.fields) {
 						if (field.type === 'secret' && String(this.values[field.field] ?? '') === '') {
-							continue
+							delete values[field.field];
 						}
-						body[field.field] = this.values[field.field] ?? '';
 					}
+					Object.assign(body, values);
 					const method = String(request.method || 'POST').toLowerCase();
 					await axios$1[['post', 'put', 'patch', 'delete'].includes(method) ? method : 'post'](/^https?:\/\//i.test(url) ? url : router.generateUrl(url), body);
 				} else if (this.confirmConfig.action && typeof this.cnDispatchAction === 'function') {
-					await this.cnDispatchAction({ ...this.confirmConfig.action, args: [...(this.confirmConfig.action.args || []), { ...this.values, reason }] });
+					await this.cnDispatchAction({ ...this.confirmConfig.action, args: [...(this.confirmConfig.action.args || []), { ...this.fieldValues, reason }] });
 				}
 				this.done = true;
 				eventBus.emit(PAGE_REFRESH$2, {});
 				/** @event done The action ran. Payload: the field values and `reason`. */
-				this.$emit('done', { ...this.values, reason });
+				this.$emit('done', { ...this.fieldValues, reason });
 			} catch (failure) {
 				const data = failure && failure.response && failure.response.data;
 				this.refusal = String((data && (data.message || data.error)) || l10n.translate('nextcloud-vue', 'The action could not be completed.'));
@@ -356840,21 +357208,31 @@ const _hoisted_14$u = {
   class: "cn-action-dialog__muted"
 };
 const _hoisted_15$s = ["data-testid"];
-const _hoisted_16$q = {
+const _hoisted_16$q = { class: "cn-action-dialog__checkbox-text" };
+const _hoisted_17$m = { class: "cn-action-dialog__checkbox-label" };
+const _hoisted_18$j = {
+  key: 0,
+  class: "cn-action-dialog__muted"
+};
+const _hoisted_19$h = {
+  key: 5,
+  class: "cn-action-dialog__muted"
+};
+const _hoisted_20$e = {
   key: 2,
   class: "cn-action-dialog__field"
 };
-const _hoisted_17$m = {
+const _hoisted_21$e = {
   key: 0,
   class: "cn-action-dialog__muted"
 };
-const _hoisted_18$j = {
+const _hoisted_22$e = {
   key: 4,
   class: "cn-action-dialog__error",
   role: "alert",
   "data-testid": "cn-action-dialog-refusal"
 };
-const _hoisted_19$h = {
+const _hoisted_23$d = {
   key: 1,
   role: "status",
   "data-testid": "cn-action-dialog-done"
@@ -356865,6 +357243,8 @@ function render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CheckCircle = vue$1.resolveComponent("CheckCircle");
   const _component_HelpCircleOutline = vue$1.resolveComponent("HelpCircleOutline");
   const _component_CircleOutline = vue$1.resolveComponent("CircleOutline");
+  const _component_NcCheckboxRadioSwitch = vue$1.resolveComponent("NcCheckboxRadioSwitch");
+  const _component_CnSearchSelect = vue$1.resolveComponent("CnSearchSelect");
   const _component_NcSelect = vue$1.resolveComponent("NcSelect");
   const _component_NcTextField = vue$1.resolveComponent("NcTextField");
   const _component_NcTextArea = vue$1.resolveComponent("NcTextArea");
@@ -357011,36 +357391,70 @@ function render$1J(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "cn-action-dialog__field",
                 "data-testid": `cn-action-dialog-field-${field.field}`
               }, [
-                (field.type === 'select')
-                  ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
+                (field.type === 'checkbox')
+                  ? (vue$1.openBlock(), vue$1.createBlock(_component_NcCheckboxRadioSwitch, {
                       key: 0,
-                      modelValue: $options.selectedOption(field),
-                      options: $options.optionsOf(field),
-                      inputLabel: $options.text(field.label) || field.field,
-                      clearable: field.required === false,
-                      "onUpdate:modelValue": (option) => $options.pick(field, option)
-                    }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "clearable", "onUpdate:modelValue"]))
-                  : (field.type === 'secret')
-                    ? (vue$1.openBlock(), vue$1.createBlock(_component_NcTextField, {
+                      class: "cn-action-dialog__checkbox",
+                      modelValue: $options.checkboxValue(field),
+                      type: "checkbox",
+                      "onUpdate:modelValue": (on) => $options.setChecked(field.field, on)
+                    }, {
+                      default: vue$1.withCtx(() => [
+                        vue$1.createElementVNode("span", _hoisted_16$q, [
+                          vue$1.createElementVNode("strong", _hoisted_17$m, vue$1.toDisplayString($options.fill(field.label) || field.field), 1 /* TEXT */),
+                          (field.hint)
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$j, vue$1.toDisplayString($options.fill(field.hint)), 1 /* TEXT */))
+                            : vue$1.createCommentVNode("v-if", true)
+                        ])
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                  : (field.type === 'search')
+                    ? (vue$1.openBlock(), vue$1.createBlock(_component_CnSearchSelect, {
                         key: 1,
-                        modelValue: $data.values[field.field] || '',
-                        type: "password",
-                        autocomplete: "new-password",
-                        label: $options.text(field.label) || field.field,
-                        placeholder: $options.secretStored(field) ? $options.t('nextcloud-vue', 'Stored. Type a new value to replace it.') : '',
-                        "onUpdate:modelValue": (value) => $options.setValue(field.field, value)
-                      }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "onUpdate:modelValue"]))
-                    : (vue$1.openBlock(), vue$1.createBlock(_component_NcTextField, {
-                        key: 2,
-                        modelValue: $data.values[field.field] || '',
-                        type: field.type === 'datetime' ? 'datetime-local' : (field.type === 'date' ? 'date' : 'text'),
-                        label: $options.text(field.label) || field.field,
-                        "onUpdate:modelValue": (value) => $options.setValue(field.field, value)
-                      }, null, 8 /* PROPS */, ["modelValue", "type", "label", "onUpdate:modelValue"]))
+                        modelValue: $data.values[field.field] || null,
+                        options: $data.searchOptions[field.field] || [],
+                        inputLabel: $options.fill(field.label) || field.field,
+                        labelOutside: true,
+                        loading: $data.searching === field.field,
+                        filterable: false,
+                        placeholder: $options.fill(field.placeholder),
+                        onSearch: (typed) => $options.onSearch(field, typed),
+                        "onUpdate:modelValue": (value) => $options.setValue(field.field, value && typeof value === 'object' ? value.id : value)
+                      }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "loading", "placeholder", "onSearch", "onUpdate:modelValue"]))
+                    : (field.type === 'select')
+                      ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
+                          key: 2,
+                          modelValue: $options.selectedOption(field),
+                          options: $options.optionsOf(field),
+                          inputLabel: $options.fill(field.label) || field.field,
+                          clearable: field.required === false,
+                          "onUpdate:modelValue": (option) => $options.pick(field, option)
+                        }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "clearable", "onUpdate:modelValue"]))
+                      : (field.type === 'secret')
+                        ? (vue$1.openBlock(), vue$1.createBlock(_component_NcTextField, {
+                            key: 3,
+                            modelValue: $data.values[field.field] || '',
+                            type: "password",
+                            autocomplete: "new-password",
+                            label: $options.text(field.label) || field.field,
+                            placeholder: $options.secretStored(field) ? $options.t('nextcloud-vue', 'Stored. Type a new value to replace it.') : '',
+                            "onUpdate:modelValue": (value) => $options.setValue(field.field, value)
+                          }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "onUpdate:modelValue"]))
+                        : (vue$1.openBlock(), vue$1.createBlock(_component_NcTextField, {
+                            key: 4,
+                            modelValue: $data.values[field.field] || '',
+                            type: field.type === 'datetime' ? 'datetime-local' : (field.type === 'date' ? 'date' : 'text'),
+                            label: $options.fill(field.label) || field.field,
+                            "onUpdate:modelValue": (value) => $options.setValue(field.field, value)
+                          }, null, 8 /* PROPS */, ["modelValue", "type", "label", "onUpdate:modelValue"])),
+                (field.hint && field.type !== 'checkbox')
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$h, vue$1.toDisplayString($options.fill(field.hint)), 1 /* TEXT */))
+                  : vue$1.createCommentVNode("v-if", true)
               ], 8 /* PROPS */, _hoisted_15$s))
             }), 128 /* KEYED_FRAGMENT */)),
             ($props.config.reason)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$q, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$e, [
                   vue$1.createVNode(_component_NcTextArea, {
                     id: $data.reasonId,
                     modelValue: $data.reason,
@@ -357052,7 +357466,7 @@ function render$1J(_ctx, _cache, $props, $setup, $data, $options) {
                     "data-testid": "cn-action-dialog-reason"
                   }, null, 8 /* PROPS */, ["id", "modelValue", "label", "rows"]),
                   ($props.config.reason.hint)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$m, vue$1.toDisplayString($options.text($props.config.reason.hint)), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$e, vue$1.toDisplayString($options.text($props.config.reason.hint)), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
               : vue$1.createCommentVNode("v-if", true),
@@ -357070,17 +357484,17 @@ function render$1J(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8 /* PROPS */, ["type", "heading"]))
               : vue$1.createCommentVNode("v-if", true),
             ($data.refusal)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_18$j, vue$1.toDisplayString($data.refusal), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$e, vue$1.toDisplayString($data.refusal), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true)
           ]))
-        : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_19$h, vue$1.toDisplayString($options.text($props.config.doneText) || $options.t('nextcloud-vue', 'Done')), 1 /* TEXT */))
+        : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_23$d, vue$1.toDisplayString($options.text($props.config.doneText) || $options.t('nextcloud-vue', 'Done')), 1 /* TEXT */))
     ]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["name", "eyebrow", "subtitle", "noClose", "onClosing"]))
 }
 
 script$1K.render = render$1J;
-script$1K.__scopeId = "data-v-ececfa8c";
+script$1K.__scopeId = "data-v-feabd086";
 const __sfc_main$1K = script$1K;
 
 var CnActionDialog = /*#__PURE__*/Object.freeze({
@@ -357137,7 +357551,8 @@ function withTypedAssignee(found, typed, label) {
  *   sent as `field` (default `note`); `false` drops it. `rows` is the text
  *   area's height in lines (default 3, as board DqOverdragen draws it).
  * - `toggles`: `[{ field, label, note? }]`: switches that start off and are
- *   sent as booleans.
+ *   sent as booleans; `label` and `note` are templates filled from the record
+ *   ("{initiatorDisplayName} then gets a message").
  * - `confirm`: `{ label?, icon?, request?: { method?, url, body? }, action? }`.
  *   `request` sends the choice itself (`body` templates filled from the
  *   record); `action` dispatches a manifest action with the choice as its
@@ -357605,12 +358020,12 @@ function render$1I(_ctx, _cache, $props, $setup, $data, $options) {
                   "onUpdate:modelValue": $event => ($data.flags[toggle.field] = $event)
                 }, {
                   default: vue$1.withCtx(() => [
-                    vue$1.createElementVNode("span", _hoisted_7$Y, vue$1.toDisplayString($options.text(toggle.label)), 1 /* TEXT */)
+                    vue$1.createElementVNode("span", _hoisted_7$Y, vue$1.toDisplayString($options.fill(toggle.label)), 1 /* TEXT */)
                   ]),
                   _: 2 /* DYNAMIC */
                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]),
                 (toggle.note)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$R, vue$1.toDisplayString($options.text(toggle.note)), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$R, vue$1.toDisplayString($options.fill(toggle.note)), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ], 10 /* CLASS, PROPS */, _hoisted_6$13))
             }), 128 /* KEYED_FRAGMENT */)),
@@ -357625,7 +358040,7 @@ function render$1I(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1J.render = render$1I;
-script$1J.__scopeId = "data-v-45153be8";
+script$1J.__scopeId = "data-v-d3dfbd20";
 const __sfc_main$1J = script$1J;
 
 var CnAssignDialog = /*#__PURE__*/Object.freeze({
@@ -410493,37 +410908,28 @@ const REGISTRATION_KEY = Symbol.for('NcAppSettingsDialog:registration');
 /** The key NcAppSettingsSection injects for the legacy design flag. */
 const LEGACY_DESIGN_KEY = Symbol.for('NcAppSettingsDialog:legacy');
 
-/** Renders a section's icon vnodes as they were registered. */
-const CnVNodes = {
-	name: 'CnVNodes',
-	props: { vnodes: { type: [Array, Object], default: null } },
-	render() {
-		// A section's icon is drawn twice (navigation and heading), so each draw gets its own copy.
-		const list = Array.isArray(this.vnodes) ? this.vnodes : [this.vnodes];
-		return list.map((vnode) => (vnode && typeof vnode === 'object' ? vue$1.cloneVNode(vnode) : vnode))
-	},
-};
-
 /**
- * CnUserSettingsDialog - the user settings dialog in the board look (board
- * PqPersoonlijk): eyebrow, title and subtitle, a left navigation listing the
- * sections with their icons, the current section (the others stay mounted
- * but hidden), and a footer with a note that changes save straight away and
- * a Close button.
+ * CnUserSettingsDialog - the user settings dialog in the board look, as the
+ * DqPersoonlijkeInstellingen board draws Nextcloud's own settings dialog:
+ * 900px wide, the title at the top of a tinted navigation column, every
+ * section stacked on a white pane that the navigation scrolls, a close icon
+ * in the corner, and no header or footer. Under the sections a line says
+ * that changes save straight away.
  *
  * The sections stay the app's: any `NcAppSettingsSection` in the default slot
  * registers itself with this dialog exactly as it does with
- * `NcAppSettingsDialog`, with its name, order and `#icon` slot. CnAppRoot
- * renders this dialog instead of `NcAppSettingsDialog` under the board look.
+ * `NcAppSettingsDialog`, with its name and order. CnAppRoot renders this
+ * dialog instead of `NcAppSettingsDialog` under the board look.
  *
  * @spec openspec/changes/user-settings-board-dialog/specs/user-settings-board-dialog/spec.md#requirement-the-user-settings-dialog-takes-the-board-look
+ * @spec openspec/changes/user-settings-dialog-dq-board/specs/user-settings-dialog-dq-board/spec.md#requirement-the-user-settings-dialog-follows-the-dq-board
  *
  * @event update:open Emitted with `false` when the dialog closes.
  */
 var script$o = {
 	name: 'CnUserSettingsDialog',
 
-	components: { CnDialog: __sfc_main$7L, CnIcon: __sfc_main$8c, CnVNodes, NcButton: vue.NcButton },
+	components: { Close, CnDialog: __sfc_main$7L, NcButton: vue.NcButton },
 
 	provide() {
 		return {
@@ -410542,9 +410948,19 @@ var script$o = {
 		open: { type: Boolean, default: false },
 		/** Dialog title; also its accessible name. */
 		title: { type: String, required: true },
-		/** Context line above the title. */
+		/**
+		 * Deprecated and ignored: the board draws no line above the title.
+		 * Kept so a host that passes it stays valid.
+		 *
+		 * @deprecated
+		 */
 		eyebrow: { type: String, default: () => l10n.translate('nextcloud-vue', 'Your account') },
-		/** Sentence under the title. */
+		/**
+		 * Deprecated and ignored: the board draws no line under the title.
+		 * Kept so a host that passes it stays valid.
+		 *
+		 * @deprecated
+		 */
 		subtitle: { type: String, default: () => l10n.translate('nextcloud-vue', 'Only for you. Colleagues keep their own settings.') },
 		/** The app's name, after the footer note and as the navigation entry holding its sections. */
 		appName: { type: String, default: '' },
@@ -410563,8 +410979,6 @@ var script$o = {
 		return {
 			sections: [],
 			selected: '',
-			/** Ids of the sections whose heading is in the page, for the heading icons. */
-			headingTargets: [],
 			picked: false,
 		}
 	},
@@ -410587,9 +411001,9 @@ var script$o = {
 				}))
 		},
 
-		/** @return {object} The board's eyebrow: muted, in sentence case. */
-		eyebrowStyle() {
-			return { '--cn-dialog-eyebrow-transform': 'none', '--cn-dialog-eyebrow-color': 'var(--color-text-maxcontrast)' }
+		/** @return {object} The board's 900px width, over CnDialog's width roles. */
+		frameStyle() {
+			return { '--cn-dialog-width': '900px' }
 		},
 
 		/** @return {string} The navigation's accessible name. */
@@ -410609,21 +411023,6 @@ var script$o = {
 		},
 	},
 
-	watch: {
-		sections() {
-			this.$nextTick(() => {
-				this.headingTargets = typeof document === 'undefined'
-					? []
-					: this.sections.filter((section) => section.icon && document.getElementById(`settings-section_${section.id}--label`)).map((section) => section.id);
-				this.showSelected();
-			});
-		},
-
-		selected() {
-			this.$nextTick(() => this.showSelected());
-		},
-	},
-
 	methods: {
 		/**
 		 * Add a section to the navigation, kept in `order`; a section
@@ -410632,13 +411031,14 @@ var script$o = {
 		 *
 		 * @param {string} id The section id.
 		 * @param {string} name The section name.
-		 * @param {number} [order] The section's place.
-		 * @param {Array} [icon] The section's icon vnodes.
+		 * @param {number} [order] The section's place. A section's icon, the
+		 *   fourth argument NcAppSettingsSection passes, is not drawn: the
+		 *   board lists the sections by name alone.
 		 */
-		registerSection(id, name, order, icon) {
+		registerSection(id, name, order) {
 			const rest = this.sections.filter((section) => section.id !== id);
 			const place = typeof order === 'number' ? order : Math.max(0, ...rest.map((section) => section.order)) + 1;
-			this.sections = [...rest, { id, name, order: place, icon: icon ? vue$1.markRaw(icon) : null }].sort((a, b) => a.order - b.order);
+			this.sections = [...rest, { id, name, order: place }].sort((a, b) => a.order - b.order);
 			if (!this.picked) {
 				this.selected = this.sections[0].id;
 			}
@@ -410657,7 +411057,8 @@ var script$o = {
 		},
 
 		/**
-		 * Mark a section current and scroll it into view.
+		 * Mark a section current, scroll it to the top of the pane and focus
+		 * its heading. Every section stays in the pane.
 		 *
 		 * @param {string} id The section id.
 		 */
@@ -410665,33 +411066,18 @@ var script$o = {
 			this.picked = true;
 			this.selected = id;
 			this.$nextTick(() => {
-				this.showSelected();
+				const el = typeof document !== 'undefined' ? document.getElementById(`settings-section_${id}`) : null;
+				if (el && typeof el.scrollIntoView === 'function') {
+					el.scrollIntoView({ block: 'start', behavior: 'smooth' });
+				}
 				const heading = typeof document !== 'undefined' ? document.getElementById(`settings-section_${id}--label`) : null;
 				if (heading) {
 					heading.setAttribute('tabindex', '-1');
-					heading.focus();
+					heading.focus({ preventScroll: true });
 				}
 			});
 		},
 
-		/**
-		 * Show the current section and hide the others. They stay mounted,
-		 * so what a reader typed in one survives a switch.
-		 *
-		 * @spec openspec/changes/user-settings-one-section/specs/user-settings-board-dialog/spec.md#requirement-the-board-user-settings-dialog-shows-one-section-at-a-time
-		 */
-		showSelected() {
-			if (typeof document === 'undefined') {
-				return
-			}
-			for (const section of this.sections) {
-				const el = document.getElementById(`settings-section_${section.id}`);
-				if (el) {
-					el.hidden = section.id !== this.selected;
-				}
-			}
-		},
-
 		/**
 		 * Follow NcDialog's own open state.
 		 *
@@ -410716,37 +411102,31 @@ var script$o = {
 const _hoisted_1$z = { class: "cn-user-settings-dialog__body" };
 const _hoisted_2$y = ["aria-label"];
 const _hoisted_3$v = {
+  class: "cn-user-settings-dialog__title",
+  "data-testid": "cn-user-settings-title"
+};
+const _hoisted_4$v = {
   key: 0,
   class: "cn-user-settings-dialog__nc-links",
   "data-testid": "cn-user-settings-nc-links"
 };
-const _hoisted_4$v = ["href"];
-const _hoisted_5$k = {
-  key: 0,
-  class: "cn-user-settings-dialog__nav-icon",
-  "aria-hidden": "true"
-};
-const _hoisted_6$k = {
+const _hoisted_5$k = ["href"];
+const _hoisted_6$k = { class: "cn-user-settings-dialog__nav-label" };
+const _hoisted_7$h = {
   key: 1,
   class: "cn-user-settings-dialog__group",
   "data-testid": "cn-user-settings-app-group"
 };
-const _hoisted_7$h = ["href", "aria-current", "data-testid", "onClick"];
-const _hoisted_8$e = {
-  key: 0,
-  class: "cn-user-settings-dialog__nav-icon",
-  "aria-hidden": "true"
-};
-const _hoisted_9$c = { class: "cn-user-settings-dialog__sections" };
-const _hoisted_10$a = ["data-testid"];
+const _hoisted_8$e = ["href", "aria-current", "data-testid", "onClick"];
+const _hoisted_9$c = { class: "cn-user-settings-dialog__nav-label" };
+const _hoisted_10$a = { class: "cn-user-settings-dialog__sections" };
 const _hoisted_11$8 = {
   class: "cn-user-settings-dialog__note",
   "data-testid": "cn-user-settings-note"
 };
 
 function render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CnIcon = vue$1.resolveComponent("CnIcon");
-  const _component_CnVNodes = vue$1.resolveComponent("CnVNodes");
+  const _component_Close = vue$1.resolveComponent("Close");
   const _component_NcButton = vue$1.resolveComponent("NcButton");
   const _component_CnDialog = vue$1.resolveComponent("CnDialog");
 
@@ -410754,125 +411134,85 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
     class: "cn-user-settings-dialog",
     name: $props.title,
     look: "board",
-    width: "wizard",
-    eyebrow: $props.eyebrow,
-    subtitle: $props.subtitle,
+    headless: "",
     open: $props.open,
-    style: vue$1.normalizeStyle($options.eyebrowStyle),
+    style: vue$1.normalizeStyle($options.frameStyle),
     "data-testid": "cn-user-settings-dialog",
     "onUpdate:open": $options.onUpdateOpen,
     onClosing: $options.close
   }, {
-    actions: vue$1.withCtx(() => [
-      vue$1.createElementVNode("p", _hoisted_11$8, vue$1.toDisplayString($options.footerNote), 1 /* TEXT */),
-      vue$1.createVNode(_component_NcButton, {
-        variant: "secondary",
-        "data-testid": "cn-user-settings-close",
-        onClick: $options.close
-      }, {
-        default: vue$1.withCtx(() => [
-          vue$1.createTextVNode(vue$1.toDisplayString($options.closeLabel), 1 /* TEXT */)
-        ]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["onClick"])
-    ]),
     default: vue$1.withCtx(() => [
       vue$1.createElementVNode("div", _hoisted_1$z, [
-        ($data.sections.length > 0)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("nav", {
-              key: 0,
-              class: "cn-user-settings-dialog__nav",
-              "aria-label": $options.navLabel,
-              "data-testid": "cn-user-settings-nav"
-            }, [
-              ($options.ncLinks.length > 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_3$v, [
-                    (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.ncLinks, (link) => {
-                      return (vue$1.openBlock(), vue$1.createElementBlock("li", {
-                        key: link.key
-                      }, [
-                        vue$1.createElementVNode("a", {
-                          href: link.href,
-                          class: "cn-user-settings-dialog__nav-link"
-                        }, [
-                          (link.icon)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_5$k, [
-                                vue$1.createVNode(_component_CnIcon, {
-                                  name: link.icon,
-                                  size: 18
-                                }, null, 8 /* PROPS */, ["name"])
-                              ]))
-                            : vue$1.createCommentVNode("v-if", true),
-                          vue$1.createElementVNode("span", null, vue$1.toDisplayString(link.label), 1 /* TEXT */)
-                        ], 8 /* PROPS */, _hoisted_4$v)
-                      ]))
-                    }), 128 /* KEYED_FRAGMENT */))
-                  ]))
-                : vue$1.createCommentVNode("v-if", true),
-              ($options.ncLinks.length > 0 && $props.appName)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_6$k, vue$1.toDisplayString($props.appName), 1 /* TEXT */))
-                : vue$1.createCommentVNode("v-if", true),
-              vue$1.createElementVNode("ul", {
-                class: vue$1.normalizeClass({ 'cn-user-settings-dialog__group-sections': $options.ncLinks.length > 0 })
-              }, [
-                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.sections, (section) => {
+        vue$1.createElementVNode("nav", {
+          class: "cn-user-settings-dialog__nav",
+          "aria-label": $options.navLabel,
+          "data-testid": "cn-user-settings-nav"
+        }, [
+          vue$1.createElementVNode("h2", _hoisted_3$v, vue$1.toDisplayString($props.title), 1 /* TEXT */),
+          ($options.ncLinks.length > 0)
+            ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_4$v, [
+                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.ncLinks, (link) => {
                   return (vue$1.openBlock(), vue$1.createElementBlock("li", {
-                    key: section.id
+                    key: link.key
                   }, [
                     vue$1.createElementVNode("a", {
-                      href: `#settings-section_${section.id}`,
-                      class: vue$1.normalizeClass(["cn-user-settings-dialog__nav-link", { 'cn-user-settings-dialog__nav-link--active': section.id === $data.selected }]),
-                      "aria-current": section.id === $data.selected ? 'true' : undefined,
-                      "data-testid": `cn-user-settings-nav-${section.id}`,
-                      onClick: vue$1.withModifiers($event => ($options.selectSection(section.id)), ["prevent"])
+                      href: link.href,
+                      class: "cn-user-settings-dialog__nav-link"
                     }, [
-                      (section.icon)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$e, [
-                            vue$1.createVNode(_component_CnVNodes, {
-                              vnodes: section.icon
-                            }, null, 8 /* PROPS */, ["vnodes"])
-                          ]))
-                        : vue$1.createCommentVNode("v-if", true),
-                      vue$1.createElementVNode("span", null, vue$1.toDisplayString(section.name), 1 /* TEXT */)
-                    ], 10 /* CLASS, PROPS */, _hoisted_7$h)
+                      vue$1.createElementVNode("span", _hoisted_6$k, vue$1.toDisplayString(link.label), 1 /* TEXT */)
+                    ], 8 /* PROPS */, _hoisted_5$k)
                   ]))
                 }), 128 /* KEYED_FRAGMENT */))
-              ], 2 /* CLASS */)
-            ], 8 /* PROPS */, _hoisted_2$y))
-          : vue$1.createCommentVNode("v-if", true),
-        vue$1.createElementVNode("div", _hoisted_9$c, [
+              ]))
+            : vue$1.createCommentVNode("v-if", true),
+          ($options.ncLinks.length > 0 && $props.appName)
+            ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_7$h, vue$1.toDisplayString($props.appName), 1 /* TEXT */))
+            : vue$1.createCommentVNode("v-if", true),
+          vue$1.createElementVNode("ul", {
+            class: vue$1.normalizeClass({ 'cn-user-settings-dialog__group-sections': $options.ncLinks.length > 0 })
+          }, [
+            (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.sections, (section) => {
+              return (vue$1.openBlock(), vue$1.createElementBlock("li", {
+                key: section.id
+              }, [
+                vue$1.createElementVNode("a", {
+                  href: `#settings-section_${section.id}`,
+                  class: vue$1.normalizeClass(["cn-user-settings-dialog__nav-link", { 'cn-user-settings-dialog__nav-link--active': section.id === $data.selected }]),
+                  "aria-current": section.id === $data.selected ? 'true' : undefined,
+                  "data-testid": `cn-user-settings-nav-${section.id}`,
+                  onClick: vue$1.withModifiers($event => ($options.selectSection(section.id)), ["prevent"])
+                }, [
+                  vue$1.createElementVNode("span", _hoisted_9$c, vue$1.toDisplayString(section.name), 1 /* TEXT */)
+                ], 10 /* CLASS, PROPS */, _hoisted_8$e)
+              ]))
+            }), 128 /* KEYED_FRAGMENT */))
+          ], 2 /* CLASS */)
+        ], 8 /* PROPS */, _hoisted_2$y),
+        vue$1.createElementVNode("div", _hoisted_10$a, [
           vue$1.renderSlot(_ctx.$slots, "default"),
-          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.sections, (section) => {
-            return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
-              key: `heading-icon-${section.id}-${section.name}`
-            }, [
-              (section.icon && $data.headingTargets.includes(section.id))
-                ? (vue$1.openBlock(), vue$1.createBlock(vue$1.Teleport, {
-                    key: 0,
-                    to: `#settings-section_${section.id}--label`
-                  }, [
-                    vue$1.createElementVNode("span", {
-                      class: "cn-user-settings-dialog__heading-icon",
-                      "aria-hidden": "true",
-                      "data-testid": `cn-user-settings-heading-icon-${section.id}`
-                    }, [
-                      vue$1.createVNode(_component_CnVNodes, {
-                        vnodes: section.icon
-                      }, null, 8 /* PROPS */, ["vnodes"])
-                    ], 8 /* PROPS */, _hoisted_10$a)
-                  ], 8 /* PROPS */, ["to"]))
-                : vue$1.createCommentVNode("v-if", true)
-            ], 64 /* STABLE_FRAGMENT */))
-          }), 128 /* KEYED_FRAGMENT */))
-        ])
+          vue$1.createElementVNode("p", _hoisted_11$8, vue$1.toDisplayString($options.footerNote), 1 /* TEXT */)
+        ]),
+        vue$1.createVNode(_component_NcButton, {
+          class: "cn-user-settings-dialog__close",
+          variant: "tertiary",
+          "aria-label": $options.closeLabel,
+          title: $options.closeLabel,
+          "data-testid": "cn-user-settings-close",
+          onClick: $options.close
+        }, {
+          icon: vue$1.withCtx(() => [
+            vue$1.createVNode(_component_Close, { size: 20 })
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["aria-label", "title", "onClick"])
       ])
     ]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["name", "eyebrow", "subtitle", "open", "style", "onUpdate:open", "onClosing"]))
+  }, 8 /* PROPS */, ["name", "open", "style", "onUpdate:open", "onClosing"]))
 }
 
 script$o.render = render$o;
-script$o.__scopeId = "data-v-6d3e749e";
+script$o.__scopeId = "data-v-7d896e3e";
 const __sfc_main$o = script$o;
 
 /**
@@ -412608,9 +412948,10 @@ var script$n = {
 		},
 
 		/**
-		 * Board look: the line above the user-settings title. Empty uses
-		 * the library's "Your account".
+		 * Deprecated and ignored: the board user-settings dialog draws no
+		 * line above its title (DqPersoonlijkeInstellingen).
 		 *
+		 * @deprecated
 		 * @type {string}
 		 */
 		userSettingsEyebrow: {
@@ -412619,10 +412960,10 @@ var script$n = {
 		},
 
 		/**
-		 * Board look: the sentence under the user-settings title. Empty
-		 * uses the library's "Only for you. Colleagues keep their own
-		 * settings."
+		 * Deprecated and ignored: the board user-settings dialog draws no
+		 * sentence under its title (DqPersoonlijkeInstellingen).
 		 *
+		 * @deprecated
 		 * @type {string}
 		 */
 		userSettingsSubtitle: {
@@ -414123,8 +414464,8 @@ var script$n = {
 
 		/**
 		 * The props of the user-settings dialog: `NcAppSettingsDialog`'s, or
-		 * under the board look CnUserSettingsDialog's (eyebrow, subtitle and
-		 * the app's name for the footer note).
+		 * under the board look CnUserSettingsDialog's (title, the app's name
+		 * for the note under the sections, and the Nextcloud links).
 		 *
 		 * @spec openspec/changes/user-settings-board-dialog/specs/user-settings-board-dialog/spec.md#requirement-the-user-settings-dialog-takes-the-board-look
 		 * @return {object}