@conduction/nextcloud-vue 2.132.0 → 2.133.0

package/src/components/CnNcWidgetWidget/CnNcWidgetWidget.vue

@@ -55,7 +55,7 @@
 					v-for="(item, idx) in shownItems"
 					:key="item.sinceId || item.id || idx"
 					class="cn-nc-widget-widget__item"
-					:class="itemClass"
+					:class="[itemClass, toneClass(item)]"
 					:href="item.link || '#'"
 					:title="item.title">
 					<span class="cn-nc-widget-widget__item-icon-wrap">
@@ -93,6 +93,9 @@ import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
 import { generateOcsUrl } from '@nextcloud/router'
 
+/** The tones `content.itemTones` may give an item. */
+const ITEM_TONES = ['success', 'info', 'neutral', 'warning', 'error']
+
 const API_ITEM_LIMIT = 7
 
 /**
@@ -137,7 +140,7 @@ export default {
 
 	props: {
 		/**
-		 * Persisted widget content `{widgetId, displayMode, limit?, showAllUrl?, showAllLabel?, showHeader?, excludeApps?, excludeTypes?}`.
+		 * Persisted widget content `{widgetId, displayMode, limit?, showAllUrl?, showAllLabel?, showHeader?, excludeApps?, excludeTypes?, itemTones?}`.
 		 * `excludeApps` (`["systemtags"]`) and `excludeTypes` leave out the
 		 * items of those apps or types (an item's own `app` / `type`, else the
 		 * app in its link or icon URL); the list then comes from the items API.
@@ -365,18 +368,54 @@ export default {
 				return false
 			}
 			const { apps, types } = this.exclusions
+			const kinds = this.kindsOf(item)
+			if (apps.length > 0 && kinds.apps.some((app) => apps.includes(app))) {
+				return true
+			}
+			return types.length > 0 && kinds.types.some((type) => types.includes(type))
+		},
+
+		/**
+		 * What an item is, lower case: its own `type` / `objectType`, and its
+		 * own `app` or the app in an `/apps/<app>/` part of its icons or link.
+		 *
+		 * @param {object} item A widget item.
+		 * @return {{apps: string[], types: string[]}}
+		 */
+		kindsOf(item) {
 			const own = (value) => (typeof value === 'string' ? value.toLowerCase() : '')
-			const appsOf = [own(item.app)]
-			for (const url of [item.link, item.iconUrl, item.overlayIconUrl]) {
+			// The icons first: the activity app sets them from the activity's own app.
+			const apps = [own(item.app)]
+			for (const url of [item.iconUrl, item.overlayIconUrl, item.link]) {
 				const match = typeof url === 'string' ? url.match(/\/apps\/([a-z0-9_-]+)\//i) : null
 				if (match) {
-					appsOf.push(match[1].toLowerCase())
+					apps.push(match[1].toLowerCase())
 				}
 			}
-			if (apps.length > 0 && appsOf.some((app) => app !== '' && apps.includes(app))) {
-				return true
+			return { apps: apps.filter((app) => app !== ''), types: [own(item.type), own(item.objectType)].filter((type) => type !== '') }
+		},
+
+		/**
+		 * The item's class for its tone (`content.itemTones`), keyed by its
+		 * type first, then its app; '' without a match.
+		 *
+		 * @spec openspec/changes/nc-widget-item-tones/specs/nc-widget-item-tones/spec.md#requirement-a-nextcloud-widget-item-can-take-a-tone-from-its-app-or-type
+		 * @param {object} item A widget item.
+		 * @return {string}
+		 */
+		toneClass(item) {
+			const map = this.content && this.content.itemTones
+			if (!map || typeof map !== 'object' || !item || typeof item !== 'object') {
+				return ''
+			}
+			const kinds = this.kindsOf(item)
+			for (const key of [...kinds.types, ...kinds.apps]) {
+				const tone = Object.keys(map).find((name) => name.toLowerCase() === key)
+				if (tone && ITEM_TONES.includes(map[tone])) {
+					return `cn-nc-widget-widget__item--tone-${map[tone]}`
+				}
 			}
-			return types.length > 0 && [own(item.type), own(item.objectType)].some((type) => type !== '' && types.includes(type))
+			return ''
 		},
 
 		t,

package/src/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue

@@ -13,6 +13,35 @@
 			:description="label('failedDetail')"
 			data-testid="cn-object-parties-failed" />
 
+		<div
+			v-else-if="isPrimaryPresentation"
+			class="cn-object-parties__main-card"
+			data-testid="cn-object-parties-main-card">
+			<div
+				v-if="mainParty"
+				class="cn-object-parties__main"
+				:data-party="mainParty.partyUuid"
+				data-testid="cn-object-parties-main">
+				<span class="cn-object-parties__main-initials" aria-hidden="true" data-testid="cn-object-parties-main-initials">{{ initialsOf(nameOf(mainParty)) }}</span>
+				<span class="cn-object-parties__main-text">
+					<strong class="cn-object-parties__main-name" data-testid="cn-object-parties-main-name">{{ nameOf(mainParty) }}</strong>
+					<span v-if="mainRole" class="cn-object-parties__muted cn-object-parties__main-role" data-testid="cn-object-parties-main-role">{{ mainRole }}</span>
+				</span>
+			</div>
+			<span v-else class="cn-object-parties__muted" data-testid="cn-object-parties-main-none">{{ label('noPrimary') }}</span>
+			<a
+				v-if="mainParty && mainParty.email"
+				class="cn-object-parties__main-email"
+				:href="`mailto:${mainParty.email}`"
+				data-testid="cn-object-parties-main-email">
+				<EmailOutline :size="16" aria-hidden="true" />{{ mainParty.email }}</a>
+			<a
+				v-if="footLink"
+				class="cn-object-parties__main-link"
+				:href="footLink.href"
+				data-testid="cn-object-parties-main-link">{{ footLink.label }}</a>
+		</div>
+
 		<NcEmptyContent
 			v-else-if="groups.length === 0"
 			:name="label('empty')"
@@ -111,15 +140,18 @@ import axios from '@nextcloud/axios'
 import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { NcEmptyContent, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
+import EmailOutline from 'vue-material-design-icons/EmailOutline.vue'
 import { interpolateUrlTokens } from '../../composables/useEndpointSource.js'
 import innerHeading from '../../mixins/innerHeading.js'
 import { conditionalLine } from '../../utils/conditionalLine.js'
+import { initialsOf } from '../../utils/initials.js'
 import {
 	documentsOfParty,
 	indicatorsOf,
 	indicatorVerdict,
 	kindCode,
 	representedByMap,
+	roleLabel,
 	rolesInOrder,
 } from '../../utils/objectParties.js'
 import { readPath } from '../../utils/readPath.js'
@@ -141,6 +173,7 @@ function defaultLabels() {
 		primary: t('nextcloud-vue', 'Primary party'),
 		notAccepted: t('nextcloud-vue', 'Kind not accepted here'),
 		representedBy: t('nextcloud-vue', 'Represented by'),
+		noPrimary: t('nextcloud-vue', 'No main contact yet'),
 	}
 }
 
@@ -164,6 +197,12 @@ function defaultLabels() {
  * }
  * ```
  *
+ * `presentation: "primary"` draws only the primary party, as a side card
+ * does: initials, name and role label, its correspondence e-mail, and
+ * `link` (`{ label, href? | tab? }`, `{total}` = the number of parties) at
+ * the foot; `tab` opens that tab of the page through the route hash. It
+ * reads the listing only.
+ *
  * A failed read says so and is never shown as "no parties".
  *
  * @spec openspec/changes/dq-abstract-record-widgets/specs/record-widgets/spec.md#requirement-a-record-shows-its-parties-by-role
@@ -171,7 +210,7 @@ function defaultLabels() {
 export default {
 	name: 'CnObjectPartiesWidget',
 
-	components: { NcEmptyContent, NcLoadingIcon, NcNoteCard },
+	components: { EmailOutline, NcEmptyContent, NcLoadingIcon, NcNoteCard },
 
 	mixins: [innerHeading],
 
@@ -188,7 +227,9 @@ export default {
 		 * `kindsSource` (`{ url, enforce?, sourceText? }`), `extraLines`
 		 * (`[{ endpoint, path?, valueLabels?, lines }]`, one request per
 		 * party, `{party}` filled in), `correspondence` (`{ endpoint, path?,
-		 * senderField?, recipientsField? }`) and `labels`.
+		 * senderField?, recipientsField? }`), `labels`, `presentation`
+		 * (`"primary"`: only the primary party) and `link` (`{ label,
+		 * href? | tab? }`, the primary presentation's foot link).
 		 */
 		content: {
 			type: Object,
@@ -235,6 +276,46 @@ export default {
 			return rolesInOrder(this.listing, this.translatedMap(this.content?.roleLabels))
 		},
 
+		/** @return {boolean} Whether only the primary party is drawn. */
+		isPrimaryPresentation() {
+			return this.content?.presentation === 'primary'
+		},
+
+		/** @return {object|null} The primary party's listing row. */
+		mainParty() {
+			if (!this.primary) {
+				return null
+			}
+			return (this.listing?.results || []).find((row) => row && row.partyUuid === this.primary) || null
+		},
+
+		/** @return {string} The primary party's role, in the app's words. */
+		mainRole() {
+			const key = this.mainParty?.role
+			if (!key) {
+				return ''
+			}
+			const own = this.translatedMap(this.content?.roleLabels)
+			if (typeof own[key] === 'string' && own[key] !== '') {
+				return own[key]
+			}
+			return this.cnTranslate(roleLabel(key, this.listing?.roles, {}))
+		},
+
+		/** @return {{label: string, href: string}|null} The primary presentation's foot link; none without parties. */
+		footLink() {
+			const link = this.content?.link
+			const total = Number(this.listing?.total ?? (this.listing?.results || []).length)
+			if (!link || typeof link !== 'object' || !link.label || !(total > 0)) {
+				return null
+			}
+			const href = link.tab ? `#${encodeURIComponent(link.tab)}` : (link.href || '')
+			if (href === '') {
+				return null
+			}
+			return { label: this.cnTranslate(link.label).replaceAll('{total}', String(total)), href }
+		},
+
 		/** @return {string|null} The primary party's uuid. */
 		primary() {
 			return this.listing?.primary || null
@@ -301,6 +382,7 @@ export default {
 	},
 
 	methods: {
+		initialsOf,
 		kindCode,
 
 		/**
@@ -383,6 +465,10 @@ export default {
 				return
 			}
 			this.listing = listing
+			if (this.isPrimaryPresentation) {
+				this.loading = false
+				return
+			}
 			const uuids = [...new Set((listing.results || []).map((row) => row && row.partyUuid).filter(Boolean))]
 			const partyUrl = this.content?.partySource || '/apps/openregister/api/parties/{uuid}'
 			const records = await Promise.all(uuids.map((uuid) => this.read(this.urlOf(partyUrl, uuid))))
@@ -657,6 +743,57 @@ export default {
 	color: var(--color-text-maxcontrast);
 }
 
+.cn-object-parties__main-card {
+	display: flex;
+	flex-direction: column;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+
+.cn-object-parties__main {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+
+.cn-object-parties__main-initials {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background-color: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-weight: 700;
+}
+
+.cn-object-parties__main-text {
+	display: flex;
+	flex-direction: column;
+}
+
+.cn-object-parties__main-name {
+	font-size: 15px;
+}
+
+.cn-object-parties__main-role {
+	font-size: 13px;
+}
+
+.cn-object-parties__main-email {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 2.5);
+	color: var(--color-main-text);
+	overflow-wrap: anywhere;
+}
+
+.cn-object-parties__main-link {
+	color: var(--color-primary-element);
+	font-weight: 600;
+}
+
 .cn-object-parties__accepted {
 	display: flex;
 	flex-wrap: wrap;

package/src/components/CnRecordListWidget/CnRecordListWidget.vue

@@ -542,6 +542,7 @@ import { fillTemplate, firstFilled } from '../../utils/fillTemplate.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { initialsOf } from '../../utils/initials.js'
 import { lensUnavailableText, readLensReports } from '../../utils/lensAvailability.js'
+import { isObjectRowsSpec, objectRowsOf } from '../../utils/objectRows.js'
 import { pageFilter, pageSort } from '../../utils/pageControls.js'
 import { readPath } from '../../utils/readPath.js'
 import { dropOptionalUnresolved, hasUnresolvedTokens, resolveDeepTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
@@ -607,7 +608,8 @@ function unwrap(value) {
  * `object-list` (`register`, `schema`, `filter` with the `@objectId` /
  * `@object.<field>` / `@workspace.<key>` tokens, `sort`, `limit`, `extend`,
  * `rowRoute`, `pageControls`), or `endpointSource` (an app endpoint whose
- * payload, after `responsePath`, is the array of rows, as on the object table); `avatar` puts a circle with the initials of a name
+ * 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`
  * or `inline`, and each line is a template (`"{identifier} · {caseTypeName}"`,
  * `"Termijn {deadline|date}"`). `cards` draws a framed card per row in a
@@ -647,7 +649,8 @@ export default {
 		 * with `overVariant: "error"`), or without `maxField` against the
 		 * largest row. `endpointSource` (`{ url, method?,
 		 * params?, responsePath? }`) reads the rows from an app endpoint instead
-		 * of `register` / `schema`. `valueLabels` maps a field's stored values to the labels
+		 * of `register` / `schema`. `objectRows` (`{ path, where?, valuePath? }`)
+		 * lists rows the page record holds, with no request. `valueLabels` maps a field's stored values to the labels
 		 * the templates show. `headerNote` and `headerLink.label` fill `{total}`
 		 * and `{count:<field>=<value>}`, the loaded rows with that value.
 		 * A row that is a plain string or number (an endpoint
@@ -960,6 +963,30 @@ export default {
 			return Boolean(source && typeof source === 'object' && source.url)
 		},
 
+		/**
+		 * Whether the rows come from the page's own record (`objectRows`).
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/record-list-object-rows/specs/record-list/spec.md#requirement-a-record-list-can-list-rows-the-page-record-holds
+		 */
+		objectRowsActive() {
+			return isObjectRowsSpec(this.content?.objectRows)
+		},
+
+		/**
+		 * The rows `objectRows` names on the page record (see utils/objectRows.js).
+		 *
+		 * @return {Array<object>}
+		 */
+		objectRowsList() {
+			return this.objectRowsActive ? objectRowsOf(this.objectData, this.content.objectRows) : []
+		},
+
+		/** @return {string} The page record's rows, to copy into the list when they change. */
+		objectRowsKey() {
+			return this.objectRowsActive ? JSON.stringify(this.objectRowsList) : ''
+		},
+
 		/** @return {string} The endpoint read's state, to copy into the list when it changes. */
 		endpointKey() {
 			return this.endpointActive ? JSON.stringify([this.epData, this.epLoading, this.epError]) : ''
@@ -1464,6 +1491,10 @@ export default {
 			this.fetchRows()
 		},
 
+		objectRowsKey() {
+			this.fetchRows()
+		},
+
 		linkIdsKey() {
 			this.loadLinkLabels()
 		},
@@ -2609,6 +2640,15 @@ export default {
 				this.takeEndpointRows()
 				return
 			}
+			if (this.objectRowsActive) {
+				this.rows = this.flattenRows(this.objectRowsList.map((row, index) => (row.id === undefined ? { id: `row-${index}`, ...row } : row)))
+				this.total = this.rows.length
+				this.loading = false
+				this.error = false
+				this.lenses = {}
+				this.emitHeader()
+				return
+			}
 			if (!c.register || !c.schema || this.waiting) {
 				this.rows = []
 				this.total = 0

package/src/components/CnTabsWidget/CnTabsWidget.vue

@@ -1056,7 +1056,7 @@ export default {
 		 * @spec openspec/changes/dq-abstract-record-widgets/specs/record-widgets/spec.md#requirement-opening-a-tab-marks-its-part-read
 		 */
 		unreadLabelOf(tab, widgetId) {
-			if (!this.readStateBadges || (tab && typeof tab === 'object' && (typeof tab.count === 'number' || tab.countField))) {
+			if (!this.readStateBadges || (tab && typeof tab === 'object' && (typeof tab.count === 'number' || tab.countField || tab.countObjectRows))) {
 				return ''
 			}
 			const key = this.unreadKeyOf(tab, widgetId)

package/src/components/index.js

@@ -7,6 +7,7 @@ export { CnBulkJobProgress } from './CnBulkJobProgress/index.js'
 export { CnDataTable } from './CnDataTable/index.js'
 export { CnDataMatrix } from './CnDataMatrix/index.js'
 export { CnFilterBar } from './CnFilterBar/index.js'
+export { CnConditionListEditor } from './CnConditionListEditor/index.js'
 export { CnCronField } from './CnCronField/index.js'
 export { CnFileField } from './CnFileField/index.js'
 export { CnOfflineQueue } from './CnOfflineQueue/index.js'

package/src/css/look-board-index.css

@@ -799,6 +799,12 @@
 	padding-inline: 16px;
 }
 
+/* The row's actions menu (a 34px toggle) adds no height to a card table's
+   row: the cell has no block padding, so the row stays at its text's 40px. */
+.cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table .cn-table-col--actions {
+	padding-block: 0;
+}
+
 .cn-look-board .cn-index-page__main--table .cn-table-container--board .cn-data-table td > .cn-cell-renderer {
 	display: block;
 	min-width: 0;

package/src/css/look-board.css

@@ -35,7 +35,7 @@
 	--cn-board-card-inline-padding: 22px;
 	--cn-board-card-padding: 20px var(--cn-board-card-inline-padding);
 	/* The side inset of a dashboard card: its title and its rows. */
-	--cn-board-dashboard-card-inset: 24px;
+	--cn-board-dashboard-card-inset: 22px;
 	/* Hairline inside a card, and the soft secondary text: the boards' #3d4047,
 	   between the main text and the muted text, so it follows a theme's pair. */
 	--cn-board-hairline: var(--color-border);
@@ -622,6 +622,15 @@
 	--button-size: 34px;
 }
 
+/* A detail page marked `cardButtons: "regular"` draws them at the 40px
+   control height: the case page's tab cards (DqZaakContact "Live gesprek",
+   DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
+   @spec openspec/changes/detail-card-buttons-regular/specs/detail-card-buttons/spec.md#requirement-a-detail-page-can-draw-its-card-header-buttons-at-the-control-height */
+.cn-look-board.cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)),
+.cn-look-board .cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
+
 /* The same beside a CnDetailCard's title (DqTaak "Notitie toevoegen" on the
    notes card, a detail card's declared header actions).
    @spec openspec/changes/board-detail-card-header-button-height/specs/board-detail-card-header-button-height/spec.md#requirement-a-labelled-detail-card-header-button-is-40px */
@@ -2244,14 +2253,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Record list on a dashboard card (PtDashboard) ---------------------- */
 /* The dashboard's card body is flush, so the rows carry their own inset: the
-   board's card pads 24px at the sides and each row 12px (the Dq dashboards;
+   board's card pads 22px at the sides and each row 12px (the Dq dashboards;
    the pipelinq board's 14px gives way), a soft hairline
    between rows, the title 15px weight 600 and the meta 13px muted. A row is a
    link, but only the hover says so: no underline on any text run, however the
    host styles its links (`!important`, because a host rule such as
    `#content a` outranks any class). The pill and the date sit at the right. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list {
-	padding: 0 24px 10px;
+	padding: 0 var(--cn-board-dashboard-card-inset) 10px;
 }
 
 /* Inside a plain or grid sections widget the sections body already takes
@@ -2357,7 +2366,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-widget-card-grid--in-cell {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* A record list drawn as cards (ShBank's bank accounts) keeps the rows' 24px
@@ -2366,7 +2375,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    draws them. A card is a link only by its hover: no underline on any text run.
    @spec openspec/changes/record-list-cards/specs/record-list-cards/spec.md#requirement-a-record-list-can-draw-its-rows-as-cards */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--cards {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper--borderless .cn-record-list--cards {
@@ -2380,9 +2389,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Saved views on a dashboard card (PqMijnWerk) ------------------------ */
 /* The card body is flush, so the list and its empty line carry the card's
-   inset themselves, the same 24px at the sides as a record list. */
+   inset themselves, the same card inset at the sides as a record list. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-saved-views-widget {
-	padding: 4px 24px 20px;
+	padding: 4px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* The board draws no chevron after the pill and date. */
@@ -2529,6 +2538,25 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	background: var(--color-primary-element);
 }
 
+/* An item's tone (`content.itemTones`) colours its dot (DqMijnWerk: a
+   reaction blue, a publication green, a handover grey).
+   @spec openspec/changes/nc-widget-item-tones/specs/nc-widget-item-tones/spec.md#requirement-a-nextcloud-widget-item-can-take-a-tone-from-its-app-or-type */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-success .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-success);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-neutral .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-warning .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-warning);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-error .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-error);
+}
+
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--vertical .cn-nc-widget-widget__item-icon-wrap img {
 	display: none;
 }

package/src/index.js

@@ -74,6 +74,7 @@ export {
 	CnChoicePickerWidget,
 	CnColorPicker,
 	CnCommandPalette,
+	CnConditionListEditor,
 	CnConfigurationCard,
 	CnContactCreate,
 	CnContactPicker,
@@ -599,6 +600,7 @@ export { ROADMAP_LABEL_BLOCKLIST } from './utils/roadmapLabelBlocklist.js'
 // The words a person reads for a notification rule key (never the raw key).
 export { humaniseRuleKey, notificationRuleLabel } from './utils/notificationRuleLabel.js'
 export { readTransitionInputs } from './utils/transitionInputs.js'
+export { conditionSentence, formatConditionValue, operatorLabel, operatorsForType, operatorTakesValue } from './components/CnConditionListEditor/conditionOperators.js'
 // An identifier-shaped key made readable (`shortDescription` → "Short description").
 export { humaniseKey } from './utils/humaniseKey.js'
 

package/src/schemas/app-manifest-v2.schema.json

@@ -3,7 +3,7 @@
 	"$id": "https://raw.githubusercontent.com/ConductionNL/nextcloud-vue/main/src/schemas/app-manifest-v2.schema.json",
 	"title": "Conduction App Manifest v2",
 	"description": "v2 schema for the JSON-driven page and navigation manifest consumed by @conduction/nextcloud-vue. Introduces a uniform widgets[] array on every page type with a per-slot grid coordinate system, a typed actions[] discriminator, and the required $schema field for version detection. v1 manifests continue to validate against app-manifest.schema.json (unchanged).",
-	"version": "2.152.0",
+	"version": "2.153.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -3249,6 +3249,22 @@
 					"default": false,
 					"description": "Confirm-gating (object-op + #91 Wave 3 api-call / open-form + agent): when true, the action presents a CnConfirmDialog before running (the dispatcher / CnActionButtons runs AFTER confirmation). object-op delete ALWAYS confirms regardless of this flag."
 				},
+				"confirmTitle": {
+					"type": "string",
+					"description": "confirm: true: the confirm dialog's title, through the host translate. Absent: the action's label."
+				},
+				"confirmMessage": {
+					"type": "string",
+					"description": "confirm: true: the question the confirm dialog asks, through the host translate. Absent: 'Are you sure you want to continue?'."
+				},
+				"confirmLabel": {
+					"type": "string",
+					"description": "confirm: true: the confirm button's label, through the host translate, e.g. 'Record it'. Absent: 'Confirm'."
+				},
+				"confirmIcon": {
+					"type": "string",
+					"description": "confirm: true: a CnIcon name drawn on the confirm button, e.g. 'Check'. Absent: no icon."
+				},
 				"target": {
 					"type": "string",
 					"description": "Destination for open-modal (modal id), open-page (route name), or navigate (URL). Ignored for handler type."

package/src/store/plugins/liveUpdates.js

@@ -401,12 +401,15 @@ export function liveUpdatesPlugin(opts = {}) {
 
 			// Detached: the store outlives the component whose setup first
 			// used it, and an attached observer is removed with that scope.
-			store.$onAction(({ name, args, after }) => {
+			// Recorded when the fetch starts, so a hint arriving while it is in
+			// flight repeats it rather than the query before. An append page
+			// (the board's "Load more") is not a query of its own.
+			store.$onAction(({ name, args }) => {
 				if (name === 'fetchCollection') {
-					const [type, params = {}] = args
-					after(() => {
+					const [type, params = {}, options = {}] = args
+					if (!(options && options.append === true)) {
 						store.__lastCollectionParams.set(type, params)
-					})
+					}
 				}
 			}, true)
 
@@ -440,6 +443,12 @@ export function liveUpdatesPlugin(opts = {}) {
 				}
 				const key = collectionDedupKey(type, params)
 				let entry = collectionInFlight.get(key)
+				if (entry && !(options && options.append === true)) {
+					// Joining makes the shared request's query the newest again.
+					const currentQuery = store.__currentCollectionQuery || (store.__currentCollectionQuery = {})
+					currentQuery[type] = JSON.stringify(params)
+					store.__lastCollectionParams.set(type, params)
+				}
 				if (!entry) {
 					// The shared request reports into its own sink, copied to
 					// each caller's `options.outcome` below, so a caller that