@conduction/nextcloud-vue 2.97.0 → 2.98.0

package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue

@@ -21,7 +21,24 @@
 				class="cn-user-settings-dialog__nav"
 				:aria-label="navLabel"
 				data-testid="cn-user-settings-nav">
-				<ul>
+				<!-- `nextcloudLinks`: Nextcloud's own personal settings first, as
+				     links, then one entry for this app holding its sections. -->
+				<ul v-if="ncLinks.length > 0" class="cn-user-settings-dialog__nc-links" data-testid="cn-user-settings-nc-links">
+					<li v-for="link in ncLinks" :key="link.key">
+						<a :href="link.href" class="cn-user-settings-dialog__nav-link">
+							<span v-if="link.icon" class="cn-user-settings-dialog__nav-icon" aria-hidden="true">
+								<CnIcon :name="link.icon" :size="18" />
+							</span>
+							<span>{{ link.label }}</span>
+						</a>
+					</li>
+				</ul>
+				<p v-if="ncLinks.length > 0 && appName"
+					class="cn-user-settings-dialog__group"
+					data-testid="cn-user-settings-app-group">
+					{{ appName }}
+				</p>
+				<ul :class="{ 'cn-user-settings-dialog__group-sections': ncLinks.length > 0 }">
 					<li v-for="section in sections" :key="section.id">
 						<a
 							:href="`#settings-section_${section.id}`"
@@ -41,6 +58,14 @@
 			<div class="cn-user-settings-dialog__sections">
 				<!-- @slot default NcAppSettingsSection children; each registers itself in the navigation. -->
 				<slot />
+				<!-- A section's `#icon` also stands before its heading. -->
+				<template v-for="section in sections" :key="`heading-icon-${section.id}-${section.name}`">
+					<Teleport v-if="section.icon && headingTargets.includes(section.id)" :to="`#settings-section_${section.id}--label`">
+						<span class="cn-user-settings-dialog__heading-icon" aria-hidden="true" :data-testid="`cn-user-settings-heading-icon-${section.id}`">
+							<CnVNodes :vnodes="section.icon" />
+						</span>
+					</Teleport>
+				</template>
 			</div>
 		</div>
 		<template #actions>
@@ -56,9 +81,11 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
+import { generateUrl } from '@nextcloud/router'
 import { NcButton } from '@nextcloud/vue'
-import { markRaw } from 'vue'
+import { cloneVNode, markRaw, ref } from 'vue'
 import CnDialog from '../CnDialog/CnDialog.vue'
+import CnIcon from '../CnIcon/CnIcon.vue'
 
 /**
  * The key NcAppSettingsSection injects to register itself with its dialog
@@ -66,20 +93,26 @@ import CnDialog from '../CnDialog/CnDialog.vue'
  */
 const REGISTRATION_KEY = Symbol.for('NcAppSettingsDialog:registration')
 
+/** The key NcAppSettingsSection injects for the legacy design flag. */
+const LEGACY_DESIGN_KEY = Symbol.for('NcAppSettingsDialog:legacy')
+
 /** Renders a section's icon vnodes as they were registered. */
 const CnVNodes = {
 	name: 'CnVNodes',
 	props: { vnodes: { type: [Array, Object], default: null } },
 	render() {
-		return this.vnodes
+		// A section's icon is drawn twice (navigation and heading), so each draw gets its own copy.
+		const list = Array.isArray(this.vnodes) ? this.vnodes : [this.vnodes]
+		return list.map((vnode) => (vnode && typeof vnode === 'object' ? cloneVNode(vnode) : vnode))
 	},
 }
 
 /**
  * CnUserSettingsDialog - the user settings dialog in the board look (board
  * PqPersoonlijk): eyebrow, title and subtitle, a left navigation listing the
- * sections with their icons, the sections themselves, and a footer with a
- * note that changes save straight away and a Close button.
+ * sections with their icons, the current section (the others stay mounted
+ * but hidden), and a footer with a note that changes save straight away and
+ * a Close button.
  *
  * The sections stay the app's: any `NcAppSettingsSection` in the default slot
  * registers itself with this dialog exactly as it does with
@@ -93,7 +126,7 @@ const CnVNodes = {
 export default {
 	name: 'CnUserSettingsDialog',
 
-	components: { CnDialog, CnVNodes, NcButton },
+	components: { CnDialog, CnIcon, CnVNodes, NcButton },
 
 	provide() {
 		return {
@@ -101,6 +134,9 @@ export default {
 				registerSection: this.registerSection,
 				unregisterSection: this.unregisterSection,
 			},
+
+			// NcAppSettingsSection also asks its dialog whether to use the legacy design.
+			[LEGACY_DESIGN_KEY]: ref(false),
 		}
 	},
 
@@ -113,8 +149,15 @@ export default {
 		eyebrow: { type: String, default: () => t('nextcloud-vue', 'Your account') },
 		/** Sentence under the title. */
 		subtitle: { type: String, default: () => t('nextcloud-vue', 'Only for you. Colleagues keep their own settings.') },
