@conduction/nextcloud-vue 2.138.0 → 2.140.0

package/dist/nextcloud-vue.cjs.js

@@ -3602,7 +3602,10 @@ var translations$s = {
 	"Search a person or group": "Search a person or group",
 	"Now: by {order}.": "Now: by {order}.",
 	"You save the order along with a view.": "You save the order along with a view.",
-	me: "me"
+	me: "me",
+	"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."
 };
 var plurals$1 = {
 	"{count} member": [
@@ -6612,7 +6615,13 @@ var translations$c = {
 	"Search a person or group": "Zoek een persoon of groep",
 	"Now: by {order}.": "Nu: op {order}.",
 	"You save the order along with a view.": "De sortering bewaart u mee in een weergave.",
-	me: "ik"
+	me: "ik",
+	"Open profile": "Profiel openen",
+	"Link a contact from your address book.": "Koppel een contact uit je adresboek.",
+	"The value could not be shown.": "De waarde kon niet worden getoond.",
+	"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"
 };
 var plurals = {
 	"{count} member": [
@@ -7268,7 +7277,7 @@ const _hoisted_3$74 = {
   class: "cn-ai-history-list__items",
   "data-testid": "cn-ai-history-list-items"
 };
-const _hoisted_4$6l = {
+const _hoisted_4$6m = {
   key: 0,
   class: "cn-ai-history-list__edit",
   "data-testid": "cn-ai-history-list-edit"
@@ -7338,7 +7347,7 @@ function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
 				]])
                 }, [
                   ($data.editingUuid === conv.uuid)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6l, [
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6m, [
                         vue$1.createVNode(_component_NcTextField, {
                           modelValue: $data.editTitle,
                           label: $options.cnTranslate('Name'),
@@ -10021,7 +10030,7 @@ const _hoisted_2$7U = {
   "data-testid": "cn-ai-input-chips"
 };
 const _hoisted_3$73 = { class: "cn-ai-input__chip-name" };
-const _hoisted_4$6k = ["aria-label", "disabled", "data-testid", "onClick"];
+const _hoisted_4$6l = ["aria-label", "disabled", "data-testid", "onClick"];
 const _hoisted_5$5C = { class: "cn-ai-input__row" };
 const _hoisted_6$5b = ["aria-label", "title", "aria-pressed", "aria-disabled", "disabled", "data-engine"];
 const _hoisted_7$4J = ["aria-label", "title", "aria-pressed", "disabled"];
@@ -10091,7 +10100,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: $event => ($options.removeAttachment(index))
               }, [
                 vue$1.createVNode(_component_Close, { size: 14 })
-              ], 8 /* PROPS */, _hoisted_4$6k)
+              ], 8 /* PROPS */, _hoisted_4$6l)
             ]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
@@ -10444,7 +10453,7 @@ const _hoisted_3$72 = {
   key: 0,
   class: "cn-ai-message-list__system-text"
 };
-const _hoisted_4$6j = {
+const _hoisted_4$6k = {
   key: 1,
   class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--user"
 };
@@ -10490,12 +10499,12 @@ const _hoisted_19$1q = {
   class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--assistant",
   "aria-live": "polite"
 };
-const _hoisted_20$1f = {
+const _hoisted_20$1g = {
   key: 2,
   class: "cn-ai-message-list__item cn-ai-message-list__item--assistant",
   "data-testid": "cn-ai-thinking"
 };
-const _hoisted_21$1d = ["aria-label"];
+const _hoisted_21$1e = ["aria-label"];
 const _hoisted_22$1a = { class: "cn-ai-message-list__thinking-text" };
 
 function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10516,7 +10525,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
         (message.role === 'system')
           ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$72, vue$1.toDisplayString(message.content), 1 /* TEXT */))
           : (message.role === 'user')
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6j, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6k, [
                 vue$1.createElementVNode("span", _hoisted_5$5B, vue$1.toDisplayString(message.content), 1 /* TEXT */),
                 ($options.hasAttachments(message))
                   ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_6$5a, [
@@ -10628,7 +10637,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
       : vue$1.createCommentVNode("v-if", true),
     ($options.isThinking)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$1f, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_20$1g, [
           vue$1.createElementVNode("div", {
             class: "cn-ai-message-list__bubble cn-ai-message-list__bubble--assistant cn-ai-message-list__bubble--thinking",
             "aria-label": $options.cnTranslate('AI is thinking'),
@@ -10644,7 +10653,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
               vue$1.createElementVNode("span", { class: "cn-ai-message-list__thinking-dot" }),
               vue$1.createElementVNode("span", { class: "cn-ai-message-list__thinking-dot" })
             ], -1 /* CACHED */))
-          ], 8 /* PROPS */, _hoisted_21$1d)
+          ], 8 /* PROPS */, _hoisted_21$1e)
         ]))
       : vue$1.createCommentVNode("v-if", true)
   ]))
@@ -11723,7 +11732,7 @@ const _hoisted_2$7S = {
   class: "cn-ai-chat-window__titlebar"
 };
 const _hoisted_3$71 = ["title"];
-const _hoisted_4$6i = { class: "cn-ai-chat-window__identity-name" };
+const _hoisted_4$6j = { class: "cn-ai-chat-window__identity-name" };
 const _hoisted_5$5A = { class: "cn-ai-chat-window__controls" };
 const _hoisted_6$59 = {
   key: 1,
@@ -11769,8 +11778,8 @@ const _hoisted_19$1p = {
   role: "note",
   "data-testid": "cn-ai-panel-mark"
 };
-const _hoisted_20$1e = ["src", "alt"];
-const _hoisted_21$1c = { class: "cn-ai-chat-window__mark-label" };
+const _hoisted_20$1f = ["src", "alt"];
+const _hoisted_21$1d = { class: "cn-ai-chat-window__mark-label" };
 
 function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnDashboardIcon = vue$1.resolveComponent("CnDashboardIcon");
@@ -11818,7 +11827,7 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                       size: 16,
                       class: "cn-ai-chat-window__identity-icon"
                     }, null, 8 /* PROPS */, ["name"]),
-                    vue$1.createElementVNode("span", _hoisted_4$6i, vue$1.toDisplayString($options.agentLabel), 1 /* TEXT */)
+                    vue$1.createElementVNode("span", _hoisted_4$6j, vue$1.toDisplayString($options.agentLabel), 1 /* TEXT */)
                   ], 8 /* PROPS */, _hoisted_3$71),
                   vue$1.createElementVNode("div", _hoisted_5$5A, [
                     vue$1.createVNode(_component_NcActions, {
@@ -12083,9 +12092,9 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                         class: "cn-ai-chat-window__mark-logo",
                         src: $data.assistantMark.logo.url,
                         alt: $data.assistantMark.logo.alt
-                      }, null, 8 /* PROPS */, _hoisted_20$1e))
+                      }, null, 8 /* PROPS */, _hoisted_20$1f))
                     : vue$1.createCommentVNode("v-if", true),
-                  vue$1.createElementVNode("span", _hoisted_21$1c, vue$1.toDisplayString($data.assistantMark.label), 1 /* TEXT */)
+                  vue$1.createElementVNode("span", _hoisted_21$1d, vue$1.toDisplayString($data.assistantMark.label), 1 /* TEXT */)
                 ]))
               : vue$1.createCommentVNode("v-if", true)
           ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$8c))
@@ -14619,12 +14628,32 @@ let _source = null;
 /** The read in flight, shared by every caller. */
 let _pending = null;
 
