@conduction/nextcloud-vue 2.56.0-beta.37 → 2.56.0-beta.39

package/l10n/en.json

@@ -73,7 +73,7 @@
     "Could not change the favourite.": "Could not change the favourite.",
     "Follow": "Follow",
     "Following": "Following",
-    "Loading …": "Loading …",
+    "Loading …": "Loading …",
     "Add a colleague": "Add a colleague",
     "{count} followers": "{count} followers",
     "Follow this record to get its updates": "Follow this record to get its updates",
@@ -1440,7 +1440,40 @@
     "Register {id}": "Register {id}",
     "Schema {id}": "Schema {id}",
     "The registers could not be loaded: {reason}": "The registers could not be loaded: {reason}",
-    "no connection": "no connection"
+    "no connection": "no connection",
+    "Confirm action": "Confirm action",
+    "Are you sure you want to continue?": "Are you sure you want to continue?",
+    "Confirm": "Confirm",
+    "Action failed.": "Action failed.",
+    "Could not open the form.": "Could not open the form.",
+    "Could not open this action.": "Could not open this action.",
+    "Saved.": "Saved.",
+    "Save failed.": "Save failed.",
+    "Action completed.": "Action completed.",
+    "Run queued": "Run queued",
+    "Agent runtime unavailable": "Agent runtime unavailable",
+    "Run completed.": "Run completed.",
+    "Edit with Buildiq": "Edit with Buildiq",
+    "Save page": "Save page",
+    "Edit page": "Edit page",
+    "Add widget…": "Add widget…",
+    "Edit pages…": "Edit pages…",
+    "Edit menu…": "Edit menu…",
+    "Edit sidebar…": "Edit sidebar…",
+    "Edit actions…": "Edit actions…",
+    "Edit data…": "Edit data…",
+    "Edit flows…": "Edit flows…",
+    "This value was not accepted.": "This value was not accepted.",
+    "Provide details": "Provide details",
+    "This field is required.": "This field is required.",
+    "This action does not accept the field \"{field}\".": "This action does not accept the field \"{field}\".",
+    "Are you sure?": "Are you sure?",
+    "Loading": "Loading",
+    "Configure widget": "Configure widget",
+    "Link related object": "Link related object",
+    "{type} parts": "{type} parts",
+    "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.": "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.",
+    "Save failed": "Save failed"
   },
   "plurals": {
     "{count} selected": [

package/l10n/nl.json

@@ -73,7 +73,7 @@
     "Could not change the favourite.": "De favoriet kon niet worden gewijzigd.",
     "Follow": "Volgen",
     "Following": "Volgend",
-    "Loading …": "Laden …",
+    "Loading …": "Laden …",
     "Add a colleague": "Collega toevoegen",
     "{count} followers": "{count} volgers",
     "Follow this record to get its updates": "Volg dit dossier om de wijzigingen te ontvangen",
@@ -1600,6 +1600,9 @@
     "{count} on this page": "{count} op deze pagina",
     "{name} cannot move to {column}.": "{name} kan niet naar {column}.",
     "{name}, in {column}": "{name}, in {column}",
+    "full": "vol",
+    "{count} / {capacity}": "{count} / {capacity}",
+    "{column} is full: {count} of {capacity}.": "{column} is vol: {count} van {capacity}.",
     "This card cannot move to that column.": "Deze kaart kan niet naar die kolom.",
     "Nobody": "Niemand",
     "{label}:": "{label}:",
@@ -1624,7 +1627,40 @@
     "Register {id}": "Register {id}",
     "Schema {id}": "Schema {id}",
     "The registers could not be loaded: {reason}": "De registers konden niet worden geladen: {reason}",
-    "no connection": "geen verbinding"
+    "no connection": "geen verbinding",
+    "Confirm action": "Actie bevestigen",
+    "Are you sure you want to continue?": "Weet je zeker dat je wilt doorgaan?",
+    "Confirm": "Bevestigen",
+    "Action failed.": "De actie is mislukt.",
+    "Could not open the form.": "Het formulier kon niet worden geopend.",
+    "Could not open this action.": "Deze actie kon niet worden geopend.",
+    "Saved.": "Opgeslagen.",
+    "Save failed.": "Opslaan is mislukt.",
+    "Action completed.": "Actie uitgevoerd.",
+    "Run queued": "Run staat in de wachtrij",
+    "Agent runtime unavailable": "De agent-runtime is niet beschikbaar",
+    "Run completed.": "Run voltooid.",
+    "Edit with Buildiq": "Bewerken met Buildiq",
+    "Save page": "Pagina opslaan",
+    "Edit page": "Pagina bewerken",
+    "Add widget…": "Widget toevoegen…",
+    "Edit pages…": "Pagina's bewerken…",
+    "Edit menu…": "Menu bewerken…",
+    "Edit sidebar…": "Zijbalk bewerken…",
+    "Edit actions…": "Acties bewerken…",
+    "Edit data…": "Gegevens bewerken…",
+    "Edit flows…": "Flows bewerken…",
+    "This value was not accepted.": "Deze waarde is niet geaccepteerd.",
+    "Provide details": "Geef de details op",
+    "This field is required.": "Dit veld is verplicht.",
+    "This action does not accept the field \"{field}\".": "Deze actie accepteert het veld \"{field}\" niet.",
+    "Are you sure?": "Weet je het zeker?",
+    "Loading": "Laden",
+    "Configure widget": "Widget instellen",
+    "Link related object": "Gerelateerd object koppelen",
+    "{type} parts": "Onderdelen van {type}",
+    "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.": "Opslaan kan niet: dit record heeft geen id, dus de wijziging zou een kopie maken in plaats van het record bij te werken.",
+    "Save failed": "Opslaan is mislukt"
   },
   "plurals": {
     "{count} selected": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.56.0-beta.37",
+  "version": "2.56.0-beta.39",
   "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/CnAdvancedFormDialog/CnMetadataTab.vue

@@ -30,6 +30,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnMetadataTab',
@@ -62,13 +63,13 @@ export default {
 		metadataCreated() {
 			const o = this.item?.['@self']
 			const v = o?.created
-			return v ? new Date(v).toLocaleString() : '—'
+			return v ? new Date(v).toLocaleString(userLocale()) : '—'
 		},
 
 		metadataUpdated() {
 			const o = this.item?.['@self']
 			const v = o?.updated
-			return v ? new Date(v).toLocaleString() : '—'
+			return v ? new Date(v).toLocaleString(userLocale()) : '—'
 		},
 
 		defaultRows() {

package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue

@@ -186,6 +186,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 import CnColorPicker from '../CnColorPicker/CnColorPicker.vue'
 import CnJsonViewer from '../CnJsonViewer/CnJsonViewer.vue'
 import { formatValue, validateValue } from '../../utils/schema.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 const SUPPORTED_WIDGETS = ['text', 'number', 'boolean', 'datetime', 'textarea', 'array', 'select', 'object', 'objectArray', 'color']
 
@@ -729,19 +730,19 @@ export default {
 			// Same local-midnight parse as datetimeValue to avoid UTC-shift in display.
 			if (fmt === 'date' && typeof v === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(v)) {
 				const [year, month, day] = v.split('-').map(Number)
-				return new Date(year, month - 1, day).toLocaleDateString()
+				return new Date(year, month - 1, day).toLocaleDateString(userLocale())
 			}
 			const d = new Date(v)
 			if (Number.isNaN(d.getTime())) {
 				return String(v)
 			}
 			if (fmt === 'date') {
-				return d.toLocaleDateString()
+				return d.toLocaleDateString(userLocale())
 			}
 			if (fmt === 'time') {
-				return d.toLocaleTimeString()
+				return d.toLocaleTimeString(userLocale())
 			}
-			return d.toLocaleString()
+			return d.toLocaleString(userLocale())
 		},
 	},
 

package/src/components/CnAnalyticsReportPicker/CnAnalyticsReportPicker.vue

@@ -101,6 +101,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { NcButton, NcDialog, NcEmptyContent, NcLoadingIcon, NcNoteCard, NcTextField } from '@nextcloud/vue'
 import ChartBar from 'vue-material-design-icons/ChartBar.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnAnalyticsReportPicker',
@@ -247,7 +248,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return ''
 				}
-				return d.toLocaleDateString(undefined, { dateStyle: 'medium' })
+				return d.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 			} catch {
 				return ''
 			}

package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue

@@ -49,6 +49,7 @@ import { markRaw } from 'vue'
 import History from 'vue-material-design-icons/History.vue'
 import CnDetailCard from '../CnDetailCard/CnDetailCard.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnAuditTrailCard — compact audit-trail widget rendered by the
@@ -214,7 +215,7 @@ export default {
 			if (Number.isNaN(d.getTime()) === true) {
 				return String(raw)
 			}
-			return d.toLocaleString()
+			return d.toLocaleString(userLocale())
 		},
 	},
 }

