@conduction/nextcloud-vue 2.141.0 → 2.142.0

package/dist/nextcloud-vue.cjs.js

@@ -3606,7 +3606,16 @@ var translations$s = {
 	"Open profile": "Open profile",
 	"Link a contact from your address book.": "Link a contact from your address book.",
 	"The value could not be shown.": "The value could not be shown.",
-	"No value": "No value"
+	"No value": "No value",
+	"Link an existing card": "Link an existing card",
+	"New card": "New card",
+	"Could not link card.": "Could not link card.",
+	"Could not create card.": "Could not create card.",
+	"This card is already linked.": "This card is already linked.",
+	"From {date}": "From {date}",
+	"Until {date}": "Until {date}",
+	"More actions for {name}": "More actions for {name}",
+	"Unlink contact": "Unlink contact"
 };
 var plurals$1 = {
 	"{count} member": [
@@ -5977,7 +5986,7 @@ var translations$c = {
 	"Save current view": "Huidige weergave opslaan",
 	"Share view: {name}": "Weergave delen: {name}",
 	"The view \"{name}\" leaves your list and the menu on the left.": "De weergave \"{name}\" verdwijnt uit uw lijst en uit het menu links.",
-	"Whoever gets the view sees it under Shared with me. It is yours and stays yours.": "Wie de weergave krijgt, ziet die onder Gedeeld met mij. Die is van u en blijft dat.",
+	"Whoever gets the view sees it under Shared with me. It is yours and stays yours.": "Wie de weergave krijgt, ziet hem onder Gedeeld met mij. Hij is van u en blijft dat.",
 	"Whoever you share the view with sees the change at once.": "Iedereen met wie u de weergave deelt, ziet de wijziging meteen.",
 	Reason: "Reden",
 	"Could not be read": "Kon niet worden gelezen",
@@ -6623,7 +6632,16 @@ var translations$c = {
 	"Save as draft": "Opslaan als concept",
 	"Draft saved at {time}": "Concept opgeslagen om {time}",
 	"The draft could not be saved": "Het concept kon niet worden opgeslagen",
-	"No value": "Geen waarde"
+	"No value": "Geen waarde",
+	"Link an existing card": "Bestaande kaart koppelen",
+	"New card": "Nieuwe kaart",
+	"Could not link card.": "De kaart kon niet worden gekoppeld.",
+	"Could not create card.": "De kaart kon niet worden gemaakt.",
+	"This card is already linked.": "Deze kaart is al gekoppeld.",
+	"From {date}": "Vanaf {date}",
+	"Until {date}": "Tot {date}",
+	"More actions for {name}": "Meer acties voor {name}",
+	"Unlink contact": "Contact ontkoppelen"
 };
 var plurals = {
 	"{count} member": [
@@ -10507,7 +10525,7 @@ const _hoisted_20$1g = {
   "data-testid": "cn-ai-thinking"
 };
 const _hoisted_21$1e = ["aria-label"];
-const _hoisted_22$1b = { class: "cn-ai-message-list__thinking-text" };
+const _hoisted_22$1c = { class: "cn-ai-message-list__thinking-text" };
 
 function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcRichText = vue$1.resolveComponent("NcRichText");
@@ -10646,7 +10664,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
             role: "status",
             "aria-live": "polite"
           }, [
-            vue$1.createElementVNode("span", _hoisted_22$1b, vue$1.toDisplayString($options.cnTranslate('Thinking')), 1 /* TEXT */),
+            vue$1.createElementVNode("span", _hoisted_22$1c, vue$1.toDisplayString($options.cnTranslate('Thinking')), 1 /* TEXT */),
             _cache[0] || (_cache[0] = vue$1.createElementVNode("span", {
               class: "cn-ai-message-list__thinking-dots",
               "aria-hidden": "true"
@@ -26819,7 +26837,7 @@ const _hoisted_20$1e = {
   "data-testid": "cn-chart-widget-footnote"
 };
 const _hoisted_21$1c = { class: "cn-chart-widget__notice-text" };
-const _hoisted_22$1a = { key: 0 };
+const _hoisted_22$1b = { key: 0 };
 
 function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnEndpointNotice = vue$1.resolveComponent("CnEndpointNotice");
@@ -26992,7 +27010,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
           default: vue$1.withCtx(() => [
             vue$1.createElementVNode("p", _hoisted_21$1c, [
               ($options.noticeParts.lead)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_22$1a, vue$1.toDisplayString($options.noticeParts.lead), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_22$1b, vue$1.toDisplayString($options.noticeParts.lead), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
               vue$1.createTextVNode(vue$1.toDisplayString($options.noticeParts.lead && $options.noticeParts.text ? ' ' : '') + vue$1.toDisplayString($options.noticeParts.text), 1 /* TEXT */)
             ])
@@ -30101,12 +30119,12 @@ const _hoisted_21$1b = {
   class: "cn-conversation-thread__note",
   "data-testid": "cn-conversation-note"
 };
-const _hoisted_22$19 = {
+const _hoisted_22$1a = {
   key: 1,
   class: "cn-conversation-thread__message-actions"
 };
-const _hoisted_23$_ = { class: "cn-conversation-thread__reply-head" };
-const _hoisted_24$U = ["for"];
+const _hoisted_23$$ = { class: "cn-conversation-thread__reply-head" };
+const _hoisted_24$V = ["for"];
 const _hoisted_25$N = {
   key: 0,
   class: "cn-conversation-thread__reply-hint",
@@ -30209,7 +30227,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$1b, vue$1.toDisplayString(row.note), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true),
                     (row.actions.length > 0)
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$19, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$1a, [
                           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(row.actions, (action) => {
                             return (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
                               key: action.id,
@@ -30238,11 +30256,11 @@ 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$$, [
             vue$1.createElementVNode("label", {
               for: $data.inputId,
               class: "cn-conversation-thread__reply-label"
-            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$U),
+            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$V),
             ($props.replyHint)
               ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$N, vue$1.toDisplayString($props.replyHint), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true)
@@ -42901,8 +42919,8 @@ const _hoisted_21$1a = {
   key: 3,
   class: "cn-column-filter__field"
 };
-const _hoisted_22$18 = { class: "cn-column-filter__label" };
-const _hoisted_23$Z = { class: "cn-column-filter__actions" };
+const _hoisted_22$19 = { class: "cn-column-filter__label" };
+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, {
@@ -43014,7 +43032,7 @@ function render$87(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ]))
             : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_21$1a, [
-                vue$1.createElementVNode("span", _hoisted_22$18, vue$1.toDisplayString($options.containsLabel), 1 /* TEXT */),
+                vue$1.createElementVNode("span", _hoisted_22$19, vue$1.toDisplayString($options.containsLabel), 1 /* TEXT */),
                 vue$1.withDirectives(vue$1.createElementVNode("input", {
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.draft.value) = $event)),
                   class: "cn-column-filter__input",
@@ -43024,7 +43042,7 @@ function render$87(_ctx, _cache, $props, $setup, $data, $options) {
                   [vue$1.vModelText, $data.draft.value]
                 ])
               ])),
-      vue$1.createElementVNode("div", _hoisted_23$Z, [
+      vue$1.createElementVNode("div", _hoisted_23$_, [
         vue$1.createElementVNode("button", {
           type: "button",
           class: "cn-column-filter__button",
@@ -45202,6 +45220,19 @@ var script$85 = {
 		 * @return {number}
 		 * @spec openspec/changes/workplace-dashboard-primitives/specs/workplace-dashboard-primitives/spec.md#requirement-avatar-and-date-cells
 		 */
+		/**
+		 * `avatar` widget: the chip's tone class in the board look,
+		 * `widgetProps.tone` `neutral` (DqContacten's grey chip) or the
+		 * default light primary.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip
+		 */
+		avatarToneClass() {
+			const tone = this.widgetProps && this.widgetProps.tone;
+			return tone === 'neutral' ? 'cn-cell-renderer__avatar-initials--neutral' : ''
+		},
+
 		avatarSize() {
 			const size = Number(this.widgetProps && this.widgetProps.size);
 			return Number.isFinite(size) && size > 0 ? size : (this.isBoardLook ? 32 : 24)
@@ -46336,13 +46367,13 @@ const _hoisted_21$19 = {
   key: 0,
   class: "cn-cell-renderer__avatar"
 };
-const _hoisted_22$17 = {
+const _hoisted_22$18 = {
   key: 0,
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_23$Y = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_24$T = ["title"];
+const _hoisted_23$Z = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_24$U = ["title"];
 const _hoisted_25$M = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
@@ -46650,8 +46681,8 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                           ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 10 }, [
                               ($options.avatarName || $options.avatarUserId)
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_21$19, [
-                                    ($options.avatarUserId)
-                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$17, [
+                                    ($options.avatarUserId && !$options.isBoardLook)
+                                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_22$18, [
                                           vue$1.createVNode(_component_NcAvatar, {
                                             user: $options.avatarUserId,
                                             displayName: $options.avatarName || $options.avatarUserId,
@@ -46662,15 +46693,15 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                         ]))
                                       : (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                           key: 1,
-                                          class: "cn-cell-renderer__avatar-initials",
+                                          class: vue$1.normalizeClass(["cn-cell-renderer__avatar-initials", $options.avatarToneClass]),
                                           style: vue$1.normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
                                           "aria-hidden": "true"
-                                        }, vue$1.toDisplayString($options.avatarInitials), 5 /* TEXT, STYLE */)),
-                                    vue$1.createElementVNode("span", _hoisted_23$Y, [
+                                        }, vue$1.toDisplayString($options.avatarInitials), 7 /* TEXT, CLASS, STYLE */)),
+                                    vue$1.createElementVNode("span", _hoisted_23$Z, [
                                       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$T),
+                                      }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_24$U),
                                       ($props.secondary)
                                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$M, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
                                         : vue$1.createCommentVNode("v-if", true)
@@ -46934,7 +46965,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$85.render = render$84;
-script$85.__scopeId = "data-v-abd08d9e";
+script$85.__scopeId = "data-v-16a6d8b8";
 const __sfc_main$7$ = script$85;
 
 /**
@@ -47266,6 +47297,17 @@ var script$82 = {
 			default: null,
 		},
 
+		/**
+		 * The tone of the leading icon's tile in the board look: `primary`
+		 * (default), `teal` or `neutral` (DqOrganisaties draws a teal tile).
+		 *
+		 * @type {string}
+		 */
+		rowIconTone: {
+			type: String,
+			default: 'primary',
+		},
+
 		/**
 		 * State indicators a page declares for its rows. Each entry is
 		 * `{ id, field, equals?, in?, icon, text, tooltip? }`: `field` is a
@@ -47792,6 +47834,16 @@ var script$82 = {
 	},
 
 	computed: {
+		/**
+		 * The leading icon tile's tone, one the board look draws.
+		 *
+		 * @return {string} `primary`, `teal` or `neutral`.
+		 * @spec openspec/changes/board-row-icon-tile/specs/data-table/spec.md#requirement-a-board-tables-leading-icon-sits-on-a-tile
+		 */
+		iconTone() {
+			return ['primary', 'teal', 'neutral'].includes(this.rowIconTone) ? this.rowIconTone : 'primary'
+		},
+
 		/**
 		 * Whether the table is drawn as the board look's white card.
 		 *
@@ -49435,15 +49487,15 @@ const _hoisted_21$18 = {
   class: "cn-table-header__filter-dot",
   "data-testid": "cn-table-header-filter-dot"
 };
-const _hoisted_22$16 = {
+const _hoisted_22$17 = {
   key: 2,
   class: "cn-table-col--actions"
 };
-const _hoisted_23$X = {
+const _hoisted_23$Y = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_24$S = {
+const _hoisted_24$T = {
   key: 0,
   class: "cn-table-empty",
   "data-testid": "cn-object-list-empty"
@@ -49704,9 +49756,9 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                       ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_15$21))
                     }), 128 /* KEYED_FRAGMENT */)),
                     (_ctx.$slots['row-actions'])
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_22$16, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_22$17, [
                           ($options.isBoardLook)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$X, vue$1.toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$Y, vue$1.toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
                           vue$1.renderSlot(_ctx.$slots, "actions-header")
                         ]))
@@ -49715,7 +49767,7 @@ 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$S, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_24$T, [
                     vue$1.createElementVNode("td", { colspan: $options.totalColumns }, [
                       vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [
                         ($options.lensReasonText)
@@ -49770,7 +49822,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                         ($props.rowIcon)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("td", {
                               key: 1,
-                              class: vue$1.normalizeClass(["cn-table-col--icon", $options.pinClass($props.selectable ? 1 : 0)]),
+                              class: vue$1.normalizeClass(["cn-table-col--icon", [$options.pinClass($props.selectable ? 1 : 0), 'cn-table-col--icon-' + $options.iconTone]]),
                               style: vue$1.normalizeStyle($options.pinStyle($props.selectable ? 1 : 0))
                             }, [
                               vue$1.createVNode(_component_CnIcon, {
@@ -85550,13 +85602,13 @@ const _hoisted_21$17 = {
   key: 0,
   class: "cn-icon-browser-panel__hint"
 };
-const _hoisted_22$15 = {
+const _hoisted_22$16 = {
   key: 1,
   class: "cn-icon-browser-panel__error",
   role: "alert"
 };
-const _hoisted_23$W = ["placeholder", "aria-label"];
-const _hoisted_24$R = {
+const _hoisted_23$X = ["placeholder", "aria-label"];
+const _hoisted_24$S = {
   key: 3,
   class: "cn-icon-browser-panel__grid"
 };
@@ -85741,7 +85793,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
               ($data.groupLoading[group.key])
                 ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_21$17, vue$1.toDisplayString($options.t('nextcloud-vue', 'Loading icon set…')), 1 /* TEXT */))
                 : ($data.groupError[group.key])
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$15, vue$1.toDisplayString($data.groupError[group.key]), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_22$16, vue$1.toDisplayString($data.groupError[group.key]), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
               (group.icons.length > $props.maxResults)
                 ? vue$1.withDirectives((vue$1.openBlock(), vue$1.createElementBlock("input", {
@@ -85751,12 +85803,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$W)), [
+                  }, null, 8 /* PROPS */, _hoisted_23$X)), [
                     [vue$1.vModelText, $data.customQuery]
                   ])
                 : vue$1.createCommentVNode("v-if", true),
               ($options.customVisibleIcons.length > 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$R, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$S, [
                     (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,
@@ -88435,7 +88487,9 @@ const SEARCH_DELAY$3 = 250;
  * Organisatie · KvK …"). Built on CnSearchSelect.
  *
  * `sources`: each `{ id, register, schema, label?, title?, secondary?,
- * limit?, icon? }` searches OpenRegister with `_search`; `title` and
+ * limit?, icon?, lookup? }` searches OpenRegister with `_search`; `lookup`
+ * (`{ url, when }`) sends a term matching `when` to the app's exact lookup
+ * instead (a POST of `{ term }` answering `{ results }`); `title` and
  * `secondary` are templates filled from the row (default `{name}` / none),
  * `label` names the kind ("Resident") and starts the second line; `label`
  * and `secondary` go through the host translate, so a manifest can write
@@ -88667,6 +88721,10 @@ var script$7Q = {
 						const { data } = await axios$1.post(router.generateUrl('/contactsmenu/contacts'), { filter: term });
 						return (data && Array.isArray(data.contacts) ? data.contacts : []).map((c) => this.contactOptionOf(source, c))
 					}
+					if (this.isExactLookup(source, term) === true) {
+						const { data } = await axios$1.post(router.generateUrl(source.lookup.url), { term });
+						return (data && Array.isArray(data.results) ? data.results : []).map((row) => this.optionOf(source, row))
+					}
 					if (!source.register || !source.schema) {
 						return []
 					}
@@ -88694,6 +88752,30 @@ var script$7Q = {
 			this.searching = false;
 		},
 
+		/**
+		 * Whether a typed term goes to the source's exact lookup instead of the
+		 * free-text search: `source.lookup` is `{ url, when }`, `when` a regular
+		 * expression the whole term must match ("^[0-9]{9}$" for a BSN). The
+		 * lookup is a POST, so the term never sits in a URL or a server log line,
+		 * and the app behind it may check and record who looked whom up.
+		 *
+		 * @param {object} source The source.
+		 * @param {string} term The typed term.
+		 * @return {boolean}
+		 * @spec openspec/changes/party-picker-exact-lookup/specs/party-picker/spec.md#requirement-a-party-source-can-look-a-term-up-exactly
+		 */
+		isExactLookup(source, term) {
+			const lookup = source && source.lookup;
+			if (!lookup || typeof lookup.url !== 'string' || lookup.url === '' || typeof lookup.when !== 'string') {
+				return false
+			}
+			try {
+				return new RegExp(lookup.when).test(term)
+			} catch {
+				return false
+			}
+		},
+
 		/**
 		 * Name a value the list does not hold: the first OpenRegister source
 		 * that has an object with that id.
@@ -88775,7 +88857,7 @@ function render$7P(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7Q.render = render$7P;
-script$7Q.__scopeId = "data-v-44764194";
+script$7Q.__scopeId = "data-v-1b4d732c";
 const __sfc_main$7K = script$7Q;
 
 const BASE = '/apps/integriq/api/property-sources';
@@ -95713,7 +95795,7 @@ 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" };
 const _hoisted_21$16 = { class: "cn-activity-card__row-subject" };
-const _hoisted_22$14 = { class: "cn-activity-card__row-meta" };
+const _hoisted_22$15 = { class: "cn-activity-card__row-meta" };
 
 function render$7I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -95793,7 +95875,7 @@ function render$7I(_ctx, _cache, $props, $setup, $data, $options) {
                                   (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.iconFor(entry)), { size: 14 })),
                                   vue$1.createElementVNode("div", _hoisted_20$18, [
                                     vue$1.createElementVNode("span", _hoisted_21$16, vue$1.toDisplayString($options.subjectFor(entry)), 1 /* TEXT */),
-                                    vue$1.createElementVNode("span", _hoisted_22$14, vue$1.toDisplayString($options.actorFor(entry)) + " · " + vue$1.toDisplayString($options.relativeTime(entry)), 1 /* TEXT */),
+                                    vue$1.createElementVNode("span", _hoisted_22$15, vue$1.toDisplayString($options.actorFor(entry)) + " · " + vue$1.toDisplayString($options.relativeTime(entry)), 1 /* TEXT */),
                                     ($props.showVisibility)
                                       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnVisibilityChip, {
                                           key: 0,
@@ -96702,12 +96784,12 @@ const _hoisted_21$15 = {
   class: "cn-activity-tab__visibility-fixed",
   "data-testid": "cn-activity-visibility-fixed"
 };
-const _hoisted_22$13 = {
+const _hoisted_22$14 = {
   key: 1,
   class: "cn-activity-tab__filter"
 };
-const _hoisted_23$V = { class: "cn-activity-tab__filter-label" };
-const _hoisted_24$Q = { value: "" };
+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 = {
@@ -96905,15 +96987,15 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                       vue$1.createVNode(_component_CnVisibilityChip, { visibility: "public" }),
                       vue$1.createTextVNode(" " + vue$1.toDisplayString($data.publicOnlyLabel), 1 /* TEXT */)
                     ]))
-                  : (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_22$13, [
-                      vue$1.createElementVNode("span", _hoisted_23$V, vue$1.toDisplayString($data.visibilityLabel), 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.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$Q, vue$1.toDisplayString($data.allVisibilityLabel), 1 /* TEXT */),
+                        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 */)
                       ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
@@ -100140,7 +100222,7 @@ const _hoisted_20$16 = {
   class: "cn-audit-details__values"
 };
 const _hoisted_21$14 = { class: "cn-audit-details__mono" };
-const _hoisted_22$12 = {
+const _hoisted_22$13 = {
   key: 2,
   class: "cn-sidebar-tab__empty"
 };
@@ -100324,7 +100406,7 @@ function render$7z(_ctx, _cache, $props, $setup, $data, $options) {
                     : vue$1.createCommentVNode("v-if", true)
                 ]))
           ], 64 /* STABLE_FRAGMENT */))
-        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$12, vue$1.toDisplayString($props.noAuditTrailLabel), 1 /* TEXT */)),
+        : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_22$13, vue$1.toDisplayString($props.noAuditTrailLabel), 1 /* TEXT */)),
     ($data.restoreEntry)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnConfirmDialog, {
           key: 3,
@@ -100632,12 +100714,12 @@ const _hoisted_18$1j = {
 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$11 = ["href"];
-const _hoisted_23$U = {
+const _hoisted_22$12 = ["href"];
+const _hoisted_23$V = {
   key: 1,
   class: "cn-bookmarks-card__title"
 };
-const _hoisted_24$P = {
+const _hoisted_24$Q = {
   key: 3,
   class: "cn-bookmarks-card__view-all"
 };
@@ -100765,14 +100847,14 @@ function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
                                     target: "_blank",
                                     rel: "noopener noreferrer",
                                     class: "cn-bookmarks-card__title"
-                                  }, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 9 /* TEXT, PROPS */, _hoisted_22$11))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$U, vue$1.toDisplayString($options.bookmarkTitle(bookmark)), 1 /* TEXT */))
+                                  }, 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 */))
                             ])
                           ]))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.bookmarks.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$P, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$Q, [
                       vue$1.createElementVNode("a", {
                         href: $props.bookmarksAppUrl,
                         target: "_blank",
@@ -102728,12 +102810,12 @@ const _hoisted_21$12 = {
   key: 1,
   class: "cn-calendar-tab__group"
 };
-const _hoisted_22$10 = { class: "cn-calendar-tab__group-title cn-calendar-tab__group-title--past" };
-const _hoisted_23$T = {
+const _hoisted_22$11 = { class: "cn-calendar-tab__group-title cn-calendar-tab__group-title--past" };
+const _hoisted_23$U = {
   class: "cn-calendar-tab__date cn-calendar-tab__date--past",
   "aria-hidden": "true"
 };
-const _hoisted_24$O = { class: "cn-calendar-tab__date-month" };
+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" };
@@ -102908,14 +102990,14 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
               : vue$1.createCommentVNode("v-if", true),
             ($options.pastEvents.length > 0)
               ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$12, [
-                  vue$1.createElementVNode("h4", _hoisted_22$10, vue$1.toDisplayString($props.pastLabel), 1 /* TEXT */),
+                  vue$1.createElementVNode("h4", _hoisted_22$11, vue$1.toDisplayString($props.pastLabel), 1 /* TEXT */),
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.pastEvents, (ev) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("div", {
                       key: $options.rowKey(ev),
                       class: "cn-calendar-tab__event cn-calendar-tab__event--past"
                     }, [
-                      vue$1.createElementVNode("div", _hoisted_23$T, [
-                        vue$1.createElementVNode("span", _hoisted_24$O, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
+                      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_26$C, [
@@ -103429,12 +103511,12 @@ const _hoisted_20$13 = {
   "aria-hidden": true
 };
 const _hoisted_21$11 = { class: "cn-collectives-card__row-main" };
-const _hoisted_22$$ = ["href"];
-const _hoisted_23$S = {
+const _hoisted_22$10 = ["href"];
+const _hoisted_23$T = {
   key: 0,
   class: "cn-collectives-card__row-collective"
 };
-const _hoisted_24$N = {
+const _hoisted_24$O = {
   key: 3,
   class: "cn-collectives-card__view-all"
 };
@@ -103557,16 +103639,16 @@ function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
                                 target: "_blank",
                                 rel: "noopener",
                                 class: "cn-collectives-card__title"
-                              }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_22$$),
+                              }, vue$1.toDisplayString($options.pageTitle(page)), 9 /* TEXT, PROPS */, _hoisted_22$10),
                               ($options.collectiveLabel(page))
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$S, vue$1.toDisplayString($options.collectiveLabel(page)), 1 /* TEXT */))
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$T, 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$N, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$O, [
                       vue$1.createElementVNode("a", {
                         href: $props.collectivesAppUrl,
                         target: "_blank",
@@ -106144,6 +106226,8 @@ var script$7k = {
 	name: 'CnContactsTab',
 
 	components: {
+		NcActionButton: vue.NcActionButton,
+		NcActions: vue.NcActions,
 		NcAvatar: vue.NcAvatar,
 		NcButton: vue.NcButton,
 		NcEmptyContent: vue.NcEmptyContent,
@@ -106234,6 +106318,11 @@ var script$7k = {
 	},
 
 	computed: {
+		/** @return {boolean} The board look draws the rows as DqZaakBetrokkenen does. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
 		/**
 		 * The two header buttons in the order and weight of the look: the
 		 * board look draws Link contact then New contact, both outlined; the
@@ -106526,6 +106615,49 @@ var script$7k = {
 		 *
 		 * @return {string} The window.
 		 */
+		/**
+		 * A person's details on one line for the board look: e-mail, phone,
+		 * organisation and note, separated by middots.
+		 *
+		 * @param {object} contact The contact link.
+		 * @return {string}
+		 */
+		boardMetaOf(contact) {
+			return [contact?.email, contact?.phone, contact?.org, contact?.note].filter((part) => typeof part === 'string' && part !== '').join(' · ')
+		},
+
+		/**
+		 * The validity window in the board's short dates: "Vanaf 3 okt",
+		 * "Tot 31 okt" or "3 okt – 31 okt".
+		 *
+		 * @param {object} contact The contact link.
+		 * @return {string}
+		 */
+		boardPeriodOf(contact) {
+			const from = formatBoardDate(contact?.validFrom || '');
+			const until = formatBoardDate(contact?.validUntil || '');
+			if (from === '' && until === '') {
+				return ''
+			}
+			if (until === '') {
+				return l10n.translate('nextcloud-vue', 'From {date}', { date: from })
+			}
+			if (from === '') {
+				return l10n.translate('nextcloud-vue', 'Until {date}', { date: until })
+			}
+			return `${from} – ${until}`
+		},
+
+		/**
+		 * The label of a person's actions menu.
+		 *
+		 * @param {object} contact The contact link.
+		 * @return {string}
+		 */
+		moreActionsLabel(contact) {
+			return l10n.translate('nextcloud-vue', 'More actions for {name}', { name: contact?.displayName || this.unknownLabel })
+		},
+
 		periodOf(contact) {
 			const from = contact?.validFrom || '';
 			const until = contact?.validUntil || '';
@@ -106633,7 +106765,10 @@ const _hoisted_3$68 = {
   class: "cn-contacts-tab__groups"
 };
 const _hoisted_4$5z = { class: "cn-contacts-tab__group-title" };
-const _hoisted_5$4V = { class: "cn-contacts-tab__group-count" };
+const _hoisted_5$4V = {
+  key: 0,
+  class: "cn-contacts-tab__group-count"
+};
 const _hoisted_6$4x = { class: "cn-contacts-tab__list" };
 const _hoisted_7$46 = ["onClick"];
 const _hoisted_8$3H = { class: "cn-contacts-tab__avatar" };
@@ -106641,32 +106776,42 @@ const _hoisted_9$3n = { class: "cn-contacts-tab__details" };
 const _hoisted_10$2$ = { class: "cn-contacts-tab__name-row" };
 const _hoisted_11$2G = { class: "cn-contacts-tab__name" };
 const _hoisted_12$2p = {
+  key: 0,
+  class: "cn-contacts-tab__meta",
+  "data-testid": "cn-contacts-tab-meta"
+};
+const _hoisted_13$29 = {
   key: 0,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_13$29 = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_14$22 = {
+const _hoisted_14$22 = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_15$1T = {
   key: 1,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_15$1T = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_16$1H = {
+const _hoisted_16$1H = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_17$1u = {
   key: 2,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_17$1u = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_18$1g = {
+const _hoisted_18$1g = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_19$1a = {
   key: 3,
   class: "cn-contacts-tab__sub",
   "data-testid": "cn-contacts-tab-period"
 };
-const _hoisted_19$1a = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_20$12 = {
+const _hoisted_20$12 = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_21$10 = {
   key: 4,
   class: "cn-contacts-tab__sub"
 };
-const _hoisted_21$10 = { class: "cn-contacts-tab__sub-text" };
-const _hoisted_22$_ = ["aria-label", "title", "onClick"];
+const _hoisted_22$$ = { class: "cn-contacts-tab__sub-text" };
+const _hoisted_23$S = {
+  key: 0,
+  class: "cn-contacts-tab__period",
+  "data-testid": "cn-contacts-tab-board-period"
+};
+const _hoisted_24$N = ["aria-label", "title", "onClick"];
 
 function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LinkVariant = vue$1.resolveComponent("LinkVariant");
@@ -106684,6 +106829,8 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OfficeBuildingOutline = vue$1.resolveComponent("OfficeBuildingOutline");
   const _component_CalendarRange = vue$1.resolveComponent("CalendarRange");
   const _component_Close = vue$1.resolveComponent("Close");
+  const _component_NcActionButton = vue$1.resolveComponent("NcActionButton");
+  const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_CnContactPicker = vue$1.resolveComponent("CnContactPicker");
   const _component_CnContactCreate = vue$1.resolveComponent("CnContactCreate");
 
@@ -106752,7 +106899,9 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   vue$1.createElementVNode("h3", _hoisted_4$5z, [
                     vue$1.createTextVNode(vue$1.toDisplayString(group.label) + " ", 1 /* TEXT */),
-                    vue$1.createElementVNode("span", _hoisted_5$4V, vue$1.toDisplayString(group.items.length), 1 /* TEXT */)
+                    (!$options.isBoard)
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_5$4V, vue$1.toDisplayString(group.items.length), 1 /* TEXT */))
+                      : vue$1.createCommentVNode("v-if", true)
                   ]),
                   vue$1.createElementVNode("ul", _hoisted_6$4x, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(group.items, (contact) => {
@@ -106763,7 +106912,7 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                       }, [
                         vue$1.createElementVNode("div", _hoisted_8$3H, [
                           vue$1.createVNode(_component_NcAvatar, {
-                            size: 40,
+                            size: $options.isBoard ? 32 : 40,
                             displayName: contact.displayName || $props.unknownLabel,
                             user: $options.avatarSeed(contact),
                             url: contact.avatarUrl || undefined,
@@ -106771,12 +106920,12 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                             disableMenu: true,
                             disableTooltip: true,
                             hideStatus: ""
-                          }, null, 8 /* PROPS */, ["displayName", "user", "url"])
+                          }, null, 8 /* PROPS */, ["size", "displayName", "user", "url"])
                         ]),
                         vue$1.createElementVNode("div", _hoisted_9$3n, [
                           vue$1.createElementVNode("div", _hoisted_10$2$, [
                             vue$1.createElementVNode("span", _hoisted_11$2G, vue$1.toDisplayString(contact.displayName || $props.unknownLabel), 1 /* TEXT */),
-                            (contact.role)
+                            (contact.role && !$options.isBoard)
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                   key: 0,
                                   label: $options.roleLabel(contact),
@@ -106794,57 +106943,94 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, null, 8 /* PROPS */, ["label"]))
                               : vue$1.createCommentVNode("v-if", true)
                           ]),
-                          (contact.email)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2p, [
-                                vue$1.createVNode(_component_Email, {
-                                  size: 14,
-                                  class: "cn-contacts-tab__sub-icon"
-                                }),
-                                vue$1.createElementVNode("span", _hoisted_13$29, vue$1.toDisplayString(contact.email), 1 /* TEXT */)
-                              ]))
-                            : vue$1.createCommentVNode("v-if", true),
-                          (contact.phone)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_14$22, [
-                                vue$1.createVNode(_component_Phone, {
-                                  size: 14,
-                                  class: "cn-contacts-tab__sub-icon"
-                                }),
-                                vue$1.createElementVNode("span", _hoisted_15$1T, vue$1.toDisplayString(contact.phone), 1 /* TEXT */)
-                              ]))
-                            : vue$1.createCommentVNode("v-if", true),
-                          (contact.org)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_16$1H, [
-                                vue$1.createVNode(_component_OfficeBuildingOutline, {
-                                  size: 14,
-                                  class: "cn-contacts-tab__sub-icon"
-                                }),
-                                vue$1.createElementVNode("span", _hoisted_17$1u, vue$1.toDisplayString(contact.org), 1 /* TEXT */)
-                              ]))
-                            : vue$1.createCommentVNode("v-if", true),
-                          ($options.periodOf(contact))
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_18$1g, [
-                                vue$1.createVNode(_component_CalendarRange, {
-                                  size: 14,
-                                  class: "cn-contacts-tab__sub-icon"
-                                }),
-                                vue$1.createElementVNode("span", _hoisted_19$1a, vue$1.toDisplayString($options.periodOf(contact)), 1 /* TEXT */)
-                              ]))
+                          ($options.isBoard && $options.boardMetaOf(contact))
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_12$2p, vue$1.toDisplayString($options.boardMetaOf(contact)), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
-                          (contact.note)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$12, [
-                                vue$1.createElementVNode("span", _hoisted_21$10, vue$1.toDisplayString(contact.note), 1 /* TEXT */)
-                              ]))
+                          (!$options.isBoard)
+                            ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+                                (contact.email)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_13$29, [
+                                      vue$1.createVNode(_component_Email, {
+                                        size: 14,
+                                        class: "cn-contacts-tab__sub-icon"
+                                      }),
+                                      vue$1.createElementVNode("span", _hoisted_14$22, vue$1.toDisplayString(contact.email), 1 /* TEXT */)
+                                    ]))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (contact.phone)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_15$1T, [
+                                      vue$1.createVNode(_component_Phone, {
+                                        size: 14,
+                                        class: "cn-contacts-tab__sub-icon"
+                                      }),
+                                      vue$1.createElementVNode("span", _hoisted_16$1H, vue$1.toDisplayString(contact.phone), 1 /* TEXT */)
+                                    ]))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (contact.org)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_17$1u, [
+                                      vue$1.createVNode(_component_OfficeBuildingOutline, {
+                                        size: 14,
+                                        class: "cn-contacts-tab__sub-icon"
+                                      }),
+                                      vue$1.createElementVNode("span", _hoisted_18$1g, vue$1.toDisplayString(contact.org), 1 /* TEXT */)
+                                    ]))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                ($options.periodOf(contact))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_19$1a, [
+                                      vue$1.createVNode(_component_CalendarRange, {
+                                        size: 14,
+                                        class: "cn-contacts-tab__sub-icon"
+                                      }),
+                                      vue$1.createElementVNode("span", _hoisted_20$12, vue$1.toDisplayString($options.periodOf(contact)), 1 /* TEXT */)
+                                    ]))
+                                  : vue$1.createCommentVNode("v-if", true),
+                                (contact.note)
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_21$10, [
+                                      vue$1.createElementVNode("span", _hoisted_22$$, vue$1.toDisplayString(contact.note), 1 /* TEXT */)
+                                    ]))
+                                  : vue$1.createCommentVNode("v-if", true)
+                              ], 64 /* STABLE_FRAGMENT */))
                             : vue$1.createCommentVNode("v-if", true)
                         ]),
-                        vue$1.createElementVNode("button", {
-                          type: "button",
-                          class: "cn-contacts-tab__unlink",
-                          "aria-label": $props.unlinkLabel,
-                          title: $props.unlinkLabel,
-                          onClick: vue$1.withModifiers($event => ($options.unlink(contact)), ["stop"])
-                        }, [
-                          vue$1.createVNode(_component_Close, { size: 18 })
-                        ], 8 /* PROPS */, _hoisted_22$_)
+                        ($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.createCommentVNode("v-if", true),
+                              vue$1.createVNode(_component_NcActions, {
+                                class: "cn-contacts-tab__menu",
+                                variant: "secondary",
+                                "aria-label": $options.moreActionsLabel(contact),
+                                "data-testid": "cn-contacts-tab-menu",
+                                onClick: _cache[0] || (_cache[0] = vue$1.withModifiers(() => {}, ["stop"]))
+                              }, {
+                                default: vue$1.withCtx(() => [
+                                  vue$1.createVNode(_component_NcActionButton, {
+                                    closeAfterClick: true,
+                                    onClick: $event => ($options.unlink(contact))
+                                  }, {
+                                    icon: vue$1.withCtx(() => [
+                                      vue$1.createVNode(_component_Close, { size: 20 })
+                                    ]),
+                                    default: vue$1.withCtx(() => [
+                                      vue$1.createTextVNode(" " + vue$1.toDisplayString($props.unlinkLabel), 1 /* TEXT */)
+                                    ]),
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["onClick"])
+                                ]),
+                                _: 2 /* DYNAMIC */
+                              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"])
+                            ], 64 /* STABLE_FRAGMENT */))
+                          : (vue$1.openBlock(), vue$1.createElementBlock("button", {
+                              key: 1,
+                              type: "button",
+                              class: "cn-contacts-tab__unlink",
+                              "aria-label": $props.unlinkLabel,
+                              title: $props.unlinkLabel,
+                              onClick: vue$1.withModifiers($event => ($options.unlink(contact)), ["stop"])
+                            }, [
+                              vue$1.createVNode(_component_Close, { size: 18 })
+                            ], 8 /* PROPS */, _hoisted_24$N))
                       ], 8 /* PROPS */, _hoisted_7$46))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
@@ -106857,7 +107043,7 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
           apiBase: $props.apiBase
         }, $options.pickerRoleOptions, {
           onLink: $options.onPickerLink,
-          onClose: _cache[0] || (_cache[0] = $event => ($data.showLinkDialog = false))
+          onClose: _cache[1] || (_cache[1] = $event => ($data.showLinkDialog = false))
         }), null, 16 /* FULL_PROPS */, ["apiBase", "onLink"]))
       : vue$1.createCommentVNode("v-if", true),
     ($data.showCreateDialog)
@@ -106865,14 +107051,14 @@ function render$7j(_ctx, _cache, $props, $setup, $data, $options) {
           key: 5,
           loading: $data.createLoading,
           onCreate: $options.onCreateSubmit,
-          onClose: _cache[1] || (_cache[1] = $event => ($data.showCreateDialog = false))
+          onClose: _cache[2] || (_cache[2] = $event => ($data.showCreateDialog = false))
         }, null, 8 /* PROPS */, ["loading", "onCreate"]))
       : vue$1.createCommentVNode("v-if", true)
   ]))
 }
 
 script$7k.render = render$7j;
-script$7k.__scopeId = "data-v-ec6b0008";
+script$7k.__scopeId = "data-v-a0d90184";
 const __sfc_main$7e = script$7k;
 
 /**
@@ -108377,422 +108563,7 @@ const cospendIntegration = {
 	defaultSize: { w: 3, h: 3 },
 };
 
-const VALID_SURFACES$e = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
-
-/**
- * CnDeckCard — bespoke surface-aware widget for the `deck` integration.
- *
- * Renders Deck-aware metadata across all four surfaces. See the
- * file-level docblock for surface-by-surface behaviour.
- */
 var script$7f = {
-	name: 'CnDeckCard',
-
-	components: { CnDetailCard: __sfc_main$7F, NcLoadingIcon: vue.NcLoadingIcon, ViewColumnOutline },
-
-	props: {
-		/** Stable integration id (forwarded from the registry — always `'deck'`). */
-		integrationId: { type: String, default: 'deck' },
-		/** OpenRegister register id (slug or uuid). */
-		register: { type: String, required: true },
-		/** OpenRegister schema id (slug or uuid). */
-		schema: { type: String, required: true },
-		/** Parent object id. */
-		objectId: { type: String, required: true },
-		/** Rendering surface (AD-19). */
-		surface: {
-			type: String,
-			default: 'detail-page',
-			validator: (s) => VALID_SURFACES$e.includes(s),
-		},
-
-		/** Optional single-entity reference (card id). */
-		value: { type: [String, Number], default: '' },
-		/** Pre-translated card title. */
-		title: { type: String, default: () => l10n.translate('nextcloud-vue', 'Cards') },
-		/** Optional Material Design Icon component. */
-		icon: { type: Object, default: () => ViewColumnOutline },
-		/** Base API URL. */
-		apiBase: { type: String, default: '/apps/openregister/api' },
-		/** Whether the card body is collapsible. */
-		collapsible: { type: Boolean, default: true },
-		/** Pre-translated empty-state label. */
-		emptyLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'No cards linked yet') },
-		/** Pre-translated unavailable label. */
-		unavailableLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'NC Deck is currently unavailable.') },
-		/** URL of the NC Deck app entry. */
-		deckAppUrl: { type: String, default: '/index.php/apps/deck' },
-	},
-
-	data() {
-		return {
-			cards: [],
-			entity: null,
-			loading: false,
-			degraded: '',
-		}
-	},
-
-	computed: {
-		cardHeaderTitle() {
-			return this.title || this.integrationId
-		},
-
-		cardIcon() {
-			return this.icon
-		},
-
-		/**
-		 * Cards grouped by stack for both the mini-kanban (detail-page)
-		 * and the stack-distribution list (dashboard surfaces).
-		 *
-		 * @return {Array<{key: string, label: string, cards: Array}>}
-		 */
-		columns() {
-			const groups = new Map();
-			for (const card of this.cards) {
-				const stackId = card.stackId ?? card.stack?.id ?? 'unstacked';
-				const stackLabel = card.stackTitle
-					?? card.stack?.title
-					?? (stackId === 'unstacked'
-						? l10n.translate('nextcloud-vue', 'No stack')
-						: l10n.translate('nextcloud-vue', 'Stack {n}', { n: stackId }));
-				const key = String(stackId);
-				if (!groups.has(key)) {
-					groups.set(key, { key, label: stackLabel, cards: [] });
-				}
-				groups.get(key).cards.push(card);
-			}
-			return Array.from(groups.values())
-		},
-
-		/**
-		 * Up to three columns for the mini-kanban view on `detail-page`.
-		 *
-		 * Per AD-2 (design.md): when the linked card has its own stack
-		 * we always include that stack; otherwise the first three stacks
-		 * by first-seen order are surfaced.
-		 *
-		 * @return {Array<{key: string, label: string, cards: Array}>}
-		 */
-		miniColumns() {
-			return this.columns.slice(0, 3)
-		},
-
-		stackDistribution() {
-			return this.columns.map((col) => ({
-				key: col.key,
-				label: col.label,
-				count: col.cards.length,
-			}))
-		},
-
-		countHeadline() {
-			const total = this.cards.length;
-			const stackCount = this.columns.length;
-			if (stackCount <= 1) {
-				return l10n.translatePlural('nextcloud-vue', '{count} card', '{count} cards', total, { count: total })
-			}
-			const cardFragment = l10n.translatePlural('nextcloud-vue', '{count} card', '{count} cards', total, { count: total });
-			const stacksFragment = l10n.translatePlural('nextcloud-vue', 'across {count} stack', 'across {count} stacks', stackCount, { count: stackCount });
-			return `${cardFragment} ${stacksFragment}`
-		},
-
-		mostRecent() {
-			if (this.cards.length === 0) {
-				return null
-			}
-			const sorted = [...this.cards].sort((a, b) => {
-				const ta = Date.parse(a.linkedAt ?? a.lastActivity ?? '') || 0;
-				const tb = Date.parse(b.linkedAt ?? b.lastActivity ?? '') || 0;
-				return tb - ta
-			});
-			return sorted[0]
-		},
-	},
-
-	watch: {
-		objectId: { immediate: true, handler() {
-			this.fetch();
-		} },
-
-		surface() {
-			this.fetch();
-		},
-
-		value() {
-			if (this.surface === 'single-entity') {
-				this.fetchSingle();
-			}
-		},
-	},
-
-	methods: {
-		baseUrl() {
-			return `${this.apiBase}/objects/${this.register}/${this.schema}/${this.objectId}/integrations/${this.integrationId}`
-		},
-
-		cardKey(card) {
-			return card.cardId ?? card.id ?? ''
-		},
-
-		cardTitle(card) {
-			return card.cardTitle ?? card.title ?? this.cardKey(card)
-		},
-
-		cardUrl(card) {
-			if (card.url && safeHref(card.url) !== '#') {
-				return card.url
-			}
-			const boardId = card.boardId ?? card.board?.id ?? '';
-			const cardId = card.cardId ?? card.id ?? '';
-			if (boardId && cardId) {
-				return `/index.php/apps/deck/board/${boardId}/card/${cardId}`
-			}
-			return this.deckAppUrl
-		},
-
-		stackTitle(card) {
-			return card.stackTitle ?? card.stack?.title ?? ''
-		},
-
-		isLinked(card) {
-			if (!this.value) {
-				return false
-			}
-			return String(this.cardKey(card)) === String(this.value)
-		},
-
-		chipSubtitle(card) {
-			return this.stackTitle(card) || this.cardTitle(card)
-		},
-
-		fetch() {
-			if (this.surface === 'single-entity') {
-				this.fetchSingle();
-				return
-			}
-			this.fetchList();
-		},
-
-		async fetchList() {
-			if (!this.register || !this.schema || !this.objectId) {
-				return
-			}
-			this.loading = true;
-			this.degraded = '';
-			try {
-				const response = await fetch(prefixUrl(this.baseUrl()), { headers: buildHeaders() });
-				if (response.ok) {
-					const data = await response.json();
-					this.cards = data.results || data.items || (Array.isArray(data) ? data : []) || [];
-				} else if (response.status === 503) {
-					this.cards = [];
-					this.degraded = this.unavailableLabel;
-				} else {
-					this.cards = [];
-				}
-			} catch (err) {
-				// eslint-disable-next-line no-console
-				console.error('[CnDeckCard] failed to fetch cards', err);
-				this.cards = [];
-			} finally {
-				this.loading = false;
-			}
-		},
-
-		async fetchSingle() {
-			if (!this.value || !this.register || !this.schema || !this.objectId) {
-				this.entity = null;
-				return
-			}
-			this.loading = true;
-			this.degraded = '';
-			try {
-				const response = await fetch(prefixUrl(`${this.baseUrl()}/${encodeURIComponent(this.value)}`), { headers: buildHeaders() });
-				if (response.ok) {
-					this.entity = await response.json();
-				} else if (response.status === 503) {
-					this.entity = null;
-					this.degraded = this.unavailableLabel;
-				} else {
-					this.entity = null;
-				}
-			} catch (err) {
-				// eslint-disable-next-line no-console
-				console.error('[CnDeckCard] failed to fetch single card', err);
-				this.entity = null;
-			} finally {
-				this.loading = false;
-			}
-		},
-	},
-};
-
-const _hoisted_1$6Y = ["title"];
-const _hoisted_2$6K = ["href"];
-const _hoisted_3$64 = {
-  key: 0,
-  class: "cn-deck-card__chip-stack"
-};
-const _hoisted_4$5v = {
-  key: 1,
-  class: "cn-deck-card__empty"
-};
-const _hoisted_5$4R = {
-  key: 0,
-  class: "cn-deck-card__empty"
-};
-const _hoisted_6$4t = {
-  key: 1,
-  class: "cn-deck-card__empty"
-};
-const _hoisted_7$42 = {
-  key: 2,
-  class: "cn-deck-card__headline"
-};
-const _hoisted_8$3E = { class: "cn-deck-card__headline-line" };
-const _hoisted_9$3k = {
-  key: 0,
-  class: "cn-deck-card__distribution"
-};
-const _hoisted_10$2Y = { class: "cn-deck-card__distribution-label" };
-const _hoisted_11$2D = { class: "cn-deck-card__distribution-count" };
-const _hoisted_12$2m = {
-  key: 1,
-  class: "cn-deck-card__headline-recent"
-};
-const _hoisted_13$26 = ["href"];
-const _hoisted_14$1$ = {
-  key: 0,
-  class: "cn-deck-card__empty"
-};
-const _hoisted_15$1R = {
-  key: 1,
-  class: "cn-deck-card__empty"
-};
-const _hoisted_16$1F = {
-  key: 2,
-  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"];
-
-function render$7e(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
-  const _component_ViewColumnOutline = vue$1.resolveComponent("ViewColumnOutline");
-  const _component_CnDetailCard = vue$1.resolveComponent("CnDetailCard");
-
-  return (vue$1.openBlock(), vue$1.createBlock(_component_CnDetailCard, {
-    title: $options.cardHeaderTitle,
-    icon: $options.cardIcon,
-    collapsible: $props.collapsible
-  }, {
-    default: vue$1.withCtx(() => [
-      ($data.loading)
-        ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, { key: 0 }))
-        : ($props.surface === 'single-entity')
-          ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
-              ($data.entity)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
-                    key: 0,
-                    class: "cn-deck-card__chip",
-                    title: $options.chipSubtitle($data.entity)
-                  }, [
-                    vue$1.createVNode(_component_ViewColumnOutline, { size: 14 }),
-                    vue$1.createElementVNode("a", {
-                      href: $options.cardUrl($data.entity),
-                      target: "_blank",
-                      rel: "noopener"
-                    }, vue$1.toDisplayString($options.cardTitle($data.entity)), 9 /* TEXT, PROPS */, _hoisted_2$6K),
-                    ($options.stackTitle($data.entity))
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3$64, " · " + vue$1.toDisplayString($options.stackTitle($data.entity)), 1 /* TEXT */))
-                      : vue$1.createCommentVNode("v-if", true)
-                  ], 8 /* PROPS */, _hoisted_1$6Y))
-                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_4$5v, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-            ], 64 /* STABLE_FRAGMENT */))
-          : ($props.surface === 'user-dashboard' || $props.surface === 'app-dashboard')
-            ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 2 }, [
-                ($data.degraded)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$4R, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
-                  : ($data.cards.length === 0)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$4t, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_7$42, [
-                        vue$1.createElementVNode("div", _hoisted_8$3E, [
-                          vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */)
-                        ]),
-                        ($options.stackDistribution.length > 0)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_9$3k, [
-                              (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.stackDistribution, (bucket) => {
-                                return (vue$1.openBlock(), vue$1.createElementBlock("li", {
-                                  key: bucket.key,
-                                  class: "cn-deck-card__distribution-row"
-                                }, [
-                                  vue$1.createElementVNode("span", _hoisted_10$2Y, vue$1.toDisplayString(bucket.label), 1 /* TEXT */),
-                                  vue$1.createElementVNode("span", _hoisted_11$2D, vue$1.toDisplayString(bucket.count), 1 /* TEXT */)
-                                ]))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ]))
-                          : vue$1.createCommentVNode("v-if", true),
-                        ($options.mostRecent)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2m, [
-                              vue$1.createVNode(_component_ViewColumnOutline, { size: 14 }),
-                              vue$1.createElementVNode("a", {
-                                href: $options.cardUrl($options.mostRecent),
-                                target: "_blank",
-                                rel: "noopener"
-                              }, vue$1.toDisplayString($options.cardTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_13$26)
-                            ]))
-                          : 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_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) }])
-                                }, [
-                                  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_21$$)
-                                ], 2 /* CLASS */))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ])
-                          ]))
-                        }), 128 /* KEYED_FRAGMENT */))
-                      ]))
-              ], 64 /* STABLE_FRAGMENT */))
-    ]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["title", "icon", "collapsible"]))
-}
-
-script$7f.render = render$7e;
-script$7f.__scopeId = "data-v-13f7eff5";
-const __sfc_main$79 = script$7f;
-
-var script$7e = {
 	name: 'CnDeckCardCreate',
 
 	components: { NcButton: vue.NcButton, NcDialog: vue.NcDialog, NcNoteCard: vue.NcNoteCard, NcSelect: vue.NcSelect, NcTextArea: vue.NcTextArea, NcTextField: vue.NcTextField },
@@ -108924,10 +108695,10 @@ var script$7e = {
 	},
 };
 
-const _hoisted_1$6X = { class: "cn-deck-card-create__date" };
-const _hoisted_2$6J = { class: "cn-deck-card-create__date-label" };
+const _hoisted_1$6Y = { class: "cn-deck-card-create__date" };
+const _hoisted_2$6K = { class: "cn-deck-card-create__date-label" };
 
-function render$7d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcNoteCard = vue$1.resolveComponent("NcNoteCard");
   const _component_NcSelect = vue$1.resolveComponent("NcSelect");
   const _component_NcTextField = vue$1.resolveComponent("NcTextField");
@@ -109013,8 +108784,8 @@ function render$7d(_ctx, _cache, $props, $setup, $data, $options) {
           maxlength: 4000,
           rows: 4
         }, null, 8 /* PROPS */, ["modelValue", "label"]),
-        vue$1.createElementVNode("label", _hoisted_1$6X, [
-          vue$1.createElementVNode("span", _hoisted_2$6J, vue$1.toDisplayString($options.t('nextcloud-vue', 'Due date (optional)')), 1 /* TEXT */),
+        vue$1.createElementVNode("label", _hoisted_1$6Y, [
+          vue$1.createElementVNode("span", _hoisted_2$6K, vue$1.toDisplayString($options.t('nextcloud-vue', 'Due date (optional)')), 1 /* TEXT */),
           vue$1.withDirectives(vue$1.createElementVNode("input", {
             "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.duedate) = $event)),
             type: "date",
@@ -109029,11 +108800,11 @@ function render$7d(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["name", "onClosing"]))
 }
 
-script$7e.render = render$7d;
-script$7e.__scopeId = "data-v-7b2335ba";
-const __sfc_main$78 = script$7e;
+script$7f.render = render$7e;
+script$7f.__scopeId = "data-v-7b2335ba";
+const __sfc_main$79 = script$7f;
 
-var script$7d = {
+var script$7e = {
 	name: 'CnDeckCardPicker',
 
 	components: { NcButton: vue.NcButton, NcDialog: vue.NcDialog, NcEmptyContent: vue.NcEmptyContent, NcLoadingIcon: vue.NcLoadingIcon, NcNoteCard: vue.NcNoteCard, ViewColumnOutline },
@@ -109221,40 +108992,40 @@ var script$7d = {
 	},
 };
 
-const _hoisted_1$6W = { class: "cn-deck-card-picker" };
-const _hoisted_2$6I = { class: "cn-deck-card-picker__steps" };
-const _hoisted_3$63 = {
+const _hoisted_1$6X = { class: "cn-deck-card-picker" };
+const _hoisted_2$6J = { class: "cn-deck-card-picker__steps" };
+const _hoisted_3$64 = {
   key: 1,
   class: "cn-deck-card-picker__panel"
 };
-const _hoisted_4$5u = {
+const _hoisted_4$5v = {
   key: 2,
   class: "cn-deck-card-picker__list"
 };
-const _hoisted_5$4Q = ["onClick"];
-const _hoisted_6$4s = { class: "cn-deck-card-picker__row-label" };
-const _hoisted_7$41 = {
+const _hoisted_5$4R = ["onClick"];
+const _hoisted_6$4t = { class: "cn-deck-card-picker__row-label" };
+const _hoisted_7$42 = {
   key: 2,
   class: "cn-deck-card-picker__panel"
 };
-const _hoisted_8$3D = {
+const _hoisted_8$3E = {
   key: 2,
   class: "cn-deck-card-picker__list"
 };
-const _hoisted_9$3j = ["onClick"];
-const _hoisted_10$2X = { class: "cn-deck-card-picker__row-label" };
-const _hoisted_11$2C = {
+const _hoisted_9$3k = ["onClick"];
+const _hoisted_10$2Y = { class: "cn-deck-card-picker__row-label" };
+const _hoisted_11$2D = {
   key: 3,
   class: "cn-deck-card-picker__panel"
 };
-const _hoisted_12$2l = {
+const _hoisted_12$2m = {
   key: 2,
   class: "cn-deck-card-picker__list"
 };
-const _hoisted_13$25 = ["onClick"];
-const _hoisted_14$1_ = { class: "cn-deck-card-picker__row-label" };
+const _hoisted_13$26 = ["onClick"];
+const _hoisted_14$1$ = { class: "cn-deck-card-picker__row-label" };
 
-function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcNoteCard = vue$1.resolveComponent("NcNoteCard");
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
   const _component_NcEmptyContent = vue$1.resolveComponent("NcEmptyContent");
@@ -109301,8 +109072,8 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
         : vue$1.createCommentVNode("v-if", true)
     ]),
     default: vue$1.withCtx(() => [
-      vue$1.createElementVNode("div", _hoisted_1$6W, [
-        vue$1.createElementVNode("ol", _hoisted_2$6I, [
+      vue$1.createElementVNode("div", _hoisted_1$6X, [
+        vue$1.createElementVNode("ol", _hoisted_2$6J, [
           vue$1.createElementVNode("li", {
             class: vue$1.normalizeClass($options.stepClass(1))
           }, vue$1.toDisplayString($options.t('nextcloud-vue', '1. Board')), 3 /* TEXT, CLASS */),
@@ -109326,7 +109097,7 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
             }))
           : vue$1.createCommentVNode("v-if", true),
         ($data.step === 1)
-          ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_3$63, [
+          ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_3$64, [
               ($data.loading)
                 ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, { key: 0 }))
                 : ($data.boards.length === 0)
@@ -109335,7 +109106,7 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                       name: $options.t('nextcloud-vue', 'No boards available'),
                       description: $options.t('nextcloud-vue', 'NC Deck has no boards visible to you yet.')
                     }, null, 8 /* PROPS */, ["name", "description"]))
-                  : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_4$5u, [
+                  : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_4$5v, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.boards, (board) => {
                         return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                           key: board.id,
@@ -109347,14 +109118,14 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                             onClick: $event => ($options.pickBoard(board))
                           }, [
                             vue$1.createVNode(_component_ViewColumnOutline, { size: 20 }),
-                            vue$1.createElementVNode("span", _hoisted_6$4s, vue$1.toDisplayString(board.title), 1 /* TEXT */)
-                          ], 8 /* PROPS */, _hoisted_5$4Q)
+                            vue$1.createElementVNode("span", _hoisted_6$4t, vue$1.toDisplayString(board.title), 1 /* TEXT */)
+                          ], 8 /* PROPS */, _hoisted_5$4R)
                         ], 2 /* CLASS */))
                       }), 128 /* KEYED_FRAGMENT */))
                     ]))
             ]))
           : ($data.step === 2)
-            ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_7$41, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_7$42, [
                 ($data.loading)
                   ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, { key: 0 }))
                   : ($data.stacks.length === 0)
@@ -109363,7 +109134,7 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                         name: $options.t('nextcloud-vue', 'No stacks on this board'),
                         description: $options.t('nextcloud-vue', 'Pick a different board or add a stack in NC Deck.')
                       }, null, 8 /* PROPS */, ["name", "description"]))
-                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_8$3D, [
+                    : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_8$3E, [
                         (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.stacks, (stack) => {
                           return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                             key: stack.id,
@@ -109374,14 +109145,14 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-deck-card-picker__row-button",
                               onClick: $event => ($options.pickStack(stack))
                             }, [
-                              vue$1.createElementVNode("span", _hoisted_10$2X, vue$1.toDisplayString(stack.title), 1 /* TEXT */)
-                            ], 8 /* PROPS */, _hoisted_9$3j)
+                              vue$1.createElementVNode("span", _hoisted_10$2Y, vue$1.toDisplayString(stack.title), 1 /* TEXT */)
+                            ], 8 /* PROPS */, _hoisted_9$3k)
                           ], 2 /* CLASS */))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
               ]))
             : ($data.step === 3)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_11$2C, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_11$2D, [
                   ($data.loading)
                     ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, { key: 0 }))
                     : ($data.cards.length === 0)
@@ -109390,7 +109161,7 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                           name: $options.t('nextcloud-vue', 'No cards on this stack'),
                           description: $options.t('nextcloud-vue', 'Pick a different stack or create a card in NC Deck.')
                         }, null, 8 /* PROPS */, ["name", "description"]))
-                      : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_12$2l, [
+                      : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_12$2m, [
                           (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: card.id,
@@ -109401,8 +109172,8 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
                                 class: "cn-deck-card-picker__row-button",
                                 onClick: $event => ($options.pickCard(card))
                               }, [
-                                vue$1.createElementVNode("span", _hoisted_14$1_, vue$1.toDisplayString(card.title), 1 /* TEXT */)
-                              ], 8 /* PROPS */, _hoisted_13$25)
+                                vue$1.createElementVNode("span", _hoisted_14$1$, vue$1.toDisplayString(card.title), 1 /* TEXT */)
+                              ], 8 /* PROPS */, _hoisted_13$26)
                             ], 2 /* CLASS */))
                           }), 128 /* KEYED_FRAGMENT */))
                         ]))
@@ -109414,8 +109185,563 @@ function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["name", "onClosing"]))
 }
 
+script$7e.render = render$7d;
+script$7e.__scopeId = "data-v-7861e746";
+const __sfc_main$78 = script$7e;
+
+const VALID_SURFACES$e = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
+
+/**
+ * CnDeckCard — bespoke surface-aware widget for the `deck` integration.
+ *
+ * Renders Deck-aware metadata across all four surfaces. See the
+ * file-level docblock for surface-by-surface behaviour.
+ */
+var script$7d = {
+	name: 'CnDeckCard',
+
+	components: { CnDeckCardCreate: __sfc_main$79, CnDeckCardPicker: __sfc_main$78, CnDetailCard: __sfc_main$7F, LinkVariant, NcButton: vue.NcButton, NcLoadingIcon: vue.NcLoadingIcon, Plus, ViewColumnOutline },
+
+	props: {
+		/** Stable integration id (forwarded from the registry — always `'deck'`). */
+		integrationId: { type: String, default: 'deck' },
+		/** OpenRegister register id (slug or uuid). */
+		register: { type: String, required: true },
+		/** OpenRegister schema id (slug or uuid). */
+		schema: { type: String, required: true },
+		/** Parent object id. */
+		objectId: { type: String, required: true },
+		/** Rendering surface (AD-19). */
+		surface: {
+			type: String,
+			default: 'detail-page',
+			validator: (s) => VALID_SURFACES$e.includes(s),
+		},
+
+		/** Optional single-entity reference (card id). */
+		value: { type: [String, Number], default: '' },
+		/** Pre-translated card title. */
+		title: { type: String, default: () => l10n.translate('nextcloud-vue', 'Cards') },
+		/** Optional Material Design Icon component. */
+		icon: { type: Object, default: () => ViewColumnOutline },
+		/** Base API URL. */
+		apiBase: { type: String, default: '/apps/openregister/api' },
+		/** Whether the card body is collapsible. */
+		collapsible: { type: Boolean, default: true },
+		/** Pre-translated empty-state label. */
+		emptyLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'No cards linked yet') },
+		/** Pre-translated unavailable label. */
+		unavailableLabel: { type: String, default: () => l10n.translate('nextcloud-vue', 'NC Deck is currently unavailable.') },
+		/** URL of the NC Deck app entry. */
+		deckAppUrl: { type: String, default: '/index.php/apps/deck' },
+		/**
+		 * Buttons in the card's title row on a detail page: `link` links an
+		 * existing Deck card, `create` makes a new one linked to the object.
+		 * In the order given; none by default.
+		 */
+		headerActions: { type: Array, default: () => [] },
+		/** Label of the `link` button. */
+		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') },
+	},
+
+	data() {
+		return {
+			cards: [],
+			entity: null,
+			loading: false,
+			degraded: '',
+			pickerOpen: false,
+			createOpen: false,
+			actionError: '',
+		}
+	},
+
+	computed: {
+		/**
+		 * The title-row buttons to draw: only on a detail page with an
+		 * object, only the known ones, in the order given.
+		 *
+		 * @return {Array<string>}
+		 */
+		shownHeaderActions() {
+			if (this.surface !== 'detail-page' || !this.objectId || !Array.isArray(this.headerActions)) {
+				return []
+			}
+			return this.headerActions.filter((action, index, all) => ['create', 'link'].includes(action) && all.indexOf(action) === index)
+		},
+
+		cardHeaderTitle() {
+			return this.title || this.integrationId
+		},
+
+		cardIcon() {
+			return this.icon
+		},
+
+		/**
+		 * Cards grouped by stack for both the mini-kanban (detail-page)
+		 * and the stack-distribution list (dashboard surfaces).
+		 *
+		 * @return {Array<{key: string, label: string, cards: Array}>}
+		 */
+		columns() {
+			const groups = new Map();
+			for (const card of this.cards) {
+				const stackId = card.stackId ?? card.stack?.id ?? 'unstacked';
+				const stackLabel = card.stackTitle
+					?? card.stack?.title
+					?? (stackId === 'unstacked'
+						? l10n.translate('nextcloud-vue', 'No stack')
+						: l10n.translate('nextcloud-vue', 'Stack {n}', { n: stackId }));
+				const key = String(stackId);
+				if (!groups.has(key)) {
+					groups.set(key, { key, label: stackLabel, cards: [] });
+				}
+				groups.get(key).cards.push(card);
+			}
+			return Array.from(groups.values())
+		},
+
+		/**
+		 * Up to three columns for the mini-kanban view on `detail-page`.
+		 *
+		 * Per AD-2 (design.md): when the linked card has its own stack
+		 * we always include that stack; otherwise the first three stacks
+		 * by first-seen order are surfaced.
+		 *
+		 * @return {Array<{key: string, label: string, cards: Array}>}
+		 */
+		miniColumns() {
+			return this.columns.slice(0, 3)
+		},
+
+		stackDistribution() {
+			return this.columns.map((col) => ({
+				key: col.key,
+				label: col.label,
+				count: col.cards.length,
+			}))
+		},
+
+		countHeadline() {
+			const total = this.cards.length;
+			const stackCount = this.columns.length;
+			if (stackCount <= 1) {
+				return l10n.translatePlural('nextcloud-vue', '{count} card', '{count} cards', total, { count: total })
+			}
+			const cardFragment = l10n.translatePlural('nextcloud-vue', '{count} card', '{count} cards', total, { count: total });
+			const stacksFragment = l10n.translatePlural('nextcloud-vue', 'across {count} stack', 'across {count} stacks', stackCount, { count: stackCount });
+			return `${cardFragment} ${stacksFragment}`
+		},
+
+		mostRecent() {
+			if (this.cards.length === 0) {
+				return null
+			}
+			const sorted = [...this.cards].sort((a, b) => {
+				const ta = Date.parse(a.linkedAt ?? a.lastActivity ?? '') || 0;
+				const tb = Date.parse(b.linkedAt ?? b.lastActivity ?? '') || 0;
+				return tb - ta
+			});
+			return sorted[0]
+		},
+	},
+
+	watch: {
+		objectId: { immediate: true, handler() {
+			this.fetch();
+		} },
+
+		surface() {
+			this.fetch();
+		},
+
+		value() {
+			if (this.surface === 'single-entity') {
+				this.fetchSingle();
+			}
+		},
+	},
+
+	methods: {
+		/** @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`
+		},
+
+		/**
+		 * Link the picked card, then read the list again.
+		 *
+		 * @param {object} payload `{ cardId }` from the picker.
+		 */
+		async onLink(payload) {
+			this.pickerOpen = false;
+			await this.post(this.deckEndpoint(), payload, l10n.translate('nextcloud-vue', 'Could not link card.'));
+		},
+
+		/**
+		 * Create the card linked to the object, then read the list again.
+		 *
+		 * @param {object} payload `{ boardId, stackId, title, ... }` from the form.
+		 */
+		async onCreate(payload) {
+			this.createOpen = false;
+			await this.post(`${this.deckEndpoint()}/new`, payload, l10n.translate('nextcloud-vue', 'Could not create card.'));
+		},
+
+		/**
+		 * POST one flow's payload and reload on success.
+		 *
+		 * @param {string} url The endpoint.
+		 * @param {object} payload The body.
+		 * @param {string} failure The sentence shown when it fails.
+		 */
+		async post(url, payload, failure) {
+			this.actionError = '';
+			try {
+				const response = await fetch(prefixUrl(url), {
+					method: 'POST',
+					headers: { ...buildHeaders(), 'Content-Type': 'application/json' },
+					body: JSON.stringify(payload),
+				});
+				if (response.ok) {
+					await this.fetchList();
+				} else if (response.status === 409) {
+					this.actionError = l10n.translate('nextcloud-vue', 'This card is already linked.');
+				} else {
+					this.actionError = failure;
+				}
+			} catch {
+				this.actionError = failure;
+			}
+		},
+
+		baseUrl() {
+			return `${this.apiBase}/objects/${this.register}/${this.schema}/${this.objectId}/integrations/${this.integrationId}`
+		},
+
+		cardKey(card) {
+			return card.cardId ?? card.id ?? ''
+		},
+
+		cardTitle(card) {
+			return card.cardTitle ?? card.title ?? this.cardKey(card)
+		},
+
+		cardUrl(card) {
+			if (card.url && safeHref(card.url) !== '#') {
+				return card.url
+			}
+			const boardId = card.boardId ?? card.board?.id ?? '';
+			const cardId = card.cardId ?? card.id ?? '';
+			if (boardId && cardId) {
+				return `/index.php/apps/deck/board/${boardId}/card/${cardId}`
+			}
+			return this.deckAppUrl
+		},
+
+		stackTitle(card) {
+			return card.stackTitle ?? card.stack?.title ?? ''
+		},
+
+		isLinked(card) {
+			if (!this.value) {
+				return false
+			}
+			return String(this.cardKey(card)) === String(this.value)
+		},
+
+		chipSubtitle(card) {
+			return this.stackTitle(card) || this.cardTitle(card)
+		},
+
+		fetch() {
+			if (this.surface === 'single-entity') {
+				this.fetchSingle();
+				return
+			}
+			this.fetchList();
+		},
+
+		async fetchList() {
+			if (!this.register || !this.schema || !this.objectId) {
+				return
+			}
+			this.loading = true;
+			this.degraded = '';
+			try {
+				const response = await fetch(prefixUrl(this.baseUrl()), { headers: buildHeaders() });
+				if (response.ok) {
+					const data = await response.json();
+					this.cards = data.results || data.items || (Array.isArray(data) ? data : []) || [];
+				} else if (response.status === 503) {
+					this.cards = [];
+					this.degraded = this.unavailableLabel;
+				} else {
+					this.cards = [];
+				}
+			} catch (err) {
+				// eslint-disable-next-line no-console
+				console.error('[CnDeckCard] failed to fetch cards', err);
+				this.cards = [];
+			} finally {
+				this.loading = false;
+			}
+		},
+
+		async fetchSingle() {
+			if (!this.value || !this.register || !this.schema || !this.objectId) {
+				this.entity = null;
+				return
+			}
+			this.loading = true;
+			this.degraded = '';
+			try {
+				const response = await fetch(prefixUrl(`${this.baseUrl()}/${encodeURIComponent(this.value)}`), { headers: buildHeaders() });
+				if (response.ok) {
+					this.entity = await response.json();
+				} else if (response.status === 503) {
+					this.entity = null;
+					this.degraded = this.unavailableLabel;
+				} else {
+					this.entity = null;
+				}
+			} catch (err) {
+				// eslint-disable-next-line no-console
+				console.error('[CnDeckCard] failed to fetch single card', err);
+				this.entity = null;
+			} finally {
+				this.loading = false;
+			}
+		},
+	},
+};
+
+const _hoisted_1$6W = ["title"];
+const _hoisted_2$6I = ["href"];
+const _hoisted_3$63 = {
+  key: 0,
+  class: "cn-deck-card__chip-stack"
+};
+const _hoisted_4$5u = {
+  key: 1,
+  class: "cn-deck-card__empty"
+};
+const _hoisted_5$4Q = {
+  key: 0,
+  class: "cn-deck-card__empty"
+};
+const _hoisted_6$4s = {
+  key: 1,
+  class: "cn-deck-card__empty"
+};
+const _hoisted_7$41 = {
+  key: 2,
+  class: "cn-deck-card__headline"
+};
+const _hoisted_8$3D = { class: "cn-deck-card__headline-line" };
+const _hoisted_9$3j = {
+  key: 0,
+  class: "cn-deck-card__distribution"
+};
+const _hoisted_10$2X = { class: "cn-deck-card__distribution-label" };
+const _hoisted_11$2C = { class: "cn-deck-card__distribution-count" };
+const _hoisted_12$2l = {
+  key: 1,
+  class: "cn-deck-card__headline-recent"
+};
+const _hoisted_13$25 = ["href"];
+const _hoisted_14$1_ = {
+  key: 0,
+  class: "cn-deck-card__empty"
+};
+const _hoisted_15$1R = {
+  key: 1,
+  class: "cn-deck-card__empty"
+};
+const _hoisted_16$1F = {
+  key: 2,
+  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$_ = {
+  key: 4,
+  class: "cn-deck-card__action-error",
+  role: "alert"
+};
+
+function render$7c(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Plus = vue$1.resolveComponent("Plus");
+  const _component_LinkVariant = vue$1.resolveComponent("LinkVariant");
+  const _component_NcButton = vue$1.resolveComponent("NcButton");
+  const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
+  const _component_ViewColumnOutline = vue$1.resolveComponent("ViewColumnOutline");
+  const _component_CnDeckCardPicker = vue$1.resolveComponent("CnDeckCardPicker");
+  const _component_CnDeckCardCreate = vue$1.resolveComponent("CnDeckCardCreate");
+  const _component_CnDetailCard = vue$1.resolveComponent("CnDetailCard");
+
+  return (vue$1.openBlock(), vue$1.createBlock(_component_CnDetailCard, {
+    title: $options.cardHeaderTitle,
+    icon: $options.cardIcon,
+    collapsible: $props.collapsible
+  }, vue$1.createSlots({
+    default: vue$1.withCtx(() => [
+      ($data.loading)
+        ? (vue$1.openBlock(), vue$1.createBlock(_component_NcLoadingIcon, { key: 0 }))
+        : ($props.surface === 'single-entity')
+          ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
+              ($data.entity)
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                    key: 0,
+                    class: "cn-deck-card__chip",
+                    title: $options.chipSubtitle($data.entity)
+                  }, [
+                    vue$1.createVNode(_component_ViewColumnOutline, { size: 14 }),
+                    vue$1.createElementVNode("a", {
+                      href: $options.cardUrl($data.entity),
+                      target: "_blank",
+                      rel: "noopener"
+                    }, vue$1.toDisplayString($options.cardTitle($data.entity)), 9 /* TEXT, PROPS */, _hoisted_2$6I),
+                    ($options.stackTitle($data.entity))
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3$63, " · " + vue$1.toDisplayString($options.stackTitle($data.entity)), 1 /* TEXT */))
+                      : vue$1.createCommentVNode("v-if", true)
+                  ], 8 /* PROPS */, _hoisted_1$6W))
+                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_4$5u, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+            ], 64 /* STABLE_FRAGMENT */))
+          : ($props.surface === 'user-dashboard' || $props.surface === 'app-dashboard')
+            ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 2 }, [
+                ($data.degraded)
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$4Q, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
+                  : ($data.cards.length === 0)
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$4s, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
+                    : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_7$41, [
+                        vue$1.createElementVNode("div", _hoisted_8$3D, [
+                          vue$1.createElementVNode("strong", null, vue$1.toDisplayString($options.countHeadline), 1 /* TEXT */)
+                        ]),
+                        ($options.stackDistribution.length > 0)
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_9$3j, [
+                              (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.stackDistribution, (bucket) => {
+                                return (vue$1.openBlock(), vue$1.createElementBlock("li", {
+                                  key: bucket.key,
+                                  class: "cn-deck-card__distribution-row"
+                                }, [
+                                  vue$1.createElementVNode("span", _hoisted_10$2X, vue$1.toDisplayString(bucket.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_11$2C, vue$1.toDisplayString(bucket.count), 1 /* TEXT */)
+                                ]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                          : vue$1.createCommentVNode("v-if", true),
+                        ($options.mostRecent)
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2l, [
+                              vue$1.createVNode(_component_ViewColumnOutline, { size: 14 }),
+                              vue$1.createElementVNode("a", {
+                                href: $options.cardUrl($options.mostRecent),
+                                target: "_blank",
+                                rel: "noopener"
+                              }, vue$1.toDisplayString($options.cardTitle($options.mostRecent)), 9 /* TEXT, PROPS */, _hoisted_13$25)
+                            ]))
+                          : 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_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) }])
+                                }, [
+                                  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_21$$)
+                                ], 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.createCommentVNode("v-if", true),
+      ($data.pickerOpen)
+        ? (vue$1.openBlock(), vue$1.createBlock(_component_CnDeckCardPicker, {
+            key: 5,
+            apiBase: $props.apiBase,
+            onClose: _cache[0] || (_cache[0] = $event => ($data.pickerOpen = false)),
+            onLink: $options.onLink
+          }, null, 8 /* PROPS */, ["apiBase", "onLink"]))
+        : vue$1.createCommentVNode("v-if", true),
+      ($data.createOpen)
+        ? (vue$1.openBlock(), vue$1.createBlock(_component_CnDeckCardCreate, {
+            key: 6,
+            apiBase: $props.apiBase,
+            onClose: _cache[1] || (_cache[1] = $event => ($data.createOpen = false)),
+            onCreate: $options.onCreate
+          }, null, 8 /* PROPS */, ["apiBase", "onCreate"]))
+        : vue$1.createCommentVNode("v-if", true)
+    ]),
+    _: 2 /* DYNAMIC */
+  }, [
+    ($options.shownHeaderActions.length > 0)
+      ? {
+          name: "actions",
+          fn: vue$1.withCtx(() => [
+            (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.shownHeaderActions, (action) => {
+              return (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
+                key: action,
+                variant: "secondary",
+                "data-testid": `cn-deck-card-${action}`,
+                onClick: vue$1.withModifiers($event => (action === 'create' ? ($data.createOpen = true) : ($data.pickerOpen = true)), ["stop"])
+              }, {
+                icon: vue$1.withCtx(() => [
+                  (action === 'create')
+                    ? (vue$1.openBlock(), vue$1.createBlock(_component_Plus, {
+                        key: 0,
+                        size: 20
+                      }))
+                    : (vue$1.openBlock(), vue$1.createBlock(_component_LinkVariant, {
+                        key: 1,
+                        size: 20
+                      }))
+                ]),
+                default: vue$1.withCtx(() => [
+                  vue$1.createTextVNode(" " + vue$1.toDisplayString(action === 'create' ? $props.createLabel : $props.linkLabel), 1 /* TEXT */)
+                ]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+            }), 128 /* KEYED_FRAGMENT */))
+          ]),
+          key: "0"
+        }
+      : undefined
+  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "icon", "collapsible"]))
+}
+
 script$7d.render = render$7c;
-script$7d.__scopeId = "data-v-7861e746";
+script$7d.__scopeId = "data-v-d8cff1c2";
 const __sfc_main$77 = script$7d;
 
 /** Maximum assignee avatars shown before collapsing the rest into a +N overflow badge. */
@@ -109440,8 +109766,8 @@ var script$7c = {
 		LinkVariant,
 		Plus,
 		ViewColumnOutline,
-		CnDeckCardPicker: __sfc_main$77,
-		CnDeckCardCreate: __sfc_main$78,
+		CnDeckCardPicker: __sfc_main$78,
+		CnDeckCardCreate: __sfc_main$79,
 		CnStatusBadge: __sfc_main$8g,
 	},
 
@@ -110083,7 +110409,7 @@ const deckIntegration = {
 	group: 'workflow',
 	referenceType: 'deck',
 	tab: __sfc_main$76,
-	widget: __sfc_main$79,
+	widget: __sfc_main$77,
 	defaultSize: { w: 4, h: 3 },
 	// CnIntegrationWidget contract — exemplar accent (NC Deck brand blue).
 	// `appName` / `docsUrl` default from id+label in the registry.
@@ -116836,10 +117162,22 @@ var script$71 = {
 		 * @spec openspec/changes/files-drop-panel/specs/files-browser/spec.md#requirement-the-drop-state-fills-the-panel-and-says-where-the-files-go
 		 */
 		dropDetail: {
-			type: String,
+			type: [String, Array],
 			default: '',
 		},
 
+		/**
+		 * Named values filled into `dropDetail` as `{name}`, such as the case
+		 * number (`{ "case": "@object.identifier" }` in a detail page's props).
+		 * While a value is unknown the line is left out.
+		 *
+		 * @spec openspec/changes/files-drop-detail-values/specs/files-drop-detail-values/spec.md#requirement-the-drop-detail-line-can-name-the-record
+		 */
+		dropDetailValues: {
+			type: Object,
+			default: null,
+		},
+
 		/** Show a line under the list saying files can be dropped on it. */
 		dropHint: {
 			type: Boolean,
@@ -117132,6 +117470,22 @@ var script$71 = {
 	},
 
 	computed: {
+		/**
+		 * The `dropDetail` text: the string, or the text of the first variant
+		 * `{ when, text }` whose `when` is `true` or that has none.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/files-drop-detail-values/specs/files-drop-detail-values/spec.md#requirement-the-drop-detail-line-can-name-the-record
+		 */
+		dropDetailTemplate() {
+			if (typeof this.dropDetail === 'string') {
+				return this.dropDetail
+			}
+			const variants = Array.isArray(this.dropDetail) ? this.dropDetail : [];
+			const chosen = variants.find((item) => item && typeof item.text === 'string' && (!('when' in item) || item.when === true));
+			return chosen ? chosen.text : ''
+		},
+
 		/**
 		 * `dropDetail` through the host translate with `{count}` filled, '' when
 		 * there is none or the count it needs is unknown.
@@ -117140,10 +117494,22 @@ var script$71 = {
 		 * @return {string}
 		 */
 		dropDetailText() {
-			if (!this.dropDetail) {
+			const template = this.dropDetailTemplate;
+			if (!template) {
 				return ''
 			}
-			const text = this.cnTranslate(this.dropDetail);
+			let text = this.cnTranslate(template);
+			// `dropDetailValues`: named values such as the case number; a value
+			// still unknown (an unresolved `@` token, or empty) leaves the line out.
+			// @spec openspec/changes/files-drop-detail-values/specs/files-drop-detail-values/spec.md#requirement-the-drop-detail-line-can-name-the-record
+			const values = this.dropDetailValues && typeof this.dropDetailValues === 'object' ? this.dropDetailValues : {};
+			for (const [name, value] of Object.entries(values)) {
+				const shown = value === null || value === undefined ? '' : String(value);
+				if (shown === '' || shown.startsWith('@')) {
+					return ''
+				}
+				text = text.split(`{${name}}`).join(shown);
+			}
 			if (!text.includes('{count}')) {
 				return text
 			}
@@ -119043,7 +119409,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcDialog = vue$1.resolveComponent("NcDialog");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
-    class: vue$1.normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging, 'cn-files-browser--drop-panel': $props.dropOverlay && $props.dropDetail !== '' }]),
+    class: vue$1.normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging, 'cn-files-browser--drop-panel': $props.dropOverlay && $options.dropDetailTemplate !== '' }]),
     "data-testid": "cn-files-browser",
     onDragenter: _cache[21] || (_cache[21] = vue$1.withModifiers((...args) => ($options.onDragEnter && $options.onDragEnter(...args)), ["prevent"])),
     onDragover: _cache[22] || (_cache[22] = vue$1.withModifiers((...args) => ($options.onDragOver && $options.onDragOver(...args)), ["prevent"])),
@@ -120079,7 +120445,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$71.render = render$70;
-script$71.__scopeId = "data-v-3a771a01";
+script$71.__scopeId = "data-v-ebaa2c0e";
 const __sfc_main$6X = script$71;
 
 /**
@@ -120423,7 +120789,9 @@ var script$70 = {
 		/** Forwarded to CnFilesBrowser: the drop state's line ("Laat los om toe te voegen"); the library's own without it. */
 		dropLabel: { type: String, default: undefined },
 		/** Forwarded to CnFilesBrowser: the drop state's second line, `{count}` the files dragged; it also makes the overlay fill the panel. */
-		dropDetail: { type: String, default: '' },
+		dropDetail: { type: [String, Array], default: '' },
+		/** Forwarded to CnFilesBrowser: named values filled into `dropDetail`. */
+		dropDetailValues: { type: Object, default: null },
 		/** Forwarded to CnFilesBrowser: "Or drag files onto this list." under the list. */
 		dropHint: { type: Boolean, default: false },
 		/**
@@ -121212,6 +121580,7 @@ function render$6$(_ctx, _cache, $props, $setup, $data, $options) {
           dropOverlay: $props.dropOverlay,
           dropLabel: $props.dropLabel,
           dropDetail: $props.dropDetail,
+          dropDetailValues: $props.dropDetailValues,
           dropHint: $props.dropHint,
           rowActions: $props.rowActions,
           newActions: $props.newActions,
@@ -121235,7 +121604,7 @@ function render$6$(_ctx, _cache, $props, $setup, $data, $options) {
           groupBy: $props.groupBy,
           facets: $props.facets,
           onChanged: $options.onBrowserChanged
-        }, null, 8 /* PROPS */, ["rootPath", "rootLabel", "source", "deleteLabel", "uploadButton", "newMenu", "folderButton", "dropOverlay", "dropLabel", "dropDetail", "dropHint", "rowActions", "newActions", "headerActions", "rowButton", "reviewSummary", "footnote", "nameSecondary", "secondLine", "linkedItems", "columns", "rowData", "preferenceApp", "preferenceKey", "bulkActions", "selectionLabel", "selectionLabelOne", "showClearSelection", "sideCards", "sideCardsPlacement", "groupBy", "facets", "onChanged"]))
+        }, null, 8 /* PROPS */, ["rootPath", "rootLabel", "source", "deleteLabel", "uploadButton", "newMenu", "folderButton", "dropOverlay", "dropLabel", "dropDetail", "dropDetailValues", "dropHint", "rowActions", "newActions", "headerActions", "rowButton", "reviewSummary", "footnote", "nameSecondary", "secondLine", "linkedItems", "columns", "rowData", "preferenceApp", "preferenceKey", "bulkActions", "selectionLabel", "selectionLabelOne", "showClearSelection", "sideCards", "sideCardsPlacement", "groupBy", "facets", "onChanged"]))
       : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
           ($data.uploadError)
             ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$6w, vue$1.toDisplayString($data.uploadError), 1 /* TEXT */))
@@ -121486,7 +121855,7 @@ function render$6$(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$70.render = render$6$;
-script$70.__scopeId = "data-v-89d80864";
+script$70.__scopeId = "data-v-569603d2";
 const __sfc_main$6W = script$70;
 
 /**
@@ -236927,6 +237296,8 @@ var script$48 = {
 		cnDispatchAction: { default: null },
 		/** The page's object sidebar channel; a `link.sidebarTab` opens one of its tabs. */
 		objectSidebarState: { default: null },
+		/** The records the detail page reads beside the record (`@context.<name>`), for a `labelPath`. */
+		cnDetailVisibilityRows: { default: null },
 	},
 
 	props: {
@@ -236943,13 +237314,14 @@ var script$48 = {
 		 *   `route` (`{ name, params?, query? }`, `@source.<path>` in a param) on a `title` or a `row` links its value to that route; a param that does not fill leaves it plain.
 		 *   `format: 'user'` shows a Nextcloud user id as the user's display name, read once per id; the entry stays empty until the name is known.
 		 *   `template` ("{available} {unit}") fills its `{path}` placeholders from the record instead of reading `path`; it is empty when every placeholder is. `suffix` (" kg") is added to a value that is not empty.
+		 *   `labelPath` ("@context.caseType.handlerLabel") names a value on the record or the page's `@context` records that labels the row when it holds text; `label` is the fallback.
 		 *   `emptyValue` ("No") is shown, translated, when the entry has no value, so the entry stays drawn whatever `hideEmpty` says (an override that was never set reads "No").
 		 * - `action` — an action drawn as a button under the facts; `headerAction` — one drawn in the card header (reported through the `header` event).
 		 * - `actions` — action buttons under the facts in the `headerActions` shape (`api-call`, `open-form`, `navigate`, `open-modal`, ...; `confirm`, `variant`). `@source.<field>` names a field of the record shown, and an action whose token names an empty field is not drawn. `visibleWhen` reads the record shown; `adminOnly: true` draws the action for an instance admin only (visibility, never authorisation). An api-call or a saved form refreshes the page, and the facts read their source again.
 		 * - `rowsPath` — a path to a list of `{ label, value }` the record holds, drawn as rows after `fields` (a preview the server builds).
 		 * - `headerPill` — a status pill in the card header (reported through the `header` event): `{ path?, text?, map?, variant?, variantMap?, colorMap? }`, read from the record like a `pill` entry (DqBezwaar "Advies ontvangen"); nothing shows while the value is empty.
 		 * - `notice` — `{ text, variant? }`, a note band inside the card under the facts (`info` by default; `success`, `warning` or `error`); the text is translated.
-		 *   `format` is `text` (default), `date` (board short date), `date-long` (always with the year), `list` (an array joined by ", ", each item read at `itemPath`), `bytes` (a size, "1.5 MB"), `number` (in the reader's language, `decimals` fraction digits when set) or `currency` (a money amount in the reader's language, "€ 1.234,50": the code in `currency`, else the record's `currencyField`, else the app's reporting currency, else EUR; `decimals` defaults to 2).
+		 *   `format` is `text` (default), `date` (board short date), `date-long` (always with the year), `longdate` (the month written out, the year only outside this year: "3 oktober"), `list` (an array joined by ", ", each item read at `itemPath`), `bytes` (a size, "1.5 MB"), `number` (in the reader's language, `decimals` fraction digits when set) or `currency` (a money amount in the reader's language, "€ 1.234,50": the code in `currency`, else the record's `currencyField`, else the app's reporting currency, else EUR; `decimals` defaults to 2).
 		 *   `map` turns a raw value into a label (translated). `parts` (on a `line`) lists paths, or `{ path, label?, format? }`, joined by `separator` (default " · "); empty parts are dropped.
 		 * - `source` — `{ register, schema, id }` or `{ url }`; omitted = the current object. `{ register, schema, filter, sort? }` without `id` reads the first object that matches `filter` in `sort` order (`{ field, dir }`): the latest count of a shift. An entry with `from: "object"` reads the current object even then (a client card that also shows the ticket's channel).
 		 * - `endpointSource` — `{ url, method?, params?, responsePath? }`, the block a stat or chart takes: the facts read an app endpoint, shared and cached like those.
@@ -237233,7 +237605,7 @@ var script$48 = {
 				}
 				if (kind === 'row') {
 					const last = out[out.length - 1];
-					const row = { key, label: this.tr(field.label || ''), value, ...this.rowExtras(record, field, value) };
+					const row = { key, label: this.labelOf(record, field), value, ...this.rowExtras(record, field, value) };
 					if (field.route && !row.href) {
 						row.to = this.resolveRoute(field.route, record);
 					}
@@ -237917,6 +238289,30 @@ var script$48 = {
 			}
 		},
 
+		/**
+		 * A row's label: the value at `labelPath` (the record, or the page's
+		 * `@context.<name>` records) when it holds text, else `label`, both
+		 * through the host translate. A case type can name its handler
+		 * ("Regisseur") while another keeps "Behandelaar".
+		 *
+		 * @param {object} record The record shown.
+		 * @param {object} field The entry.
+		 * @return {string}
+		 * @spec openspec/changes/facts-label-from-path/specs/facts-widget/spec.md#requirement-a-facts-row-can-take-its-label-from-the-record-or-its-context
+		 */
+		labelOf(record, field) {
+			if (typeof field.labelPath === 'string' && field.labelPath !== '') {
+				const rows = this.cnDetailVisibilityRows && typeof this.cnDetailVisibilityRows === 'object' && 'value' in this.cnDetailVisibilityRows
+					? this.cnDetailVisibilityRows.value
+					: this.cnDetailVisibilityRows;
+				const named = readPath$8({ ...(record || {}), '@context': rows || {} }, field.labelPath);
+				if (typeof named === 'string' && named.trim() !== '') {
+					return this.tr(named.trim())
+				}
+			}
+			return this.tr(field.label || '')
+		},
+
 		/**
 		 * Copy a row's value to the clipboard.
 		 *
@@ -238286,6 +238682,10 @@ var script$48 = {
 					.filter((item) => item !== '');
 				return items.join(', ')
 			}
+			// The month written out, the year only outside this year: "3 oktober".
+			if (format === 'longdate') {
+				return formatLongDate(raw)
+			}
 			if (format === 'date' || format === 'date-long') {
 				const date = parseDateValue(raw);
 				if (date === null) {
@@ -238792,7 +239192,7 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$48.render = render$47;
-script$48.__scopeId = "data-v-1b8f8e6f";
+script$48.__scopeId = "data-v-b1b0c69e";
 const __sfc_main$48 = script$48;
 
 /**
@@ -343271,15 +343671,15 @@ function buildViewTree({ views = [], labelFilter = '', maxDepth = 3 } = {}) {
 		}
 	}
 
-	// Seeded roots first, then the reader's own, each alphabetically. A
-	// dropdown whose order changes between two openings is a dropdown nobody
-	// can build a habit with.
+	// Seeded roots first, in the order the app declares them, then the
+	// reader's own in the order they were saved (DqFilterBeheren). Both are
+	// stable between two openings, so a person can build a habit with them.
 	const seededRoots = roots.filter(({ view }) => view?.seeded === true);
 	const ownRoots = roots.filter(({ view }) => view?.seeded !== true);
-	for (const { view, orphaned } of sortRootsByName(seededRoots)) {
+	for (const { view, orphaned } of seededRoots) {
 		emit(view, 0, orphaned);
 	}
-	for (const { view, orphaned } of sortRootsByName(ownRoots)) {
+	for (const { view, orphaned } of sortRootsBySaved(ownRoots)) {
 		emit(view, 0, orphaned);
 	}
 
@@ -343335,13 +343735,28 @@ function sortByName(views) {
 }
 
 /**
- * Root entries by the name of the view they carry.
+ * Root entries in the order their views were saved (`created`, oldest
+ * first); views without a saved time follow, by name.
  *
  * @param {Array<object>} roots - The root entries.
  * @return {Array<object>} The same entries, sorted.
  */
-function sortRootsByName(roots) {
-	return [...roots].sort((left, right) => String(left.view?.name ?? '').localeCompare(String(right.view?.name ?? '')))
+function sortRootsBySaved(roots) {
+	const savedAt = (entry) => (typeof entry.view?.created === 'string' ? entry.view.created : '');
+	return [...roots].sort((left, right) => {
+		const a = savedAt(left);
+		const b = savedAt(right);
+		if (a !== b) {
+			if (a === '') {
+				return 1
+			}
+			if (b === '') {
+				return -1
+			}
+			return a < b ? -1 : 1
+		}
+		return String(left.view?.name ?? '').localeCompare(String(right.view?.name ?? ''))
+	})
 }
 
 /**
@@ -351913,6 +352328,18 @@ function useSelfFetchList(props, instance, inject, extras = {}) {
 	// a reactive getter so a runtime flip attaches/detaches accordingly.
 	// Stores without live-updates support (no `subscribe` action) are a
 	// silent no-op inside the composable, keeping this fully inert.
+	// An address carrying `@myTeam` (a shared link) waits for the team, as a
+	// saved view on it does: once read, the token becomes the team, or goes
+	// for a reader in none.
+	const carriesMyTeam = Object.values(initialActiveFilters || {})
+		.some((value) => value === MY_TEAM_TOKEN || (Array.isArray(value) && value.includes(MY_TEAM_TOKEN)));
+	if (carriesMyTeam) {
+		loadMyTeam().then(() => {
+			list.activeFilters.value = dropOptionalUnresolved(resolveFilterTokens(list.activeFilters.value, tokenCtx()));
+			list.refresh(1);
+		});
+	}
+
 	useObjectSubscription(objectStore, () => objectType.value, null, {
 		enabled: () => props.subscribe !== false,
 	});
@@ -353579,6 +354006,17 @@ var script$20 = {
 			default: null,
 		},
 
+		/**
+		 * The leading icon's tile tone in the board look (`primary`, `teal`,
+		 * `neutral`), from `pages[].config.rowIconTone`. Forwarded to CnDataTable.
+		 *
+		 * @type {string}
+		 */
+		rowIconTone: {
+			type: String,
+			default: 'primary',
+		},
+
 		/** Columns to exclude in schema mode */
 		excludeColumns: {
 			type: Array,
@@ -356816,6 +357254,7 @@ var script$20 = {
 				r: this.register,
 				s: this.exportSchemaSlug,
 				f: this.filter || null,
+				a: this.effectiveActiveFilters || null,
 				e: this.countEntries,
 				// The store's total, not the error override in effectivePagination,
 				// so a failed fetch and its recovery do not refetch the counts.
@@ -360406,7 +360845,15 @@ var script$20 = {
 			const counts = await fetchFilterCounts({
 				register: this.register,
 				schema,
-				entries: this.countEntries.map((entry) => ({ key: entry.key, filter: resolveFilterMap(entry.filter, params, ctx) })),
+				// A quick filter counts within the list as filtered (the
+				// active filters, its own field its own); a saved view counts
+				// its own query.
+				entries: this.countEntries.map((entry) => ({
+					key: entry.key,
+					filter: entry.key.startsWith('tab:')
+						? { ...(this.effectiveActiveFilters || {}), ...resolveFilterMap(entry.filter, params, ctx) }
+						: resolveFilterMap(entry.filter, params, ctx),
+				})),
 				baseFilter: resolveFilterMap(this.filter, params, ctx),
 				ctx,
 			});
@@ -365902,6 +366349,7 @@ function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
                         columns: $options.renderedColumns,
                         pinnedCount: $options.pinnedColumnCount,
                         rowIcon: $props.rowIcon,
+                        rowIconTone: $props.rowIconTone,
                         rowIndicators: $props.rowIndicators,
                         rowIndicatorCap: $props.rowIndicatorCap,
                         rows: $options.displayObjects,
@@ -366049,7 +366497,7 @@ function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
                               key: "2"
                             }
                           : undefined
-                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "filterChips", "columns", "pinnedCount", "rowIcon", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "hideHeader", "rowClickToView", "rowClickRoute", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "rowTitle", "showUnread", "filterable", "filterSchema", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
+                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "filterChips", "columns", "pinnedCount", "rowIcon", "rowIconTone", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "hideHeader", "rowClickToView", "rowClickRoute", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "rowTitle", "showUnread", "filterable", "filterSchema", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
                     : ($data.currentViewMode === 'map' && $options.mapListEnabled)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_42$3, [
                           vue$1.createVNode(_component_CnMapWidget, {
@@ -477735,8 +478183,8 @@ exports.CnDataTable = __sfc_main$7Y;
 exports.CnDateAxisView = __sfc_main$2x;
 exports.CnDateRangePicker = __sfc_main$2e;
 exports.CnDecisionListWidget = __sfc_main$5x;
-exports.CnDeckCardCreate = __sfc_main$78;
-exports.CnDeckCardPicker = __sfc_main$77;
+exports.CnDeckCardCreate = __sfc_main$79;
+exports.CnDeckCardPicker = __sfc_main$78;
 exports.CnDeleteDialog = __sfc_main$2g;
 exports.CnDeltaWidget = __sfc_main$4q;
 exports.CnDeltaWidgetForm = __sfc_main$4r;