@conduction/nextcloud-vue 2.135.0 → 2.137.0

package/l10n/en.json

@@ -1484,18 +1484,6 @@
     "Pages": "Pages",
     "Open {module}": "Open {module}",
     "{list} and {last}": "{list} and {last}",
-    "%n page: {pages}": [
-      "%n page: {pages}",
-      "%n pages: {pages}"
-    ],
-    "%n page, including {pages}": [
-      "%n page, including {pages}",
-      "%n pages, including {pages}"
-    ],
-    "{on} of %n is in the menu": [
-      "{on} of %n is in the menu",
-      "{on} of %n are in the menu"
-    ],
     "Put it in the menu:": "Put it in the menu:",
     "Admin settings": "Admin settings",
     "Support this app": "Support this app",
@@ -1513,10 +1501,6 @@
     "{status}, {expected}": "{status}, {expected}",
     "Build on this app": "Build on this app",
     "AI skills": "AI skills",
-    "%n feature": [
-      "%n feature",
-      "%n features"
-    ],
     "Your account": "Your account",
     "Only for you. Colleagues keep their own settings.": "Only for you. Colleagues keep their own settings.",
     "Sections of the settings": "Sections of the settings",
@@ -2254,10 +2238,6 @@
     "from {from}": "from {from}",
     "up to {to}": "up to {to}",
     "this week": "this week",
-    "within %n day": [
-      "within %n day",
-      "within %n days"
-    ],
     "Search term: {term}": "Search term: {term}",
     "New contact": "New contact",
     "Template": "Template",
@@ -2578,6 +2558,26 @@
     "%n minute": [
       "%n minute",
       "%n minutes"
+    ],
+    "%n page: {pages}": [
+      "%n page: {pages}",
+      "%n pages: {pages}"
+    ],
+    "%n page, including {pages}": [
+      "%n page, including {pages}",
+      "%n pages, including {pages}"
+    ],
+    "{on} of %n is in the menu": [
+      "{on} of %n is in the menu",
+      "{on} of %n are in the menu"
+    ],
+    "%n feature": [
+      "%n feature",
+      "%n features"
+    ],
+    "within %n day": [
+      "within %n day",
+      "within %n days"
     ]
   }
 }

package/l10n/nl.json

@@ -56,7 +56,7 @@
     "Save sharing": "Delen opslaan",
     "Failed to save sharing": "Delen opslaan is mislukt",
     "My views": "Mijn weergaven",
-    "Shared with me": "Met mij gedeeld",
+    "Shared with me": "Gedeeld met mij",
     "Share \"{name}\"": "\"{name}\" delen",
     "Save the current view to \"{name}\"": "Huidige weergave opslaan in \"{name}\"",
     "Save \"{name}\" as my view": "\"{name}\" opslaan als mijn weergave",
@@ -1671,18 +1671,6 @@
     "Pages": "Pagina's",
     "Open {module}": "{module} openen",
     "{list} and {last}": "{list} en {last}",
-    "%n page: {pages}": [
-      "%n pagina: {pages}",
-      "%n pagina's: {pages}"
-    ],
-    "%n page, including {pages}": [
-      "%n pagina, waaronder {pages}",
-      "%n pagina's, waaronder {pages}"
-    ],
-    "{on} of %n is in the menu": [
-      "{on} van %n staat in het menu",
-      "{on} van %n staan in het menu"
-    ],
     "Put it in the menu:": "In het menu zetten:",
     "Support this app": "Steun deze app",
     "No features with this status": "Geen functies met deze status",
@@ -1699,10 +1687,6 @@
     "{status}, {expected}": "{status}, {expected}",
     "Build on this app": "Bouw verder op deze app",
     "AI skills": "AI-vaardigheden",
-    "%n feature": [
-      "%n functie",
-      "%n functies"
-    ],
     "Your account": "Uw account",
     "Only for you. Colleagues keep their own settings.": "Alleen voor jou. Collega's houden hun eigen instellingen.",
     "Sections of the settings": "Onderdelen van de instellingen",
