@conduction/nextcloud-vue 2.75.0 → 2.76.0

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: 38285312 bytes
-sha256: 91421df55f0b2ab43c1c2b9428d1808f048aa4d3a8a0909a9681e4f49b38b627
+size: 38337896 bytes
+sha256: a7d0d4bb2ccffd14adbe47978a666f89a6e3b1376dfecb854356280ac6440360

package/dist/nextcloud-vue.css

@@ -1490,7 +1490,10 @@
 }
 
 .cn-look-board .cn-index-page__main.cn-index-page__main--table {
-	flex: 0 1 auto;
+	/* The body is a row: the card takes the width left beside a sidebar (the
+	   board's table card spans the content), and keeps the height of its rows. */
+	flex: 1 1 auto;
+	align-self: flex-start;
 	border: 1px solid var(--color-border);
 	border-radius: var(--cn-board-card-radius, 12px);
 	background: var(--color-main-background);
@@ -1680,6 +1683,37 @@
 	background: var(--color-primary-element-light);
 }
 
+/* The status accent outranks the board's border, also on hover and selection. */
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent {
+	border-inline-start-width: 4px;
+	padding-inline-start: 13px;
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success:hover {
+	border-inline-start-color: var(--color-element-success);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning:hover {
+	border-inline-start-color: var(--color-element-warning);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error:hover {
+	border-inline-start-color: var(--color-element-error);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info:hover {
+	border-inline-start-color: var(--color-element-info);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary:hover {
+	border-inline-start-color: var(--color-primary-element);
+}
+
 .cn-look-board .cn-object-card--board .cn-object-card__content {
 	display: flex;
 	flex: 1 1 auto;
@@ -19425,6 +19459,18 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
+.cn-related-objects-widget__section-status[data-v-44c2988f] {
+	margin: 0;
+	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
+	color: var(--color-text-maxcontrast);
+	font-size: 0.85em;
+}
+.cn-related-objects-widget__section-error[data-v-44c2988f] {
+	margin: 0;
+	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
+	color: var(--color-error-text, var(--color-error));
+	font-size: 0.85em;
+}
 .cn-related-objects-widget__empty-state[data-v-44c2988f] {
 	/* NcEmptyContent defaults to filling tall parents; inside a widget cell a
 	   compact block reads better. */
@@ -22090,6 +22136,47 @@ to { background-position: -200% 0;
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
+
+/* The 4px start border takes 3px of padding, so the content stays put. */
+.cn-object-card.cn-object-card--accent[data-v-6f672c8f] {
+	border-inline-start-width: 4px;
+	padding-inline-start: 13px;
+}
+.cn-object-card.cn-object-card--accent-success[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-success);
+}
+.cn-object-card.cn-object-card--accent-warning[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-warning);
+}
+.cn-object-card.cn-object-card--accent-error[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-error);
+}
+.cn-object-card.cn-object-card--accent-info[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-info);
+}
+.cn-object-card.cn-object-card--accent-primary[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-primary-element);
+}
+.cn-object-card__accent-icon[data-v-6f672c8f] {
+	display: inline-flex;
+	vertical-align: -2px;
+	margin-inline-end: 4px;
+}
+.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-success);
+}
+.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-warning);
+}
+.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-error);
+}
+.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-element-info);
+}
+.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-primary-element);
+}
 .cn-object-card__checkbox[data-v-6f672c8f] {
 	flex-shrink: 0;
 	padding-top: 2px;

package/l10n/en.json

@@ -1,5 +1,10 @@
 {
   "translations": {
+    "Linked items": "Linked items",
+    "Still loading: {sections}": "Still loading: {sections}",
+    "Could not load {section}.": "Could not load {section}.",
+    "Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.": "Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.",
+    "Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.": "Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.",
     "Show as": "Show as",
     "Board": "Board",
     "Calendar": "Calendar",
@@ -1284,7 +1289,8 @@
     "Development environment": "Development environment",
     "Test environment": "Test environment",
     "Acceptance environment": "Acceptance environment",
-    "About {label}": "About {label}"
+    "About {label}": "About {label}",
+    "Could not load the form for this item.": "Could not load the form for this item."
   },
   "plurals": {
     "%n year": [

package/l10n/nl.json

@@ -1,5 +1,10 @@
 {
   "translations": {
+    "Linked items": "Gekoppelde items",
+    "Still loading: {sections}": "Nog aan het laden: {sections}",
+    "Could not load {section}.": "{section} kon niet worden geladen.",
+    "Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.": "Met inloggegevens van de organisatie handelen apps namens je organisatie. Keepiq, de kluis voor inloggegevens van Nextcloud, bewaart het geheim. De app krijgt het nooit in handen. Je kiest welke apps elk inloggegeven mogen gebruiken.",
+    "Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.": "Apps handelen soms namens jou bij een externe dienst. Je geeft het geheim één keer aan Nextcloud, en Keepiq bewaart het in een versleutelde kluis. Apps doen de aanvraag via Keepiq en zien het geheim nooit. Je kiest welke apps elk inloggegeven mogen gebruiken. Deel er één tussen apps, of houd er één per app.",
     "Show as": "Toon als",
     "Board": "Bord",
     "Calendar": "Kalender",
@@ -171,7 +176,7 @@
     "This integration is not set up yet. Configure a connection to start using it.": "Deze integratie is nog niet ingesteld. Configureer een verbinding om hem te gebruiken.",
     "This integration is not set up yet. Install and enable the {app} app to start using it.": "Deze integratie is nog niet ingesteld. Installeer en activeer de app {app} om hem te gebruiken.",
     "Set up {app}": "{app} instellen",
-    "Add {type}": "Nieuwe {type}",
+    "Add {type}": "{type} toevoegen",
     "Add new contact": "Nieuw contact toevoegen",
     "Link contact": "Contact koppelen",
     "Search contacts": "Contacten zoeken",
@@ -1335,7 +1340,8 @@
     "Development environment": "Ontwikkelomgeving",
     "Test environment": "Testomgeving",
     "Acceptance environment": "Acceptatieomgeving",
-    "About {label}": "Over {label}"
+    "About {label}": "Over {label}",
+    "Could not load the form for this item.": "Kon het formulier voor dit item niet laden."
   },
   "plurals": {
     "%n year": [

package/package.json

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

package/src/components/CnCardGrid/CnCardGrid.md

@@ -106,6 +106,7 @@ Custom card slot — replace the default CnObjectCard with your own rendering:
 |---|---|---|---|
 | `selectable` | `Boolean` | `false` | When `true`, each card shows a selection checkbox and the grid emits `select` events |
 | `selectedIds` | `Array` | `[]` | Array of currently selected object IDs (matched against `object[rowKey]`) |
+| `accentOf` | `Function` | `null` | `(object) => { variant, icon?, label? } \| null`, each card's status accent (see CnObjectCard `accent`) |
 
 ## Board look props
 

package/src/components/CnCardGrid/CnCardGrid.vue

@@ -40,6 +40,7 @@
 						:status="statusOf ? statusOf(object) : null"
 						:leading="leadingOf ? leadingOf(object) : null"
 						:footerAction="footerActionOf ? footerActionOf(object) : null"
+						:accent="accentOf ? accentOf(object) : null"
 						v-on="cardListeners(object)">
 						<template v-if="$slots['card-actions']" #actions="{ object: obj }">
 							<slot name="card-actions" :object="obj" />
@@ -182,6 +183,12 @@ export default {
 			default: null,
 		},
 
+		/** `(object) => { variant, icon?, label? }` for each card's status accent. See CnObjectCard `accent`. */
+		accentOf: {
+			type: Function,
+			default: null,
+		},
+
 		/** Text shown when there are no objects */
 		emptyText: {
 			type: String,

package/src/components/CnCredentials/CnCredentials.vue

@@ -2,25 +2,25 @@
   - SPDX-License-Identifier: EUPL-1.2
   - SPDX-FileCopyrightText: 2026 Conduction B.V.
   -
-  - CnCredentials — the settings surface for the OpenRegister credential
+  - CnCredentials: the settings surface for the OpenRegister credential
   - broker. Apps occasionally need to act on your behalf against an external
   - service (GitHub, GitLab, …). Rather than hand the secret to the app, you
-  - give it once to OpenRegister, which stores it in Keepiq — Nextcloud's
+  - give it once to OpenRegister, which stores it in Keepiq, Nextcloud's
   - native, encrypted credential vault. Apps then make the outbound call
   - THROUGH OpenRegister and never see the secret itself. You decide which
   - apps may use each credential, so one credential can be shared across apps
   - or kept dedicated to one.
   -
   - Two scopes render from this one component:
-  -   • scope="personal"      (default) — the signed-in user's own
+  -   • scope="personal"      (default), the signed-in user's own
   -     credentials, shown in an app's *personal* settings. From here you may
   -     only add/remove *the app you are currently in* to/from a credential,
   -     or add a new credential (the current app is auto-added). You never
   -     manage the full app list of another app from here.
-  -   • scope="organisation"  — organisation-wide credentials, shown in an
+  -   • scope="organisation" , organisation-wide credentials, shown in an
   -     app's *admin* settings. An admin manages the full allowed-app list.
   -
-  - Talks to OpenRegister's credential endpoints (metadata only — a secret is
+  - Talks to OpenRegister's credential endpoints (metadata only, a secret is
   - write-only and is NEVER returned or displayed):
   -   GET    /apps/openregister/api/credentials?scope={scope}
   -   GET    /apps/openregister/api/credentials/providers
@@ -148,7 +148,7 @@
 				</ul>
 			</section>
 
-			<!-- Add credential — inline wizard: pick a provider, then fill it in. -->
+			<!-- Add credential: inline wizard: pick a provider, then fill it in. -->
 			<section class="cn-credentials__section">
 				<NcButton v-if="!adding"
 					variant="secondary"
@@ -269,7 +269,7 @@ const PROVIDERS_PATH = '/apps/openregister/api/credentials/providers'
  * Hardcoded per-provider presentation. Keyed by the OpenRegister catalogue
  * identifier. `colour` drives the tile; `setupHelp`/`setupUrl` explain how to
  * obtain the secret; `secretLabel` names the field. Providers not listed here
- * still work — they render a neutral tile from their identifier.
+ * still work, they render a neutral tile from their identifier.
  */
 const PROVIDER_META = {
 	github: {
@@ -339,7 +339,7 @@ export default {
 		},
 
 		/**
-		 * The current app's manifest `credentials[]` declarations — the
+		 * The current app's manifest `credentials[]` declarations: the
 		 * providers this app can reach through the broker. Shape:
 		 * `[{ provider, reason, scopes }]`. Rendered read-only under the intro.
 		 *
@@ -404,15 +404,16 @@ export default {
 		},
 
 		/**
-		 * Reframed intro copy per scope.
+		 * Reframed intro copy per scope. No em-dashes, sentences under 16 words.
 		 *
+		 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/credentials-settings/spec.md
 		 * @return {string} Intro text.
 		 */
 		introText() {
 			if (this.scope === 'organisation') {
-				return t('nextcloud-vue', 'Organisation credentials let apps act on behalf of your organisation. The secret is stored in Keepiq — Nextcloud\'s native credential vault — never in the app. You choose which apps may use each credential.')
+				return t('nextcloud-vue', 'Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.')
 			}
-			return t('nextcloud-vue', 'Apps sometimes need to act on your behalf against an external service. So they never hold your secrets, you give a secret to Nextcloud once and it is kept in Keepiq — a native, encrypted credential vault. Apps then make the call through Keepiq and never see the secret. You decide which apps may use each credential — share one across apps, or keep one per app.')
+			return t('nextcloud-vue', 'Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.')
 		},
 
 		/**
@@ -438,7 +439,7 @@ export default {
 			const serverIds = this.providers.map((p) => p.identifier)
 			let ids = serverIds.length ? serverIds : Object.keys(PROVIDER_META)
 			// When the app declares which providers it uses (appCredentials),
-			// only offer those — an app should not let you add a credential for
+			// only offer those, an app should not let you add a credential for
 			// a provider it has no code path to use.
 			if (this.supportedProviders.size > 0) {
 				ids = ids.filter((id) => this.supportedProviders.has(id))
@@ -448,7 +449,7 @@ export default {
 
 		/**
 		 * Provider identifiers the app declares it uses, derived from
-		 * `appCredentials`. Empty when the app declares nothing — filtering is
+		 * `appCredentials`. Empty when the app declares nothing, filtering is
 		 * then a no-op, so consumers that don't declare providers are unchanged.
 		 *
 		 * @return {Set<string>} Supported provider identifiers.
@@ -460,7 +461,7 @@ export default {
 		},
 
 		/**
-		 * Stored credentials to display — filtered to the app's supported
+		 * Stored credentials to display: filtered to the app's supported
 		 * providers when it declares any, so you can only see and authorise
 		 * credentials the app can actually use; otherwise all of them.
 		 *
@@ -503,7 +504,7 @@ export default {
 		},
 
 		/**
-		 * Whether the add form can be submitted — name, provider and a secret
+		 * Whether the add form can be submitted: name, provider and a secret
 		 * are required (the whole point is to store a secret).
 		 *
 		 * @return {boolean} True when submittable.
@@ -727,7 +728,7 @@ export default {
 		},
 
 		/**
-		 * Human-readable provider title — hardcoded catalogue first, then the
+		 * Human-readable provider title: hardcoded catalogue first, then the
 		 * server title, then the raw identifier.
 		 *
 		 * @param {string} identifier The provider identifier.

package/src/components/CnDetailPage/CnDetailPage.vue

@@ -2727,18 +2727,21 @@ export default {
 			() => props.objectId,
 			{ enabled: () => Boolean(resolveType() && props.objectId) },
 		)
-		const sidebarReg = props.sidebarProps?.register || props.resolvedSidebar?.register || props.register || ''
-		const sidebarSchema = props.sidebarProps?.schema || props.resolvedSidebar?.schema || props.schema || ''
+		// Getters, read at call time: a register or schema that arrives after
+		// mount (route params, a resolved sidebar) must reach the lock URL. They
+		// used to be consts captured once at setup.
+		const sidebarReg = () => props.sidebarProps?.register || props.resolvedSidebar?.register || props.register || ''
+		const sidebarSchema = () => props.sidebarProps?.schema || props.resolvedSidebar?.schema || props.schema || ''
 		const lock = useObjectLock(
 			subscriptionStore,
-			() => sidebarReg,
-			() => resolveType() || sidebarSchema,
+			sidebarReg,
+			() => resolveType() || sidebarSchema(),
 			() => props.objectId,
 			// The third argument is the OBJECT CACHE KEY (`<register>-<schema>`)
 			// and the lock URL needs the schema SLUG. They were one string, and
 			// the acquire went to `/api/objects/<register>/<register>-<schema>/`,
 			// which no register answers.
-			{ schemaSlug: () => props.schema || sidebarSchema },
+			{ schemaSlug: () => props.schema || sidebarSchema() },
 		)
 		return {
 			...registryExposed,

package/src/components/CnIndexPage/CnIndexPage.md

@@ -434,6 +434,21 @@ list nested under a parent route (`/forms/:id/submissions`) is a fully
 declarative page. When `objects` **is** supplied (every existing consumer),
 nothing changes — no store is touched and `filter` has no effect.
 
+### Mixed-schema lists (`collectionUrl`)
+
+Set `collectionUrl` to list from an endpoint that searches several
+register/schema pairs at once. `register` and `schema` stay the page's own
+pair (columns, Add, export, import); a row of another pair edits, saves and
+deletes through its own `@self.register` / `@self.schema`.
+
+```js static
+<CnIndexPage
+  title="Publications"
+  register="19"
+  schema="24"
+  :collection-url="generateUrl('/apps/opencatalogi/api/{slug}', { slug })" />
+```
+
 ## Named entity sources (`config.entitySource`) — lists that are not OpenRegister objects
 
 Self-fetch needs a `register` + `schema` pair. Some lists have neither: a flow