@conduction/nextcloud-vue 2.143.0 → 2.144.0

package/dist/nextcloud-vue.cjs.js

@@ -2930,6 +2930,12 @@ var translations$s = {
 	"expires {date}": "expires {date}",
 	"Loading …": "Loading …",
 	"Reorder {item}: drag, or press the up and down arrow keys": "Reorder {item}: drag, or press the up and down arrow keys",
+	"Board {name}": "Board {name}",
+	"list {name}": "list {name}",
+	Tentative: "Tentative",
+	Confirmed: "Confirmed",
+	Cancelled: "Cancelled",
+	"{start} until {end}": "{start} until {end}",
 	"No contacts linked": "No contacts linked",
 	"No relations yet": "No relations yet",
 	Period: "Period",
@@ -5916,6 +5922,12 @@ var translations$c = {
 	"Made {date}": "Gemaakt {date}",
 	"expires {date}": "verloopt {date}",
 	"Reorder {item}: drag, or press the up and down arrow keys": "{item} verplaatsen: slepen, of de pijltoetsen omhoog en omlaag",
+	"Board {name}": "Bord {name}",
+	"list {name}": "lijst {name}",
+	Tentative: "Voorlopig",
+	Confirmed: "Bevestigd",
+	Cancelled: "Geannuleerd",
+	"{start} until {end}": "{start} tot {end}",
 	"No contacts linked": "Geen contacten gekoppeld",
 	"No relations yet": "Nog geen relaties",
 	Period: "Periode",
@@ -7309,8 +7321,8 @@ const _hoisted_8$4i = {
   key: 0,
   class: "cn-ai-history-list__item-desc"
 };
-const _hoisted_9$3X = { class: "cn-ai-history-list__item-time" };
-const _hoisted_10$3t = ["aria-label", "title", "onClick"];
+const _hoisted_9$3Y = { class: "cn-ai-history-list__item-time" };
+const _hoisted_10$3u = ["aria-label", "title", "onClick"];
 
 function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcTextField = vue$1.resolveComponent("NcTextField");
@@ -7411,7 +7423,7 @@ function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
                           (conv.description)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$4i, vue$1.toDisplayString(conv.description), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
-                          vue$1.createElementVNode("span", _hoisted_9$3X, vue$1.toDisplayString($options.formatRelative(conv.updatedAt || conv.createdAt)), 1 /* TEXT */)
+                          vue$1.createElementVNode("span", _hoisted_9$3Y, vue$1.toDisplayString($options.formatRelative(conv.updatedAt || conv.createdAt)), 1 /* TEXT */)
                         ], 8 /* PROPS */, _hoisted_6$5c),
                         vue$1.createElementVNode("button", {
                           type: "button",
@@ -7422,7 +7434,7 @@ function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
                           onClick: $event => ($options.startEdit(conv))
                         }, [
                           vue$1.createVNode(_component_Pencil, { size: 16 })
-                        ], 8 /* PROPS */, _hoisted_10$3t)
+                        ], 8 /* PROPS */, _hoisted_10$3u)
                       ], 64 /* STABLE_FRAGMENT */))
                 ], 2 /* CLASS */))
               }), 128 /* KEYED_FRAGMENT */))
@@ -10496,12 +10508,12 @@ const _hoisted_8$4g = {
   key: 1,
   class: "cn-ai-message-list__chip"
 };
-const _hoisted_9$3W = {
+const _hoisted_9$3X = {
   key: 2,
   class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--assistant",
   "aria-live": "polite"
 };
-const _hoisted_10$3s = {
+const _hoisted_10$3t = {
   key: 1,
   class: "cn-ai-message-list__attachments",
   "data-testid": "cn-ai-message-attachments"
@@ -10509,16 +10521,16 @@ const _hoisted_10$3s = {
 const _hoisted_11$36 = ["href"];
 const _hoisted_12$2P = ["src", "alt"];
 const _hoisted_13$2w = ["href"];
-const _hoisted_14$2m = {
+const _hoisted_14$2n = {
   key: 2,
   class: "cn-ai-message-list__chip"
 };
-const _hoisted_15$29 = ["aria-expanded", "onClick"];
-const _hoisted_16$1Y = {
+const _hoisted_15$2a = ["aria-expanded", "onClick"];
+const _hoisted_16$1_ = {
   key: 0,
   class: "cn-ai-message-list__tool-detail"
 };
-const _hoisted_17$1K = { class: "cn-ai-message-list__tool-json" };
+const _hoisted_17$1L = { class: "cn-ai-message-list__tool-json" };
 const _hoisted_18$1w = {
   key: 1,
   class: "cn-ai-message-list__item cn-ai-message-list__item--assistant"
@@ -10576,7 +10588,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ]))
-            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$3W, [
+            : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$3X, [
                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList((message.attachmentNotices || []), (notice, nIdx) => {
                   return (vue$1.openBlock(), vue$1.createElementBlock("p", {
                     key: 'notice-' + nIdx,
@@ -10593,7 +10605,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, ["text"]))
                   : vue$1.createCommentVNode("v-if", true),
                 ($options.hasAttachments(message))
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_10$3s, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_10$3t, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(message.attachments, (file, fIdx) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: fIdx,
@@ -10621,7 +10633,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
                                   target: "_blank",
                                   rel: "noopener noreferrer"
                                 }, vue$1.toDisplayString($options.fileLabel(file)), 9 /* TEXT, PROPS */, _hoisted_13$2w))
-                              : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$2m, vue$1.toDisplayString(file.name), 1 /* TEXT */))
+                              : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$2n, vue$1.toDisplayString(file.name), 1 /* TEXT */))
                         ]))
                       }), 128 /* KEYED_FRAGMENT */))
                     ]))
@@ -10642,10 +10654,10 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
                         class: vue$1.normalizeClass(["cn-ai-message-list__tool-chevron", [{ 'cn-ai-message-list__tool-chevron--open': $options.isToolExpanded(index, tIdx) }]])
                       }, null, 8 /* PROPS */, ["class"]),
                       vue$1.createTextVNode(" " + vue$1.toDisplayString($options.cnTranslate('Tool: {toolId}').replace('{toolId}', tool.toolId)), 1 /* TEXT */)
-                    ], 8 /* PROPS */, _hoisted_15$29),
+                    ], 8 /* PROPS */, _hoisted_15$2a),
                     ($options.isToolExpanded(index, tIdx))
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1Y, [
-                          vue$1.createElementVNode("pre", _hoisted_17$1K, vue$1.toDisplayString($options.formatToolPayload(tool)), 1 /* TEXT */)
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1_, [
+                          vue$1.createElementVNode("pre", _hoisted_17$1L, vue$1.toDisplayString($options.formatToolPayload(tool)), 1 /* TEXT */)
                         ]))
                       : vue$1.createCommentVNode("v-if", true)
                   ], 2 /* CLASS */))
@@ -11771,31 +11783,31 @@ const _hoisted_8$4f = {
   class: "cn-ai-chat-window__start",
   "data-testid": "cn-ai-chat-tab-start"
 };
-const _hoisted_9$3V = {
+const _hoisted_9$3W = {
   key: 0,
   class: "cn-ai-chat-window__approvals",
   "data-testid": "cn-ai-panel-approvals"
 };
-const _hoisted_10$3r = { class: "cn-ai-approval__head" };
+const _hoisted_10$3s = { class: "cn-ai-approval__head" };
 const _hoisted_11$35 = { class: "cn-ai-approval__title" };
 const _hoisted_12$2O = { class: "cn-ai-approval__reach" };
 const _hoisted_13$2v = {
   key: 0,
   class: "cn-ai-approval__reason"
 };
-const _hoisted_14$2l = { class: "cn-ai-approval__actions" };
-const _hoisted_15$28 = {
+const _hoisted_14$2m = { class: "cn-ai-approval__actions" };
+const _hoisted_15$29 = {
   key: 1,
   class: "cn-ai-chat-window__error",
   role: "alert",
   "data-testid": "cn-ai-panel-error"
 };
-const _hoisted_16$1X = {
+const _hoisted_16$1Z = {
   key: 2,
   class: "cn-ai-chat-window__note",
   "data-testid": "cn-ai-panel-note"
 };
-const _hoisted_17$1J = { class: "cn-ai-chat-window__input" };
+const _hoisted_17$1K = { class: "cn-ai-chat-window__input" };
 const _hoisted_18$1v = {
   key: 2,
   class: "cn-ai-chat-window__body cn-ai-chat-window__body--history"
@@ -12031,20 +12043,20 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                     }, 8 /* PROPS */, ["messages", "currentText", "isStreaming"])
                   ]),
                   ($options.pendingApprovals.length)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_9$3V, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_9$3W, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.pendingApprovals, (approval) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: approval.id,
                             class: "cn-ai-approval"
                           }, [
-                            vue$1.createElementVNode("div", _hoisted_10$3r, [
+                            vue$1.createElementVNode("div", _hoisted_10$3s, [
                               vue$1.createElementVNode("span", _hoisted_11$35, vue$1.toDisplayString(approval.title), 1 /* TEXT */),
                               vue$1.createElementVNode("span", _hoisted_12$2O, vue$1.toDisplayString(approval.reach), 1 /* TEXT */)
                             ]),
                             (approval.reason)
                               ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_13$2v, vue$1.toDisplayString(approval.reason), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true),
-                            vue$1.createElementVNode("div", _hoisted_14$2l, [
+                            vue$1.createElementVNode("div", _hoisted_14$2m, [
                               vue$1.createVNode(_component_NcButton, {
                                 variant: "primary",
                                 disabled: $data.resolvingApprovalId === approval.id,
@@ -12073,10 +12085,10 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
                   ($props.streamState.error)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_15$28, vue$1.toDisplayString($props.streamState.error.message || $options.cnTranslate('The assistant could not answer.')), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_15$29, vue$1.toDisplayString($props.streamState.error.message || $options.cnTranslate('The assistant could not answer.')), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
                   ($props.note)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$1X, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$1Z, [
                         vue$1.createVNode(_component_InformationOutline, {
                           size: 18,
                           class: "cn-ai-chat-window__note-icon"
@@ -12084,7 +12096,7 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                         vue$1.createElementVNode("span", null, vue$1.toDisplayString($props.note), 1 /* TEXT */)
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
-                  vue$1.createElementVNode("div", _hoisted_17$1J, [
+                  vue$1.createElementVNode("div", _hoisted_17$1K, [
                     vue$1.createVNode(_component_CnAiInput, {
                       ref: "input",
                       disabled: $props.streamState.isStreaming,
@@ -26807,8 +26819,8 @@ const _hoisted_8$4e = {
   class: "cn-chart-widget__bar-track",
   "aria-hidden": "true"
 };
-const _hoisted_9$3U = { class: "cn-chart-widget__bar-value" };
-const _hoisted_10$3q = {
+const _hoisted_9$3V = { class: "cn-chart-widget__bar-value" };
+const _hoisted_10$3r = {
   key: 0,
   class: "cn-chart-widget__footnote"
 };
@@ -26822,16 +26834,16 @@ const _hoisted_13$2u = {
   role: "row",
   class: "cn-chart-widget__matrix-row"
 };
-const _hoisted_14$2k = {
+const _hoisted_14$2l = {
   role: "rowheader",
   class: "cn-chart-widget__matrix-label"
 };
-const _hoisted_15$27 = ["aria-current"];
-const _hoisted_16$1W = {
+const _hoisted_15$28 = ["aria-current"];
+const _hoisted_16$1Y = {
   key: 0,
   class: "cn-chart-widget__footnote"
 };
-const _hoisted_17$1I = {
+const _hoisted_17$1J = {
   key: 7,
   class: "cn-chart-widget__canvas"
 };
@@ -26932,7 +26944,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                                     style: vue$1.normalizeStyle({ width: `${row.share}%` })
                                   }, null, 4 /* STYLE */)
                                 ]),
-                                vue$1.createElementVNode("span", _hoisted_9$3U, vue$1.toDisplayString(row.text), 1 /* TEXT */)
+                                vue$1.createElementVNode("span", _hoisted_9$3V, vue$1.toDisplayString(row.text), 1 /* TEXT */)
                               ], 64 /* STABLE_FRAGMENT */))
                         ]),
                         _: 2 /* DYNAMIC */
@@ -26941,7 +26953,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                   }), 128 /* KEYED_FRAGMENT */))
                 ], 2 /* CLASS */),
                 ($props.footnote)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$3q, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$3r, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ]))
             : ($props.type === 'matrix')
@@ -26971,7 +26983,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                         role: "row",
                         class: "cn-chart-widget__matrix-row"
                       }, [
-                        vue$1.createElementVNode("span", _hoisted_14$2k, vue$1.toDisplayString(row.label), 1 /* TEXT */),
+                        vue$1.createElementVNode("span", _hoisted_14$2l, vue$1.toDisplayString(row.label), 1 /* TEXT */),
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(row.cells, (cell, column) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                             key: column,
@@ -26980,17 +26992,17 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                             style: vue$1.normalizeStyle(cell.color ? { background: cell.color } : null),
                             "aria-current": cell.current ? 'true' : null,
                             "data-testid": "cn-chart-widget-matrix-cell"
-                          }, vue$1.toDisplayString(cell.text), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_15$27))
+                          }, vue$1.toDisplayString(cell.text), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_15$28))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 12 /* STYLE, PROPS */, _hoisted_12$2N),
                   ($props.footnote)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$1W, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$1Y, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
               : ($data.chartComponent)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1I, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1J, [
                     (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($data.chartComponent), {
                       ref: "chart",
                       type: $props.type,
@@ -27966,7 +27978,7 @@ const _hoisted_7$4F = {
   class: "cn-chart-widget-form__row2"
 };
 const _hoisted_8$4d = { class: "cn-chart-widget-form__row2" };
-const _hoisted_9$3T = {
+const _hoisted_9$3U = {
   key: 2,
   class: "cn-chart-widget-form__hint"
 };
@@ -28077,7 +28089,7 @@ function render$8u(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: $options.onFilterRows
     }, null, 8 /* PROPS */, ["value", "fields", "onInput"]),
     ($data.mode === 'timeseries')
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_9$3T, vue$1.toDisplayString($options.t('nextcloud-vue', 'The time range follows the dashboard date chip.')), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_9$3U, vue$1.toDisplayString($options.t('nextcloud-vue', 'The time range follows the dashboard date chip.')), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true)
   ]))
 }
@@ -29448,21 +29460,21 @@ const _hoisted_5$5x = {
 const _hoisted_6$56 = ["role", "aria-label"];
 const _hoisted_7$4E = ["role", "aria-selected", "aria-pressed", "onClick"];
 const _hoisted_8$4c = { class: "cn-quick-filter-bar__label" };
-const _hoisted_9$3S = {
+const _hoisted_9$3T = {
   key: 1,
   class: "cn-quick-filter-bar__count",
   "data-testid": "cn-quick-filter-count"
 };
-const _hoisted_10$3p = ["aria-expanded", "aria-label", "title"];
+const _hoisted_10$3q = ["aria-expanded", "aria-label", "title"];
 const _hoisted_11$33 = {
   key: 0,
   class: "cn-quick-filter-bar__label"
 };
 const _hoisted_12$2M = { class: "cn-quick-filter-bar__more-heading" };
 const _hoisted_13$2t = { class: "cn-quick-filter-bar__more-list" };
-const _hoisted_14$2j = ["aria-pressed", "onClick"];
-const _hoisted_15$26 = { class: "cn-quick-filter-bar__label" };
-const _hoisted_16$1V = {
+const _hoisted_14$2k = ["aria-pressed", "onClick"];
+const _hoisted_15$27 = { class: "cn-quick-filter-bar__label" };
+const _hoisted_16$1X = {
   key: 1,
   class: "cn-quick-filter-bar__count",
   "data-testid": "cn-quick-filter-count"
@@ -29548,7 +29560,7 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue$1.createCommentVNode("v-if", true),
               vue$1.createElementVNode("span", _hoisted_8$4c, vue$1.toDisplayString($options.tl(entry.tab.label)), 1 /* TEXT */),
               ($options.countOf(entry) !== null)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3S, vue$1.toDisplayString(' ' + $options.countOf(entry)), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3T, vue$1.toDisplayString(' ' + $options.countOf(entry)), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ], 10 /* CLASS, PROPS */, _hoisted_7$4E))
           }), 128 /* KEYED_FRAGMENT */))
@@ -29584,7 +29596,7 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                     size: 16,
                     class: "cn-quick-filter-bar__icon"
                   })
-                ], 10 /* CLASS, PROPS */, _hoisted_10$3p)
+                ], 10 /* CLASS, PROPS */, _hoisted_10$3q)
               ]),
               default: vue$1.withCtx(() => [
                 vue$1.createElementVNode("div", {
@@ -29610,11 +29622,11 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-quick-filter-bar__icon"
                             }, null, 8 /* PROPS */, ["name"]))
                           : vue$1.createCommentVNode("v-if", true),
-                        vue$1.createElementVNode("span", _hoisted_15$26, vue$1.toDisplayString($options.tl(entry.tab.label)), 1 /* TEXT */),
+                        vue$1.createElementVNode("span", _hoisted_15$27, vue$1.toDisplayString($options.tl(entry.tab.label)), 1 /* TEXT */),
                         ($options.countOf(entry) !== null)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1V, vue$1.toDisplayString(' ' + $options.countOf(entry)), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1X, vue$1.toDisplayString(' ' + $options.countOf(entry)), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 10 /* CLASS, PROPS */, _hoisted_14$2j))
+                      ], 10 /* CLASS, PROPS */, _hoisted_14$2k))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
                 ], 32 /* NEED_HYDRATION */)
@@ -30092,25 +30104,25 @@ const _hoisted_8$4b = {
   class: "cn-conversation-thread__empty",
   "data-testid": "cn-conversation-channel-empty"
 };
-const _hoisted_9$3R = {
+const _hoisted_9$3S = {
   key: 5,
   class: "cn-conversation-thread__messages"
 };
-const _hoisted_10$3o = ["data-side"];
+const _hoisted_10$3p = ["data-side"];
 const _hoisted_11$32 = {
   class: "cn-conversation-thread__avatar",
   "aria-hidden": "true"
 };
 const _hoisted_12$2L = { class: "cn-conversation-thread__bubble" };
 const _hoisted_13$2s = { class: "cn-conversation-thread__meta" };
-const _hoisted_14$2i = { class: "hidden-visually" };
-const _hoisted_15$25 = { class: "cn-conversation-thread__author" };
-const _hoisted_16$1U = {
+const _hoisted_14$2j = { class: "hidden-visually" };
+const _hoisted_15$26 = { class: "cn-conversation-thread__author" };
+const _hoisted_16$1W = {
   key: 0,
   class: "cn-conversation-thread__channel",
   "data-testid": "cn-conversation-channel"
 };
-const _hoisted_17$1H = {
+const _hoisted_17$1I = {
   key: 1,
   class: "cn-conversation-thread__status",
   "data-testid": "cn-conversation-status"
@@ -30132,23 +30144,23 @@ const _hoisted_22$1a = {
   key: 1,
   class: "cn-conversation-thread__message-actions"
 };
-const _hoisted_23$$ = { class: "cn-conversation-thread__reply-head" };
-const _hoisted_24$V = ["for"];
-const _hoisted_25$N = {
+const _hoisted_23$10 = { class: "cn-conversation-thread__reply-head" };
+const _hoisted_24$W = ["for"];
+const _hoisted_25$O = {
   key: 0,
   class: "cn-conversation-thread__reply-hint",
   "data-testid": "cn-conversation-reply-hint"
 };
-const _hoisted_26$H = ["id", "placeholder", "disabled", "aria-describedby"];
-const _hoisted_27$y = ["id"];
-const _hoisted_28$w = { class: "cn-conversation-thread__reply-foot" };
-const _hoisted_29$u = {
+const _hoisted_26$I = ["id", "placeholder", "disabled", "aria-describedby"];
+const _hoisted_27$A = ["id"];
+const _hoisted_28$y = { class: "cn-conversation-thread__reply-foot" };
+const _hoisted_29$w = {
   key: 0,
   class: "cn-conversation-thread__reply-option",
   "data-testid": "cn-conversation-reply-option"
 };
-const _hoisted_30$t = ["disabled"];
-const _hoisted_31$r = { class: "cn-conversation-thread__reply-actions" };
+const _hoisted_30$u = ["disabled"];
+const _hoisted_31$s = { class: "cn-conversation-thread__reply-actions" };
 
 function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnQuickFilterBar = vue$1.resolveComponent("CnQuickFilterBar");
@@ -30175,7 +30187,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["id"])),
                 ($props.subtitle)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_4$6f, vue$1.toDisplayString($props.subtitle), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6f, vue$1.toDisplayString($props.subtitle), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -30202,7 +30214,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_7$4D, vue$1.toDisplayString($props.emptyText), 1 /* TEXT */))
         : ($options.shownRows.length === 0)
           ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_8$4b, vue$1.toDisplayString($props.emptyText), 1 /* TEXT */))
-          : (vue$1.openBlock(), vue$1.createElementBlock("ol", _hoisted_9$3R, [
+          : (vue$1.openBlock(), vue$1.createElementBlock("ol", _hoisted_9$3S, [
               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.shownRows, (row) => {
                 return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                   key: row.key,
@@ -30213,13 +30225,13 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                   vue$1.createElementVNode("span", _hoisted_11$32, vue$1.toDisplayString(row.initials), 1 /* TEXT */),
                   vue$1.createElementVNode("div", _hoisted_12$2L, [
                     vue$1.createElementVNode("span", _hoisted_13$2s, [
-                      vue$1.createElementVNode("span", _hoisted_14$2i, vue$1.toDisplayString(row.directionLabel), 1 /* TEXT */),
-                      vue$1.createElementVNode("span", _hoisted_15$25, vue$1.toDisplayString(row.author), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_14$2j, vue$1.toDisplayString(row.directionLabel), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_15$26, vue$1.toDisplayString(row.author), 1 /* TEXT */),
                       (row.channel)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1U, vue$1.toDisplayString(row.channel), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1W, vue$1.toDisplayString(row.channel), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
                       (row.status)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1H, vue$1.toDisplayString(row.status), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1I, vue$1.toDisplayString(row.status), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
                       ($props.showDirection)
                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$1t, vue$1.toDisplayString(row.directionWord), 1 /* TEXT */))
@@ -30254,7 +30266,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                         ]))
                       : vue$1.createCommentVNode("v-if", true)
                   ])
-                ], 10 /* CLASS, PROPS */, _hoisted_10$3o))
+                ], 10 /* CLASS, PROPS */, _hoisted_10$3p))
               }), 128 /* KEYED_FRAGMENT */))
             ])),
     ($props.allowReply)
@@ -30265,13 +30277,13 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
           onSubmit: _cache[4] || (_cache[4] = vue$1.withModifiers((...args) => ($options.onSend && $options.onSend(...args)), ["prevent"]))
         }, [
           vue$1.renderSlot(_ctx.$slots, "reply-tools", { setDraft: $options.setDraft }),
-          vue$1.createElementVNode("div", _hoisted_23$$, [
+          vue$1.createElementVNode("div", _hoisted_23$10, [
             vue$1.createElementVNode("label", {
               for: $data.inputId,
               class: "cn-conversation-thread__reply-label"
-            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$V),
+            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$W),
             ($props.replyHint)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$N, vue$1.toDisplayString($props.replyHint), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$O, vue$1.toDisplayString($props.replyHint), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true)
           ]),
           vue$1.withDirectives(vue$1.createElementVNode("textarea", {
@@ -30287,7 +30299,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
               _cache[1] || (_cache[1] = vue$1.withKeys(vue$1.withModifiers((...args) => ($options.onSend && $options.onSend(...args)), ["ctrl","prevent"]), ["enter"])),
               _cache[2] || (_cache[2] = vue$1.withKeys(vue$1.withModifiers((...args) => ($options.onSend && $options.onSend(...args)), ["meta","prevent"]), ["enter"]))
             ]
-          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$H), [
+          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$I), [
             [vue$1.vModelText, $data.draft]
           ]),
           ($data.errorMessage)
@@ -30297,22 +30309,22 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "cn-conversation-thread__error",
                 role: "alert",
                 "data-testid": "cn-conversation-error"
-              }, vue$1.toDisplayString($data.errorMessage), 9 /* TEXT, PROPS */, _hoisted_27$y))
+              }, vue$1.toDisplayString($data.errorMessage), 9 /* TEXT, PROPS */, _hoisted_27$A))
             : vue$1.createCommentVNode("v-if", true),
-          vue$1.createElementVNode("div", _hoisted_28$w, [
+          vue$1.createElementVNode("div", _hoisted_28$y, [
             ($options.optionShown)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_29$u, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_29$w, [
                   vue$1.withDirectives(vue$1.createElementVNode("input", {
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.optionOn) = $event)),
                     type: "checkbox",
                     disabled: $data.sending
-                  }, null, 8 /* PROPS */, _hoisted_30$t), [
+                  }, null, 8 /* PROPS */, _hoisted_30$u), [
                     [vue$1.vModelCheckbox, $data.optionOn]
                   ]),
                   vue$1.createElementVNode("span", null, vue$1.toDisplayString($props.replyOption.label), 1 /* TEXT */)
                 ]))
               : vue$1.createCommentVNode("v-if", true),