package/src/components/CnBoardView/CnBoardView.vue

@@ -36,11 +36,12 @@
 					v-for="column in lane.columns"
 					:key="`col-${lane.key}-${column.key}`"
 					class="cn-board-view__column"
-					:class="{ 'cn-board-view__column--unreachable': isUnreachable(column) }"
+					:class="{ 'cn-board-view__column--unreachable': isUnreachable(column), 'cn-board-view__column--full': isFull(column), 'cn-board-view__column--reason': dragReason(column) !== '' }"
 					role="listitem"
 					data-testid="cn-board-column"
 					:data-column="column.key"
 					:data-unreachable="isUnreachable(column) ? 'true' : null"
+					:data-full="isFull(column) ? 'true' : null"
 					@dragover.prevent
 					@drop="onDrop(column, $event)">
 					<!-- Board look: a dot, the label and a white count badge, with an
@@ -53,8 +54,11 @@
 								:style="{ background: dotColor(column) }"
 								aria-hidden="true" />
 							<span class="cn-board-view__column-title">{{ column.label }}</span>
-							<span class="cn-board-view__badge" data-testid="cn-board-count">
-								{{ column.count }}<span v-if="paged" class="hidden-visually"> {{ t('nextcloud-vue', 'on this page') }}</span>
+							<span
+								class="cn-board-view__badge"
+								:class="{ 'cn-board-view__badge--full': isFull(column) }"
+								data-testid="cn-board-count">
+								{{ capacityOf(column) === null ? column.count : capacityText(column) }}<span v-if="paged" class="hidden-visually"> {{ t('nextcloud-vue', 'on this page') }}</span><span v-if="isFull(column)" class="hidden-visually">{{ ' ' + t('nextcloud-vue', 'full') }}</span>
 							</span>
 						</h2>
 						<span