+/**
+ * The team the app answered, as kept: one group id, a list of two or more,
+ * or `''` for none. Blank entries are dropped and a list of one reads as that
+ * one id.
+ *
+ * @spec openspec/changes/my-team-source-may-answer-several-teams/specs/schema-utilities/spec.md#requirement-myteam-may-resolve-to-several-teams
+ * @param {unknown} team What the app's loader answered.
+ * @return {string|string[]} The kept team.
+ */
+function normalizeTeam(team) {
+	if (Array.isArray(team)) {
+		const ids = team.filter((id) => typeof id === 'string').map((id) => id.trim()).filter((id) => id !== '');
+		if (ids.length === 0) {
+			return ''
+		}
+		return ids.length === 1 ? ids[0] : ids
+	}
+	return typeof team === 'string' ? team.trim() : ''
+}
+
 /**
  * Name where the current user's primary team is read: a function answering
  * the team's Nextcloud group id, or null/'' for a user in no team.
  *
  * @spec openspec/changes/saved-view-tokens-my-team/specs/schema-utilities/spec.md#requirement-myteam-resolves-to-the-current-users-primary-team
- * @param {(() => Promise<string|null>)|null} loader The app's loader, or null to unregister.
+ * @param {(() => Promise<string|string[]|null>)|null} loader The app's loader (a group id, or the ids of several teams), or null to unregister.
  * @return {void}
  */
 function registerMyTeamSource(loader) {
@@ -14638,7 +14667,7 @@ function registerMyTeamSource(loader) {
  * when no source is registered, or when the read fails.
  *
  * @spec openspec/changes/saved-view-tokens-my-team/specs/schema-utilities/spec.md#requirement-myteam-resolves-to-the-current-users-primary-team
- * @return {Promise<string>} The team's group id, or ''.
+ * @return {Promise<string|string[]>} The team's group id (or ids), or ''.
  */
 function loadMyTeam() {
 	if (_state.team !== null) {
@@ -14653,7 +14682,7 @@ function loadMyTeam() {
 	}
 	_pending = Promise.resolve()
 		.then(() => _source())
-		.then((team) => (typeof team === 'string' ? team.trim() : ''))
+		.then((team) => normalizeTeam(team))
 		.catch(() => '')
 		.then((team) => {
 			_state.team = team;
@@ -14668,7 +14697,7 @@ function loadMyTeam() {
  * it is being read (and starts the read on first use).
  *
  * @spec openspec/changes/saved-view-tokens-my-team/specs/schema-utilities/spec.md#requirement-myteam-resolves-to-the-current-users-primary-team
- * @return {string|null} The team, '' or null.
+ * @return {string|string[]|null} The team (or teams), '' or null.
  */
 function peekMyTeam() {
 	if (_state.team === null) {
@@ -15353,15 +15382,16 @@ const MY_GROUPS_TOKEN = '@myGroups';
 const MY_TEAM_TOKEN = '@myTeam';
 
 /**
- * Resolve `@myTeam`: the team's group id; `@myTeam` while it is being read (the
+ * Resolve `@myTeam`: the team's group id, or the ids of several teams when the
+ * app answers a list (an IN filter); `@myTeam` while it is being read (the
  * caller waits); `@myTeam?` for a user in no team (the caller drops the key).
  *
  * @spec openspec/changes/saved-view-tokens-my-team/specs/schema-utilities/spec.md#requirement-myteam-resolves-to-the-current-users-primary-team
- * @param {{myTeam?: string}} [ctx] Optional context; `ctx.myTeam` wins.
- * @return {string} The group id or the token.
+ * @param {{myTeam?: (string|string[])}} [ctx] Optional context; `ctx.myTeam` wins.
+ * @return {string|string[]} The group id(s) or the token.
  */
 function resolveMyTeam(ctx) {
-	const team = ctx && typeof ctx.myTeam === 'string' ? ctx.myTeam : peekMyTeam();
+	const team = ctx && (typeof ctx.myTeam === 'string' || Array.isArray(ctx.myTeam)) ? ctx.myTeam : peekMyTeam();
 	if (team === null) {
 		return MY_TEAM_TOKEN
 	}
@@ -24266,7 +24296,7 @@ function formatterFor(vf) {
 var script$8z = {
 	name: 'CnChartWidget',
 
-	components: { CnEndpointNotice: __sfc_main$8u },
+	components: { CnEndpointNotice: __sfc_main$8u, NcNoteCard: vue.NcNoteCard },
 
 	inject: {
 		/**
@@ -24328,6 +24358,24 @@ var script$8z = {
 			default: null,
 		},
 
+		/**
+		 * A toned note card under the chart whose words carry values from the
+		 * page record: `{ lead?, text?, values?, labels?, tone? }`. `lead`
+		 * (bold) and `text` go through the host's translate, then each
+		 * `{name}` is filled from `values[name]`, a literal or a token such as
+		 * `@object.recommendedIntervention`. `labels[name]` turns a key into
+		 * words: `"rows"`, `"columns"` or `"values"` read the matrix's
+		 * cellSource label maps, an object is its own map. `tone` is info
+		 * (default), success, warning or error. Hidden while a value is
+		 * missing, so a half-filled sentence never shows.
+		 *
+		 * @spec openspec/changes/chart-notice/specs/chart-notice/spec.md#requirement-a-chart-can-carry-a-notice-with-record-values
+		 */
+		notice: {
+			type: Object,
+			default: null,
+		},
+
 		/**
 		 * A line under the chart ("Klik een balk om de zaken te zien"),
 		 * through the host's translate: under the rows of a `bar-list` or
@@ -25462,6 +25510,38 @@ var script$8z = {
 			}
 		},
 
+		/**
+		 * The notice's bold lead, text and note-card type, values filled in;
+		 * null when there is none or a value is missing.
+		 *
+		 * @return {{lead: string, text: string, type: string}|null} The notice.
+		 * @spec openspec/changes/chart-notice/specs/chart-notice/spec.md#requirement-a-chart-can-carry-a-notice-with-record-values
+		 */
+		noticeParts() {
+			const def = this.notice;
+			if (!def || typeof def !== 'object' || (!def.lead && !def.text)) {
+				return null
+			}
+			const declared = def.values && typeof def.values === 'object' ? def.values : {};
+			const resolved = resolveFilterTokens(declared, this.chartTokenCtx());
+			const source = this.cellSource && typeof this.cellSource === 'object' ? this.cellSource : {};
+			const maps = { rows: source.rowLabels, columns: source.columnLabels, values: source.valueLabels };
+			const words = {};
+			for (const name of Object.keys(declared)) {
+				const raw = resolved[name];
+				if (raw === null || raw === undefined || raw === '' || (typeof raw === 'string' && raw.charAt(0) === '@')) {
+					return null
+				}
+				const ref = def.labels && def.labels[name];
+				const map = typeof ref === 'string' ? maps[ref] : ref;
+				const label = map && typeof map === 'object' && typeof map[String(raw)] === 'string' ? map[String(raw)] : null;
+				words[name] = label ? this.hostTranslate(label) : String(raw);
+			}
+			const fill = (key) => (key ? this.hostTranslate(key).replace(/\{(\w+)\}/g, (match, name) => (name in words ? words[name] : match)) : '');
+			const type = ['info', 'success', 'warning', 'error'].includes(def.tone) ? def.tone : 'info';
+			return { lead: fill(def.lead), text: fill(def.text), type }
+		},
+
 		/**
 		 * The matrix cell of the record (`highlight: { row, column }`, tokens
 		 * such as `@object.behaviour` resolved), as row and column indexes. A
@@ -26671,7 +26751,7 @@ const _hoisted_3$6$ = {
   class: "cn-chart-widget__empty",
   "data-testid": "cn-chart-widget-empty"
 };
-const _hoisted_4$6h = {
+const _hoisted_4$6i = {
   key: 5,
   class: "cn-chart-widget__html",
   "data-testid": "cn-chart-widget-bar-list"
@@ -26720,9 +26800,12 @@ const _hoisted_19$1o = {
   class: "cn-chart-widget__footnote",
   "data-testid": "cn-chart-widget-footnote"
 };
+const _hoisted_20$1e = { class: "cn-chart-widget__notice-text" };
+const _hoisted_21$1c = { key: 0 };
 
 function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnEndpointNotice = vue$1.resolveComponent("CnEndpointNotice");
+  const _component_NcNoteCard = vue$1.resolveComponent("NcNoteCard");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
     class: vue$1.normalizeClass(["cn-chart-widget", { 'cn-chart-widget--fit': $options.fitToContainer }])
@@ -26771,7 +26854,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
         : ($options.showEmptyState)
           ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$6$, vue$1.toDisplayString($options.hostTranslate($props.emptyLabel)), 1 /* TEXT */))
           : ($props.type === 'bar-list')
-            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6h, [
+            ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$6i, [
                 vue$1.createElementVNode("ul", _hoisted_5$5z, [
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.barListRows, (row) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock("li", {
@@ -26866,12 +26949,31 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                   ])),
     ($props.footnote && $data.chartComponent && !$options.showEmptyState && $props.type !== 'bar-list' && $props.type !== 'matrix')
       ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_19$1o, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+      : vue$1.createCommentVNode("v-if", true),
+    ($options.noticeParts)
+      ? (vue$1.openBlock(), vue$1.createBlock(_component_NcNoteCard, {
+          key: 10,
+          type: $options.noticeParts.type,
+          "data-tone": $options.noticeParts.type,
+          class: "cn-chart-widget__notice",
+          "data-testid": "cn-chart-widget-notice"
+        }, {
+          default: vue$1.withCtx(() => [
+            vue$1.createElementVNode("p", _hoisted_20$1e, [
+              ($options.noticeParts.lead)
+                ? (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_21$1c, 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 */)
+            ])
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["type", "data-tone"]))
       : vue$1.createCommentVNode("v-if", true)
   ], 2 /* CLASS */))
 }
 
 script$8z.render = render$8y;
-script$8z.__scopeId = "data-v-8e52ae5c";
+script$8z.__scopeId = "data-v-4e61b5f0";
 const __sfc_main$8t = script$8z;
 
 /**
@@ -27795,7 +27897,7 @@ var script$8v = {
 const _hoisted_1$84 = { class: "cn-chart-widget-form" };
 const _hoisted_2$7N = { class: "cn-chart-widget-form__section" };
 const _hoisted_3$6_ = { class: "cn-chart-widget-form__row2" };
-const _hoisted_4$6g = { class: "cn-chart-widget-form__section" };
+const _hoisted_4$6h = { class: "cn-chart-widget-form__section" };
 const _hoisted_5$5y = { class: "cn-chart-widget-form__row2" };
 const _hoisted_6$57 = {
   key: 0,
@@ -27844,7 +27946,7 @@ function render$8u(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modelValue", "options", "inputLabel"])
     ]),
-    vue$1.createElementVNode("h4", _hoisted_4$6g, vue$1.toDisplayString($options.t('nextcloud-vue', 'Data source')), 1 /* TEXT */),
+    vue$1.createElementVNode("h4", _hoisted_4$6h, vue$1.toDisplayString($options.t('nextcloud-vue', 'Data source')), 1 /* TEXT */),
     vue$1.createElementVNode("div", _hoisted_5$5y, [
       vue$1.createVNode(_component_CnRegisterSchemaSelect, {
         register: $data.source.register,
@@ -29277,7 +29379,7 @@ const _hoisted_3$6Z = {
   key: 0,
   class: "cn-quick-filter-bar__count"
 };
-const _hoisted_4$6f = {
+const _hoisted_4$6g = {
   class: "cn-quick-filter-bar__tab cn-quick-filter-bar__more",
   "data-measure": "more"
 };
@@ -29352,7 +29454,7 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                     : vue$1.createCommentVNode("v-if", true)
                 ], 2 /* CLASS */))
               }), 128 /* KEYED_FRAGMENT */)),
-              vue$1.createElementVNode("span", _hoisted_4$6f, [
+              vue$1.createElementVNode("span", _hoisted_4$6g, [
                 ($options.overflowLabel)
                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_5$5x, vue$1.toDisplayString($options.overflowLabel), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true),
@@ -29907,7 +30009,7 @@ const _hoisted_3$6Y = {
   key: 0,
   class: "cn-conversation-thread__heading"
 };
-const _hoisted_4$6e = {
+const _hoisted_4$6f = {
   key: 0,
   class: "cn-conversation-thread__subtitle",
   "data-testid": "cn-conversation-subtitle"
@@ -29973,15 +30075,15 @@ const _hoisted_22$19 = {
   class: "cn-conversation-thread__message-actions"
 };
 const _hoisted_23$_ = { class: "cn-conversation-thread__reply-head" };
-const _hoisted_24$T = ["for"];
-const _hoisted_25$M = {
+const _hoisted_24$U = ["for"];
+const _hoisted_25$N = {
   key: 0,
   class: "cn-conversation-thread__reply-hint",
   "data-testid": "cn-conversation-reply-hint"
 };
-const _hoisted_26$G = ["id", "placeholder", "disabled", "aria-describedby"];
+const _hoisted_26$H = ["id", "placeholder", "disabled", "aria-describedby"];
 const _hoisted_27$y = ["id"];
-const _hoisted_28$v = { class: "cn-conversation-thread__reply-foot" };
+const _hoisted_28$w = { class: "cn-conversation-thread__reply-foot" };
 const _hoisted_29$u = {
   key: 0,
   class: "cn-conversation-thread__reply-option",
@@ -30015,7 +30117,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["id"])),
                 ($props.subtitle)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_4$6e, vue$1.toDisplayString($props.subtitle), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_4$6f, vue$1.toDisplayString($props.subtitle), 1 /* TEXT */))
                   : vue$1.createCommentVNode("v-if", true)
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -30109,9 +30211,9 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
             vue$1.createElementVNode("label", {
               for: $data.inputId,
               class: "cn-conversation-thread__reply-label"
-            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$T),
+            }, vue$1.toDisplayString($props.replyLabel), 9 /* TEXT, PROPS */, _hoisted_24$U),
             ($props.replyHint)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$M, vue$1.toDisplayString($props.replyHint), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$N, vue$1.toDisplayString($props.replyHint), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true)
           ]),
           vue$1.withDirectives(vue$1.createElementVNode("textarea", {
@@ -30127,7 +30229,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
               _cache[1] || (_cache[1] = vue$1.withKeys(vue$1.withModifiers((...args) => ($options.onSend && $options.onSend(...args)), ["ctrl","prevent"]), ["enter"])),
               _cache[2] || (_cache[2] = vue$1.withKeys(vue$1.withModifiers((...args) => ($options.onSend && $options.onSend(...args)), ["meta","prevent"]), ["enter"]))
             ]
-          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$G), [
+          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$H), [
             [vue$1.vModelText, $data.draft]
           ]),
           ($data.errorMessage)
@@ -30139,7 +30241,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                 "data-testid": "cn-conversation-error"
               }, vue$1.toDisplayString($data.errorMessage), 9 /* TEXT, PROPS */, _hoisted_27$y))
             : vue$1.createCommentVNode("v-if", true),
-          vue$1.createElementVNode("div", _hoisted_28$v, [
+          vue$1.createElementVNode("div", _hoisted_28$w, [
             ($options.optionShown)
               ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_29$u, [
                   vue$1.withDirectives(vue$1.createElementVNode("input", {
@@ -30528,6 +30630,10 @@ var script$8q = {
 			acting: '',
 			/** The threads `statusBadge` reads. */
 			badgeRows: [],
+			/** What the last draft save said: when it was saved, or that it failed. */
+			draftStatus: '',
+			/** Whether a draft is being saved. */
+			savingDraft: false,
 		}
 	},
 
@@ -30665,6 +30771,21 @@ var script$8q = {
 		 * @return {string} The URL, or '' when the content names none.
 		 * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread
 		 */
+		/**
+		 * The reply draft's url (`content.draft.url`, `@objectId` filled in),
+		 * or '' without one.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/conversation-reply-draft/specs/conversation-reply-draft/spec.md#requirement-a-reply-can-be-saved-as-a-draft-and-comes-back
+		 */
+		draftUrl() {
+			const url = this.content.draft && this.content.draft.url;
+			if (typeof url !== 'string' || url === '') {
+				return ''
+			}
+			return url.replace(/@objectId/g, encodeURIComponent(String(this.objectId ?? '')))
+		},
+
 		endpoint() {
 			const url = this.content.endpoint;
 			if (typeof url !== 'string' || url === '') {
@@ -30690,19 +30811,101 @@ var script$8q = {
 			handler() {
 				this.loadSource();
 				this.loadBadge();
+				this.loadDraft();
 			},
 		},
 	},
 
 	mounted() {
 		eventBus.subscribe('cn:page:refresh', this.onPageRefresh);
+		eventBus.subscribe('cn:conversation:reply-sent', this.onReplySentElsewhere);
 	},
 
 	beforeUnmount() {
 		eventBus.unsubscribe('cn:page:refresh', this.onPageRefresh);
+		eventBus.unsubscribe('cn:conversation:reply-sent', this.onReplySentElsewhere);
 	},
 
 	methods: {
+		t: l10n.translate,
+
+		/**
+		 * Read the saved reply draft into the reply box.
+		 *
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/conversation-reply-draft/specs/conversation-reply-draft/spec.md#requirement-a-reply-can-be-saved-as-a-draft-and-comes-back
+		 */
+		async loadDraft() {
+			if (!this.draftUrl) {
+				return
+			}
+			try {
+				const { default: axios } = await import('@nextcloud/axios');
+				const { generateUrl } = await import('@nextcloud/router');
+				const { data } = await axios.get(generateUrl(this.draftUrl));
+				const text = data && typeof data.text === 'string' ? data.text : '';
+				if (text !== '' && this.$refs.thread) {
+					this.$refs.thread.setDraft(text);
+				}
+			} catch {
+				// No saved draft to read leaves the box empty.
+			}
+		},
+
+		/**
+		 * Store the reply box as the draft and say when it was saved.
+		 *
+		 * @param {string} text The reply box's text.
+		 * @return {Promise<void>}
+		 */
+		async saveDraft(text) {
+			this.savingDraft = true;
+			try {
+				await this.storeDraft(String(text ?? ''));
+				this.draftStatus = l10n.translate('nextcloud-vue', 'Draft saved at {time}', { time: formatTimeOfDay(new Date()) });
+			} catch {
+				this.draftStatus = l10n.translate('nextcloud-vue', 'The draft could not be saved');
+			} finally {
+				this.savingDraft = false;
+			}
+		},
+
+		/**
+		 * A reply on this record went out through a dialog or another surface
+		 * (`cn:conversation:reply-sent` with `{ objectId }`): the saved draft
+		 * and the reply box are cleared.
+		 *
+		 * @param {{objectId?: string}} payload The record the reply was on.
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/conversation-reply-draft/specs/conversation-reply-draft/spec.md#requirement-a-reply-can-be-saved-as-a-draft-and-comes-back
+		 */
+		async onReplySentElsewhere(payload) {
+			if (!this.draftUrl || String(payload?.objectId ?? '') !== String(this.objectId ?? '')) {
+				return
+			}
+			if (this.$refs.thread) {
+				this.$refs.thread.setDraft('');
+			}
+			this.draftStatus = '';
+			try {
+				await this.storeDraft('');
+			} catch {
+				// The next save overwrites a draft that could not be cleared.
+			}
+		},
+
+		/**
+		 * PUT the draft text.
+		 *
+		 * @param {string} text The text; '' clears the draft.
+		 * @return {Promise<void>}
+		 */
+		async storeDraft(text) {
+			const { default: axios } = await import('@nextcloud/axios');
+			const { generateUrl } = await import('@nextcloud/router');
+			await axios.put(generateUrl(this.draftUrl), { text });
+		},
+
 		/**
 		 * Read the messages again when the page refreshes (a dialog sent one).
 		 *
@@ -31041,6 +31244,9 @@ var script$8q = {
 			if (typeof text !== 'string' || text === '') {
 				return
 			}
+			if (this.draftUrl) {
+				this.storeDraft('');
+			}
 			this.sentHere.push({
 				id: `sent-${this.sentHere.length}`,
 				time: new Date().toISOString(),
@@ -31053,11 +31259,17 @@ var script$8q = {
 
 const _hoisted_1$80 = { class: "cn-case-widget-card" };
 const _hoisted_2$7K = {
+  key: 0,
+  class: "cn-conversation-widget__draft-status",
+  role: "status",
+  "data-testid": "cn-conversation-draft-status"
+};
+const _hoisted_3$6X = {
   key: 0,
   class: "cn-conversation-widget__badge",
   "data-testid": "cn-conversation-status-badge"
 };
-const _hoisted_3$6X = {
+const _hoisted_4$6e = {
   key: 0,
   class: "cn-conversation-widget__error",
   role: "alert",
@@ -31067,12 +31279,13 @@ const _hoisted_3$6X = {
 function render$8p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnTemplateSelect = vue$1.resolveComponent("CnTemplateSelect");
   const _component_NcCheckboxRadioSwitch = vue$1.resolveComponent("NcCheckboxRadioSwitch");
-  const _component_CnIcon = vue$1.resolveComponent("CnIcon");
   const _component_NcButton = vue$1.resolveComponent("NcButton");
+  const _component_CnIcon = vue$1.resolveComponent("CnIcon");
   const _component_CnConversationThread = vue$1.resolveComponent("CnConversationThread");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$80, [
     vue$1.createVNode(_component_CnConversationThread, {
+      ref: "thread",
       messages: $options.messages,
       title: $options.tr($props.content.title || ''),
       subtitle: $options.tr($props.content.subtitle || ''),
@@ -31109,10 +31322,10 @@ function render$8p(_ctx, _cache, $props, $setup, $data, $options) {
             key: "0"
           }
         : undefined,
-      ($options.replyOptions.length > 0)
+      ($options.replyOptions.length > 0 || $options.draftUrl)
         ? {
             name: "reply-actions",
-            fn: vue$1.withCtx(() => [
+            fn: vue$1.withCtx(({ draft }) => [
               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.replyOptions, (option) => {
                 return (vue$1.openBlock(), vue$1.createBlock(_component_NcCheckboxRadioSwitch, {
                   key: option.key,
@@ -31125,7 +31338,23 @@ function render$8p(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 2 /* DYNAMIC */
                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "data-testid"]))
-              }), 128 /* KEYED_FRAGMENT */))
+              }), 128 /* KEYED_FRAGMENT */)),
+              ($options.draftUrl && $data.draftStatus)
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_2$7K, vue$1.toDisplayString($data.draftStatus), 1 /* TEXT */))
+                : vue$1.createCommentVNode("v-if", true),
+              ($options.draftUrl)
+                ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
+                    key: 1,
+                    "data-testid": "cn-conversation-save-draft",
+                    disabled: $data.savingDraft,
+                    onClick: $event => ($options.saveDraft(draft))
+                  }, {
+                    default: vue$1.withCtx(() => [
+                      vue$1.createTextVNode(vue$1.toDisplayString($options.t('nextcloud-vue', 'Save as draft')), 1 /* TEXT */)
+                    ]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["disabled", "onClick"]))
+                : vue$1.createCommentVNode("v-if", true)
             ]),
             key: "1"
           }
@@ -31135,7 +31364,7 @@ function render$8p(_ctx, _cache, $props, $setup, $data, $options) {
             name: "header-actions",
             fn: vue$1.withCtx(() => [
               ($options.statusBadgeText)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_2$7K, vue$1.toDisplayString($options.statusBadgeText), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3$6X, vue$1.toDisplayString($options.statusBadgeText), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true),
               ($options.headerAction)
                 ? (vue$1.openBlock(), vue$1.createBlock(_component_NcButton, {
@@ -31168,13 +31397,13 @@ function render$8p(_ctx, _cache, $props, $setup, $data, $options) {
         : undefined
     ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["messages", "title", "subtitle", "showDirection", "allowReply", "replyLabel", "placeholder", "sendLabel", "replyHint", "replyOption", "usLabel", "endpoint", "loading", "emptyText", "channelFilter", "channels", "payload", "onSend", "onSent", "onMessageAction"]),
     ($data.actionError)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_3$6X, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_4$6e, vue$1.toDisplayString($data.actionError), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true)
   ]))
 }
 
 script$8q.render = render$8p;