-            vue$1.createElementVNode("div", _hoisted_31$r, [
+            vue$1.createElementVNode("div", _hoisted_31$s, [
               vue$1.renderSlot(_ctx.$slots, "reply-actions", { draft: $data.draft }),
               vue$1.createVNode(_component_NcButton, {
                 variant: "primary",
@@ -30336,7 +30348,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$8r.render = render$8q;
-script$8r.__scopeId = "data-v-0d461ee4";
+script$8r.__scopeId = "data-v-e2600a68";
 const __sfc_main$8l = script$8r;
 
 /**
@@ -32625,7 +32637,7 @@ const _hoisted_8$4a = {
   key: 1,
   class: "cn-document-review-list__name"
 };
-const _hoisted_9$3Q = {
+const _hoisted_9$3R = {
   key: 2,
   class: "cn-document-review-list__meta"
 };
@@ -32683,7 +32695,7 @@ function render$8k(_ctx, _cache, $props, $setup, $data, $options) {
                     }, vue$1.toDisplayString(row.name), 9 /* TEXT, PROPS */, _hoisted_7$4C))
                   : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$4a, vue$1.toDisplayString(row.name), 1 /* TEXT */)),
                 (row.meta)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3Q, vue$1.toDisplayString(row.meta), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3R, vue$1.toDisplayString(row.meta), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ]),
               vue$1.createVNode(_component_CnStatusBadge, {
@@ -37329,11 +37341,11 @@ const _hoisted_8$49 = {
   key: 3,
   class: "cn-calendar-event-picker__empty"
 };
-const _hoisted_9$3P = {
+const _hoisted_9$3Q = {
   key: 1,
   class: "cn-calendar-event-picker__step"
 };
-const _hoisted_10$3n = { class: "cn-calendar-event-picker__breadcrumb" };
+const _hoisted_10$3o = { class: "cn-calendar-event-picker__breadcrumb" };
 const _hoisted_11$31 = { class: "cn-calendar-event-picker__breadcrumb-calendar" };
 const _hoisted_12$2K = {
   key: 1,
@@ -37344,10 +37356,10 @@ const _hoisted_13$2r = {
   key: 2,
   class: "cn-calendar-event-picker__event-list"
 };
-const _hoisted_14$2h = ["onClick", "onKeyup"];
-const _hoisted_15$24 = { class: "cn-calendar-event-picker__event-summary" };
-const _hoisted_16$1T = { class: "cn-calendar-event-picker__event-meta" };
-const _hoisted_17$1G = { class: "cn-calendar-event-picker__event-when" };
+const _hoisted_14$2i = ["onClick", "onKeyup"];
+const _hoisted_15$25 = { class: "cn-calendar-event-picker__event-summary" };
+const _hoisted_16$1V = { class: "cn-calendar-event-picker__event-meta" };
+const _hoisted_17$1H = { class: "cn-calendar-event-picker__event-when" };
 const _hoisted_18$1s = {
   key: 0,
   class: "cn-calendar-event-picker__event-location"
@@ -37427,8 +37439,8 @@ function render$8h(_ctx, _cache, $props, $setup, $data, $options) {
                     : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_8$49, vue$1.toDisplayString($props.noCalendarsLabel), 1 /* TEXT */))
             ]))
           : ($data.step === 'events')
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$3P, [
-                vue$1.createElementVNode("div", _hoisted_10$3n, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_9$3Q, [
+                vue$1.createElementVNode("div", _hoisted_10$3o, [
                   vue$1.createVNode(_component_NcButton, {
                     variant: "tertiary",
                     onClick: $options.backToCalendars
@@ -37467,14 +37479,14 @@ function render$8h(_ctx, _cache, $props, $setup, $data, $options) {
                               onClick: $event => ($options.selectEvent(ev)),
                               onKeyup: vue$1.withKeys($event => ($options.selectEvent(ev)), ["enter"])
                             }, [
-                              vue$1.createElementVNode("div", _hoisted_15$24, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
-                              vue$1.createElementVNode("div", _hoisted_16$1T, [
-                                vue$1.createElementVNode("span", _hoisted_17$1G, vue$1.toDisplayString($options.formatWhen(ev)), 1 /* TEXT */),
+                              vue$1.createElementVNode("div", _hoisted_15$25, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
+                              vue$1.createElementVNode("div", _hoisted_16$1V, [
+                                vue$1.createElementVNode("span", _hoisted_17$1H, vue$1.toDisplayString($options.formatWhen(ev)), 1 /* TEXT */),
                                 (ev.location)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$1s, vue$1.toDisplayString(ev.location), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ])
-                            ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$2h))
+                            ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$2i))
                           }), 128 /* KEYED_FRAGMENT */))
                         ]))
                       : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_19$1m, vue$1.toDisplayString($props.noEventsLabel), 1 /* TEXT */))
@@ -37819,6 +37831,15 @@ var script$8h = {
 			return summary === '' ? l10n.translate('nextcloud-vue', 'Appointment') : summary
 		},
 
+		/**
+		 * @param {object} event The event.
+		 * @return {string} The day of the month it starts on, '' when it has no readable start.
+		 */
+		dayOf(event) {
+			const parsed = new Date(String(event?.dtstart ?? '').trim());
+			return Number.isNaN(parsed.getTime()) ? '' : String(parsed.getDate())
+		},
+
 		/**
 		 * @param {object} event The event.
 		 * @return {string} When it is: its start and end, or whichever it has.
@@ -37861,18 +37882,24 @@ const _hoisted_3$6Q = {
   key: 2,
   class: "cn-events-card__list"
 };
-const _hoisted_4$69 = { class: "cn-events-card__summary" };
-const _hoisted_5$5s = { class: "cn-events-card__when" };
-const _hoisted_6$52 = {
+const _hoisted_4$69 = {
+  key: 0,
+  class: "cn-events-card__day",
+  "aria-hidden": "true"
+};
+const _hoisted_5$5s = { class: "cn-events-card__text" };
+const _hoisted_6$52 = { class: "cn-events-card__summary" };
+const _hoisted_7$4A = { class: "cn-events-card__when" };
+const _hoisted_8$48 = {
   key: 0,
   class: "cn-events-card__where"
 };
-const _hoisted_7$4A = {
+const _hoisted_9$3P = {
   key: 3,
   class: "cn-events-card__muted",
   "data-testid": "cn-events-card-empty"
 };
-const _hoisted_8$48 = {
+const _hoisted_10$3n = {
   key: 4,
   class: "cn-events-card__muted",
   role: "alert",
@@ -37900,17 +37927,22 @@ function render$8g(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-events-card__event",
                   "data-testid": "cn-events-card-event"
                 }, [
-                  vue$1.createElementVNode("span", _hoisted_4$69, vue$1.toDisplayString($options.summaryOf(event)), 1 /* TEXT */),
-                  vue$1.createElementVNode("span", _hoisted_5$5s, vue$1.toDisplayString($options.whenOf(event)), 1 /* TEXT */),
-                  (event.location)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_6$52, vue$1.toDisplayString(event.location), 1 /* TEXT */))
-                    : vue$1.createCommentVNode("v-if", true)
+                  ($options.dayOf(event))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_4$69, vue$1.toDisplayString($options.dayOf(event)), 1 /* TEXT */))
+                    : vue$1.createCommentVNode("v-if", true),
+                  vue$1.createElementVNode("span", _hoisted_5$5s, [
+                    vue$1.createElementVNode("span", _hoisted_6$52, vue$1.toDisplayString($options.summaryOf(event)), 1 /* TEXT */),
+                    vue$1.createElementVNode("span", _hoisted_7$4A, vue$1.toDisplayString($options.whenOf(event)), 1 /* TEXT */),
+                    (event.location)
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$48, vue$1.toDisplayString(event.location), 1 /* TEXT */))
+                      : vue$1.createCommentVNode("v-if", true)
+                  ])
                 ]))
               }), 128 /* KEYED_FRAGMENT */))
             ]))
-          : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_7$4A, vue$1.toDisplayString($options.emptyText), 1 /* TEXT */)),
+          : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_9$3P, vue$1.toDisplayString($options.emptyText), 1 /* TEXT */)),
     ($data.linkError)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_8$48, vue$1.toDisplayString($data.linkError), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$3n, vue$1.toDisplayString($data.linkError), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($data.showPicker)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnCalendarEventPicker, {
@@ -37934,7 +37966,7 @@ function render$8g(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$8h.render = render$8g;
-script$8h.__scopeId = "data-v-079bed63";
+script$8h.__scopeId = "data-v-bb3ee7b4";
 const __sfc_main$8b = script$8h;
 
 /**
@@ -42914,13 +42946,13 @@ const _hoisted_11$2$ = {
 };
 const _hoisted_12$2I = { class: "cn-column-filter__sr-only" };
 const _hoisted_13$2q = ["name", "value", "checked", "onChange"];
-const _hoisted_14$2g = {
+const _hoisted_14$2h = {
   key: 2,
   class: "cn-column-filter__range"
 };
-const _hoisted_15$23 = { class: "cn-column-filter__field" };
-const _hoisted_16$1S = { class: "cn-column-filter__label" };
-const _hoisted_17$1F = ["type"];
+const _hoisted_15$24 = { class: "cn-column-filter__field" };
+const _hoisted_16$1U = { class: "cn-column-filter__label" };
+const _hoisted_17$1G = ["type"];
 const _hoisted_18$1r = { class: "cn-column-filter__field" };
 const _hoisted_19$1l = { class: "cn-column-filter__label" };
 const _hoisted_20$1c = ["type"];
@@ -42929,7 +42961,7 @@ const _hoisted_21$1a = {
   class: "cn-column-filter__field"
 };
 const _hoisted_22$19 = { class: "cn-column-filter__label" };
-const _hoisted_23$_ = { class: "cn-column-filter__actions" };
+const _hoisted_23$$ = { class: "cn-column-filter__actions" };
 
 function render$87(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue$1.openBlock(), vue$1.createBlock(vue$1.Teleport, {
@@ -43016,15 +43048,15 @@ function render$87(_ctx, _cache, $props, $setup, $data, $options) {
               }), 128 /* KEYED_FRAGMENT */))
             ]))
           : ($props.def.kind === 'number' || $props.def.kind === 'date')
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$2g, [
-                vue$1.createElementVNode("label", _hoisted_15$23, [
-                  vue$1.createElementVNode("span", _hoisted_16$1S, vue$1.toDisplayString($options.fromLabel), 1 /* TEXT */),
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$2h, [
+                vue$1.createElementVNode("label", _hoisted_15$24, [
+                  vue$1.createElementVNode("span", _hoisted_16$1U, vue$1.toDisplayString($options.fromLabel), 1 /* TEXT */),
                   vue$1.withDirectives(vue$1.createElementVNode("input", {
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.draft.from) = $event)),
                     class: "cn-column-filter__input",
                     type: $props.def.kind === 'date' ? 'date' : 'number',
                     "data-testid": "cn-column-filter-from"
-                  }, null, 8 /* PROPS */, _hoisted_17$1F), [
+                  }, null, 8 /* PROPS */, _hoisted_17$1G), [
                     [vue$1.vModelDynamic, $data.draft.from]
                   ])
                 ]),
@@ -43051,7 +43083,7 @@ function render$87(_ctx, _cache, $props, $setup, $data, $options) {
                   [vue$1.vModelText, $data.draft.value]
                 ])
               ])),
-      vue$1.createElementVNode("div", _hoisted_23$_, [
+      vue$1.createElementVNode("div", _hoisted_23$$, [
         vue$1.createElementVNode("button", {
           type: "button",
           class: "cn-column-filter__button",
@@ -46355,13 +46387,13 @@ const _hoisted_12$2H = {
   "data-testid": "cn-cell-ref-labels"
 };
 const _hoisted_13$2p = { key: 0 };
-const _hoisted_14$2f = ["href", "target", "rel"];
-const _hoisted_15$22 = ["title"];
-const _hoisted_16$1R = {
+const _hoisted_14$2g = ["href", "target", "rel"];
+const _hoisted_15$23 = ["title"];
+const _hoisted_16$1T = {
   class: "cn-cell-renderer__avatar",
   "data-testid": "cn-cell-avatar-resolved"
 };
-const _hoisted_17$1E = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_17$1F = { class: "cn-cell-renderer__avatar-text" };
 const _hoisted_18$1q = ["title"];
 const _hoisted_19$1k = {
   key: 0,
@@ -46381,30 +46413,30 @@ const _hoisted_22$18 = {
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_23$Z = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_24$U = ["title"];
-const _hoisted_25$M = {
+const _hoisted_23$_ = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_24$V = ["title"];
+const _hoisted_25$N = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
   "data-testid": "cn-cell-secondary"
 };
-const _hoisted_26$G = {
+const _hoisted_26$H = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_27$x = ["datetime", "title"];
-const _hoisted_28$v = {
+const _hoisted_27$z = ["datetime", "title"];
+const _hoisted_28$x = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_29$t = ["datetime", "title"];
-const _hoisted_30$s = {
+const _hoisted_29$v = ["datetime", "title"];
+const _hoisted_30$t = {
   key: 1,
   class: "cn-cell-renderer__date cn-cell-renderer__due--empty",
   "data-testid": "cn-cell-renderer-due"
 };
-const _hoisted_31$q = ["datetime", "title"];
-const _hoisted_32$q = { class: "cn-cell-renderer__date-tile" };
+const _hoisted_31$r = ["datetime", "title"];
+const _hoisted_32$r = { class: "cn-cell-renderer__date-tile" };
 const _hoisted_33$o = { class: "cn-cell-renderer__date-day" };
 const _hoisted_34$o = { class: "cn-cell-renderer__date-month" };
 const _hoisted_35$m = { class: "cn-cell-renderer__date-lines" };
@@ -46431,7 +46463,7 @@ const _hoisted_43$b = {
   class: "cn-cell-renderer__progress-bar",
   "aria-hidden": "true"
 };
-const _hoisted_44$b = {
+const _hoisted_44$a = {
   key: 16,
   class: "cn-cell-renderer__icon-label",
   "data-testid": "cn-cell-icon-label"
@@ -46648,11 +46680,11 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                   target: $options.linkTarget,
                                   rel: $options.linkTarget ? 'noopener' : null,
                                   class: "cn-cell-renderer__link"
-                                }, vue$1.toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_14$2f))
+                                }, vue$1.toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_14$2g))
                               : (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                   key: 2,
                                   title: $options.rawTitle
-                                }, vue$1.toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_15$22))
+                                }, vue$1.toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_15$23))
                         ], 64 /* STABLE_FRAGMENT */))
                       : ($props.widget === 'avatar' && $options.avatarResolve)
                         ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 9 }, [
@@ -46665,13 +46697,13 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                   labelField: $options.avatarResolve.labelField || 'name'
                                 }, {
                                   default: vue$1.withCtx(({ label, resolved }) => [
-                                    vue$1.createElementVNode("span", _hoisted_16$1R, [
+                                    vue$1.createElementVNode("span", _hoisted_16$1T, [
                                       vue$1.createElementVNode("span", {
                                         class: "cn-cell-renderer__avatar-initials",
                                         style: vue$1.normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
                                         "aria-hidden": "true"
                                       }, vue$1.toDisplayString(resolved ? $options.initialsOf(label) : ''), 5 /* TEXT, STYLE */),
-                                      vue$1.createElementVNode("span", _hoisted_17$1E, [
+                                      vue$1.createElementVNode("span", _hoisted_17$1F, [
                                         vue$1.createElementVNode("span", {
                                           class: "cn-cell-renderer__avatar-name",
                                           title: label
@@ -46706,17 +46738,17 @@ function render$84(_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), 7 /* TEXT, CLASS, STYLE */)),
-                                    vue$1.createElementVNode("span", _hoisted_23$Z, [
+                                    vue$1.createElementVNode("span", _hoisted_23$_, [
                                       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_24$U),
+                                      }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_24$V),
                                       ($props.secondary)
-                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$M, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
+                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$N, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
                                         : vue$1.createCommentVNode("v-if", true)
                                     ])
                                   ]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$G, "—"))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$H, "—"))
                             ], 64 /* STABLE_FRAGMENT */))
                           : ($props.widget === 'age')
                             ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 11 }, [
@@ -46726,8 +46758,8 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: vue$1.normalizeClass(["cn-cell-renderer__age", $options.ageVariant ? 'cn-cell-renderer__age--' + $options.ageVariant : null]),
                                       datetime: $options.dateTimestamp.toISOString(),
                                       title: $options.absoluteDateLabel
-                                    }, vue$1.toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_27$x))
-                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$v, "—"))
+                                    }, vue$1.toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_27$z))
+                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$x, "—"))
                               ], 64 /* STABLE_FRAGMENT */))
                             : ($props.widget === 'date')
                               ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 12 }, [
@@ -46740,8 +46772,8 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                               datetime: $options.dateTimestamp.toISOString(),
                                               title: $options.absoluteDateLabel,
                                               "data-testid": "cn-cell-renderer-due"
-                                            }, vue$1.toDisplayString($options.dueResult.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_29$t))
-                                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$s, vue$1.toDisplayString($options.dueResult.text), 1 /* TEXT */))
+                                            }, vue$1.toDisplayString($options.dueResult.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_29$v))
+                                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$t, vue$1.toDisplayString($options.dueResult.text), 1 /* TEXT */))
                                       ], 64 /* STABLE_FRAGMENT */))
                                     : ($options.dateTimestamp && $options.dateBlock)
                                       ? (vue$1.openBlock(), vue$1.createElementBlock("time", {
@@ -46751,7 +46783,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                           title: $options.absoluteDateLabel,
                                           "data-testid": "cn-cell-date-block"
                                         }, [
-                                          vue$1.createElementVNode("span", _hoisted_32$q, [
+                                          vue$1.createElementVNode("span", _hoisted_32$r, [
                                             vue$1.createElementVNode("strong", _hoisted_33$o, vue$1.toDisplayString($options.dateBlock.day), 1 /* TEXT */),
                                             vue$1.createElementVNode("span", _hoisted_34$o, vue$1.toDisplayString($options.dateBlock.month), 1 /* TEXT */)
                                           ]),
@@ -46761,7 +46793,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_37$j, vue$1.toDisplayString($options.dateBlock.time), 1 /* TEXT */))
                                               : vue$1.createCommentVNode("v-if", true)
                                           ])
-                                        ], 8 /* PROPS */, _hoisted_31$q))
+                                        ], 8 /* PROPS */, _hoisted_31$r))
                                       : ($options.dateTimestamp)
                                         ? (vue$1.openBlock(), vue$1.createElementBlock("time", {
                                             key: 2,
@@ -46847,7 +46879,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, 8 /* PROPS */, ["modelValue", "disabled", "onUpdate:modelValue"])
                                       ], 32 /* NEED_HYDRATION */))
                                     : ($props.widget === 'iconLabel')
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$b, [
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_44$a, [
                                           (typeof $options.iconLabelIcon === 'string' && $options.iconLabelIcon)
                                             ? (vue$1.openBlock(), vue$1.createBlock(_component_CnIcon, {
                                                 key: 0,
@@ -49473,15 +49505,15 @@ const _hoisted_12$2G = {
   scope: "col"
 };
 const _hoisted_13$2o = { class: "hidden-visually" };
-const _hoisted_14$2e = { key: 1 };
-const _hoisted_15$21 = ["aria-sort", "data-filtered", "title", "onClick", "onKeydown"];
-const _hoisted_16$1Q = {
+const _hoisted_14$2f = { key: 1 };
+const _hoisted_15$22 = ["aria-sort", "data-filtered", "title", "onClick", "onKeydown"];
+const _hoisted_16$1S = {
   key: 0,
   type: "button",
   class: "cn-table-header__sort",
   "data-testid": "cn-table-header-sort"
 };
-const _hoisted_17$1D = ["data-sort-direction"];
+const _hoisted_17$1E = ["data-sort-direction"];
 const _hoisted_18$1p = {
   key: 1,
   class: "cn-table-header__chevron cn-table-header__chevron--idle"
@@ -49500,31 +49532,31 @@ const _hoisted_22$17 = {
   key: 2,
   class: "cn-table-col--actions"
 };
-const _hoisted_23$Y = {
+const _hoisted_23$Z = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_24$T = {
+const _hoisted_24$U = {
   key: 0,
   class: "cn-table-empty",
   "data-testid": "cn-object-list-empty"
 };
-const _hoisted_25$L = ["colspan"];
-const _hoisted_26$F = {
+const _hoisted_25$M = ["colspan"];
+const _hoisted_26$G = {
   key: 0,
   class: "cn-table-empty__lens-reason",
   "data-testid": "cn-data-table-lens-reason"
 };
-const _hoisted_27$w = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
-const _hoisted_28$u = ["href", "aria-label", "onClick"];
-const _hoisted_29$s = {
+const _hoisted_27$y = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
+const _hoisted_28$w = ["href", "aria-label", "onClick"];
+const _hoisted_29$u = {
   key: 3,
   class: "cn-table-row-indicators",
   "data-testid": "cn-row-indicators"
 };
-const _hoisted_30$r = ["title", "data-testid"];
-const _hoisted_31$p = { class: "hidden-visually" };
-const _hoisted_32$p = {
+const _hoisted_30$s = ["title", "data-testid"];
+const _hoisted_31$q = { class: "hidden-visually" };
+const _hoisted_32$q = {
   key: 4,
   class: "cn-table-cell__overline",
   "data-testid": "cn-cell-overline"
@@ -49670,7 +49702,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                       : vue$1.createCommentVNode("v-if", true)
                   ])
                 ]))
-              : (vue$1.openBlock(), vue$1.createElementBlock("thead", _hoisted_14$2e, [
+              : (vue$1.openBlock(), vue$1.createElementBlock("thead", _hoisted_14$2f, [
                   vue$1.createElementVNode("tr", null, [
                     ($props.selectable)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("th", {
@@ -49711,7 +49743,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                         onKeydown: vue$1.withKeys($event => (col.sortable ? $options.onHeaderKeydown(col.key, $event) : null), ["enter"])
                       }, [
                         (col.sortable)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("button", _hoisted_16$1Q, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("button", _hoisted_16$1S, [
                               vue$1.createElementVNode("span", {
                                 class: vue$1.normalizeClass(col.description ? 'cn-table-header--described' : '')
                               }, vue$1.toDisplayString($options.translateLabel(col.label)), 3 /* TEXT, CLASS */),
@@ -49730,7 +49762,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                           key: 1,
                                           size: 14
                                         }))
-                                  ], 8 /* PROPS */, _hoisted_17$1D))
+                                  ], 8 /* PROPS */, _hoisted_17$1E))
                                 : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$1p, [
                                     vue$1.createVNode(_component_ChevronDown, { size: 14 })
                                   ])),
@@ -49762,12 +49794,12 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                 : vue$1.createCommentVNode("v-if", true)
                             ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_20$1a))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_15$21))
+                      ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_15$22))
                     }), 128 /* KEYED_FRAGMENT */)),
                     (_ctx.$slots['row-actions'])
                       ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_22$17, [
                           ($options.isBoardLook)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$Y, vue$1.toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$Z, vue$1.toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
                           vue$1.renderSlot(_ctx.$slots, "actions-header")
                         ]))
