@conduction/nextcloud-vue 2.85.0 → 2.87.0

package/src/components/CnCountdownWidget/CnCountdownWidget.vue

@@ -29,6 +29,7 @@ import { inject } from 'vue'
 import CnWidgetIcon from '../CnWidgetGrid/CnWidgetIcon.vue'
 import { getByPath } from '../../composables/useEndpointSource.js'
 import { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 const MS_PER_DAY = 24 * 60 * 60 * 1000
 
@@ -248,7 +249,7 @@ export default {
 			if (!this.targetDate || this.content?.showDate === false) {
 				return ''
 			}
-			return this.targetDate.toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })
+			return this.targetDate.toLocaleDateString(userLocale(), { day: 'numeric', month: 'long', year: 'numeric' })
 		},
 
 		/**

package/src/components/CnDashboardPage/CnDashboardPage.vue

@@ -984,6 +984,7 @@ import { pageViews } from '../../mixins/pageViews.js'
 import { mergeUserLayout, resolveUserLayoutApi } from '../../store/plugins/dashboardLayouts.js'
 import { isAppInstalled } from '../../utils/appInstalled.js'
 import { contentHeaderLink } from '../../utils/contentHeaderLink.js'
+import { userLocale } from '../../utils/userLocale.js'
 import { compareVisibleWhen, evaluateWorkspaceCondition, isWorkspaceCondition, readVisibleWhenValue } from '../../utils/visibleWhen.js'
 import { canonicalWidgetType } from '../../utils/widgetTypeAliases.js'
 import { CnActionButtons } from '../CnActionButtons/index.js'
@@ -2873,7 +2874,7 @@ export default {
 				if (!d) {
 					return ''
 				}
-				return d.toLocaleDateString(undefined, {
+				return d.toLocaleDateString(userLocale(), {
 					day: 'numeric',
 					month: 'short',
 					...(needsYear ? { year: 'numeric' } : {}),

package/src/components/CnDataMatrix/CnDataMatrix.vue

@@ -83,6 +83,7 @@
 </template>
 
 <script>
+import { userLocale } from '../../utils/userLocale.js'
 /**
  * CnDataMatrix — Inline-edit data grid for matrix-shaped data
  * (rows × columns). Each cell is click-to-edit; commits emit
@@ -239,7 +240,7 @@ export default {
 				if (!Number.isFinite(n)) {
 					return value
 				}
-				return n.toLocaleString()
+				return n.toLocaleString(userLocale())
 			}
 			return value
 		},

package/src/components/CnDetailPage/CnDetailHeaderChips.vue

@@ -58,6 +58,7 @@ import { useObjectStore } from '../../store/useObjectStore.js'
 import { resolveObjectOpType } from '../../utils/actionsDispatcher.js'
 import { isEmptyChipValue, isPastDate, normalizeHeaderFields, pickRefLabel, variantForColor } from '../../utils/headerFieldChips.js'
 import { schemaRefSlug } from '../../utils/schemaRefSlug.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 const DAY_MS = 86400000
 
@@ -239,7 +240,7 @@ export default {
 			try {
 				return new Intl.RelativeTimeFormat(this.locale(), { numeric: 'auto' }).format(days, 'day')
 			} catch {
-				return new Date(time).toLocaleDateString()
+				return new Date(time).toLocaleDateString(userLocale())
 			}
 		},
 

package/src/components/CnEmailPicker/CnEmailPicker.vue

@@ -171,6 +171,7 @@ import { NcButton, NcDialog, NcEmptyContent, NcLoadingIcon, NcNoteCard, NcTextFi
 import EmailOutline from 'vue-material-design-icons/EmailOutline.vue'
 import FolderOutline from 'vue-material-design-icons/FolderOutline.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnEmailPicker',
@@ -404,7 +405,7 @@ export default {
 			if (Number.isNaN(d.getTime())) {
 				return String(raw)
 			}
-			return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })
+			return d.toLocaleDateString(userLocale(), { year: 'numeric', month: 'short', day: 'numeric' })
 		},
 	},
 }

package/src/components/CnFederationStatus/CnFederationStatus.vue

@@ -81,6 +81,8 @@
 </template>
 
 <script>
+import { userLocale } from '../../utils/userLocale.js'
+
 // The canonical KPI scale (`--cn-kpi-*`) lives in one stylesheet. Imported
 // here as well as from css/index.css so the tokens resolve even when the
 // consuming app pulls in components individually.
@@ -242,7 +244,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return iso
 				}
-				return d.toLocaleString()
+				return d.toLocaleString(userLocale())
 			} catch {
 				return iso
 			}

package/src/components/CnFileManager/CnFileManager.vue

@@ -80,6 +80,7 @@
 </template>
 
 <script>
+import { userLocale } from '../../utils/userLocale.js'
 /**
  * CnFileManager — File list widget with drag-drop upload, per-file
  * actions, and a click-emit for preview / detail.
@@ -223,7 +224,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return iso
 				}
-				return d.toLocaleString()
+				return d.toLocaleString(userLocale())
 			} catch {
 				return iso
 			}

package/src/components/CnFilePreview/CnFilePreview.vue

@@ -72,6 +72,7 @@ import { NcButton, NcDialog, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
 import { fileContentUrl, previewKindOf } from '../../composables/useFileOpener.js'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
 import { parseDelimited } from '../../utils/parseDelimited.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnFilePreview — an in-page preview of a data file the Nextcloud Viewer does
@@ -203,7 +204,7 @@ export default {
 			if (estimate > shown) {
 				return t('nextcloud-vue', 'Showing the first {shown} of about {total} rows', {
 					shown,
-					total: estimate.toLocaleString(),
+					total: estimate.toLocaleString(userLocale()),
 				})
 			}
 			return t('nextcloud-vue', 'Showing the first {shown} rows', { shown })

package/src/components/CnFilesBrowser/CnFilesBrowser.vue

@@ -110,7 +110,7 @@
 					<template #icon>
 						<CnIcon :name="action.icon || 'Plus'" :size="20" />
 					</template>
-					{{ action.label }}
+					{{ hostLabel(action) }}
 				</NcActionButton>
 			</NcActions>
 			<!-- A plain upload as its own button, when the host names it
@@ -193,7 +193,7 @@
 				<template #icon>
 					<CnIcon :name="action.icon || 'CheckboxMultipleMarkedOutline'" :size="20" />
 				</template>
-				{{ action.label }}
+				{{ hostLabel(action) }}
 			</NcButton>
 			<NcButton variant="tertiary"
 				data-testid="cn-files-browser-bulk-clear"
@@ -366,7 +366,7 @@
 										<template #icon>
 											<CnIcon :name="action.icon || 'FileDocumentEditOutline'" :size="20" />
 										</template>
-										{{ action.label }}
+										{{ hostLabel(action) }}
 									</NcActionButton>
 								</template>
 								<NcActionSeparator v-if="actionsFor(node).length > 0 || (!isFolder(node) && hostActionsFor(node).length > 0)" />
@@ -583,8 +583,6 @@
 <script>
 import { getCurrentUser } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
-import { FileType, formatFileSize, getFileActions, getNewFileMenuEntries, sortNodes, View } from '@nextcloud/files'
-import { getClient, getDefaultPropfind, getRemoteURL, getRootPath, resultToNode } from '@nextcloud/files/dav'
 /**
  * CnFilesBrowser — a folder of Nextcloud files, on any page, built from the
  * Files app's own primitives rather than a copy of its screen.
@@ -623,6 +621,9 @@ import { getClient, getDefaultPropfind, getRemoteURL, getRootPath, resultToNode
  * copy read `window._nc_fileactions`, which the server's plugins never write,
  * and saw nothing while the page held thirty actions.
  */