@@ -66,11 +70,21 @@
 					</div>
 					<h3 v-else class="cn-board-view__column-header">
 						{{ column.label }}
-						<span class="cn-board-view__count" data-testid="cn-board-count">
-							{{ countLabel(column) }}
+						<span
+							class="cn-board-view__count"
+							:class="{ 'cn-board-view__count--full': isFull(column) }"
+							data-testid="cn-board-count">
+							{{ countLabel(column) }}<span v-if="isFull(column)" class="hidden-visually">{{ ' ' + t('nextcloud-vue', 'full') }}</span>
 						</span>
 					</h3>
 
+					<p
+						v-if="dragReason(column) !== ''"
+						class="cn-board-view__column-reason"
+						data-testid="cn-board-column-reason">
+						{{ dragReason(column) }}
+					</p>
+
 					<!--
 						A list of its own, so a reader is told how many cards
 						this column holds. The column is a listitem of the
@@ -176,14 +190,18 @@
 													class="cn-board-view__menu-item"
 													data-testid="cn-board-menu-move"
 													:data-target="target.key"
-													:aria-disabled="isMoveAllowed(card, target) ? null : 'true'"
-													:class="{ 'cn-board-view__menu-item--blocked': !isMoveAllowed(card, target) }"
-													@click="isMoveAllowed(card, target) && onMenuMove(card, column, target)">
+													:aria-disabled="canMoveTo(card, target) ? null : 'true'"
+													:class="{ 'cn-board-view__menu-item--blocked': !canMoveTo(card, target), 'cn-board-view__menu-item--reason': blockReason(card, target) !== '' }"
+													@click="canMoveTo(card, target) && onMenuMove(card, column, target)">
 													{{ target.label }}
 													<span