@@ -49776,16 +49808,16 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                 ])),
             vue$1.createElementVNode("tbody", null, [
               ($options.effectiveRows.length === 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_24$T, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_24$U, [
                     vue$1.createElementVNode("td", { colspan: $options.totalColumns }, [
                       vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [
                         ($options.lensReasonText)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$F, vue$1.toDisplayString($options.lensReasonText), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$G, 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 */))
                       ])
-                    ], 8 /* PROPS */, _hoisted_25$L)
+                    ], 8 /* PROPS */, _hoisted_25$M)
                   ]))
                 : (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, vue$1.renderList($options.effectiveRows, (row, rowIndex) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
@@ -49857,7 +49889,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                   "data-testid": "cn-row-link",
                                   onMousemove: _cache[4] || (_cache[4] = (...args) => ($options.linkTitleAtPointer && $options.linkTitleAtPointer(...args))),
                                   onClick: $event => ($options.onRowLinkClick(row, $event))
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$u))
+                                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$w))
                               : vue$1.createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex && $options.isUnreadRow(row))
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_CnUnreadMarker, { key: 1 }))
@@ -49870,7 +49902,7 @@ function render$81(_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_29$s, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$u, [
                                   (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,
@@ -49882,13 +49914,13 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                         name: indicator.icon || 'InformationOutline',
                                         size: 16
                                       }, null, 8 /* PROPS */, ["name"]),
-                                      vue$1.createElementVNode("span", _hoisted_31$p, vue$1.toDisplayString($options.translateLabel(indicator.text)), 1 /* TEXT */)
-                                    ], 8 /* PROPS */, _hoisted_30$r))
+                                      vue$1.createElementVNode("span", _hoisted_31$q, vue$1.toDisplayString($options.translateLabel(indicator.text)), 1 /* TEXT */)
+                                    ], 8 /* PROPS */, _hoisted_30$s))
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
                               : vue$1.createCommentVNode("v-if", true),
                             ($options.overlineValue(row, col))
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$p, vue$1.toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$q, vue$1.toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true),
                             vue$1.renderSlot(_ctx.$slots, 'column-' + col.key, {
                               row: row,
@@ -49940,7 +49972,7 @@ function render$81(_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_27$w),
+                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_27$y),
                       (_ctx.$slots['row-detail'])
                         ? (vue$1.openBlock(), vue$1.createElementBlock("tr", {
                             key: 0,
@@ -85594,10 +85626,10 @@ const _hoisted_13$2m = {
   key: 0,
   class: "cn-icon-browser-panel__grid"
 };
-const _hoisted_14$2d = ["title", "aria-label", "tabindex", "onClick", "onKeydown"];
-const _hoisted_15$20 = ["viewBox"];
-const _hoisted_16$1P = ["d"];
-const _hoisted_17$1C = {
+const _hoisted_14$2e = ["title", "aria-label", "tabindex", "onClick", "onKeydown"];
+const _hoisted_15$21 = ["viewBox"];
+const _hoisted_16$1R = ["d"];
+const _hoisted_17$1D = {
   key: 2,
   class: "cn-icon-browser-panel__cell-label"
 };
@@ -85616,28 +85648,28 @@ const _hoisted_22$16 = {
   class: "cn-icon-browser-panel__error",
   role: "alert"
 };
-const _hoisted_23$X = ["placeholder", "aria-label"];
-const _hoisted_24$S = {
+const _hoisted_23$Y = ["placeholder", "aria-label"];
+const _hoisted_24$T = {
   key: 3,
   class: "cn-icon-browser-panel__grid"
 };
-const _hoisted_25$K = ["title", "aria-label", "onClick"];
-const _hoisted_26$E = ["src", "alt"];
-const _hoisted_27$v = {
+const _hoisted_25$L = ["title", "aria-label", "onClick"];
+const _hoisted_26$F = ["src", "alt"];
+const _hoisted_27$x = {
   key: 0,
   class: "cn-icon-browser-panel__cell-label"
 };
-const _hoisted_28$t = {
+const _hoisted_28$v = {
   key: 4,
   class: "cn-icon-browser-panel__hint"
 };
-const _hoisted_29$r = ["id", "aria-labelledby"];
-const _hoisted_30$q = ["value", "placeholder", "aria-label"];
-const _hoisted_31$o = {
+const _hoisted_29$t = ["id", "aria-labelledby"];
+const _hoisted_30$r = ["value", "placeholder", "aria-label"];
+const _hoisted_31$p = {
   key: 1,
   class: "cn-icon-browser-panel__grid"
 };
-const _hoisted_32$o = ["title", "aria-label", "onClick"];
+const _hoisted_32$p = ["title", "aria-label", "onClick"];
 const _hoisted_33$m = ["src", "alt"];
 const _hoisted_34$m = {
   key: 0,
@@ -85769,12 +85801,12 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                             }, [
                               vue$1.createElementVNode("path", {
                                 d: icon.path
-                              }, null, 8 /* PROPS */, _hoisted_16$1P)
-                            ], 8 /* PROPS */, _hoisted_15$20)),
+                              }, null, 8 /* PROPS */, _hoisted_16$1R)
+                            ], 8 /* PROPS */, _hoisted_15$21)),
                         ($props.showLabels)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1C, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1D, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$2d))
+                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$2e))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]))
                 : vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [
@@ -85812,12 +85844,12 @@ function render$7S(_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$X)), [
+                  }, null, 8 /* PROPS */, _hoisted_23$Y)), [
                     [vue$1.vModelText, $data.customQuery]
                   ])
                 : vue$1.createCommentVNode("v-if", true),
               ($options.customVisibleIcons.length > 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$S, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$T, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.customVisibleIcons, (icon) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("button", {
                         key: icon.id || icon.url,
@@ -85832,16 +85864,16 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                           src: icon.url,
                           alt: icon.label,
                           loading: "lazy"
-                        }, null, 8 /* PROPS */, _hoisted_26$E),
+                        }, null, 8 /* PROPS */, _hoisted_26$F),
                         ($props.showLabels)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$v, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$x, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 10 /* CLASS, PROPS */, _hoisted_25$K))
+                      ], 10 /* CLASS, PROPS */, _hoisted_25$L))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($options.customTruncated)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_28$t, vue$1.toDisplayString($options.t('nextcloud-vue', 'Showing {shown} of {total} — refine your search to narrow results.', { shown: $options.customVisibleIcons.length, total: $options.customMatches.length })), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_28$v, vue$1.toDisplayString($options.t('nextcloud-vue', 'Showing {shown} of {total} — refine your search to narrow results.', { shown: $options.customVisibleIcons.length, total: $options.customMatches.length })), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */))
           : vue$1.createCommentVNode("v-if", true)
@@ -85866,10 +85898,10 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                 placeholder: $options.t('nextcloud-vue', 'Image URL (https://… or /path)'),
                 "aria-label": $options.t('nextcloud-vue', 'Image URL'),
                 onInput: _cache[3] || (_cache[3] = (...args) => ($options.onUrlInput && $options.onUrlInput(...args)))
-              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_30$q))
+              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_30$r))
             : vue$1.createCommentVNode("v-if", true),
           ($options.unnamedIcons.length > 0)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$o, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$p, [
                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.unnamedIcons, (icon) => {
                   return (vue$1.openBlock(), vue$1.createElementBlock("button", {
                     key: icon.id || icon.url,
@@ -85888,7 +85920,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.showLabels)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_34$m, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true)
-                  ], 10 /* CLASS, PROPS */, _hoisted_32$o))
+                  ], 10 /* CLASS, PROPS */, _hoisted_32$p))
                 }), 128 /* KEYED_FRAGMENT */))
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -85912,7 +85944,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
           ($data.uploadError)
             ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_40$d, vue$1.toDisplayString($data.uploadError), 1 /* TEXT */))
             : vue$1.createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_29$r)), [
+        ], 8 /* PROPS */, _hoisted_29$t)), [
           [vue$1.vShow, $data.mode === 'custom']
         ])
       : vue$1.createCommentVNode("v-if", true),
@@ -95787,19 +95819,19 @@ const _hoisted_10$3f = {
 const _hoisted_11$2V = { class: "cn-activity-card__headline-actor" };
 const _hoisted_12$2D = { class: "cn-activity-card__headline-subject" };
 const _hoisted_13$2l = { class: "cn-activity-card__headline-time" };
-const _hoisted_14$2c = {
+const _hoisted_14$2d = {
   key: 0,
   class: "cn-activity-card__empty"
 };
-const _hoisted_15$1$ = {
+const _hoisted_15$20 = {
   key: 1,
   class: "cn-activity-card__empty"
 };
-const _hoisted_16$1O = {
+const _hoisted_16$1Q = {
   key: 2,
   class: "cn-activity-card__timeline"
 };
-const _hoisted_17$1B = { class: "cn-activity-card__day-header" };
+const _hoisted_17$1C = { class: "cn-activity-card__day-header" };
 const _hoisted_18$1n = { class: "cn-activity-card__day-count" };
 const _hoisted_19$1h = { class: "cn-activity-card__list" };
 const _hoisted_20$18 = { class: "cn-activity-card__row-main" };
@@ -95861,16 +95893,16 @@ function render$7I(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64 /* STABLE_FRAGMENT */))
             : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 3 }, [
                 ($data.degraded)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$2c, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$2d, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.entries.length === 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$1$, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1O, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$20, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+                    : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1Q, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.groupedByDay, (day) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("section", {
                             key: day.key,
                             class: "cn-activity-card__day"
                           }, [
-                            vue$1.createElementVNode("header", _hoisted_17$1B, [
+                            vue$1.createElementVNode("header", _hoisted_17$1C, [
                               vue$1.createVNode(_component_CalendarOutline, { size: 14 }),
                               vue$1.createElementVNode("span", null, vue$1.toDisplayString(day.label), 1 /* TEXT */),
                               vue$1.createElementVNode("span", _hoisted_18$1n, vue$1.toDisplayString(day.rows.length), 1 /* TEXT */)
@@ -96777,10 +96809,10 @@ const _hoisted_12$2C = {
   class: "cn-activity-tab__filter"
 };
 const _hoisted_13$2k = { class: "cn-activity-tab__filter-label" };
-const _hoisted_14$2b = { value: "" };
-const _hoisted_15$1_ = ["value"];
-const _hoisted_16$1N = { class: "cn-activity-tab__filter" };
-const _hoisted_17$1A = { class: "cn-activity-tab__filter-label" };
+const _hoisted_14$2c = { value: "" };
+const _hoisted_15$1$ = ["value"];
+const _hoisted_16$1P = { class: "cn-activity-tab__filter" };
+const _hoisted_17$1B = { class: "cn-activity-tab__filter-label" };
 const _hoisted_18$1m = { value: "" };
 const _hoisted_19$1g = ["value"];
 const _hoisted_20$17 = {
@@ -96797,22 +96829,22 @@ const _hoisted_22$14 = {
   key: 1,
   class: "cn-activity-tab__filter"
 };
-const _hoisted_23$W = { class: "cn-activity-tab__filter-label" };
-const _hoisted_24$R = { value: "" };
-const _hoisted_25$J = { value: "internal" };
-const _hoisted_26$D = { value: "public" };
-const _hoisted_27$u = {
+const _hoisted_23$X = { class: "cn-activity-tab__filter-label" };
+const _hoisted_24$S = { value: "" };
+const _hoisted_25$K = { value: "internal" };
+const _hoisted_26$E = { value: "public" };
+const _hoisted_27$w = {
   key: 2,
   class: "cn-activity-tab__reads"
 };
-const _hoisted_28$s = ["checked"];
-const _hoisted_29$q = ["aria-label"];
-const _hoisted_30$p = ["onClick"];
-const _hoisted_31$n = {
+const _hoisted_28$u = ["checked"];
+const _hoisted_29$s = ["aria-label"];
+const _hoisted_30$q = ["onClick"];
+const _hoisted_31$o = {
   key: 3,
   class: "cn-activity-tab__dates"
 };
-const _hoisted_32$n = { class: "cn-activity-tab__filter" };
+const _hoisted_32$o = { class: "cn-activity-tab__filter" };
 const _hoisted_33$l = { class: "cn-activity-tab__filter-label" };
 const _hoisted_34$l = ["value"];
 const _hoisted_35$j = { class: "cn-activity-tab__filter" };
@@ -96840,7 +96872,7 @@ const _hoisted_42$a = {
   "aria-hidden": "true"
 };
 const _hoisted_43$a = { class: "cn-activity-tab__event-body" };
-const _hoisted_44$a = { class: "cn-activity-tab__event-line" };
+const _hoisted_44$9 = { class: "cn-activity-tab__event-line" };
 const _hoisted_45$8 = { class: "cn-activity-tab__event-meta" };
 const _hoisted_46$8 = {
   key: 0,
@@ -96958,20 +96990,20 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-activity-tab__select",
                     onChange: _cache[2] || (_cache[2] = (...args) => ($options.resetAndFetch && $options.resetAndFetch(...args)))
                   }, [
-                    vue$1.createElementVNode("option", _hoisted_14$2b, vue$1.toDisplayString($data.allTypesLabel), 1 /* TEXT */),
+                    vue$1.createElementVNode("option", _hoisted_14$2c, vue$1.toDisplayString($data.allTypesLabel), 1 /* TEXT */),
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.types, (ty) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("option", {
                         key: ty,
                         value: ty
-                      }, vue$1.toDisplayString(ty), 9 /* TEXT, PROPS */, _hoisted_15$1_))
+                      }, vue$1.toDisplayString(ty), 9 /* TEXT, PROPS */, _hoisted_15$1$))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
                     [vue$1.vModelSelect, $data.selectedType]
                   ])
                 ]))
               : vue$1.createCommentVNode("v-if", true),
-            vue$1.createElementVNode("label", _hoisted_16$1N, [
-              vue$1.createElementVNode("span", _hoisted_17$1A, vue$1.toDisplayString($data.actorLabel), 1 /* TEXT */),
+            vue$1.createElementVNode("label", _hoisted_16$1P, [
+              vue$1.createElementVNode("span", _hoisted_17$1B, vue$1.toDisplayString($data.actorLabel), 1 /* TEXT */),
               vue$1.withDirectives(vue$1.createElementVNode("select", {
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.selectedActor) = $event)),
                 class: "cn-activity-tab__select",
@@ -96997,16 +97029,16 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                       vue$1.createTextVNode(" " + vue$1.toDisplayString($data.publicOnlyLabel), 1 /* TEXT */)
                     ]))
                   : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_22$14, [
-                      vue$1.createElementVNode("span", _hoisted_23$W, vue$1.toDisplayString($data.visibilityLabel), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_23$X, 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",
                         "data-testid": "cn-activity-visibility-select",
                         onChange: _cache[6] || (_cache[6] = (...args) => ($options.resetAndFetch && $options.resetAndFetch(...args)))
                       }, [
-                        vue$1.createElementVNode("option", _hoisted_24$R, vue$1.toDisplayString($data.allVisibilityLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("option", _hoisted_25$J, vue$1.toDisplayString($data.internalLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("option", _hoisted_26$D, vue$1.toDisplayString($data.publicLabel), 1 /* TEXT */)
+                        vue$1.createElementVNode("option", _hoisted_24$S, vue$1.toDisplayString($data.allVisibilityLabel), 1 /* TEXT */),
+                        vue$1.createElementVNode("option", _hoisted_25$K, vue$1.toDisplayString($data.internalLabel), 1 /* TEXT */),
+                        vue$1.createElementVNode("option", _hoisted_26$E, vue$1.toDisplayString($data.publicLabel), 1 /* TEXT */)
                       ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
                         [vue$1.vModelSelect, $data.selectedVisibility]
                       ])
@@ -97014,13 +97046,13 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
             : vue$1.createCommentVNode("v-if", true),
           (!$data.legacy)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_27$u, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_27$w, [
                 vue$1.createElementVNode("input", {
                   type: "checkbox",
                   checked: $data.showReads,
                   "data-testid": "cn-activity-reads",
                   onChange: _cache[7] || (_cache[7] = $event => ($options.setShowReads($event.target.checked)))
-                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$s),
+                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$u),
                 vue$1.createTextVNode(" " + vue$1.toDisplayString($data.showReadsLabel), 1 /* TEXT */)
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -97035,12 +97067,12 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "button",
                 class: vue$1.normalizeClass(["cn-activity-tab__range-btn", { 'cn-activity-tab__range-btn--active': $data.selectedRange === range.key }]),
                 onClick: $event => ($options.selectRange(range.key))
-              }, vue$1.toDisplayString(range.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_30$p))
+              }, vue$1.toDisplayString(range.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_30$q))
             }), 128 /* KEYED_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_29$q),
+          ], 8 /* PROPS */, _hoisted_29$s),
           (!$data.legacy)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$n, [
-                vue$1.createElementVNode("label", _hoisted_32$n, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$o, [
+                vue$1.createElementVNode("label", _hoisted_32$o, [
                   vue$1.createElementVNode("span", _hoisted_33$l, vue$1.toDisplayString($data.fromLabel), 1 /* TEXT */),
                   vue$1.createElementVNode("input", {
                     type: "date",
@@ -97103,7 +97135,7 @@ function render$7H(_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$a, [
-                        vue$1.createElementVNode("p", _hoisted_44$a, [
+                        vue$1.createElementVNode("p", _hoisted_44$9, [
                           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 */)
                         ]),
@@ -97581,13 +97613,13 @@ const _hoisted_13$2j = {
   key: 1,
   class: "cn-analytics-card__empty"
 };
-const _hoisted_14$2a = {
+const _hoisted_14$2b = {
   key: 2,
   class: "cn-analytics-card__list"
 };
-const _hoisted_15$1Z = { class: "cn-analytics-card__row-icon" };
-const _hoisted_16$1M = { class: "cn-analytics-card__row-main" };
-const _hoisted_17$1z = ["href"];
+const _hoisted_15$1_ = { class: "cn-analytics-card__row-icon" };
+const _hoisted_16$1O = { class: "cn-analytics-card__row-main" };
+const _hoisted_17$1A = ["href"];
 const _hoisted_18$1l = {
   key: 3,
   class: "cn-analytics-card__view-all"
@@ -97663,22 +97695,22 @@ function render$7G(_ctx, _cache, $props, $setup, $data, $options) {
                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2B, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.reports.length === 0)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_13$2j, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_14$2a, [
+                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_14$2b, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayedReports, (report) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: $options.reportKey(report),
                             class: "cn-analytics-card__row"
                           }, [
-                            vue$1.createElementVNode("div", _hoisted_15$1Z, [
+                            vue$1.createElementVNode("div", _hoisted_15$1_, [
                               (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.reportIcon(report)), { size: 16 }))
                             ]),
-                            vue$1.createElementVNode("div", _hoisted_16$1M, [
+                            vue$1.createElementVNode("div", _hoisted_16$1O, [
                               vue$1.createElementVNode("a", {
                                 href: $options.reportUrl(report),
                                 target: "_blank",
                                 rel: "noopener noreferrer",
                                 class: "cn-analytics-card__title"
-                              }, vue$1.toDisplayString($options.reportTitle(report)), 9 /* TEXT, PROPS */, _hoisted_17$1z),
+                              }, vue$1.toDisplayString($options.reportTitle(report)), 9 /* TEXT, PROPS */, _hoisted_17$1A),
                               vue$1.createElementVNode("span", {
                                 class: vue$1.normalizeClass(["cn-analytics-card__badge", $options.badgeClass(report)])
                               }, vue$1.toDisplayString($options.reportTypeLabel(report)), 3 /* TEXT, CLASS */)
@@ -100246,16 +100278,16 @@ const _hoisted_13$2i = {
   key: 3,
   class: "cn-audit-details__changes"
 };
-const _hoisted_14$29 = { class: "cn-audit-details__field" };
-const _hoisted_15$1Y = {
+const _hoisted_14$2a = { class: "cn-audit-details__field" };
+const _hoisted_15$1Z = {
   key: 0,
   class: "cn-audit-details__values"
 };
-const _hoisted_16$1L = {
+const _hoisted_16$1N = {
   key: 0,
   class: "cn-audit-details__old"
 };
-const _hoisted_17$1y = {
+const _hoisted_17$1z = {
   key: 1,
   class: "cn-audit-details__arrow"
 };
@@ -100402,14 +100434,14 @@ function render$7z(_ctx, _cache, $props, $setup, $data, $options) {
                                       key: field,
                                       class: "cn-audit-details__change"
                                     }, [
-                                      vue$1.createElementVNode("span", _hoisted_14$29, vue$1.toDisplayString(field), 1 /* TEXT */),
+                                      vue$1.createElementVNode("span", _hoisted_14$2a, vue$1.toDisplayString(field), 1 /* TEXT */),
                                       ($options.isSimpleValue(change))
-                                        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$1Y, [
+                                        ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$1Z, [
                                             (change.old !== null && change.old !== undefined)
-                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1L, vue$1.toDisplayString($options.formatValue(change.old)), 1 /* TEXT */))
+                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1N, vue$1.toDisplayString($options.formatValue(change.old)), 1 /* TEXT */))
                                               : vue$1.createCommentVNode("v-if", true),
                                             (change.old !== null && change.new !== null)
-                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1y, "→"))
+                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1z, "→"))
                                               : vue$1.createCommentVNode("v-if", true),
                                             (change.new !== null && change.new !== undefined)
                                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$1k, vue$1.toDisplayString($options.formatValue(change.new)), 1 /* TEXT */))
@@ -100744,16 +100776,16 @@ const _hoisted_10$39 = {
 const _hoisted_11$2P = ["src"];
 const _hoisted_12$2y = ["href"];
 const _hoisted_13$2h = { key: 3 };
-const _hoisted_14$28 = {
+const _hoisted_14$29 = {
   key: 1,
   class: "cn-bookmarks-card__view-all"
 };
-const _hoisted_15$1X = ["href"];
-const _hoisted_16$1K = {
+const _hoisted_15$1Y = ["href"];
+const _hoisted_16$1M = {
   key: 0,
   class: "cn-bookmarks-card__empty"
 };
-const _hoisted_17$1x = {
+const _hoisted_17$1y = {
   key: 1,
   class: "cn-bookmarks-card__empty"
 };
@@ -100765,15 +100797,15 @@ const _hoisted_19$1d = { class: "cn-bookmarks-card__row-icon" };
 const _hoisted_20$15 = ["src", "onError"];
 const _hoisted_21$13 = { class: "cn-bookmarks-card__row-main" };
 const _hoisted_22$12 = ["href"];
-const _hoisted_23$V = {
+const _hoisted_23$W = {
   key: 1,
   class: "cn-bookmarks-card__title"
 };
-const _hoisted_24$Q = {
+const _hoisted_24$R = {
   key: 3,
   class: "cn-bookmarks-card__view-all"
 };
-const _hoisted_25$I = ["href"];
+const _hoisted_25$J = ["href"];
 
 function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -100854,21 +100886,21 @@ function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))
                           : vue$1.createCommentVNode("v-if", true),
                         ($data.bookmarks.length > 1)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$28, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$29, [
                               vue$1.createElementVNode("a", {
                                 href: $props.bookmarksAppUrl,
                                 target: "_blank",
                                 rel: "noopener noreferrer"
-                              }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_15$1X)
+                              }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_15$1Y)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
                       ]))
               ], 64 /* STABLE_FRAGMENT */))
             : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 3 }, [
                 ($data.degraded)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1K, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1M, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.bookmarks.length === 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1x, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1y, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
                     : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_18$1j, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayedBookmarks, (bookmark) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
@@ -100898,18 +100930,18 @@ function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
                                     rel: "noopener noreferrer",
                                     class: "cn-bookmarks-card__title"
                                   }, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 9 /* TEXT, PROPS */, _hoisted_22$12))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$V, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 1 /* TEXT */))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$W, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 1 /* TEXT */))
                             ])
                           ]))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.bookmarks.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$Q, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$R, [
                       vue$1.createElementVNode("a", {
                         href: $props.bookmarksAppUrl,
                         target: "_blank",
                         rel: "noopener noreferrer"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$I)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$J)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -101707,7 +101739,7 @@ const _hoisted_13$2g = {
   key: 0,
   class: "cn-bookmarks-tab__description"
 };
-const _hoisted_14$27 = {
+const _hoisted_14$28 = {
   key: 1,
   class: "cn-bookmarks-tab__tags"
 };
@@ -101841,7 +101873,7 @@ function render$7v(_ctx, _cache, $props, $setup, $data, $options) {
                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_13$2g, vue$1.toDisplayString(bookmark.description), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true),
                       ($options.bookmarkTags(bookmark).length > 0)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$27, [
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$28, [
                             (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.bookmarkTags(bookmark), (tag) => {
                               return (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                 key: tag,
@@ -101956,6 +101988,69 @@ const bookmarksIntegration = {
 	defaultSize: { w: 3, h: 3 },
 };
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * A calendar event's status as a label and a badge tone, shared by the
+ * calendar tab and the calendar card.
+ */
+
+
+/**
+ * The event's status in words, or '' when it has none the reader needs.
+ *
+ * @param {object} ev The event.
+ * @return {string}
+ */
+function eventStatusLabel(ev) {
+	const status = String(ev?.status || '').toLowerCase();
+	if (status === 'confirmed') {
+		return l10n.translate('nextcloud-vue', 'Confirmed')
+	}
+	if (status === 'tentative') {
+		return l10n.translate('nextcloud-vue', 'Tentative')
+	}
+	if (status === 'cancelled') {
+		return l10n.translate('nextcloud-vue', 'Cancelled')
+	}
+	return ''
+}
+
+/**
+ * The badge tone of the event's status.
+ *
+ * @param {object} ev The event.
+ * @return {string} `success`, `warning`, `error` or `default`.
+ */
+function eventStatusVariant(ev) {
+	const status = String(ev?.status || '').toLowerCase();
+	if (status === 'confirmed') {
+		return 'success'
+	}
+	if (status === 'tentative') {
+		return 'warning'
+	}
+	if (status === 'cancelled') {
+		return 'error'
+	}
+	return 'default'
+}
+
+/**
+ * The names of the event's attendees.
+ *
+ * @param {object} ev The event.
+ * @return {Array<string>}
+ */
+function eventAttendeeNames(ev) {
+	const raw = ev?.attendees || ev?.participants || [];
+	if (!Array.isArray(raw)) {
+		return []
+	}
+	return raw.map((att) => (typeof att === 'string' ? att : (att.name || att.displayName || att.cn || att.email || ''))).filter(Boolean)
+}
+
 /**
  * CnCalendarCard — surface-aware compact widget for the calendar
  * integration. Renders linked VEVENTs across all four widget surfaces
@@ -101966,6 +102061,10 @@ var script$7v = {
 
 	components: { CnCalendarEventCreate: __sfc_main$8d, CnCalendarEventPicker: __sfc_main$8c, CnDetailCard: __sfc_main$7F, CnIcon: __sfc_main$8o, LinkVariant, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon, Plus, CalendarClock, CalendarCheck },
 
+	inject: {
+		cnLook: { default: 'nextcloud' },
+	},
+
 	props: {
 		/** OpenRegister register id (slug or uuid). Optional for user-dashboard. */
 		register: { type: String, default: '' },
@@ -102041,6 +102140,16 @@ var script$7v = {
 		 *
 		 * @return {Array<string>}
 		 */
+		/** @return {boolean} The board look draws ruled rows. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
+		/** @return {boolean} The meetings are ruled rows: the board look on a detail page. */
+		boardRows() {
+			return this.isBoard && this.surface === 'detail-page'
+		},
+
 		shownHeaderActions() {
 			if (this.surface !== 'detail-page' || !this.objectId || !Array.isArray(this.headerActions)) {
 				return []
@@ -102100,6 +102209,34 @@ var script$7v = {
 	},
 
 	methods: {
+		/**
+		 * A meeting's meta line in the board look: "14 okt, 10:00 tot 10:30",
+		 * its place and its attendees, separated by middots.
+		 *
+		 * @param {object} ev The event.
+		 * @return {string}
+		 */
+		boardMetaOf(ev) {
+			const start = ev.dtstart ? new Date(ev.dtstart) : null;
+			const end = ev.dtend ? new Date(ev.dtend) : null;
+			let when = '';
+			if (start && !Number.isNaN(start.getTime())) {
+				when = `${formatBoardDate(start)}, ${formatTimeOfDay(start)}`;
+				if (end && !Number.isNaN(end.getTime())) {
+					when = l10n.translate('nextcloud-vue', '{start} until {end}', { start: when, end: formatTimeOfDay(end) });
+				}
+			}
+			return [when, ev.location, ...eventAttendeeNames(ev)].filter(Boolean).join(' · ')
+		},
+
+		statusOf(ev) {
+			return eventStatusLabel(ev)
+		},
+
+		statusVariantOf(ev) {
+			return eventStatusVariant(ev)
+		},
+
 		/**
 		 * A meeting was made on this object: close the form, read the list again.
 		 *
@@ -102257,19 +102394,26 @@ const _hoisted_6$4F = {
   key: 4,
   class: "cn-calendar-card__list"
 };
-const _hoisted_7$4e = { class: "cn-calendar-card__row-icon" };
-const _hoisted_8$3P = { class: "cn-calendar-card__row-main" };
-const _hoisted_9$3v = { class: "cn-calendar-card__title" };
-const _hoisted_10$36 = { class: "cn-calendar-card__meta" };
-const _hoisted_11$2N = {
+const _hoisted_7$4e = { class: "cn-calendar-card__row-main" };
+const _hoisted_8$3P = { class: "cn-calendar-card__title" };
+const _hoisted_9$3v = {
+  class: "cn-calendar-card__meta",
+  "data-testid": "cn-calendar-card-meta"
+};
+const _hoisted_10$36 = { class: "cn-calendar-card__row-icon" };
+const _hoisted_11$2N = { class: "cn-calendar-card__row-main" };
+const _hoisted_12$2w = { class: "cn-calendar-card__title" };
+const _hoisted_13$2f = { class: "cn-calendar-card__meta" };
+const _hoisted_14$27 = {
   key: 0,
   class: "cn-calendar-card__when"
 };
-const _hoisted_12$2w = {
+const _hoisted_15$1X = {
   key: 1,
   class: "cn-calendar-card__location"
 };
-const _hoisted_13$2f = ["href"];
+const _hoisted_16$1L = ["href"];
+const _hoisted_17$1x = ["href"];
 
 function render$7u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIcon = vue$1.resolveComponent("CnIcon");
@@ -102318,32 +102462,58 @@ function render$7u(_ctx, _cache, $props, $setup, $data, $options) {
                       key: $options.rowKey(ev),
                       class: "cn-calendar-card__row"
                     }, [
-                      vue$1.createElementVNode("div", _hoisted_7$4e, [
-                        ($options.isUpcoming(ev))
-                          ? (vue$1.openBlock(), vue$1.createBlock(_component_CalendarClock, {
-                              key: 0,
-                              size: 20,
-                              class: "cn-calendar-card__icon--upcoming"
-                            }))
-                          : (vue$1.openBlock(), vue$1.createBlock(_component_CalendarCheck, {
-                              key: 1,
-                              size: 20,
-                              class: "cn-calendar-card__icon--past"
-                            }))
-                      ]),
-                      vue$1.createElementVNode("div", _hoisted_8$3P, [
-                        vue$1.createElementVNode("span", _hoisted_9$3v, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("div", _hoisted_10$36, [
-                          (ev.dtstart)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$2N, vue$1.toDisplayString($options.formatShort(ev.dtstart)), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          (ev.location)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_12$2w, "· " + vue$1.toDisplayString(ev.location), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true)
-                        ])
-                      ])
+                      ($options.boardRows)
+                        ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
+                            vue$1.createElementVNode("div", _hoisted_7$4e, [
+                              vue$1.createElementVNode("span", _hoisted_8$3P, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
+                              vue$1.createElementVNode("span", _hoisted_9$3v, vue$1.toDisplayString($options.boardMetaOf(ev)), 1 /* TEXT */)
+                            ]),
+                            ($options.statusOf(ev))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                  key: 0,
+                                  class: vue$1.normalizeClass(["cn-status-badge", `cn-status-badge--${$options.statusVariantOf(ev)}`]),
+                                  "data-testid": "cn-calendar-card-status"
+                                }, vue$1.toDisplayString($options.statusOf(ev)), 3 /* TEXT, CLASS */))
+                              : vue$1.createCommentVNode("v-if", true)
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                            vue$1.createElementVNode("div", _hoisted_10$36, [
+                              ($options.isUpcoming(ev))
+                                ? (vue$1.openBlock(), vue$1.createBlock(_component_CalendarClock, {
+                                    key: 0,
+                                    size: 20,
+                                    class: "cn-calendar-card__icon--upcoming"
+                                  }))
+                                : (vue$1.openBlock(), vue$1.createBlock(_component_CalendarCheck, {
+                                    key: 1,
+                                    size: 20,
+                                    class: "cn-calendar-card__icon--past"
+                                  }))
+                            ]),
+                            vue$1.createElementVNode("div", _hoisted_11$2N, [
+                              vue$1.createElementVNode("span", _hoisted_12$2w, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
+                              vue$1.createElementVNode("div", _hoisted_13$2f, [
+                                (ev.dtstart)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$27, vue$1.toDisplayString($options.formatShort(ev.dtstart)), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (ev.location)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_15$1X, "· " + vue$1.toDisplayString(ev.location), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true)
+                              ])
+                            ])
+                          ], 64 /* STABLE_FRAGMENT */))
                     ]))
