@conduction/nextcloud-vue 2.142.0 → 2.143.0

package/dist/nextcloud-vue.cjs.js

@@ -5907,7 +5907,7 @@ var translations$c = {
 	Now: "Nu",
 	"Tell me above a number": "Melden vanaf een aantal",
 	Threshold: "Grens",
-	"A message to you when there are {threshold} or more": "Bericht aan u als er {threshold} of meer zijn",
+	"A message to you when there are {threshold} or more": "Bericht aan u als er {threshold} of meer open zijn",
 	"Save this search or open a saved one to set an alert on it.": "Sla deze zoekopdracht op of open een opgeslagen zoekopdracht om er een melding op te zetten.",
 	"The alert could not be saved.": "De melding kon niet worden opgeslagen.",
 	"Your exports could not be loaded.": "Uw exports konden niet worden geladen.",
@@ -7309,7 +7309,7 @@ const _hoisted_8$4i = {
   key: 0,
   class: "cn-ai-history-list__item-desc"
 };
-const _hoisted_9$3Y = { class: "cn-ai-history-list__item-time" };
+const _hoisted_9$3X = { class: "cn-ai-history-list__item-time" };
 const _hoisted_10$3t = ["aria-label", "title", "onClick"];
 
 function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
@@ -7411,7 +7411,7 @@ function render$8G(_ctx, _cache, $props, $setup, $data, $options) {
                           (conv.description)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$4i, vue$1.toDisplayString(conv.description), 1 /* TEXT */))
                             : vue$1.createCommentVNode("v-if", true),
-                          vue$1.createElementVNode("span", _hoisted_9$3Y, vue$1.toDisplayString($options.formatRelative(conv.updatedAt || conv.createdAt)), 1 /* TEXT */)
+                          vue$1.createElementVNode("span", _hoisted_9$3X, vue$1.toDisplayString($options.formatRelative(conv.updatedAt || conv.createdAt)), 1 /* TEXT */)
                         ], 8 /* PROPS */, _hoisted_6$5c),
                         vue$1.createElementVNode("button", {
                           type: "button",
@@ -9234,6 +9234,15 @@ var script$8G = {
 			default: '',
 		},
 
+		/**
+		 * The narrow layout of a card: the text box and the send button on the
+		 * first line, dictation and attach on a line under it.
+		 */
+		stacked: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Backend app id the attach control uploads files to
 		 * (`POST /index.php/apps/{chatAppId}/api/chat/attachments`). See
@@ -10041,21 +10050,17 @@ var script$8G = {
 };
 
 const _hoisted_1$8e = {
-  class: "cn-ai-input",
-  "data-testid": "cn-ai-input"
-};
-const _hoisted_2$7U = {
   key: 2,
   class: "cn-ai-input__chips",
   "data-testid": "cn-ai-input-chips"
 };
-const _hoisted_3$73 = { class: "cn-ai-input__chip-name" };
-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"];
-const _hoisted_8$4h = ["aria-label", "disabled", "placeholder"];
-const _hoisted_9$3X = ["aria-label", "disabled"];
+const _hoisted_2$7U = { class: "cn-ai-input__chip-name" };
+const _hoisted_3$73 = ["aria-label", "disabled", "data-testid", "onClick"];
+const _hoisted_4$6l = { class: "cn-ai-input__row" };
+const _hoisted_5$5C = ["aria-label", "title", "aria-pressed", "aria-disabled", "disabled", "data-engine"];
+const _hoisted_6$5b = ["aria-label", "title", "aria-pressed", "disabled"];
+const _hoisted_7$4J = ["aria-label", "disabled", "placeholder"];
+const _hoisted_8$4h = ["aria-label", "disabled"];
 
 function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcNoteCard = vue$1.resolveComponent("NcNoteCard");
@@ -10072,7 +10077,10 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcActions = vue$1.resolveComponent("NcActions");
   const _component_Send = vue$1.resolveComponent("Send");
 
-  return (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$8e, [
+  return (vue$1.openBlock(), vue$1.createElementBlock("div", {
+    class: vue$1.normalizeClass(["cn-ai-input", { 'cn-ai-input--stacked': $props.stacked }]),
+    "data-testid": "cn-ai-input"
+  }, [
     ($data.uploadError)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_NcNoteCard, {
           key: 0,
@@ -10100,7 +10108,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
         }))
       : vue$1.createCommentVNode("v-if", true),
     ($data.attachments.length)
-      ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_2$7U, [
+      ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_1$8e, [
           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($data.attachments, (attachment, index) => {
             return (vue$1.openBlock(), vue$1.createElementBlock("li", {
               key: attachment.fileId !== undefined ? 'f' + attachment.fileId : attachment.path,
@@ -10110,7 +10118,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
                 size: 14,
                 class: "cn-ai-input__chip-icon"
               }),
-              vue$1.createElementVNode("span", _hoisted_3$73, vue$1.toDisplayString(attachment.name), 1 /* TEXT */),
+              vue$1.createElementVNode("span", _hoisted_2$7U, vue$1.toDisplayString(attachment.name), 1 /* TEXT */),
               vue$1.createElementVNode("button", {
                 type: "button",
                 class: "cn-ai-input__chip-remove",
@@ -10120,12 +10128,12 @@ 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$6l)
+              ], 8 /* PROPS */, _hoisted_3$73)
             ]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : vue$1.createCommentVNode("v-if", true),
-    vue$1.createElementVNode("div", _hoisted_5$5C, [
+    vue$1.createElementVNode("div", _hoisted_4$6l, [
       ($options.speechButtonVisible)
         ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
             key: 0,
@@ -10158,7 +10166,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 2,
                     size: 20
                   }))
-          ], 10 /* CLASS, PROPS */, _hoisted_6$5b))
+          ], 10 /* CLASS, PROPS */, _hoisted_5$5C))
         : vue$1.createCommentVNode("v-if", true),
       ($options.conversationButtonVisible)
         ? (vue$1.openBlock(), vue$1.createElementBlock("button", {
@@ -10181,7 +10189,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
                   key: 1,
                   size: 20
                 }))
-          ], 10 /* CLASS, PROPS */, _hoisted_7$4J))
+          ], 10 /* CLASS, PROPS */, _hoisted_6$5b))
         : vue$1.createCommentVNode("v-if", true),
       vue$1.createVNode(_component_NcActions, {
         class: "cn-ai-input__attach-menu",
@@ -10252,7 +10260,7 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
           _cache[5] || (_cache[5] = vue$1.withKeys(vue$1.withModifiers((...args) => ($options.handleShiftEnter && $options.handleShiftEnter(...args)), ["shift","exact"]), ["enter"]))
         ],
         onInput: _cache[6] || (_cache[6] = (...args) => ($options.autoGrow && $options.autoGrow(...args)))
-      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_8$4h), [
+      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7$4J), [
         [vue$1.vModelText, $data.inputText]
       ]),
       vue$1.createElementVNode("button", {
@@ -10276,9 +10284,9 @@ function render$8F(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 2,
                 size: 20
               }))
-      ], 10 /* CLASS, PROPS */, _hoisted_9$3X)
+      ], 10 /* CLASS, PROPS */, _hoisted_8$4h)
     ])
-  ]))
+  ], 2 /* CLASS */))
 }
 
 script$8G.render = render$8F;
@@ -10499,7 +10507,7 @@ const _hoisted_10$3s = {
   "data-testid": "cn-ai-message-attachments"
 };
 const _hoisted_11$36 = ["href"];