-														v-if="!isMoveAllowed(card, target)"
+														v-if="!canMoveTo(card, target) && blockedNote(card, target) !== ''"
 														class="cn-board-view__menu-note"
-														data-testid="cn-board-menu-blocked">{{ notAllowedLabel }}</span>
+														data-testid="cn-board-menu-blocked">{{ blockedNote(card, target) }}</span>
+													<span
+														v-if="blockReason(card, target) !== ''"
+														class="cn-board-view__menu-reason"
+														data-testid="cn-board-menu-reason">{{ blockReason(card, target) }}</span>
 												</button>
 											</div>
 											<button
@@ -337,13 +355,14 @@ import { translate as t } from '@nextcloud/l10n'
 import CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'
 import { normalizeLook } from '../../composables/useLook.js'
 import { isBadgeVariant } from '../../utils/badgeVariants.js'
-import { buildBoardColumns, resolveStageColor } from '../../utils/boardColumns.js'
+import { buildBoardColumns, normalizeAllowed, resolveStageColor } from '../../utils/boardColumns.js'
 import { buildSwimlanes } from '../../utils/boardSwimlanes.js'
 import { DROP_OUTCOMES, runBoardDrop } from '../../utils/boardTransition.js'
 import { daysUntil, dueStateForRow } from '../../utils/dueRule.js'
 import { formatMetricValue } from '../../utils/formatMetric.js'
 import { readPath } from '../../utils/readPath.js'
 import { isRowMiddleClick, preventMiddleClickAutoscroll } from '../../utils/rowAuxClick.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 import '../../css/board.css'
 