-                  }), 128 /* KEYED_FRAGMENT */))
+                  }), 128 /* KEYED_FRAGMENT */)),
+                  ($options.boardRows)
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
+                        key: 0,
+                        class: "cn-calendar-card__open",
+                        href: $options.calendarAppUrl,
+                        target: "_blank",
+                        rel: "noopener",
+                        "data-testid": "cn-calendar-card-open"
+                      }, vue$1.toDisplayString($props.openInCalendarLabel), 9 /* TEXT, PROPS */, _hoisted_16$1L))
+                    : vue$1.createCommentVNode("v-if", true)
                 ])),
       ($data.showPicker)
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnCalendarEventPicker, {
@@ -102406,7 +102576,7 @@ function render$7u(_ctx, _cache, $props, $setup, $data, $options) {
           key: "0"
         }
       : undefined,
-    ($props.surface === 'detail-page')
+    ($props.surface === 'detail-page' && !$options.isBoard)
       ? {
           name: "footer",
           fn: vue$1.withCtx(() => [
@@ -102415,7 +102585,7 @@ function render$7u(_ctx, _cache, $props, $setup, $data, $options) {
               href: $options.calendarAppUrl,
               target: "_blank",
               rel: "noopener"
-            }, vue$1.toDisplayString($props.openInCalendarLabel), 9 /* TEXT, PROPS */, _hoisted_13$2f)
+            }, vue$1.toDisplayString($props.openInCalendarLabel), 9 /* TEXT, PROPS */, _hoisted_17$1x)
           ]),
           key: "1"
         }
@@ -102435,7 +102605,7 @@ function render$7u(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7v.render = render$7u;
-script$7v.__scopeId = "data-v-25d68a70";
+script$7v.__scopeId = "data-v-6c15c681";
 const __sfc_main$7p = script$7v;
 
 const MAX_AVATARS = 3;
@@ -102737,31 +102907,11 @@ var script$7u = {
 		},
 
 		statusLabel(ev) {
-			const status = (ev.status || '').toString().toLowerCase();
-			if (status === 'confirmed') {
-				return l10n.translate('nextcloud-vue', 'Confirmed')
-			}
-			if (status === 'tentative') {
-				return l10n.translate('nextcloud-vue', 'Tentative')
-			}
-			if (status === 'cancelled') {
-				return l10n.translate('nextcloud-vue', 'Cancelled')
-			}
-			return ''
+			return eventStatusLabel(ev)
 		},
 
 		statusVariant(ev) {
-			const status = (ev.status || '').toString().toLowerCase();
-			if (status === 'confirmed') {
-				return 'success'
-			}
-			if (status === 'tentative') {
-				return 'warning'
-			}
-			if (status === 'cancelled') {
-				return 'error'
-			}
-			return 'default'
+			return eventStatusVariant(ev)
 		},
 
 		attendeeList(ev) {
@@ -102845,7 +102995,7 @@ const _hoisted_12$2v = { class: "cn-calendar-tab__main" };
 const _hoisted_13$2e = { class: "cn-calendar-tab__title-row" };
 const _hoisted_14$26 = { class: "cn-calendar-tab__title" };
 const _hoisted_15$1W = { class: "cn-calendar-tab__when" };
-const _hoisted_16$1J = {
+const _hoisted_16$1K = {
   key: 0,
   class: "cn-calendar-tab__location"
 };
@@ -102861,22 +103011,22 @@ const _hoisted_21$12 = {
   class: "cn-calendar-tab__group"
 };
 const _hoisted_22$11 = { class: "cn-calendar-tab__group-title cn-calendar-tab__group-title--past" };
-const _hoisted_23$U = {
+const _hoisted_23$V = {
   class: "cn-calendar-tab__date cn-calendar-tab__date--past",
   "aria-hidden": "true"
 };
-const _hoisted_24$P = { class: "cn-calendar-tab__date-month" };
-const _hoisted_25$H = { class: "cn-calendar-tab__date-day" };
-const _hoisted_26$C = { class: "cn-calendar-tab__main" };
-const _hoisted_27$t = { class: "cn-calendar-tab__title-row" };
-const _hoisted_28$r = { class: "cn-calendar-tab__title" };
-const _hoisted_29$p = { class: "cn-calendar-tab__when" };
-const _hoisted_30$o = {
+const _hoisted_24$Q = { class: "cn-calendar-tab__date-month" };
+const _hoisted_25$I = { class: "cn-calendar-tab__date-day" };
+const _hoisted_26$D = { class: "cn-calendar-tab__main" };
+const _hoisted_27$v = { class: "cn-calendar-tab__title-row" };
+const _hoisted_28$t = { class: "cn-calendar-tab__title" };
+const _hoisted_29$r = { class: "cn-calendar-tab__when" };
+const _hoisted_30$p = {
   key: 0,
   class: "cn-calendar-tab__location"
 };
-const _hoisted_31$m = { class: "cn-calendar-tab__location-text" };
-const _hoisted_32$m = {
+const _hoisted_31$n = { class: "cn-calendar-tab__location-text" };
+const _hoisted_32$n = {
   key: 1,
   class: "cn-calendar-tab__attendees"
 };
@@ -102975,7 +103125,7 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("span", null, vue$1.toDisplayString($options.formatTimeRange(ev)), 1 /* TEXT */)
                         ]),
                         (ev.location)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1J, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1K, [
                               vue$1.createVNode(_component_MapMarkerOutline, {
                                 size: 14,
                                 class: "cn-calendar-tab__meta-icon"
@@ -103046,13 +103196,13 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                       key: $options.rowKey(ev),
                       class: "cn-calendar-tab__event cn-calendar-tab__event--past"
                     }, [
-                      vue$1.createElementVNode("div", _hoisted_23$U, [
-                        vue$1.createElementVNode("span", _hoisted_24$P, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
-                        vue$1.createElementVNode("span", _hoisted_25$H, vue$1.toDisplayString($options.dayOf(ev)), 1 /* TEXT */)
+                      vue$1.createElementVNode("div", _hoisted_23$V, [
+                        vue$1.createElementVNode("span", _hoisted_24$Q, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
+                        vue$1.createElementVNode("span", _hoisted_25$I, vue$1.toDisplayString($options.dayOf(ev)), 1 /* TEXT */)
                       ]),
-                      vue$1.createElementVNode("div", _hoisted_26$C, [
-                        vue$1.createElementVNode("div", _hoisted_27$t, [
-                          vue$1.createElementVNode("span", _hoisted_28$r, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
+                      vue$1.createElementVNode("div", _hoisted_26$D, [
+                        vue$1.createElementVNode("div", _hoisted_27$v, [
+                          vue$1.createElementVNode("span", _hoisted_28$t, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
                           ($options.statusLabel(ev))
                             ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                 key: 0,
@@ -103062,7 +103212,7 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                               }, null, 8 /* PROPS */, ["label", "variant"]))
                             : vue$1.createCommentVNode("v-if", true)
                         ]),
-                        vue$1.createElementVNode("div", _hoisted_29$p, [
+                        vue$1.createElementVNode("div", _hoisted_29$r, [
                           vue$1.createVNode(_component_ClockOutline, {
                             size: 14,
                             class: "cn-calendar-tab__meta-icon"
@@ -103070,16 +103220,16 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                           vue$1.createElementVNode("span", null, vue$1.toDisplayString($options.formatTimeRange(ev)), 1 /* TEXT */)
                         ]),
                         (ev.location)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_30$o, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_30$p, [
                               vue$1.createVNode(_component_MapMarkerOutline, {
                                 size: 14,
                                 class: "cn-calendar-tab__meta-icon"
                               }),
-                              vue$1.createElementVNode("span", _hoisted_31$m, vue$1.toDisplayString(ev.location), 1 /* TEXT */)
+                              vue$1.createElementVNode("span", _hoisted_31$n, vue$1.toDisplayString(ev.location), 1 /* TEXT */)
                             ]))
                           : vue$1.createCommentVNode("v-if", true),
                         ($options.attendeeList(ev).length > 0)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$m, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$n, [
                               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.visibleAttendees(ev), (att, idx) => {
                                 return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                   key: idx,
@@ -103157,7 +103307,7 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7u.render = render$7t;
-script$7u.__scopeId = "data-v-d6947736";
+script$7u.__scopeId = "data-v-44e2340e";
 const __sfc_main$7o = script$7u;
 
 /**
@@ -103543,7 +103693,7 @@ const _hoisted_15$1V = {
   key: 1,
   class: "cn-collectives-card__view-all"
 };
-const _hoisted_16$1I = ["href"];
+const _hoisted_16$1J = ["href"];
 const _hoisted_17$1v = {
   key: 0,
   class: "cn-collectives-card__empty"
@@ -103562,15 +103712,15 @@ const _hoisted_20$13 = {
 };
 const _hoisted_21$11 = { class: "cn-collectives-card__row-main" };
 const _hoisted_22$10 = ["href"];
-const _hoisted_23$T = {
+const _hoisted_23$U = {
   key: 0,
   class: "cn-collectives-card__row-collective"
 };
-const _hoisted_24$O = {
+const _hoisted_24$P = {
   key: 3,
   class: "cn-collectives-card__view-all"
 };
-const _hoisted_25$G = ["href"];
+const _hoisted_25$H = ["href"];
 
 function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -103657,7 +103807,7 @@ function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
                                 href: $props.collectivesAppUrl,
                                 target: "_blank",
                                 rel: "noopener"
-                              }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_16$1I)
+                              }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_16$1J)
                             ]))
                           : vue$1.createCommentVNode("v-if", true)
                       ]))
@@ -103691,19 +103841,19 @@ function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
                                 class: "cn-collectives-card__title"
                               }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_22$10),
                               ($options.collectiveLabel(page))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$T, vue$1.toDisplayString($options.collectiveLabel(page)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$U, vue$1.toDisplayString($options.collectiveLabel(page)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ])
                           ]))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.pages.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$O, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$P, [
                       vue$1.createElementVNode("a", {
                         href: $props.collectivesAppUrl,
                         target: "_blank",
                         rel: "noopener"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$G)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$H)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -106839,7 +106989,7 @@ const _hoisted_15$1T = {
   key: 1,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_16$1H = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_16$1I = { class: "cn-contacts-tab__sub-text" };
 const _hoisted_17$1u = {
   key: 2,
   class: "cn-contacts-tab__sub"
@@ -106856,12 +107006,12 @@ const _hoisted_21$10 = {
   class: "cn-contacts-tab__sub"
 };
 const _hoisted_22$$ = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_23$S = {
+const _hoisted_23$T = {
   key: 0,
   class: "cn-contacts-tab__period",
   "data-testid": "cn-contacts-tab-board-period"
 };
-const _hoisted_24$N = ["aria-label", "title", "onClick"];
+const _hoisted_24$O = ["aria-label", "title", "onClick"];
 
 function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LinkVariant = vue$1.resolveComponent("LinkVariant");
@@ -107013,7 +107163,7 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                                         size: 14,
                                         class: "cn-contacts-tab__sub-icon"
                                       }),
-                                      vue$1.createElementVNode("span", _hoisted_16$1H, vue$1.toDisplayString(contact.phone), 1 /* TEXT */)
+                                      vue$1.createElementVNode("span", _hoisted_16$1I, vue$1.toDisplayString(contact.phone), 1 /* TEXT */)
                                     ]))
                                   : vue$1.createCommentVNode("v-if", true),
                                 (contact.org)
@@ -107045,7 +107195,7 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                         ($options.isBoard)
                           ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
                               ($options.boardPeriodOf(contact))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$S, vue$1.toDisplayString($options.boardPeriodOf(contact)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$T, vue$1.toDisplayString($options.boardPeriodOf(contact)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true),
                               vue$1.createVNode(_component_NcActions, {
                                 class: "cn-contacts-tab__menu",
@@ -107080,7 +107230,7 @@ function render$7j(_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_24$N))
+                            ], 8 /* PROPS */, _hoisted_24$O))
                       ], 8 /* PROPS */, _hoisted_7$46))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
@@ -107468,7 +107618,7 @@ const _hoisted_15$1S = {
   key: 2,
   class: "cn-cospend-card__rows"
 };
-const _hoisted_16$1G = ["href"];
+const _hoisted_16$1H = ["href"];
 const _hoisted_17$1t = {
   key: 0,
   class: "cn-cospend-card__amount"
@@ -107561,7 +107711,7 @@ function render$7i(_ctx, _cache, $props, $setup, $data, $options) {
                               target: "_blank",
                               rel: "noopener",
                               class: "cn-cospend-card__title"
-                            }, vue$1.toDisplayString($options.rowTitle(row)), 9 /* TEXT, PROPS */, _hoisted_16$1G),
+                            }, vue$1.toDisplayString($options.rowTitle(row)), 9 /* TEXT, PROPS */, _hoisted_16$1H),
                             vue$1.createElementVNode("span", {
                               class: vue$1.normalizeClass(["cn-cospend-card__chip-pill", $options.typeChipClass(row)])
                             }, vue$1.toDisplayString($options.typeLabel(row)), 3 /* TEXT, CLASS */),
@@ -109239,6 +109389,63 @@ script$7e.render = render$7d;
 script$7e.__scopeId = "data-v-7861e746";
 const __sfc_main$78 = script$7e;
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * The parts of a linked Deck card a row shows, shared by the Deck tab and
+ * the Deck card: its board, its stack, its assignees and its labels.
+ */
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The board's title, or ''.
+ */
+function cardBoardTitle(card) {
+	return card?.boardTitle ?? card?.board?.title ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The stack's title, or ''.
+ */
+function cardStackTitle(card) {
+	return card?.stackTitle ?? card?.stack?.title ?? ''
+}
+
+/**
+ * Deck's `assignedUsers` (each with a nested `participant`), or a plain
+ * `assignees` / `users` list of strings or objects.
+ *
+ * @param {object} card The card row.
+ * @return {Array} The assignee entries.
+ */
+function cardAssignees(card) {
+	const raw = card?.assignedUsers ?? card?.assignees ?? card?.users ?? [];
+	return Array.isArray(raw) ? raw : []
+}
+
+/**
+ * @param {object|string} assignee An assignee entry.
+ * @return {string} Its display name, or ''.
+ */
+function assigneeDisplayName(assignee) {
+	if (typeof assignee === 'string') {
+		return assignee
+	}
+	const p = assignee?.participant ?? assignee ?? {};
+	return p.displayname ?? p.displayName ?? p.uid ?? p.id ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {Array<object>} Its labels.
+ */
+function cardLabels(card) {
+	const labels = card?.labels ?? card?.tags ?? [];
+	return Array.isArray(labels) ? labels : []
+}
+
 const VALID_SURFACES$e = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
 
 /**
@@ -109252,6 +109459,10 @@ var script$7d = {
 
 	components: { CnDeckCardCreate: __sfc_main$79, CnDeckCardPicker: __sfc_main$78, CnDetailCard: __sfc_main$7F, LinkVariant, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon, Plus, ViewColumnOutline },
 
+	inject: {
+		cnLook: { default: 'nextcloud' },
+	},
+
 	props: {
 		/** Stable integration id (forwarded from the registry — always `'deck'`). */
 		integrationId: { type: String, default: 'deck' },
@@ -109294,6 +109505,8 @@ var script$7d = {
 		linkLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'Link an existing card') },
 		/** Label of the `create` button. */
 		createLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'New card') },
+		/** Label of the link to Deck under the rows (board look). */
+		openDeckLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'Open Deck') },
 	},
 
 	data() {
@@ -109322,6 +109535,11 @@ var script$7d = {
 			return this.headerActions.filter((action, index, all) => ['create', 'link'].includes(action) && all.indexOf(action) === index)
 		},
 
+		/** @return {boolean} The board look draws ruled rows instead of the mini-kanban. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
 		cardHeaderTitle() {
 			return this.title || this.integrationId
 		},
@@ -109416,6 +109634,32 @@ var script$7d = {
 	},
 
 	methods: {
+		/**
+		 * A card's meta line in the board look: its board, its list and its
+		 * assignees, separated by middots.
+		 *
+		 * @param {object} card The card row.
+		 * @return {string}
+		 */
+		boardMetaOf(card) {
+			const board = cardBoardTitle(card);
+			const stack = cardStackTitle(card);
+			return [
+				board ? l10n.translate('nextcloud-vue', 'Board {name}', { name: board }) : '',
+				stack ? l10n.translate('nextcloud-vue', 'list {name}', { name: stack }) : '',
+				...cardAssignees(card).map(assigneeDisplayName),
+			].filter(Boolean).join(' · ')
+		},
+
+		/**
+		 * @param {object} card The card row.
+		 * @return {string} Its first label's title, or ''.
+		 */
+		firstLabel(card) {
+			const label = cardLabels(card)[0];
+			return label ? String(label.title ?? label.name ?? '') : ''
+		},
+
 		/** @return {string} The object's Deck endpoint the link and create flows post to. */
 		deckEndpoint() {
 			return `${this.apiBase}/objects/${this.register}/${this.schema}/${this.objectId}/deck`
@@ -109611,16 +109855,33 @@ const _hoisted_15$1R = {
   key: 1,
   class: "cn-deck-card__empty"
 };
-const _hoisted_16$1F = {
+const _hoisted_16$1G = {
   key: 2,
+  class: "cn-deck-card__rows"
+};
+const _hoisted_17$1s = { class: "cn-deck-card__row-list" };
+const _hoisted_18$1f = { class: "cn-deck-card__row-main" };
+const _hoisted_19$19 = ["href"];
+const _hoisted_20$11 = {
+  class: "cn-deck-card__row-meta",
+  "data-testid": "cn-deck-card-meta"
+};
+const _hoisted_21$$ = {
+  key: 0,
+  class: "cn-status-badge cn-status-badge--purple",
+  "data-testid": "cn-deck-card-label"
+};
+const _hoisted_22$_ = ["href"];
+const _hoisted_23$S = {
+  key: 3,
   class: "cn-deck-card__kanban"
 };
-const _hoisted_17$1s = { class: "cn-deck-card__column-header" };
-const _hoisted_18$1f = { class: "cn-deck-card__column-title" };
-const _hoisted_19$19 = { class: "cn-deck-card__column-count" };
-const _hoisted_20$11 = { class: "cn-deck-card__column-list" };
-const _hoisted_21$$ = ["href"];
-const _hoisted_22$_ = {
+const _hoisted_24$N = { class: "cn-deck-card__column-header" };
+const _hoisted_25$G = { class: "cn-deck-card__column-title" };
+const _hoisted_26$C = { class: "cn-deck-card__column-count" };
+const _hoisted_27$u = { class: "cn-deck-card__column-list" };
+const _hoisted_28$s = ["href"];
+const _hoisted_29$q = {
   key: 4,
   class: "cn-deck-card__action-error",
   role: "alert"
@@ -109704,37 +109965,69 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$1_, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.cards.length === 0)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$1R, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1F, [
-                        (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.miniColumns, (stack) => {
-                          return (vue$1.openBlock(), vue$1.createElementBlock("section", {
-                            key: stack.key,
-                            class: "cn-deck-card__column"
-                          }, [
-                            vue$1.createElementVNode("header", _hoisted_17$1s, [
-                              vue$1.createElementVNode("span", _hoisted_18$1f, vue$1.toDisplayString(stack.label), 1 /* TEXT */),
-                              vue$1.createElementVNode("span", _hoisted_19$19, vue$1.toDisplayString(stack.cards.length), 1 /* TEXT */)
-                            ]),
-                            vue$1.createElementVNode("ul", _hoisted_20$11, [
-                              (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),
-                                  class: vue$1.normalizeClass(["cn-deck-card__row", { 'cn-deck-card__row--highlight': $options.isLinked(card) }])
-                                }, [
+                    : ($options.isBoard)
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1G, [
+                          vue$1.createElementVNode("ul", _hoisted_17$1s, [
+                            (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.cards, (card) => {
+                              return (vue$1.openBlock(), vue$1.createElementBlock("li", {
+                                key: $options.cardKey(card),
+                                class: "cn-deck-card__row",
+                                "data-testid": "cn-deck-card-row"
+                              }, [
+                                vue$1.createElementVNode("span", _hoisted_18$1f, [
                                   vue$1.createElementVNode("a", {
+                                    class: "cn-deck-card__row-title",
                                     href: $options.cardUrl(card),
                                     target: "_blank",
-                                    rel: "noopener",
-                                    class: "cn-deck-card__title"
-                                  }, vue$1.toDisplayString($options.cardTitle(card)), 9 /* TEXT, PROPS */, _hoisted_21$$)
-                                ], 2 /* CLASS */))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ])
-                          ]))
-                        }), 128 /* KEYED_FRAGMENT */))
-                      ]))
+                                    rel: "noopener"
+                                  }, vue$1.toDisplayString($options.cardTitle(card)), 9 /* TEXT, PROPS */, _hoisted_19$19),
+                                  vue$1.createElementVNode("span", _hoisted_20$11, vue$1.toDisplayString($options.boardMetaOf(card)), 1 /* TEXT */)
+                                ]),
+                                ($options.firstLabel(card))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$$, vue$1.toDisplayString($options.firstLabel(card)), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true)
+                              ]))
+                            }), 128 /* KEYED_FRAGMENT */))
+                          ]),
+                          vue$1.createElementVNode("a", {
+                            class: "cn-deck-card__open",
+                            href: $props.deckAppUrl,
+                            target: "_blank",
+                            rel: "noopener",
+                            "data-testid": "cn-deck-card-open"
+                          }, vue$1.toDisplayString($props.openDeckLabel), 9 /* TEXT, PROPS */, _hoisted_22$_)
+                        ]))
+                      : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$S, [
+                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.miniColumns, (stack) => {
+                            return (vue$1.openBlock(), vue$1.createElementBlock("section", {
+                              key: stack.key,
+                              class: "cn-deck-card__column"
+                            }, [
+                              vue$1.createElementVNode("header", _hoisted_24$N, [
+                                vue$1.createElementVNode("span", _hoisted_25$G, vue$1.toDisplayString(stack.label), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_26$C, vue$1.toDisplayString(stack.cards.length), 1 /* TEXT */)
+                              ]),
+                              vue$1.createElementVNode("ul", _hoisted_27$u, [
+                                (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),
+                                    class: vue$1.normalizeClass(["cn-deck-card__row", { 'cn-deck-card__row--highlight': $options.isLinked(card) }])
+                                  }, [
+                                    vue$1.createElementVNode("a", {
+                                      href: $options.cardUrl(card),
+                                      target: "_blank",
+                                      rel: "noopener",
+                                      class: "cn-deck-card__title"
+                                    }, vue$1.toDisplayString($options.cardTitle(card)), 9 /* TEXT, PROPS */, _hoisted_28$s)
+                                  ], 2 /* CLASS */))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ])
+                            ]))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ]))
               ], 64 /* STABLE_FRAGMENT */)),
       ($data.actionError)