-const _hoisted_12$2O = ["src", "alt"];
+const _hoisted_12$2P = ["src", "alt"];
 const _hoisted_13$2w = ["href"];
 const _hoisted_14$2m = {
   key: 2,
@@ -10603,7 +10611,7 @@ function render$8E(_ctx, _cache, $props, $setup, $data, $options) {
                                   src: $options.previewSrc(file),
                                   alt: file.name,
                                   loading: "lazy"
-                                }, null, 8 /* PROPS */, _hoisted_12$2O)
+                                }, null, 8 /* PROPS */, _hoisted_12$2P)
                               ], 8 /* PROPS */, _hoisted_11$36))
                             : ($options.fileHref(file))
                               ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
@@ -11770,7 +11778,7 @@ const _hoisted_9$3V = {
 };
 const _hoisted_10$3r = { class: "cn-ai-approval__head" };
 const _hoisted_11$35 = { class: "cn-ai-approval__title" };
-const _hoisted_12$2N = { class: "cn-ai-approval__reach" };
+const _hoisted_12$2O = { class: "cn-ai-approval__reach" };
 const _hoisted_13$2v = {
   key: 0,
   class: "cn-ai-approval__reason"
@@ -12031,7 +12039,7 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                           }, [
                             vue$1.createElementVNode("div", _hoisted_10$3r, [
                               vue$1.createElementVNode("span", _hoisted_11$35, vue$1.toDisplayString(approval.title), 1 /* TEXT */),
-                              vue$1.createElementVNode("span", _hoisted_12$2N, vue$1.toDisplayString(approval.reach), 1 /* TEXT */)
+                              vue$1.createElementVNode("span", _hoisted_12$2O, vue$1.toDisplayString(approval.reach), 1 /* TEXT */)
                             ]),
                             (approval.reason)
                               ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_13$2v, vue$1.toDisplayString(approval.reason), 1 /* TEXT */))
@@ -12082,6 +12090,7 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                       disabled: $props.streamState.isStreaming,
                       placeholder: $props.inputPlaceholder,
                       sendLabel: $props.sendLabel,
+                      stacked: $props.titled,
                       chatAppId: $props.chatAppId,
                       speechInputEngine: $options.speechPolicy.inputEngine,
                       dictationSilenceTimeout: $options.speechPolicy.silenceTimeout,
@@ -12089,7 +12098,7 @@ function render$8D(_ctx, _cache, $props, $setup, $data, $options) {
                       conversationEnabled: $options.speechPolicy.conversationEnabled,
                       onSend: $options.onSend,
                       onConversationState: $options.onConversationTurn
-                    }, null, 8 /* PROPS */, ["disabled", "placeholder", "sendLabel", "chatAppId", "speechInputEngine", "dictationSilenceTimeout", "localSpeechAvailable", "conversationEnabled", "onSend", "onConversationState"])
+                    }, null, 8 /* PROPS */, ["disabled", "placeholder", "sendLabel", "stacked", "chatAppId", "speechInputEngine", "dictationSilenceTimeout", "localSpeechAvailable", "conversationEnabled", "onSend", "onConversationState"])
                   ])
                 ]))
               : (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_18$1v, [
@@ -26808,7 +26817,7 @@ const _hoisted_11$34 = {
   class: "cn-chart-widget__html",
   "data-testid": "cn-chart-widget-matrix"
 };
-const _hoisted_12$2M = ["aria-label"];
+const _hoisted_12$2N = ["aria-label"];
 const _hoisted_13$2u = {
   role: "row",
   class: "cn-chart-widget__matrix-row"
@@ -26975,7 +26984,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 12 /* STYLE, PROPS */, _hoisted_12$2M),
+                  ], 12 /* STYLE, PROPS */, _hoisted_12$2N),
                   ($props.footnote)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_16$1W, vue$1.toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
                     : vue$1.createCommentVNode("v-if", true)
@@ -29449,7 +29458,7 @@ const _hoisted_11$33 = {
   key: 0,
   class: "cn-quick-filter-bar__label"
 };
-const _hoisted_12$2L = { class: "cn-quick-filter-bar__more-heading" };
+const _hoisted_12$2M = { class: "cn-quick-filter-bar__more-heading" };
 const _hoisted_13$2t = { class: "cn-quick-filter-bar__more-list" };
 const _hoisted_14$2j = ["aria-pressed", "onClick"];
 const _hoisted_15$26 = { class: "cn-quick-filter-bar__label" };