@@ -584,7 +603,13 @@ export default {
 		 * it is refused without asking the host. Absent, every column is
 		 * offered and the host's move decides.
 		 *
-		 * @type {((card: object) => Promise<Array<string>|null>)|null}
+		 * An entry may also be `{ key, allowed, reason }`. With `allowed:
+		 * false` the column is blocked: the menu shows the reason under its
+		 * name, the column shows it under its header during a drag, and a
+		 * drop there is refused with it.
+		 *
+		 * @type {((card: object) => Promise<Array<string|{key: string, allowed?: boolean, reason?: string}>|null>)|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
 		 */
 		allowedMoves: {
@@ -609,9 +634,9 @@ export default {
 			expanded: [],
 			/** The card whose menu is open (board look), by card key. */
 			openMenuKey: null,
-			/** Column keys each card may move to (`allowedMoves`), by card key; absent = not asked yet. */
+			/** Where each card may move (`allowedMoves`), as `{ keys, reasons }` by card key; null = everywhere, absent = not asked yet. */
 			allowedByCard: {},
-			/** The column keys the dragged card may reach, or null for all. */
+			/** Where the dragged card may move, as `{ keys, reasons }`, or null for everywhere. */
 			dragAllowed: null,
 		}
 	},
@@ -667,6 +692,21 @@ export default {
 			return t('nextcloud-vue', 'not allowed')
 		},
 
+		/** @return {string} The note on a menu target that is full. */
+		fullLabel() {
+			return t('nextcloud-vue', 'full')
+		},
+
+		/**
+		 * Every column's total over all lanes, by key: what a limit is
+		 * measured against, since a swimlane holds only part of a column.
+		 *
+		 * @return {Map<string, number>} The totals.
+		 */
+		columnTotals() {
+			return new Map(this.board.columns.map((column) => [String(column.key), column.count]))
+		},
+
 		/** @return {Array<string>} The selected row keys as strings. */
 		selectedKeys() {
 			return (Array.isArray(this.selectedIds) ? this.selectedIds : []).map(String)
@@ -773,7 +813,7 @@ export default {
 		 * Ask the host where one card may go (`allowedMoves`), once per card.
 		 *
 		 * @param {object} card The card.
-		 * @return {Promise<Array<string>|null>} The column keys, or null for all.
+		 * @return {Promise<{keys: Array<string>, reasons: object}|null>} Where it may go, or null for everywhere.
 		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-the-board-shows-where-a-card-can-go
 		 */
 		async loadAllowed(card) {
@@ -786,8 +826,7 @@ export default {
 			}
 			let allowed
 			try {
-				const answer = await this.allowedMoves(card)
-				allowed = Array.isArray(answer) ? answer.map(String) : null
+				allowed = normalizeAllowed(await this.allowedMoves(card))
 			} catch {
 				// Unknown is not "nowhere": the host's move stays the authority.
 				allowed = null
@@ -805,7 +844,116 @@ export default {
 		 */
 		isMoveAllowed(card, target) {
 			const allowed = this.allowedByCard[this.cardKey(card)]
-			return !Array.isArray(allowed) || allowed.includes(String(target.key))
+			return !allowed || allowed.keys.includes(String(target.key))
+		},
+
+		/**
+		 * Why the host blocked a card's move to a column, when it said.
+		 *
+		 * @param {object} card The card.
+		 * @param {object} target The column.
+		 * @return {string} The reason, '' when the move is allowed or no reason was given.
+		 * @spec openspec/changes/board-move-block-reasons/specs/board-view/spec.md#requirement-a-move-target-can-be-blocked-with-a-reason
+		 */
+		blockReason(card, target) {
+			const allowed = this.allowedByCard[this.cardKey(card)]
+			if (!allowed || this.isMoveAllowed(card, target)) {
+				return ''
+			}
+			return allowed.reasons[String(target.key)] || ''
+		},
+
+		/**
+		 * The note beside a menu target the card cannot move to.
+		 *
+		 * @param {object} card The card.
+		 * @param {object} target The column.
+		 * @return {string} "full" or "not allowed"; '' when a reason is shown instead.
+		 */
+		blockedNote(card, target) {
+			if (this.blockReason(card, target) !== '') {
+				return ''
+			}
+			return this.isMoveAllowed(card, target) && this.isFull(target) ? this.fullLabel : this.notAllowedLabel
+		},
+
+		/**
+		 * Why the dragged card cannot land on a column, shown under its header.
+		 *
+		 * @param {object} column The column.
+		 * @return {string} The host's reason while a drag is on, else ''.
+		 * @spec openspec/changes/board-move-block-reasons/specs/board-view/spec.md#requirement-a-move-target-can-be-blocked-with-a-reason
+		 */
+		dragReason(column) {
+			if (this.dragging === null || !this.dragAllowed || column.key === this.dragging.fromKey) {
+				return ''
+			}
+			const key = String(column.key)
+			return this.dragAllowed.keys.includes(key) ? '' : (this.dragAllowed.reasons[key] || '')
+		},
+
+		/**
+		 * A column's limit.
+		 *
+		 * @param {object} column The column.
+		 * @return {number|null} The limit, or null when it has none.
+		 * @spec openspec/changes/board-column-capacity/specs/board-view/spec.md#requirement-a-column-can-carry-a-capacity
+		 */
+		capacityOf(column) {
+			const capacity = Number(column?.capacity)
+			return Number.isFinite(capacity) && capacity > 0 ? capacity : null
+		},
+
+		/**
+		 * Whether a column holds as many cards as its limit, or more.
+		 *
+		 * @param {object} column The column.
+		 * @return {boolean} True when full; false without a limit.
+		 * @spec openspec/changes/board-column-capacity/specs/board-view/spec.md#requirement-a-column-can-carry-a-capacity
+		 */
+		isFull(column) {
+			const capacity = this.capacityOf(column)
+			return capacity !== null && (this.columnTotals.get(String(column.key)) ?? column.count) >= capacity
+		},
+
+		/**
+		 * "count / capacity" for a column with a limit.
+		 *
+		 * @param {object} column The column.
+		 * @return {string} The text.
+		 */
+		capacityText(column) {
+			return t('nextcloud-vue', '{count} / {capacity}', {
+				count: this.columnTotals.get(String(column.key)) ?? column.count,
+				capacity: this.capacityOf(column),
+			})
+		},
+
+		/**
+		 * Whether a card may move to a column: the host allows it and the
+		 * column is not full.
+		 *
+		 * @param {object} card The card.
+		 * @param {object} target The column.
+		 * @return {boolean} True when the move may be asked for.
+		 * @spec openspec/changes/board-column-capacity/specs/board-view/spec.md#requirement-a-drop-into-a-full-column-is-refused
+		 */
+		canMoveTo(card, target) {
+			return this.isMoveAllowed(card, target) && !this.isFull(target)
+		},
+
+		/**
+		 * The sentence a drop into a full column is refused with.
+		 *
+		 * @param {object} column The column.
+		 * @return {string} The sentence.
+		 */
+		fullRefusal(column) {
+			return t('nextcloud-vue', '{column} is full: {count} of {capacity}.', {
+				column: column.label,
+				count: this.columnTotals.get(String(column.key)) ?? column.count,
+				capacity: this.capacityOf(column),
+			})
 		},
 
 		/**
@@ -815,10 +963,11 @@ export default {
 		 * @return {boolean} True while a drag is on and the card cannot go there.
 		 */
 		isUnreachable(column) {
-			return this.dragging !== null
-				&& Array.isArray(this.dragAllowed)
-				&& column.key !== this.dragging.fromKey
-				&& !this.dragAllowed.includes(String(column.key))
+			if (this.dragging === null || column.key === this.dragging.fromKey) {
+				return false
+			}
+			return this.isFull(column)
+				|| (this.dragAllowed !== null && !this.dragAllowed.keys.includes(String(column.key)))
 		},
 
 		/**
@@ -942,7 +1091,7 @@ export default {
 			const date = new Date(value)
 			const shown = Number.isNaN(date.getTime())
 				? String(value)
-				: date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })
+				: date.toLocaleDateString(userLocale(), { day: 'numeric', month: 'short' })
 			return days < 0
 				? t('nextcloud-vue', 'Overdue {date}', { date: shown })
 				: t('nextcloud-vue', 'Due {date}', { date: shown })
@@ -1292,6 +1441,9 @@ export default {
 		 * @return {string} The count.
 		 */
 		countLabel(column) {
+			if (this.capacityOf(column) !== null) {
+				return this.capacityText(column)
+			}
 			return this.paged
 				? t('nextcloud-vue', '{count} on this page', { count: column.count })
 				: String(column.count)
@@ -1381,7 +1533,8 @@ export default {
 			this.dragAllowed = null
 			if (column.key !== fromKey && !this.isMoveAllowed(card, column)) {
 				const name = this.roleText(card, this.roles.title) || this.cardKey(card)
-				this.refusal = t('nextcloud-vue', '{name} cannot move to {column}.', { name, column: column.label })
+				this.refusal = this.blockReason(card, column)
+					|| t('nextcloud-vue', '{name} cannot move to {column}.', { name, column: column.label })
 				this.$emit('refused', { card, message: this.refusal })
 				return
 			}
@@ -1411,6 +1564,13 @@ export default {
 		async move(card, fromKey, toKey) {
 			this.refusal = ''
 
+			const target = this.board.columns.find((column) => String(column.key) === String(toKey))
+			if (target && String(toKey) !== String(fromKey) && this.isFull(target)) {
+				this.refusal = this.fullRefusal(target)
+				this.$emit('refused', { card, message: this.refusal })
+				return
+			}
+
 			const result = await runBoardDrop({
 				card,
 				fromKey,
@@ -1551,4 +1711,9 @@ export default {
 .cn-board-view__refusal {
 	color: var(--color-error);
 }
+
+.cn-board-view__count--full {
+	color: var(--color-error-text, var(--color-error));
+	font-weight: 600;
+}
 </style>

package/src/components/CnCalendarEventPicker/CnCalendarEventPicker.vue

@@ -120,6 +120,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { NcButton, NcDialog, NcLoadingIcon, NcTextField } from '@nextcloud/vue'
 import ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * CnCalendarEventPicker — 2-step calendar/event picker modal for the
@@ -307,7 +308,7 @@ export default {
 				if (Number.isNaN(d.getTime())) {
 					return String(ev.dtstart)
 				}
-				return d.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' })
+				return d.toLocaleString(userLocale(), { dateStyle: 'medium', timeStyle: 'short' })
 			} catch {
 				return String(ev.dtstart)
 			}

package/src/components/CnCalendarWidget/CnCalendarWidget.vue

@@ -130,6 +130,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
+import { userLocale } from '../../utils/userLocale.js'
 
 const VIEW_MODES = ['month', 'week', 'agenda']
 const DEFAULT_DAYS_AHEAD = 14
@@ -604,7 +605,7 @@ export default {
 		 * @return {string} the header label.
 		 */
 		formatDayHeader(date) {
-			const month = date.toLocaleString(undefined, { month: 'short' })
+			const month = date.toLocaleString(userLocale(), { month: 'short' })
 			return `${this.weekdayHeaders[date.getDay()]} ${date.getDate()} ${month}`
 		},
 

package/src/components/CnChartWidget/CnChartWidget.vue

@@ -78,6 +78,7 @@ import { resolveObjectOpType } from '../../utils/actionsDispatcher.js'
 import { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'
 import { safeCurrencyCode } from '../../utils/formatMetric.js'
 import { resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 /**
  * Nice-ceiling ladder. Deliberately fine-grained: a coarse one (1 / 2 / 5 / 10)
@@ -1636,16 +1637,16 @@ export default {
 			const year = d.getFullYear() === thisYear ? {} : { year: 'numeric' }
 			switch (String(interval || '').toLowerCase()) {
 				case 'minute':
-					return d.toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+					return d.toLocaleString(userLocale(), { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' })
 				case 'hour':
-					return d.toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit' })
+					return d.toLocaleString(userLocale(), { month: 'short', day: 'numeric', hour: '2-digit' })
 				case 'day':
 				case 'week':
-					return d.toLocaleDateString(undefined, { day: 'numeric', month: 'short', ...year })
+					return d.toLocaleDateString(userLocale(), { day: 'numeric', month: 'short', ...year })
 				case 'year':
-					return d.toLocaleDateString(undefined, { year: 'numeric' })
+					return d.toLocaleDateString(userLocale(), { year: 'numeric' })
 				default:
-					return d.toLocaleDateString(undefined, { month: 'short', year: '2-digit' })
+					return d.toLocaleDateString(userLocale(), { month: 'short', year: '2-digit' })
 			}
 		},
 

package/src/components/CnCollectivePagePicker/CnCollectivePagePicker.vue

@@ -112,6 +112,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { NcButton, NcDialog, NcEmptyContent, NcLoadingIcon, NcNoteCard, NcSelect, NcTextField } from '@nextcloud/vue'
 import BookOpenPageVariant from 'vue-material-design-icons/BookOpenPageVariant.vue'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 export default {
 	name: 'CnCollectivePagePicker',
@@ -267,7 +268,7 @@ export default {
 			if (Number.isNaN(d.getTime())) {
 				return ''
 			}
-			return d.toLocaleDateString(undefined, { dateStyle: 'medium' })
+			return d.toLocaleDateString(userLocale(), { dateStyle: 'medium' })
 		},
 
 		confirm() {

package/src/components/CnConversationThread/CnConversationThread.vue

@@ -86,6 +86,7 @@ import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
 import { NcButton } from '@nextcloud/vue'
 import { prefixUrl } from '../../utils/headers.js'
+import { userLocale } from '../../utils/userLocale.js'
 
 let conversationThreadUid = 0
 
@@ -299,7 +300,7 @@ export default {
 			if (!looksLikeDate || Number.isNaN(date.getTime())) {
 				return { label: String(value), datetime: '' }
 			}
-			const label = date.toLocaleString(undefined, { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' })
+			const label = date.toLocaleString(userLocale(), { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' })
 			return { label, datetime: date.toISOString() }
 		},