-        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$_, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
+        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_29$q, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
         : vue$1.createCommentVNode("v-if", true),
       ($data.pickerOpen)
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnDeckCardPicker, {
@@ -109791,7 +110084,7 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7d.render = render$7c;
-script$7d.__scopeId = "data-v-d8cff1c2";
+script$7d.__scopeId = "data-v-68f05db0";
 const __sfc_main$77 = script$7d;
 
 /** Maximum assignee avatars shown before collapsing the rest into a +N overflow badge. */
@@ -109989,8 +110282,7 @@ var script$7c = {
 		},
 
 		cardLabels(card) {
-			const labels = card.labels ?? card.tags ?? [];
-			return Array.isArray(labels) ? labels : []
+			return cardLabels(card)
 		},
 
 		chipText(label) {
@@ -110075,8 +110367,8 @@ var script$7c = {
 		 * @return {string} board (or board · stack) label, or '' when unknown
 		 */
 		boardBadge(card) {
-			const board = card.boardTitle ?? card.board?.title ?? '';
-			const stack = card.stackTitle ?? card.stack?.title ?? '';
+			const board = cardBoardTitle(card);
+			const stack = cardStackTitle(card);
 			if (board && stack) {
 				return `${board} · ${stack}`
 			}
@@ -110092,8 +110384,7 @@ var script$7c = {
 		 * @return {Array} assignee entries
 		 */
 		cardAssignees(card) {
-			const raw = card.assignedUsers ?? card.assignees ?? card.users ?? [];
-			return Array.isArray(raw) ? raw : []
+			return cardAssignees(card)
 		},
 
 		/**
@@ -110230,7 +110521,7 @@ const _hoisted_15$1Q = {
   key: 2,
   class: "cn-deck-tab__card-footer"
 };
-const _hoisted_16$1E = {
+const _hoisted_16$1F = {
   key: 1,
   class: "cn-deck-tab__avatars"
 };
@@ -110366,7 +110657,7 @@ function render$7b(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, 8 /* PROPS */, ["label", "variant"]))
                                 : vue$1.createCommentVNode("v-if", true),
                               ($options.cardAssignees(card).length > 0)
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1E, [
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1F, [
                                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.visibleAssignees(card), (assignee) => {
                                       return (vue$1.openBlock(), vue$1.createBlock(_component_NcAvatar, {
                                         key: $options.assigneeKey(assignee),
@@ -110417,7 +110708,7 @@ function render$7b(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7c.render = render$7b;
-script$7c.__scopeId = "data-v-d4b5abb2";
+script$7c.__scopeId = "data-v-bf899238";
 const __sfc_main$76 = script$7c;
 
 /**
@@ -111065,7 +111356,7 @@ const _hoisted_15$1P = {
   key: 3,
   class: "cn-email-picker__panel"
 };
-const _hoisted_16$1D = {
+const _hoisted_16$1E = {
   key: 2,
   class: "cn-email-picker__list cn-email-picker__list--messages"
 };
@@ -111234,7 +111525,7 @@ function render$79(_ctx, _cache, $props, $setup, $data, $options) {
                           name: $options.t('nextcloud-vue', 'No messages'),
                           description: $options.t('nextcloud-vue', 'This mailbox has no messages matching your filter.')
                         }, null, 8 /* PROPS */, ["name", "description"]))
-                      : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_16$1D, [
+                      : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_16$1E, [
                           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.filteredMessages, (msg) => {
                             return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                               key: msg.id,
@@ -113113,7 +113404,7 @@ const _hoisted_13$22 = {
 };
 const _hoisted_14$1X = ["data-testid"];
 const _hoisted_15$1O = ["onUpdate:modelValue", "name", "data-testid"];
-const _hoisted_16$1C = ["onUpdate:modelValue", "name", "data-testid"];
+const _hoisted_16$1D = ["onUpdate:modelValue", "name", "data-testid"];
 const _hoisted_17$1p = {
   key: 5,
   class: "cn-offline-queue__row-actions"
@@ -113247,7 +113538,7 @@ function render$77(_ctx, _cache, $props, $setup, $data, $options) {
                                 name: `merge-${operation.id}-${field.field}`,
                                 value: "server",
                                 "data-testid": `cn-offline-queue-merge-theirs-${field.field}`
-                              }, null, 8 /* PROPS */, _hoisted_16$1C), [
+                              }, null, 8 /* PROPS */, _hoisted_16$1D), [
                                 [vue$1.vModelRadio, $data.mergeChoices[field.field]]
                               ]),
                               vue$1.createTextVNode(" " + vue$1.toDisplayString($options.t('nextcloud-vue', 'Theirs')) + ": " + vue$1.toDisplayString($options.asText(field.server)), 1 /* TEXT */)
@@ -114378,7 +114669,7 @@ const _hoisted_12$2g = ["onUpdate:modelValue", "data-testid"];
 const _hoisted_13$21 = { value: "" };
 const _hoisted_14$1W = { value: "yes" };
 const _hoisted_15$1N = { value: "no" };
-const _hoisted_16$1B = { value: "na" };
+const _hoisted_16$1C = { value: "na" };
 const _hoisted_17$1o = ["onUpdate:modelValue", "data-testid"];
 const _hoisted_18$1c = ["data-testid"];
 const _hoisted_19$17 = {
@@ -114538,7 +114829,7 @@ function render$76(_ctx, _cache, $props, $setup, $data, $options) {
                                   vue$1.createElementVNode("option", _hoisted_13$21, vue$1.toDisplayString($options.t('nextcloud-vue', '— choose —')), 1 /* TEXT */),
                                   vue$1.createElementVNode("option", _hoisted_14$1W, vue$1.toDisplayString($options.t('nextcloud-vue', 'Yes')), 1 /* TEXT */),
                                   vue$1.createElementVNode("option", _hoisted_15$1N, vue$1.toDisplayString($options.t('nextcloud-vue', 'No')), 1 /* TEXT */),
-                                  vue$1.createElementVNode("option", _hoisted_16$1B, vue$1.toDisplayString($options.t('nextcloud-vue', 'N/A')), 1 /* TEXT */)
+                                  vue$1.createElementVNode("option", _hoisted_16$1C, vue$1.toDisplayString($options.t('nextcloud-vue', 'N/A')), 1 /* TEXT */)
                                 ], 8 /* PROPS */, _hoisted_12$2g)), [
                                   [vue$1.vModelSelect, $data.answers[q.questionId].answer]
                                 ])
@@ -118327,7 +118618,8 @@ var script$71 = {
 			const object = {
 				...entry,
 				name: node.basename,
-				modified: node.mtime,
+				// A template drops an object value, so the Date is handed over as ISO text.
+				modified: node.mtime instanceof Date ? node.mtime.toISOString() : node.mtime,
 				size: this.formatSize(node.size),
 				type: this.typeLabelOf(node),
 				...(owner ? { owner } : {}),
@@ -119381,7 +119673,7 @@ const _hoisted_14$1V = {
   class: "cn-files-browser__review-sub"
 };
 const _hoisted_15$1M = ["aria-label"];
-const _hoisted_16$1A = { class: "cn-files-browser__review-legend" };
+const _hoisted_16$1B = { class: "cn-files-browser__review-legend" };
 const _hoisted_17$1n = {
   key: 4,
   class: "cn-files-browser__facets",
@@ -119410,15 +119702,15 @@ const _hoisted_26$B = {
   class: "cn-files-browser__col-icon",
   scope: "col"
 };
-const _hoisted_27$s = { class: "hidden-visually" };
-const _hoisted_28$q = ["aria-sort", "data-testid"];
-const _hoisted_29$o = ["onClick"];
-const _hoisted_30$n = {
+const _hoisted_27$t = { class: "hidden-visually" };
+const _hoisted_28$r = ["aria-sort", "data-testid"];
+const _hoisted_29$p = ["onClick"];
+const _hoisted_30$o = {
   class: "cn-files-browser__col-actions",
   scope: "col"
 };
-const _hoisted_31$l = { class: "hidden-visually" };
-const _hoisted_32$l = {
+const _hoisted_31$m = { class: "hidden-visually" };
+const _hoisted_32$m = {
   key: 0,
   class: "cn-files-browser__group",
   "data-testid": "cn-files-browser-group"
@@ -119444,7 +119736,7 @@ const _hoisted_43$9 = {
   key: 0,
   class: "cn-files-browser__no-match-row"
 };
-const _hoisted_44$9 = ["colspan"];
+const _hoisted_44$8 = ["colspan"];
 const _hoisted_45$7 = ["data-name", "onClick", "onAuxclick"];
 const _hoisted_46$7 = {
   key: 0,
@@ -119774,7 +120066,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             }), 128 /* KEYED_FRAGMENT */))
           ], 8 /* PROPS */, _hoisted_15$1M),
-          vue$1.createElementVNode("ul", _hoisted_16$1A, [
+          vue$1.createElementVNode("ul", _hoisted_16$1B, [
             (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.review.segments, (segment) => {
               return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                 key: segment.value,
@@ -119932,7 +120224,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                         ]))
                       : vue$1.createCommentVNode("v-if", true),
                     vue$1.createElementVNode("th", _hoisted_26$B, [
-                      vue$1.createElementVNode("span", _hoisted_27$s, vue$1.toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
+                      vue$1.createElementVNode("span", _hoisted_27$t, vue$1.toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
                     ]),
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.renderedColumns, (column) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("th", {
@@ -119956,14 +120248,14 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                                     size: 16
                                   }))
                                 : vue$1.createCommentVNode("v-if", true)
-                            ], 8 /* PROPS */, _hoisted_29$o))
+                            ], 8 /* PROPS */, _hoisted_29$p))
                           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                               vue$1.createTextVNode(vue$1.toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
-                      ], 10 /* CLASS, PROPS */, _hoisted_28$q))
+                      ], 10 /* CLASS, PROPS */, _hoisted_28$r))
                     }), 128 /* KEYED_FRAGMENT */)),
-                    vue$1.createElementVNode("th", _hoisted_30$n, [
-                      vue$1.createElementVNode("span", _hoisted_31$l, vue$1.toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
+                    vue$1.createElementVNode("th", _hoisted_30$o, [
+                      vue$1.createElementVNode("span", _hoisted_31$m, vue$1.toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
                     ])
                   ])
                 ]),
@@ -119971,7 +120263,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayRows, ({ key, group, node }) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: key }, [
                       group
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_32$l, [
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_32$m, [
                             vue$1.createElementVNode("th", {
                               colspan: $options.columnCount,
                               scope: "rowgroup",
@@ -120216,7 +120508,7 @@ function render$70(_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$9)
+                        }, vue$1.toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_44$8)
                       ]))
                     : vue$1.createCommentVNode("v-if", true),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($props.linkedItems, (item) => {
@@ -120553,7 +120845,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$71.render = render$70;
-script$71.__scopeId = "data-v-23ff0221";
+script$71.__scopeId = "data-v-5246192c";
 const __sfc_main$6X = script$71;
 
 /**
@@ -122306,7 +122598,7 @@ const _hoisted_13$1$ = {
 };
 const _hoisted_14$1U = { class: "cn-flow-card__row-header" };
 const _hoisted_15$1L = ["href"];
-const _hoisted_16$1z = ["aria-label"];
+const _hoisted_16$1A = ["aria-label"];
 const _hoisted_17$1m = {
   key: 0,
   class: "cn-flow-card__subtitle"
@@ -122395,7 +122687,7 @@ function render$6_(_ctx, _cache, $props, $setup, $data, $options) {
                               vue$1.createElementVNode("span", {
                                 class: vue$1.normalizeClass(["cn-flow-card__enabled", $options.enabledClass(op)]),
                                 "aria-label": $options.enabledLabel(op)
-                              }, null, 10 /* CLASS, PROPS */, _hoisted_16$1z)
+                              }, null, 10 /* CLASS, PROPS */, _hoisted_16$1A)
                             ]),
                             ($options.rowMeta(op))
                               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$1m, vue$1.toDisplayString($options.rowMeta(op)), 1 /* TEXT */))
@@ -123630,7 +123922,7 @@ const _hoisted_13$1_ = {
 };
 const _hoisted_14$1T = { class: "cn-forms-card__row-header" };
 const _hoisted_15$1K = ["href"];
-const _hoisted_16$1y = {
+const _hoisted_16$1z = {
   key: 0,
   class: "cn-forms-card__subtitle"
 };
@@ -123718,7 +124010,7 @@ function render$6X(_ctx, _cache, $props, $setup, $data, $options) {
                               }, vue$1.toDisplayString($options.statusLabel(form)), 3 /* TEXT, CLASS */)
                             ]),
                             ($options.rowMeta(form))
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1y, vue$1.toDisplayString($options.rowMeta(form)), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1z, vue$1.toDisplayString($options.rowMeta(form)), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true)
                           ], 2 /* CLASS */))
                         }), 128 /* KEYED_FRAGMENT */))
@@ -124169,7 +124461,7 @@ const _hoisted_12$2c = { class: "cn-form-picker__mode-row" };
 const _hoisted_13$1Z = ["model-value"];
 const _hoisted_14$1S = { class: "cn-form-picker__mode-row" };
 const _hoisted_15$1J = ["model-value", "disabled"];
-const _hoisted_16$1x = {
+const _hoisted_16$1y = {
   key: 0,
   class: "cn-form-picker__mode-hint"
 };
@@ -124296,7 +124588,7 @@ function render$6V(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_15$1J),
                 vue$1.createTextVNode(" " + vue$1.toDisplayString($props.linkSubmissionModeLabel) + " ", 1 /* TEXT */),
                 ($options.submissionsAvailable === 0)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1x, vue$1.toDisplayString($props.noSubmissionsHintLabel), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$1y, vue$1.toDisplayString($props.noSubmissionsHintLabel), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ])
             ]))
@@ -125264,7 +125556,7 @@ const _hoisted_14$1R = {
   class: "cn-maps-card__view-all"
 };
 const _hoisted_15$1I = ["href"];
-const _hoisted_16$1w = {
+const _hoisted_16$1x = {
   key: 0,
   class: "cn-maps-card__empty"
 };
@@ -125373,7 +125665,7 @@ function render$6T(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64 /* STABLE_FRAGMENT */))
             : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 3 }, [
                 ($data.degraded)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1w, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1x, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.points.length === 0)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1l, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
                     : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_18$1a, [
@@ -126216,7 +126508,7 @@ const _hoisted_15$1H = {
   key: 0,
   class: "cn-maps-tab__comment"
 };
-const _hoisted_16$1v = ["title"];
+const _hoisted_16$1w = ["title"];
 
 function render$6Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_AlertCircleOutline = vue$1.resolveComponent("AlertCircleOutline");
@@ -126385,7 +126677,7 @@ function render$6Q(_ctx, _cache, $props, $setup, $data, $options) {
                             }, [
                               vue$1.createVNode(_component_MapMarker, { size: 11 }),
                               vue$1.createTextVNode(" " + vue$1.toDisplayString($options.coordsLabel(point)), 1 /* TEXT */)
-                            ], 8 /* PROPS */, _hoisted_16$1v)
+                            ], 8 /* PROPS */, _hoisted_16$1w)
                           ]),
                           key: "0"
                         }
@@ -128229,6 +128521,8 @@ var script$6N = {
 			return note.actorId || note.author || ''
 		},
 
+		initialsOf: initialsOf$2,
+
 		getNoteAuthorName(note) {
 			return note.actorDisplayName || note.author || 'Unknown'
 		},
@@ -128441,23 +128735,27 @@ const _hoisted_7$3J = {
   class: "cn-notes-card__list"
 };
 const _hoisted_8$3l = ["aria-label"];