-script$8q.__scopeId = "data-v-c7d9637a";
+script$8q.__scopeId = "data-v-63984d97";
 const __sfc_main$8k = script$8q;
 
 /**
@@ -41464,7 +41693,7 @@ function formatLongDate(value, now = new Date(), withYear = false) {
  * Format one token value.
  *
  * @param {unknown} value The raw value.
- * @param {string} format `date`, `datetime`, `weekday`, `longdate`, `time`, `user`, `currency`, `relative`, `relativetime`, `ago`, `week`, `days`, `lower` or '' (as is).
+ * @param {string} format `date`, `datetime`, `weekday`, `longdate`, `time`, `user`, `currency`, `relative`, `relativetime`, `ago`, `week`, `days`, `lower`, `mailbox` or '' (as is).
  * @param {Date} now The reference moment.
  * @param {string} [arg] The format's argument (`currency:EUR`, or a row path holding the code).
  * @param {object|null} [object] The row, for a currency read from a field.
@@ -41525,6 +41754,12 @@ function formatValue(value, format, now, arg = '', object = null, config = null,
 	if (format === 'ago') {
 		return formatAgo(value, now)
 	}
+	if (format === 'mailbox') {
+		// An address up to and with its @ ("gemeente@" from gemeente@zuiddrecht.nl).
+		const text = String(value);
+		const at = text.indexOf('@');
+		return at > 0 ? text.slice(0, at + 1) : text
+	}
 	if (format === 'lower') {
 		return String(value).toLocaleLowerCase()
 	}
@@ -45411,6 +45646,22 @@ var script$85 = {
 		 * @return {string}
 		 * @spec openspec/changes/cell-labels-and-draft-indicator/specs/cell-labels-and-draft-indicator/spec.md#requirement-a-built-in-cell-widget-shows-an-enum-value-by-its-label
 		 */
+		/**
+		 * What a `label` or `badge` cell shows: its label, worded by
+		 * `widgetProps.textTemplate` when given (translated, filled from the
+		 * row, `{value}` the label; DqPostvak "Lijkt op 2026-0079").
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/cell-text-template/specs/cell-text-template/spec.md
+		 */
+		shownLabel() {
+			const template = this.widgetProps && this.widgetProps.textTemplate;
+			if (typeof template !== 'string' || template === '') {
+				return this.labelledValue
+			}
+			return fillTemplate(this.cnTranslate(template), { ...(this.row || {}), value: this.labelledValue })
+		},
+
 		labelledValue() {
 			if (!this.hasFormatter && this.isEnum && this.hasValue && typeof this.value !== 'object') {
 				return this.enumLabel
@@ -46014,18 +46265,18 @@ const _hoisted_22$17 = {
   "aria-hidden": "true"
 };
 const _hoisted_23$Y = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_24$S = ["title"];
-const _hoisted_25$L = {
+const _hoisted_24$T = ["title"];
+const _hoisted_25$M = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
   "data-testid": "cn-cell-secondary"
 };
-const _hoisted_26$F = {
+const _hoisted_26$G = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
 const _hoisted_27$x = ["datetime", "title"];
-const _hoisted_28$u = {
+const _hoisted_28$v = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
@@ -46188,7 +46439,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                     ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                         key: 0,
                         title: $options.rawTitle
-                      }, vue$1.toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_7$4v))
+                      }, vue$1.toDisplayString($options.shownLabel), 9 /* TEXT, PROPS */, _hoisted_7$4v))
                     : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$43, "—"))
                 ], 64 /* STABLE_FRAGMENT */))
               : ($props.widget === 'badge')
@@ -46196,7 +46447,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                     ($options.hasValue)
                       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                           key: 0,
-                          label: $options.labelledValue,
+                          label: $options.shownLabel,
                           variant: $options.badgeVariant,
                           colorMap: $options.badgeColorMap,
                           colorKey: $options.badgeColorKey,
@@ -46342,13 +46593,13 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                       vue$1.createElementVNode("span", {
                                         class: "cn-cell-renderer__avatar-name",
                                         title: $options.avatarName || $options.avatarUserId
-                                      }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_24$S),
+                                      }, vue$1.toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_24$T),
                                       ($props.secondary)
-                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$L, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
+                                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_25$M, vue$1.toDisplayString($props.secondary), 1 /* TEXT */))
                                         : vue$1.createCommentVNode("v-if", true)
                                     ])
                                   ]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$F, "—"))
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$G, "—"))
                             ], 64 /* STABLE_FRAGMENT */))
                           : ($props.widget === 'age')
                             ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 11 }, [
@@ -46359,7 +46610,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                       datetime: $options.dateTimestamp.toISOString(),
                                       title: $options.absoluteDateLabel
                                     }, vue$1.toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_27$x))
-                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$u, "—"))
+                                  : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$v, "—"))
                               ], 64 /* STABLE_FRAGMENT */))
                             : ($props.widget === 'date')
                               ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 12 }, [
@@ -46606,7 +46857,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$85.render = render$84;
-script$85.__scopeId = "data-v-5e132788";
+script$85.__scopeId = "data-v-2a3bc230";
 const __sfc_main$7$ = script$85;
 
 /**
@@ -49113,19 +49364,19 @@ const _hoisted_23$X = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_24$R = {
+const _hoisted_24$S = {
   key: 0,
   class: "cn-table-empty",
   "data-testid": "cn-object-list-empty"
 };
-const _hoisted_25$K = ["colspan"];
-const _hoisted_26$E = {
+const _hoisted_25$L = ["colspan"];
+const _hoisted_26$F = {
   key: 0,
   class: "cn-table-empty__lens-reason",
   "data-testid": "cn-data-table-lens-reason"
 };
 const _hoisted_27$w = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
-const _hoisted_28$t = ["href", "aria-label", "onClick"];
+const _hoisted_28$u = ["href", "aria-label", "onClick"];
 const _hoisted_29$s = {
   key: 3,
   class: "cn-table-row-indicators",
@@ -49384,16 +49635,16 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                 ])),
             vue$1.createElementVNode("tbody", null, [
               ($options.effectiveRows.length === 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_24$R, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_24$S, [
                     vue$1.createElementVNode("td", { colspan: $options.totalColumns }, [
                       vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [
                         ($options.lensReasonText)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$E, vue$1.toDisplayString($options.lensReasonText), 1 /* TEXT */))
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_26$F, vue$1.toDisplayString($options.lensReasonText), 1 /* TEXT */))
                           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                               vue$1.createTextVNode(vue$1.toDisplayString($options.translateLabel($props.emptyText)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
                       ])
-                    ], 8 /* PROPS */, _hoisted_25$K)
+                    ], 8 /* PROPS */, _hoisted_25$L)
                   ]))
                 : (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, vue$1.renderList($options.effectiveRows, (row, rowIndex) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
@@ -49465,7 +49716,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                   "data-testid": "cn-row-link",
                                   onMousemove: _cache[4] || (_cache[4] = (...args) => ($options.linkTitleAtPointer && $options.linkTitleAtPointer(...args))),
                                   onClick: $event => ($options.onRowLinkClick(row, $event))
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$t))
+                                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$u))
                               : vue$1.createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex && $options.isUnreadRow(row))
                               ? (vue$1.openBlock(), vue$1.createBlock(_component_CnUnreadMarker, { key: 1 }))
@@ -85225,17 +85476,17 @@ const _hoisted_22$15 = {
   role: "alert"
 };
 const _hoisted_23$W = ["placeholder", "aria-label"];
-const _hoisted_24$Q = {
+const _hoisted_24$R = {
   key: 3,
   class: "cn-icon-browser-panel__grid"
 };
-const _hoisted_25$J = ["title", "aria-label", "onClick"];
-const _hoisted_26$D = ["src", "alt"];
+const _hoisted_25$K = ["title", "aria-label", "onClick"];
+const _hoisted_26$E = ["src", "alt"];
 const _hoisted_27$v = {
   key: 0,
   class: "cn-icon-browser-panel__cell-label"
 };
-const _hoisted_28$s = {
+const _hoisted_28$t = {
   key: 4,
   class: "cn-icon-browser-panel__hint"
 };
@@ -85425,7 +85676,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 : vue$1.createCommentVNode("v-if", true),
               ($options.customVisibleIcons.length > 0)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$Q, [
+                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$R, [
                     (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,
@@ -85440,16 +85691,16 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                           src: icon.url,
                           alt: icon.label,
                           loading: "lazy"
-                        }, null, 8 /* PROPS */, _hoisted_26$D),
+                        }, null, 8 /* PROPS */, _hoisted_26$E),
                         ($props.showLabels)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$v, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
                           : vue$1.createCommentVNode("v-if", true)
-                      ], 10 /* CLASS, PROPS */, _hoisted_25$J))
+                      ], 10 /* CLASS, PROPS */, _hoisted_25$K))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]))
                 : vue$1.createCommentVNode("v-if", true),
               ($options.customTruncated)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_28$s, vue$1.toDisplayString($options.t('nextcloud-vue', 'Showing {shown} of {total} — refine your search to narrow results.', { shown: $options.customVisibleIcons.length, total: $options.customMatches.length })), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_28$t, vue$1.toDisplayString($options.t('nextcloud-vue', 'Showing {shown} of {total} — refine your search to narrow results.', { shown: $options.customVisibleIcons.length, total: $options.customMatches.length })), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */))
           : vue$1.createCommentVNode("v-if", true)
@@ -96376,14 +96627,14 @@ const _hoisted_22$13 = {
   class: "cn-activity-tab__filter"
 };
 const _hoisted_23$V = { class: "cn-activity-tab__filter-label" };
-const _hoisted_24$P = { value: "" };
-const _hoisted_25$I = { value: "internal" };
-const _hoisted_26$C = { value: "public" };
+const _hoisted_24$Q = { value: "" };
+const _hoisted_25$J = { value: "internal" };
+const _hoisted_26$D = { value: "public" };
 const _hoisted_27$u = {
   key: 2,
   class: "cn-activity-tab__reads"
 };
-const _hoisted_28$r = ["checked"];
+const _hoisted_28$s = ["checked"];
 const _hoisted_29$q = ["aria-label"];
 const _hoisted_30$o = ["onClick"];
 const _hoisted_31$m = {
@@ -96582,9 +96833,9 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                         "data-testid": "cn-activity-visibility-select",
                         onChange: _cache[6] || (_cache[6] = (...args) => ($options.resetAndFetch && $options.resetAndFetch(...args)))
                       }, [
-                        vue$1.createElementVNode("option", _hoisted_24$P, vue$1.toDisplayString($data.allVisibilityLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("option", _hoisted_25$I, vue$1.toDisplayString($data.internalLabel), 1 /* TEXT */),
-                        vue$1.createElementVNode("option", _hoisted_26$C, vue$1.toDisplayString($data.publicLabel), 1 /* TEXT */)
+                        vue$1.createElementVNode("option", _hoisted_24$Q, 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 */), [
                         [vue$1.vModelSelect, $data.selectedVisibility]
                       ])
@@ -96598,7 +96849,7 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
                   checked: $data.showReads,
                   "data-testid": "cn-activity-reads",
                   onChange: _cache[7] || (_cache[7] = $event => ($options.setShowReads($event.target.checked)))
-                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$r),
+                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28$s),
                 vue$1.createTextVNode(" " + vue$1.toDisplayString($data.showReadsLabel), 1 /* TEXT */)
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -100306,11 +100557,11 @@ const _hoisted_23$U = {
   key: 1,
   class: "cn-bookmarks-card__title"
 };
