@conduction/nextcloud-vue 2.85.0 → 2.87.0

package/src/components/CnStatsBlock/CnStatsBlock.vue

@@ -88,6 +88,7 @@
 import { translate as t } from '@nextcloud/l10n'
 import { NcLoadingIcon } from '@nextcloud/vue'
 import { normalizeLook } from '../../composables/useLook.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 // The canonical KPI look, shared with CnStatWidget. Imported here so the
 // card is styled even when the consuming app has not pulled in the
@@ -372,7 +373,7 @@ export default {
 		},
 
 		formattedCount() {
-			return this.count.toLocaleString()
+			return this.count.toLocaleString(userLocale())
 		},
 
 		/**

package/src/components/CnSummaryAggregates/CnSummaryAggregates.vue

@@ -21,6 +21,7 @@
 <script>
 import { NcLoadingIcon } from '@nextcloud/vue'
 import { fetchAggregateValue } from '../../utils/fetchAggregate.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnSummaryAggregates — declarative count/sum/avg stat chips for a
@@ -150,7 +151,7 @@ export default {
 				return new Intl.NumberFormat(undefined, { style: 'currency', currency: 'EUR' }).format(num)
 			}
 			if (typeof raw === 'number') {
-				return raw.toLocaleString()
+				return raw.toLocaleString(userLocale())
 			}
 			return raw
 		},

package/src/components/CnTabsWidget/CnTabsWidget.vue

@@ -15,7 +15,19 @@
 			     is showing. This is the point of the component: six tabbed
 			     widgets used to mean six card headers stacked down the page. -->
 			<template #nav-end>
+				<!-- The open panel's header link ("All sales invoices"): a panel
+				     draws no card header, so the link its widget declares is
+				     drawn here, and changes with the tab. -->
+				<component
+					:is="activeHeaderLinkTarget.tag"
+					v-if="activeHeaderLinkTarget.tag"
+					class="cn-tabs-widget__header-link"
+					data-testid="cn-tabs-widget-header-link"
+					v-bind="activeHeaderLinkTarget.attrs">
+					{{ cnTranslate(activeHeaderLink.label) }}
+				</component>
 				<CnActionsMenu
+					v-if="showActions"
 					:showRefresh="showRefresh"
 					:showRequestFeature="showRequestFeature"
 					:showDocumentation="showDocumentation"
@@ -169,6 +181,7 @@ import CnIcon from '../CnIcon/CnIcon.vue'
 import CnTab from '../CnTabs/CnTab.vue'
 import CnTabs from '../CnTabs/CnTabs.vue'
 import { normalizeLook } from '../../composables/useLook.js'
+import { headerLinkTarget, widgetHeaderLink } from '../../utils/contentHeaderLink.js'
 import { resolveTabCount } from '../../utils/detailActionModel.js'
 import { fetchListTotal } from '../../utils/fetchFilterCounts.js'
 import { isActivityWidget } from '../../utils/headerMeta.js'
@@ -430,6 +443,18 @@ export default {
 			default: () => ({}),
 		},
 
+		/**
+		 * Whether the strip draws its Actions menu at all. `false` drops the
+		 * whole menu, the open panel's own items included, for a board that
+		 * draws none. Manifest: `content.showActions` on the tabs widget.
+		 *
+		 * @spec openspec/changes/tabs-widget-actions-off/specs/tabs-widget-actions-off/spec.md#requirement-a-manifest-can-turn-off-the-tab-strips-actions-menu
+		 */
+		showActions: {
+			type: Boolean,
+			default: true,
+		},
+
 		/** Show the Refresh entry in the hoisted Actions menu. */
 		showRefresh: {
 			type: Boolean,
@@ -654,6 +679,29 @@ export default {
 			return this.activeTab?.widgetId || ''
 		},
 
+		/**
+		 * The header link the open tab's widget declares (`headerLink` on the
+		 * definition, or in its content), or null. For a stack, the first
+		 * widget's.
+		 *
+		 * @spec openspec/changes/tabs-widget-header-link/specs/tabs-widget-header-link/spec.md#requirement-the-tab-strip-draws-the-open-panels-header-link
+		 * @return {object|null}
+		 */
+		activeHeaderLink() {
+			return widgetHeaderLink(this.activeTab?.widget)
+		},
+
+		/**
+		 * How to draw the open panel's header link: a router link for a
+		 * route, an anchor for an href, nothing otherwise.
+		 *
+		 * @spec openspec/changes/tabs-widget-header-link/specs/tabs-widget-header-link/spec.md#requirement-the-tab-strip-draws-the-open-panels-header-link
+		 * @return {{tag: string, attrs: object}}
+		 */
+		activeHeaderLinkTarget() {
+			return headerLinkTarget(this.activeHeaderLink, Boolean(this.$router))
+		},
+
 		/**
 		 * The active child's label, so the Actions menu names what it acts on.
 		 *
@@ -1231,6 +1279,29 @@ export default {
 	margin: auto -12px -12px;
 }
 
+/* The open panel's header link, beside the strip. Same look and theme hooks
+   as a card header link (CnWidgetWrapper). */
+.cn-tabs-widget__header-link {
+	align-self: center;
+	padding: 0 calc(1 * var(--default-grid-baseline));
+	color: var(--color-primary-element);
+	font-size: var(--cn-widget-header-link-size, 14px);
+	font-weight: var(--cn-widget-header-link-weight, 600);
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+.cn-tabs-widget__header-link:hover,
+.cn-tabs-widget__header-link:focus-visible {
+	text-decoration: underline;
+}
+
+.cn-tabs-widget__header-link:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius-small, 4px);
+}
+
 .cn-tabs-widget__title {
 	align-items: center;
 	display: inline-flex;

package/src/components/CnTasksCard/CnTasksCard.vue

@@ -97,6 +97,7 @@ import ProgressClock from 'vue-material-design-icons/ProgressClock.vue'
 import CnDetailCard from '../CnDetailCard/CnDetailCard.vue'
 import CnUserActionMenu from '../CnUserActionMenu/CnUserActionMenu.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnTasksCard — Inline tasks widget for detail pages.
@@ -261,7 +262,7 @@ export default {
 				return ''
 			}
 			try {
-				return new Date(dateStr).toLocaleDateString(undefined, {
+				return new Date(dateStr).toLocaleDateString(userLocale(), {
 					year: 'numeric',
 					month: 'short',
 					day: 'numeric',

package/src/components/CnTimelineWidget/CnTimelineWidget.vue

@@ -54,6 +54,7 @@
 import { getLanguage, translate as t } from '@nextcloud/l10n'
 import { NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
 import { auditEvents, fieldEvents, listEvents, relatedEvents, sortEvents, timelineEntryEvents } from '../../utils/timelineEvents.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnTimelineWidget — an object's dated events in time order (`timeline`
@@ -296,7 +297,7 @@ export default {
 			try {
 				return new Intl.DateTimeFormat(locale, options).format(event.at)
 			} catch {
-				return event.at.toLocaleString()
+				return event.at.toLocaleString(userLocale())
 			}
 		},
 

package/src/components/CnTranslatedBadge/CnTranslatedBadge.vue

@@ -28,6 +28,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnTranslatedBadge — surfaces OR's `_translationMeta.translatedFrom`
@@ -173,7 +174,7 @@ export default {
 			try {
 				const d = new Date(this.translatedAt)
 				if (!Number.isNaN(d.getTime())) {
-					return t('nextcloud-vue', 'Translated at {when}', { when: d.toLocaleString() })
+					return t('nextcloud-vue', 'Translated at {when}', { when: d.toLocaleString(userLocale()) })
 				}
 			} catch {
 				// fall through to raw ISO

package/src/components/CnVersionHistory/CnVersionHistory.vue

@@ -132,6 +132,7 @@ import CnDetailCard from '../CnDetailCard/CnDetailCard.vue'
 import { foldAuditTrailEntries } from '../../utils/auditTrailDiff.js'
 import { computeObjectDiff } from '../../utils/computeObjectDiff.js'
 import { buildHeaders } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * A single row rendered in the top-level diff table.
@@ -472,7 +473,7 @@ export default {
 			if (Number.isNaN(d.getTime()) === true) {
 				return String(raw)
 			}
-			return d.toLocaleString()
+			return d.toLocaleString(userLocale())
 		},
 	},
 }

package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue

@@ -176,6 +176,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
+import { headerLinkTarget } from '../../utils/contentHeaderLink.js'
 import { slotRenders } from '../../utils/slotContent.js'
 import { CnActionsMenu } from '../CnActionsMenu/index.js'
 
@@ -686,17 +687,7 @@ export default {
 		 * @return {string}
 		 */
 		headerLinkTag() {
-			const link = this.headerLink
-			if (!link || typeof link.label !== 'string' || link.label === '') {
-				return ''
-			}
-			if (link.route && this.$router) {
-				return 'router-link'
-			}
-			if (typeof link.href === 'string' && link.href !== '') {
-				return 'a'
-			}
-			return ''
+			return headerLinkTarget(this.headerLink, Boolean(this.$router)).tag
 		},
 
 		/**
@@ -706,21 +697,7 @@ export default {
 		 * @return {object}
 		 */
 		headerLinkAttrs() {
-			const link = this.headerLink || {}
-			if (this.headerLinkTag === 'router-link') {
-				const to = { name: link.route }
-				if (link.params && typeof link.params === 'object') {
-					to.params = link.params
-				}
-				if (link.query && typeof link.query === 'object') {
-					to.query = link.query
-				}
-				return { to }
-			}
-			if (this.headerLinkTag === 'a') {
-				return { href: link.href }
-			}
-			return {}
+			return headerLinkTarget(this.headerLink, Boolean(this.$router)).attrs
 		},
 
 		/**

package/src/css/board.css

@@ -61,6 +61,12 @@
 	font-weight: 400;
 }
 
+/* A column at its limit: the count in the error colour; "full" is said in words too. */
+.cn-board-view.cn-board-view--board .cn-board-view__badge.cn-board-view__badge--full {
+	color: var(--color-error-text, var(--color-error));
+	font-weight: 600;
+}
+
 .cn-board-view.cn-board-view--board .cn-board-view__sum {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
@@ -328,3 +334,37 @@
 	font-size: 12px;
 	color: var(--color-text-maxcontrast);
 }
+
+/* A blocked target with the host's reason: the reason on its own line under the name. */
+.cn-board-view.cn-board-view--board .cn-board-view__menu-item.cn-board-view__menu-item--reason {
+	flex-wrap: wrap;
+	max-width: 320px;
+	padding-block: 6px;
+}
+
+.cn-board-view .cn-board-view__menu-reason {
+	flex-basis: 100%;
+	font-size: 12px;
+	line-height: 1.4;
+	color: var(--color-text-maxcontrast);
+}
+
+/* While a card is dragged: why it cannot land in this column, under the header.
+   The rest of the column fades; the reason stays at full contrast. */
+.cn-board-view .cn-board-view__column-reason {
+	margin: 0 0 8px;
+	padding: 6px 8px;
+	border-radius: var(--border-radius);
+	background-color: var(--color-main-background);
+	font-size: 12px;
+	line-height: 1.4;
+	color: var(--color-main-text);
+}
+
+.cn-board-view .cn-board-view__column--unreachable.cn-board-view__column--reason {
+	opacity: 1;
+}
+
+.cn-board-view .cn-board-view__column--reason > :not(.cn-board-view__column-reason) {
+	opacity: 0.45;
+}

package/src/dialogs/CnNoteHistoryDialog.vue

@@ -78,6 +78,7 @@ import HistoryIcon from 'vue-material-design-icons/History.vue'
 import CnDialog from '../components/CnDialog/CnDialog.vue'
 import { dialogBoardMixin } from '../mixins/dialogBoard.js'
 import { buildHeaders, prefixUrl } from '../utils/index.js'
+import { userLocale } from '../utils/userLocale.js'
 
 export default {
 	name: 'CnNoteHistoryDialog',
@@ -193,7 +194,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/integrations/builtin/activity/CnActivityCard.vue

@@ -112,6 +112,7 @@ import Timeline from 'vue-material-design-icons/Timeline.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import CnVisibilityChip from '../../../components/CnVisibilityChip/CnVisibilityChip.vue'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 const VALID_SURFACES = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity']
 const COMPACT_LIMIT = 4
@@ -297,7 +298,7 @@ export default {
 				return t('nextcloud-vue', 'Yesterday')
 			}
 			try {
-				return date.toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short' })
+				return date.toLocaleDateString(userLocale(), { weekday: 'short', day: 'numeric', month: 'short' })
 			} catch {
 				return date.toISOString().split('T')[0]
 			}
@@ -309,7 +310,7 @@ export default {
 				return ''
 			}
 			try {
-				return ts.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
+				return ts.toLocaleTimeString(userLocale(), { hour: '2-digit', minute: '2-digit' })
 			} catch {
 				return ts.toISOString().split('T')[1].slice(0, 5)
 			}

package/src/integrations/builtin/activity/CnActivityTab.vue

@@ -319,6 +319,7 @@ import Timeline from 'vue-material-design-icons/Timeline.vue'
 import CnVisibilityChip from '../../../components/CnVisibilityChip/CnVisibilityChip.vue'
 import { normalizeLook } from '../../../composables/useLook.js'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 import { ACTIVITY_FEED_KINDS, exportBody, feedPath, feedQuery, isReadRow, parseFeed } from './activityFeedWire.js'
 
 const DEFAULT_PAGE_SIZE = 25
@@ -643,7 +644,7 @@ export default {
 				return t('nextcloud-vue', 'Yesterday')
 			}
 			try {
-				return date.toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short' })
+				return date.toLocaleDateString(userLocale(), { weekday: 'short', day: 'numeric', month: 'short' })
 			} catch {
 				return date.toISOString().split('T')[0]
 			}
@@ -655,7 +656,7 @@ export default {
 				return ''
 			}
 			try {
-				return ts.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
+				return ts.toLocaleTimeString(userLocale(), { hour: '2-digit', minute: '2-digit' })
 			} catch {
 				return ts.toISOString().split('T')[1].slice(0, 5)
 			}
@@ -703,7 +704,7 @@ export default {
 			let when = ''
 			if (ts !== null) {
 				try {
-					when = ts.toLocaleString(undefined, { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' })
+					when = ts.toLocaleString(userLocale(), { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' })
 				} catch {
 					when = ts.toISOString().replace('T', ' ').slice(0, 16)
 				}

package/src/integrations/builtin/analytics/CnAnalyticsTab.vue

@@ -177,6 +177,7 @@ import CnAnalyticsReportCreate from '../../../components/CnAnalyticsReportCreate
 import CnAnalyticsReportPicker from '../../../components/CnAnalyticsReportPicker/CnAnalyticsReportPicker.vue'
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /**
  * CnAnalyticsTab — bespoke dataset list for the `analytics` integration.
@@ -394,7 +395,7 @@ export default {
 			const num = Number(raw)
 			if (Number.isFinite(num) && String(raw).trim() !== '') {
 				try {
-					return num.toLocaleString()
+					return num.toLocaleString(userLocale())
 				} catch {
 					return String(num)
 				}
@@ -436,7 +437,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return String(value)
 				}
-				return d.toLocaleDateString(undefined, { dateStyle: 'medium' })
+				return d.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 			} catch {
 				return String(value)
 			}

package/src/integrations/builtin/calendar/CnCalendarCard.vue

@@ -107,6 +107,7 @@ import CalendarCheck from 'vue-material-design-icons/CalendarCheck.vue'
 import CalendarClock from 'vue-material-design-icons/CalendarClock.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /**
  * CnCalendarCard — surface-aware compact widget for the calendar
@@ -323,7 +324,7 @@ export default {
 				const opts = this.surface === 'single-entity'
 					? { dateStyle: 'medium' }
 					: { dateStyle: 'medium', timeStyle: 'short' }
-				return d.toLocaleString(undefined, opts)
+				return d.toLocaleString(userLocale(), opts)
 			} catch {
 				return String(value)
 			}

package/src/integrations/builtin/calendar/CnCalendarTab.vue

@@ -240,6 +240,7 @@ import CnCalendarEventCreate from '../../../components/CnCalendarEventCreate/CnC
 import CnCalendarEventPicker from '../../../components/CnCalendarEventPicker/CnCalendarEventPicker.vue'
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 const MAX_AVATARS = 3
 
@@ -524,7 +525,7 @@ export default {
 			if (!d) {
 				return '—'
 			}
-			return d.toLocaleDateString(undefined, { month: 'short' })
+			return d.toLocaleDateString(userLocale(), { month: 'short' })
 		},
 
 		dayOf(ev) {
@@ -541,16 +542,16 @@ export default {
 				return ev.dtstart ? String(ev.dtstart) : t('nextcloud-vue', 'Time not set')
 			}
 			const end = this.parseDate(ev.dtend)
-			const dateLabel = start.toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short' })
+			const dateLabel = start.toLocaleDateString(userLocale(), { weekday: 'short', day: 'numeric', month: 'short' })
 			const timeOpts = { hour: '2-digit', minute: '2-digit' }
-			const startTime = start.toLocaleTimeString(undefined, timeOpts)
+			const startTime = start.toLocaleTimeString(userLocale(), timeOpts)
 			if (end) {
 				const sameDay = start.toDateString() === end.toDateString()
-				const endTime = end.toLocaleTimeString(undefined, timeOpts)
+				const endTime = end.toLocaleTimeString(userLocale(), timeOpts)
 				if (sameDay) {
 					return `${dateLabel} · ${startTime} – ${endTime}`
 				}
-				const endDateLabel = end.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })
+				const endDateLabel = end.toLocaleDateString(userLocale(), { day: 'numeric', month: 'short' })
 				return `${dateLabel} ${startTime} – ${endDateLabel} ${endTime}`
 			}
 			return `${dateLabel} · ${startTime}`

package/src/integrations/builtin/contactmoment/CnContactmomentCard.vue

@@ -61,6 +61,7 @@ import { NcLoadingIcon } from '@nextcloud/vue'
 import PhoneOutline from 'vue-material-design-icons/PhoneOutline.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import { prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 export default {
 	name: 'CnContactmomentCard',
@@ -182,7 +183,7 @@ export default {
 		 */
 		formatWhen(value) {
 			const d = new Date(value)
-			return isNaN(d.getTime()) ? value : d.toLocaleString()
+			return isNaN(d.getTime()) ? value : d.toLocaleString(userLocale())
 		},
 	},
 }

package/src/integrations/builtin/cospend/CnCospendTab.vue

@@ -175,6 +175,7 @@ import CnCospendCreate from '../../../components/CnCospendCreate/CnCospendCreate
 import CnCospendPicker from '../../../components/CnCospendPicker/CnCospendPicker.vue'
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /**
  * CnCospendTab — bespoke sidebar tab for the `cospend` integration.
@@ -495,7 +496,7 @@ export default {
 			if (Number.isNaN(date.getTime())) {
 				return ''
 			}
-			return date.toLocaleDateString(undefined, { dateStyle: 'medium' })
+			return date.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 		},
 
 		/**

package/src/integrations/builtin/deck/CnDeckTab.vue

@@ -168,6 +168,7 @@ import CnDeckCardCreate from '../../../components/CnDeckCardCreate/CnDeckCardCre
 import CnDeckCardPicker from '../../../components/CnDeckCardPicker/CnDeckCardPicker.vue'
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /** Maximum assignee avatars shown before collapsing the rest into a +N overflow badge. */
 const MAX_VISIBLE_ASSIGNEES = 3
@@ -427,7 +428,7 @@ export default {
 			if (Number.isNaN(date.getTime())) {
 				return ''
 			}
-			return date.toLocaleDateString(undefined, { dateStyle: 'medium' })
+			return date.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 		},
 
 		/**

package/src/integrations/builtin/email/CnEmailCard.vue

@@ -68,6 +68,7 @@ import { markRaw } from 'vue'
 import Email from 'vue-material-design-icons/Email.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import { buildHeaders, prefixUrl } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /**
  * CnEmailCard — compact widget for the `email` integration leaf.
@@ -279,7 +280,7 @@ export default {
 			if (Number.isNaN(d.getTime()) === true) {
 				return String(raw)
 			}
-			return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })
+			return d.toLocaleDateString(userLocale(), { year: 'numeric', month: 'short', day: 'numeric' })
 		},
 
 		// Thread deep-link into NC Mail; undefined when the row lacks ids.

package/src/integrations/builtin/field-inspection/CnFieldInspectionCard.vue

@@ -164,6 +164,7 @@ import { NcButton, NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'
 import ClipboardCheckOutline from 'vue-material-design-icons/ClipboardCheckOutline.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
 import CnOfflineQueue from '../../../components/CnOfflineQueue/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 import { buildChecklistSubmission } from '../../offline/checklistSubmission.js'
 import { checklistProgress, classifyGps, normaliseChecklistTemplate, syncIndicator, validateChecklistAnswers } from '../../offline/fieldCollectionHelpers.js'
 import {
@@ -379,7 +380,7 @@ export default {
 			if (!iso) {
 				return ''
 			}
-			return new Date(iso).toLocaleString()
+			return new Date(iso).toLocaleString(userLocale())
 		},
 
 		errorFor(questionId) {

package/src/integrations/builtin/field-inspection/CnFieldInspectionTab.vue

@@ -86,6 +86,7 @@ import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import ClipboardCheckOutline from 'vue-material-design-icons/ClipboardCheckOutline.vue'
 import Sync from 'vue-material-design-icons/Sync.vue'
 import CnOfflineQueue from '../../../components/CnOfflineQueue/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 import { syncIndicator } from '../../offline/fieldCollectionHelpers.js'
 import {
 	countPending,
@@ -186,7 +187,7 @@ export default {
 				return ''
 			}
 			const moment = new Date(syncedAt)
-			return Number.isNaN(moment.getTime()) ? '' : moment.toLocaleString()
+			return Number.isNaN(moment.getTime()) ? '' : moment.toLocaleString(userLocale())
 		},
 
 		/**

package/src/integrations/builtin/photos/CnPhotosTab.vue

@@ -154,6 +154,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 import CnPhotoAlbumCreate from '../../../components/CnPhotoAlbumCreate/CnPhotoAlbumCreate.vue'
 import CnPhotoAlbumPicker from '../../../components/CnPhotoAlbumPicker/CnPhotoAlbumPicker.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { userLocale } from '../../../utils/userLocale.js'
 
 /**
  * CnPhotosTab — bespoke album grid for the `photos` integration.
@@ -317,7 +318,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return String(value)
 				}
-				return d.toLocaleDateString(undefined, { dateStyle: 'medium' })
+				return d.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 			} catch {
 				return String(value)
 			}

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.99.0",
+	"version": "2.102.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -1176,6 +1176,9 @@
 									"orderField": { "type": "string", "description": "The referenced row's numeric field the columns are ordered by." },
 									"colorField": { "type": "string", "description": "The referenced row's field that holds the column's dot colour (a badge variant or a CSS colour)." },
 									"filter": { "type": "object", "description": "Equality filters on the referenced rows, e.g. `{ \"isFinal\": false }` to leave out end states.", "additionalProperties": { "type": ["string", "number", "boolean"] } },
+									"capacityField": { "type": "string", "minLength": 1, "description": "board-column-capacity (2.100.0): the referenced row's numeric field that holds the column's limit. The header reads \"count / capacity\" and turns full at the limit, and a move into a full row is refused before it is written (the server still guards). A column merged from several rows shows no limit, but each row's own limit still refuses a move into it. A row without a number above 0 has no limit." },
+									"neutralColor": { "type": "string", "minLength": 1, "description": "board-neutral-column-colour (2.101.0): the colour a referenced row holds when nobody chose one (the schema default, e.g. \"grey\"). A column merged from several rows (`mergeBy`) then takes the first row colour that is not this one, and this one only when every row has it. Compared as written: \"Grey\" is not \"grey\", and a hex value is not a name. Unset, a merged column takes its first row's colour." },
+									"colorMap": { "type": "object", "description": "board-column-colour-map (2.102.0): a stored row colour to the CSS colour its column is drawn in, e.g. `{ \"orange\": \"var(--nl-color-orange, #e17000)\" }`, so a palette name draws a theme token. Applied after the merge, so `neutralColor` still compares the stored values. A colour it does not map draws as before.", "additionalProperties": { "type": "string", "minLength": 1 } },
 									"mergeBy": { "type": "string", "description": "Merge referenced rows with the same value of this field into one column (statuses of every case type by `name`). A drop then writes the row of the card's own parent (`narrowBy`), and is refused when that parent has none." },
 									"narrowBy": {
 										"type": "object",

package/src/store/useObjectStore.js

@@ -618,6 +618,7 @@ const baseActions = {
 	 * Fetch the schema definition for a registered type.
 	 * Uses cache — only fetches once per type per session.
 	 *
+	 * @spec openspec/changes/zuiddrecht-pixel-gaps-2/specs/zuiddrecht-pixel-gaps-2/spec.md#requirement-a-schema-title-falls-back-to-its-written-form
 	 * @param {string} type The registered type slug
 	 * @return {Promise<object|null>} The schema object or null on error
 	 */
@@ -638,8 +639,12 @@ const baseActions = {
 			const registerScope = config.register
 				? `?register=${encodeURIComponent(config.register)}`
 				: ''
-			const response = await trackedFetch(
-				prefixUrl(`/apps/openregister/api/schemas/${config.schema}${registerScope}`),
+			// Through the schema fallback like every objects-API call: a type
+			// resolveObjectOpType registered from a title (`APInvoice` ->
+			// `ap-invoice`) retries once with the title as written on a 404.
+			const response = await this._fetchWithSchemaFallback(
+				type,
+				(schema) => prefixUrl(`/apps/openregister/api/schemas/${schema ?? config.schema}${registerScope}`),
 				{ method: 'GET', headers: this._buildHeaders() },
 			)