-const _hoisted_9$32 = { class: "cn-notes-card__note-header" };
-const _hoisted_10$2I = { class: "cn-notes-card__author" };
-const _hoisted_11$2q = {
+const _hoisted_9$32 = {
+  class: "cn-notes-card__initials",
+  "aria-hidden": "true"
+};
+const _hoisted_10$2I = { class: "cn-notes-card__note-header" };
+const _hoisted_11$2q = { class: "cn-notes-card__author" };
+const _hoisted_12$29 = {
   key: 1,
   class: "cn-notes-card__author cn-notes-card__author--self"
 };
-const _hoisted_12$29 = { class: "cn-notes-card__time" };
-const _hoisted_13$1W = {
+const _hoisted_13$1W = { class: "cn-notes-card__time" };
+const _hoisted_14$1P = {
   key: 0,
   class: "cn-notes-card__visibility"
 };
-const _hoisted_14$1P = {
+const _hoisted_15$1G = {
   key: 1,
   class: "cn-notes-card__quote",
   "data-testid": "cn-notes-card-quote"
 };
-const _hoisted_15$1G = { class: "cn-notes-card__body" };
+const _hoisted_16$1v = { class: "cn-notes-card__body" };
 
 function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NotePlusOutline = vue$1.resolveComponent("NotePlusOutline");
@@ -128557,7 +128855,8 @@ function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
                             key: row.note.id,
                             class: vue$1.normalizeClass(["cn-notes-card__note", { 'cn-notes-card__note--reply': row.isReply }])
                           }, [
-                            vue$1.createElementVNode("div", _hoisted_9$32, [
+                            vue$1.createElementVNode("span", _hoisted_9$32, vue$1.toDisplayString($options.initialsOf($options.getNoteAuthorName(row.note))), 1 /* TEXT */),
+                            vue$1.createElementVNode("div", _hoisted_10$2I, [
                               (!$options.isCurrentUser(row.note))
                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_CnUserActionMenu, {
                                     key: 0,
@@ -128565,15 +128864,15 @@ function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
                                     displayName: $options.getNoteAuthorName(row.note)
                                   }, {
                                     default: vue$1.withCtx(() => [
-                                      vue$1.createElementVNode("strong", _hoisted_10$2I, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)
+                                      vue$1.createElementVNode("strong", _hoisted_11$2q, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["userId", "displayName"]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_11$2q, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)),
-                              vue$1.createElementVNode("span", _hoisted_12$29, vue$1.toDisplayString($options.formatDate(row.note.creationDateTime || row.note.created || row.note.createdAt)), 1 /* TEXT */)
+                                : (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_12$29, vue$1.toDisplayString($options.getNoteAuthorName(row.note)), 1 /* TEXT */)),
+                              vue$1.createElementVNode("span", _hoisted_13$1W, vue$1.toDisplayString($options.formatDate(row.note.creationDateTime || row.note.created || row.note.createdAt)), 1 /* TEXT */)
                             ]),
                             ($options.visibilityShown)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_13$1W, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$1P, [
                                   vue$1.createVNode(_component_CnVisibilityChip, {
                                     visibility: row.note.visibility
                                   }, null, 8 /* PROPS */, ["visibility"]),
@@ -128594,9 +128893,9 @@ function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]))
                               : vue$1.createCommentVNode("v-if", true),
                             (row.quote)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_14$1P, vue$1.toDisplayString(row.quote), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_15$1G, vue$1.toDisplayString(row.quote), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true),
-                            vue$1.createElementVNode("p", _hoisted_15$1G, [
+                            vue$1.createElementVNode("p", _hoisted_16$1v, [
                               vue$1.createVNode(_component_CnNoteBody, {
                                 message: row.note.message || row.note.content || '',
                                 record: $options.isFileSource || $options.isSourceMode ? null : $options.record
@@ -128678,7 +128977,7 @@ function render$6M(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$6N.render = render$6M;
-script$6N.__scopeId = "data-v-c992fa30";
+script$6N.__scopeId = "data-v-b206c0bc";
 const __sfc_main$6H = script$6N;
 
 var script$6M = {
@@ -138010,20 +138309,33 @@ function ocsData(res) {
 	return (res && res.data && res.data.ocs && res.data.ocs.data) || null
 }
 
+/** The most groups read, so a server that ignores the offset cannot loop forever. */
+const MAX_GROUPS = 5000;
+
 /**
  * The groups, with their member counts.
  *
  * @param {object} axios The axios instance.
- * @param {{search?: string, limit?: number}} [options] Narrowing.
+ * @param {{search?: string, limit?: number}} [options] Narrowing; `limit` is the page size.
  * @return {Promise<Array<{id: string, name: string, count: number}>>}
  * @spec openspec/changes/index-groups-users-source/specs/index-page/spec.md#requirement-an-index-page-can-list-nextcloud-groups-and-their-members
  */
 async function fetchGroups(axios, options = {}) {
-	const res = await axios.get(router.generateOcsUrl('cloud/groups/details'), {
-		params: { search: options.search || '', limit: options.limit || 200, format: 'json' },
-		headers: OCS_HEADERS,
-	});
-	const groups = (ocsData(res) && ocsData(res).groups) || [];
+	const limit = options.limit || 200;
+	// Every page, while a page comes back full: one page cut an instance with
+	// more groups than the limit off before its last ones (DqAfdelingen).
+	const groups = [];
+	for (let offset = 0; offset < MAX_GROUPS; offset += limit) {
+		const res = await axios.get(router.generateOcsUrl('cloud/groups/details'), {
+			params: { search: options.search || '', limit, offset, format: 'json' },
+			headers: OCS_HEADERS,
+		});
+		const batch = (ocsData(res) && ocsData(res).groups) || [];
+		groups.push(...batch);
+		if (batch.length < limit) {
+			break
+		}
+	}
 	return groups.map((group) => ({
 		id: String(group.id),
 		name: group.displayname || String(group.id),
@@ -154984,18 +155296,18 @@ const _hoisted_25$D = {
   class: "cn-form-dialog__select-wrapper"
 };
 const _hoisted_26$A = { class: "cn-form-dialog__option" };
-const _hoisted_27$r = { class: "cn-form-dialog__option" };
-const _hoisted_28$p = {
+const _hoisted_27$s = { class: "cn-form-dialog__option" };
+const _hoisted_28$q = {
   key: 11,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_29$n = { class: "cn-form-dialog__option" };
-const _hoisted_30$m = { class: "cn-form-dialog__option" };
-const _hoisted_31$k = {
+const _hoisted_29$o = { class: "cn-form-dialog__option" };
+const _hoisted_30$n = { class: "cn-form-dialog__option" };
+const _hoisted_31$l = {
   key: 12,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_32$k = {
+const _hoisted_32$l = {
   key: 13,
   class: "cn-form-dialog__select-wrapper"
 };
@@ -155034,7 +155346,7 @@ const _hoisted_43$8 = {
   key: 21,
   class: "cn-form-dialog__icon-wrapper"
 };
-const _hoisted_44$8 = ["for"];
+const _hoisted_44$7 = ["for"];
 const _hoisted_45$6 = {
   key: 23,
   class: "cn-form-dialog__assigned",
@@ -155771,7 +156083,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                         : {
                                                                             name: "selected-option",
                                                                             fn: vue$1.withCtx((optionProps) => [
-                                                                              vue$1.createElementVNode("span", _hoisted_27$r, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                              vue$1.createElementVNode("span", _hoisted_27$s, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                             ]),
                                                                             key: "3"
                                                                           }
@@ -155788,7 +156100,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                     }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                   ]))
                                                                 : (field.widget === 'tags')
-                                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$p, [
+                                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$q, [
                                                                       vue$1.withDirectives((vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
                                                                         inputId: 'cn-form-' + field.key,
                                                                         inputLabel: $options.fieldLabelText(field),
@@ -155816,7 +156128,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                           : {
                                                                               name: "option",
                                                                               fn: vue$1.withCtx((optionProps) => [
-                                                                                vue$1.createElementVNode("span", _hoisted_29$n, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                                vue$1.createElementVNode("span", _hoisted_29$o, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                               ]),
                                                                               key: "1"
                                                                             },
@@ -155831,7 +156143,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                           : {
                                                                               name: "selected-option",
                                                                               fn: vue$1.withCtx((optionProps) => [
-                                                                                vue$1.createElementVNode("span", _hoisted_30$m, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                                vue$1.createElementVNode("span", _hoisted_30$n, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                               ]),
                                                                               key: "3"
                                                                             }
@@ -155848,7 +156160,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                       }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                     ]))
                                                                   : (field.widget === 'checkbox')
-                                                                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$k, [
+                                                                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$l, [
                                                                         vue$1.createVNode(_component_NcCheckboxRadioSwitch, {
                                                                           modelValue: !!$data.formData[field.key],
                                                                           disabled: field.readOnly,
@@ -155870,7 +156182,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                         }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                       ]))
                                                                     : (field.widget === 'date' || field.widget === 'datetime')
-                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$k, [
+                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$l, [
                                                                           (!$options.showsOuterLabel(field))
                                                                             ? (vue$1.openBlock(), vue$1.createElementBlock("label", {
                                                                                 key: 0,
@@ -156055,7 +156367,7 @@ function render$6c(_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$8))
+                                                                                              }, vue$1.toDisplayString(field.label) + vue$1.toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_44$7))
                                                                                             : vue$1.createCommentVNode("v-if", true),
                                                                                           vue$1.createVNode(_component_CnIconBrowser, {
                                                                                             value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
@@ -165876,21 +166188,21 @@ const _hoisted_25$C = {
   "data-testid": "cn-related-static-row"
 };
 const _hoisted_26$z = { class: "cn-related-objects-widget__label" };
-const _hoisted_27$q = {
+const _hoisted_27$r = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_28$o = ["onClick", "onKeydown"];
-const _hoisted_29$m = { class: "cn-related-objects-widget__label" };
-const _hoisted_30$l = {
+const _hoisted_28$p = ["onClick", "onKeydown"];
+const _hoisted_29$n = { class: "cn-related-objects-widget__label" };
+const _hoisted_30$m = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_31$j = {
+const _hoisted_31$k = {
   key: 1,
   class: "cn-related-objects-widget__detail"
 };
-const _hoisted_32$j = {
+const _hoisted_32$k = {
   key: 3,
   class: "cn-related-objects-widget__children",
   "data-testid": "cn-related-children"
@@ -165923,7 +166235,7 @@ const _hoisted_43$7 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_44$7 = {
+const _hoisted_44$6 = {
   key: 1,
   class: "cn-related-objects-widget__group"
 };
@@ -166148,7 +166460,7 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, null, 8 /* PROPS */, ["name"]),
                                   vue$1.createElementVNode("span", _hoisted_26$z, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                                   (item.meta)
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$q, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$r, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true)
                                 ]))
                               : (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -166164,16 +166476,16 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                     size: 20,
                                     class: "cn-related-objects-widget__icon"
                                   }, null, 8 /* PROPS */, ["name"]),
-                                  vue$1.createElementVNode("span", _hoisted_29$m, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_29$n, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                                   (item.meta)
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$l, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$m, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true),
                                   (item.detail && $options.isExpanded($options.activeGroup.key, item))
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_31$j, vue$1.toDisplayString(item.detail), 1 /* TEXT */))
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_31$k, vue$1.toDisplayString(item.detail), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true)
-                                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28$o)),
+                                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28$p)),
                           (item.children && item.children.length)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_32$j, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_32$k, [
                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.children, (child) => {
                                   return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                     key: child.key
@@ -166278,7 +166590,7 @@ function render$64(_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_44$7, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_44$6, [
                     (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(_ctx.innerHeadingTag), { class: "cn-related-objects-widget__group-title cn-inner-heading" }, {
                       default: vue$1.withCtx(() => [
                         vue$1.createTextVNode(vue$1.toDisplayString($props.filesLabel) + " ", 1 /* TEXT */),
@@ -167361,7 +167673,7 @@ const _hoisted_26$y = {
   class: "cn-retention__outcome",
   "data-testid": "cn-retention-outcome"
 };
-const _hoisted_27$p = { key: 0 };
+const _hoisted_27$q = { key: 0 };
 
 function render$61(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Refresh = vue$1.resolveComponent("Refresh");
@@ -167505,6 +167817,10 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                         key: hold.id,
                         class: "cn-retention__row"
                       }, [
+                        _cache[2] || (_cache[2] = vue$1.createElementVNode("span", {
+                          class: "cn-retention__mark cn-retention__mark--hold",
+                          "aria-hidden": "true"
+                        }, "LH", -1 /* CACHED */)),
                         vue$1.createElementVNode("span", _hoisted_13$1D, [
                           vue$1.createElementVNode("span", _hoisted_14$1x, vue$1.toDisplayString(hold.reason || $options.t('nextcloud-vue', 'Legal hold')), 1 /* TEXT */),
                           vue$1.createElementVNode("span", _hoisted_15$1r, vue$1.toDisplayString($options.t('nextcloud-vue', 'Placed on {date} by {by}', { date: hold.placedDate, by: hold.placedBy })), 1 /* TEXT */)
@@ -167517,6 +167833,10 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                     }), 128 /* KEYED_FRAGMENT */)),
                     ($options.holds.length === 0)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("li", _hoisted_16$1h, [
+                          _cache[3] || (_cache[3] = vue$1.createElementVNode("span", {
+                            class: "cn-retention__mark cn-retention__mark--hold",
+                            "aria-hidden": "true"
+                          }, "LH", -1 /* CACHED */)),
                           vue$1.createElementVNode("span", _hoisted_17$19, [
                             vue$1.createElementVNode("span", _hoisted_18$$, vue$1.toDisplayString($options.t('nextcloud-vue', 'No legal hold')), 1 /* TEXT */),
                             vue$1.createElementVNode("span", _hoisted_19$Y, vue$1.toDisplayString($options.t('nextcloud-vue', 'If an objection or appeal runs, destruction is suspended')), 1 /* TEXT */)
@@ -167539,6 +167859,10 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                   })),
                   vue$1.createElementVNode("ul", _hoisted_21$Q, [
                     vue$1.createElementVNode("li", _hoisted_22$P, [
+                      _cache[4] || (_cache[4] = vue$1.createElementVNode("span", {
+                        class: "cn-retention__mark",
+                        "aria-hidden": "true"
+                      }, "ED", -1 /* CACHED */)),
                       vue$1.createElementVNode("span", _hoisted_23$L, [
                         vue$1.createElementVNode("span", _hoisted_24$H, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'Goes to the e-Depot') : $options.t('nextcloud-vue', 'Not applicable')), 1 /* TEXT */),
                         vue$1.createElementVNode("span", _hoisted_25$B, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'After the retention period the record is transferred') : $options.t('nextcloud-vue', 'Only records appraised to keep go to the e-Depot')), 1 /* TEXT */)
@@ -167561,7 +167885,7 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                   })),
                   vue$1.createElementVNode("p", null, vue$1.toDisplayString($options.t('nextcloud-vue', 'Handed over as {kind} on {at} by {by}.', { kind: String($options.outcome.kind ?? ''), at: String($options.outcome.at ?? ''), by: String($options.outcome.by ?? '') })), 1 /* TEXT */),
                   ($options.outcome.transferListUuid)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_27$p, vue$1.toDisplayString($options.t('nextcloud-vue', 'Transfer list')) + ": " + vue$1.toDisplayString($options.outcome.transferListUuid), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_27$q, vue$1.toDisplayString($options.t('nextcloud-vue', 'Transfer list')) + ": " + vue$1.toDisplayString($options.outcome.transferListUuid), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
               : vue$1.createCommentVNode("v-if", true)
@@ -167570,7 +167894,7 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$62.render = render$61;
-script$62.__scopeId = "data-v-5415dbb4";
+script$62.__scopeId = "data-v-912351be";
 const __sfc_main$5Y = script$62;
 
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
@@ -175638,10 +175962,13 @@ function singleEqualityOf(filter) {
  * @param {Array<{key: (string|number), filter: object}>} options.entries The filters to count, each under its own key.
  * @param {object} [options.baseFilter] A filter every count is narrowed by (the page's fixed filter).
  * @param {object} [options.ctx] Token-resolution context for the filters.
+ * @param {string} [options.via] `'list'` counts every entry through the list endpoint, the request a list sends, so a
+ *   count beside a list cannot disagree with it; else the aggregation endpoints where they apply.
  * @return {Promise<{[key: string]: number}>} The count per entry key. An entry whose count failed is left out.
  * @spec openspec/changes/workplace-dashboard-primitives/specs/workplace-dashboard-primitives/spec.md#requirement-counts-on-filters-and-views
+ * @spec openspec/changes/index-counts-read-the-list-endpoint/specs/index-page/spec.md#requirement-an-index-pages-counts-come-from-the-list-request
  */
-async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx } = {}) {
+async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx, via = '' } = {}) {
 	const counts = {};
 	if (!register || !schema || !Array.isArray(entries) || entries.length === 0) {
 		return counts
@@ -175653,7 +175980,7 @@ async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx }
 	// and `/value` returns exactly its number.
 	// A list of values anywhere in a request rules the aggregation endpoints
 	// out for it. A base filter with one rules them out for every entry.
-	const baseHasList = needsListEndpoint(base);
+	const baseHasList = via === 'list' || needsListEndpoint(base);
 	const byField = {};
 	const single = [];
 	const viaList = [];
@@ -191917,12 +192244,12 @@ const _hoisted_23$J = {
 const _hoisted_24$F = { class: "cn-timeline-manage__heading" };
 const _hoisted_25$z = { class: "cn-timeline-manage__title" };
 const _hoisted_26$w = { class: "cn-timeline-manage__subtitle" };
-const _hoisted_27$o = { class: "cn-timeline-manage__composer-title" };
-const _hoisted_28$n = { class: "cn-timeline-manage__composer-hint" };
-const _hoisted_29$l = ["for"];
-const _hoisted_30$k = ["for"];
-const _hoisted_31$i = ["id", "placeholder"];
-const _hoisted_32$i = { class: "cn-timeline-manage__composer-foot" };
+const _hoisted_27$p = { class: "cn-timeline-manage__composer-title" };
+const _hoisted_28$o = { class: "cn-timeline-manage__composer-hint" };
+const _hoisted_29$m = ["for"];
+const _hoisted_30$l = ["for"];
+const _hoisted_31$j = ["id", "placeholder"];
+const _hoisted_32$j = { class: "cn-timeline-manage__composer-foot" };
 
 function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Plus = vue$1.resolveComponent("Plus");
@@ -192174,8 +192501,8 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           (!$options.composerOnly)
             ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
-                vue$1.createElementVNode("h3", _hoisted_27$o, vue$1.toDisplayString($options.t('nextcloud-vue', 'Add note')), 1 /* TEXT */),
-                vue$1.createElementVNode("p", _hoisted_28$n, vue$1.toDisplayString($options.t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')), 1 /* TEXT */)
+                vue$1.createElementVNode("h3", _hoisted_27$p, vue$1.toDisplayString($options.t('nextcloud-vue', 'Add note')), 1 /* TEXT */),
+                vue$1.createElementVNode("p", _hoisted_28$o, vue$1.toDisplayString($options.t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')), 1 /* TEXT */)
               ], 64 /* STABLE_FRAGMENT */))
             : vue$1.createCommentVNode("v-if", true),
           ($data.textBlocks.length)
@@ -192183,7 +192510,7 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 1,
                 class: "cn-timeline-manage__draft-label",
                 for: $options.blockId
-              }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Template')), 9 /* TEXT, PROPS */, _hoisted_29$l))
+              }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Template')), 9 /* TEXT, PROPS */, _hoisted_29$m))
             : vue$1.createCommentVNode("v-if", true),
           ($data.textBlocks.length)
             ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
@@ -192207,17 +192534,17 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
           vue$1.createElementVNode("label", {
             class: "cn-timeline-manage__draft-label",
             for: $options.draftId
-          }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Note')), 9 /* TEXT, PROPS */, _hoisted_30$k),
+          }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Note')), 9 /* TEXT, PROPS */, _hoisted_30$l),
           vue$1.withDirectives(vue$1.createElementVNode("textarea", {
             id: $options.draftId,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.draft) = $event)),
             class: "cn-timeline-manage__draft",
             placeholder: $options.t('nextcloud-vue', 'Write a note on this record'),
             "data-testid": "cn-timeline-draft"
-          }, null, 8 /* PROPS */, _hoisted_31$i), [
+          }, null, 8 /* PROPS */, _hoisted_31$j), [
             [vue$1.vModelText, $data.draft]
           ]),
-          vue$1.createElementVNode("div", _hoisted_32$i, [
+          vue$1.createElementVNode("div", _hoisted_32$j, [
             vue$1.createVNode(_component_NcCheckboxRadioSwitch, {
               modelValue: $data.draftIsPublic,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.draftIsPublic) = $event)),
@@ -217328,12 +217655,12 @@ const _hoisted_23$F = { value: "inline" };
 const _hoisted_24$B = { value: "icon-only" };
 const _hoisted_25$w = { class: "cn-links-form__option" };
 const _hoisted_26$u = ["value"];
-const _hoisted_27$n = { value: "small" };
-const _hoisted_28$m = { value: "medium" };
-const _hoisted_29$k = { value: "large" };
-const _hoisted_30$j = { class: "cn-links-form__option cn-links-form__option--checkbox" };
-const _hoisted_31$h = ["checked"];
-const _hoisted_32$h = { class: "cn-links-form__option cn-links-form__option--checkbox" };
+const _hoisted_27$o = { value: "small" };
+const _hoisted_28$n = { value: "medium" };
+const _hoisted_29$l = { value: "large" };
+const _hoisted_30$k = { class: "cn-links-form__option cn-links-form__option--checkbox" };
+const _hoisted_31$i = ["checked"];
+const _hoisted_32$i = { class: "cn-links-form__option cn-links-form__option--checkbox" };
 const _hoisted_33$g = ["checked"];
 const _hoisted_34$g = { class: "cn-links-form__option cn-links-form__option--checkbox" };
 const _hoisted_35$f = ["checked", "disabled"];
@@ -217486,20 +217813,20 @@ function render$4I(_ctx, _cache, $props, $setup, $data, $options) {
           class: "cn-links-form__input",
           onChange: _cache[3] || (_cache[3] = $event => ($options.updateOption('iconSize', $event.target.value)))
         }, [
-          vue$1.createElementVNode("option", _hoisted_27$n, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Small (24 px)')), 1 /* TEXT */),
-          vue$1.createElementVNode("option", _hoisted_28$m, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Medium (40 px)')), 1 /* TEXT */),
-          vue$1.createElementVNode("option", _hoisted_29$k, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Large (64 px)')), 1 /* TEXT */)
+          vue$1.createElementVNode("option", _hoisted_27$o, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Small (24 px)')), 1 /* TEXT */),
+          vue$1.createElementVNode("option", _hoisted_28$n, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Medium (40 px)')), 1 /* TEXT */),
+          vue$1.createElementVNode("option", _hoisted_29$l, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Large (64 px)')), 1 /* TEXT */)
         ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$u)
       ]),
-      vue$1.createElementVNode("label", _hoisted_30$j, [
+      vue$1.createElementVNode("label", _hoisted_30$k, [
         vue$1.createElementVNode("input", {
           type: "checkbox",
           checked: $data.openInNewTab,
           onChange: _cache[4] || (_cache[4] = $event => ($options.updateOption('openInNewTab', $event.target.checked)))
-        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_31$h),
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_31$i),
         vue$1.createElementVNode("span", null, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Open in new tab')), 1 /* TEXT */)
       ]),
-      vue$1.createElementVNode("label", _hoisted_32$h, [
+      vue$1.createElementVNode("label", _hoisted_32$i, [
         vue$1.createElementVNode("input", {
           type: "checkbox",
           checked: $data.showSectionTitles,
@@ -223360,9 +223687,9 @@ const _hoisted_25$v = {
   class: "cn-calendar-widget__agenda"
 };
 const _hoisted_26$t = { class: "cn-calendar-widget__agenda-header" };
-const _hoisted_27$m = { class: "cn-calendar-widget__agenda-time" };
-const _hoisted_28$l = { class: "cn-calendar-widget__agenda-title" };
-const _hoisted_29$j = {
+const _hoisted_27$n = { class: "cn-calendar-widget__agenda-time" };
+const _hoisted_28$m = { class: "cn-calendar-widget__agenda-title" };
+const _hoisted_29$k = {
   key: 0,
   class: "cn-calendar-widget__agenda-cal"
 };
@@ -223478,10 +223805,10 @@ function render$4u(_ctx, _cache, $props, $setup, $data, $options) {
                                 class: "cn-calendar-widget__agenda-row",
                                 style: vue$1.normalizeStyle($options.eventStyle(event))
                               }, [
-                                vue$1.createElementVNode("span", _hoisted_27$m, vue$1.toDisplayString($options.formatTime(event)), 1 /* TEXT */),
-                                vue$1.createElementVNode("span", _hoisted_28$l, vue$1.toDisplayString(event.title), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_27$n, vue$1.toDisplayString($options.formatTime(event)), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_28$m, vue$1.toDisplayString(event.title), 1 /* TEXT */),
                                 (event.calendarName)
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$j, vue$1.toDisplayString(event.calendarName), 1 /* TEXT */))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$k, vue$1.toDisplayString(event.calendarName), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ], 4 /* STYLE */))
                             }), 128 /* KEYED_FRAGMENT */))
@@ -224565,21 +224892,21 @@ const _hoisted_26$s = {
   key: 2,
   class: "cn-spend-analytics-widget__panel"
 };
-const _hoisted_27$l = { class: "cn-spend-analytics-widget__panel-title" };
-const _hoisted_28$k = {
+const _hoisted_27$m = { class: "cn-spend-analytics-widget__panel-title" };
+const _hoisted_28$l = {
   key: 0,
   class: "cn-spend-analytics-widget__inline-empty"
 };
-const _hoisted_29$i = {
+const _hoisted_29$j = {
   key: 1,
   class: "cn-spend-analytics-widget__inline-empty"
 };
-const _hoisted_30$i = {
+const _hoisted_30$j = {
   key: 2,
   class: "cn-spend-analytics-widget__rows"
 };
-const _hoisted_31$g = ["href"];
-const _hoisted_32$g = {
+const _hoisted_31$h = ["href"];
+const _hoisted_32$h = {
   key: 1,
   class: "cn-spend-analytics-widget__row cn-spend-analytics-widget__row--static"
 };
@@ -224680,12 +225007,12 @@ function render$4s(_ctx, _cache, $props, $setup, $data, $options) {
                         ]))
                       : ($options.viewMode === 'top-vendors')
                         ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_26$s, [
-                            vue$1.createElementVNode("h3", _hoisted_27$l, vue$1.toDisplayString($options.t('nextcloud-vue', 'Top vendors')), 1 /* TEXT */),
+                            vue$1.createElementVNode("h3", _hoisted_27$m, vue$1.toDisplayString($options.t('nextcloud-vue', 'Top vendors')), 1 /* TEXT */),
                             ($options.vendorMissing)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$k, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor data — procest is not installed')), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$l, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor data — procest is not installed')), 1 /* TEXT */))
                               : ($options.vendorEmpty)
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_29$i, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor commitments for the selected period')), 1 /* TEXT */))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_30$i, [
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_29$j, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor commitments for the selected period')), 1 /* TEXT */))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_30$j, [
                                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.vendor.topVendors, (row, i) => {
                                       return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                         key: row.vendor
@@ -224698,8 +225025,8 @@ function render$4s(_ctx, _cache, $props, $setup, $data, $options) {
                                             }, [
                                               vue$1.createElementVNode("span", null, vue$1.toDisplayString(row.vendor), 1 /* TEXT */),
                                               vue$1.createElementVNode("span", null, vue$1.toDisplayString($options.formatAmount(row.committed)), 1 /* TEXT */)
-                                            ], 8 /* PROPS */, _hoisted_31$g))
-                                          : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$g, [
+                                            ], 8 /* PROPS */, _hoisted_31$h))
+                                          : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$h, [
                                               vue$1.createElementVNode("span", null, vue$1.toDisplayString(row.vendor), 1 /* TEXT */),
                                               vue$1.createElementVNode("span", null, vue$1.toDisplayString($options.formatAmount(row.committed)), 1 /* TEXT */)
                                             ]))
@@ -229754,12 +230081,16 @@ var script$4h = {
 
 	components: {
 		CheckCircle,
+		ChevronDown,
+		ChevronUp,
 		CircleOutline,
 		CnStatusBadge: __sfc_main$8g,
 		CnTaskFormDialog: __sfc_main$4j,
 		CnTaskWorkCard: __sfc_main$4i,
+		FilterOutline,
 		NcActions: vue.NcActions,
 		NcActionButton: vue.NcActionButton,
+		NcActionCheckbox: vue.NcActionCheckbox,
 		NcAvatar: vue.NcAvatar,
 		NcButton: vue.NcButton,
 		NcLoadingIcon: vue.NcLoadingIcon,
@@ -229914,6 +230245,10 @@ var script$4h = {
 	data() {
 		return {
 			pollTimer: null,
+			/** The table's head sort, `{ key, dir }`; no key keeps open tasks first. */
+			headSort: { key: '', dir: 'asc' },
+			/** The table's head filters, `{ column: values[] }`. */
+			headFilters: {},
 			/** Uuids of the tasks a checkbox is completing, until the next read. */
 			completing: [],
 			/** Whether the table's create form is open. */
@@ -230073,7 +230408,26 @@ var script$4h = {
 		 * @spec openspec/changes/record-task-table/specs/record-task-table/spec.md#requirement-a-records-tasks-show-as-a-table-with-their-summary-and-new-task-in-the-header
 		 */
 		tableRows() {
-			return [...this.rows.filter((task) => task.isTerminal !== true), ...this.rows.filter((task) => task.isTerminal === true)]
+			const kept = this.rows.filter((task) => Object.entries(this.headFilters).every(([key, values]) => values.length === 0 || values.includes(this.headValue(task, key))));
+			if (this.headSort.key) {
+				const dir = this.headSort.dir === 'desc' ? -1 : 1;
+				return [...kept].sort((a, b) => {
+					const x = this.headSortValue(a, this.headSort.key);
+					const y = this.headSortValue(b, this.headSort.key);
+					return (x < y ? -1 : (x > y ? 1 : 0)) * dir
+				})
+			}
+			return [...kept.filter((task) => task.isTerminal !== true), ...kept.filter((task) => task.isTerminal === true)]
+		},
+
+		/** @return {Array<{key: string, label: string}>} The table's data columns. */
+		headColumns() {
+			return [
+				{ key: 'title', label: this.tr('Task') },
+				{ key: 'handler', label: this.tr('Handler') },
+				{ key: 'due', label: this.tr('Task deadline') },
+				{ key: 'state', label: this.tr('Status') },
+			]
 		},
 
 		/**
@@ -230454,6 +230808,84 @@ var script$4h = {
 		 * @param {object} task The task row.
 		 * @return {string} The name.
 		 */
+		/**
+		 * A row's value in a column, as a head filter keeps it.
+		 *
+		 * @param {object} task The task row.
+		 * @param {string} key The column.
+		 * @return {string}
+		 */
+		headValue(task, key) {
+			if (key === 'title') {
+				return this.titleOf(task)
+			}
+			if (key === 'handler') {
+				return String(task.assignee || '')
+			}
+			if (key === 'due') {
+				return this.content.dueFormat === 'date' ? this.dueDate(task) : this.dueLabel(task)
+			}
+			return String(task.state || '')
+		},
+
+		/**
+		 * A row's value in a column, as its head sorts it: the deadline by date.
+		 *
+		 * @param {object} task The task row.
+		 * @param {string} key The column.
+		 * @return {string|number}
+		 */
+		headSortValue(task, key) {
+			if (key === 'due') {
+				const time = Date.parse(task.dueAt || task.dueDate || '');
+				return Number.isNaN(time) ? Number.POSITIVE_INFINITY : time
+			}
+			if (key === 'handler') {
+				return this.handlerName(task).toLowerCase()
+			}
+			if (key === 'state') {
+				return this.stateLabel(task).toLowerCase()
+			}
+			return this.titleOf(task).toLowerCase()
+		},
+
+		/**
+		 * The values a column's head filter offers, one per value the rows hold.
+		 *
+		 * @param {string} key The column.
+		 * @return {Array<{value: string, label: string}>}
+		 */
+		headOptions(key) {
+			const seen = new Map();
+			for (const task of this.rows) {
+				const value = this.headValue(task, key);
+				if (value !== '' && !seen.has(value)) {
+					seen.set(value, key === 'handler' ? this.handlerName(task) : (key === 'state' ? this.stateLabel(task) : value));
+				}
+			}
+			return [...seen].map(([value, label]) => ({ value, label }))
+		},
+
+		/**
+		 * Sort by a column: ascending first, then descending.
+		 *
+		 * @param {string} key The column.
+		 */
+		sortBy(key) {
+			this.headSort = this.headSort.key === key && this.headSort.dir === 'asc' ? { key, dir: 'desc' } : { key, dir: 'asc' };
+		},
+
+		/**
+		 * Keep or drop one value of a column's head filter.
+		 *
+		 * @param {string} key The column.
+		 * @param {string} value The value.
+		 */
+		toggleHeadFilter(key, value) {
+			const current = this.headFilters[key] || [];
+			this.headFilters = { ...this.headFilters, [key]: current.includes(value) ? current.filter((v) => v !== value) : [...current, value] };
+		},
+
 		handlerName(task) {
 			return userDisplayName(task.assignee) || String(task.assignee || '')
 		},
@@ -230888,79 +231320,81 @@ const _hoisted_4$3j = {
   class: "cn-tasks-widget__table",
   "data-testid": "cn-tasks-widget-table"
 };
-const _hoisted_5$2W = { scope: "col" };
-const _hoisted_6$2H = { scope: "col" };
-const _hoisted_7$2q = { scope: "col" };
+const _hoisted_5$2W = ["aria-sort", "data-testid"];
+const _hoisted_6$2H = {
+  key: 0,
+  class: "cn-tasks-widget__head"
+};
+const _hoisted_7$2q = ["data-testid", "onClick"];
 const _hoisted_8$2b = { scope: "col" };
-const _hoisted_9$1$ = { scope: "col" };
-const _hoisted_10$1O = { class: "hidden-visually" };
-const _hoisted_11$1B = ["data-state", "data-testid"];
-const _hoisted_12$1o = { class: "cn-tasks-widget__cell-task" };
-const _hoisted_13$1c = { class: "cn-tasks-widget__body" };
-const _hoisted_14$18 = ["aria-expanded", "data-testid", "onClick"];
-const _hoisted_15$14 = ["onClick", "onAuxclick"];
-const _hoisted_16$_ = {
+const _hoisted_9$1$ = { class: "hidden-visually" };
+const _hoisted_10$1O = ["data-state", "data-testid"];
+const _hoisted_11$1B = { class: "cn-tasks-widget__cell-task" };
+const _hoisted_12$1o = { class: "cn-tasks-widget__body" };
+const _hoisted_13$1c = ["aria-expanded", "data-testid", "onClick"];
+const _hoisted_14$18 = ["onClick", "onAuxclick"];
+const _hoisted_15$14 = {
   key: 2,
   class: "cn-tasks-widget__meta"
 };
-const _hoisted_17$U = { class: "cn-tasks-widget__cell-handler" };
-const _hoisted_18$L = {
+const _hoisted_16$_ = { class: "cn-tasks-widget__cell-handler" };
+const _hoisted_17$U = {
   key: 0,
   class: "cn-tasks-widget__handler"
 };
-const _hoisted_19$J = {
+const _hoisted_18$L = {
   key: 1,
   class: "cn-tasks-widget__meta"
 };
-const _hoisted_20$E = {
+const _hoisted_19$J = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_21$D = { class: "cn-tasks-widget__cell-actions" };
-const _hoisted_22$D = {
+const _hoisted_20$E = { class: "cn-tasks-widget__cell-actions" };
+const _hoisted_21$D = {
   key: 1,
   class: "cn-tasks-widget__empty",
   "data-testid": "cn-tasks-widget-empty"
 };
-const _hoisted_23$A = {
+const _hoisted_22$D = {
   key: 2,
   class: "cn-tasks-widget__others",
   "data-testid": "cn-tasks-widget-others"
 };
-const _hoisted_24$x = { class: "cn-tasks-widget__others-title" };
-const _hoisted_25$t = { class: "cn-tasks-widget__others-list" };
-const _hoisted_26$r = ["data-testid"];
-const _hoisted_27$k = { class: "cn-tasks-widget__body" };
-const _hoisted_28$j = {
+const _hoisted_23$A = { class: "cn-tasks-widget__others-title" };
+const _hoisted_24$x = { class: "cn-tasks-widget__others-list" };
+const _hoisted_25$t = ["data-testid"];
+const _hoisted_26$r = { class: "cn-tasks-widget__body" };
+const _hoisted_27$l = {
   key: 1,
   class: "cn-tasks-widget__name"
 };
-const _hoisted_29$h = { class: "cn-tasks-widget__meta" };
-const _hoisted_30$h = { class: "cn-tasks-widget__others-actions" };
-const _hoisted_31$f = {
+const _hoisted_28$k = { class: "cn-tasks-widget__meta" };
+const _hoisted_29$i = { class: "cn-tasks-widget__others-actions" };
+const _hoisted_30$i = {
   key: 4,
   class: "cn-tasks-widget__empty"
 };
-const _hoisted_32$f = {
+const _hoisted_31$g = {
   key: 0,
   class: "cn-tasks-widget__count"
 };
-const _hoisted_33$e = { class: "cn-tasks-widget__list" };
-const _hoisted_34$e = ["data-state", "onClick", "onAuxclick"];
-const _hoisted_35$d = ["checked", "disabled", "aria-label", "onChange"];
-const _hoisted_36$d = {
+const _hoisted_32$g = { class: "cn-tasks-widget__list" };
+const _hoisted_33$e = ["data-state", "onClick", "onAuxclick"];
+const _hoisted_34$e = ["checked", "disabled", "aria-label", "onChange"];
+const _hoisted_35$d = {
   key: 1,
   class: "cn-tasks-widget__check-spacer",
   "aria-hidden": "true"
 };
-const _hoisted_37$c = { class: "cn-tasks-widget__body" };
-const _hoisted_38$c = { class: "cn-tasks-widget__name" };
-const _hoisted_39$a = { class: "cn-tasks-widget__meta cn-tasks-widget__meta--split" };
-const _hoisted_40$8 = { class: "cn-tasks-widget__subject" };
-const _hoisted_41$6 = { class: "cn-tasks-widget__body" };
-const _hoisted_42$6 = { class: "cn-tasks-widget__name" };
-const _hoisted_43$6 = { class: "cn-tasks-widget__meta" };
-const _hoisted_44$6 = {
+const _hoisted_36$d = { class: "cn-tasks-widget__body" };
+const _hoisted_37$c = { class: "cn-tasks-widget__name" };
+const _hoisted_38$c = { class: "cn-tasks-widget__meta cn-tasks-widget__meta--split" };
+const _hoisted_39$a = { class: "cn-tasks-widget__subject" };
+const _hoisted_40$8 = { class: "cn-tasks-widget__body" };
+const _hoisted_41$6 = { class: "cn-tasks-widget__name" };
+const _hoisted_42$6 = { class: "cn-tasks-widget__meta" };
+const _hoisted_43$6 = {
   key: 1,
   class: "cn-tasks-widget__more"
 };
@@ -230969,12 +231403,16 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
   const _component_NcTextField = vue$1.resolveComponent("NcTextField");
   const _component_NcButton = vue$1.resolveComponent("NcButton");
+  const _component_ChevronUp = vue$1.resolveComponent("ChevronUp");
+  const _component_ChevronDown = vue$1.resolveComponent("ChevronDown");
+  const _component_FilterOutline = vue$1.resolveComponent("FilterOutline");
+  const _component_NcActionCheckbox = vue$1.resolveComponent("NcActionCheckbox");
+  const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_CheckCircle = vue$1.resolveComponent("CheckCircle");
   const _component_CircleOutline = vue$1.resolveComponent("CircleOutline");
   const _component_NcAvatar = vue$1.resolveComponent("NcAvatar");
   const _component_CnStatusBadge = vue$1.resolveComponent("CnStatusBadge");
   const _component_NcActionButton = vue$1.resolveComponent("NcActionButton");
-  const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_router_link = vue$1.resolveComponent("router-link");
   const _component_CnTaskWorkCard = vue$1.resolveComponent("CnTaskWorkCard");
   const _component_CnTaskFormDialog = vue$1.resolveComponent("CnTaskFormDialog");
@@ -231028,12 +231466,72 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                 : (vue$1.openBlock(), vue$1.createElementBlock("table", _hoisted_4$3j, [
                     vue$1.createElementVNode("thead", null, [
                       vue$1.createElementVNode("tr", null, [
-                        vue$1.createElementVNode("th", _hoisted_5$2W, vue$1.toDisplayString($options.tr('Task')), 1 /* TEXT */),
-                        vue$1.createElementVNode("th", _hoisted_6$2H, vue$1.toDisplayString($options.tr('Handler')), 1 /* TEXT */),
-                        vue$1.createElementVNode("th", _hoisted_7$2q, vue$1.toDisplayString($options.tr('Task deadline')), 1 /* TEXT */),
-                        vue$1.createElementVNode("th", _hoisted_8$2b, vue$1.toDisplayString($options.tr('Status')), 1 /* TEXT */),
-                        vue$1.createElementVNode("th", _hoisted_9$1$, [
-                          vue$1.createElementVNode("span", _hoisted_10$1O, vue$1.toDisplayString($options.tr('Task actions')), 1 /* TEXT */)
+                        (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.headColumns, (column) => {
+                          return (vue$1.openBlock(), vue$1.createElementBlock("th", {
+                            key: column.key,
+                            scope: "col",
+                            "aria-sort": $data.headSort.key === column.key ? ($data.headSort.dir === 'asc' ? 'ascending' : 'descending') : null,
+                            "data-testid": `cn-tasks-widget-head-${column.key}`
+                          }, [
+                            ($props.content.sortable === true || $props.content.filterable === true)
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_6$2H, [
+                                  ($props.content.sortable === true)
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
+                                        key: 0,
+                                        type: "button",
+                                        class: "cn-tasks-widget__head-sort",
+                                        "data-testid": `cn-tasks-widget-sort-${column.key}`,
+                                        onClick: $event => ($options.sortBy(column.key))
+                                      }, [
+                                        vue$1.createTextVNode(vue$1.toDisplayString(column.label) + " ", 1 /* TEXT */),
+                                        ($data.headSort.key === column.key && $data.headSort.dir === 'asc')
+                                          ? (vue$1.openBlock(), vue$1.createBlock(_component_ChevronUp, {
+                                              key: 0,
+                                              size: 14
+                                            }))
+                                          : (vue$1.openBlock(), vue$1.createBlock(_component_ChevronDown, {
+                                              key: 1,
+                                              size: 14
+                                            }))
+                                      ], 8 /* PROPS */, _hoisted_7$2q))
+                                    : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                        vue$1.createTextVNode(vue$1.toDisplayString(column.label), 1 /* TEXT */)
+                                      ], 64 /* STABLE_FRAGMENT */)),
+                                  ($props.content.filterable === true)
+                                    ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
+                                        key: 2,
+                                        class: "cn-tasks-widget__head-filter",
+                                        "aria-label": $options.tr('Filter by {column}').replace('{column}', column.label),
+                                        "data-testid": `cn-tasks-widget-filter-${column.key}`
+                                      }, {
+                                        icon: vue$1.withCtx(() => [
+                                          vue$1.createVNode(_component_FilterOutline, { size: 14 })
+                                        ]),
+                                        default: vue$1.withCtx(() => [
+                                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.headOptions(column.key), (option) => {
+                                            return (vue$1.openBlock(), vue$1.createBlock(_component_NcActionCheckbox, {
+                                              key: option.value,
+                                              modelValue: ($data.headFilters[column.key] || []).includes(option.value),
+                                              "onUpdate:modelValue": $event => ($options.toggleHeadFilter(column.key, option.value))
+                                            }, {
+                                              default: vue$1.withCtx(() => [
+                                                vue$1.createTextVNode(vue$1.toDisplayString(option.label), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                          }), 128 /* KEYED_FRAGMENT */))
+                                        ]),
+                                        _: 2 /* DYNAMIC */
+                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label", "data-testid"]))
+                                    : vue$1.createCommentVNode("v-if", true)
+                                ]))
+                              : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                  vue$1.createTextVNode(vue$1.toDisplayString(column.label), 1 /* TEXT */)
+                                ], 64 /* STABLE_FRAGMENT */))
+                          ], 8 /* PROPS */, _hoisted_5$2W))
+                        }), 128 /* KEYED_FRAGMENT */)),
+                        vue$1.createElementVNode("th", _hoisted_8$2b, [
+                          vue$1.createElementVNode("span", _hoisted_9$1$, vue$1.toDisplayString($options.tr('Task actions')), 1 /* TEXT */)
                         ])
                       ])
                     ]),
@@ -231045,7 +231543,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                           "data-state": task.state,
                           "data-testid": `cn-tasks-widget-row-${task.uuid}`
                         }, [
-                          vue$1.createElementVNode("td", _hoisted_12$1o, [
+                          vue$1.createElementVNode("td", _hoisted_11$1B, [
                             (task.isTerminal === true)
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_CheckCircle, {
                                   key: 0,
@@ -231057,7 +231555,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 20,
                                   class: "cn-tasks-widget__state-icon"
                                 })),
-                            vue$1.createElementVNode("span", _hoisted_13$1c, [
+                            vue$1.createElementVNode("span", _hoisted_12$1o, [
                               ($options.expandRows)
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
                                     key: 0,
@@ -231066,22 +231564,22 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                     "aria-expanded": task.uuid === $data.expandedId ? 'true' : 'false',
                                     "data-testid": `cn-tasks-widget-expand-${task.uuid}`,
                                     onClick: $event => ($options.toggleExpanded(task))
-                                  }, vue$1.toDisplayString($options.titleOf(task)), 9 /* TEXT, PROPS */, _hoisted_14$18))
+                                  }, vue$1.toDisplayString($options.titleOf(task)), 9 /* TEXT, PROPS */, _hoisted_13$1c))
                                 : (vue$1.openBlock(), vue$1.createElementBlock("button", {
                                     key: 1,
                                     type: "button",
                                     class: "cn-tasks-widget__name",
                                     onClick: $event => ($options.onRowClick(task, $event)),
                                     onAuxclick: $event => ($options.onRowAuxClick(task, $event))
-                                  }, vue$1.toDisplayString($options.titleOf(task)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_15$14)),
+                                  }, vue$1.toDisplayString($options.titleOf(task)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_14$18)),
                               ($options.tableMeta(task))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_16$_, vue$1.toDisplayString($options.tableMeta(task)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_15$14, vue$1.toDisplayString($options.tableMeta(task)), 1 /* TEXT */))
                                 : vue$1.createCommentVNode("v-if", true)
                             ])
                           ]),
-                          vue$1.createElementVNode("td", _hoisted_17$U, [
+                          vue$1.createElementVNode("td", _hoisted_16$_, [
                             (task.assignee)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$L, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_17$U, [
                                   vue$1.createVNode(_component_NcAvatar, {
                                     user: String(task.assignee),
                                     displayName: $options.handlerName(task),
@@ -231090,7 +231588,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, null, 8 /* PROPS */, ["user", "displayName"]),
                                   vue$1.createTextVNode(" " + vue$1.toDisplayString($options.handlerName(task)), 1 /* TEXT */)
                                 ]))
-                              : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$J, vue$1.toDisplayString($options.tr('Unassigned')), 1 /* TEXT */))
+                              : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$L, vue$1.toDisplayString($options.tr('Unassigned')), 1 /* TEXT */))
                           ]),
                           vue$1.createElementVNode("td", {
                             class: vue$1.normalizeClass(["cn-tasks-widget__cell-due", { 'cn-tasks-widget__due--overdue': task.overdue === true && task.isTerminal !== true }])
@@ -231099,7 +231597,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                               ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
                                   vue$1.createTextVNode(vue$1.toDisplayString($options.dueDate(task)) + " ", 1 /* TEXT */),
                                   (task.overdue === true && task.isTerminal !== true)
-                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$E, vue$1.toDisplayString($options.tr('Overdue')), 1 /* TEXT */))
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$J, vue$1.toDisplayString($options.tr('Overdue')), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true)
                                 ], 64 /* STABLE_FRAGMENT */))
                               : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
@@ -231114,7 +231612,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                               colorKey: String(task.state || '')
                             }, null, 8 /* PROPS */, ["label", "variant", "colorMap", "colorKey"])
                           ]),
-                          vue$1.createElementVNode("td", _hoisted_21$D, [
+                          vue$1.createElementVNode("td", _hoisted_20$E, [
                             ($options.canClaim(task))
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                                   key: 0,
@@ -231179,7 +231677,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
                               : vue$1.createCommentVNode("v-if", true)
                           ])
-                        ], 10 /* CLASS, PROPS */, _hoisted_11$1B))
+                        ], 10 /* CLASS, PROPS */, _hoisted_10$1O))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ])),
@@ -231232,18 +231730,18 @@ function render$4g(_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_22$D, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */)),
+                  : (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$D, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */)),
                 ($options.otherOpenTasks.length > 0)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_23$A, [
-                      vue$1.createElementVNode("h5", _hoisted_24$x, vue$1.toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
-                      vue$1.createElementVNode("ul", _hoisted_25$t, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$D, [
+                      vue$1.createElementVNode("h5", _hoisted_23$A, vue$1.toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
+                      vue$1.createElementVNode("ul", _hoisted_24$x, [
                         (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", {
                             key: task.uuid,
                             class: "cn-tasks-widget__others-row",
                             "data-testid": `cn-tasks-widget-other-${task.uuid}`
                           }, [
-                            vue$1.createElementVNode("span", _hoisted_27$k, [
+                            vue$1.createElementVNode("span", _hoisted_26$r, [
                               ($options.openRouteFor(task) && _ctx.$router)
                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_router_link, {
                                     key: 0,
@@ -231255,10 +231753,10 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$j, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
-                              vue$1.createElementVNode("span", _hoisted_29$h, vue$1.toDisplayString($options.dueLabel(task) || $options.tr('No due date')), 1 /* TEXT */)
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$l, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
+                              vue$1.createElementVNode("span", _hoisted_28$k, vue$1.toDisplayString($options.dueLabel(task) || $options.tr('No due date')), 1 /* TEXT */)
                             ]),
-                            vue$1.createElementVNode("span", _hoisted_30$h, [
+                            vue$1.createElementVNode("span", _hoisted_29$i, [
                               ($options.canClaim(task))
                                 ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                                     key: 0,
@@ -231299,7 +231797,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, 8 /* PROPS */, ["disabled", "data-testid", "onClick"]))
                                 : vue$1.createCommentVNode("v-if", true)
                             ])
-                          ], 8 /* PROPS */, _hoisted_26$r))
+                          ], 8 /* PROPS */, _hoisted_25$t))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])
                     ]))
@@ -231319,12 +231817,12 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
             : ($options.rows.length === 0)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_31$f, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_30$i, vue$1.toDisplayString($options.emptyLabel), 1 /* TEXT */))
               : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 5 }, [
                   (!$options.isList)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_32$f, vue$1.toDisplayString($options.countLabel), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_31$g, vue$1.toDisplayString($options.countLabel), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true),
-                  vue$1.createElementVNode("ul", _hoisted_33$e, [
+                  vue$1.createElementVNode("ul", _hoisted_32$g, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.rows, (task) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                         key: task.uuid,
@@ -231347,12 +231845,12 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                     "data-testid": "cn-tasks-widget-check",
                                     onClick: _cache[11] || (_cache[11] = vue$1.withModifiers(() => {}, ["stop"])),
                                     onChange: $event => ($options.check(task))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_35$d))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_36$d)),
-                              vue$1.createElementVNode("span", _hoisted_37$c, [
-                                vue$1.createElementVNode("span", _hoisted_38$c, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */),
-                                vue$1.createElementVNode("span", _hoisted_39$a, [
-                                  vue$1.createElementVNode("span", _hoisted_40$8, vue$1.toDisplayString($options.subjectOf(task)), 1 /* TEXT */),
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_34$e))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_35$d)),
+                              vue$1.createElementVNode("span", _hoisted_36$d, [
+                                vue$1.createElementVNode("span", _hoisted_37$c, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_38$c, [
+                                  vue$1.createElementVNode("span", _hoisted_39$a, vue$1.toDisplayString($options.subjectOf(task)), 1 /* TEXT */),
                                   vue$1.createElementVNode("span", {
                                     class: vue$1.normalizeClass(["cn-tasks-widget__due", { 'cn-tasks-widget__due--overdue': task.overdue === true }])
                                   }, vue$1.toDisplayString($options.dueLabel(task)), 3 /* TEXT, CLASS */)
@@ -231360,9 +231858,9 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                               ])
                             ], 64 /* STABLE_FRAGMENT */))
                           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
-                              vue$1.createElementVNode("span", _hoisted_41$6, [
-                                vue$1.createElementVNode("span", _hoisted_42$6, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */),
-                                vue$1.createElementVNode("span", _hoisted_43$6, vue$1.toDisplayString($options.metaLine(task)), 1 /* TEXT */)
+                              vue$1.createElementVNode("span", _hoisted_40$8, [
+                                vue$1.createElementVNode("span", _hoisted_41$6, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_42$6, vue$1.toDisplayString($options.metaLine(task)), 1 /* TEXT */)
                               ]),
                               vue$1.createElementVNode("span", {
                                 class: vue$1.normalizeClass(["cn-tasks-widget__due", { 'cn-tasks-widget__due--overdue': task.overdue === true }])
@@ -231407,11 +231905,11 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                               _: 2 /* DYNAMIC */
                             }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_34$e))
+                      ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_33$e))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]),
                   ($options.hiddenCount > 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_44$6, vue$1.toDisplayString($options.moreLabel), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_43$6, vue$1.toDisplayString($options.moreLabel), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */)),
     ($data.formTask)
@@ -231428,7 +231926,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$4h.render = render$4g;
-script$4h.__scopeId = "data-v-9804876c";
+script$4h.__scopeId = "data-v-7dc074ce";
 const __sfc_main$4h = script$4h;
 
 /**
@@ -238967,8 +239465,8 @@ const _hoisted_23$z = { class: "cn-facts-widget__meter-value" };
 const _hoisted_24$w = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
 const _hoisted_25$s = ["data-testid"];
 const _hoisted_26$q = ["aria-label", "aria-valuenow", "data-testid"];
-const _hoisted_27$j = { class: "cn-facts-widget__line" };
-const _hoisted_28$i = { key: 7 };
+const _hoisted_27$k = { class: "cn-facts-widget__line" };
+const _hoisted_28$j = { key: 7 };
 
 function render$47(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -239224,10 +239722,10 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, null, 4 /* STYLE */)
                                       ], 8 /* PROPS */, _hoisted_26$q))
                                     : vue$1.createCommentVNode("v-if", true),