@@ -29582,7 +29591,7 @@ function render$8r(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-quick-filter-bar__more-panel",
                   onKeydown: _cache[1] || (_cache[1] = vue$1.withKeys(vue$1.withModifiers($event => ($data.moreOpen = false), ["stop"]), ["escape"]))
                 }, [
-                  vue$1.createElementVNode("p", _hoisted_12$2L, vue$1.toDisplayString($options.moreHeading), 1 /* TEXT */),
+                  vue$1.createElementVNode("p", _hoisted_12$2M, vue$1.toDisplayString($options.moreHeading), 1 /* TEXT */),
                   vue$1.createElementVNode("div", _hoisted_13$2t, [
                     (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.overflowEntries, (entry) => {
                       return (vue$1.openBlock(), vue$1.createElementBlock("button", {
@@ -30092,7 +30101,7 @@ const _hoisted_11$32 = {
   class: "cn-conversation-thread__avatar",
   "aria-hidden": "true"
 };
-const _hoisted_12$2K = { class: "cn-conversation-thread__bubble" };
+const _hoisted_12$2L = { class: "cn-conversation-thread__bubble" };
 const _hoisted_13$2s = { class: "cn-conversation-thread__meta" };
 const _hoisted_14$2i = { class: "hidden-visually" };
 const _hoisted_15$25 = { class: "cn-conversation-thread__author" };
@@ -30202,7 +30211,7 @@ function render$8q(_ctx, _cache, $props, $setup, $data, $options) {
                   "data-side": row.side
                 }, [
                   vue$1.createElementVNode("span", _hoisted_11$32, vue$1.toDisplayString(row.initials), 1 /* TEXT */),
-                  vue$1.createElementVNode("div", _hoisted_12$2K, [
+                  vue$1.createElementVNode("div", _hoisted_12$2L, [
                     vue$1.createElementVNode("span", _hoisted_13$2s, [
                       vue$1.createElementVNode("span", _hoisted_14$2i, vue$1.toDisplayString(row.directionLabel), 1 /* TEXT */),
                       vue$1.createElementVNode("span", _hoisted_15$25, vue$1.toDisplayString(row.author), 1 /* TEXT */),
@@ -37326,7 +37335,7 @@ const _hoisted_9$3P = {
 };
 const _hoisted_10$3n = { class: "cn-calendar-event-picker__breadcrumb" };
 const _hoisted_11$31 = { class: "cn-calendar-event-picker__breadcrumb-calendar" };
-const _hoisted_12$2J = {
+const _hoisted_12$2K = {
   key: 1,
   class: "cn-calendar-event-picker__banner cn-calendar-event-picker__banner--error",
   role: "alert"
@@ -37446,7 +37455,7 @@ function render$8h(_ctx, _cache, $props, $setup, $data, $options) {
                       size: 32
                     }))
                   : ($data.errorEvents)
-                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2J, vue$1.toDisplayString($data.errorEvents), 1 /* TEXT */))
+                    ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2K, vue$1.toDisplayString($data.errorEvents), 1 /* TEXT */))
                     : ($options.filteredEvents.length > 0)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_13$2r, [
                           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.filteredEvents, (ev) => {
@@ -42406,7 +42415,7 @@ const _hoisted_11$30 = {
   key: 4,
   class: "cn-pagination__page-size"
 };
-const _hoisted_12$2I = ["for"];
+const _hoisted_12$2J = ["for"];
 
 function render$88(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ChevronLeft = vue$1.resolveComponent("ChevronLeft");
@@ -42559,7 +42568,7 @@ function render$88(_ctx, _cache, $props, $setup, $data, $options) {
             : vue$1.createCommentVNode("v-if", true),
         (!$props.compact && !$options.isBoardVariant)
           ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_11$30, [
-              vue$1.createElementVNode("label", { for: $options.pageSizeId }, vue$1.toDisplayString($props.itemsPerPageLabel), 9 /* TEXT, PROPS */, _hoisted_12$2I),
+              vue$1.createElementVNode("label", { for: $options.pageSizeId }, vue$1.toDisplayString($props.itemsPerPageLabel), 9 /* TEXT, PROPS */, _hoisted_12$2J),
               vue$1.createVNode(_component_NcSelect, {
                 inputId: $options.pageSizeId,
                 class: "cn-pagination__page-size-select",
@@ -42903,7 +42912,7 @@ const _hoisted_11$2$ = {
   key: 1,
   class: "cn-column-filter__options"
 };
-const _hoisted_12$2H = { class: "cn-column-filter__sr-only" };
+const _hoisted_12$2I = { class: "cn-column-filter__sr-only" };
 const _hoisted_13$2q = ["name", "value", "checked", "onChange"];
 const _hoisted_14$2g = {
   key: 2,
@@ -42988,7 +42997,7 @@ function render$87(_ctx, _cache, $props, $setup, $data, $options) {
           ], 64 /* STABLE_FRAGMENT */))
         : ($props.def.kind === 'boolean')
           ? (vue$1.openBlock(), vue$1.createElementBlock("fieldset", _hoisted_11$2$, [
-              vue$1.createElementVNode("legend", _hoisted_12$2H, vue$1.toDisplayString($options.headingText), 1 /* TEXT */),
+              vue$1.createElementVNode("legend", _hoisted_12$2I, vue$1.toDisplayString($options.headingText), 1 /* TEXT */),
               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.booleanOptions, (option) => {
                 return (vue$1.openBlock(), vue$1.createElementBlock("label", {
                   key: option.value,
@@ -46340,7 +46349,7 @@ const _hoisted_11$2_ = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_12$2G = {
+const _hoisted_12$2H = {
   key: 1,
   class: "cn-cell-renderer__ref-labels",
   "data-testid": "cn-cell-ref-labels"
@@ -46395,7 +46404,7 @@ const _hoisted_30$s = {
   "data-testid": "cn-cell-renderer-due"
 };
 const _hoisted_31$q = ["datetime", "title"];
-const _hoisted_32$p = { class: "cn-cell-renderer__date-tile" };
+const _hoisted_32$q = { class: "cn-cell-renderer__date-tile" };
 const _hoisted_33$o = { class: "cn-cell-renderer__date-day" };
 const _hoisted_34$o = { class: "cn-cell-renderer__date-month" };
 const _hoisted_35$m = { class: "cn-cell-renderer__date-lines" };
@@ -46597,7 +46606,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                     ? (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 7 }, [
                         (!$options.refLabelItems.length)
                           ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_11$2_, "—"))
-                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_12$2G, [
+                          : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_12$2H, [
                               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.refLabelItems, (item, i) => {
                                 return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, {
                                   key: item.id
@@ -46742,7 +46751,7 @@ function render$84(_ctx, _cache, $props, $setup, $data, $options) {
                                           title: $options.absoluteDateLabel,
                                           "data-testid": "cn-cell-date-block"
                                         }, [
-                                          vue$1.createElementVNode("span", _hoisted_32$p, [
+                                          vue$1.createElementVNode("span", _hoisted_32$q, [
                                             vue$1.createElementVNode("strong", _hoisted_33$o, vue$1.toDisplayString($options.dateBlock.day), 1 /* TEXT */),
                                             vue$1.createElementVNode("span", _hoisted_34$o, vue$1.toDisplayString($options.dateBlock.month), 1 /* TEXT */)
                                           ]),
@@ -49459,7 +49468,7 @@ const _hoisted_10$3j = {
   scope: "col"
 };
 const _hoisted_11$2Z = { class: "hidden-visually" };
-const _hoisted_12$2F = {
+const _hoisted_12$2G = {
   key: 2,
   scope: "col"
 };
@@ -49515,7 +49524,7 @@ const _hoisted_29$s = {
 };
 const _hoisted_30$r = ["title", "data-testid"];
 const _hoisted_31$p = { class: "hidden-visually" };
-const _hoisted_32$o = {
+const _hoisted_32$p = {
   key: 4,
   class: "cn-table-cell__overline",
   "data-testid": "cn-cell-overline"
@@ -49655,7 +49664,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                       ]))
                     }), 128 /* KEYED_FRAGMENT */)),
                     (_ctx.$slots['row-actions'])
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_12$2F, [
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_12$2G, [
                           vue$1.createElementVNode("span", _hoisted_13$2o, vue$1.toDisplayString($options.actionsColumnLabel), 1 /* TEXT */)
                         ]))
                       : vue$1.createCommentVNode("v-if", true)
@@ -49879,7 +49888,7 @@ function render$81(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]))
                               : vue$1.createCommentVNode("v-if", true),
                             ($options.overlineValue(row, col))
-                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$o, vue$1.toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
+                              ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_32$p, vue$1.toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
                               : vue$1.createCommentVNode("v-if", true),
                             vue$1.renderSlot(_ctx.$slots, 'column-' + col.key, {
                               row: row,
@@ -50570,7 +50579,7 @@ const _hoisted_11$2Y = {
   class: "cn-child-records-field__more",
   "data-testid": "cn-child-records-more"
 };
-const _hoisted_12$2E = ["href"];
+const _hoisted_12$2F = ["href"];
 const _hoisted_13$2n = {
   key: 3,
   class: "cn-child-records-field__error",
@@ -50685,7 +50694,7 @@ function render$7$(_ctx, _cache, $props, $setup, $data, $options) {
             ? (vue$1.openBlock(), vue$1.createElementBlock("a", {
                 key: 0,
                 href: $options.listUrl
-              }, vue$1.toDisplayString($options.moreLabel), 9 /* TEXT, PROPS */, _hoisted_12$2E))
+              }, vue$1.toDisplayString($options.moreLabel), 9 /* TEXT, PROPS */, _hoisted_12$2F))
             : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 1 }, [
                 vue$1.createTextVNode(vue$1.toDisplayString($options.moreLabel), 1 /* TEXT */)
               ], 64 /* STABLE_FRAGMENT */))
@@ -85580,7 +85589,7 @@ const _hoisted_8$3$ = ["title", "aria-label"];
 const _hoisted_9$3G = ["aria-label"];
 const _hoisted_10$3g = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"];
 const _hoisted_11$2W = ["id", "role", "aria-labelledby"];
-const _hoisted_12$2D = ["placeholder", "aria-label"];
+const _hoisted_12$2E = ["placeholder", "aria-label"];
 const _hoisted_13$2m = {
   key: 0,
   class: "cn-icon-browser-panel__grid"
@@ -85628,7 +85637,7 @@ const _hoisted_31$o = {
   key: 1,
   class: "cn-icon-browser-panel__grid"
 };
-const _hoisted_32$n = ["title", "aria-label", "onClick"];
+const _hoisted_32$o = ["title", "aria-label", "onClick"];
 const _hoisted_33$m = ["src", "alt"];
 const _hoisted_34$m = {
   key: 0,
@@ -85729,7 +85738,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "cn-icon-browser-panel__search",
                 placeholder: $options.t('nextcloud-vue', 'Search icons…'),
                 "aria-label": $options.t('nextcloud-vue', 'Search icons')
-              }, null, 8 /* PROPS */, _hoisted_12$2D), [
+              }, null, 8 /* PROPS */, _hoisted_12$2E), [
                 [vue$1.vModelText, $data.query]
               ]),
               ($options.visibleIcons.length > 0)
@@ -85879,7 +85888,7 @@ function render$7S(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.showLabels)
                       ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_34$m, vue$1.toDisplayString(icon.label), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true)
-                  ], 10 /* CLASS, PROPS */, _hoisted_32$n))
+                  ], 10 /* CLASS, PROPS */, _hoisted_32$o))
                 }), 128 /* KEYED_FRAGMENT */))
               ]))
             : vue$1.createCommentVNode("v-if", true),
@@ -95776,7 +95785,7 @@ const _hoisted_10$3f = {
   class: "cn-activity-card__headline-recent"
 };
 const _hoisted_11$2V = { class: "cn-activity-card__headline-actor" };
-const _hoisted_12$2C = { class: "cn-activity-card__headline-subject" };
+const _hoisted_12$2D = { class: "cn-activity-card__headline-subject" };
 const _hoisted_13$2l = { class: "cn-activity-card__headline-time" };
 const _hoisted_14$2c = {
   key: 0,
@@ -95843,7 +95852,7 @@ function render$7I(_ctx, _cache, $props, $setup, $data, $options) {
                               (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.iconFor($options.mostRecent)), { size: 14 })),
                               vue$1.createElementVNode("span", _hoisted_11$2V, vue$1.toDisplayString($options.actorFor($options.mostRecent)), 1 /* TEXT */),
                               _cache[1] || (_cache[1] = vue$1.createElementVNode("span", { class: "cn-activity-card__chip-sep" }, "·", -1 /* CACHED */)),
-                              vue$1.createElementVNode("span", _hoisted_12$2C, vue$1.toDisplayString($options.subjectFor($options.mostRecent)), 1 /* TEXT */),
+                              vue$1.createElementVNode("span", _hoisted_12$2D, vue$1.toDisplayString($options.subjectFor($options.mostRecent)), 1 /* TEXT */),
                               _cache[2] || (_cache[2] = vue$1.createElementVNode("span", { class: "cn-activity-card__chip-sep" }, "·", -1 /* CACHED */)),
                               vue$1.createElementVNode("span", _hoisted_13$2l, vue$1.toDisplayString($options.relativeTime($options.mostRecent)), 1 /* TEXT */)
                             ]))
@@ -96763,7 +96772,7 @@ const _hoisted_8$3Y = ["aria-label"];
 const _hoisted_9$3E = ["aria-pressed", "data-testid", "onClick"];
 const _hoisted_10$3e = ["data-testid"];
 const _hoisted_11$2U = { class: "cn-activity-tab__filter-row" };
-const _hoisted_12$2B = {
+const _hoisted_12$2C = {
   key: 0,
   class: "cn-activity-tab__filter"
 };
@@ -96803,7 +96812,7 @@ const _hoisted_31$n = {
   key: 3,
   class: "cn-activity-tab__dates"
 };
-const _hoisted_32$m = { class: "cn-activity-tab__filter" };
+const _hoisted_32$n = { class: "cn-activity-tab__filter" };
 const _hoisted_33$l = { class: "cn-activity-tab__filter-label" };
 const _hoisted_34$l = ["value"];
 const _hoisted_35$j = { class: "cn-activity-tab__filter" };
@@ -96942,7 +96951,7 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
             : vue$1.createCommentVNode("v-if", true),
           vue$1.createElementVNode("div", _hoisted_11$2U, [
             ($data.legacy)
-              ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_12$2B, [
+              ? (vue$1.openBlock(), vue$1.createElementBlock("label", _hoisted_12$2C, [
                   vue$1.createElementVNode("span", _hoisted_13$2k, vue$1.toDisplayString($data.typeLabel), 1 /* TEXT */),
                   vue$1.withDirectives(vue$1.createElementVNode("select", {
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.selectedType) = $event)),
@@ -97031,7 +97040,7 @@ function render$7H(_ctx, _cache, $props, $setup, $data, $options) {
           ], 8 /* PROPS */, _hoisted_29$q),
           (!$data.legacy)
             ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_31$n, [
-                vue$1.createElementVNode("label", _hoisted_32$m, [
+                vue$1.createElementVNode("label", _hoisted_32$n, [
                   vue$1.createElementVNode("span", _hoisted_33$l, vue$1.toDisplayString($data.fromLabel), 1 /* TEXT */),
                   vue$1.createElementVNode("input", {
                     type: "date",
@@ -97564,7 +97573,7 @@ const _hoisted_10$3d = {
   class: "cn-analytics-card__view-all"
 };
 const _hoisted_11$2T = ["href"];
-const _hoisted_12$2A = {
+const _hoisted_12$2B = {
   key: 0,
   class: "cn-analytics-card__empty"
 };
@@ -97651,7 +97660,7 @@ function render$7G(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64 /* STABLE_FRAGMENT */))
             : (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: 3 }, [
                 ($data.degraded)
-                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2A, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
+                  ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_12$2B, vue$1.toDisplayString($data.degraded), 1 /* TEXT */))
                   : ($data.reports.length === 0)
                     ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_13$2j, vue$1.toDisplayString($props.emptyLabel), 1 /* TEXT */))
                     : (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_14$2a, [
@@ -98833,6 +98842,12 @@ var script$7D = {
 
 		/** Maximum rows to render. */
 		maxDisplay: { type: Number, default: 5 },
+		/**
+		 * `stacked` (DqTaak "Historie"): the action, then one muted line under
+		 * it with the moment ("6 okt 09:05") and who, when the action does not
+		 * already name them. Default: the moment beside the action, who under it.
+		 */
+		layout: { type: String, default: '' },
 		/**
 		 * Actions the card leaves out (case-insensitive), such as `['read']`
 		 * for a history of what changed. It then reads more entries than it
@@ -99119,7 +99134,27 @@ var script$7D = {
 		 * @return {string} Who did it, by name where the entry carries one.
 		 */
 		actorName(entry) {
-			return entry.actorDisplayName || entry.actor || entry.userId || entry.user || ''
+			if (entry.actorDisplayName) {
+				return entry.actorDisplayName
+			}
+			const id = entry.actor || entry.userId || entry.user || '';
+			// A person's user id reads as their display name once it is known.
+			return (id && (!entry.performerType || entry.performerType === 'user') && userDisplayName(String(id))) || id
+		},
+
+		/**
+		 * The muted line of a stacked row: the moment in the board's short
+		 * form ("6 okt 09:05") and who, unless the action names them already.
+		 *
+		 * @param {object} entry The entry.
+		 * @return {string} The line.
+		 * @spec openspec/changes/audit-card-stacked-rows/specs/audit-trail/spec.md#requirement-an-audit-row-can-put-its-moment-under-the-action
+		 */
+		stackedLine(entry) {
+			const raw = entry.creationDateTime || entry.created || entry.timestamp;
+			const date = raw ? new Date(raw) : null;
+			const when = date && !Number.isNaN(date.getTime()) ? `${formatBoardDate(date)} ${formatTimeOfDay(date)}` : '';
+			return [when, this.formatActor(entry)].filter((part) => part !== '').join(' · ')
 		},
 
 		/**
@@ -99171,19 +99206,30 @@ const _hoisted_3$6o = {
 };
 const _hoisted_4$5N = { class: "cn-audit-card__row-head" };
 const _hoisted_5$56 = { class: "cn-audit-card__action" };
-const _hoisted_6$4K = { class: "cn-audit-card__when" };
+const _hoisted_6$4K = {
+  key: 0,
+  class: "cn-audit-card__when"
+};
 const _hoisted_7$4j = { class: "cn-audit-card__row-body" };
-const _hoisted_8$3U = { class: "cn-audit-card__actor" };
-const _hoisted_9$3A = {
+const _hoisted_8$3U = {
   key: 0,
+  class: "cn-audit-card__when",
+  "data-testid": "cn-audit-card-when-below"
+};
+const _hoisted_9$3A = {
+  key: 1,
+  class: "cn-audit-card__actor"
+};
+const _hoisted_10$3b = {
+  key: 2,
   class: "cn-audit-card__refused",
   "data-testid": "cn-audit-card-refused"
 };
-const _hoisted_10$3b = {
+const _hoisted_11$2R = {
   key: 0,
   class: "cn-audit-card__reason"
 };
-const _hoisted_11$2R = {
+const _hoisted_12$2A = {
   key: 4,
   class: "cn-audit-card__footnote",
   "data-testid": "cn-audit-trail-widget-footnote"
@@ -99210,26 +99256,30 @@ function render$7C(_ctx, _cache, $props, $setup, $data, $options) {
                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayedEntries, (entry) => {
                   return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                     key: entry.id,
-                    class: "cn-audit-card__row"
+                    class: vue$1.normalizeClass(["cn-audit-card__row", { 'cn-audit-card__row--stacked': $props.layout === 'stacked' }])
                   }, [
                     vue$1.createElementVNode("div", _hoisted_4$5N, [
                       vue$1.createElementVNode("strong", _hoisted_5$56, vue$1.toDisplayString($options.formatAction(entry)), 1 /* TEXT */),
-                      vue$1.createElementVNode("span", _hoisted_6$4K, vue$1.toDisplayString($options.formatWhen(entry)), 1 /* TEXT */)
+                      ($props.layout !== 'stacked')
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_6$4K, vue$1.toDisplayString($options.formatWhen(entry)), 1 /* TEXT */))
+                        : vue$1.createCommentVNode("v-if", true)
                     ]),
                     vue$1.createElementVNode("div", _hoisted_7$4j, [
-                      vue$1.createElementVNode("span", _hoisted_8$3U, vue$1.toDisplayString($options.formatActor(entry)), 1 /* TEXT */),
+                      ($props.layout === 'stacked')
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_8$3U, vue$1.toDisplayString($options.stackedLine(entry)), 1 /* TEXT */))
+                        : (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3A, vue$1.toDisplayString($options.formatActor(entry)), 1 /* TEXT */)),
                       (entry.authorized === false)
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_9$3A, vue$1.toDisplayString($props.refusedLabel), 1 /* TEXT */))
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_10$3b, vue$1.toDisplayString($props.refusedLabel), 1 /* TEXT */))
                         : vue$1.createCommentVNode("v-if", true)
                     ]),
                     (entry.reason)
-                      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_10$3b, vue$1.toDisplayString(entry.reason), 1 /* TEXT */))
+                      ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_11$2R, vue$1.toDisplayString(entry.reason), 1 /* TEXT */))
                       : vue$1.createCommentVNode("v-if", true)
-                  ]))
+                  ], 2 /* CLASS */))
                 }), 128 /* KEYED_FRAGMENT */))
               ])),
       ($props.footnote)
