@conduction/nextcloud-vue 2.89.0 → 2.89.2

package/dist/esm/nextcloud-vue.css

@@ -38141,17 +38141,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-grid[data-v-a91998fc] {
+.cn-dashboard-grid[data-v-a76b6fc6] {
 	width: 100%;
 	min-height: 200px;
 }
-.grid-stack[data-v-a91998fc] {
+.grid-stack[data-v-a76b6fc6] {
 	background: transparent;
 }
 
 /* Screen-reader-only text: the keyboard key map and the live region. Kept in
    the layout (not `display: none`) so assistive tech still reads it. */
-.cn-dashboard-grid__sr-only[data-v-a91998fc] {
+.cn-dashboard-grid__sr-only[data-v-a76b6fc6] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -38166,7 +38166,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Grid items become tab stops in edit mode — give them a visible focus ring
    that satisfies WCAG 2.1 SC 2.4.7 without relying on the widget's own
    styling. `outline-offset` keeps the ring outside the rounded card. */
-.grid-stack-item[data-v-a91998fc]:focus-visible {
+.grid-stack-item[data-v-a76b6fc6]:focus-visible {
 	outline: 2px solid var(--color-primary-element, #0082c9);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-container-large, 16px);
@@ -38178,19 +38178,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    cell never shrank: "Waiting for me" stayed a tall card around one row. In
    such a cell the child takes its own height. A cell without the key keeps
    the filling child. */
-.cn-dashboard-grid__item--fit[data-v-a91998fc] >  .grid-stack-item-content > * {
+.cn-dashboard-grid__item--fit[data-v-a76b6fc6] >  .grid-stack-item-content > * {
 	height: auto;
 }
-[data-v-a91998fc] .grid-stack-item-content {
+[data-v-a76b6fc6] .grid-stack-item-content {
 	background: var(--color-main-background);
 	border: none;
 	box-shadow: none;
 	overflow: hidden;
 }
-[data-v-a91998fc] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
+[data-v-a76b6fc6] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
 	background: transparent;
 }
-[data-v-a91998fc] .grid-stack-placeholder > .placeholder-content {
+[data-v-a76b6fc6] .grid-stack-placeholder > .placeholder-content {
 	background: var(--color-primary-element-light);
 	border: 2px dashed var(--color-primary-element);
 	border-radius: var(--border-radius-large);

package/dist/esm/utils/gridStack.js

@@ -65,8 +65,11 @@ function readGridGeometry(items) {
  * full-width card under the stat tiles landed below the lists.
  *
  * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it
- * @param {Array<{x: number, y: number, w: number, h: number}>} nodes The grid's items (the growing one among them).
- * @param {{x: number, y: number, w: number, h: number}} node The growing item.
+ * The growing item is never among the items it moves, also when `nodes`
+ * holds another reference to it (a proxy of the same node, matched by `el`).
+ *
+ * @param {Array<{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}>} nodes The grid's items (the growing one among them).
+ * @param {{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}} node The growing item.
  * @param {number} h Its new height, in grid rows.
  * @return {Array<{node: object, y: number}>} The items to move and their new row, bottom-most first.
  */
@@ -81,7 +84,8 @@ function planGrowth(nodes, node, h) {
 	while (queue.length > 0) {
 		const rect = queue.shift();
 		for (const other of nodes) {
-			if (other === node || moved.has(other) || !overlaps(rect, other)) {
+			const self = other === node || (node.el && other.el === node.el);
+			if (self || moved.has(other) || !overlaps(rect, other)) {
 				continue
 			}
 			const next = { x: other.x, y: other.y + delta, w: other.w, h: other.h };

package/dist/esm/utils/gridStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridStack.js","sources":["../../../src/utils/gridStack.js"],"sourcesContent":["/**\n * Thin GridStack bootstrap shared by the drag/resize grids (CnDashboardGrid and\n * CnWidgetGrid's editable body slot). Keeps the GridStack option shape in one\n * place so the two engines stay consistent.\n *\n * @module utils/gridStack\n */\n\nimport { GridStack } from 'gridstack'\n// `gridstack` is a peerDependency, not bundled — see the matching comment in\n// CnDashboardGrid.vue. The consumer must install `gridstack` themselves and\n// import its stylesheet (`gridstack/dist/gridstack.min.css`) from that same\n// copy; nc-vue ships no GridStack CSS of its own so the JS driving the grid\n// and the CSS sizing it can never come from two different versions.\n\n/**\n * Initialise a GridStack instance on a `.grid-stack` element.\n *\n * @param {HTMLElement} el The `.grid-stack` container element.\n * @param {object} opts Options.\n * @param {number} opts.columns Column count.\n * @param {boolean} opts.editable Whether drag + resize are enabled.\n * @param {number} [opts.cellHeight] Cell height in px (default 80).\n * @param {number} [opts.margin] Grid margin in px (default 12).\n * @return {import('gridstack').GridStack} The GridStack instance.\n */\nexport function initGridStack(el, opts) {\n\tconst { columns, editable, cellHeight = 80, margin = 12 } = opts\n\treturn GridStack.init({\n\t\tcolumn: columns,\n\t\tcellHeight,\n\t\tmargin,\n\t\tfloat: true,\n\t\tanimate: true,\n\t\tdisableDrag: !editable,\n\t\tdisableResize: !editable,\n\t\tremovable: false,\n\t}, el)\n}\n\n/**\n * Read the geometry GridStack reports for a changed set of items into a plain\n * map keyed by node id.\n *\n * @param {Array<{id: (string|number), x: number, y: number, w: number, h: number}>} items\n *   The items GridStack passes to its `change` handler.\n * @return {Map<string, {gridX: number, gridY: number, gridWidth: number, gridHeight: number}>}\n */\nexport function readGridGeometry(items) {\n\tconst map = new Map()\n\tfor (const it of items || []) {\n\t\tmap.set(String(it.id), { gridX: it.x, gridY: it.y, gridWidth: it.w, gridHeight: it.h })\n\t}\n\treturn map\n}\n\n/**\n * Where the items under a growing cell go so they keep their order: every item\n * the growth would overlap moves down by the growth, and so does every item\n * that move would overlap in turn. Items beside the cell stay put.\n *\n * GridStack resolves the same collision itself, but not in order: when\n * pipelinq's size-to-content banner grew from two rows to three, the\n * full-width card under the stat tiles landed below the lists.\n *\n * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it\n * @param {Array<{x: number, y: number, w: number, h: number}>} nodes The grid's items (the growing one among them).\n * @param {{x: number, y: number, w: number, h: number}} node The growing item.\n * @param {number} h Its new height, in grid rows.\n * @return {Array<{node: object, y: number}>} The items to move and their new row, bottom-most first.\n */\nexport function planGrowth(nodes, node, h) {\n\tconst delta = h - node.h\n\tif (!(delta > 0)) {\n\t\treturn []\n\t}\n\tconst moved = new Map()\n\tconst overlaps = (a, b) => a.x < b.x + b.w && b.x < a.x + a.w && a.y < b.y + b.h && b.y < a.y + a.h\n\tconst queue = [{ x: node.x, y: node.y, w: node.w, h }]\n\twhile (queue.length > 0) {\n\t\tconst rect = queue.shift()\n\t\tfor (const other of nodes) {\n\t\t\tif (other === node || moved.has(other) || !overlaps(rect, other)) {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tconst next = { x: other.x, y: other.y + delta, w: other.w, h: other.h }\n\t\t\tmoved.set(other, next.y)\n\t\t\tqueue.push(next)\n\t\t}\n\t}\n\treturn [...moved.entries()]\n\t\t.map(([item, y]) => ({ node: item, y }))\n\t\t.sort((a, b) => b.y - a.y)\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gridStack.js","sources":["../../../src/utils/gridStack.js"],"sourcesContent":["/**\n * Thin GridStack bootstrap shared by the drag/resize grids (CnDashboardGrid and\n * CnWidgetGrid's editable body slot). Keeps the GridStack option shape in one\n * place so the two engines stay consistent.\n *\n * @module utils/gridStack\n */\n\nimport { GridStack } from 'gridstack'\n// `gridstack` is a peerDependency, not bundled — see the matching comment in\n// CnDashboardGrid.vue. The consumer must install `gridstack` themselves and\n// import its stylesheet (`gridstack/dist/gridstack.min.css`) from that same\n// copy; nc-vue ships no GridStack CSS of its own so the JS driving the grid\n// and the CSS sizing it can never come from two different versions.\n\n/**\n * Initialise a GridStack instance on a `.grid-stack` element.\n *\n * @param {HTMLElement} el The `.grid-stack` container element.\n * @param {object} opts Options.\n * @param {number} opts.columns Column count.\n * @param {boolean} opts.editable Whether drag + resize are enabled.\n * @param {number} [opts.cellHeight] Cell height in px (default 80).\n * @param {number} [opts.margin] Grid margin in px (default 12).\n * @return {import('gridstack').GridStack} The GridStack instance.\n */\nexport function initGridStack(el, opts) {\n\tconst { columns, editable, cellHeight = 80, margin = 12 } = opts\n\treturn GridStack.init({\n\t\tcolumn: columns,\n\t\tcellHeight,\n\t\tmargin,\n\t\tfloat: true,\n\t\tanimate: true,\n\t\tdisableDrag: !editable,\n\t\tdisableResize: !editable,\n\t\tremovable: false,\n\t}, el)\n}\n\n/**\n * Read the geometry GridStack reports for a changed set of items into a plain\n * map keyed by node id.\n *\n * @param {Array<{id: (string|number), x: number, y: number, w: number, h: number}>} items\n *   The items GridStack passes to its `change` handler.\n * @return {Map<string, {gridX: number, gridY: number, gridWidth: number, gridHeight: number}>}\n */\nexport function readGridGeometry(items) {\n\tconst map = new Map()\n\tfor (const it of items || []) {\n\t\tmap.set(String(it.id), { gridX: it.x, gridY: it.y, gridWidth: it.w, gridHeight: it.h })\n\t}\n\treturn map\n}\n\n/**\n * Where the items under a growing cell go so they keep their order: every item\n * the growth would overlap moves down by the growth, and so does every item\n * that move would overlap in turn. Items beside the cell stay put.\n *\n * GridStack resolves the same collision itself, but not in order: when\n * pipelinq's size-to-content banner grew from two rows to three, the\n * full-width card under the stat tiles landed below the lists.\n *\n * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it\n * The growing item is never among the items it moves, also when `nodes`\n * holds another reference to it (a proxy of the same node, matched by `el`).\n *\n * @param {Array<{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}>} nodes The grid's items (the growing one among them).\n * @param {{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}} node The growing item.\n * @param {number} h Its new height, in grid rows.\n * @return {Array<{node: object, y: number}>} The items to move and their new row, bottom-most first.\n */\nexport function planGrowth(nodes, node, h) {\n\tconst delta = h - node.h\n\tif (!(delta > 0)) {\n\t\treturn []\n\t}\n\tconst moved = new Map()\n\tconst overlaps = (a, b) => a.x < b.x + b.w && b.x < a.x + a.w && a.y < b.y + b.h && b.y < a.y + a.h\n\tconst queue = [{ x: node.x, y: node.y, w: node.w, h }]\n\twhile (queue.length > 0) {\n\t\tconst rect = queue.shift()\n\t\tfor (const other of nodes) {\n\t\t\tconst self = other === node || (node.el && other.el === node.el)\n\t\t\tif (self || moved.has(other) || !overlaps(rect, other)) {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tconst next = { x: other.x, y: other.y + delta, w: other.w, h: other.h }\n\t\t\tmoved.set(other, next.y)\n\t\t\tqueue.push(next)\n\t\t}\n\t}\n\treturn [...moved.entries()]\n\t\t.map(([item, y]) => ({ node: item, y }))\n\t\t.sort((a, b) => b.y - a.y)\n}\n"],"names":[],"mappings":"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"}

package/dist/nextcloud-vue.cjs.js

@@ -199632,6 +199632,11 @@ var script$3e = {
 		cnTranslate: { default: () => (key) => key },
 	},
 
+	// A dashboard binds the widget's `content` keys as attributes too. Falling
+	// through, `submitLabel` would reach CnFormWidgetBase and win over the
+	// translated label the widget passes, so attributes go through rootAttrs.
+	inheritAttrs: false,
+
 	props: {
 		/**
 		 * Persisted configuration blob (see component description for the shape).
@@ -199667,6 +199672,19 @@ var script$3e = {
 	},
 
 	computed: {
+		/**
+		 * The attributes for the root form: everything the widget was given,
+		 * minus the names CnFormWidgetBase takes as props, which the widget
+		 * sets itself.
+		 *
+		 * @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language
+		 * @return {object} The attributes to bind.
+		 */
+		rootAttrs() {
+			const own = new Set(Object.keys(__sfc_main$3f.props || {}));
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([key]) => !own.has(vue$1.camelize(key))))
+		},
+
 		register() {
 			return this.content.register || 'pipelinq'
 		},
@@ -200034,7 +200052,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = vue$1.resolveComponent("NcButton");
   const _component_CnFormWidgetBase = vue$1.resolveComponent("CnFormWidgetBase");
 
-  return (vue$1.openBlock(), vue$1.createBlock(_component_CnFormWidgetBase, {
+  return (vue$1.openBlock(), vue$1.createBlock(_component_CnFormWidgetBase, vue$1.mergeProps($options.rootAttrs, {
     blockClass: "cn-interaction-form-widget",
     fields: $options.formFields,
     model: $data.form,
@@ -200046,7 +200064,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
     errorMessage: $data.errorMessage,
     "onUpdate:field": $options.onFieldUpdate,
     onSubmit: $options.onRegister
-  }, {
+  }), {
     "field-client": vue$1.withCtx(() => [
       vue$1.createVNode(_component_CnResourceSelect, {
         register: $options.register,
@@ -200079,7 +200097,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
         : vue$1.createCommentVNode("v-if", true)
     ]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["fields", "model", "errors", "canSubmit", "submitting", "submitLabel", "submittingLabel", "errorMessage", "onUpdate:field", "onSubmit"]))
+  }, 16 /* FULL_PROPS */, ["fields", "model", "errors", "canSubmit", "submitting", "submitLabel", "submittingLabel", "errorMessage", "onUpdate:field", "onSubmit"]))
 }
 
 script$3e.render = render$3e;
@@ -306984,8 +307002,11 @@ function readGridGeometry(items) {
  * full-width card under the stat tiles landed below the lists.
  *
  * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it
- * @param {Array<{x: number, y: number, w: number, h: number}>} nodes The grid's items (the growing one among them).
- * @param {{x: number, y: number, w: number, h: number}} node The growing item.
+ * The growing item is never among the items it moves, also when `nodes`
+ * holds another reference to it (a proxy of the same node, matched by `el`).
+ *
+ * @param {Array<{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}>} nodes The grid's items (the growing one among them).
+ * @param {{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}} node The growing item.
  * @param {number} h Its new height, in grid rows.
  * @return {Array<{node: object, y: number}>} The items to move and their new row, bottom-most first.
  */
@@ -307000,7 +307021,8 @@ function planGrowth(nodes, node, h) {
 	while (queue.length > 0) {
 		const rect = queue.shift();
 		for (const other of nodes) {
-			if (other === node || moved.has(other) || !overlaps(rect, other)) {
+			const self = other === node || (node.el && other.el === node.el);
+			if (self || moved.has(other) || !overlaps(rect, other)) {
 				continue
 			}
 			const next = { x: other.x, y: other.y + delta, w: other.w, h: other.h };
@@ -307624,16 +307646,27 @@ var script$1t = {
 		 * (`itemsInRowOrder`). A cell that shrinks is left to GridStack as
 		 * before.
 		 *
+		 * The grid is read raw: through Vue's proxy `engine.nodes` holds proxies
+		 * while `el.gridstackNode` is the plain node, so the growing cell would
+		 * not be recognised among the nodes and would be moved down by its own
+		 * growth. Moving a cell makes GridStack measure it again, so a cell the
+		 * wrapper is already growing goes straight to GridStack.
+		 *
 		 * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it
 		 * @return {void}
 		 */
 		keepOrderOnGrowth() {
-			const grid = this.grid;
+			const grid = vue$1.toRaw(this.grid);
 			if (!grid || typeof grid.resizeToContent !== 'function' || typeof grid.update !== 'function') {
 				return
 			}
 			const resize = grid.resizeToContent.bind(grid);
+			const growing = new Set();
 			grid.resizeToContent = (el) => {
+				if (growing.has(el)) {
+					resize(el);
+					return
+				}
 				const node = el && el.gridstackNode;
 				const nodes = grid.engine && Array.isArray(grid.engine.nodes) ? grid.engine.nodes : null;
 				const rows = node && nodes ? this.contentRows(el, node) : null;
@@ -307644,15 +307677,20 @@ var script$1t = {
 				}
 				// Inside a batch the moves are not packed until the cell has grown.
 				const batching = Boolean(grid.engine.batchMode);
-				if (!batching) {
-					grid.batchUpdate();
-				}
-				for (const step of plan) {
-					grid.update(step.node.el, { y: step.y });
-				}
-				resize(el);
-				if (!batching) {
-					grid.batchUpdate(false);
+				growing.add(el);
+				try {
+					if (!batching) {
+						grid.batchUpdate();
+					}
+					for (const step of plan) {
+						grid.update(step.node.el, { y: step.y });
+					}
+					resize(el);
+					if (!batching) {
+						grid.batchUpdate(false);
+					}
+				} finally {
+					growing.delete(el);
 				}
 			};
 		},
@@ -308255,7 +308293,7 @@ function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1t.render = render$1t;
-script$1t.__scopeId = "data-v-a91998fc";
+script$1t.__scopeId = "data-v-a76b6fc6";
 const __sfc_main$1t = script$1t;
 
 /**
@@ -358535,6 +358573,7 @@ var script$h = {
 		// write lands; this warns the user while there are unsaved/in-flight
 		// changes. Registered before the early-return so it always installs.
 		window.addEventListener('beforeunload', this.onBeforeUnload);
+		window.addEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
 
 		// Opt-out fast-path: empty `requiresApps` already initialised
 		// `capabilitiesLoading` to `false` in data(); skip the check.
@@ -358580,6 +358619,7 @@ var script$h = {
 			this.removeDiagnostics = null;
 		}
 		window.removeEventListener('beforeunload', this.onBeforeUnload);
+		window.removeEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
 		this.cnScopedTheme.teardown(this.appId);
 		// Scope the side effect to the shell's lifetime. Layers already written
 		// stay on screen (see `uninstallModalStack`), so a dialog outliving the
@@ -359426,13 +359466,17 @@ var script$h = {
 		 * response `total` written to `cnMenuItemCounts[item.id]`. The
 		 * request goes straight through axios rather than the object store,
 		 * so the index page's whole-schema total in the store is left alone.
-		 * Failures leave the badge unrendered.
+		 * Failures leave the badge unrendered. Given a changed register and
+		 * schema, only the entries counting that list are read again.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-menu-entry-counts-a-filtered-list
+		 * @param {{register?: string|null, schema?: string|null}|null} [changed] The list that changed; null reads every count.
 		 * @return {void}
 		 * @private
 		 */
-		_hydrateMenuItemCounts() {
+		_hydrateMenuItemCounts(changed = null) {
+			const register = changed?.register ?? null;
+			const schema = changed?.schema ?? null;
 			const collect = (items) => {
 				const out = [];
 				for (const item of items ?? []) {
@@ -359447,10 +359491,27 @@ var script$h = {
 				return out
 			};
 			for (const item of collect(this.manifest?.menu)) {
-				this._fetchMenuItemCount(item);
+				if ((register === null || item.count.register === register) && (schema === null || item.count.schema === schema)) {
+					this._fetchMenuItemCount(item);
+				}
 			}
 		},
 
+		/**
+		 * Objects changed outside the list showing them (`cn:objects-changed`,
+		 * see `dispatchObjectsChanged`): read the filtered menu counts of that
+		 * register and schema again, so a badge follows a claim, a close or a
+		 * bulk action instead of keeping the number it had at mount. A signal
+		 * without a register or schema reads every filtered count again.
+		 *
+		 * @spec openspec/changes/menu-counts-follow-changed-objects/specs/layout-components/spec.md#requirement-a-filtered-menu-count-follows-changed-objects
+		 * @param {CustomEvent} event The signal, with `detail: { register, schema, id }`.
+		 * @return {void}
+		 */
+		onObjectsChanged(event) {
+			this._hydrateMenuItemCounts(event?.detail ?? null);
+		},
+
 		/**
 		 * One filtered-count request for a menu entry; see
 		 * `_hydrateMenuItemCounts`.

package/dist/nextcloud-vue.cjs.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/nextcloud-vue.cjs.js.map
-size: 40761222 bytes
-sha256: 74c8351e2250accf05102ce32e61fbb7e7f3c5c7ace613b0d9df9cee7b9249ae
+size: 40768932 bytes
+sha256: 5eaf232e7473c7af37c95cfc8b0839550069002fa540192d0ea4b88131fbc06d

package/dist/nextcloud-vue.css

@@ -38141,17 +38141,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-grid[data-v-a91998fc] {
+.cn-dashboard-grid[data-v-a76b6fc6] {
 	width: 100%;
 	min-height: 200px;
 }
-.grid-stack[data-v-a91998fc] {
+.grid-stack[data-v-a76b6fc6] {
 	background: transparent;
 }
 
 /* Screen-reader-only text: the keyboard key map and the live region. Kept in
    the layout (not `display: none`) so assistive tech still reads it. */
-.cn-dashboard-grid__sr-only[data-v-a91998fc] {
+.cn-dashboard-grid__sr-only[data-v-a76b6fc6] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -38166,7 +38166,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Grid items become tab stops in edit mode — give them a visible focus ring
    that satisfies WCAG 2.1 SC 2.4.7 without relying on the widget's own
    styling. `outline-offset` keeps the ring outside the rounded card. */
-.grid-stack-item[data-v-a91998fc]:focus-visible {
+.grid-stack-item[data-v-a76b6fc6]:focus-visible {
 	outline: 2px solid var(--color-primary-element, #0082c9);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-container-large, 16px);
@@ -38178,19 +38178,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    cell never shrank: "Waiting for me" stayed a tall card around one row. In
    such a cell the child takes its own height. A cell without the key keeps
    the filling child. */
-.cn-dashboard-grid__item--fit[data-v-a91998fc] >  .grid-stack-item-content > * {
+.cn-dashboard-grid__item--fit[data-v-a76b6fc6] >  .grid-stack-item-content > * {
 	height: auto;
 }
-[data-v-a91998fc] .grid-stack-item-content {
+[data-v-a76b6fc6] .grid-stack-item-content {
 	background: var(--color-main-background);
 	border: none;
 	box-shadow: none;
 	overflow: hidden;
 }
-[data-v-a91998fc] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
+[data-v-a76b6fc6] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
 	background: transparent;
 }
-[data-v-a91998fc] .grid-stack-placeholder > .placeholder-content {
+[data-v-a76b6fc6] .grid-stack-placeholder > .placeholder-content {
 	background: var(--color-primary-element-light);
 	border: 2px dashed var(--color-primary-element);
 	border-radius: var(--border-radius-large);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.89.0",
+  "version": "2.89.2",
   "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/CnAppRoot/CnAppRoot.vue

@@ -740,6 +740,7 @@ import { DEFAULT_FORGE, resolveForge } from '../../utils/forge.js'
 import { BUILT_IN_KB_PROVIDERS } from '../../utils/kbSearchProviders.js'
 import { createManifestTranslate } from '../../utils/manifestTranslate.js'
 import { installModalStack, uninstallModalStack } from '../../utils/modalStack.js'
+import { OBJECTS_CHANGED_EVENT } from '../../utils/objectSignals.js'
 import { resolveBrand } from '../../utils/resolveBrand.js'
 import { resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
 import { passesContextPredicates } from '../../utils/visibleIfContext.js'
@@ -3221,6 +3222,7 @@ export default {
 		// write lands; this warns the user while there are unsaved/in-flight
 		// changes. Registered before the early-return so it always installs.
 		window.addEventListener('beforeunload', this.onBeforeUnload)
+		window.addEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged)
 
 		// Opt-out fast-path: empty `requiresApps` already initialised
 		// `capabilitiesLoading` to `false` in data(); skip the check.
@@ -3266,6 +3268,7 @@ export default {
 			this.removeDiagnostics = null
 		}
 		window.removeEventListener('beforeunload', this.onBeforeUnload)
+		window.removeEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged)
 		this.cnScopedTheme.teardown(this.appId)
 		// Scope the side effect to the shell's lifetime. Layers already written
 		// stay on screen (see `uninstallModalStack`), so a dialog outliving the
@@ -4112,13 +4115,17 @@ export default {
 		 * response `total` written to `cnMenuItemCounts[item.id]`. The
 		 * request goes straight through axios rather than the object store,
 		 * so the index page's whole-schema total in the store is left alone.
-		 * Failures leave the badge unrendered.
+		 * Failures leave the badge unrendered. Given a changed register and
+		 * schema, only the entries counting that list are read again.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-menu-entry-counts-a-filtered-list
+		 * @param {{register?: string|null, schema?: string|null}|null} [changed] The list that changed; null reads every count.
 		 * @return {void}
 		 * @private
 		 */
-		_hydrateMenuItemCounts() {
+		_hydrateMenuItemCounts(changed = null) {
+			const register = changed?.register ?? null
+			const schema = changed?.schema ?? null
 			const collect = (items) => {
 				const out = []
 				for (const item of items ?? []) {
@@ -4133,10 +4140,27 @@ export default {
 				return out
 			}
 			for (const item of collect(this.manifest?.menu)) {
-				this._fetchMenuItemCount(item)
+				if ((register === null || item.count.register === register) && (schema === null || item.count.schema === schema)) {
+					this._fetchMenuItemCount(item)
+				}
 			}
 		},
 
+		/**
+		 * Objects changed outside the list showing them (`cn:objects-changed`,
+		 * see `dispatchObjectsChanged`): read the filtered menu counts of that
+		 * register and schema again, so a badge follows a claim, a close or a
+		 * bulk action instead of keeping the number it had at mount. A signal
+		 * without a register or schema reads every filtered count again.
+		 *
+		 * @spec openspec/changes/menu-counts-follow-changed-objects/specs/layout-components/spec.md#requirement-a-filtered-menu-count-follows-changed-objects
+		 * @param {CustomEvent} event The signal, with `detail: { register, schema, id }`.
+		 * @return {void}
+		 */
+		onObjectsChanged(event) {
+			this._hydrateMenuItemCounts(event?.detail ?? null)
+		},
+
 		/**
 		 * One filtered-count request for a menu entry; see
 		 * `_hydrateMenuItemCounts`.

package/src/components/CnDashboardGrid/CnDashboardGrid.vue

@@ -71,6 +71,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { GridStack } from 'gridstack'
+import { toRaw } from 'vue'
 import { planGrowth } from '../../utils/gridStack.js'
 // `gridstack` is a peerDependency (see package.json), not bundled — this
 // component's JS and the consumer's GridStack stylesheet MUST come from the
@@ -683,16 +684,27 @@ export default {
 		 * (`itemsInRowOrder`). A cell that shrinks is left to GridStack as
 		 * before.
 		 *
+		 * The grid is read raw: through Vue's proxy `engine.nodes` holds proxies
+		 * while `el.gridstackNode` is the plain node, so the growing cell would
+		 * not be recognised among the nodes and would be moved down by its own
+		 * growth. Moving a cell makes GridStack measure it again, so a cell the
+		 * wrapper is already growing goes straight to GridStack.
+		 *
 		 * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it
 		 * @return {void}
 		 */
 		keepOrderOnGrowth() {
-			const grid = this.grid
+			const grid = toRaw(this.grid)
 			if (!grid || typeof grid.resizeToContent !== 'function' || typeof grid.update !== 'function') {
 				return
 			}
 			const resize = grid.resizeToContent.bind(grid)
+			const growing = new Set()
 			grid.resizeToContent = (el) => {
+				if (growing.has(el)) {
+					resize(el)
+					return
+				}
 				const node = el && el.gridstackNode
 				const nodes = grid.engine && Array.isArray(grid.engine.nodes) ? grid.engine.nodes : null
 				const rows = node && nodes ? this.contentRows(el, node) : null
@@ -703,15 +715,20 @@ export default {
 				}
 				// Inside a batch the moves are not packed until the cell has grown.
 				const batching = Boolean(grid.engine.batchMode)
-				if (!batching) {
-					grid.batchUpdate()
-				}
-				for (const step of plan) {
-					grid.update(step.node.el, { y: step.y })
-				}
-				resize(el)
-				if (!batching) {
-					grid.batchUpdate(false)
+				growing.add(el)
+				try {
+					if (!batching) {
+						grid.batchUpdate()
+					}
+					for (const step of plan) {
+						grid.update(step.node.el, { y: step.y })
+					}
+					resize(el)
+					if (!batching) {
+						grid.batchUpdate(false)
+					}
+				} finally {
+					growing.delete(el)
 				}
 			}
 		},

package/src/components/CnInteractionFormWidget/CnInteractionFormWidget.vue

@@ -4,6 +4,7 @@
 -->
 <template>
 	<CnFormWidgetBase
+		v-bind="rootAttrs"
 		blockClass="cn-interaction-form-widget"
 		:fields="formFields"
 		:model="form"
@@ -51,6 +52,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { NcButton } from '@nextcloud/vue'
+import { camelize } from 'vue'
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 import CnFormWidgetBase from '../CnFormWidgetBase/CnFormWidgetBase.vue'
 import CnResourceSelect from '../CnResourceSelect/CnResourceSelect.vue'
@@ -125,6 +127,11 @@ export default {
 		cnTranslate: { default: () => (key) => key },
 	},
 
+	// A dashboard binds the widget's `content` keys as attributes too. Falling
+	// through, `submitLabel` would reach CnFormWidgetBase and win over the
+	// translated label the widget passes, so attributes go through rootAttrs.
+	inheritAttrs: false,
+
 	props: {
 		/**
 		 * Persisted configuration blob (see component description for the shape).
@@ -160,6 +167,19 @@ export default {
 	},
 
 	computed: {
+		/**
+		 * The attributes for the root form: everything the widget was given,
+		 * minus the names CnFormWidgetBase takes as props, which the widget
+		 * sets itself.
+		 *
+		 * @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language
+		 * @return {object} The attributes to bind.
+		 */
+		rootAttrs() {
+			const own = new Set(Object.keys(CnFormWidgetBase.props || {}))
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([key]) => !own.has(camelize(key))))
+		},
+
 		register() {
 			return this.content.register || 'pipelinq'
 		},

package/src/utils/gridStack.js

@@ -64,8 +64,11 @@ export function readGridGeometry(items) {
  * full-width card under the stat tiles landed below the lists.
  *
  * @spec openspec/changes/dashboard-growth-keeps-order/specs/dashboard-grid/spec.md#requirement-a-growing-cell-keeps-the-order-of-the-cards-under-it
- * @param {Array<{x: number, y: number, w: number, h: number}>} nodes The grid's items (the growing one among them).
- * @param {{x: number, y: number, w: number, h: number}} node The growing item.
+ * The growing item is never among the items it moves, also when `nodes`
+ * holds another reference to it (a proxy of the same node, matched by `el`).
+ *
+ * @param {Array<{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}>} nodes The grid's items (the growing one among them).
+ * @param {{x: number, y: number, w: number, h: number, el: (HTMLElement|undefined)}} node The growing item.
  * @param {number} h Its new height, in grid rows.
  * @return {Array<{node: object, y: number}>} The items to move and their new row, bottom-most first.
  */
@@ -80,7 +83,8 @@ export function planGrowth(nodes, node, h) {
 	while (queue.length > 0) {
 		const rect = queue.shift()
 		for (const other of nodes) {
-			if (other === node || moved.has(other) || !overlaps(rect, other)) {
+			const self = other === node || (node.el && other.el === node.el)
+			if (self || moved.has(other) || !overlaps(rect, other)) {
 				continue
 			}
 			const next = { x: other.x, y: other.y + delta, w: other.w, h: other.h }