-                                  vue$1.createElementVNode("span", _hoisted_27$j, vue$1.toDisplayString(block.value), 1 /* TEXT */)
+                                  vue$1.createElementVNode("span", _hoisted_27$k, vue$1.toDisplayString(block.value), 1 /* TEXT */)
                                 ], 8 /* PROPS */, _hoisted_25$s))
                               : (block.kind === 'pill')
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$i, [
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$j, [
                                     vue$1.createVNode(_component_CnStatusBadge, {
                                       label: block.value,
                                       variant: block.variant,
@@ -246114,16 +246612,16 @@ const _hoisted_26$o = {
   key: 1,
   class: "cn-field-list-widget__copies"
 };
-const _hoisted_27$i = {
+const _hoisted_27$j = {
   key: 6,
   class: "cn-field-list-widget__hint"
 };
-const _hoisted_28$h = {
+const _hoisted_28$i = {
   key: 7,
   class: "cn-field-list-widget__toolbar"
 };
-const _hoisted_29$g = ["data-testid"];
-const _hoisted_30$g = {
+const _hoisted_29$h = ["data-testid"];
+const _hoisted_30$h = {
   class: "cn-field-list-widget__sr",
   "aria-live": "polite",
   "data-testid": "cn-field-list-copied"
@@ -246479,10 +246977,10 @@ function render$3Z(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128 /* KEYED_FRAGMENT */))
           ])),
     ($options.hint)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_27$i, vue$1.toDisplayString($options.hint), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_27$j, vue$1.toDisplayString($options.hint), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     ($options.canAdd && $options.addTrigger && $options.addPlacement === 'footer' && !$data.adding)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$h, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$i, [
           vue$1.createVNode(_component_NcButton, {
             variant: "secondary",
             disabled: $data.busy !== '',
@@ -246551,7 +247049,7 @@ function render$3Z(_ctx, _cache, $props, $setup, $data, $options) {
                         error: Boolean($data.errors[field.key]),
                         helperText: $data.errors[field.key] || ''
                       }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "label", "error", "helperText"]))
-            ], 8 /* PROPS */, _hoisted_29$g))
+            ], 8 /* PROPS */, _hoisted_29$h))
           }), 128 /* KEYED_FRAGMENT */)),
           vue$1.createVNode(_component_NcButton, {
             type: "submit",
@@ -246579,7 +247077,7 @@ function render$3Z(_ctx, _cache, $props, $setup, $data, $options) {
             : vue$1.createCommentVNode("v-if", true)
         ], 32 /* NEED_HYDRATION */))
       : vue$1.createCommentVNode("v-if", true),