-        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_11$2R, vue$1.toDisplayString($props.footnote), 1 /* TEXT */))
+        ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_12$2A, vue$1.toDisplayString($props.footnote), 1 /* TEXT */))
         : vue$1.createCommentVNode("v-if", true)
     ]),
     _: 2 /* DYNAMIC */
@@ -99250,7 +99300,7 @@ function render$7C(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$7D.render = render$7C;
-script$7D.__scopeId = "data-v-834a0068";
+script$7D.__scopeId = "data-v-401394d1";
 const __sfc_main$7x = script$7D;
 
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
@@ -102826,7 +102876,7 @@ const _hoisted_30$o = {
   class: "cn-calendar-tab__location"
 };
 const _hoisted_31$m = { class: "cn-calendar-tab__location-text" };
-const _hoisted_32$l = {
+const _hoisted_32$m = {
   key: 1,
   class: "cn-calendar-tab__attendees"
 };
@@ -103029,7 +103079,7 @@ function render$7t(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))
                           : vue$1.createCommentVNode("v-if", true),
                         ($options.attendeeList(ev).length > 0)
-                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$l, [
+                          ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$m, [
                               (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.visibleAttendees(ev), (att, idx) => {
                                 return (vue$1.openBlock(), vue$1.createElementBlock("span", {
                                   key: idx,
@@ -116385,15 +116435,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. An action with
- * `when` is offered only while `when` is `true`.
+ * `/*` names the whole family; `visibleIf.row` maps fields of the host's row
+ * for the file to the value each must have (compared strictly, so `true` is
+ * not `"true"`). Every condition named must hold. An action 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`).
+ * @param {((key: string) => unknown)|null} rowValue Reads a field of the host's row for the file; without it a `row` condition fails.
  * @return {boolean} True when the action belongs on this file.
+ * @spec openspec/changes/files-browser-action-visible-if-row/specs/files-browser/spec.md#requirement-a-host-action-can-be-offered-by-a-field-of-the-files-row
  */
-function hostActionApplies(action, node) {
+function hostActionApplies(action, node, rowValue = null) {
 	// `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) {
@@ -116425,6 +116479,15 @@ function hostActionApplies(action, node) {
 			return false
 		}
 	}
+	if (condition.row && typeof condition.row === 'object') {
+		if (typeof rowValue !== 'function') {
+			return false
+		}
+		const holds = Object.entries(condition.row).every(([key, wanted]) => rowValue(key) === wanted);
+		if (!holds) {
+			return false
+		}
+	}
 	return true
 }
 
@@ -116433,6 +116496,7 @@ function hostActionApplies(action, node) {
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
+
 /**
  * The built-in columns a host may name by string, and what each one reads.
  *
@@ -116483,12 +116547,26 @@ function isBuiltInFileColumn(name) {
 	return typeof name === 'string' && Object.hasOwn(BUILT_IN_FILE_COLUMNS, name)
 }
 
+/**
+ * Whether the app a column leans on is enabled: one app id, or a list of which
+ * any one will do. A column without `requiredApp` always applies.
+ *
+ * @param {(string|string[]|undefined)} requiredApp The app id(s).
+ * @return {boolean} True when the column applies.
+ * @spec openspec/changes/files-column-required-app/specs/files-column-required-app/spec.md#requirement-a-file-column-can-require-another-app
+ */
+function requiredAppPresent(requiredApp) {
+	const ids = (Array.isArray(requiredApp) ? requiredApp : [requiredApp]).filter((id) => typeof id === 'string' && id !== '');
+	return ids.length === 0 || ids.some((id) => isAppInstalled(id))
+}
+
 /**
  * Resolve a host's `columns` declaration into column objects.
  *
  * A string names a built-in. An object declares its own: `key`, `label`,
  * `source` (`node`, `attribute` or `row`), `attribute`, `formatter` and
- * `sortable`. An entry naming an unknown built-in is dropped here and refused
+ * `sortable`, and `requiredApp` (an app id, or a list of which any one will
+ * do; without it the column is left out). An entry naming an unknown built-in is dropped here and refused
  * by the manifest validator, so an author hears about it at authoring time
  * rather than finding a column missing at runtime.
  *
@@ -116513,6 +116591,9 @@ function normaliseFileColumns(columns) {
 		if ('when' in entry && entry.when !== true) {
 			return
 		}
+		if (!requiredAppPresent(entry.requiredApp)) {
+			return
+		}
 		if (isBuiltInFileColumn(entry.key) && entry.source === undefined) {
 			out.push({ ...BUILT_IN_FILE_COLUMNS[entry.key], ...entry, builtIn: true });
 			return
@@ -117539,6 +117620,19 @@ var script$71 = {
 			return crumbsFor(this.rootPath, this.currentPath, this.rootLabel)
 		},
 
+		/**
+		 * Whether the open folder is the browser's root: the trail then ends on
+		 * the root itself (the board look draws no trail there).
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/board-files-root-crumb/specs/board-files-root-crumb/spec.md#requirement-the-board-files-bar-draws-no-trail-at-the-root
+		 */
+		atRoot() {
+			const root = String(this.rootPath || '/').replace(/\/+$/, '') || '/';
+			const last = this.crumbs[this.crumbs.length - 1];
+			return Boolean(last) && last.path === root
+		},
+
 		/**
 		 * The children in the chosen order, folders first the way the Files app
 		 * lists them.
@@ -118836,7 +118930,8 @@ var script$71 = {
 							}
 						})
 						.filter((field) => field.value !== null && field.value !== undefined && field.value !== ''),
-					actions: (Array.isArray(card.actions) ? card.actions : []).filter((action) => action && action.id),
+					actions: (Array.isArray(card.actions) ? card.actions : [])
+						.filter((action) => action && action.id && hostActionApplies(action, node, this.rowValueOf(node))),
 				}))
 		},
 
@@ -119132,7 +119227,18 @@ var script$71 = {
 		 * @spec openspec/changes/files-browser-hosts-a-documents-list/specs/files-browser/spec.md
 		 */
 		hostActionsFor(node) {
-			return this.rowActions.filter((action) => hostActionApplies(action, node))
+			return this.rowActions.filter((action) => hostActionApplies(action, node, this.rowValueOf(node)))
+		},
+
+		/**
+		 * A reader of the host's row fields for one file, for `visibleIf.row`.
+		 *
+		 * @param {object} node The file.
+		 * @return {(key: string) => unknown} `(key) => value` over the row the host gave for the file.
+		 * @spec openspec/changes/files-browser-action-visible-if-row/specs/files-browser/spec.md#requirement-a-host-action-can-be-offered-by-a-field-of-the-files-row
+		 */
+		rowValueOf(node) {
+			return (key) => fileColumnValue({ key, source: 'row' }, node, this.resolvedRowData)
 		},
 
 		/**
@@ -119312,7 +119418,7 @@ const _hoisted_30$n = {
   scope: "col"
 };
 const _hoisted_31$l = { class: "hidden-visually" };
-const _hoisted_32$k = {
+const _hoisted_32$l = {
   key: 0,
   class: "cn-files-browser__group",
   "data-testid": "cn-files-browser-group"
@@ -119431,7 +119537,9 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
       ? (vue$1.openBlock(), vue$1.createElementBlock("p", _hoisted_5$4H, vue$1.toDisplayString($data.dropStatus), 1 /* TEXT */))
       : vue$1.createCommentVNode("v-if", true),
     vue$1.createElementVNode("div", _hoisted_6$4j, [
-      vue$1.createVNode(_component_NcBreadcrumbs, { class: "cn-files-browser__crumbs" }, {
+      vue$1.createVNode(_component_NcBreadcrumbs, {
+        class: vue$1.normalizeClass(["cn-files-browser__crumbs", { 'cn-files-browser__crumbs--at-root': $options.atRoot }])
+      }, {
         default: vue$1.withCtx(() => [
           (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.crumbs, (crumb, index) => {
             return (vue$1.openBlock(), vue$1.createBlock(_component_NcBreadcrumb, {
@@ -119448,7 +119556,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128 /* KEYED_FRAGMENT */))
         ]),
         _: 1 /* STABLE */
-      }),
+      }, 8 /* PROPS */, ["class"]),
       ($options.columnsChooserEnabled)
         ? (vue$1.openBlock(), vue$1.createBlock(_component_NcActions, {
             key: 0,
@@ -119863,7 +119971,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
                   (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList($options.displayRows, ({ key, group, node }) => {
                     return (vue$1.openBlock(), vue$1.createElementBlock(vue$1.Fragment, { key: key }, [
                       group
-                        ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_32$k, [
+                        ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_32$l, [
                             vue$1.createElementVNode("th", {
                               colspan: $options.columnCount,
                               scope: "rowgroup",
@@ -120445,7 +120553,7 @@ function render$70(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$71.render = render$70;
-script$71.__scopeId = "data-v-ebaa2c0e";
+script$71.__scopeId = "data-v-23ff0221";
 const __sfc_main$6X = script$71;
 
 /**
@@ -154887,7 +154995,7 @@ const _hoisted_31$k = {
   key: 12,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_32$j = {
+const _hoisted_32$k = {
   key: 13,
   class: "cn-form-dialog__select-wrapper"
 };
@@ -155762,7 +155870,7 @@ function render$6c(_ctx, _cache, $props, $setup, $data, $options) {
                                                                         }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                       ]))
                                                                     : (field.widget === 'date' || field.widget === 'datetime')
-                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$j, [
+                                                                      ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_32$k, [
                                                                           (!$options.showsOuterLabel(field))
                                                                             ? (vue$1.openBlock(), vue$1.createElementBlock("label", {
                                                                                 key: 0,
@@ -165782,7 +165890,7 @@ const _hoisted_31$j = {
   key: 1,
   class: "cn-related-objects-widget__detail"
 };
-const _hoisted_32$i = {
+const _hoisted_32$j = {
   key: 3,
   class: "cn-related-objects-widget__children",
   "data-testid": "cn-related-children"
@@ -166065,7 +166173,7 @@ function render$64(_ctx, _cache, $props, $setup, $data, $options) {
                                     : vue$1.createCommentVNode("v-if", true)
                                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28$o)),
                           (item.children && item.children.length)
-                            ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_32$i, [
+                            ? (vue$1.openBlock(), vue$1.createElementBlock("ul", _hoisted_32$j, [
                                 (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, null, vue$1.renderList(item.children, (child) => {
                                   return (vue$1.openBlock(), vue$1.createElementBlock("li", {
                                     key: child.key
@@ -185114,18 +185222,19 @@ function render$5E(_ctx, _cache, $props, $setup, $data, $options) {
           scope: $options.resolvedScope,
           title: $options.resolvedTitle,
           maxDisplay: $options.resolvedMaxDisplay,
+          layout: $props.content && typeof $props.content.layout === 'string' ? $props.content.layout : '',
           excludeActions: $options.resolvedExcludeActions,
           actionLabels: $options.actionLabels,
           valueLabels: $options.valueLabels,
           relatedSources: $options.relatedSources,
           footnote: $options.footnote
-        }, $options.emptyText ? { noEntriesLabel: $options.emptyText } : {}), null, 16 /* FULL_PROPS */, ["source", "endpoint", "register", "schema", "objectId", "scope", "title", "maxDisplay", "excludeActions", "actionLabels", "valueLabels", "relatedSources", "footnote"])
+        }, $options.emptyText ? { noEntriesLabel: $options.emptyText } : {}), null, 16 /* FULL_PROPS */, ["source", "endpoint", "register", "schema", "objectId", "scope", "title", "maxDisplay", "layout", "excludeActions", "actionLabels", "valueLabels", "relatedSources", "footnote"])
       ]))
     : vue$1.createCommentVNode("v-if", true)
 }
 
 script$5F.render = render$5E;
-script$5F.__scopeId = "data-v-3f7bbf0c";
+script$5F.__scopeId = "data-v-6387051e";
 const __sfc_main$5z = script$5F;
 
 /** Variants understood by NcNoteCard. */
@@ -190325,7 +190434,7 @@ function render$5t(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5u.render = render$5t;
-script$5u.__scopeId = "data-v-05cd7cb8";
+script$5u.__scopeId = "data-v-5f54dc93";
 const __sfc_main$5o = script$5u;
 
 /**
@@ -191294,6 +191403,10 @@ var script$5s = {
 			return `cn-timeline-draft-${this.uid}`
 		},
 
+		blockId() {
+			return `cn-timeline-block-${this.uid}`
+		},
+
 		/**
 		 * The kind options, the plain note first. A note is an entry with NO
 		 * kind, so "Note" filters on its absence.
@@ -191807,8 +191920,9 @@ const _hoisted_26$w = { class: "cn-timeline-manage__subtitle" };
 const _hoisted_27$o = { class: "cn-timeline-manage__composer-title" };
 const _hoisted_28$n = { class: "cn-timeline-manage__composer-hint" };
 const _hoisted_29$l = ["for"];
-const _hoisted_30$k = ["id", "placeholder"];
-const _hoisted_31$i = { class: "cn-timeline-manage__composer-foot" };
+const _hoisted_30$k = ["for"];
+const _hoisted_31$i = ["id", "placeholder"];
+const _hoisted_32$i = { class: "cn-timeline-manage__composer-foot" };
 
 function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Plus = vue$1.resolveComponent("Plus");
@@ -192065,8 +192179,15 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64 /* STABLE_FRAGMENT */))
             : vue$1.createCommentVNode("v-if", true),
           ($data.textBlocks.length)
-            ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
+            ? (vue$1.openBlock(), vue$1.createElementBlock("label", {
                 key: 1,
+                class: "cn-timeline-manage__draft-label",
+                for: $options.blockId
+              }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Template')), 9 /* TEXT, PROPS */, _hoisted_29$l))
+            : vue$1.createCommentVNode("v-if", true),
+          ($data.textBlocks.length)
+            ? (vue$1.openBlock(), vue$1.createBlock(_component_NcSelect, {
+                key: 2,
                 modelValue: $data.chosenBlock,
                 "onUpdate:modelValue": [
                   _cache[2] || (_cache[2] = $event => (($data.chosenBlock) = $event)),
@@ -192076,25 +192197,27 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
                 options: $options.blockOptions,
                 clearable: true,
                 label: "label",
-                inputLabel: $options.t('nextcloud-vue', 'Template'),
+                inputId: $options.blockId,
+                labelOutside: true,
+                ariaLabelCombobox: $options.t('nextcloud-vue', 'Template'),
                 placeholder: $options.t('nextcloud-vue', 'Write your own'),
                 "data-testid": "cn-timeline-block"
-              }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "placeholder", "onUpdate:modelValue"]))
+              }, null, 8 /* PROPS */, ["modelValue", "options", "inputId", "ariaLabelCombobox", "placeholder", "onUpdate:modelValue"]))
             : vue$1.createCommentVNode("v-if", true),
           vue$1.createElementVNode("label", {
             class: "cn-timeline-manage__draft-label",
             for: $options.draftId
-          }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Note')), 9 /* TEXT, PROPS */, _hoisted_29$l),
+          }, vue$1.toDisplayString($options.t('nextcloud-vue', 'Note')), 9 /* TEXT, PROPS */, _hoisted_30$k),
           vue$1.withDirectives(vue$1.createElementVNode("textarea", {
             id: $options.draftId,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.draft) = $event)),
             class: "cn-timeline-manage__draft",
             placeholder: $options.t('nextcloud-vue', 'Write a note on this record'),
             "data-testid": "cn-timeline-draft"
-          }, null, 8 /* PROPS */, _hoisted_30$k), [
+          }, null, 8 /* PROPS */, _hoisted_31$i), [
             [vue$1.vModelText, $data.draft]
           ]),
-          vue$1.createElementVNode("div", _hoisted_31$i, [
+          vue$1.createElementVNode("div", _hoisted_32$i, [
             vue$1.createVNode(_component_NcCheckboxRadioSwitch, {
               modelValue: $data.draftIsPublic,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.draftIsPublic) = $event)),
@@ -192126,7 +192249,7 @@ function render$5r(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5s.render = render$5r;
-script$5s.__scopeId = "data-v-a4c73a6a";
+script$5s.__scopeId = "data-v-31e6673c";
 const __sfc_main$5m = script$5s;
 
 /**
@@ -195351,7 +195474,8 @@ var script$5k = {
 
 		/**
 		 * The crumbs for CnBreadcrumbs: each declared crumb as a link, then the
-		 * current page. Empty without a declared crumb.
+		 * current page, once (a last crumb that names the page is dropped).
+		 * Empty without a declared crumb.
 		 *
 		 * @spec openspec/changes/page-header-breadcrumb/specs/page-header/spec.md#requirement-a-list-dashboard-or-settings-page-can-show-a-breadcrumb-and-a-meta-note
 		 * @return {Array<object>}
@@ -195373,6 +195497,10 @@ var script$5k = {
 				return entry
 			});
 			if (this.current) {
+				// A last crumb naming the page itself is the current one, drawn once.
+				if (out.length > 0 && out[out.length - 1].label === this.current) {
+					out.pop();
+				}
 				out.push({ label: this.current });
 			}
 			return out
@@ -201493,6 +201621,7 @@ function render$5d(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue$1.openBlock(), vue$1.createBlock(_component_CnObjectDataWidget, {
             key: 1,
             title: $options.resolvedTitle,
+            subtitle: $options.widgetSubtitle,
             chromeless: $options.isBare,
             showActions: !$options.isBare && $options.actionsShown,
             icon: $props.widget.icon || null,
@@ -201508,7 +201637,7 @@ function render$5d(_ctx, _cache, $props, $setup, $data, $options) {
             collapsedFields: $options.content.collapsedFields ?? null,
             footnote: $options.content.footnote || '',
             editable: $options.content.editable !== false
-          }, null, 8 /* PROPS */, ["title", "chromeless", "showActions", "icon", "schema", "objectData", "objectType", "store", "overrides", "include", "exclude", "hideEmpty", "columns", "collapsedFields", "footnote", "editable"]))
+          }, null, 8 /* PROPS */, ["title", "subtitle", "chromeless", "showActions", "icon", "schema", "objectData", "objectType", "store", "overrides", "include", "exclude", "hideEmpty", "columns", "collapsedFields", "footnote", "editable"]))
         : ($options.isRelated)
           ? (vue$1.openBlock(), vue$1.createBlock(_component_CnRelatedObjectsWidget, {
               key: 2,
@@ -202044,7 +202173,7 @@ function render$5d(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$5e.render = render$5d;
-script$5e.__scopeId = "data-v-10c797a6";
+script$5e.__scopeId = "data-v-38f1ce74";
 const __sfc_main$58 = script$5e;
 
 /**
@@ -242559,7 +242688,7 @@ function render$42(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$43.render = render$42;
-script$43.__scopeId = "data-v-3d97a9f0";
+script$43.__scopeId = "data-v-dd87442e";
 const __sfc_main$43 = script$43;
 
 /**
@@ -251582,7 +251711,7 @@ function unwrap$1(value) {
  * `rowRoute`, `pageControls`), or `endpointSource` (an app endpoint whose
  * payload, after `responsePath`, is the array of rows, as on the object table), or `objectRows`
  * (`{ path, where?, valuePath? }`: rows the page record holds, such as one answer of a case); `avatar` puts a circle with the initials of a name
- * template before the title; what differs is the drawing: `presentation` is `rows`, `feed`
+ * template before the title (`{ text, size: 32 }` draws the 32px circle 12px from the title, as DqZaakBesluiten); what differs is the drawing: `presentation` is `rows`, `feed`
  * or `inline`, and each line is a template (`"{identifier} · {caseTypeName}"`,
  * `"Termijn {deadline|date}"`). `cards` draws a framed card per row in a
  * grid, with `trailing` as the large figure (board ShBank's accounts).
@@ -251778,6 +251907,17 @@ var script$3Q = {
 	},
 
 	computed: {
+		/**
+		 * Whether the avatar is the 32px circle (`avatar.size: 32`).
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/record-list-avatar-size/specs/record-list-avatar/spec.md#requirement-a-record-list-avatar-can-be-the-small-circle
+		 */
+		avatarSmall() {
+			const avatar = this.content?.avatar;
+			return Boolean(avatar && typeof avatar === 'object' && Number(avatar.size) === 32)
+		},
+
 		/** @return {boolean} Whether a row's pill comes before its title (`pillAt: "start"`). */
 		pillFirst() {
 			return this.content?.pillAt === 'start'
@@ -254277,7 +254417,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                           (group.items.length > 0)
                             ? (vue$1.openBlock(), vue$1.createElementBlock("ul", {
                                 key: 2,
-                                class: "cn-record-list__list",
+                                class: vue$1.normalizeClass(["cn-record-list__list", { 'cn-record-list__list--avatar-small': $options.avatarSmall }]),
                                 "aria-labelledby": group.label ? group.headingId : null,
                                 "data-testid": $options.isGrouped ? 'cn-record-list-group' : null
                               }, [
@@ -254652,7 +254792,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
                                       : vue$1.createCommentVNode("v-if", true)
                                   ]))
                                 }), 128 /* KEYED_FRAGMENT */))
-                              ], 8 /* PROPS */, _hoisted_23$u))
+                              ], 10 /* CLASS, PROPS */, _hoisted_23$u))
                             : vue$1.createCommentVNode("v-if", true)
                         ], 64 /* STABLE_FRAGMENT */))
                       }), 128 /* KEYED_FRAGMENT */)),