-const _hoisted_24$O = {
+const _hoisted_24$P = {
   key: 3,
   class: "cn-bookmarks-card__view-all"
 };
-const _hoisted_25$H = ["href"];
+const _hoisted_25$I = ["href"];
 
 function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -100441,12 +100692,12 @@ function render$7y(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.bookmarks.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$O, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$P, [
                       vue$1.createElementVNode("a", {
                         href: $props.bookmarksAppUrl,
                         target: "_blank",
                         rel: "noopener noreferrer"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$H)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$I)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -102402,11 +102653,11 @@ const _hoisted_23$T = {
   class: "cn-calendar-tab__date cn-calendar-tab__date--past",
   "aria-hidden": "true"
 };
-const _hoisted_24$N = { class: "cn-calendar-tab__date-month" };
-const _hoisted_25$G = { class: "cn-calendar-tab__date-day" };
-const _hoisted_26$B = { class: "cn-calendar-tab__main" };
+const _hoisted_24$O = { class: "cn-calendar-tab__date-month" };
+const _hoisted_25$H = { class: "cn-calendar-tab__date-day" };
+const _hoisted_26$C = { class: "cn-calendar-tab__main" };
 const _hoisted_27$t = { class: "cn-calendar-tab__title-row" };
-const _hoisted_28$q = { class: "cn-calendar-tab__title" };
+const _hoisted_28$r = { class: "cn-calendar-tab__title" };
 const _hoisted_29$p = { class: "cn-calendar-tab__when" };
 const _hoisted_30$n = {
   key: 0,
@@ -102584,12 +102835,12 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                       class: "cn-calendar-tab__event cn-calendar-tab__event--past"
                     }, [
                       vue$1.createElementVNode("div", _hoisted_23$T, [
-                        vue$1.createElementVNode("span", _hoisted_24$N, vue$1.toDisplayString($options.monthOf(ev)), 1 /* TEXT */),
-                        vue$1.createElementVNode("span", _hoisted_25$G, vue$1.toDisplayString($options.dayOf(ev)), 1 /* TEXT */)
+                        vue$1.createElementVNode("span", _hoisted_24$O, 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$B, [
+                      vue$1.createElementVNode("div", _hoisted_26$C, [
                         vue$1.createElementVNode("div", _hoisted_27$t, [
-                          vue$1.createElementVNode("span", _hoisted_28$q, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
+                          vue$1.createElementVNode("span", _hoisted_28$r, vue$1.toDisplayString(ev.summary || $props.untitledLabel), 1 /* TEXT */),
                           ($options.statusLabel(ev))
                             ? (vue$1.openBlock(), vue$1.createBlock(_component_CnStatusBadge, {
                                 key: 0,
@@ -103103,11 +103354,11 @@ const _hoisted_23$S = {
   key: 0,
   class: "cn-collectives-card__row-collective"
 };
-const _hoisted_24$M = {
+const _hoisted_24$N = {
   key: 3,
   class: "cn-collectives-card__view-all"
 };
-const _hoisted_25$F = ["href"];
+const _hoisted_25$G = ["href"];
 
 function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -103235,12 +103486,12 @@ function render$7s(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.pages.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$M, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$N, [
                       vue$1.createElementVNode("a", {
                         href: $props.collectivesAppUrl,
                         target: "_blank",
                         rel: "noopener"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$F)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$G)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -115729,13 +115980,19 @@ function indexRowData(data, { path = '', key = 'fileId' } = {}) {
  * `visibleIf.extension` lists file extensions (no case, a leading dot is
  * allowed); `visibleIf.mime` lists mime types, where one ending in `/` or
  * `/*` names the whole family. Every condition named must hold. An action
- * without `visibleIf` is offered on every file, as before.
+ * without `visibleIf` is offered on every file, as before. An action with
+ * `when` is offered only while `when` is `true`.
  *
  * @param {object} action The declared action.
  * @param {object} node The file (`basename`, `mime`).
  * @return {boolean} True when the action belongs on this file.
  */
 function hostActionApplies(action, node) {
+	// `when`: the action applies only while it is true (a case type flag).
+	// @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-files-browser-entry-can-apply-only-when-a-condition-holds
+	if (action && typeof action === 'object' && 'when' in action && action.when !== true) {
+		return false
+	}
 	const condition = action && action.visibleIf;
 	if (!condition || typeof condition !== 'object') {
 		return true
@@ -115845,6 +116102,11 @@ function normaliseFileColumns(columns) {
 		if (!entry || typeof entry !== 'object' || typeof entry.key !== 'string' || entry.key === '') {
 			return
 		}
+		// `when`: the column applies only while it is true (a case type flag).
+		// @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-files-browser-entry-can-apply-only-when-a-condition-holds
+		if ('when' in entry && entry.when !== true) {
+			return
+		}
 		if (isBuiltInFileColumn(entry.key) && entry.source === undefined) {
 			out.push({ ...BUILT_IN_FILE_COLUMNS[entry.key], ...entry, builtIn: true });
 			return
@@ -118450,7 +118712,7 @@ var script$71 = {
 				? { path: this.currentPath }
 				: { fileId: node.fileid, fileName: node.basename, path: node.path };
 			if (type === 'open-modal') {
-				wrapped = { ...action, props: { ...(action.props || {}), ...context } };
+				wrapped = { ...action, props: { ...(action.props || {}), ...context, ...this.rowPropsOf(action, node) } };
 			} else if (type === 'handler') {
 				wrapped = { ...action, args: [...(action.args || []), node ?? this.folder] };
 			}
@@ -118461,6 +118723,32 @@ var script$71 = {
 			dispatchAction$1(wrapped, { router: this.$router || null });
 		},
 
+		/**
+		 * The clicked file's row-data fields an action asks for as modal props
+		 * (`rowProps: { prop: field }`), or none.
+		 *
+		 * @param {object} action The declared action.
+		 * @param {object|null} node The file, or null for a New-menu entry.
+		 * @return {object} The props.
+		 * @spec openspec/changes/files-review-row-when/specs/files-review-row-when/spec.md#requirement-a-modal-action-can-carry-fields-of-the-clicked-files-row-data
+		 */
+		rowPropsOf(action, node) {
+			const wanted = action && action.rowProps;
+			if (node === null || !wanted || typeof wanted !== 'object') {
+				return {}
+			}
+			const byId = this.resolvedRowData && typeof this.resolvedRowData === 'object' ? this.resolvedRowData : {};
+			const entry = byId[node.fileid] ?? byId[String(node.fileid)] ?? {};
+			const out = {};
+			for (const [prop, field] of Object.entries(wanted)) {
+				const value = readPath$8(entry, String(field));
+				if (value !== undefined && value !== null && value !== '') {
+					out[prop] = value;
+				}
+			}
+			return out
+		},
+
 		/**
 		 * A click on a linked row opens the file where it lives.
 		 *
@@ -118560,18 +118848,18 @@ const _hoisted_23$R = {
   class: "cn-files-browser__table",
   "data-testid": "cn-files-browser-table"
 };
-const _hoisted_24$L = {
+const _hoisted_24$M = {
   key: 0,
   class: "cn-files-browser__col-select",
   scope: "col"
 };
-const _hoisted_25$E = ["checked", ".indeterminate", "disabled", "aria-label"];
-const _hoisted_26$A = {
+const _hoisted_25$F = ["checked", ".indeterminate", "disabled", "aria-label"];
+const _hoisted_26$B = {
   class: "cn-files-browser__col-icon",
   scope: "col"
 };
 const _hoisted_27$s = { class: "hidden-visually" };
-const _hoisted_28$p = ["aria-sort", "data-testid"];
+const _hoisted_28$q = ["aria-sort", "data-testid"];
 const _hoisted_29$o = ["onClick"];
 const _hoisted_30$m = {
   class: "cn-files-browser__col-actions",
@@ -119076,7 +119364,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                 vue$1.createElementVNode("thead", null, [
                   vue$1.createElementVNode("tr", null, [
                     ($options.bulkEnabled)
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_24$L, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_24$M, [
                           vue$1.createElementVNode("input", {
                             type: "checkbox",
                             class: "cn-files-browser__select",
@@ -119086,10 +119374,10 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-label": $options.t('nextcloud-vue', 'Select all files'),
                             "data-testid": "cn-files-browser-select-all",
                             onChange: _cache[1] || (_cache[1] = $event => ($options.toggleAll($event.target.checked)))
-                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_25$E)
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_25$F)
                         ]))
                       : vue$1.createCommentVNode("v-if", true),
-                    vue$1.createElementVNode("th", _hoisted_26$A, [
+                    vue$1.createElementVNode("th", _hoisted_26$B, [
                       vue$1.createElementVNode("span", _hoisted_27$s, vue$1.toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
                     ]),
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.renderedColumns, (column) => {
@@ -119118,7 +119406,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                           : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                               vue$1.createTextVNode(vue$1.toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
-                      ], 10 /* CLASS, PROPS */, _hoisted_28$p))
+                      ], 10 /* CLASS, PROPS */, _hoisted_28$q))
                     }), 128 /* KEYED_FRAGMENT */)),
                     vue$1.createElementVNode("th", _hoisted_30$m, [
                       vue$1.createElementVNode("span", _hoisted_31$k, vue$1.toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
@@ -119711,7 +119999,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$71.render = render$70;
-script$71.__scopeId = "data-v-7ce558e7";
+script$71.__scopeId = "data-v-3a771a01";
 const __sfc_main$6X = script$71;
 
 /**
@@ -124442,11 +124730,11 @@ const _hoisted_23$Q = {
   key: 0,
   class: "cn-maps-card__coords"
 };
-const _hoisted_24$K = {
+const _hoisted_24$L = {
   key: 3,
   class: "cn-maps-card__view-all"
 };
-const _hoisted_25$D = ["href"];
+const _hoisted_25$E = ["href"];
 
 function render$6T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -124561,12 +124849,12 @@ function render$6T(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       ])),
                 ($data.points.length > $data.COMPACT_LIMIT)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$K, [
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_24$L, [
                       vue$1.createElementVNode("a", {
                         href: $props.mapsAppUrl,
                         target: "_blank",
                         rel: "noopener"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$D)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25$E)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -131187,7 +131475,7 @@ const _hoisted_23$P = {
   key: 3,
   class: "cn-photos-card__view-all"
 };
-const _hoisted_24$J = ["href"];
+const _hoisted_24$K = ["href"];
 
 function render$6F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -131320,7 +131608,7 @@ function render$6F(_ctx, _cache, $props, $setup, $data, $options) {
                         href: $props.photosAppUrl,
                         target: "_blank",
                         rel: "noopener noreferrer"
-                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_24$J)
+                      }, vue$1.toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_24$K)
                     ]))
                   : vue$1.createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
@@ -140627,7 +140915,8 @@ const FLOW_TASKS_URL$1 = '/apps/openregister/api/flow-tasks';
 // creating app named it, so it is the one filter that lets a Tasks page say
 // "the reminders" without the engine learning what a reminder is. It widens
 // nothing: it narrows within the inbox the session already decides.
-const ALLOWED_PARAMS = ['scope', 'state', 'isTerminal', 'priority', 'kind', 'overdue', 'dueAfter', 'dueBefore', 'objectUuid', 'sort', 'limit', 'offset'];
+// `openFirst` asks open tasks before finished ones, a sort the engine applies.
+const ALLOWED_PARAMS = ['scope', 'state', 'isTerminal', 'priority', 'kind', 'overdue', 'dueAfter', 'dueBefore', 'objectUuid', 'sort', 'openFirst', 'limit', 'offset'];
 
 /**
  * The flat body `POST /api/flow-tasks` takes for a task on a record.
@@ -140764,7 +141053,7 @@ const useTaskInboxStore = pinia.defineStore('cnTaskInbox', {
 				if (value === undefined || value === null || value === '') {
 					continue
 				}
-				params[key] = (key === 'overdue' || key === 'isTerminal') ? String(value) : value;
+				params[key] = (key === 'overdue' || key === 'isTerminal' || key === 'openFirst') ? String(value) : value;
 			}
 			const response = await axios$1.get(router.generateUrl(FLOW_TASKS_URL$1), { params });
 			const results = response.data?.results || [];
@@ -140944,7 +141233,7 @@ const useTaskInboxStore = pinia.defineStore('cnTaskInbox', {
 				}
 				// The endpoint reads `overdue` as a boolean-ish string; a quick
 				// filter authors it as `true` for legibility.
-				params[key] = (key === 'overdue' || key === 'isTerminal') ? String(value) : value;
+				params[key] = (key === 'overdue' || key === 'isTerminal' || key === 'openFirst') ? String(value) : value;
 			}
 
 			this.loading = true;
@@ -141650,12 +141939,15 @@ function tasksSource() {
 		 *
 		 * @param {string} key The column key.
 		 * @param {string} order `asc` or `desc`.
-		 * @return {{sort: string}|null} The parameter, or null for a column the inbox cannot sort by.
+		 * Open tasks come before finished ones (`openFirst`), each in that order.
+		 *
+		 * @return {{sort: string, openFirst: boolean}|null} The parameters, or null for a column the inbox cannot sort by.
 		 * @spec openspec/changes/tasks-source-sorts-on-server/specs/index-sources/spec.md#requirement-a-named-source-can-sort-on-the-server
+		 * @spec openspec/changes/tasks-source-open-first/specs/index-sources/spec.md#requirement-a-sorted-task-list-puts-open-tasks-first
 		 */
 		sortParam: (key, order) => {
 			const field = TASK_SORT_FIELDS[key];
-			return field ? { sort: (order === 'desc' ? '-' : '') + field } : null
+			return field ? { sort: (order === 'desc' ? '-' : '') + field, openFirst: true } : null
 		},
 
 		// The scope tabs. Each tab's filter is merged over the page's
@@ -142039,7 +142331,7 @@ function fillRowTemplate(template, row) {
  * and its count (DqZoekresultaten).
  *
  * `sourceConfig.kinds` lists what is searched:
- * `{ id, label, register, schema, titleField?, subtitleField?, subtitleTemplate?, statusField?, statusResolve?, linkedField?, linkedTemplate?, href?, limit? }`
+ * `{ id, label, register, schema, titleField?, subtitleField?, subtitleTemplate?, statusField?, statusResolve?, linkedField?, linkedTemplate?, linkedUser?, href?, limit? }`
  * for objects (OpenRegister's `_search`, so the reader sees what they may
  * read), or `{ id, label, files: true, limit? }` for the reader's files
  * (Nextcloud's unified search). The term is `sourceConfig.term`, else the
@@ -142055,6 +142347,8 @@ function fillRowTemplate(template, row) {
  * column, drawn when a kind declares one; `sourceConfig.linkedLabel` names it.
  * `subtitleTemplate` ("Case {identifier}", translated) fills the line under a
  * result, else `subtitleField`.
+ * `linkedUser: true` reads that value as a user id and shows the user's
+ * display name. `sourceConfig.columnWidths` sets a width per column key.
  * The page's title and count line can name the term as `{term}`, and the
  * count is the active kind's total. Kind, link and status are filterable.
  *
@@ -142064,6 +142358,23 @@ function fillRowTemplate(template, row) {
  * @return {object} The source adapter.
  * @spec openspec/changes/index-search-source/specs/index-page/spec.md#requirement-an-index-page-can-search-several-schemas-and-files
  */
+/**
+ * Columns with the widths a page names per column key
+ * (`sourceConfig.columnWidths`, `{ title: '250px' }`); a column it does not
+ * name keeps none.
+ *
+ * @param {Array<object>} columns The columns.
+ * @param {object|undefined} widths The widths by key.
+ * @return {Array<object>} The columns.
+ * @spec openspec/changes/search-linked-user-and-widths/specs/search-linked-user-and-widths/spec.md
+ */
+function withColumnWidths(columns, widths) {
+	if (!widths || typeof widths !== 'object') {
+		return columns
+	}
+	return columns.map((col) => (typeof widths[col.key] === 'string' && widths[col.key] !== '' ? { ...col, width: widths[col.key] } : col))
+}
+
 function searchSource(config = {}, context = {}) {
 	const translate = typeof context.translate === 'function' ? context.translate : (text) => text;
 	const kinds = (Array.isArray(config && config.kinds) ? config.kinds : [])
@@ -142159,12 +142470,20 @@ function searchSource(config = {}, context = {}) {
 		return kind.subtitleField ? String(readPath$8(object, kind.subtitleField) ?? '') : ''
 	};
 
+	// `linkedUser`: the Linked cell holds a user id; name the user instead.
+	const linkedUserNames = async (kind, objects) => {
+		const ids = [...new Set(objects.map((object) => linkedOf(kind, object)).filter((id) => id !== ''))];
+		const options = await Promise.all(ids.map((id) => resolveNextcloudUser(id).catch(() => null)));
+		return new Map(ids.map((id, index) => [id, (options[index] && options[index].label) || id]))
+	};
+
 	const searchObjects = async (axios, kind, term) => {
 		const url = router.generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: kind.register, schema: kind.schema });
 		const res = await axios.get(url, { params: { _search: term, _limit: kind.limit || 20 } });
 		const body = (res && res.data) || {};
 		const results = Array.isArray(body.results) ? body.results : (Array.isArray(body) ? body : []);
 		const labels = kind.statusResolve && kind.statusField ? await statusLabels(kind) : null;
+		const userNames = kind.linkedUser === true ? await linkedUserNames(kind, results) : null;
 		return {
 			total: typeof body.total === 'number' ? body.total : results.length,
 			rows: results.map((object) => {
@@ -142181,7 +142500,7 @@ function searchSource(config = {}, context = {}) {
 					title: String(readPath$8(object, kind.titleField || 'title') ?? object.name ?? id ?? ''),
 					subtitle: subtitleOf(kind, object),
 					status,
-					linked: linkedOf(kind, object),
+					linked: userNames ? (userNames.get(linkedOf(kind, object)) || linkedOf(kind, object)) : linkedOf(kind, object),
 					href: kind.href ? router.generateUrl(fillRowTemplate(kind.href, { ...object, id })) : '',
 					object,
 				}
@@ -142289,7 +142608,7 @@ function searchSource(config = {}, context = {}) {
 		 */
 		loading: () => state.loading,
 
-		columns: [
+		columns: withColumnWidths([
 			{ key: 'title', label: l10n.translate('nextcloud-vue', 'Result'), secondary: 'subtitle', sortable: true },
 			// `kindAsText`: what one row is, as plain text ("Zaak", "Lantaarnpaal",
 			// DqZoekresultaten), instead of the plural kind as a pill.
@@ -142304,7 +142623,7 @@ function searchSource(config = {}, context = {}) {
 				widgetProps: { colorMap: (config && config.statusColorMap) || {} },
 				sortable: true,
 			},
-		],
+		], config && config.columnWidths),
 
 		/**
 		 * Every column header carries a filter button (DqZoekresultaten); the
@@ -142554,6 +142873,15 @@ function usersSource() {
 		/** A filter button on every head (DqAfdelingen); the members read are narrowed here. */
 		headerFilters: true,
 
+		/**
+		 * A member's row menu (DqAfdelingen): their Nextcloud profile, and an
+		 * e-mail when they have an address. Both are links.
+		 */
+		rowActions: [
+			{ id: 'open-profile', label: l10n.translate('nextcloud-vue', 'Open profile'), icon: AccountOutline, href: (row) => router.generateUrl(`/u/${encodeURIComponent(row.id)}`) },
+			{ id: 'send-email', label: l10n.translate('nextcloud-vue', 'Send email'), icon: EmailOutline, href: (row) => `mailto:${row.email}`, visible: (row) => Boolean(row && row.email) },
+		],
+
 		showAdd: false,
 	}
 }
@@ -154093,14 +154421,14 @@ const _hoisted_23$N = {
   key: 2,
   class: "cn-form-dialog__option-group"
 };
-const _hoisted_24$I = { class: "cn-form-dialog__option" };
-const _hoisted_25$C = {
+const _hoisted_24$J = { class: "cn-form-dialog__option" };
+const _hoisted_25$D = {
   key: 10,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_26$z = { class: "cn-form-dialog__option" };
+const _hoisted_26$A = { class: "cn-form-dialog__option" };
 const _hoisted_27$r = { class: "cn-form-dialog__option" };
-const _hoisted_28$o = {
+const _hoisted_28$p = {
   key: 11,
   class: "cn-form-dialog__select-wrapper"
 };
@@ -154810,7 +155138,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                             ? {
                                                                                 name: "selected-option",
                                                                                 fn: vue$1.withCtx((optionProps) => [
-                                                                                  vue$1.createElementVNode("span", _hoisted_24$I, [
+                                                                                  vue$1.createElementVNode("span", _hoisted_24$J, [
                                                                                     ($options.optionSwatch(field, optionProps))
                                                                                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                                                                           key: 0,
@@ -154844,7 +155172,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                   }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                 ]))
                                                               : (field.widget === 'multiselect' || field.widget === 'user-multiselect' || field.widget === 'group-multiselect')
-                                                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$C, [
+                                                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$D, [
                                                                     vue$1.withDirectives((vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
                                                                       inputId: 'cn-form-' + field.key,
                                                                       inputLabel: $options.fieldLabelText(field),
@@ -154871,7 +155199,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                         : {
                                                                             name: "option",
                                                                             fn: vue$1.withCtx((optionProps) => [
-                                                                              vue$1.createElementVNode("span", _hoisted_26$z, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                              vue$1.createElementVNode("span", _hoisted_26$A, vue$1.toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                             ]),
                                                                             key: "1"
                                                                           },
@@ -154903,7 +155231,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                     }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                   ]))
                                                                 : (field.widget === 'tags')
-                                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$o, [
+                                                                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$p, [
                                                                       vue$1.withDirectives((vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
                                                                         inputId: 'cn-form-' + field.key,
                                                                         inputLabel: $options.fieldLabelText(field),
@@ -157062,7 +157390,7 @@ var script$6b = {
 				// `secondary` (a second, muted line under the cell) rides
 				// along too: the table draws it, and dropping it here took the
 				// list rows' second line away (zuiddrecht-pixel-gaps-3).
-				for (const k of ['format', 'widget', 'widgetProps', 'formatter', 'align', 'width', 'type', 'enum', 'enumLabels', 'sortable', 'secondary', 'colorMap', 'grow']) {
+				for (const k of ['format', 'widget', 'widgetProps', 'formatter', 'align', 'width', 'type', 'enum', 'enumLabels', 'sortable', 'secondary', 'colorMap', 'grow', 'cellClass']) {
 					if (c[k] !== undefined) {
 						out[k] = c[k];
 					}
@@ -159612,7 +159940,7 @@ function render$6a(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$6b.render = render$6a;
-script$6b.__scopeId = "data-v-445e213c";
+script$6b.__scopeId = "data-v-3a0165c8";
 const __sfc_main$65 = script$6b;
 
 const DEFAULT_CONTENT$s = Object.freeze({
@@ -164981,21 +165309,21 @@ const _hoisted_20$T = {
 const _hoisted_21$R = { class: "cn-related-objects-widget__list" };
 const _hoisted_22$Q = ["href"];
 const _hoisted_23$M = { class: "cn-related-objects-widget__label" };
-const _hoisted_24$H = {
+const _hoisted_24$I = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_25$B = {
+const _hoisted_25$C = {
   key: 1,
   class: "cn-related-objects-widget__row cn-related-objects-widget__row--static",
   "data-testid": "cn-related-static-row"
 };
-const _hoisted_26$y = { class: "cn-related-objects-widget__label" };
+const _hoisted_26$z = { class: "cn-related-objects-widget__label" };
 const _hoisted_27$q = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_28$n = ["onClick", "onKeydown"];
+const _hoisted_28$o = ["onClick", "onKeydown"];
 const _hoisted_29$m = { class: "cn-related-objects-widget__label" };
 const _hoisted_30$k = {
   key: 0,
@@ -165251,17 +165579,17 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, null, 8 /* PROPS */, ["name"]),
                                 vue$1.createElementVNode("span", _hoisted_23$M, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                                 (item.meta)
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_24$H, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_24$I, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ], 8 /* PROPS */, _hoisted_22$Q))
                             : ($options.isStaticRow($options.activeGroup, item))
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$B, [
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_25$C, [
                                   vue$1.createVNode(_component_CnIcon, {
                                     name: $options.activeGroup.icon,
                                     size: 20,
                                     class: "cn-related-objects-widget__icon"
                                   }, null, 8 /* PROPS */, ["name"]),
-                                  vue$1.createElementVNode("span", _hoisted_26$y, vue$1.toDisplayString(item.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_26$z, vue$1.toDisplayString(item.label), 1 /* TEXT */),
                                   (item.meta)
                                     ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_27$q, vue$1.toDisplayString(item.meta), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true)
@@ -165286,7 +165614,7 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                   (item.detail && $options.isExpanded($options.activeGroup.key, item))
                                     ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_31$i, vue$1.toDisplayString(item.detail), 1 /* TEXT */))
                                     : vue$1.createCommentVNode("v-if", true)
-                                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28$n)),
+                                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28$o)),
                           (item.children && item.children.length)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_32$h, [
                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.children, (child) => {
@@ -166469,9 +166797,9 @@ const _hoisted_20$S = {
 const _hoisted_21$Q = { class: "cn-retention__rows" };
 const _hoisted_22$P = { class: "cn-retention__row" };
 const _hoisted_23$L = { class: "cn-retention__row-text" };
-const _hoisted_24$G = { class: "cn-retention__row-title" };
-const _hoisted_25$A = { class: "cn-retention__muted" };
-const _hoisted_26$x = {
+const _hoisted_24$H = { class: "cn-retention__row-title" };
+const _hoisted_25$B = { class: "cn-retention__muted" };
+const _hoisted_26$y = {
   key: 7,
   class: "cn-retention__outcome",
   "data-testid": "cn-retention-outcome"
@@ -166655,8 +166983,8 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                   vue$1.createElementVNode("ul", _hoisted_21$Q, [
                     vue$1.createElementVNode("li", _hoisted_22$P, [
                       vue$1.createElementVNode("span", _hoisted_23$L, [
-                        vue$1.createElementVNode("span", _hoisted_24$G, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'Goes to the e-Depot') : $options.t('nextcloud-vue', 'Not applicable')), 1 /* TEXT */),
-                        vue$1.createElementVNode("span", _hoisted_25$A, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'After the retention period the record is transferred') : $options.t('nextcloud-vue', 'Only records appraised to keep go to the e-Depot')), 1 /* TEXT */)
+                        vue$1.createElementVNode("span", _hoisted_24$H, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'Goes to the e-Depot') : $options.t('nextcloud-vue', 'Not applicable')), 1 /* TEXT */),
+                        vue$1.createElementVNode("span", _hoisted_25$B, vue$1.toDisplayString($options.transfers ? $options.t('nextcloud-vue', 'After the retention period the record is transferred') : $options.t('nextcloud-vue', 'Only records appraised to keep go to the e-Depot')), 1 /* TEXT */)
                       ]),
                       vue$1.createVNode(_component_CnStatusBadge, {
                         label: $options.transfers ? $options.t('nextcloud-vue', 'Transfer') : $options.t('nextcloud-vue', 'No transfer'),
@@ -166667,7 +166995,7 @@ function render$61(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : vue$1.createCommentVNode("v-if", true),
             ($options.outcome)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_26$x, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_26$y, [
                   (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(_ctx.innerHeadingTag), { class: "cn-inner-heading" }, {
                     default: vue$1.withCtx(() => [
                       vue$1.createTextVNode(vue$1.toDisplayString($options.t('nextcloud-vue', 'Outcome')), 1 /* TEXT */)
@@ -168401,7 +168729,7 @@ var script$5_ = {
 		 * segments to the card (`header` event, `count`), for a chip after the
 		 * title or a `{count}` in it.
 		 *
-		 * @type {{inset?: boolean, headerCount?: boolean, source?: {register?: string, schema?: string, groupBy?: string, filter?: object}, segments?: Array<{key?: string, label: string, value: number}>, order?: Array<string>, labels?: {[key: string]: string}, emptyText?: string}}
+		 * @type {{inset?: boolean, compact?: boolean, headerCount?: boolean, source?: {register?: string, schema?: string, groupBy?: string, filter?: object}, segments?: Array<{key?: string, label: string, value: number}>, order?: Array<string>, labels?: {[key: string]: string}, emptyText?: string}}
 		 */
 		content: {
 			type: Object,
@@ -168459,6 +168787,17 @@ var script$5_ = {
 			return Boolean(this.content && this.content.inset === true)
 		},
 
+		/**
+		 * Whether the widget is the compact summary box (`content.compact`):
+		 * a 15px heading, one thin bar and the legend on one line.
+		 *
+		 * @spec openspec/changes/stacked-bar-compact/specs/stacked-bar-compact/spec.md#requirement-a-stacked-bar-can-be-drawn-as-the-compact-summary-box
+		 * @return {boolean}
+		 */
+		compact() {
+			return Boolean(this.content && this.content.compact === true)
+		},
+
 		/**
 		 * The translate function in use.
 		 *
@@ -168815,7 +169154,7 @@ function render$5Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnWidgetEmptyState = vue$1.resolveComponent("CnWidgetEmptyState");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
-    class: vue$1.normalizeClass(["cn-stacked-bar", { 'cn-stacked-bar--inset': $options.inset }]),
+    class: vue$1.normalizeClass(["cn-stacked-bar", { 'cn-stacked-bar--inset': $options.inset, 'cn-stacked-bar--compact': $options.compact }]),
     "data-testid": "cn-stacked-bar"
   }, [
     ($options.isLoading)
@@ -168875,7 +169214,7 @@ function render$5Z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5_.render = render$5Z;
-script$5_.__scopeId = "data-v-455eb41f";
+script$5_.__scopeId = "data-v-7bd1aead";
 const __sfc_main$5U = script$5_;
 
 /**
@@ -169453,6 +169792,41 @@ function daysAfter(days, now) {
 	return date
 }
 
+/**
+ * Today plus that many days, as a date input's value.
+ *
+ * @param {unknown} days Whole days, 1 or more.
+ * @param {Date} [now] What counts as today.
+ * @return {string} `yyyy-mm-dd`, '' without a positive whole number.
+ * @spec openspec/changes/days-input-as-date/specs/transition-inputs/spec.md
+ */
+function dayAfterIso(days, now = new Date()) {
+	const date = daysAfter(days, now);
+	if (date === null) {
+		return ''
+	}
+	const pad = (number) => String(number).padStart(2, '0');
+	return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+}
+
+/**
+ * The whole days from today to a date input's value, at least 1.
+ *
+ * @param {unknown} iso A `yyyy-mm-dd` date.
+ * @param {Date} [now] What counts as today.
+ * @return {string} The days, '' without a date.
+ * @spec openspec/changes/days-input-as-date/specs/transition-inputs/spec.md
+ */
+function daysUntilIso(iso, now = new Date()) {
+	const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(String(iso ?? '').trim());
+	if (!match) {
+		return ''
+	}
+	const target = Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
+	const today = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
+	return String(Math.max(1, Math.round((target - today) / 86400000)))
+}
+
 /**
  * A date as a reader sees it: day, short month and year.
  *
@@ -169520,6 +169894,9 @@ function fillInputTemplate(template, values, now = new Date()) {
  *   in that other input.
  * - `preview: { label, template, note, testid }`: a line under the input,
  *   filled by `fillInputTemplate` and shown only once it resolves.
+ * - `dateField: { label, note, testid }`: on a days input, an editable date
+ *   under it, today plus the days; a chosen date sets the days to the whole
+ *   days from today, at least 1. `dateValue` carries the date.
  * - `default`: the starting value.
  * - Presentation: `labelOutside`, `id`, `note`, `wide`, `testid`, `rows`,
  *   `placeholder`.
@@ -169532,7 +169909,7 @@ function fillInputTemplate(template, values, now = new Date()) {
  * @param {string} [options.register] Register the reference pickers fall back to.
  * @param {object} [options.context] What `optionsSource` reads.
  * @param {object} [options.values] The values so far.
- * @param {Date} [options.now] What counts as today, for previews.
+ * @param {Date} [options.now] What counts as today, for previews and `dateField`.
  * @return {Array<object>} The descriptors.
  */
 function resolveInputFields(declared, { schema = null, register = '', context = {}, values = {}, now } = {}) {
@@ -169575,6 +169952,9 @@ function resolveInputFields(declared, { schema = null, register = '', context =
 		field.previewText = preview && typeof preview === 'object'
 			? fillInputTemplate(preview.template, values, now)
 			: '';
+		field.dateValue = field.input.dateField && typeof field.input.dateField === 'object'
+			? dayAfterIso(values[field.key], now)
+			: '';
 	}
 
 	return fields
@@ -170011,6 +170391,28 @@ var script$5Y = {
 			return this.markOptional && !field.required ? `${field.label} (${l10n.translate('nextcloud-vue', 'optional')})` : field.label
 		},
 
+		/**
+		 * The label of a days input's date field (`dateField`), with the
+		 * optional marker when asked for: the date is never required.
+		 *
+		 * @param {object} field The descriptor.
+		 * @return {string}
+		 */
+		dateFieldLabel(field) {
+			const label = String(field.input.dateField.label || '');
+			return this.markOptional ? `${label} (${l10n.translate('nextcloud-vue', 'optional')})` : label
+		},
+
+		/**
+		 * The days a chosen date stands for.
+		 *
+		 * @param {string} iso The date input's value.
+		 * @return {string} The days, '' without a date.
+		 */
+		daysUntilIso(iso) {
+			return daysUntilIso(iso)
+		},
+
 		/**
 		 * Label of a sub-field, with the required marker.
 		 *
@@ -170192,15 +170594,21 @@ const _hoisted_15$1p = {
 };
 const _hoisted_16$1e = ["data-testid"];
 const _hoisted_17$16 = ["data-testid"];
-const _hoisted_18$Z = { class: "cn-transition-input-fields__label" };
-const _hoisted_19$W = ["data-testid"];
-const _hoisted_20$R = {
+const _hoisted_18$Z = ["for"];
+const _hoisted_19$W = {
+  key: 0,
+  class: "cn-transition-input-fields__muted"
+};
+const _hoisted_20$R = ["data-testid"];
+const _hoisted_21$P = { class: "cn-transition-input-fields__label" };
+const _hoisted_22$O = ["data-testid"];
+const _hoisted_23$K = {
   key: 0,
   class: "cn-transition-input-fields__muted"
 };
-const _hoisted_21$P = { class: "cn-transition-input-fields__notice-text" };
-const _hoisted_22$O = { key: 0 };
-const _hoisted_23$K = ["data-testid"];
+const _hoisted_24$G = { class: "cn-transition-input-fields__notice-text" };
+const _hoisted_25$A = { key: 0 };
+const _hoisted_26$x = ["data-testid"];
 
 function render$5X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnTemplateSelect = vue$1.resolveComponent("CnTemplateSelect");
@@ -170418,20 +170826,44 @@ function render$5X(_ctx, _cache, $props, $setup, $data, $options) {
               }, vue$1.toDisplayString($options.refusalFor(field)), 9 /* TEXT, PROPS */, _hoisted_16$1e))
             : vue$1.createCommentVNode("v-if", true)
         ], 10 /* CLASS, PROPS */, _hoisted_8$2S),
+        (field.input.dateField)
+          ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
+              key: `${field.key}-date`,
+              class: "cn-transition-input-fields__field cn-transition-input-fields__wide",
+              "data-testid": field.input.dateField.testid || `cn-transition-input-date-${field.key}`
+            }, [
+              vue$1.createElementVNode("label", {
+                class: "cn-transition-input-fields__label",
+                for: `${$options.inputId(field)}-date`
+              }, vue$1.toDisplayString($options.dateFieldLabel(field)), 9 /* TEXT, PROPS */, _hoisted_18$Z),
+              vue$1.createVNode(_component_NcTextField, {
+                id: `${$options.inputId(field)}-date`,
+                modelValue: field.dateValue,
+                type: "date",
+                label: $options.dateFieldLabel(field),
+                labelOutside: true,
+                disabled: $props.disabled,
+                "onUpdate:modelValue": $event => ($options.setValue(field.key, $options.daysUntilIso($event)))
+              }, null, 8 /* PROPS */, ["id", "modelValue", "label", "disabled", "onUpdate:modelValue"]),
+              (field.input.dateField.note)
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$W, vue$1.toDisplayString(field.input.dateField.note), 1 /* TEXT */))
+                : vue$1.createCommentVNode("v-if", true)
+            ], 8 /* PROPS */, _hoisted_17$16))
+          : vue$1.createCommentVNode("v-if", true),
         (field.previewText)
           ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
               key: `${field.key}-preview`,
               class: "cn-transition-input-fields__preview cn-transition-input-fields__wide",
               "data-testid": field.input.preview.testid || `cn-transition-input-preview-${field.key}`
             }, [
-              vue$1.createElementVNode("span", _hoisted_18$Z, vue$1.toDisplayString(field.input.preview.label), 1 /* TEXT */),
+              vue$1.createElementVNode("span", _hoisted_21$P, vue$1.toDisplayString(field.input.preview.label), 1 /* TEXT */),
               vue$1.createElementVNode("span", {
                 "data-testid": `${field.input.preview.testid || `cn-transition-input-preview-${field.key}`}-value`
-              }, vue$1.toDisplayString(field.previewText), 9 /* TEXT, PROPS */, _hoisted_19$W),
+              }, vue$1.toDisplayString(field.previewText), 9 /* TEXT, PROPS */, _hoisted_22$O),
               (field.input.preview.note)
-                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_20$R, vue$1.toDisplayString(field.input.preview.note), 1 /* TEXT */))
+                ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_23$K, vue$1.toDisplayString(field.input.preview.note), 1 /* TEXT */))
                 : vue$1.createCommentVNode("v-if", true)
-            ], 8 /* PROPS */, _hoisted_17$16))
+            ], 8 /* PROPS */, _hoisted_20$R))
           : vue$1.createCommentVNode("v-if", true)
       ], 64 /* STABLE_FRAGMENT */))
     }), 128 /* KEYED_FRAGMENT */)),
@@ -170447,9 +170879,9 @@ function render$5X(_ctx, _cache, $props, $setup, $data, $options) {
             size: 20,
             class: "cn-transition-input-fields__notice-icon"
           }, null, 8 /* PROPS */, ["name"]),
-          vue$1.createElementVNode("span", _hoisted_21$P, [
+          vue$1.createElementVNode("span", _hoisted_24$G, [
             ($props.notice.heading)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_22$O, vue$1.toDisplayString($props.notice.heading), 1 /* TEXT */))
+              ? (vue$1.openBlock(), vue$1.createElementBlock("strong", _hoisted_25$A, vue$1.toDisplayString($props.notice.heading), 1 /* TEXT */))
               : vue$1.createCommentVNode("v-if", true),
             vue$1.createElementVNode("span", null, vue$1.toDisplayString($props.notice.text), 1 /* TEXT */)
           ])
@@ -170460,13 +170892,13 @@ function render$5X(_ctx, _cache, $props, $setup, $data, $options) {
         key: `unoffered-${key}`,
         class: "cn-transition-input__field-error",
         "data-testid": `cn-transition-input-error-${key}`
-      }, vue$1.toDisplayString($options.t('nextcloud-vue', 'This action does not accept the field "{field}".', { field: key })), 9 /* TEXT, PROPS */, _hoisted_23$K))
+      }, vue$1.toDisplayString($options.t('nextcloud-vue', 'This action does not accept the field "{field}".', { field: key })), 9 /* TEXT, PROPS */, _hoisted_26$x))
     }), 128 /* KEYED_FRAGMENT */))
   ], 2 /* CLASS */))
 }
 
 script$5Y.render = render$5X;
-script$5Y.__scopeId = "data-v-3e4484aa";
+script$5Y.__scopeId = "data-v-731d1a6c";
 const __sfc_main$5S = script$5Y;
 
 /**
@@ -180250,6 +180682,7 @@ var script$5J = {
 		 * - `hidden` (boolean) — Hide this property
 		 * - `editable` (boolean) — Override editability (default: based on schema readOnly)
 		 * - `label` (string) — Override the display label
+		 * - `emptyValue` (string) — Words shown, translated, for an empty or false value instead of a dash
 		 * - `widget` (string) — Override the widget type for editing
 		 * - `formatter` (string) — Display the value through the formatter
 		 *   registered under this id on CnAppRoot (`cnFormatters`), called as
@@ -180269,7 +180702,8 @@ var script$5J = {
 		},
 
 		/**
-		 * Number of grid columns.
+		 * Number of grid columns. The board look fits 200px columns instead,
+		 * except for one column, which it keeps.
 		 */
 		columns: {
 			type: Number,
@@ -180630,7 +181064,8 @@ var script$5J = {
 				// still showing the stored code — `submitted` under a Dutch
 				// label, beside a list that already read "Ingediend".
 				const enumLabel = this.enumDisplayLabel(field, raw);
-				values[field.key] = enumLabel !== null ? enumLabel : formatValue$1(raw, prop || {});
+				const empty = this.emptyValueFor(field, raw);
+				values[field.key] = empty !== null ? empty : (enumLabel !== null ? enumLabel : formatValue$1(raw, prop || {}));
 			}
 			return values
 		},
@@ -180646,8 +181081,12 @@ var script$5J = {
 		 * CSS grid template for the container.
 		 */
 		gridStyle() {
-			// The board look: as many 200px columns as the card has room for.
+			// The board look: as many 200px columns as the card has room for,
+			// unless the config asks for one column (a stacked list of pairs).
 			if (normalizeLook(this.cnLook) === 'board') {
+				if (this.columns === 1) {
+					return { 'grid-template-columns': 'minmax(0, 1fr)' }
+				}
 				return {
 					'grid-template-columns': 'repeat(auto-fit, minmax(200px, 1fr))',
 				}
@@ -181372,6 +181811,24 @@ var script$5J = {
 			return this.isPlainObject(raw)
 		},
 
+		/**
+		 * The words an override gives an empty or false value
+		 * (`overrides[key].emptyValue`, translated), or null to format it as usual.
+		 *
+		 * @param {object} field - Resolved field definition from resolvedFields
+		 * @param {*} raw - The field's value
+		 * @return {string|null}
+		 * @spec openspec/changes/data-widget-empty-value-one-column/specs/data-widget/spec.md
+		 */
+		emptyValueFor(field, raw) {
+			const override = this.resolvedOverrides[field.key];
+			const words = override && typeof override.emptyValue === 'string' ? override.emptyValue : '';
+			if (words === '' || !(raw === null || raw === undefined || raw === '' || raw === false)) {
+				return null
+			}
+			return this.cnTranslate(words)
+		},
+
 		/**
 		 * Check if a field is editable.
 		 *
@@ -182496,7 +182953,7 @@ function render$5I(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5J.render = render$5I;
-script$5J.__scopeId = "data-v-1042b83e";
+script$5J.__scopeId = "data-v-702c7c98";
 const __sfc_main$5D = script$5J;
 
 /**
@@ -190899,7 +191356,7 @@ const _hoisted_24$F = { class: "cn-timeline-manage__heading" };
 const _hoisted_25$z = { class: "cn-timeline-manage__title" };
 const _hoisted_26$w = { class: "cn-timeline-manage__subtitle" };
 const _hoisted_27$o = { class: "cn-timeline-manage__composer-title" };
-const _hoisted_28$m = { class: "cn-timeline-manage__composer-hint" };
+const _hoisted_28$n = { class: "cn-timeline-manage__composer-hint" };
 const _hoisted_29$l = ["for"];
 const _hoisted_30$j = ["id", "placeholder"];
 const _hoisted_31$h = { class: "cn-timeline-manage__composer-foot" };
@@ -191155,7 +191612,7 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
           (!$options.composerOnly)
             ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 0 }, [
                 vue$1.createElementVNode("h3", _hoisted_27$o, vue$1.toDisplayString($options.t('nextcloud-vue', 'Add note')), 1 /* TEXT */),
-                vue$1.createElementVNode("p", _hoisted_28$m, vue$1.toDisplayString($options.t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')), 1 /* TEXT */)
+                vue$1.createElementVNode("p", _hoisted_28$n, vue$1.toDisplayString($options.t('nextcloud-vue', 'Goes on the timeline above, internal unless you make it visible')), 1 /* TEXT */)
               ], 64 /* STABLE_FRAGMENT */))
             : vue$1.createCommentVNode("v-if", true),
           ($data.textBlocks.length)
@@ -216294,7 +216751,7 @@ const _hoisted_24$B = { value: "icon-only" };
 const _hoisted_25$w = { class: "cn-links-form__option" };
 const _hoisted_26$u = ["value"];
 const _hoisted_27$n = { value: "small" };
-const _hoisted_28$l = { value: "medium" };
+const _hoisted_28$m = { value: "medium" };
 const _hoisted_29$k = { value: "large" };
 const _hoisted_30$i = { class: "cn-links-form__option cn-links-form__option--checkbox" };
 const _hoisted_31$g = ["checked"];
@@ -216452,7 +216909,7 @@ function render$4I(_ctx, _cache, $props, $setup, $data, $options) {
           onChange: _cache[3] || (_cache[3] = $event => ($options.updateOption('iconSize', $event.target.value)))
         }, [
           vue$1.createElementVNode("option", _hoisted_27$n, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Small (24 px)')), 1 /* TEXT */),
-          vue$1.createElementVNode("option", _hoisted_28$l, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Medium (40 px)')), 1 /* TEXT */),
+          vue$1.createElementVNode("option", _hoisted_28$m, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Medium (40 px)')), 1 /* TEXT */),
           vue$1.createElementVNode("option", _hoisted_29$k, vue$1.toDisplayString(_ctx.t('nextcloud-vue', 'Large (64 px)')), 1 /* TEXT */)
         ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_26$u)
       ]),
@@ -222326,7 +222783,7 @@ const _hoisted_25$v = {
 };
 const _hoisted_26$t = { class: "cn-calendar-widget__agenda-header" };
 const _hoisted_27$m = { class: "cn-calendar-widget__agenda-time" };
-const _hoisted_28$k = { class: "cn-calendar-widget__agenda-title" };
+const _hoisted_28$l = { class: "cn-calendar-widget__agenda-title" };
 const _hoisted_29$j = {
   key: 0,
   class: "cn-calendar-widget__agenda-cal"
@@ -222444,7 +222901,7 @@ function render$4u(_ctx, _cache, $props, $setup, $data, $options) {
                                 style: vue$1.normalizeStyle($options.eventStyle(event))
                               }, [
                                 vue$1.createElementVNode("span", _hoisted_27$m, vue$1.toDisplayString($options.formatTime(event)), 1 /* TEXT */),
-                                vue$1.createElementVNode("span", _hoisted_28$k, vue$1.toDisplayString(event.title), 1 /* TEXT */),
+                                vue$1.createElementVNode("span", _hoisted_28$l, vue$1.toDisplayString(event.title), 1 /* TEXT */),
                                 (event.calendarName)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_29$j, vue$1.toDisplayString(event.calendarName), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
@@ -223531,7 +223988,7 @@ const _hoisted_26$s = {
   class: "cn-spend-analytics-widget__panel"
 };
 const _hoisted_27$l = { class: "cn-spend-analytics-widget__panel-title" };
-const _hoisted_28$j = {
+const _hoisted_28$k = {
   key: 0,
   class: "cn-spend-analytics-widget__inline-empty"
 };
@@ -223647,7 +224104,7 @@ function render$4s(_ctx, _cache, $props, $setup, $data, $options) {
                         ? (vue$1.openBlock(), vue$1.createElementBlock("section", _hoisted_26$s, [
                             vue$1.createElementVNode("h3", _hoisted_27$l, vue$1.toDisplayString($options.t('nextcloud-vue', 'Top vendors')), 1 /* TEXT */),
                             ($options.vendorMissing)
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$j, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor data — procest is not installed')), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$k, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor data — procest is not installed')), 1 /* TEXT */))
                               : ($options.vendorEmpty)
                                 ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_29$i, vue$1.toDisplayString($options.t('nextcloud-vue', 'No vendor commitments for the selected period')), 1 /* TEXT */))
                                 : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_30$h, [
@@ -229896,7 +230353,7 @@ const _hoisted_24$x = { class: "cn-tasks-widget__others-title" };
 const _hoisted_25$t = { class: "cn-tasks-widget__others-list" };
 const _hoisted_26$r = ["data-testid"];
 const _hoisted_27$k = { class: "cn-tasks-widget__body" };
-const _hoisted_28$i = {
+const _hoisted_28$j = {
   key: 1,
   class: "cn-tasks-widget__name"
 };
@@ -230220,7 +230677,7 @@ function render$4g(_ctx, _cache, $props, $setup, $data, $options) {
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$i, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_28$j, vue$1.toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
                               vue$1.createElementVNode("span", _hoisted_29$h, vue$1.toDisplayString($options.dueLabel(task) || $options.tr('No due date')), 1 /* TEXT */)
                             ]),
                             vue$1.createElementVNode("span", _hoisted_30$g, [
@@ -236400,7 +236857,7 @@ var script$48 = {
 		 *   `as` is `row` (default when `label` or `icon` is set), `title`, `line`, `text` (a line in the normal ink), `lead` (an icon tile or initials beside `title` and `subtitle`), `pill` or `meter`.
 		 *   `countFrom` (`{ register, schema, filter? }`, `@objectId` / `@object.<field>` in the filter) shows how many records that list holds ("Lopende zaken 43"); the row is left out while the count cannot be read.
 		 *   A `meter` shows the amount at `path` against the limit at `limitPath` (or a constant `limit`) as "12 of 50" with a bar; past the limit the bar turns red and the text says "over the limit"; without a positive limit it shows the amount and no bar.
-		 *   A row's `format` may also be `email`, `phone` or `url` (a link) or `masked` (the last four characters; `reveal: true` adds Show). `copy: true` adds a copy button; `icon` replaces the label.
+		 *   A row's `format` may also be `email`, `phone` or `url` (a link) or `masked` (the last four characters; `reveal: true` adds Show, which unmasks the record's value; `reveal: { url, path? }` makes Show ask the server for the value at `url` (tokens resolved), read at `path` (else the entry's path), so a server that answers the mask can check and record the reveal). `copy: true` adds a copy button; `icon` replaces the label.
 		 *   A part may be `{ text }`, a constant; a `line` or `text` entry without `path` or `parts` shows its `text`.
 		 *   `resolve: { register, schema, labelField? }` on an entry or a part turns a value that is a reference (an id, or a list of ids) into the label of the referenced object (`labelField`, else `title`, then `name`): the case type or status of a task shows its name, not its uuid. The ids are fetched once per register and schema through the object store and shared by every facts widget on the page; the entry stays empty until its label is known, and when no label can be read. A resolved value works as a pill too: `map` is applied to the resolved label, and `variantMap` / `colorMap` look the tone up by the value of `resolve.toneField` on the referenced object when that is set (a status named by its `name`, coloured by its `state`), then by the resolved label, then by the stored value.
 		 *   `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.
@@ -236454,6 +236911,9 @@ var script$48 = {
 			error: false,
 			/** Keys of the masked rows the reader chose to show. */
 			revealed: {},
+			revealedValues: {},
+			revealErrors: {},
+			revealing: '',
 			/** Key of the row whose value was just copied. */
 			copied: '',
 			/** Labels of the referenced objects read so far, by `refKey`. */
@@ -237301,7 +237761,12 @@ var script$48 = {
 				extras.external = true;
 			} else if (field.format === 'masked') {
 				extras.masked = value.length > 4 ? '*'.repeat(Math.min(value.length - 4, 5)) + value.slice(-4) : value;
-				extras.reveal = field.reveal === true && value.length > 4;
+				const server = field.reveal && typeof field.reveal === 'object' && typeof field.reveal.url === 'string' && field.reveal.url !== '';
+				extras.reveal = (field.reveal === true || server) && value.length > 4;
+				if (server) {
+					extras.revealUrl = field.reveal.url;
+					extras.revealPath = typeof field.reveal.path === 'string' && field.reveal.path !== '' ? field.reveal.path : (field.path || '');
+				}
 			}
 			return extras
 		},
@@ -237313,7 +237778,14 @@ var script$48 = {
 		 * @param {object} row The row.
 		 * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead
 		 */
-		reveal(row) {
+		async reveal(row) {
+			if (row.revealUrl) {
+				const value = await this.fetchRevealed(row);
+				if (value === null) {
+					return
+				}
+				this.revealedValues = { ...this.revealedValues, [row.key]: value };
+			}
 			this.revealed = { ...this.revealed, [row.key]: true };
 			const detail = { path: row.path };
 			/**
@@ -237324,6 +237796,47 @@ var script$48 = {
 			eventBus.emit(FACTS_REVEAL_CHANNEL, { ...detail, objectId: this.tokenCtx.objectId, register: this.tokenCtx.register || null, schema: this.tokenCtx.schema || null });
 		},
 
+		/**
+		 * The text a row shows: its mask until revealed, then the value the
+		 * server answered (a server reveal) or the value the record holds.
+		 *
+		 * @param {object} row The row.
+		 * @return {string}
+		 * @spec openspec/changes/facts-reveal-from-server/specs/facts-widget/spec.md#requirement-a-masked-fact-can-be-revealed-by-the-server
+		 */
+		shownValue(row) {
+			if (!row.masked || !this.revealed[row.key]) {
+				return row.masked || row.value
+			}
+			return Object.hasOwn(this.revealedValues, row.key) ? this.revealedValues[row.key] : row.value
+		},
+
+		/**
+		 * Ask the server for a masked value (`reveal.url`, tokens resolved,
+		 * read at `reveal.path`), never from a cache: each show is a request
+		 * the server can check and record.
+		 *
+		 * @param {object} row The row.
+		 * @return {Promise<string|null>} The value, or null when it could not be read.
+		 * @spec openspec/changes/facts-reveal-from-server/specs/facts-widget/spec.md#requirement-a-masked-fact-can-be-revealed-by-the-server
+		 */
+		async fetchRevealed(row) {
+			this.revealing = row.key;
+			this.revealErrors = { ...this.revealErrors, [row.key]: '' };
+			try {
+				const payload = await fetchEndpointSource({ url: row.revealUrl, responsePath: row.revealPath }, this.tokenCtx, { force: true });
+				if (payload === null || payload === undefined || payload === '' || typeof payload === 'object') {
+					throw new Error('no value')
+				}
+				return String(payload)
+			} catch {
+				this.revealErrors = { ...this.revealErrors, [row.key]: l10n.translate('nextcloud-vue', 'The value could not be shown.') };
+				return null
+			} finally {
+				this.revealing = '';
+			}
+		},
+
 		/**
 		 * Copy a row's value to the clipboard.
 		 *
@@ -237826,26 +238339,27 @@ const _hoisted_7$2l = ["data-testid"];
 const _hoisted_8$27 = { class: "cn-facts-widget__value" };
 const _hoisted_9$1Y = ["href", "target", "rel"];
 const _hoisted_10$1L = { key: 2 };
-const _hoisted_11$1y = ["aria-label", "data-testid", "onClick"];
-const _hoisted_12$1l = ["aria-label", "title", "data-testid", "onClick"];
-const _hoisted_13$19 = ["data-testid"];
+const _hoisted_11$1y = ["aria-label", "data-testid", "disabled", "onClick"];
+const _hoisted_12$1l = ["data-testid"];
+const _hoisted_13$19 = ["aria-label", "title", "data-testid", "onClick"];
 const _hoisted_14$16 = ["data-testid"];
 const _hoisted_15$12 = ["data-testid"];
-const _hoisted_16$X = { class: "cn-facts-widget__lead-text" };
-const _hoisted_17$S = { class: "cn-facts-widget__lead-title" };
-const _hoisted_18$K = {
+const _hoisted_16$X = ["data-testid"];
+const _hoisted_17$S = { class: "cn-facts-widget__lead-text" };
+const _hoisted_18$K = { class: "cn-facts-widget__lead-title" };
+const _hoisted_19$I = {
   key: 0,
   class: "cn-facts-widget__lead-subtitle"
 };
-const _hoisted_19$I = ["data-testid"];
-const _hoisted_20$D = { class: "cn-facts-widget__meter-head" };
-const _hoisted_21$C = { class: "cn-facts-widget__meter-label" };
-const _hoisted_22$C = { class: "cn-facts-widget__meter-value" };
-const _hoisted_23$z = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
-const _hoisted_24$w = ["data-testid"];
-const _hoisted_25$s = ["aria-label", "aria-valuenow", "data-testid"];
-const _hoisted_26$q = { class: "cn-facts-widget__line" };
-const _hoisted_27$j = { key: 7 };
+const _hoisted_20$D = ["data-testid"];
+const _hoisted_21$C = { class: "cn-facts-widget__meter-head" };
+const _hoisted_22$C = { class: "cn-facts-widget__meter-label" };
+const _hoisted_23$z = { class: "cn-facts-widget__meter-value" };
+const _hoisted_24$w = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
+const _hoisted_25$s = ["data-testid"];
+const _hoisted_26$q = ["aria-label", "aria-valuenow", "data-testid"];
+const _hoisted_27$j = { class: "cn-facts-widget__line" };
+const _hoisted_28$i = { key: 7 };
 
 function render$47(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = vue$1.resolveComponent("NcLoadingIcon");
@@ -237941,11 +238455,11 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: "cn-facts-widget__value-link"
                                   }, {
                                     default: vue$1.withCtx(() => [
-                                      vue$1.createTextVNode(vue$1.toDisplayString(row.masked && !$data.revealed[row.key] ? row.masked : row.value), 1 /* TEXT */)
+                                      vue$1.createTextVNode(vue$1.toDisplayString($options.shownValue(row)), 1 /* TEXT */)
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1L, vue$1.toDisplayString(row.masked && !$data.revealed[row.key] ? row.masked : row.value), 1 /* TEXT */)),
+                                : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$1L, vue$1.toDisplayString($options.shownValue(row)), 1 /* TEXT */)),
                             (row.reveal && !$data.revealed[row.key])
                               ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
                                   key: 3,
@@ -237953,6 +238467,7 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: "cn-facts-widget__inline-button",
                                   "aria-label": $options.revealLabel(row),
                                   "data-testid": `cn-fact-reveal-${row.key}`,
+                                  disabled: $data.revealing === row.key,
                                   onClick: $event => ($options.reveal(row))
                                 }, [
                                   vue$1.createVNode(_component_EyeOutline, {
@@ -237962,9 +238477,17 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                   vue$1.createTextVNode(" " + vue$1.toDisplayString($options.showLabel), 1 /* TEXT */)
                                 ], 8 /* PROPS */, _hoisted_11$1y))
                               : vue$1.createCommentVNode("v-if", true),
+                            ($data.revealErrors[row.key])
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
+                                  key: 4,
+                                  class: "cn-facts-widget__reveal-error",
+                                  role: "alert",
+                                  "data-testid": `cn-fact-reveal-error-${row.key}`
+                                }, vue$1.toDisplayString($data.revealErrors[row.key]), 9 /* TEXT, PROPS */, _hoisted_12$1l))
+                              : vue$1.createCommentVNode("v-if", true),
                             (row.copy)
                               ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
-                                  key: 4,
+                                  key: 5,
                                   type: "button",
                                   class: "cn-facts-widget__icon-button",
                                   "aria-label": $options.copyLabel(row),
@@ -237983,7 +238506,7 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                         size: 16,
                                         "aria-hidden": "true"
                                       }))
-                                ], 8 /* PROPS */, _hoisted_12$1l))
+                                ], 8 /* PROPS */, _hoisted_13$19))
                               : vue$1.createCommentVNode("v-if", true)
                           ])
                         ], 8 /* PROPS */, _hoisted_7$2l))
@@ -238006,13 +238529,13 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 2,
                           class: "cn-facts-widget__line",
                           "data-testid": `cn-fact-${block.key}`
-                        }, vue$1.toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_13$19))
+                        }, vue$1.toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_14$16))
                       : (block.kind === 'text')
                         ? (vue$1.openBlock(), vue$1.createElementBlock("span", {
                             key: 3,
                             class: "cn-facts-widget__text",
                             "data-testid": `cn-fact-${block.key}`
-                          }, vue$1.toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_14$16))
+                          }, vue$1.toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_15$12))
                         : (block.kind === 'lead')
                           ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                               key: 4,
@@ -238033,22 +238556,22 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                       vue$1.createTextVNode(vue$1.toDisplayString(block.initials), 1 /* TEXT */)
                                     ], 64 /* STABLE_FRAGMENT */))
                               ], 2 /* CLASS */),
-                              vue$1.createElementVNode("span", _hoisted_16$X, [
-                                vue$1.createElementVNode("strong", _hoisted_17$S, vue$1.toDisplayString(block.value), 1 /* TEXT */),
+                              vue$1.createElementVNode("span", _hoisted_17$S, [
+                                vue$1.createElementVNode("strong", _hoisted_18$K, vue$1.toDisplayString(block.value), 1 /* TEXT */),
                                 (block.subtitle)
-                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_18$K, vue$1.toDisplayString(block.subtitle), 1 /* TEXT */))
+                                  ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_19$I, vue$1.toDisplayString(block.subtitle), 1 /* TEXT */))
                                   : vue$1.createCommentVNode("v-if", true)
                               ])
-                            ], 8 /* PROPS */, _hoisted_15$12))
+                            ], 8 /* PROPS */, _hoisted_16$X))
                           : (block.kind === 'meter')
                             ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                                 key: 5,
                                 class: vue$1.normalizeClass(["cn-facts-widget__meter", { 'cn-facts-widget__meter--over': block.over }]),
                                 "data-testid": `cn-fact-${block.key}`
                               }, [
-                                vue$1.createElementVNode("div", _hoisted_20$D, [
-                                  vue$1.createElementVNode("span", _hoisted_21$C, vue$1.toDisplayString(block.label), 1 /* TEXT */),
-                                  vue$1.createElementVNode("span", _hoisted_22$C, vue$1.toDisplayString(block.value), 1 /* TEXT */)
+                                vue$1.createElementVNode("div", _hoisted_21$C, [
+                                  vue$1.createElementVNode("span", _hoisted_22$C, vue$1.toDisplayString(block.label), 1 /* TEXT */),
+                                  vue$1.createElementVNode("span", _hoisted_23$z, vue$1.toDisplayString(block.value), 1 /* TEXT */)
                                 ]),
                                 (block.limit !== null)
                                   ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
@@ -238066,9 +238589,9 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                         class: "cn-facts-widget__meter-bar",
                                         style: vue$1.normalizeStyle({ width: `${block.percent}%` })
                                       }, null, 4 /* STYLE */)
-                                    ], 8 /* PROPS */, _hoisted_23$z))
+                                    ], 8 /* PROPS */, _hoisted_24$w))
                                   : vue$1.createCommentVNode("v-if", true)
-                              ], 10 /* CLASS, PROPS */, _hoisted_19$I))
+                              ], 10 /* CLASS, PROPS */, _hoisted_20$D))
                             : (block.kind === 'progress')
                               ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                                   key: 6,
@@ -238090,12 +238613,12 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
                                           class: "cn-facts-widget__meter-bar",
                                           style: vue$1.normalizeStyle({ width: `${block.percent}%` })
                                         }, null, 4 /* STYLE */)
-                                      ], 8 /* PROPS */, _hoisted_25$s))
+                                      ], 8 /* PROPS */, _hoisted_26$q))
                                     : vue$1.createCommentVNode("v-if", true),
-                                  vue$1.createElementVNode("span", _hoisted_26$q, vue$1.toDisplayString(block.value), 1 /* TEXT */)
-                                ], 8 /* PROPS */, _hoisted_24$w))
+                                  vue$1.createElementVNode("span", _hoisted_27$j, vue$1.toDisplayString(block.value), 1 /* TEXT */)
+                                ], 8 /* PROPS */, _hoisted_25$s))
                               : (block.kind === 'pill')
-                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_27$j, [
+                                ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_28$i, [
                                     vue$1.createVNode(_component_CnStatusBadge, {
                                       label: block.value,
                                       variant: block.variant,
@@ -238189,7 +238712,7 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$48.render = render$47;
-script$48.__scopeId = "data-v-e3954500";
+script$48.__scopeId = "data-v-1b8f8e6f";
 const __sfc_main$48 = script$48;
 
 /**
@@ -250022,6 +250545,13 @@ registerDashboardWidget('choice-picker', {
 /** The bus channel every endpoint-bound widget on the page refetches on. */
 const PAGE_REFRESH_CHANNEL$3 = 'cn:page:refresh';
 
+/**
+ * The document event a recorded note sends, so a row's leaf (humaniq's
+ * hours) can record what it holds for the same object at the same moment.
+ * `detail` is the row's leaf props plus `note`.
+ */
+const NOTE_RECORDED_EVENT = 'cn-record-notes:recorded';
+
 /**
  * The rows of a record list drawn as notes to record (`presentation:
  * "notes"`, DqDagAfsluiten "Nog open van vandaag"): per row its pill, title,
@@ -250256,6 +250786,9 @@ var script$3R = {
 			try {
 				const { default: axios } = await import('@nextcloud/axios');
 				await axios.post(prefixUrl(url), { [this.action.bodyField || 'message']: text });
+				if (this.leaf) {
+					document.dispatchEvent(new CustomEvent(NOTE_RECORDED_EVENT, { detail: { ...this.leafProps(item.row), note: text } }));
+				}
 				const { [item.key]: done, ...rest } = this.drafts;
 				this.drafts = rest;
 				if (refresh) {
@@ -250487,7 +251020,7 @@ function render$3Q(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3R.render = render$3Q;
-script$3R.__scopeId = "data-v-6d7ff53b";
+script$3R.__scopeId = "data-v-56a223c4";
 const __sfc_main$3R = script$3R;
 
 const PAGE_REFRESH_CHANNEL$2 = 'cn:page:refresh';
@@ -320562,6 +321095,27 @@ function formatMasked(value, _row, _property, options) {
 	return '*'.repeat(Math.min(text.length - visible, 5)) + (visible > 0 ? text.slice(-visible) : '')
 }
 
+/**
+ * A stored value through a display map (`valueMap` registry key): the label
+ * `options.map` gives the value, else the value as stored. "Besloten
+ * Vennootschap" reads "BV" on DqOrganisaties.
+ *
+ * @param {unknown} value The stored value.
+ * @param {object} [_row] The full row (unused).
+ * @param {object} [_property] The schema property (unused).
+ * @param {{map?: Object<string, string>}} [options] The column's `formatterOptions`.
+ * @return {string} The label, or the value.
+ * @spec openspec/changes/value-map-formatter/specs/index-page/spec.md#requirement-a-column-can-show-stored-values-through-a-display-map
+ */
+function formatValueMap(value, _row, _property, options) {
+	if (value === null || value === undefined || value === '') {
+		return ''
+	}
+	const map = options && options.map && typeof options.map === 'object' ? options.map : {};
+	const label = Object.hasOwn(map, String(value)) ? map[String(value)] : undefined;
+	return typeof label === 'string' && label !== '' ? label : String(value)
+}
+
 /**
  * Built-in formatter registry merged under any consumer-registered
  * `formatters` in `CnAppRoot`'s `cnFormatters` provide.
@@ -320608,6 +321162,7 @@ const BUILT_IN_FORMATTERS = {
 	connectionSettingsLabel: formatConnectionSettingsLabel,
 	masked: formatMasked,
 	isoDuration: formatIsoDuration,
+	valueMap: formatValueMap,
 };
 
 /**
@@ -344082,6 +344637,7 @@ var script$2d = {
 		Pin,
 		PinOutline,
 		InformationOutline,
+		Magnify,
 	},
 
 	inject: {
@@ -345170,6 +345726,7 @@ const _hoisted_29$a = { class: "cn-index-sidebar__section" };
 function render$2c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIcon = vue$1.resolveComponent("CnIcon");
   const _component_FilterOutline = vue$1.resolveComponent("FilterOutline");
+  const _component_Magnify = vue$1.resolveComponent("Magnify");
   const _component_NcTextField = vue$1.resolveComponent("NcTextField");
   const _component_NcSelect = vue$1.resolveComponent("NcSelect");
   const _component_ArrowUp = vue$1.resolveComponent("ArrowUp");
@@ -345226,9 +345783,19 @@ function render$2c(_ctx, _cache, $props, $setup, $data, $options) {
               vue$1.createVNode(_component_NcTextField, {
                 modelValue: $props.searchValue || '',
                 placeholder: $props.searchPlaceholder,
-                label: $props.searchLabel,
+                label: $options.isBoardLook ? $props.searchPlaceholder : $props.searchLabel,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (_ctx.$emit('search', $event)))
-              }, null, 8 /* PROPS */, ["modelValue", "placeholder", "label"])
+              }, vue$1.createSlots({ _: 2 /* DYNAMIC */ }, [
+                ($options.isBoardLook)
+                  ? {
+                      name: "icon",
+                      fn: vue$1.withCtx(() => [
+                        vue$1.createVNode(_component_Magnify, { size: 18 })
+                      ]),
+                      key: "0"
+                    }
+                  : undefined
+              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "placeholder", "label"])
             ]),
             ($props.sortOptions.length > 0)
               ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$1z, [
@@ -351852,6 +352419,21 @@ var script$20 = {
 			default: '',
 		},
 
+		/**
+		 * Board look: the count line while a saved view is applied (manifest
+		 * `config.savedViewCountText`), a template as `countText` that may name
+		 * the view's conditions as `{view}`: its description, else its filters
+		 * in words (DqFilterInMenu "3 van 48 lopende zaken · termijn binnen 7
+		 * dagen, van mij · gesorteerd op termijn"). A view's own `countText`
+		 * override and a scope's come first.
+		 *
+		 * @spec openspec/changes/applied-view-lights-its-lens/specs/applied-view-lights-its-lens/spec.md
+		 */
+		savedViewCountText: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Board look: a count line per view (manifest `config.countTextByView`),
 		 * `{ table?, cards?, list?, board?, map? }`, each a template as
@@ -354192,6 +354774,8 @@ var script$20 = {
 			savedViewCounts: null,
 			// The id (or slug) of the saved view that is applied; its chip shows selected under the board look.
 			appliedSavedViewId: '',
+			/** Whether the reader picked a lens chip after the applied view (then their chip shows). */
+			lensChosenByHand: false,
 			// The sort option the applied view's `overrides.sortOption` selected, so leaving the view can undo it.
 			viewSortOption: '',
 			// The applied view's filters as one comparable key, so the address keeps naming the view until they change.
@@ -354265,6 +354849,8 @@ var script$20 = {
 			savedViews: [],
 			savedViewsLoading: false,
 			showSaveViewDialog: false,
+			/** Whether the reader changed the view since it was opened or saved. */
+			viewChanged: false,
 			viewPendingDelete: null,
 			/** An `api-call` header action waiting on its confirmation, or null. */
 			headerApiCallPending: null,
@@ -356031,13 +356617,53 @@ var script$20 = {
 		 * @spec openspec/changes/working-list-row-actions/specs/index-page/spec.md
 		 */
 		/**
-		 * The chip the strip lights: the active tab, else the default tab of
-		 * tabs that arrived after setup (`quickFiltersFrom`), which is the
-		 * one the fetch applies.
+		 * The lens chip an applied saved view narrows within: the non-default
+		 * tab whose every condition the view's own conditions (its filters
+		 * over its locked filters, tokens as written) hold, the most specific
+		 * first (DqFilterInMenu: "Termijn deze week" lit for the view of that
+		 * name). Null without an applied view or a fitting tab.
+		 *
+		 * @return {number|null} The tab index.
+		 * @spec openspec/changes/applied-view-lights-its-lens/specs/applied-view-lights-its-lens/spec.md
+		 */
+		appliedViewLensIndex() {
+			const view = this.appliedSavedView;
+			const tabs = Array.isArray(this.tabStripEntries) ? this.tabStripEntries : [];
+			if (!view || tabs.length === 0) {
+				return null
+			}
+			const query = view.query && typeof view.query === 'object' ? view.query : {};
+			const locked = query.overrides && typeof query.overrides.lockedFilters === 'object' ? query.overrides.lockedFilters : {};
+			const conditions = { ...(locked || {}), ...(query.filters || view.filters || {}) };
+			const same = (a, b) => JSON.stringify(Array.isArray(a) ? a.map(String) : String(a)) === JSON.stringify(Array.isArray(b) ? b.map(String) : String(b));
+			let best = null;
+			let bestSize = 0;
+			tabs.forEach((tab, index) => {
+				const filter = tab && tab.filter && typeof tab.filter === 'object' ? tab.filter : {};
+				const keys = Object.keys(filter);
+				if (tab.default === true || keys.length === 0 || keys.length <= bestSize) {
+					return
+				}
+				if (keys.every((key) => Object.hasOwn(conditions, key) && same(conditions[key], filter[key]))) {
+					best = index;
+					bestSize = keys.length;
+				}
+			});
+			return best
+		},
+
+		/**
+		 * The chip the strip lights: the lens an applied saved view narrows
+		 * within (until the reader picks a chip), else the active tab, else
+		 * the default tab of tabs that arrived after setup
+		 * (`quickFiltersFrom`), which is the one the fetch applies.
 		 *
 		 * @return {number|null} The tab index, or null without tabs.
 		 */
 		shownQuickFilterIndex() {
+			if (!this.quickFilterMultiple && !this.lensChosenByHand && this.appliedViewLensIndex !== null) {
+				return this.appliedViewLensIndex
+			}
 			if (this.activeQuickFilterIndex !== null && this.activeQuickFilterIndex !== undefined) {
 				return this.activeQuickFilterIndex
 			}
@@ -358261,12 +358887,20 @@ var script$20 = {
 
 		/**
 		 * Whether the toolbar draws Save view: not when the page switches it
-		 * off (`savedViewSave: false`) or its header carries one.
+		 * off (`savedViewSave: false`) or its header carries one, and in the
+		 * board look only once the view has changed.
 		 *
+		 * @spec openspec/changes/board-save-view-only-when-changed/specs/saved-views/spec.md#requirement-the-board-look-offers-save-view-once-the-view-has-changed
 		 * @return {boolean}
 		 */
 		toolbarSavesView() {
-			return this.savedViewSave !== false && !this.headerSavesView
+			if (this.savedViewSave === false || this.headerSavesView) {
+				return false
+			}
+			// The board look offers it once the view differs from the one
+			// opened: changed by the reader, or, with no saved view open,
+			// filtered by the address.
+			return !this.isBoardLook || this.viewChanged || (!this.appliedSavedViewId && this.activeFilterChips.length > 0)
 		},
 
 		/**
@@ -358427,6 +359061,11 @@ var script$20 = {
 		 * @return {string}
 		 */
 		presentedCountText() {
+			const viewLine = this.savedViewCountText;
+			const view = this.appliedSavedView;
+			if (view && typeof viewLine === 'string' && viewLine !== '' && this.activeScopePresentation.countText === undefined && !savedViewOverrides(view)?.countText) {
+				return viewLine
+			}
 			if (this.activeScopePresentation.countText === undefined) {
 				const byView = this.countTextByView;
 				const own = byView && typeof byView === 'object' ? byView[this.currentViewMode] : undefined;
@@ -358437,6 +359076,23 @@ var script$20 = {
 			return this.presented('countText')
 		},
 
+		/**
+		 * The applied saved view's conditions for the count line's `{view}`:
+		 * its description, else its filters in words, starting lower case.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/applied-view-lights-its-lens/specs/applied-view-lights-its-lens/spec.md
+		 */
+		appliedViewConditionsText() {
+			const view = this.appliedSavedView;
+			if (!view) {
+				return ''
+			}
+			const own = typeof view.description === 'string' ? view.description.trim() : '';
+			const text = own !== '' ? own : String(this.viewFilterSummary(view) || '');
+			return text.charAt(0).toLowerCase() + text.slice(1)
+		},
+
 		headerDescriptionBase() {
 			const total = this.effectivePagination?.total;
 			// Board look: the count line is a template over the rows on this page
@@ -358460,6 +359116,7 @@ var script$20 = {
 						.replace('{shown}', String(shown))
 						.replace('{total}', String(total))
 						.replace(/\{term\}/g, this.sourceTerm)
+						.replace(/\{view\}/g, this.appliedViewConditionsText)
 				}
 				return this.countLine(this.countSubtitle, total, shown)
 			}
@@ -358525,6 +359182,17 @@ var script$20 = {
 			return !!this.resolvedSidebar.enabled && this.resolvedSidebar.show !== false
 		},
 
+		/**
+		 * Whether the page's side panel is open now; the board look then lays
+		 * the header out narrower (DqZakenSorteren).
+		 *
+		 * @spec openspec/changes/board-header-buttons-under-title-beside-side-panel/specs/board-header-buttons-under-title-beside-side-panel/spec.md#requirement-the-header-buttons-sit-under-the-title-while-the-side-panel-is-open
+		 * @return {boolean}
+		 */
+		sidebarPanelOpen() {
+			return Boolean(this.sidebarOpen && this.hasSidebar)
+		},
+
 		/**
 		 * Whether the board toolbar draws the Filter button as a menu: the
 		 * board look, `filterMenu` on, something to filter by, and no filter
@@ -358567,7 +359235,9 @@ var script$20 = {
 
 		/** Search props forwarded to the embedded CnIndexSidebar (defaults applied per CnIndexSidebar). */
 		sidebarSearchProps() {
-			return (this.sidebar && this.sidebar.search) || {}
+			// The page's own search hint, unless `sidebar.search` names one.
+			const own = this.shownSearchPlaceholder ? { searchPlaceholder: this.shownSearchPlaceholder } : {};
+			return { ...own, ...((this.sidebar && this.sidebar.search) || {}) }
 		},
 
 		/**
@@ -360368,6 +361038,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onSearchEvent(value) {
+			this.viewChanged = true;
 			if (this.namedSourceSearches) {
 				this.namedSearchTerm = value || '';
 			}
@@ -360387,9 +361058,11 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onQuickFilterChange(index) {
+			this.viewChanged = true;
 			// `activeQuickFilterIndex` is a setup-returned ref; the
 			// Vue 2 ref-unwrap proxy makes plain assignment work.
 			this.activeQuickFilterIndex = index;
+			this.lensChosenByHand = true;
 			this.$emit('quick-filter-change', index);
 		},
 
@@ -360402,6 +361075,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onQuickFilterMultiChange(indices) {
+			this.viewChanged = true;
 			this.selectedQuickFilterIndices = Array.isArray(indices) ? indices : [];
 			this.$emit('quick-filter-change', this.selectedQuickFilterIndices);
 		},
@@ -360417,6 +361091,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onSidebarSortChange(keys, value) {
+			this.viewChanged = true;
 			if (value !== undefined && this.selectSortOption(value)) {
 				return
 			}
@@ -360496,6 +361171,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onSortEvent(payload) {
+			this.viewChanged = true;
 			// An order by keys (a column header, a field in the Sort section)
 			// leaves an endpoint-ranked order.
 			if (this.sortSource.value) {
@@ -360699,6 +361375,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onClearFilters() {
+			this.viewChanged = true;
 			// "Clear all" on the Active line also undoes the quick filters it
 			// listed (a tab without an `activeLabel` is not a filter there).
 			for (const chip of this.quickFilterActiveChips) {
@@ -360807,6 +361484,7 @@ var script$20 = {
 		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-a-board-can-switch-the-field-its-columns-come-from
 		 */
 		onBoardColumnFieldChange(field) {
+			this.viewChanged = true;
 			this.boardColumnFieldChoice = field;
 			/**
 			 * @event board-column-field-change The board's column switch picked another field. Payload: the field name.
@@ -360822,6 +361500,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onBoardNarrowChange(value) {
+			this.viewChanged = true;
 			this.onFilterEvent({ key: this.boardNarrow.field, values: value === '' ? [] : [value] });
 		},
 
@@ -360884,6 +361563,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onFilterEvent(payload) {
+			this.viewChanged = true;
 			if (this.isSelfFetchMode && typeof this.list.onFilterChange === 'function') {
 				this.list.onFilterChange(payload.key, payload.values);
 				this.persistViewStateToRoute(this.currentViewState());
@@ -360906,6 +361586,7 @@ var script$20 = {
 		 * @spec openspec/changes/screens-index-list-parity/specs/index-list-board-look/spec.md#requirement-the-toolbar-sits-on-the-ground-in-two-rows
 		 */
 		onRemoveActiveFilter(chip) {
+			this.viewChanged = true;
 			if (chip && chip.searchTerm === true) {
 				this.onSearchEvent('');
 				return
@@ -361874,6 +362555,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onColumnsEvent(columns) {
+			this.viewChanged = true;
 			if (this.isSelfFetchMode && this.list.visibleColumns) {
 				this.list.visibleColumns.value = columns;
 			}
@@ -361921,6 +362603,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onColumnsReorder(columns) {
+			this.viewChanged = true;
 			this.onColumnsEvent(columns);
 		},
 
@@ -361931,6 +362614,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onPinChange(count) {
+			this.viewChanged = true;
 			if (!this.personalColumns || Array.isArray(this.appliedViewColumns)) {
 				return
 			}
@@ -362825,6 +363509,7 @@ var script$20 = {
 		 */
 		onApplySavedView(view, { keepSavedViewKey = false } = {}) {
 			this.appliedSavedViewId = view && (view.id || view.slug) ? String(view.id || view.slug) : '';
+			this.lensChosenByHand = false;
 			const state = extractViewState(view);
 			// A view's filters may carry tokens (`@me`, `@myTeam`): resolved here,
 			// and an optional one that answers nothing (no team) is dropped. A
@@ -362833,6 +363518,10 @@ var script$20 = {
 				loadMyTeam().then(() => this.onApplySavedView(view, { keepSavedViewKey }));
 				return
 			}
+			// An opened view is unchanged until the reader changes it.
+			this.$nextTick(() => {
+				this.viewChanged = false;
+			});
 			const ctx = typeof this.selfFetchTokenCtx === 'function' ? this.selfFetchTokenCtx() : {};
 			state.filters = dropOptionalUnresolved(resolveFilterTokens(state.filters, ctx));
 			this.appliedViewFiltersKey = this.viewFiltersKey(state.filters);
@@ -362958,6 +363647,7 @@ var script$20 = {
 				}
 				this.savedViews = [...this.savedViews, view];
 				this.showSaveViewDialog = false;
+				this.viewChanged = false;
 				this.sidebarActiveTab = 'filters-tab';
 				this.sidebarOpen = true;
 				this.toastSavedView('success', l10n.translate('nextcloud-vue', 'View "{name}" saved', { name }));
@@ -363977,7 +364667,7 @@ function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIndexSidebar = vue$1.resolveComponent("CnIndexSidebar");
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
-    class: vue$1.normalizeClass(["cn-index-page", [$setup.lookClass, { 'cn-index-page--with-side-panel': $options.hasSidePanel, 'cn-index-page--quick-filters-toolbar': $options.effectiveQuickFilterPlacement === 'toolbar' }]]),
+    class: vue$1.normalizeClass(["cn-index-page", [$setup.lookClass, { 'cn-index-page--with-side-panel': $options.hasSidePanel, 'cn-index-page--sidebar-open': $options.sidebarPanelOpen, 'cn-index-page--quick-filters-toolbar': $options.effectiveQuickFilterPlacement === 'toolbar' }]]),
     "data-testid": "cn-index-page",
     onKeydown: _cache[34] || (_cache[34] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
   }, [
@@ -364217,7 +364907,7 @@ function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
             maxVisible: $props.quickFilterMaxVisible,
             fit: false,
             multiple: $props.quickFilterMultiple,
-            activeIndex: $setup.activeQuickFilterIndex,
+            activeIndex: $options.shownQuickFilterIndex,
             selectedIndices: $setup.selectedQuickFilterIndices,
             counts: $options.effectiveTabCounts,
             "onUpdate:activeIndex": $options.onQuickFilterChange,
@@ -435602,7 +436292,13 @@ var script$n = {
 		async _fetchMenuItemCount(item) {
 			try {
 				const { register, schema, filter } = item.count;
-				const resolved = resolveFilterTokens(filter && typeof filter === 'object' ? filter : {}, {});
+				const raw = filter && typeof filter === 'object' ? filter : {};
+				// `@myTeam` counts as the list filters: once the team is read,
+				// every team the app answers, and without one no team at all.
+				if (Object.values(raw).some((value) => value === MY_TEAM_TOKEN || (Array.isArray(value) && value.includes(MY_TEAM_TOKEN)))) {
+					await loadMyTeam();
+				}
+				const resolved = dropOptionalUnresolved(resolveFilterTokens(raw, {}));
 				const url = router.generateUrl(`/apps/openregister/api/objects/${encodeURIComponent(register)}/${encodeURIComponent(schema)}`);
 				const { data } = await axios$1.get(url, { params: { _limit: 1, ...resolved } });
 				const total = data?.total;