-    vue$1.createElementVNode("span", _hoisted_30$g, vue$1.toDisplayString($data.copied), 1 /* TEXT */),
+    vue$1.createElementVNode("span", _hoisted_30$h, vue$1.toDisplayString($data.copied), 1 /* TEXT */),
     ($data.notice)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_NcNoteCard, {
           key: 9,
@@ -254007,25 +254505,25 @@ const _hoisted_26$m = {
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_27$h = { class: "cn-record-list__main" };
-const _hoisted_28$g = {
+const _hoisted_27$i = { class: "cn-record-list__main" };
+const _hoisted_28$h = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_29$f = {
+const _hoisted_29$g = {
   key: 3,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_30$f = {
+const _hoisted_30$g = {
   key: 4,
   class: "cn-record-list__pills"
 };
-const _hoisted_31$e = {
+const _hoisted_31$f = {
   key: 6,
   class: "cn-record-list__trailing"
 };
-const _hoisted_32$e = {
+const _hoisted_32$f = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
@@ -254444,7 +254942,7 @@ function render$3P(_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_27$h, [
+                                          vue$1.createElementVNode("span", _hoisted_27$i, [
                                             (item.title)
                                               ? (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(item.tag), vue$1.mergeProps({
                                                   key: 0,
@@ -254457,14 +254955,14 @@ function render$3P(_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_28$g, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$h, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                               : vue$1.createCommentVNode("v-if", true)
                                           ]),
                                           (item.flag)
-                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$f, vue$1.toDisplayString(item.flag), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$g, 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_30$f, [
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$g, [
                                                 (item.pill)
                                                   ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                                       key: 0,
@@ -254492,7 +254990,7 @@ function render$3P(_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_31$e, vue$1.toDisplayString(item.trailing), 1 /* TEXT */))
+                                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_31$f, 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", { 'cn-record-list__action--outlined': $options.rowActionOutlined }]
@@ -254510,7 +255008,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                           }, { ref_for: true }, item.attrs), {
                                             default: vue$1.withCtx(() => [
                                               (item.leading)
-                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$e, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
+                                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$f, vue$1.toDisplayString(item.leading), 1 /* TEXT */))
                                                 : vue$1.createCommentVNode("v-if", true),
                                               ($options.pillFirst && item.pill)
                                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_33$d, [
@@ -260932,6 +261430,7 @@ var script$3B = {
 
 	inject: {
 		cnTranslate: { default: () => (key) => key },
+		cnLook: { default: 'nextcloud' },
 	},
 
 	props: {
@@ -260992,6 +261491,11 @@ var script$3B = {
 	},
 
 	computed: {
+		/** @return {boolean} The board look draws one ruled row per party. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
 		/** @return {Array<object>} The role groups, primary first. */
 		groups() {
 			return rolesInOrder(this.listing, this.translatedMap(this.content?.roleLabels))
@@ -261561,6 +262065,29 @@ var script$3B = {
 		 * @param {object} party The listing row.
 		 * @return {Array<object>}
 		 */
+		/**
+		 * The board row's meta line: the primary mark, the role, the kind,
+		 * whom the party represents, its extra lines, e-mail and documents,
+		 * separated by middots.
+		 *
+		 * @param {object} party The party.
+		 * @param {object} group Its role group.
+		 * @return {string}
+		 */
+		boardMetaOf(party, group) {
+			const parts = [];
+			if (this.primary && party.partyUuid === this.primary) {
+				parts.push(this.label('primary'));
+			}
+			parts.push(group.label, this.kindOf(party));
+			const represented = this.representedBy(party);
+			if (represented) {
+				parts.push(`${this.label('representedBy')}: ${represented}`);
+			}
+			parts.push(...this.extraLinesOf(party), party.email, this.correspondenceOf(party));
+			return parts.filter((part) => typeof part === 'string' && part !== '').join(' · ')
+		},
+
 		indicatorsFor(party) {
 			const record = this.partyRecords[party.partyUuid];
 			if (!record) {
@@ -261591,81 +262118,94 @@ var script$3B = {
 };
 
 const _hoisted_1$3B = {
-  class: "cn-object-parties",
-  "data-testid": "cn-object-parties"
-};
-const _hoisted_2$3v = {
   key: 0,
   class: "cn-object-parties__manage"
 };
-const _hoisted_3$35 = {
+const _hoisted_2$3v = {
   key: 4,
   class: "cn-object-parties__main-card",
   "data-testid": "cn-object-parties-main-card"
 };
-const _hoisted_4$2P = ["data-party"];
-const _hoisted_5$2q = {
+const _hoisted_3$35 = ["data-party"];
+const _hoisted_4$2P = {
   class: "cn-object-parties__main-initials",
   "aria-hidden": "true",
   "data-testid": "cn-object-parties-main-initials"
 };
-const _hoisted_6$2f = { class: "cn-object-parties__main-text" };
-const _hoisted_7$1_ = {
+const _hoisted_5$2q = { class: "cn-object-parties__main-text" };
+const _hoisted_6$2f = {
   class: "cn-object-parties__main-name",
   "data-testid": "cn-object-parties-main-name"
 };
-const _hoisted_8$1N = {
+const _hoisted_7$1_ = {
   key: 0,
   class: "cn-object-parties__muted cn-object-parties__main-role",
   "data-testid": "cn-object-parties-main-role"
 };
-const _hoisted_9$1C = {
+const _hoisted_8$1N = {
   key: 1,
   class: "cn-object-parties__muted",
   "data-testid": "cn-object-parties-main-none"
 };
+const _hoisted_9$1C = ["href"];
 const _hoisted_10$1t = ["href"];
-const _hoisted_11$1h = ["href"];
-const _hoisted_12$17 = ["data-source"];
-const _hoisted_13$Y = { class: "cn-object-parties__accepted-label" };
-const _hoisted_14$W = {
+const _hoisted_11$1h = ["data-source"];
+const _hoisted_12$17 = { class: "cn-object-parties__accepted-label" };
+const _hoisted_13$Y = {
   key: 0,
   class: "cn-object-parties__muted"
 };
-const _hoisted_15$S = {
+const _hoisted_14$W = {
   key: 1,
   class: "cn-object-parties__verdicts",
   "data-testid": "cn-object-parties-verdicts"
 };
-const _hoisted_16$O = ["data-role", "aria-labelledby"];
-const _hoisted_17$K = { class: "cn-object-parties__list" };
-const _hoisted_18$D = ["data-party"];
-const _hoisted_19$B = { class: "cn-object-parties__name" };
-const _hoisted_20$w = {
+const _hoisted_15$S = ["data-role", "aria-labelledby"];
+const _hoisted_16$O = { class: "cn-object-parties__list" };
+const _hoisted_17$K = ["data-party"];
+const _hoisted_18$D = {
+  class: "cn-object-parties__tile",
+  "aria-hidden": "true"
+};
+const _hoisted_19$B = { class: "cn-object-parties__text" };
+const _hoisted_20$w = { class: "cn-object-parties__name" };
+const _hoisted_21$w = {
+  class: "cn-object-parties__meta",
+  "data-testid": "cn-object-parties-meta"
+};
+const _hoisted_22$w = { class: "cn-object-parties__end" };
+const _hoisted_23$t = {
+  key: 0,
+  class: "cn-status-badge cn-status-badge--warning",
+  "data-testid": "cn-object-parties-not-accepted"
+};
+const _hoisted_24$r = ["data-effect", "title"];
+const _hoisted_25$n = { class: "cn-object-parties__name" };
+const _hoisted_26$l = {
   key: 0,
   class: "cn-status-badge cn-status-badge--primary",
   "data-testid": "cn-object-parties-primary"
 };
-const _hoisted_21$w = {
+const _hoisted_27$h = {
   key: 1,
   class: "cn-object-parties__muted"
 };
-const _hoisted_22$w = {
+const _hoisted_28$g = {
   key: 2,
   class: "cn-status-badge cn-status-badge--warning",
   "data-testid": "cn-object-parties-not-accepted"
 };
-const _hoisted_23$t = {
+const _hoisted_29$f = {
   key: 3,
   class: "cn-object-parties__muted"
 };
-const _hoisted_24$r = {
+const _hoisted_30$f = {
   key: 4,
   class: "cn-object-parties__muted",
   "data-testid": "cn-object-parties-represented"
 };
-const _hoisted_25$n = ["data-party-documents"];
-const _hoisted_26$l = ["data-effect", "title"];
+const _hoisted_31$e = ["data-party-documents"];
+const _hoisted_32$e = ["data-effect", "title"];
 
 function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Plus = vue$1.resolveComponent("Plus");
@@ -261678,9 +262218,12 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnPartyAddDialog = vue$1.resolveComponent("CnPartyAddDialog");
   const _component_CnConfirmDialog = vue$1.resolveComponent("CnConfirmDialog");
 
-  return (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$3B, [
+  return (vue$1.openBlock(), vue$1.createElementBlock("div", {
+    class: vue$1.normalizeClass(["cn-object-parties", { 'cn-object-parties--board': $options.isBoard }]),
+    "data-testid": "cn-object-parties"
+  }, [
     ($options.canAdd)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$3v, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$3B, [
           vue$1.createVNode(_component_NcButton, {
             "data-testid": "cn-object-parties-add",
             onClick: _cache[0] || (_cache[0] = $event => ($data.adding = true))
@@ -261721,7 +262264,7 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
             "data-testid": "cn-object-parties-failed"
           }, null, 8 /* PROPS */, ["name", "description"]))
         : ($options.isPrimaryPresentation)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$35, [
+          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$3v, [
               ($options.mainParty)
                 ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                     key: 0,
@@ -261729,15 +262272,15 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                     "data-party": $options.mainParty.partyUuid,
                     "data-testid": "cn-object-parties-main"
                   }, [
-                    vue$1.createElementVNode("span", _hoisted_5$2q, vue$1.toDisplayString($options.initialsOf($options.nameOf($options.mainParty))), 1 /* TEXT */),
-                    vue$1.createElementVNode("span", _hoisted_6$2f, [
-                      vue$1.createElementVNode("strong", _hoisted_7$1_, vue$1.toDisplayString($options.nameOf($options.mainParty)), 1 /* TEXT */),
+                    vue$1.createElementVNode("span", _hoisted_4$2P, vue$1.toDisplayString($options.initialsOf($options.nameOf($options.mainParty))), 1 /* TEXT */),
+                    vue$1.createElementVNode("span", _hoisted_5$2q, [
+                      vue$1.createElementVNode("strong", _hoisted_6$2f, vue$1.toDisplayString($options.nameOf($options.mainParty)), 1 /* TEXT */),
                       ($options.mainRole)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$1N, vue$1.toDisplayString($options.mainRole), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_7$1_, vue$1.toDisplayString($options.mainRole), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
                     ])
-                  ], 8 /* PROPS */, _hoisted_4$2P))
-                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$1C, vue$1.toDisplayString($options.label('noPrimary')), 1 /* TEXT */)),
+                  ], 8 /* PROPS */, _hoisted_3$35))
+                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$1N, vue$1.toDisplayString($options.label('noPrimary')), 1 /* TEXT */)),
               ($options.mainParty && $options.mainParty.email)
                 ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
                     key: 2,
@@ -261750,7 +262293,7 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                       "aria-hidden": "true"
                     }),
                     vue$1.createTextVNode(vue$1.toDisplayString($options.mainParty.email), 1 /* TEXT */)
-                  ], 8 /* PROPS */, _hoisted_10$1t))
+                  ], 8 /* PROPS */, _hoisted_9$1C))
                 : vue$1.createCommentVNode("v-if", true),
               ($options.footLink)
                 ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
@@ -261758,7 +262301,7 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-object-parties__main-link",
                     href: $options.footLink.href,
                     "data-testid": "cn-object-parties-main-link"
-                  }, vue$1.toDisplayString($options.footLink.label), 9 /* TEXT, PROPS */, _hoisted_11$1h))
+                  }, vue$1.toDisplayString($options.footLink.label), 9 /* TEXT, PROPS */, _hoisted_10$1t))
                 : vue$1.createCommentVNode("v-if", true)
             ]))
           : ($options.groups.length === 0)
@@ -261776,7 +262319,7 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                       "data-source": $data.kinds.source,
                       "data-testid": "cn-object-parties-accepted"
                     }, [
-                      vue$1.createElementVNode("span", _hoisted_13$Y, vue$1.toDisplayString($options.label('accepted')), 1 /* TEXT */),
+                      vue$1.createElementVNode("span", _hoisted_12$17, vue$1.toDisplayString($options.label('accepted')), 1 /* TEXT */),
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.kinds.kinds, (kind, index) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                           key: $options.kindCode(kind),
@@ -261785,12 +262328,12 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                         }, vue$1.toDisplayString(index + 1) + ". " + vue$1.toDisplayString(kind.label || $options.kindCode(kind)), 1 /* TEXT */))
                       }), 128 /* KEYED_FRAGMENT */)),
                       ($options.kindsSourceText)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_14$W, vue$1.toDisplayString($options.kindsSourceText), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_13$Y, vue$1.toDisplayString($options.kindsSourceText), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
-                    ], 8 /* PROPS */, _hoisted_12$17))
+                    ], 8 /* PROPS */, _hoisted_11$1h))
                   : vue$1.createCommentVNode("v-if", true),
                 ($options.verdicts.length > 0)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$S, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$W, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.verdicts, (verdict) => {
                         return (vue$1.openBlock(), vue$1.createBlock(_component_NcNoteCard, {
                           key: `${verdict.party}-${verdict.key}`,
@@ -261824,7 +262367,7 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                       ]),
                       _: 2 /* DYNAMIC */
                     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["id"])),
-                    vue$1.createElementVNode("ul", _hoisted_17$K, [
+                    vue$1.createElementVNode("ul", _hoisted_16$O, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(group.parties, (party) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: `${group.key}-${party.partyUuid || party.contactUid}`,
@@ -261832,66 +262375,106 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
                           "data-party": party.partyUuid || party.contactUid,
                           "data-testid": "cn-object-parties-party"
                         }, [
-                          vue$1.createElementVNode("span", _hoisted_19$B, vue$1.toDisplayString($options.nameOf(party)), 1 /* TEXT */),
-                          ($options.primary && party.partyUuid === $options.primary)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$w, vue$1.toDisplayString($options.label('primary')), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          ($options.kindOf(party))
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$w, vue$1.toDisplayString($options.kindOf(party)), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          ($options.notAccepted(party))
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$w, vue$1.toDisplayString($options.label('notAccepted')), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.extraLinesOf(party), (line, index) => {
-                            return (vue$1.openBlock(), vue$1.createElementBlock("span", {
-                              key: `line-${index}`,
-                              class: "cn-object-parties__muted",
-                              "data-testid": "cn-object-parties-extra-line"
-                            }, vue$1.toDisplayString(line), 1 /* TEXT */))
-                          }), 128 /* KEYED_FRAGMENT */)),
-                          (party.email)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$t, vue$1.toDisplayString(party.email), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          ($options.representedBy(party))
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_24$r, vue$1.toDisplayString($options.label('representedBy')) + ": " + vue$1.toDisplayString($options.representedBy(party)), 1 /* TEXT */))
-                            : vue$1.createCommentVNode("v-if", true),
-                          ($options.correspondenceOf(party))
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
-                                key: 5,
-                                class: "cn-object-parties__muted",
-                                "data-party-documents": party.partyUuid || party.contactUid,
-                                "data-testid": "cn-object-parties-documents"
-                              }, vue$1.toDisplayString($options.correspondenceOf(party)), 9 /* TEXT, PROPS */, _hoisted_25$n))
-                            : vue$1.createCommentVNode("v-if", true),
-                          (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.indicatorsFor(party), (indicator) => {
-                            return (vue$1.openBlock(), vue$1.createElementBlock("span", {
-                              key: `${party.partyUuid}-${indicator.key}`,
-                              class: vue$1.normalizeClass(["cn-status-badge cn-status-badge--default", `cn-object-parties__indicator--${indicator.severity}`]),
-                              "data-effect": indicator.effect,
-                              title: indicator.verdict,
-                              "data-testid": "cn-object-parties-indicator"
-                            }, vue$1.toDisplayString(indicator.label) + " · " + vue$1.toDisplayString(indicator.verdict), 11 /* TEXT, CLASS, PROPS */, _hoisted_26$l))
-                          }), 128 /* KEYED_FRAGMENT */)),
-                          ($options.canRemove && party.partyUuid)
-                            ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
-                                key: 6,
-                                class: "cn-object-parties__remove",
-                                variant: "tertiary",
-                                "aria-label": $options.removeLabel(party, group),
-                                title: $options.removeLabel(party, group),
-                                "data-testid": "cn-object-parties-remove",
-                                onClick: $event => ($data.removing = { party, group })
-                              }, {
-                                icon: vue$1.withCtx(() => [
-                                  vue$1.createVNode(_component_TrashCanOutline, { size: 20 })
+                          ($options.isBoard)
+                            ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
+                                vue$1.createElementVNode("span", _hoisted_18$D, vue$1.toDisplayString($options.initialsOf($options.nameOf(party))), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_19$B, [
+                                  vue$1.createElementVNode("span", _hoisted_20$w, vue$1.toDisplayString($options.nameOf(party)), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_21$w, vue$1.toDisplayString($options.boardMetaOf(party, group)), 1 /* TEXT */)
                                 ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["aria-label", "title", "onClick"]))
-                            : vue$1.createCommentVNode("v-if", true)
-                        ], 8 /* PROPS */, _hoisted_18$D))
+                                vue$1.createElementVNode("span", _hoisted_22$w, [
+                                  ($options.notAccepted(party))
+                                    ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$t, vue$1.toDisplayString($options.label('notAccepted')), 1 /* TEXT */))
+                                    : vue$1.createCommentVNode("v-if", true),
+                                  (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.indicatorsFor(party), (indicator) => {
+                                    return (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                      key: `${party.partyUuid}-${indicator.key}`,
+                                      class: vue$1.normalizeClass(["cn-status-badge cn-status-badge--default", `cn-object-parties__indicator--${indicator.severity}`]),
+                                      "data-effect": indicator.effect,
+                                      title: indicator.verdict,
+                                      "data-testid": "cn-object-parties-indicator"
+                                    }, vue$1.toDisplayString(indicator.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_24$r))
+                                  }), 128 /* KEYED_FRAGMENT */)),
+                                  ($options.canRemove && party.partyUuid)
+                                    ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
+                                        key: 1,
+                                        class: "cn-object-parties__remove",
+                                        variant: "tertiary",
+                                        "aria-label": $options.removeLabel(party, group),
+                                        title: $options.removeLabel(party, group),
+                                        "data-testid": "cn-object-parties-remove",
+                                        onClick: $event => ($data.removing = { party, group })
+                                      }, {
+                                        icon: vue$1.withCtx(() => [
+                                          vue$1.createVNode(_component_TrashCanOutline, { size: 20 })
+                                        ]),
+                                        _: 1 /* STABLE */
+                                      }, 8 /* PROPS */, ["aria-label", "title", "onClick"]))
+                                    : vue$1.createCommentVNode("v-if", true)
+                                ])
+                              ], 64 /* STABLE_FRAGMENT */))
+                            : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                vue$1.createElementVNode("span", _hoisted_25$n, vue$1.toDisplayString($options.nameOf(party)), 1 /* TEXT */),
+                                ($options.primary && party.partyUuid === $options.primary)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$l, vue$1.toDisplayString($options.label('primary')), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                ($options.kindOf(party))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$h, vue$1.toDisplayString($options.kindOf(party)), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                ($options.notAccepted(party))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$g, vue$1.toDisplayString($options.label('notAccepted')), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.extraLinesOf(party), (line, index) => {
+                                  return (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                    key: `line-${index}`,
+                                    class: "cn-object-parties__muted",
+                                    "data-testid": "cn-object-parties-extra-line"
+                                  }, vue$1.toDisplayString(line), 1 /* TEXT */))
+                                }), 128 /* KEYED_FRAGMENT */)),
+                                (party.email)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$f, vue$1.toDisplayString(party.email), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                ($options.representedBy(party))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_30$f, vue$1.toDisplayString($options.label('representedBy')) + ": " + vue$1.toDisplayString($options.representedBy(party)), 1 /* TEXT */))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                ($options.correspondenceOf(party))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                      key: 5,
+                                      class: "cn-object-parties__muted",
+                                      "data-party-documents": party.partyUuid || party.contactUid,
+                                      "data-testid": "cn-object-parties-documents"
+                                    }, vue$1.toDisplayString($options.correspondenceOf(party)), 9 /* TEXT, PROPS */, _hoisted_31$e))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.indicatorsFor(party), (indicator) => {
+                                  return (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                    key: `${party.partyUuid}-${indicator.key}`,
+                                    class: vue$1.normalizeClass(["cn-status-badge cn-status-badge--default", `cn-object-parties__indicator--${indicator.severity}`]),
+                                    "data-effect": indicator.effect,
+                                    title: indicator.verdict,
+                                    "data-testid": "cn-object-parties-indicator"
+                                  }, vue$1.toDisplayString(indicator.label) + " · " + vue$1.toDisplayString(indicator.verdict), 11 /* TEXT, CLASS, PROPS */, _hoisted_32$e))
+                                }), 128 /* KEYED_FRAGMENT */)),
+                                ($options.canRemove && party.partyUuid)
+                                  ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
+                                      key: 6,
+                                      class: "cn-object-parties__remove",
+                                      variant: "tertiary",
+                                      "aria-label": $options.removeLabel(party, group),
+                                      title: $options.removeLabel(party, group),
+                                      "data-testid": "cn-object-parties-remove",
+                                      onClick: $event => ($data.removing = { party, group })
+                                    }, {
+                                      icon: vue$1.withCtx(() => [
+                                        vue$1.createVNode(_component_TrashCanOutline, { size: 20 })
+                                      ]),
+                                      _: 1 /* STABLE */
+                                    }, 8 /* PROPS */, ["aria-label", "title", "onClick"]))
+                                  : vue$1.createCommentVNode("v-if", true)
+                              ], 64 /* STABLE_FRAGMENT */))
+                        ], 8 /* PROPS */, _hoisted_17$K))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
-                  ], 8 /* PROPS */, _hoisted_16$O))
+                  ], 8 /* PROPS */, _hoisted_15$S))
                 }), 128 /* KEYED_FRAGMENT */))
               ], 64 /* STABLE_FRAGMENT */)),
     ($data.adding)
@@ -261922,11 +262505,11 @@ function render$3A(_ctx, _cache, $props, $setup, $data, $options) {
           onConfirm: $options.removeParty
         }, null, 8 /* PROPS */, ["dialogTitle", "message", "confirmLabel", "onConfirm"]))
       : vue$1.createCommentVNode("v-if", true)
-  ]))
+  ], 2 /* CLASS */))
 }
 
 script$3B.render = render$3A;
-script$3B.__scopeId = "data-v-0c4e5c0c";
+script$3B.__scopeId = "data-v-44731ec4";
 const __sfc_main$3B = script$3B;
 
 /**
@@ -360980,7 +361563,7 @@ var script$20 = {
 			];
 			let counts;
 			try {
-				counts = await fetchFilterCounts({ register: this.register, schema, entries, baseFilter: base, ctx });
+				counts = await fetchFilterCounts({ register: this.register, schema, entries, baseFilter: base, ctx, via: 'list' });
 			} catch {
 				counts = {};
 			}
@@ -361037,6 +361620,8 @@ var script$20 = {
 				})),
 				baseFilter: resolveFilterMap(this.filter, params, ctx),
 				ctx,
+				// The chips count what the list shows: the list's own request.
+				via: 'list',
 			});
 			if (requestKey !== this.countRequestKey) {
 				return
@@ -376869,7 +377454,8 @@ let reasonSeq = 0;
  *   `eyebrow` a template filled from the record ("Close off · {identifier}").
  * - `summary`: `{ source?, title, meta?, badge?, icon? }`: templates filled from
  *   the record (`source` an endpointSource to read it from, else `object`).
- * - `facts`: `[{ title?, items: [{ label, value }] }]`, `value` a template.
+ * - `facts`: `[{ title?, items: [{ label, value }] }]`, `value` a template; a
+ *   `{path|<formatter>}` token reads through the built-in and app formatters.
  * - `checklist`: `{ title?, source, itemsPath?, labels?, required? }`: items
  *   `{ id, met, label?, detail? }` read from `source`; `labels[id]` gives an
  *   item's `{ label, detail?, unmetDetail? }`; the ids in `required` must be
@@ -376912,6 +377498,8 @@ var script$1M = {
 		cnTranslate: { default: () => (key) => key },
 		/** The page's pre-bound action dispatcher (CnPageRenderer), for `confirm.action`. */
 		cnDispatchAction: { default: null },
+		/** The app's named formatters (CnAppRoot), for `{path|<formatter>}` in a template. */
+		cnFormatters: { default: () => ({}) },
 	},
 
 	props: {
@@ -377244,7 +377832,8 @@ var script$1M = {
 			if (typeof template !== 'string' || template === '') {
 				return ''
 			}
-			return fillTemplate(this.cnTranslate(template), row || this.record || {}).trim()
+			const formatters = { ...BUILT_IN_FORMATTERS, ...(this.cnFormatters || {}) };
+			return fillTemplate(this.cnTranslate(template), row || this.record || {}, new Date(), { formatters }).trim()
 		},
 
 		/**
@@ -377816,7 +378405,7 @@ function render$1L(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1M.render = render$1L;
-script$1M.__scopeId = "data-v-a3810b54";
+script$1M.__scopeId = "data-v-60a1dc8f";
 const __sfc_main$1M = script$1M;
 
 var CnActionDialog = /*#__PURE__*/Object.freeze({