@conduction/nextcloud-vue 2.139.0 → 2.140.0

package/dist/nextcloud-vue.cjs.js

@@ -3604,7 +3604,8 @@ var translations$s = {
 	"You save the order along with a view.": "You save the order along with a view.",
 	me: "me",
 	"Open profile": "Open profile",
-	"Link a contact from your address book.": "Link a contact from your address book."
+	"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": [
@@ -6616,7 +6617,11 @@ var translations$c = {
 	"You save the order along with a view.": "De sortering bewaart u mee in een weergave.",
 	me: "ik",
 	"Open profile": "Profiel openen",
-	"Link a contact from your address book.": "Koppel een contact uit je adresboek."
+	"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": [
@@ -7272,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"
@@ -7342,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'),
@@ -10025,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"];
@@ -10095,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 */))
         ]))
@@ -10448,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"
 };
@@ -10494,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) {
@@ -10520,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, [
@@ -10632,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'),
@@ -10648,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)
   ]))
@@ -11727,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,
@@ -11773,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");
@@ -11822,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, {
@@ -12087,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))
@@ -14623,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) {
@@ -14642,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) {
@@ -14657,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;
@@ -14672,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) {
@@ -15357,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
 	}
@@ -24270,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: {
 		/**
@@ -24332,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
@@ -25466,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
@@ -26675,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"
@@ -26724,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 }])
@@ -26775,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", {
@@ -26870,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-56aabaf0";
+script$8z.__scopeId = "data-v-4e61b5f0";
 const __sfc_main$8t = script$8z;
 
 /**
@@ -27799,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,
@@ -27848,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,
@@ -29281,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"
 };
@@ -29356,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),
@@ -29911,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"
@@ -29977,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",
@@ -30019,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),
@@ -30113,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", {
@@ -30131,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)
@@ -30143,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", {
@@ -30532,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,
 		}
 	},
 
@@ -30669,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 === '') {
@@ -30694,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).
 		 *
@@ -31045,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(),
@@ -31057,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",
@@ -31071,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 || ''),
@@ -31113,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,
@@ -31129,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"
           }
@@ -31139,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, {
@@ -31172,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;
 
 /**
@@ -41468,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.
@@ -41529,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()
 	}
@@ -45415,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
@@ -46018,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"
 };
@@ -46192,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')
@@ -46200,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,
@@ -46346,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 }, [
@@ -46363,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 }, [
@@ -46610,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;
 
 /**
@@ -49117,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",
@@ -49388,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, {
@@ -49469,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 }))
@@ -85229,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"
 };
@@ -85429,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,
@@ -85444,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)
@@ -96380,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 = {
@@ -96586,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]
                       ])
@@ -96602,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),
@@ -100310,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");
@@ -100445,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 */))
@@ -102406,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,
@@ -102588,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,
@@ -103107,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");
@@ -103239,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 */))
@@ -115733,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
@@ -115849,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
@@ -118454,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] };
 			}
@@ -118465,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.
 		 *
@@ -118564,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",
@@ -119080,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",
@@ -119090,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) => {
@@ -119122,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 */)
@@ -119715,7 +119999,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$71.render = render$70;
-script$71.__scopeId = "data-v-ad907164";
+script$71.__scopeId = "data-v-3a771a01";
 const __sfc_main$6X = script$71;
 
 /**
@@ -124446,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");
@@ -124565,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 */))
@@ -131191,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");
@@ -131324,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 */))
@@ -140631,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.
@@ -140768,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 || [];
@@ -140948,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;
@@ -141654,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
@@ -154133,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"
 };
@@ -154850,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,
@@ -154884,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),
@@ -154911,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"
                                                                           },
@@ -154943,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),
@@ -165021,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,
@@ -165291,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)
@@ -165326,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) => {
@@ -166509,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"
@@ -166695,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'),
@@ -166707,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 */)
@@ -168441,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,
@@ -168499,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.
 		 *
@@ -168855,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)
@@ -168915,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_;
 
 /**
@@ -169493,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.
  *
@@ -169560,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`.
@@ -169572,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 } = {}) {
@@ -169615,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
@@ -170051,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.
 		 *
@@ -170232,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");
@@ -170458,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 */)),
@@ -170487,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 */)
           ])
@@ -170500,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;
 
 /**
@@ -180290,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
@@ -180309,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,
@@ -180670,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
 		},
@@ -180686,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))',
 				}
@@ -181412,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.
 		 *
@@ -182536,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;
 
 /**
@@ -190939,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" };
@@ -191195,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)
@@ -216334,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"];
@@ -216492,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)
       ]),
@@ -222366,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"
@@ -222484,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)
@@ -223571,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"
 };
@@ -223687,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, [
@@ -229936,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"
 };
@@ -230260,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, [
@@ -236440,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.
@@ -236494,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`. */
@@ -237341,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
 		},
@@ -237353,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 };
 			/**
@@ -237364,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.
 		 *
@@ -237866,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");
@@ -237981,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,
@@ -237993,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, {
@@ -238002,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),
@@ -238023,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))
@@ -238046,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,
@@ -238073,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", {
@@ -238106,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,
@@ -238130,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,
@@ -238229,7 +238712,7 @@ function render$47(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$48.render = render$47;
-script$48.__scopeId = "data-v-4fd0d81c";
+script$48.__scopeId = "data-v-1b8f8e6f";
 const __sfc_main$48 = script$48;
 
 /**
@@ -250062,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,
@@ -250296,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) {
@@ -250527,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';
@@ -320602,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.
@@ -320648,6 +321162,7 @@ const BUILT_IN_FORMATTERS = {
 	connectionSettingsLabel: formatConnectionSettingsLabel,
 	masked: formatMasked,
 	isoDuration: formatIsoDuration,
+	valueMap: formatValueMap,
 };
 
 /**
@@ -354334,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,
@@ -358370,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)
 		},
 
 		/**
@@ -360513,6 +361038,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onSearchEvent(value) {
+			this.viewChanged = true;
 			if (this.namedSourceSearches) {
 				this.namedSearchTerm = value || '';
 			}
@@ -360532,6 +361058,7 @@ 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;
@@ -360548,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);
 		},
@@ -360563,6 +361091,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onSidebarSortChange(keys, value) {
+			this.viewChanged = true;
 			if (value !== undefined && this.selectSortOption(value)) {
 				return
 			}
@@ -360642,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) {
@@ -360845,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) {
@@ -360953,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.
@@ -360968,6 +361500,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onBoardNarrowChange(value) {
+			this.viewChanged = true;
 			this.onFilterEvent({ key: this.boardNarrow.field, values: value === '' ? [] : [value] });
 		},
 
@@ -361030,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());
@@ -361052,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
@@ -362020,6 +362555,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onColumnsEvent(columns) {
+			this.viewChanged = true;
 			if (this.isSelfFetchMode && this.list.visibleColumns) {
 				this.list.visibleColumns.value = columns;
 			}
@@ -362067,6 +362603,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onColumnsReorder(columns) {
+			this.viewChanged = true;
 			this.onColumnsEvent(columns);
 		},
 
@@ -362077,6 +362614,7 @@ var script$20 = {
 		 * @return {void}
 		 */
 		onPinChange(count) {
+			this.viewChanged = true;
 			if (!this.personalColumns || Array.isArray(this.appliedViewColumns)) {
 				return
 			}
@@ -362980,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);
@@ -363105,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 }));
@@ -435749,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;