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

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/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/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.100.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -1176,6 +1176,7 @@
 									"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." },
 									"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() },
 			)
 

package/src/utils/boardColumns.js

@@ -55,12 +55,28 @@ export function stagesOf(field, colorField = '') {
 					label: String(entry?.label ?? entry?.title ?? entry?.key ?? entry?.value ?? ''),
 					hidden: entry?.hidden === true,
 					color: colorOf(field, entry, colorField),
+					capacity: capacityValue(entry?.capacity),
 				}))
 		.filter((stage) => stage.key !== '')
 
 	return { stages, usable: stages.length > 0 }
 }
 
+/**
+ * A column limit as a usable number.
+ *
+ * @param {unknown} value - The declared limit.
+ * @return {number|null} The limit, or null when there is none (not a number above 0).
+ * @spec openspec/changes/board-column-capacity/specs/board-view/spec.md#requirement-a-column-can-carry-a-capacity
+ */
+export function capacityValue(value) {
+	if (value === null || value === undefined || value === '') {
+		return null
+	}
+	const n = Number(value)
+	return Number.isFinite(n) && n > 0 ? n : null
+}
+
 /**
  * The colour a state declares: the `colorField` key on the state, else its
  * `color`, else (for a plain enum value) the field's `enumColors` entry.
@@ -154,6 +170,7 @@ export function buildBoardColumns({
 		key: stage.key,
 		label: stage.label,
 		color: stage.color,
+		capacity: stage.capacity ?? null,
 		cards: [],
 		count: 0,
 	}))
@@ -177,3 +194,35 @@ export function buildBoardColumns({
 
 	return { columns, usable: true }
 }
+
+/**
+ * Where a card may move, from what `allowedMoves` answered: plain column keys
+ * and `{ key, allowed, reason }` entries. A key any entry allows is allowed;
+ * a blocked key keeps the first reason given for it.
+ *
+ * @param {unknown} answer The answer.
+ * @return {{keys: Array<string>, reasons: object}|null} The allowed keys and the reasons by key, or null for everywhere.
+ * @spec openspec/changes/board-move-block-reasons/specs/board-view/spec.md#requirement-a-move-target-can-be-blocked-with-a-reason
+ */
+export function normalizeAllowed(answer) {
+	if (!Array.isArray(answer)) {
+		return null
+	}
+	const keys = []
+	const reasons = {}
+	for (const entry of answer) {
+		if (entry && typeof entry === 'object') {
+			const key = String(entry.key ?? '')
+			if (entry.allowed === false) {
+				if (!reasons[key] && typeof entry.reason === 'string' && entry.reason.trim() !== '') {
+					reasons[key] = entry.reason.trim()
+				}
+			} else {
+				keys.push(key)
+			}
+		} else if (entry !== null && entry !== undefined) {
+			keys.push(String(entry))
+		}
+	}
+	return { keys, reasons }
+}

package/src/utils/boardReferenceColumns.js

@@ -27,6 +27,7 @@
  * Pure apart from `fetchReferenceObjects`: no store, no Vue.
  */
 
+import { capacityValue } from './boardColumns.js'
 import { buildHeaders, buildQueryString, prefixUrl } from './headers.js'
 import { readPath } from './readPath.js'
 import { schemaRefSlug } from './schemaRefSlug.js'
@@ -124,7 +125,9 @@ export function referenceTargetOf(source, { register = '', property = null } = {
  * @param {string} [options.mergeBy] The row field whose equal values make one column.
  * @param {{field: string, rowField: string}|null} [options.narrowBy] The parent link.
  * @param {string} [options.narrowValue] The parent the board is narrowed to, '' for all.
- * @return {{states: Array<{key: string, label: string, color: string}>, keyByValue: Map<string, string>, refsByKey: Map<string, Array<object>>}} The stages.
+ * @param {string} [options.capacityField] The numeric row field that holds a column's limit.
+ *   A column merged from two or more rows shows none: each row has its own limit.
+ * @return {{states: Array<{key: string, label: string, color: string, capacity?: (number|null)}>, keyByValue: Map<string, string>, refsByKey: Map<string, Array<object>>}} The stages.
  * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-columns-can-be-the-rows-a-field-references
  */
 export function buildReferenceStages({
@@ -135,6 +138,7 @@ export function buildReferenceStages({
 	mergeBy = '',
 	narrowBy = null,
 	narrowValue = '',
+	capacityField = '',
 } = {}) {
 	const list = (Array.isArray(refs) ? refs : []).filter((ref) => ref && typeof ref === 'object' && refIdOf(ref) !== '')
 	const narrowed = narrowBy && narrowBy.field && narrowValue !== ''
@@ -161,13 +165,61 @@ export function buildReferenceStages({
 		if (!refsByKey.has(key)) {
 			refsByKey.set(key, [])
 			const color = colorField ? readPath(ref, colorField) : ref.color
-			states.push({ key, label, color: typeof color === 'string' ? color : '' })
+			const state = { key, label, color: typeof color === 'string' ? color : '' }
+			if (capacityField) {
+				state.capacity = capacityOfRef(ref, capacityField)
+			}
+			states.push(state)
 		}
 		refsByKey.get(key).push(ref)
 	}
+	for (const state of states) {
+		if (capacityField && refsByKey.get(state.key).length > 1) {
+			state.capacity = null
+		}
+	}
 	return { states, keyByValue, refsByKey }
 }
 
+/**
+ * The limit one referenced row declares.
+ *
+ * @param {object} ref The referenced row.
+ * @param {string} capacityField The row field that holds the limit.
+ * @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
+ */
+export function capacityOfRef(ref, capacityField) {
+	return capacityField ? capacityValue(readPath(ref, capacityField)) : null
+}
+
+/**
+ * Whether a drop fills a referenced row past its limit: the cards that
+ * already carry that row, counted against the row's own limit. Counted per
+ * row, not per column, so a column merged from several rows still refuses
+ * the one that is full.
+ *
+ * @param {object} options The call.
+ * @param {object} options.target The referenced row the drop would write.
+ * @param {object} options.card The card being moved.
+ * @param {Array<object>} options.rows The cards the board holds.
+ * @param {string} options.field The row field the columns come from.
+ * @param {string} options.capacityField The referenced row's limit field.
+ * @param {string} [options.rowKey] The row key, so the moving card is not counted.
+ * @return {{count: number, capacity: number}|null} The count and limit when full, else null.
+ * @spec openspec/changes/board-column-capacity/specs/board-view/spec.md#requirement-a-drop-into-a-full-column-is-refused
+ */
+export function fullTargetOf({ target, card, rows = [], field, capacityField, rowKey = 'id' } = {}) {
+	const capacity = capacityOfRef(target, capacityField)
+	if (capacity === null) {
+		return null
+	}
+	const id = refIdOf(target)
+	const self = String(card?.[rowKey] ?? '')
+	const count = (Array.isArray(rows) ? rows : []).filter((row) => String(row?.[rowKey] ?? '') !== self && refIdOf(readPath(row, field)) === id).length
+	return count >= capacity ? { count, capacity } : null
+}
+
 /**
  * The stages of a field with no referenced schema (a user id): the values
  * present on the rows, by label, then one column for no value.