@@ -254785,7 +254925,7 @@ function render$3P(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3Q.render = render$3P;
-script$3Q.__scopeId = "data-v-2c65cbc2";
+script$3Q.__scopeId = "data-v-544b79cd";
 const __sfc_main$3Q = script$3Q;
 
 /**
@@ -318504,7 +318644,7 @@ function render$2C(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2D.render = render$2C;
-script$2D.__scopeId = "data-v-cfc2a11a";
+script$2D.__scopeId = "data-v-51150930";
 const __sfc_main$2D = script$2D;
 
 /**
@@ -322190,6 +322330,16 @@ var script$2A = {
 			type: Number,
 			default: 0,
 		},
+
+		/**
+		 * The board look's gap in px between a card's title and its
+		 * description, when the app's board draws it other than 4px; the
+		 * content follows 10px further (DqBeheerinstellingen 6, so 16).
+		 */
+		descGap: {
+			type: Number,
+			default: 0,
+		},
 	},
 
 	emits: ['update', 'reimported', 'reimport-error', 'tab-change'],
@@ -322228,6 +322378,23 @@ var script$2A = {
 	},
 
 	computed: {
+		/**
+		 * The board look sizes an app's board sets on the shell
+		 * (`versionTitleSize`, `descGap`), as CSS custom properties.
+		 *
+		 * @return {object|null} The style, or null when none is set.
+		 */
+		shellStyle() {
+			const style = {};
+			if (this.versionTitleSize) {
+				style['--cn-board-version-title-size'] = `${this.versionTitleSize}px`;
+			}
+			if (this.descGap) {
+				style['--cn-board-settings-desc-gap'] = `${this.descGap}px`;
+			}
+			return Object.keys(style).length > 0 ? style : null
+		},
+
 		/**
 		 * The tabs that have an id and a label.
 		 *
@@ -322567,7 +322734,7 @@ function render$2z(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue$1.openBlock(), vue$1.createElementBlock("div", {
     class: vue$1.normalizeClass(["cn-admin-settings-shell", [$setup.ownLookClass, $props.sectionColumns ? `cn-admin-settings-shell--columns-${$props.sectionColumns}` : '']]),
-    style: vue$1.normalizeStyle($props.versionTitleSize ? { '--cn-board-version-title-size': `${$props.versionTitleSize}px` } : null)
+    style: vue$1.normalizeStyle($options.shellStyle)
   }, [
     ($setup.environmentName)
       ? (vue$1.openBlock(), vue$1.createBlock(_component_CnEnvironmentBanner, {
@@ -322853,7 +323020,7 @@ function render$2z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2A.render = render$2z;
-script$2A.__scopeId = "data-v-447d33ea";
+script$2A.__scopeId = "data-v-69055093";
 const __sfc_main$2A = script$2A;
 
 /**
@@ -359337,7 +359504,9 @@ var script$20 = {
 			return [
 				...this.searchTermChips,
 				...this.quickFilterActiveChips,
-				...this.filterChipsOf(this.effectiveActiveFilters, (key, value) => this.isFixedFilter(key, value) || ownToView(key, value)),
+				// The folder pane's own filter is not a chip: the selected folder
+				// shows in the pane and as the heading above the list (DqAfdelingen).
+				...this.filterChipsOf(this.effectiveActiveFilters, (key, value) => this.isFixedFilter(key, value) || ownToView(key, value) || this.isFolderFilter(key)),
 			]
 		},
 
@@ -360523,6 +360692,18 @@ var script$20 = {
 		 * @return {boolean}
 		 * @spec openspec/changes/index-scope-presentation/specs/index-page/spec.md#requirement-the-query-that-chose-a-preset-is-not-a-removable-filter
 		 */
+		/**
+		 * Whether a filter key is the folder pane's (`folderSidebar.filterField`).
+		 *
+		 * @param {string} key The filter key.
+		 * @return {boolean}
+		 * @spec openspec/changes/board-folder-scope-outside-card/specs/index-page/spec.md#requirement-the-selected-folder-heads-the-list-from-outside-its-card
+		 */
+		isFolderFilter(key) {
+			const field = this.folderSidebar && this.folderSidebar.filterField;
+			return typeof field === 'string' && field !== '' && key === field
+		},
+
 		isFixedFilter(key, value) {
 			const fixed = this.fixedFilters;
 			if (!fixed || !Object.hasOwn(fixed, key)) {