-		/** The app's name, after the footer note. */
+		/** The app's name, after the footer note and as the navigation entry holding its sections. */
 		appName: { type: String, default: '' },
+		/**
+		 * Nextcloud's own personal settings, listed first in the navigation as
+		 * links: `[{ label, section? | href?, icon? }]`. `section` is a
+		 * personal settings section id (`/settings/user/<section>`). With any,
+		 * the app's sections sit under one entry named after the app.
+		 */
+		nextcloudLinks: { type: Array, default: () => [] },
 	},
 
 	emits: ['update:open'],
@@ -123,11 +166,30 @@ export default {
 		return {
 			sections: [],
 			selected: '',
+			/** Ids of the sections whose heading is in the page, for the heading icons. */
+			headingTargets: [],
 			picked: false,
 		}
 	},
 
 	computed: {
+		/**
+		 * The Nextcloud links with their URL.
+		 *
+		 * @spec openspec/changes/user-settings-nav-groups/specs/user-settings-board-dialog/spec.md#requirement-the-board-user-settings-navigation-can-list-nextclouds-own-sections-first
+		 * @return {Array<{key: string, label: string, href: string, icon: string}>}
+		 */
+		ncLinks() {
+			return (Array.isArray(this.nextcloudLinks) ? this.nextcloudLinks : [])
+				.filter((link) => link && typeof link === 'object' && typeof link.label === 'string' && link.label !== '' && (link.href || link.section))
+				.map((link, index) => ({
+					key: String(link.section || link.href || index),
+					label: link.label,
+					href: link.href || generateUrl('/settings/user/{section}', { section: String(link.section) }),
+					icon: typeof link.icon === 'string' ? link.icon : '',
+				}))
+		},
+
 		/** @return {object} The board's eyebrow: muted, in sentence case. */
 		eyebrowStyle() {
 			return { '--cn-dialog-eyebrow-transform': 'none', '--cn-dialog-eyebrow-color': 'var(--color-text-maxcontrast)' }
@@ -150,6 +212,21 @@ export default {
 		},
 	},
 
+	watch: {
+		sections() {
+			this.$nextTick(() => {
+				this.headingTargets = typeof document === 'undefined'
+					? []
+					: this.sections.filter((section) => section.icon && document.getElementById(`settings-section_${section.id}--label`)).map((section) => section.id)
+				this.showSelected()
+			})
+		},
+
+		selected() {
+			this.$nextTick(() => this.showSelected())
+		},
+	},
+
 	methods: {
 		/**
 		 * Add a section to the navigation, kept in `order`; a section
@@ -190,9 +267,31 @@ export default {
 		selectSection(id) {
 			this.picked = true
 			this.selected = id
-			const target = typeof document !== 'undefined' ? document.getElementById(`settings-section_${id}`) : null
-			if (target && typeof target.scrollIntoView === 'function') {
-				target.scrollIntoView({ behavior: 'smooth', block: 'start' })
+			this.$nextTick(() => {
+				this.showSelected()
+				const heading = typeof document !== 'undefined' ? document.getElementById(`settings-section_${id}--label`) : null
+				if (heading) {
+					heading.setAttribute('tabindex', '-1')
+					heading.focus()
+				}
+			})
+		},
+
+		/**
+		 * Show the current section and hide the others. They stay mounted,
+		 * so what a reader typed in one survives a switch.
+		 *
+		 * @spec openspec/changes/user-settings-one-section/specs/user-settings-board-dialog/spec.md#requirement-the-board-user-settings-dialog-shows-one-section-at-a-time
+		 */
+		showSelected() {
+			if (typeof document === 'undefined') {
+				return
+			}
+			for (const section of this.sections) {
+				const el = document.getElementById(`settings-section_${section.id}`)
+				if (el) {
+					el.hidden = section.id !== this.selected
+				}
 			}
 		},
 
@@ -294,6 +393,9 @@ export default {
 	margin: 0 0 12px;
 	font-size: 17px;
 	font-weight: 700;
+	display: flex;
+	align-items: center;
+	gap: 10px;
 }
 
 .cn-user-settings-dialog__note {
@@ -302,4 +404,31 @@ export default {
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
+
+.cn-user-settings-dialog__nc-links {
+	margin-bottom: 2px;
+}
+
+.cn-user-settings-dialog__group {
+	margin: 10px 0 2px;
+	padding: 0 12px;
+	font-size: 15px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+
+.cn-user-settings-dialog__group-sections {
+	padding-inline-start: 12px;
+}
+
+.cn-user-settings-dialog__heading-icon {
+	display: inline-flex;
+	order: -1;
+	color: var(--color-text-maxcontrast);
+}
+
+/* One section at a time: the others are mounted but hidden. */
+.cn-user-settings-dialog__sections :deep(.app-settings-section[hidden]) {
+	display: none;
+}
 </style>

package/src/components/CnWidgetGrid/registerDashboardWidgets.js

@@ -75,6 +75,7 @@ import '../CnTasksWidget/index.js'
 import '../CnSectionsWidget/index.js'
 import '../CnFactsWidget/index.js'
 import '../CnDeviceFramesWidget/index.js'
+import '../CnChecklistRunWidget/index.js'
 import '../CnPartyActionsWidget/index.js'
 import '../CnFieldListWidget/index.js'
 import '../CnSettingsFormWidget/index.js'

package/src/components/index.js

@@ -27,6 +27,7 @@ export { CnCardGrid } from './CnCardGrid/index.js'
 export { CnDateAxisView } from './CnDateAxisView/index.js'
 export { CnObjectRow } from './CnObjectRow/index.js'
 export { CnObjectList } from './CnObjectList/index.js'
+export { CnOrderedListField } from './CnOrderedListField/index.js'
 export { CnObjectKanban } from './CnObjectKanban/index.js'
 export { CnObjectCalendar } from './CnObjectCalendar/index.js'
 export { CnFolderTree } from './CnFolderTree/index.js'
@@ -221,6 +222,7 @@ export { CnTasksWidgetForm } from './CnTasksWidgetForm/index.js'
 export { CnSectionsWidget } from './CnSectionsWidget/index.js'
 export { CnFactsWidget } from './CnFactsWidget/index.js'
 export { CnDeviceFramesWidget } from './CnDeviceFramesWidget/index.js'
+export { CnChecklistRunWidget } from './CnChecklistRunWidget/index.js'
 export { CnPartyActionsWidget } from './CnPartyActionsWidget/index.js'
 export { CnFieldListWidget } from './CnFieldListWidget/index.js'
 export { CnSettingsFormWidget } from './CnSettingsFormWidget/index.js'

package/src/composables/indexSources.js

@@ -3,7 +3,7 @@
  * SPDX-FileCopyrightText: 2026 Conduction B.V. <info@conduction.nl>
  */
 
-import { translate as t } from '@nextcloud/l10n'
+import { getCanonicalLocale, translate as t } from '@nextcloud/l10n'
 import { generateOcsUrl, generateUrl } from '@nextcloud/router'
 import { reactive } from 'vue'
 import CalendarClock from 'vue-material-design-icons/CalendarClock.vue'
@@ -12,8 +12,10 @@ import LightningBolt from 'vue-material-design-icons/LightningBolt.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import { formatRelativeDate } from '../utils/boardDate.js'
 import { FLOW_RUN_ERROR_STATUSES, flowRunStatuses } from '../utils/flowRunStatus.js'
+import { fetchGroupMembers, fetchPresence, fetchStatuses } from '../utils/nextcloudDirectory.js'
 import { readPath } from '../utils/readPath.js'
 import { useFlowStore } from './useFlowStore.js'
+import { organisationRecord, useOrganisationStore } from './useOrganisationStore.js'
 import { useTaskInboxStore } from './useTaskInboxStore.js'
 
 /**
@@ -891,6 +893,210 @@ function searchSource(config = {}) {
 	}
 }
 
+/**
+ * The users source: the members of a Nextcloud group, with their function,
+ * roles, e-mail and whether they are in today (`entitySource: "users"`,
+ * DqAfdelingen). Pair it with `folderSidebar: { source: 'groups',
+ * filterField: 'group' }`, which lists the groups as the folder tree; the
+ * selected group arrives as `group`. `sourceConfig.group` is the group shown
+ * before one is picked.
+ *
+ * Today is the dav app's out-of-office period when one runs now ("Absent
+ * until 14 Oct"), else the user status (present, away) and its message. The
+ * function is the profile `headline`, the roles the profile `role`, unless
+ * `sourceConfig.functionField` / `rolesField` name other user fields.
+ * Listing a group needs an admin or the group's sub-admin; a refused request
+ * leaves the list empty.
+ *
+ * @return {object} The source adapter.
+ * @spec openspec/changes/index-groups-users-source/specs/index-page/spec.md#requirement-an-index-page-can-list-nextcloud-groups-and-their-members
+ */
+function usersSource() {
+	const state = reactive({ rows: [], loading: false })
+	let seq = 0
+	const presenceLabels = {
+		present: t('nextcloud-vue', 'Present'),
+		away: t('nextcloud-vue', 'Away'),
+	}
+	const presenceColors = {
+		[presenceLabels.present]: 'success',
+		[presenceLabels.away]: 'info',
+	}
+
+	return {
+		/**
+		 * Load the group's members and their presence.
+		 *
+		 * @param {object} config The page's source config with the picked `group`.
+		 * @return {Promise<void>} Resolves when loaded.
+		 */
+		load: async (config) => {
+			const group = String((config && (config.group || config.defaultGroup)) || '')
+			const mine = ++seq
+			if (group === '') {
+				state.rows = []
+				return
+			}
+			state.loading = true
+			try {
+				const { default: axios } = await import('@nextcloud/axios')
+				const [members, statuses] = await Promise.all([fetchGroupMembers(axios, group), fetchStatuses(axios)])
+				const functionField = (config && config.functionField) || 'headline'
+				const rolesField = (config && config.rolesField) || 'role'
+				const rows = await Promise.all(members.map(async (user) => {
+					const presence = await fetchPresence(axios, user.id, statuses[user.id] || null)
+					let today = ''
+					if (presence.state === 'absent') {
+						const until = presence.until ? new Date(`${presence.until}T12:00:00`) : null
+						today = until
+							? t('nextcloud-vue', 'Absent until {date}', { date: until.toLocaleDateString(getCanonicalLocale() || undefined, { day: 'numeric', month: 'short' }) })
+							: t('nextcloud-vue', 'Absent')
+					} else if (presence.message) {
+						today = presence.message
+					} else if (presenceLabels[presence.state]) {
+						today = presenceLabels[presence.state]
+					}
+					return {
+						id: user.id,
+						displayname: user.displayname || user['display-name'] || user.id,
+						function: String(user[functionField] || ''),
+						roles: String(user[rolesField] || ''),
+						email: user.email || '',
+						today,
+						presence: presence.state,
+					}
+				}))
+				if (mine === seq) {
+					state.rows = rows.sort((a, b) => a.displayname.localeCompare(b.displayname))
+				}
+			} catch (error) {
+				if (mine === seq) {
+					state.rows = []
+				}
+				throw error
+			} finally {
+				if (mine === seq) {
+					state.loading = false
+				}
+			}
+		},
+
+		/**
+		 * @return {Array<object>} The members.
+		 */
+		rows: () => state.rows,
+
+		/**
+		 * @return {boolean} Whether a load is in flight.
+		 */
+		loading: () => state.loading,
+
+		columns: [
+			{ key: 'displayname', label: t('nextcloud-vue', 'Employee'), secondary: 'function' },
+			{ key: 'roles', label: t('nextcloud-vue', 'Roles') },
+			{ key: 'email', label: t('nextcloud-vue', 'E-mail') },
+			{ key: 'today', label: t('nextcloud-vue', 'Today'), widget: 'badge', widgetProps: { colorMap: presenceColors, variant: 'warning' } },
+		],
+
+		searchFields: {
+			group: { param: 'group', single: true },
+		},
+
+		showAdd: false,
+	}
+}
+
+/**
+ * The organisations source: OpenRegister organisations, which are not
+ * register/schema objects.
+ *
+ * The list is the viewer's own organisations and the single read refuses an
+ * organisation the viewer has no access to; both are decided by OpenRegister
+ * from the session. The adapter forwards nothing that could widen that.
+ *
+ * It is a RECORD source as well (`loadRecord` + `record`), so a
+ * `type: "detail"` page with the same `entitySource` shows one organisation
+ * with the header, pills, facts and `@objectId` / `@object.*` tokens an object
+ * page has.
+ *
+ * @return {object} The source adapter.
+ * @spec openspec/changes/organisations-entity-source/specs/organisations-entity-source/spec.md
+ */
+function organisationsSource() {
+	const store = useOrganisationStore()
+
+	const statusLabels = {
+		provisioning: t('nextcloud-vue', 'Provisioning'),
+		active: t('nextcloud-vue', 'Active'),
+		suspended: t('nextcloud-vue', 'Suspended'),
+		deprovisioning: t('nextcloud-vue', 'Deprovisioning'),
+		archived: t('nextcloud-vue', 'Archived'),
+		retained: t('nextcloud-vue', 'Retained'),
+	}
+
+	return {
+		store,
+
+		/**
+		 * Load the viewer's organisations. The endpoint takes no parameters.
+		 *
+		 * @return {Promise<void>} Resolves when loaded.
+		 */
+		load: () => store.load(),
+
+		/**
+		 * @return {Array<object>} The rows, keyed on the organisation uuid.
+		 */
+		rows: () => (store.organisations || []).map(organisationRecord),
+
+		/**
+		 * @return {boolean} Whether a load is in flight.
+		 */
+		loading: () => !!store.loading,
+
+		/**
+		 * Read one organisation for a detail page.
+		 *
+		 * @param {string} id The organisation uuid.
+		 * @return {Promise<object|null>} The organisation, or null when it could not be read.
+		 */
+		loadRecord: (id) => store.fetchRecord(id),
+
+		/**
+		 * @param {string} id The organisation uuid.
+		 * @return {object|null} The organisation read for this id, keyed on its uuid, or null.
+		 */
+		record: (id) => {
+			const organisation = store.records?.[String(id)]
+			return organisation ? organisationRecord(organisation) : null
+		},
+
+		/**
+		 * @param {string} id The organisation uuid.
+		 * @return {number|null} The HTTP status of a failed read of this id, or null.
+		 */
+		recordError: (id) => store.recordErrors?.[String(id)] ?? null,
+
+		columns: [
+			{ key: 'name', label: t('nextcloud-vue', 'Name') },
+			{
+				key: 'status',
+				label: t('nextcloud-vue', 'Status'),
+				enum: Object.keys(statusLabels),
+				enumLabels: statusLabels,
+				colorMap: { active: 'success', provisioning: 'info', suspended: 'warning', deprovisioning: 'error', archived: 'default', retained: 'default' },
+			},
+			{ key: 'type', label: t('nextcloud-vue', 'Type') },
+			{ key: 'created', label: t('nextcloud-vue', 'Created'), type: 'string', format: 'date-time' },
+		],
+
+		// Creating an organisation is not the index's object form, and
+		// OpenRegister has no delete for one, so neither action is offered.
+		showAdd: false,
+		title: t('nextcloud-vue', 'Organisations'),
+	}
+}
+
 /**
  * The registered sources, by the name a manifest uses.
  *
@@ -904,6 +1110,8 @@ export const indexSources = {
 	tasks: tasksSource,
 	endpoint: endpointSource,
 	search: searchSource,
+	users: usersSource,
+	organisations: organisationsSource,
 }
 
 /**
@@ -935,3 +1143,31 @@ export function resolveIndexSource(name, config) {
 
 	return factory(config || {})
 }
+
+/**
+ * Resolve a named source for ONE record, for a `type: "detail"` page.
+ *
+ * The same registry as the index: a source that can also read a single record
+ * supplies `loadRecord(id)` and `record(id)`, and the detail page names it with
+ * the same `entitySource`. A name that is unknown, or a source that cannot read
+ * one record, resolves to null with a console warning, and the page shows no
+ * record rather than the wrong one.
+ *
+ * @param {string} name The source name from `config.entitySource`.
+ * @return {object|null} The adapter, or null.
+ * @spec openspec/changes/organisations-entity-source/specs/organisations-entity-source/spec.md
+ */
+export function resolveRecordSource(name) {
+	const key = String(name || '')
+	if (!key) {
+		return null
+	}
+	const factory = indexSources[key]
+	const source = typeof factory === 'function' ? factory() : null
+	if (!source || typeof source.loadRecord !== 'function' || typeof source.record !== 'function') {
+		// eslint-disable-next-line no-console
+		console.warn(`[CnDetailPage] entitySource "${key}" is not a source that reads one record. The page shows no record.`)
+		return null
+	}
+	return source
+}

package/src/composables/useOrganisationStore.js

@@ -0,0 +1,111 @@
+/**
+ * SPDX-License-Identifier: EUPL-1.2
+ * SPDX-FileCopyrightText: 2026 Conduction B.V. <info@conduction.nl>
+ */
+
+import axios from '@nextcloud/axios'
+import { generateUrl } from '@nextcloud/router'
+import { defineStore } from 'pinia'
+
+/**
+ * OpenRegister's organisation endpoints, behind the `organisations` entity source.
+ *
+ * An organisation is not a register/schema object, so the object store cannot
+ * read it. Both reads answer from the session: the list holds only the
+ * organisations the viewer belongs to, and one organisation answers 403 when
+ * the viewer has no access to it. This store adds no check of its own and
+ * skips none.
+ *
+ * @type {string}
+ */
+export const ORGANISATIONS_URL = '/apps/openregister/api/organisations'
+
+/**
+ * One organisation as a row or a record: the organisation as OpenRegister
+ * serialises it, with `id` set to its uuid. An OpenRegister object's `id` is
+ * its uuid as well, so `@object.id`, a row route and the page's `objectId`
+ * all name the same thing. The numeric database id stays out of sight.
+ *
+ * @param {object} organisation The organisation from the endpoint.
+ * @return {object} The organisation keyed on its uuid.
+ */
+export function organisationRecord(organisation) {
+	return { ...organisation, id: organisation?.uuid ?? organisation?.id ?? null }
+}
+
+/**
+ * The organisations store.
+ *
+ * @spec openspec/changes/organisations-entity-source/specs/organisations-entity-source/spec.md
+ */
+export const useOrganisationStore = defineStore('cnOrganisations', {
+	state: () => ({
+		/** @type {Array<object>} The viewer's organisations, as the list endpoint returned them. */
+		organisations: [],
+		/** @type {boolean} Whether the list load is in flight. */
+		loading: false,
+		/** @type {string|null} The last list failure, for the console trail. */
+		error: null,
+		/** @type {Record<string, object>} Single organisations read so far, by uuid. */
+		records: {},
+		/** @type {Record<string, number|null>} The HTTP status of a failed single read, by uuid. */
+		recordErrors: {},
+	}),
+
+	actions: {
+		/**
+		 * Load the viewer's organisations. The endpoint takes no parameters and
+		 * returns every organisation the viewer belongs to in one response.
+		 *
+		 * @return {Promise<void>} Resolves when the rows are in the store.
+		 */
+		async load() {
+			this.loading = true
+			this.error = null
+			try {
+				const response = await axios.get(generateUrl(ORGANISATIONS_URL))
+				this.organisations = Array.isArray(response.data?.results) ? response.data.results : []
+			} catch (error) {
+				this.error = error?.message || String(error)
+				this.organisations = []
+				// eslint-disable-next-line no-console
+				console.error('[useOrganisationStore] Loading the organisations failed', error)
+			} finally {
+				this.loading = false
+			}
+		},
+
+		/**
+		 * Read one organisation into `records`. A refusal (403) or a missing
+		 * organisation (404) leaves no record and keeps the status in
+		 * `recordErrors`, so the page can tell "not found" from "still loading".
+		 *
+		 * @param {string} uuid The organisation uuid.
+		 * @return {Promise<object|null>} The organisation, or null when it could not be read.
+		 */
+		async fetchRecord(uuid) {
+			const key = String(uuid || '')
+			if (key === '') {
+				return null
+			}
+			try {
+				const response = await axios.get(generateUrl(`${ORGANISATIONS_URL}/${encodeURIComponent(key)}`))
+				const organisation = response.data?.organisation || null
+				const { [key]: dropped, ...errors } = this.recordErrors
+				this.recordErrors = errors
+				if (!organisation) {
+					return null
+				}
+				this.records = { ...this.records, [key]: organisation }
+				return organisation
+			} catch (error) {
+				const { [key]: dropped, ...records } = this.records
+				this.records = records
+				this.recordErrors = { ...this.recordErrors, [key]: error?.response?.status ?? null }
+				// eslint-disable-next-line no-console
+				console.error(`[useOrganisationStore] Loading organisation "${key}" failed`, error)
+				return null
+			}
+		},
+	},
+})

package/src/index.js

@@ -59,6 +59,7 @@ export {
 	CnChartWidget,
 	CnChartWidgetForm,
 	CnChatPage,
+	CnChecklistRunWidget,
 	CnChildRecordsField,
 	CnChipsFieldWidget,
 	CnChoiceCards,
@@ -236,6 +237,7 @@ export {
 	CnObjectRow,
 	CnObjectSidebar,
 	CnOfflineQueue,
+	CnOrderedListField,
 	CnPageHeader,
 	CnPageRenderer,
 	CnPagination,