+import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { FileType, formatFileSize, getFileActions, getNewFileMenuEntries, sortNodes, View } from '@nextcloud/files'
+import { getClient, getDefaultPropfind, getRemoteURL, getRootPath, resultToNode } from '@nextcloud/files/dav'
 import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { NcActionButton, NcActionCheckbox, NcActionLink, NcActions, NcActionSeparator, NcBreadcrumb, NcBreadcrumbs, NcButton, NcDateTime, NcDialog, NcIconSvgWrapper, NcLoadingIcon, NcProgressBar, NcTextField } from '@nextcloud/vue'
@@ -660,6 +661,12 @@ let uploadSeq = 0
 /** A folder glyph, the icon the Files app's View constructor requires. */
 const VIEW_ICON = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>'
 
+// Event-bus channels that mean the open folder may have changed: the page's
+// Refresh signal, and the node events the Files app's actions and uploader emit.
+const FOLDER_CHANGED_CHANNELS = ['cn:page:refresh', 'files:node:created', 'files:node:deleted', 'files:node:updated', 'files:node:moved']
+
+const FOLDER_CHANGED_DEBOUNCE_MS = 300
+
 export default {
 	name: 'CnFilesBrowser',
 
@@ -696,6 +703,10 @@ export default {
 		// The page's pre-bound action runner (CnPageRenderer provides it);
 		// absent outside a page tree, in which case the bare dispatcher runs.
 		cnDispatchAction: { default: null },
+		// The host app's translate function (CnAppRoot provides it). A row
+		// action or column the manifest declares is authored in English as
+		// the catalogue key, and read through this in the user's language.
+		cnTranslate: { default: () => (key) => key },
 	},
 
 	props: {
@@ -1356,6 +1367,19 @@ export default {
 	mounted() {
 		this.loadColumnChoice()
 		this.refresh()
+		// Another surface on the page changed the folder: the page's Refresh,
+		// a dialog that filed a document, or a Files action whose work ends
+		// after its own call returned (the delete confirmation, an upload).
+		for (const channel of FOLDER_CHANGED_CHANNELS) {
+			subscribe(channel, this.onFolderChanged)
+		}
+	},
+
+	beforeUnmount() {
+		for (const channel of FOLDER_CHANGED_CHANNELS) {
+			unsubscribe(channel, this.onFolderChanged)
+		}
+		clearTimeout(this._folderChangedTimer)
 	},
 
 	methods: {
@@ -1643,6 +1667,30 @@ export default {
 		 * @param {object} node The node.
 		 * @return {string} The label.
 		 */
+		/**
+		 * A host action's label in the user's language.
+		 *
+		 * @spec openspec/changes/files-browser-hears-the-page/specs/files-browser/spec.md#requirement-a-declared-row-action-reads-in-the-users-language
+		 * @param {object} action The manifest-declared action.
+		 * @return {string} The label.
+		 */
+		hostLabel(action) {
+			return this.cnTranslate(String(action?.label ?? ''))
+		},
+
+		/**
+		 * Re-read the folder once after a burst of change signals. One upload
+		 * of ten files answers ten `files:node:created`, and one PROPFIND
+		 * covers them all.
+		 *
+		 * @spec openspec/changes/files-browser-hears-the-page/specs/files-browser/spec.md#requirement-the-files-browser-re-reads-when-the-page-says-files-changed
+		 * @return {void}
+		 */
+		onFolderChanged() {
+			clearTimeout(this._folderChangedTimer)
+			this._folderChangedTimer = setTimeout(() => this.refresh(), FOLDER_CHANGED_DEBOUNCE_MS)
+		},
+
 		labelOf(action, node) {
 			try {
 				return action.displayName(this.contextFor(node))
@@ -2034,7 +2082,7 @@ export default {
 		 */
 		columnLabel(column) {
 			if (column && typeof column.label === 'string' && column.label !== '') {
-				return column.label
+				return this.cnTranslate(column.label)
 			}
 			return this.builtInColumnLabels[column && column.key] || (column && column.key) || ''
 		},

package/src/components/CnFollowToggle/CnFollowToggle.vue

@@ -108,6 +108,7 @@ import EyeOutline from 'vue-material-design-icons/EyeOutline.vue'
 import { patchStoredSelf } from '../../utils/patchStoredSelf.js'
 import { listWatchers, setWatcher, setWatching } from '../../utils/recordInteractions.js'
 import { searchNextcloudUsers } from '../../utils/userAutocomplete.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnFollowToggle — the one Follow control of a record: a Follow toggle bound to
@@ -298,7 +299,7 @@ export default {
 			const d = new Date(created)
 			return Number.isNaN(d.getTime())
 				? ''
-				: t('nextcloud-vue', 'Since {date}', { date: d.toLocaleDateString() })
+				: t('nextcloud-vue', 'Since {date}', { date: d.toLocaleDateString(userLocale()) })
 		},
 
 		removeFollowerLabel(watcher) {

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -1170,6 +1170,7 @@ import {
 	columnFieldsOf,
 	columnKeyOfRow,
 	fetchReferenceObjects,
+	fullTargetOf,
 	referenceTargetOf,
 	refIdOf,
 	resolveDropValue,
@@ -4240,6 +4241,9 @@ export default {
 				mergeBy: source.mergeBy || '',
 				narrowBy,
 				narrowValue: narrowBy ? this.boardNarrowValue : '',
+				capacityField: source.capacityField || '',
+				neutralColor: typeof source.neutralColor === 'string' ? source.neutralColor : '',
+				colorMap: source.colorMap && typeof source.colorMap === 'object' ? source.colorMap : null,
 			})
 		},
 
@@ -4282,6 +4286,10 @@ export default {
 		 * row (PATCH). `readOnly` gives no move. A board on `statusField` with
 		 * neither keeps the `runTransition` prop.
 		 *
+		 * With `source.capacityField`, a drop that would fill the referenced
+		 * row past its limit is refused before the handler or the PATCH runs.
+		 * The server still guards; this only spares the round trip.
+		 *
 		 * @return {((move: {card: object, toKey: string}) => Promise<object>)|null} The move, or null for a read-only board.
 		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-a-drop-writes-the-reference
 		 */
@@ -4303,6 +4311,7 @@ export default {
 			const field = this.boardColumnField
 			const kind = active?.kind || 'schema'
 			const narrowBy = active?.source?.narrowBy || null
+			const capacityField = active?.source?.capacityField || ''
 			return async ({ card, toKey }) => {
 				const drop = stages
 					? resolveDropValue({ card, toKey, kind, refsByKey: stages.refsByKey, narrowBy })
@@ -4310,6 +4319,13 @@ export default {
 				if (drop === null) {
 					throw new Error(t('nextcloud-vue', 'This card cannot move to that column.'))
 				}
+				const full = capacityField && drop.target
+					? fullTargetOf({ target: drop.target, card, rows: this.displayObjects, field, capacityField, rowKey: this.rowKey })
+					: null
+				if (full) {
+					const column = stages.states.find((state) => state.key === String(toKey))?.label || String(toKey)
+					throw new Error(t('nextcloud-vue', '{column} is full: {count} of {capacity}.', { column, count: full.count, capacity: full.capacity }))
+				}
 				if (handler) {
 					return handler({ card, toKey, field, value: drop.value, target: drop.target })
 				}
@@ -4325,9 +4341,12 @@ export default {
 		/**
 		 * Where a card may go, from the app's `moveTargetsHandler`: it gets
 		 * `{ card, field }` and answers the values (referenced ids) the card
-		 * can reach; the board maps them to its columns.
+		 * can reach; the board maps them to its columns. An entry may also be
+		 * `{ key, allowed, reason }`: a target that is offered but blocked,
+		 * with the sentence that says why.
 		 *
-		 * @return {((card: object) => Promise<Array<string>|null>)|null} The question, or null.
+		 * @return {((card: object) => Promise<Array<string|{key: string, allowed: boolean, reason: string}>|null>)|null} The question, or null.
+		 * @spec openspec/changes/board-move-block-reasons/specs/board-view/spec.md#requirement-a-move-target-can-be-blocked-with-a-reason
 		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-the-board-shows-where-a-card-can-go
 		 */
 		boardAllowedMoves() {
@@ -4345,9 +4364,16 @@ export default {
 				if (!Array.isArray(values)) {
 					return null
 				}
+				const columnOf = (id) => (stages && stages.keyByValue.has(id) ? stages.keyByValue.get(id) : id)
 				return values.map((value) => {
-					const id = refIdOf(value)
-					return stages && stages.keyByValue.has(id) ? stages.keyByValue.get(id) : id
+					if (value && typeof value === 'object' && Object.hasOwn(value, 'key')) {
+						return {
+							key: columnOf(refIdOf(value.key)),
+							allowed: value.allowed !== false,
+							reason: typeof value.reason === 'string' ? value.reason : '',
+						}
+					}
+					return columnOf(refIdOf(value))
 				})
 			}
 		},

package/src/components/CnNotesCard/CnNotesCard.vue

@@ -158,6 +158,7 @@ import { useFileComments } from '../../composables/useFileComments.js'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
 import { extractMentionedGroupIds, extractMentionedIds } from '../../utils/mentions.js'
 import { quoteFor, supportsReplies, threadNotes, threadRootId } from '../../utils/noteThreads.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnNotesCard — Inline notes widget for detail pages.
@@ -655,7 +656,7 @@ export default {
 				return ''
 			}
 			try {
-				return new Date(dateStr).toLocaleString(undefined, {
+				return new Date(dateStr).toLocaleString(userLocale(), {
 					year: 'numeric',
 					month: 'short',
 					day: 'numeric',

package/src/components/CnObjectCalendar/CnObjectCalendar.vue

@@ -95,6 +95,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
 import ChevronRight from 'vue-material-design-icons/ChevronRight.vue'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnObjectCalendar — plots objects on a month calendar by a date property.
@@ -210,7 +211,7 @@ export default {
 
 	computed: {
 		monthLabel() {
-			return this.internalDate.toLocaleDateString(undefined, { month: 'long', year: 'numeric' })
+			return this.internalDate.toLocaleDateString(userLocale(), { month: 'long', year: 'numeric' })
 		},
 
 		prevMonthLabel() {
@@ -460,7 +461,7 @@ export default {
 		 * @return {string}
 		 */
 		dayLabel(day) {
-			const date = this.parseDate(day.iso).toLocaleDateString(undefined, { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' })
+			const date = this.parseDate(day.iso).toLocaleDateString(userLocale(), { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' })
 			return day.objects.length === 0 ? date : `${date}, ${t('nextcloud-vue', '{count} records', { count: day.objects.length })}`
 		},
 

package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue

@@ -291,6 +291,14 @@
 									<CnGroupNameCell :gid="gid" />
 								</template>
 							</span>
+							<!-- A Nextcloud user (or list): the display name, the
+							     uid while it loads or when it cannot be found. -->
+							<span
+								v-else-if="isUserPicker(field) && userIdsOf(field).length"
+								class="cn-object-data-widget__users"
+								:title="userIdsOf(field).join(', ')">
+								{{ userIdsOf(field).map((uid) => personLabel(field, uid)).join(', ') }}
+							</span>
 							<img v-else-if="isImageField(field) && rawOf(field)"
 								:src="rawOf(field)"
 								:alt="field.label"
@@ -1132,12 +1140,14 @@ export default {
 				}
 				// Resolve relation display names whenever the object changes.
 				this.resolveRelations()
+				this.resolveUserNames()
 			},
 		},
 
 		schema: {
 			handler() {
 				this.resolveRelations()
+				this.resolveUserNames()
 			},
 		},
 
@@ -1161,6 +1171,7 @@ export default {
 
 	mounted() {
 		this.resolveRelations()
+		this.resolveUserNames()
 		this.publishPanelActions()
 		this.observeCell()
 		this.scheduleFit()
@@ -2189,6 +2200,31 @@ export default {
 			return list.filter((v) => typeof v === 'string' && v !== '')
 		},
 
+		/**
+		 * The uids a user field holds, for the display mode. The same list
+		 * shape a group field holds.
+		 *
+		 * @spec openspec/changes/a-user-field-reads-its-display-name/specs/data-display/spec.md#requirement-a-user-field-shows-the-users-display-name
+		 * @param {object} field Field descriptor.
+		 * @return {string[]}
+		 */
+		userIdsOf(field) {
+			return this.groupIdsOf(field)
+		},
+
+		/**
+		 * Look up the display names of every user field's value, so the read
+		 * mode shows "Thomas Kuiper" rather than `thomas.kuiper`. Each uid is
+		 * asked once per widget.
+		 *
+		 * @spec openspec/changes/a-user-field-reads-its-display-name/specs/data-display/spec.md#requirement-a-user-field-shows-the-users-display-name
+		 * @return {Promise<void>}
+		 */
+		async resolveUserNames() {
+			const fields = (this.resolvedFields || []).filter((field) => this.isUserPicker(field))
+			await Promise.all(fields.map((field) => this.resolvePersonLabels(field, this.rawOf(field))))
+		},
+
 		/**
 		 * The display name of a group id or uid, falling back to the id.
 		 *

package/src/components/CnObjectMetadataWidget/CnObjectMetadataWidget.vue

@@ -55,6 +55,7 @@
 <script>
 import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
+import { userLocale } from '../../utils/userLocale.js'
 import { CnDetailCard } from '../CnDetailCard/index.js'
 import { CnDetailGrid } from '../CnDetailGrid/index.js'
 
@@ -516,7 +517,7 @@ export default {
 				if (Number.isNaN(date.getTime())) {
 					return String(value)
 				}
-				return date.toLocaleDateString(undefined, {
+				return date.toLocaleDateString(userLocale(), {
 					day: '2-digit',
 					month: '2-digit',
 					year: 'numeric',
@@ -530,11 +531,11 @@ export default {
 					if (Number.isNaN(date.getTime())) {
 						return String(value)
 					}
-					return date.toLocaleDateString(undefined, {
+					return date.toLocaleDateString(userLocale(), {
 						day: '2-digit',
 						month: '2-digit',
 						year: 'numeric',
-					}) + ', ' + date.toLocaleTimeString(undefined, {
+					}) + ', ' + date.toLocaleTimeString(userLocale(), {
 						hour: '2-digit',
 						minute: '2-digit',
 						second: '2-digit',
@@ -579,7 +580,7 @@ export default {
 			if (holder && hasUntil) {
 				return t('nextcloud-vue', 'Locked by {user} until {date}', {
 					user: holder,
-					date: until.toLocaleString(),
+					date: until.toLocaleString(userLocale()),
 				})
 			}
 

package/src/components/CnObjectSidebar/CnAuditTrailTab.vue

@@ -146,6 +146,7 @@ import CnConfirmDialog from '../../dialogs/CnConfirmDialog.vue'
 import { useRestoreVersion } from '../../composables/useRestoreVersion.js'
 import { buildHeaders } from '../../utils/index.js'
 import { isLockedByCurrentUser, isObjectLocked, lockHolder } from '../../utils/objectLock.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnAuditTrailTab',
@@ -426,7 +427,7 @@ export default {
 				return ''
 			}
 			try {
-				return new Date(dateStr).toLocaleString(undefined, {
+				return new Date(dateStr).toLocaleString(userLocale(), {
 					year: 'numeric',
 					month: 'short',
 					day: 'numeric',

package/src/components/CnObjectSidebar/CnFlowTasksPanel.vue

@@ -118,6 +118,7 @@ import { taskDeepLink, taskDueLabel } from '../../composables/indexSources.js'
 import { useTaskInboxStore } from '../../composables/useTaskInboxStore.js'
 import { searchGroupSharees } from '../../utils/searchGroupSharees.js'
 import { searchNextcloudUsers } from '../../utils/userAutocomplete.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /** The verbs this panel has a control for, in the order a row shows them. */
 const VERBS = ['claim', 'unclaim', 'reassign', 'complete', 'cancel']
@@ -239,7 +240,7 @@ export default {
 				return label
 			}
 			const d = new Date(task.dueAt)
-			const date = Number.isNaN(d.getTime()) ? String(task.dueAt) : d.toLocaleDateString()
+			const date = Number.isNaN(d.getTime()) ? String(task.dueAt) : d.toLocaleDateString(userLocale())
 			return this.isOverdue(task) ? t('nextcloud-vue', 'Overdue: {date}', { date }) : date
 		},
 

package/src/components/CnObjectSidebar/CnNotesTab.vue

@@ -169,6 +169,7 @@ import { buildHeaders, prefixUrl } from '../../utils/index.js'
 import { extractMentionedGroupIds, extractMentionedIds } from '../../utils/mentions.js'
 import { quoteFor, supportsReplies, threadNotes, threadRootId } from '../../utils/noteThreads.js'
 import { searchNextcloudUsers } from '../../utils/userAutocomplete.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnNotesTab',
@@ -595,7 +596,7 @@ export default {
 				return ''
 			}
 			try {
-				return new Date(dateStr).toLocaleString(undefined, {
+				return new Date(dateStr).toLocaleString(userLocale(), {
 					year: 'numeric',
 					month: 'short',
 					day: 'numeric',

package/src/components/CnObjectSidebar/CnTasksTab.vue

@@ -145,6 +145,7 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import CnFlowTasksPanel from './CnFlowTasksPanel.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnTasksTab',
@@ -471,7 +472,7 @@ export default {
 				return ''
 			}
 			try {
-				return new Date(dateStr).toLocaleDateString(undefined, {
+				return new Date(dateStr).toLocaleDateString(userLocale(), {
 					day: 'numeric',
 					month: 'short',
 				})

package/src/components/CnPropertySourceField/CnPropertySourceField.vue

@@ -45,6 +45,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { NcSelect, NcTextField } from '@nextcloud/vue'
 import { isAppInstalled } from '../../utils/appInstalled.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 const BASE = '/apps/integriq/api/property-sources'
 
@@ -207,7 +208,7 @@ export default {
 	methods: {
 		formatTime(iso) {
 			const d = new Date(iso)
-			return Number.isNaN(d.getTime()) ? String(iso) : d.toLocaleString()
+			return Number.isNaN(d.getTime()) ? String(iso) : d.toLocaleString(userLocale())
 		},
 
 		url(path) {

package/src/components/CnRoadmapItem/CnRoadmapItem.vue

@@ -83,6 +83,7 @@ import ThumbUpOutline from 'vue-material-design-icons/ThumbUpOutline.vue'
 import { cnRenderMarkdown } from '../../composables/cnRenderMarkdown.js'
 import { ROADMAP_LABEL_BLOCKLIST } from '../../utils/roadmapLabelBlocklist.js'
 import { safeHref } from '../../utils/safeHref.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnRoadmapItem',
@@ -138,7 +139,7 @@ export default {
 			if (diffSec < 2592000) {
 				return `${Math.floor(diffSec / 86400)}d`
 			}
-			return created.toLocaleDateString()
+			return created.toLocaleDateString(userLocale())
 		},
 	},
 

package/src/components/CnSchemaFormDialog/CnSchemaFormDialog.vue

@@ -57,11 +57,11 @@
 				</div>
 				<div v-if="schemaItem.created" class="cn-schema-form__detail-item">
 					<span class="cn-schema-form__detail-label">{{ t('nextcloud-vue', 'Created:') }}</span>
-					<span class="cn-schema-form__detail-value">{{ new Date(schemaItem.created).toLocaleString() }}</span>
+					<span class="cn-schema-form__detail-value">{{ new Date(schemaItem.created).toLocaleString(userLocale()) }}</span>
 				</div>
 				<div v-if="schemaItem.updated" class="cn-schema-form__detail-item">
 					<span class="cn-schema-form__detail-label">{{ t('nextcloud-vue', 'Updated:') }}</span>
-					<span class="cn-schema-form__detail-value">{{ new Date(schemaItem.updated).toLocaleString() }}</span>
+					<span class="cn-schema-form__detail-value">{{ new Date(schemaItem.updated).toLocaleString(userLocale()) }}</span>
 				</div>
 				<div class="cn-schema-form__detail-item">
 					<span class="cn-schema-form__detail-label">{{ t('nextcloud-vue', 'Version:') }}</span>
@@ -204,6 +204,7 @@ import CnSchemaConfigurationTab from './CnSchemaConfigurationTab.vue'
 import CnSchemaPropertiesTab from './CnSchemaPropertiesTab.vue'
 import CnSchemaSecurityTab from './CnSchemaSecurityTab.vue'
 import { dialogBoardMixin } from '../../mixins/dialogBoard.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnSchemaFormDialog — Generic JSON Schema editor dialog.
@@ -552,6 +553,7 @@ export default {
 
 	methods: {
 		t,
+		userLocale,
 		findSchemaBySlug(schemaSlug) {
 			if (!schemaSlug) {
 				return undefined