@@ -2504,10 +2488,6 @@
     "from {from}": "vanaf {from}",
     "up to {to}": "tot en met {to}",
     "this week": "deze week",
-    "within %n day": [
-      "binnen %n dag",
-      "binnen %n dagen"
-    ],
     "Search term: {term}": "Zoekterm: {term}",
     "New contact": "Nieuw contact",
     "Template": "Sjabloon",
@@ -2845,6 +2825,26 @@
     "%n minute": [
       "%n minuut",
       "%n minuten"
+    ],
+    "%n page: {pages}": [
+      "%n pagina: {pages}",
+      "%n pagina's: {pages}"
+    ],
+    "%n page, including {pages}": [
+      "%n pagina, waaronder {pages}",
+      "%n pagina's, waaronder {pages}"
+    ],
+    "{on} of %n is in the menu": [
+      "{on} van %n staat in het menu",
+      "{on} van %n staan in het menu"
+    ],
+    "%n feature": [
+      "%n functie",
+      "%n functies"
+    ],
+    "within %n day": [
+      "binnen %n dag",
+      "binnen %n dagen"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.135.0",
+  "version": "2.137.0",
   "description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
   "homepage": "https://github.com/ConductionNL/nextcloud-vue#readme",
   "bugs": {

package/src/components/CnActionDialog/CnActionDialog.vue

@@ -14,7 +14,9 @@
 		<div v-if="!done" class="cn-action-dialog">
 			<!-- The record the action is about: its title, a meta line, a badge. -->
 			<div v-if="summary" class="cn-action-dialog__summary" data-testid="cn-action-dialog-summary">
-				<CnIcon :name="config.summary.icon || 'FolderOutline'" :size="20" class="cn-action-dialog__summary-icon" />
+				<span class="cn-action-dialog__summary-icon">
+					<CnIcon :name="config.summary.icon || 'FolderOutline'" :size="20" />
+				</span>
 				<span class="cn-action-dialog__summary-text">
 					<strong>{{ summary.title }}</strong>
 					<span v-if="summary.meta" class="cn-action-dialog__muted">{{ summary.meta }}</span>
@@ -142,6 +144,9 @@
 				:type="noteType"
 				:heading="text(config.note.title)"
 				data-testid="cn-action-dialog-note">
+				<template v-if="config.note.icon" #icon>
+					<CnIcon :name="config.note.icon" :size="20" />
+				</template>
 				{{ text(config.note.text) }}
 			</NcNoteCard>
 
@@ -239,7 +244,8 @@ let reasonSeq = 0
  * - `reason`: `{ label?, hint?, required?, field?, rows? }`: a text area; required by
  *   default; sent as `field` (default `reason`). `rows` is its height in lines
  *   (default 2; board DqBesluit draws 4).
- * - `note`: `{ variant?, title?, text }`: a read-only note.
+ * - `note`: `{ variant?, title?, text, icon? }`: a read-only note; `icon` an
+ *   icon name in place of the variant's own ("LockOutline").
  * - `confirm`: `{ label, icon?, request?: { method?, url, body? }, action? }`.
  *   `request` posts itself (`body` templates filled with the record and
  *   `{reason}`); `action` dispatches a manifest action through the page.
@@ -808,10 +814,32 @@ export default {
 .cn-action-dialog__summary {
 	display: flex;
 	align-items: center;
-	gap: 10px;
+	gap: 12px;
 	padding: 12px 14px;
 	border: 1px solid var(--color-border);
-	border-radius: var(--border-radius-large, 8px);
+	border-radius: var(--border-radius-large, 10px);
+}
+
+/* The record's icon on a tinted tile (DqArchiveren). */
+.cn-action-dialog__summary-icon {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 36px;
+	height: 36px;
+	border-radius: 8px;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+}
+
+.cn-action-dialog__summary-text strong {
+	font-size: 15px;
+	font-weight: 600;
+}
+
+.cn-action-dialog__summary-text .cn-action-dialog__muted {
+	font-size: 13px;
 }
 
 .cn-action-dialog__summary-text {
@@ -853,13 +881,26 @@ export default {
 	border-bottom: 1px solid var(--color-border);
 }
 
+/* The server draws every dt as a 130px right-aligned inline block and pads
+   dt and dd 12px; a fact is a label over its value. */
+.cn-action-dialog__facts dt,
+.cn-action-dialog__facts dd {
+	display: block;
+	width: auto;
+	white-space: normal;
+	text-align: start;
+}
+
 .cn-action-dialog__facts dt {
+	margin: 0;
+	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
 
 .cn-action-dialog__facts dd {
 	margin: 0;
+	padding: 0;
 	font-size: 15px;
 	font-weight: 500;
 }

package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue

@@ -1,5 +1,8 @@
 <template>
-	<div class="cn-admin-settings-shell" :class="[ownLookClass, sectionColumns ? `cn-admin-settings-shell--columns-${sectionColumns}` : '']">
+	<div
+		class="cn-admin-settings-shell"
+		:class="[ownLookClass, sectionColumns ? `cn-admin-settings-shell--columns-${sectionColumns}` : '']"
+		:style="versionTitleSize ? { '--cn-board-version-title-size': `${versionTitleSize}px` } : null">
 		<!-- Names a development, test or acceptance environment; cannot be dismissed. Production shows nothing. -->
 		<CnEnvironmentBanner v-if="environmentName" :environment="environmentName" />
 
@@ -768,6 +771,15 @@ export default {
 			type: Object,
 			default: () => ({}),
 		},
+
+		/**
+		 * The board look's version card title size in px, when the app's board
+		 * draws it other than 17px (PqBeheer 19, OcInstellingen 18).
+		 */
+		versionTitleSize: {
+			type: Number,
+			default: 0,
+		},
 	},
 
 	emits: ['update', 'reimported', 'reimport-error', 'tab-change'],

package/src/components/CnAppNav/CnAppNav.vue

@@ -184,8 +184,9 @@
 					:key="item.id"
 					:name="resolveLabel(item)"
 					:data-testid="`cn-nav-caption-${item.id}`">
-					<template v-if="item.href" #actions>
+					<template v-if="item.href || item.action === 'user-settings'" #actions>
 						<NcActionLink
+							v-if="item.href"
 							:href="item.href"
 							:aria-label="captionEditLabel(item)"
 							:data-testid="`cn-nav-caption-edit-${item.id}`">
@@ -194,6 +195,16 @@
 							</template>
 							{{ captionEditLabel(item) }}
 						</NcActionLink>
+						<NcActionButton
+							v-else
+							:aria-label="captionEditLabel(item)"
+							:data-testid="`cn-nav-caption-edit-${item.id}`"
+							@click="cnOpenUserSettings()">
+							<template #icon>
+								<Pencil :size="20" />
+							</template>
+							{{ captionEditLabel(item) }}
+						</NcActionButton>
 					</template>
 				</NcAppNavigationCaption>
 				<!-- `type: "hint"`: a muted line, no link, as the empty "My
@@ -447,8 +458,9 @@
 							:key="item.id"
 							:name="resolveLabel(item)"
 							:data-testid="`cn-nav-caption-${item.id}`">
-							<template v-if="item.href" #actions>
+							<template v-if="item.href || item.action === 'user-settings'" #actions>
 								<NcActionLink
+									v-if="item.href"
 									:href="item.href"
 									:aria-label="captionEditLabel(item)"
 									:data-testid="`cn-nav-caption-edit-${item.id}`">
@@ -457,6 +469,16 @@
 									</template>
 									{{ captionEditLabel(item) }}
 								</NcActionLink>
+								<NcActionButton
+									v-else
+									:aria-label="captionEditLabel(item)"
+									:data-testid="`cn-nav-caption-edit-${item.id}`"
+									@click="cnOpenUserSettings()">
+									<template #icon>
+										<Pencil :size="20" />
+									</template>
+									{{ captionEditLabel(item) }}
+								</NcActionButton>
 							</template>
 						</NcAppNavigationCaption>
 						<NcAppNavigationItem
@@ -500,7 +522,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import { NcActionLink, NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
+import { NcActionButton, NcActionLink, NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
 import { toRaw } from 'vue'
 import BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'
 import Cog from 'vue-material-design-icons/Cog.vue'
@@ -595,6 +617,7 @@ export default {
 	name: 'CnAppNav',
 
 	components: {
+		NcActionButton,
 		NcActionLink,
 		Pencil,
 		NcAppNavigation,
@@ -1974,6 +1997,8 @@ export default {
 		 * `icon`, `count`, `children`, and `pinned`. A caption's `href` is
 		 * drawn as a pencil link beside the heading: the place where what
 		 * stands under it is changed (a user's own choice of entries, say).
+		 * `action: "user-settings"` draws the same pencil as a button that
+		 * opens the user settings dialog.
 		 *
 		 * @param {{ type?: string }} item Menu entry descriptor.
 		 * @return {boolean}

package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue

@@ -47,6 +47,9 @@
 				</p>
 			</li>
 		</ul>
+		<p v-if="footnote" class="cn-audit-card__footnote" data-testid="cn-audit-trail-widget-footnote">
+			{{ footnote }}
+		</p>
 		<template v-if="shownEntries.length > maxDisplay" #footer>
 			<button class="cn-audit-card__show-all" @click="$emit('show-all')">
 				{{ showAllLabel }} ({{ shownEntries.length }})
@@ -93,6 +96,12 @@ export default {
 	components: { CnDetailCard, NcLoadingIcon },
 
 	props: {
+		/**
+		 * A muted line under the trail, inside the card ("Kenmerk ZT-OMV-REG").
+		 *
+		 * @spec openspec/changes/audit-trail-footnote/specs/audit-trail/spec.md#requirement-a-history-card-can-end-in-a-line-about-the-record
+		 */
+		footnote: { type: String, default: '' },
 		/** OpenRegister register id (slug or uuid). Optional for `scope: "app"`. */
 		register: { type: String, default: '' },
 		/** OpenRegister schema id (slug or uuid). Optional for `scope: "app"`. */
@@ -523,6 +532,12 @@ export default {
 	padding: 12px 0;
 }
 
+.cn-audit-card__footnote {
+	margin: 12px 0 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
 .cn-audit-card__show-all {
 	background: none;
 	border: none;

package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue

@@ -20,10 +20,8 @@
 			:actionLabels="actionLabels"
 			:valueLabels="valueLabels"
 			:relatedSources="relatedSources"
+			:footnote="footnote"
 			v-bind="emptyText ? { noEntriesLabel: emptyText } : {}" />
-		<p v-if="footnote" class="cn-audit-trail-widget__footnote" data-testid="cn-audit-trail-widget-footnote">
-			{{ footnote }}
-		</p>
 	</div>
 </template>
 
@@ -283,14 +281,8 @@ export default {
 </script>
 
 <style scoped>
-/* The card keeps its own box; the wrapper only adds the line under it. */
+/* The card keeps its own box, footnote included. */
 .cn-audit-trail-widget {
 	display: contents;
 }
-
-.cn-audit-trail-widget__footnote {
-	margin: 0;
-	font-size: 13px;
-	color: var(--color-text-maxcontrast);
-}
 </style>

package/src/components/CnDataTable/CnDataTable.md

@@ -209,6 +209,7 @@ export default {
 | `filterable` | Boolean | `false` | Show a filter button in every header whose column can filter: enum, boolean, text, number, date and reference columns backed by a schema property. A column opts out with `filterable: false`. Applying a filter emits `column-filter`; the host owns the state and passes it back as `activeFilters`. `CnIndexPage` turns it on by default. |
 | `activeFilters` | Object | `{}` | The active filter map, `{ paramKey: values[] }`: the same map the facet sidebar writes, so a header filter and a sidebar filter on one field show the same state. |
 | `filterSchema` | Object | `null` | The schema the header filters read instead of `schema`, for a page that filters through other fields than the rows' own (a named source's search fields). Null: the header filters read `schema`. |
+| `filterChips` | Boolean | `true` | Draw the active header filters as removable chips above the table. A host that lists them itself (the index page's board Active line) turns this off, so a filter is not shown twice. |
 | `filterRegister` | String | `''` | Register slug a reference column's filter searches in when the column names none. |
 | `lensReasonTexts` | Object \| null | `null` | App wording for an unavailable personal lens in self-fetch mode, keyed `<lens>.<reason>` or `<reason>`. Without it the library's text is used (see below). |
 

package/src/components/CnDataTable/CnDataTable.vue

@@ -24,7 +24,7 @@
 
 		<!-- Active header filters, one removable chip each. -->
 		<ul
-			v-if="!isLoading && activeColumnFilterChips.length > 0"
+			v-if="filterChips && !isLoading && activeColumnFilterChips.length > 0"
 			class="cn-data-table__filter-chips"
 			:aria-label="activeFiltersLabel"
 			data-testid="cn-table-filter-chips">
@@ -346,7 +346,12 @@
 								     falls back to formatValue(). Columns with `aggregate` get a
 								     count of related objects (see cellValue/loadAggregates). The
 								     #column-{key} slot still wins. -->
+									<span
+										v-if="isTextZero(row, col)"
+										class="cn-table-cell__zero"
+										data-testid="cn-cell-zero">{{ cellValue(row, col) }}</span>
 									<CnCellRenderer
+										v-else
 										:value="cellValue(row, col)"
 										:property="columnProperty(col)"
 										:formatter="col.formatter || null"
@@ -1081,6 +1086,18 @@ export default {
 			default: null,
 		},
 
+		/**
+		 * Draw the active header filters as removable chips above the table.
+		 * A host that lists them itself (the index page's board Active line)
+		 * turns this off, so a filter is not shown twice.
+		 *
+		 * @spec openspec/changes/index-table-filter-chips-once/specs/cn-data-table/spec.md#requirement-a-host-that-lists-the-active-filters-itself-turns-the-table-chips-off
+		 */
+		filterChips: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * The active filter map, `{ paramKey: values[] }`: the same map the
 		 * facet sidebar writes, so a header filter and a sidebar filter on one
@@ -2187,6 +2204,26 @@ export default {
 			return this.getCellValue(row, this.columnValueField(col))
 		},
 
+		/**
+		 * Whether an aggregate cell shows its `zeroLabel` as muted text instead
+		 * of through the column's widget (`aggregate.zeroAs: "text"`): a count
+		 * of zero, or a max with nothing to read.
+		 *
+		 * @param {object} row The row data.
+		 * @param {object} col The column definition.
+		 * @return {boolean}
+		 * @spec openspec/changes/aggregate-zero-as-text/specs/index-page/spec.md#requirement-a-count-column-can-show-its-zero-label-as-text
+		 */
+		isTextZero(row, col) {
+			const aggregate = col && col.aggregate
+			if (!aggregate || aggregate.zeroAs !== 'text' || typeof aggregate.zeroLabel !== 'string' || aggregate.zeroLabel === '') {
+				return false
+			}
+			const cached = this.aggregateValues[String(row[this.rowKey])]
+			const v = cached ? cached[col.key] : undefined
+			return v === 0 || v === '0' || v === null
+		},
+
 		/**
 		 * The row field a column's cell shows: `col.valueField` when set, else
 		 * `col.key`. The key stays what the header sorts and filters on, so a

package/src/components/CnDetailPage/CnDetailPage.md

@@ -372,6 +372,7 @@ The header carries the shared [CnActionsMenu](./cn-actions-menu.md) overflow (Re
 | `formSize` (`form-size`) | String | `'normal'` | NcDialog size for this page's create and edit form dialogs (`'small'`, `'normal'`, `'large'`). Set from the manifest as `config.formSize`. Before 2.44.0 the page passed no size, so both forms sat at `normal` however many properties the schema declared, while a manifest `open-form` header action could already ask for `large`. |
 | `formColumns` (`form-columns`) | Number | `1` | How many columns the create and edit forms flow their fields into (`1` or `2`). Pair `2` with `formSize: 'large'`, or the two columns are merely two narrow ones. Textareas and JSON editors still span both, and the layout collapses back to one column below 700px. Set from the manifest as `config.formColumns`. |
 | `editLabel` | String | `''` | Label for the header Edit button. Defaults to a translated "Edit". |
+| `editTitle` | String | `''` | Title of the record edit form, run through the host translate. Empty uses the Edit button's label. |
 | `editSubtitle` | String | `''` | One line under the edit form's title, run through the host translate. Empty shows none. |
 | `showRequestFeature` | Boolean | `true` | Show the Request-a-feature item. Emits `@request-feature`; the default opens the forge's feature-request issue form (repo and forge injected by CnAppRoot) in a new tab, pre-filled with the page title and `surface: "detail:<id>"`. |
 | `documentationUrl` | String | `''` | When set, adds a **Documentation** entry opening the link in a new tab. Empty hides it. |

package/src/components/CnDetailPage/CnDetailPage.vue

@@ -253,7 +253,7 @@
 				     card, next to the checklist that explains it, and not here
 				     as well: one primary button per page. -->
 				<NcButton
-					v-if="effectivePrimaryLabel && !showsNextStepCard"
+					v-if="effectivePrimaryLabel && !showsNextStepCard && stagePrimaryOnTab"
 					:id="primaryActionAnchorId"
 					ref="primaryActionButton"
 					variant="primary"
@@ -1324,7 +1324,7 @@
 				:schema="currentSchema"
 				:item="currentObject"
 				:register="register"
-				:dialogTitle="editActionLabel"
+				:dialogTitle="editFormTitle"
 				:subtitle="editFormSubtitle"
 				:excludeFields="excludeFields"
 				:includeFields="includeFields"
@@ -2454,6 +2454,12 @@ export default {
 			default: '',
 		},
 
+		/** Title of the record edit form, run through the host translate. Empty uses the Edit button's label. */
+		editTitle: {
+			type: String,
+			default: '',
+		},
+
 		/** One line under the edit form's title, run through the host translate. Empty shows none. */
 		editSubtitle: {
 			type: String,
@@ -3826,6 +3832,19 @@ export default {
 				.slice(0, MAX_QUICK_ACTIONS)
 		},
 
+		/**
+		 * Whether the stage's primary button belongs beside the open body tab:
+		 * an inline stage action with `tabs`/`notTabs` follows the tab like a
+		 * quick action (DqZaakAssistent: no "Next step" beside AI oversight).
+		 * It stays in the Actions menu either way.
+		 *
+		 * @return {boolean} true when the button may show.
+		 * @spec openspec/changes/stage-primary-follows-tab/specs/detail-page/spec.md#requirement-a-stage-action-can-follow-the-open-tab
+		 */
+		stagePrimaryOnTab() {
+			return !this.stagePrimaryEntry || onTab(this.stagePrimary, this.activeBodyTab)
+		},
+
 		/**
 		 * The stage's primary action in dispatchable form: the menu entry
 		 * CnActionButtons built for it, with its `run()`. Null while the
@@ -4790,6 +4809,11 @@ export default {
 			return this.editLabel ? this.effectiveTranslate(this.editLabel) : t('nextcloud-vue', 'Edit')
 		},
 
+		/** @return {string} The edit form's title, translated; the Edit button's label when none is configured. */
+		editFormTitle() {
+			return this.editTitle ? this.effectiveTranslate(this.editTitle) : this.editActionLabel
+		},
+
 		/** @return {string} The edit form's subtitle, translated; empty when none is configured. */
 		editFormSubtitle() {
 			return this.editSubtitle ? this.effectiveTranslate(this.editSubtitle) : ''

package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue

@@ -99,6 +99,7 @@
 			:hideEmpty="content.hideEmpty === true || hideEmpty"
 			:columns="content.columns || 3"
 			:collapsedFields="content.collapsedFields ?? null"
+			:footnote="content.footnote || ''"
 			:editable="content.editable !== false" />
 
 		<!-- `type: 'related'` — resolves this object's relations and links into