@protobase/ui 0.63.4 → 0.64.0

package/dist/app/displays/board-display.js

@@ -3,7 +3,6 @@ import { text } from "./messages.js";
 import { boardCard, boardColumns, boardRank } from "./board-columns.js";
 import { useProjectUi } from "../pages/project-ui.js";
 import { Problem } from "../pages/problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { can } from "../permissions.js";
 import { RecordCard } from "./record-card.js";
 import { listHandOrder } from "../hand-order/hand-order.js";
@@ -77,7 +76,7 @@ const BoardDisplay = ({ model, view, display, fields, filter, orderBy, limit })
 		},
 		coordinateGetter: cardCoordinates
 	}));
-	if (dropName !== void 0 && !drop) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noDrop"), dropName) });
+	if (dropName !== void 0 && !drop) return /* @__PURE__ */ jsx(Problem, { children: text.rich("noDrop", { drop: dropName }) });
 	const columnOf = (id) => columns.find((column) => columnId(column.value) === id);
 	const valueOf = (row) => row.record[display.by] ?? null;
 	const crosses = (row, to) => takes(valueOf(row)) && takes(to.value);
@@ -87,8 +86,15 @@ const BoardDisplay = ({ model, view, display, fields, filter, orderBy, limit })
 		if (!place) return { over: columnOf(over.id)?.label ?? text("noColumn") };
 		const count = place.rows.some((entry) => entry.key === row.key) ? place.rows.length : place.rows.length + 1;
 		return {
-			over: text("placeOf", place.column.label, place.index + 1, count),
-			place: text("place", place.column.label, place.index + 1)
+			over: text("placeOf", {
+				column: place.column.label,
+				place: place.index + 1,
+				count
+			}),
+			place: text("place", {
+				column: place.column.label,
+				place: place.index + 1
+			})
 		};
 	};
 	const refused = (row, over) => {
@@ -96,15 +102,21 @@ const BoardDisplay = ({ model, view, display, fields, filter, orderBy, limit })
 		return target !== void 0 && target.value !== valueOf(row) && !crosses(row, target);
 	};
 	const announcements = {
-		onDragStart: ({ active: picked }) => text("pickedUp", title(picked.data.current.row)),
-		onDragOver: ({ active: picked, over }) => text("isOver", title(picked.data.current.row), announced(picked.data.current.row, over).over),
+		onDragStart: ({ active: picked }) => text("pickedUp", { title: title(picked.data.current.row) }),
+		onDragOver: ({ active: picked, over }) => text("isOver", {
+			title: title(picked.data.current.row),
+			over: announced(picked.data.current.row, over).over
+		}),
 		onDragEnd: ({ active: picked, over }) => {
 			const row = picked.data.current.row;
-			if (!over || refused(row, over)) return text("putBack", title(row));
+			if (!over || refused(row, over)) return text("putBack", { title: title(row) });
 			const said = announced(row, over);
-			return text("wasMovedTo", title(row), said.place ?? said.over);
+			return text("wasMovedTo", {
+				title: title(row),
+				to: said.place ?? said.over
+			});
 		},
-		onDragCancel: ({ active: picked }) => text("cancelled", title(picked.data.current.row))
+		onDragCancel: ({ active: picked }) => text("cancelled", { title: title(picked.data.current.row) })
 	};
 	const start = ({ active: picked }) => {
 		dragged.current = true;

package/dist/app/displays/calendar-display.js

@@ -2,8 +2,8 @@ import { cn } from "../../lib/cn.js";
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate, formatWeekday } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";
@@ -58,10 +58,16 @@ const CalendarDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 	const dayText = (id) => formatDate(Date.parse(`${String(id).slice(dayId("").length)}T00:00:00Z`));
 	const title = (picked) => eventTitle(model, view, display, picked.row);
 	const announcements = {
-		onDragStart: ({ active: picked }) => text("pickedUp", title(picked.data.current)),
-		onDragOver: ({ active: picked, over }) => text("isOver", title(picked.data.current), over ? dayText(over.id) : text("noDay")),
-		onDragEnd: ({ active: picked, over }) => over ? text("wasMovedTo", title(picked.data.current), dayText(over.id)) : text("putBack", title(picked.data.current)),
-		onDragCancel: ({ active: picked }) => text("cancelled", title(picked.data.current))
+		onDragStart: ({ active: picked }) => text("pickedUp", { title: title(picked.data.current) }),
+		onDragOver: ({ active: picked, over }) => text("isOver", {
+			title: title(picked.data.current),
+			over: over ? dayText(over.id) : text("noDay")
+		}),
+		onDragEnd: ({ active: picked, over }) => over ? text("wasMovedTo", {
+			title: title(picked.data.current),
+			to: dayText(over.id)
+		}) : text("putBack", { title: title(picked.data.current) }),
+		onDragCancel: ({ active: picked }) => text("cancelled", { title: title(picked.data.current) })
 	};
 	const release = () => {
 		setActive(void 0);
@@ -82,7 +88,7 @@ const CalendarDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 			scale: "week",
 			day
 		}, now);
-		const label = text("moreHidden", hidden);
+		const label = text("moreHidden", { count: hidden });
 		const className = "self-start rounded px-1 text-xs text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-primary";
 		return linkTo ? /* @__PURE__ */ jsx(AppLink, {
 			to: linkTo(to),
@@ -110,7 +116,10 @@ const CalendarDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 			}),
 			list.capped && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: text("capped", 500, shown.scale)
+				children: text("capped", {
+					limit: 500,
+					unit: shown.scale
+				})
 			}),
 			/* @__PURE__ */ jsxs(DndContext, {
 				sensors,

package/dist/app/displays/cards-display.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/cn.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { RecordCard } from "./record-card.js";
 import { DisplayFooter, DisplayState } from "./display-frame.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ const CardsDisplay = ({ model, view, display, list, row = false, footer = true }
 	const plural = (view?.names?.plural ?? humanize(model.name)).toLowerCase();
 	return /* @__PURE__ */ jsxs(DisplayState, {
 		list,
-		empty: text("noneMatch", plural),
+		empty: text("noneMatch", { plural }),
 		loading: /* @__PURE__ */ jsx("div", {
 			className: grid,
 			children: Array.from({ length: 6 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-24" }, index))

package/dist/app/displays/custom-display.js

@@ -1,7 +1,6 @@
 import { text } from "./messages.js";
 import { useProjectUi } from "../pages/project-ui.js";
 import { Problem } from "../pages/problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { CustomBoundary } from "../pages/custom-boundary.js";
 import { ListDisplayProvider } from "./display-context.js";
 import { unmarkFieldRefs } from "@protobase/schema/internal";
@@ -14,7 +13,7 @@ import { jsx } from "react/jsx-runtime";
 const CustomDisplay = ({ display, list }) => {
 	const { components } = useProjectUi();
 	const Component = components?.[display.component];
-	if (!Component) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noComponent"), display.component) });
+	if (!Component) return /* @__PURE__ */ jsx(Problem, { children: text.rich("noComponent", { component: display.component }) });
 	return /* @__PURE__ */ jsx(ListDisplayProvider, {
 		value: list,
 		children: /* @__PURE__ */ jsx("div", {

package/dist/app/displays/list-cards.js

@@ -1,7 +1,7 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { displayRow } from "./list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { RecordCard } from "./record-card.js";
 import { VirtualCards } from "./virtual-cards.js";
@@ -27,7 +27,7 @@ const ListCards = ({ model, view, display, list, empty }) => {
 	});
 	if (!list.source || list.source.total === 0) return empty ?? /* @__PURE__ */ jsx("p", {
 		className: "py-8 text-center text-muted-foreground",
-		children: text("noneMatch", plural.toLowerCase())
+		children: text("noneMatch", { plural: plural.toLowerCase() })
 	});
 	return /* @__PURE__ */ jsx(VirtualCards, {
 		source: list.source,

package/dist/app/displays/map-display.js

@@ -55,11 +55,24 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 	const approximate = new Set(points.filter((point) => point.approximate).map((point) => point.key));
 	const markerLabel = (keys) => {
 		const near = keys.filter((key) => approximate.has(key)).length;
-		if (keys.length === 1) return near === 1 ? text("showOneApproximate", singular) : text("showOne", singular);
-		if (near === 0) return text("showMany", keys.length, plural);
-		return near === keys.length ? text("showManyApproximate", keys.length, plural) : text("showManySomeApproximate", keys.length, plural, near);
+		if (keys.length === 1) return near === 1 ? text("showOneApproximate", { singular }) : text("showOne", { singular });
+		if (near === 0) return text("showMany", {
+			count: keys.length,
+			plural
+		});
+		return near === keys.length ? text("showManyApproximate", {
+			count: keys.length,
+			plural
+		}) : text("showManySomeApproximate", {
+			count: keys.length,
+			plural,
+			near
+		});
 	};
-	const bucketLabel = (count) => text("zoomIn", count.toLocaleString(formatTag()), count === 1 ? singular : plural);
+	const bucketLabel = (count) => text("zoomIn", {
+		count: count.toLocaleString(formatTag()),
+		noun: count === 1 ? singular : plural
+	});
 	const overlay = useRef(null);
 	const [covered, setCovered] = useState(0);
 	useLayoutEffect(() => setCovered(overlay.current?.offsetHeight ?? 0), [row?.key]);
@@ -107,7 +120,7 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 					children: /* @__PURE__ */ jsxs("p", {
 						className: "pointer-events-auto flex items-center gap-3 rounded-full border border-border bg-background px-4 py-1.5 text-muted-foreground shadow",
 						role: "status",
-						children: [fitting ? text("noneMatch", plural) : text("noneHere", plural), !fitting && /* @__PURE__ */ jsx(Button, {
+						children: [fitting ? text("noneMatch", { plural }) : text("noneHere", { plural }), !fitting && /* @__PURE__ */ jsx(Button, {
 							size: "sm",
 							onClick: () => setFitting(true),
 							children: text("showAll")
@@ -120,7 +133,7 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "pointer-events-auto flex w-full max-w-[16rem] flex-col gap-2 sm:max-w-xs",
 						role: "group",
-						"aria-label": text("chosen", singular),
+						"aria-label": text("chosen", { singular }),
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center justify-end gap-1.5",
 							children: [

package/dist/app/displays/messages.js

@@ -1,150 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/displays/messages.ts
-const text = defineMessages({
-	en: {
-		table: "Table",
-		display: "Display",
-		sort: "Sort",
-		ascending: "ascending",
-		descending: "descending",
-		movedTo: (column) => `Moved to ${column}`,
-		orderChanged: "Order changed",
-		stayedIn: (column) => `Saved, still in ${column}`,
-		undo: "Undo",
-		couldNotUndo: "Could not undo",
-		couldNotLoadRows: "Could not load rows",
-		noPlural: (plural) => `No ${plural}`,
-		noValue: (label) => `No ${label.toLowerCase()}`,
-		somethingWrong: "Something went wrong",
-		showMore: "Show more",
-		noDrop: "No board drop is registered as {}. Give it in boardDrops in protobase.ui.tsx, or load the plugin that provides it.",
-		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
-		pickedUp: (title) => `Picked up ${title}.`,
-		isOver: (title, over) => `${title} is over ${over}.`,
-		putBack: (title) => `${title} was put back.`,
-		wasMovedTo: (title, to) => `${title} was moved to ${to}.`,
-		cancelled: (title) => `Moving ${title} was cancelled.`,
-		startsOn: (title, day) => `${title} starts on ${day}.`,
-		noColumn: "no column",
-		noDay: "no day",
-		placeOf: (column, place, count) => `${column}, place ${place} of ${count}`,
-		place: (column, place) => `${column}, place ${place}`,
-		boardAcross: "To move a card to another column, press Space, move it with the left and right arrow keys, and press Space again to drop it there. Escape puts it back.",
-		boardAnywhere: "To move a card, press Space, move it with the up and down arrow keys within its column and the left and right arrow keys to another column, and press Space again to drop it there. Escape puts it back.",
-		boardWithin: "To move a card, press Space, move it with the up and down arrow keys within its column, and press Space again to drop it there. Escape puts it back.",
-		calendarInstructions: "To move an event to another day, press Space, move it a day with the left and right arrow keys or a week with the up and down arrow keys, and press Space again to drop it there. Escape puts it back.",
-		timelineInstructions: "To move a bar to other days, press Space, move it a day with the left and right arrow keys, and press Space again to drop it there. Escape puts it back.",
-		week: "Week",
-		month: "Month",
-		quarter: "Quarter",
-		calendarScale: "Calendar scale",
-		timelineScale: "Timeline scale",
-		previousPeriod: (unit) => `Previous ${unit}`,
-		nextPeriod: (unit) => `Next ${unit}`,
-		today: "Today",
-		capped: (limit, unit) => `Showing the first ${limit} records of this ${unit}. Narrow the filter to see the rest.`,
-		nothingIn: (unit) => `Nothing in this ${unit}.`,
-		noneMatch: (plural) => `No ${plural} match.`,
-		list: "List",
-		showOneApproximate: (singular) => `Show the ${singular}, at an approximate position`,
-		showOne: (singular) => `Show the ${singular}`,
-		showMany: (count, plural) => `Show ${count} ${plural}`,
-		showManyApproximate: (count, plural) => `Show ${count} ${plural}, at approximate positions`,
-		showManySomeApproximate: (count, plural, near) => `Show ${count} ${plural}, ${near} at approximate positions`,
-		zoomIn: (count, noun) => `Zoom in on ${count} ${noun}`,
-		needsStyle: "The map display needs a map style: set PROTOBASE_MAP_STYLE_URL.",
-		noneHere: (plural) => `No ${plural} in this part of the map.`,
-		showAll: "Show all",
-		chosen: (singular) => `Chosen ${singular}`,
-		approximatePosition: "Approximate position",
-		previous: "Previous",
-		next: "Next",
-		close: "Close",
-		features: "Features",
-		couldNotReorder: "Could not change the order",
-		couldNotMoveTo: (to) => `Could not move it to ${to}`,
-		moreHidden: (count) => `+${count} more`
-	},
-	nl: {
-		table: "Tabel",
-		display: "Weergave",
-		sort: "Sorteren",
-		ascending: "oplopend",
-		descending: "aflopend",
-		movedTo: (column) => `Verplaatst naar ${column}`,
-		orderChanged: "Volgorde gewijzigd",
-		stayedIn: (column) => `Opgeslagen, nog in ${column}`,
-		undo: "Ongedaan maken",
-		couldNotUndo: "Kon niet ongedaan maken",
-		couldNotLoadRows: "Kon de rijen niet laden",
-		noPlural: (plural) => `Geen ${plural}`,
-		noValue: (label) => `Geen ${label.toLowerCase()}`,
-		somethingWrong: "Er ging iets mis",
-		showMore: "Meer tonen",
-		noDrop: "Er is geen bordactie geregistreerd als {}. Geef die in boardDrops in protobase.ui.tsx, of laad de plug-in die haar levert.",
-		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
-		pickedUp: (title) => `${title} opgepakt.`,
-		isOver: (title, over) => `${title} is boven ${over}.`,
-		putBack: (title) => `${title} is teruggezet.`,
-		wasMovedTo: (title, to) => `${title} is verplaatst naar ${to}.`,
-		cancelled: (title) => `Verplaatsen van ${title} is geannuleerd.`,
-		startsOn: (title, day) => `${title} begint op ${day}.`,
-		noColumn: "geen kolom",
-		noDay: "geen dag",
-		placeOf: (column, place, count) => `${column}, plaats ${place} van ${count}`,
-		place: (column, place) => `${column}, plaats ${place}`,
-		boardAcross: "Druk op Spatie om een kaart naar een andere kolom te verplaatsen, verplaats haar met de pijltjestoetsen links en rechts, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		boardAnywhere: "Druk op Spatie om een kaart te verplaatsen, verplaats haar met de pijltjestoetsen omhoog en omlaag binnen haar kolom en met links en rechts naar een andere kolom, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		boardWithin: "Druk op Spatie om een kaart te verplaatsen, verplaats haar met de pijltjestoetsen omhoog en omlaag binnen haar kolom, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		calendarInstructions: "Druk op Spatie om een gebeurtenis naar een andere dag te verplaatsen, verplaats haar een dag met de pijltjestoetsen links en rechts of een week met omhoog en omlaag, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		timelineInstructions: "Druk op Spatie om een balk naar andere dagen te verplaatsen, verplaats hem een dag met de pijltjestoetsen links en rechts, en druk nogmaals op Spatie om hem daar neer te zetten. Escape zet hem terug.",
-		week: "Week",
-		month: "Maand",
-		quarter: "Kwartaal",
-		calendarScale: "Schaal van de kalender",
-		timelineScale: "Schaal van de tijdlijn",
-		previousPeriod: (unit) => ({
-			week: "Vorige week",
-			month: "Vorige maand",
-			quarter: "Vorig kwartaal"
-		})[unit],
-		nextPeriod: (unit) => ({
-			week: "Volgende week",
-			month: "Volgende maand",
-			quarter: "Volgend kwartaal"
-		})[unit],
-		today: "Vandaag",
-		capped: (limit, unit) => `De eerste ${limit} records van ${{
-			week: "deze week",
-			month: "deze maand",
-			quarter: "dit kwartaal"
-		}[unit]} worden getoond. Verfijn het filter om de rest te zien.`,
-		nothingIn: (unit) => `Niets in ${{
-			week: "deze week",
-			month: "deze maand",
-			quarter: "dit kwartaal"
-		}[unit]}.`,
-		noneMatch: (plural) => `Geen ${plural} gevonden.`,
-		list: "Lijst",
-		showOneApproximate: (singular) => `${singular} tonen, op een geschatte plek`,
-		showOne: (singular) => `${singular} tonen`,
-		showMany: (count, plural) => `${count} ${plural} tonen`,
-		showManyApproximate: (count, plural) => `${count} ${plural} tonen, op geschatte plekken`,
-		showManySomeApproximate: (count, plural, near) => `${count} ${plural} tonen, ${near} op geschatte plekken`,
-		zoomIn: (count, noun) => `Inzoomen op ${count} ${noun}`,
-		needsStyle: "De kaartweergave heeft een kaartstijl nodig: stel PROTOBASE_MAP_STYLE_URL in.",
-		noneHere: (plural) => `Geen ${plural} in dit deel van de kaart.`,
-		showAll: "Alles tonen",
-		chosen: (singular) => `Gekozen ${singular}`,
-		approximatePosition: "Geschatte plek",
-		previous: "Vorige",
-		next: "Volgende",
-		close: "Sluiten",
-		features: "Kenmerken",
-		couldNotReorder: "Kon de volgorde niet wijzigen",
-		couldNotMoveTo: (to) => `Kon het niet naar ${to} verplaatsen`,
-		moreHidden: (count) => `+${count} meer`
-	}
-});
+const text = messages("app/displays");
 //#endregion
 export { text };

package/dist/app/displays/period-controls.js

@@ -39,9 +39,9 @@ const PeriodControls = ({ heading, unit, previous, today, next, scales, scalesLa
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-1",
 				children: [
-					control(previous, square, text("previousPeriod", unit), /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })),
+					control(previous, square, text("previousPeriod", { unit }), /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })),
 					control(today, square, text("today"), text("today")),
-					control(next, square, text("nextPeriod", unit), /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }))
+					control(next, square, text("nextPeriod", { unit }), /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }))
 				]
 			}), /* @__PURE__ */ jsx("span", {
 				role: "group",

package/dist/app/displays/timeline-display.js

@@ -1,9 +1,9 @@
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";
 import { addDays, inStartOrder, recordDays } from "./calendar-range.js";
@@ -91,11 +91,17 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 	const title = (picked) => eventTitle(model, view, display, picked.row);
 	const startText = (picked) => formatDate(Date.parse(`${addDays(picked.day, shift.current)}T00:00:00Z`));
 	const announcements = {
-		onDragStart: ({ active: picked }) => text("pickedUp", title(picked.data.current)),
-		onDragMove: ({ active: picked }) => text("startsOn", title(picked.data.current), startText(picked.data.current)),
+		onDragStart: ({ active: picked }) => text("pickedUp", { title: title(picked.data.current) }),
+		onDragMove: ({ active: picked }) => text("startsOn", {
+			title: title(picked.data.current),
+			day: startText(picked.data.current)
+		}),
 		onDragOver: () => void 0,
-		onDragEnd: ({ active: picked }) => shift.current === 0 ? text("putBack", title(picked.data.current)) : text("wasMovedTo", title(picked.data.current), startText(picked.data.current)),
-		onDragCancel: ({ active: picked }) => text("cancelled", title(picked.data.current))
+		onDragEnd: ({ active: picked }) => shift.current === 0 ? text("putBack", { title: title(picked.data.current) }) : text("wasMovedTo", {
+			title: title(picked.data.current),
+			to: startText(picked.data.current)
+		}),
+		onDragCancel: ({ active: picked }) => text("cancelled", { title: title(picked.data.current) })
 	};
 	const release = () => {
 		setActive(void 0);
@@ -143,7 +149,10 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 			}),
 			list.capped && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: text("capped", 500, shown.scale)
+				children: text("capped", {
+					limit: 500,
+					unit: shown.scale
+				})
 			}),
 			/* @__PURE__ */ jsxs(DndContext, {
 				sensors,
@@ -178,7 +187,7 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 							}),
 							empty && /* @__PURE__ */ jsx("p", {
 								className: "relative px-2 py-3 text-xs text-muted-foreground",
-								children: text("nothingIn", shown.scale)
+								children: text("nothingIn", { unit: shown.scale })
 							}),
 							!list.loading && lanes.map((lane) => /* @__PURE__ */ jsxs("section", {
 								"aria-label": lane.label,

package/dist/app/displays/timeline-range.js

@@ -115,7 +115,7 @@ const timelineLanes = (rows, model, view, display) => {
 		const value = row.record[group];
 		const empty = value === null || value === void 0 || value === "";
 		const key = empty ? noValue : `value:${String(value)}`;
-		const label = empty ? text("noValue", hints?.label ?? humanize(group)) : row.labels[group] ?? displayValue(field, value, hints);
+		const label = empty ? text("noValue", { label: hints?.label ?? humanize(group) }) : row.labels[group] ?? displayValue(field, value, hints);
 		const known = lanes.get(key) ?? {
 			value: empty ? void 0 : value,
 			lane: {

package/dist/app/displays/use-board-move.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { dropWrite } from "./board-drop.js";
 import { text as text$1 } from "../hand-order/messages.js";
@@ -93,7 +93,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 		const stays = !ranked.place || ranked.place.bump === void 0 && ranked.place.index === place.rows.findIndex((entry) => entry.key === row.key);
 		if (ranked.reason !== void 0) toast.show({
 			state: "warning",
-			title: stays ? text$1("notMoved") : text$1("movedToPlace", ranked.place.index + 1),
+			title: stays ? text$1("notMoved") : text$1("movedToPlace", { place: ranked.place.index + 1 }),
 			description: ranked.reason
 		});
 		if (stays) return void 0;
@@ -127,7 +127,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 			if (undoToast.current !== void 0) toast.dismiss(undoToast.current);
 			undoToast.current = void 0;
 			const from = row.record[by] ?? null;
-			const title = landed !== from ? text("movedTo", labelOf(landed)) : from === to.value ? text("orderChanged") : text("stayedIn", labelOf(landed));
+			const title = landed !== from ? text("movedTo", { column: labelOf(landed) }) : from === to.value ? text("orderChanged") : text("stayedIn", { column: labelOf(landed) });
 			if (!undoing) {
 				toast.show({
 					state: "success",
@@ -151,7 +151,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 		},
 		onError: (error, { row, to }) => {
 			settle(row.key);
-			const title = (row.record[by] ?? null) === to.value ? text("couldNotReorder") : text("couldNotMoveTo", to.label);
+			const title = (row.record[by] ?? null) === to.value ? text("couldNotReorder") : text("couldNotMoveTo", { to: to.label });
 			toast.show({
 				state: "error",
 				title,

package/dist/app/displays/use-calendar-move.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../data/api-provider.js";
 import { formatDate } from "../../format/date.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { movedPatch } from "./calendar-range.js";
 import { useState } from "react";
@@ -45,7 +45,7 @@ const useCalendarMove = (model, display) => {
 			settle(row.key);
 			toast.show({
 				state: "error",
-				title: text("couldNotMoveTo", formatDate(Date.parse(`${to}T00:00:00Z`))),
+				title: text("couldNotMoveTo", { to: formatDate(Date.parse(`${to}T00:00:00Z`)) }),
 				description: refusalReason(error)
 			});
 		},

package/dist/app/document-title.js

@@ -8,7 +8,7 @@ const titleParts = ({ address, page, accountPage, resourceLabel, singular, recor
 	if (!address || address.kind === "page") return [];
 	const list = resourceLabel ? [resourceLabel] : [];
 	if (address.kind === "list") return list;
-	if (address.kind === "create") return [...singular ? [text("title", singular)] : [], ...list];
+	if (address.kind === "create") return [...singular ? [text("title", { noun: singular })] : [], ...list];
 	const record = recordTitle ?? (recordLoading ? void 0 : address.key);
 	return [...record ? [record] : [], ...list];
 };

package/dist/app/embedded-list/cut-off-note.js

@@ -7,7 +7,13 @@ import { text } from "./messages.js";
 */
 const cutOffNote = (shown, total, estimated) => {
 	if (shown >= total) return void 0;
-	return estimated ? text("firstOfAbout", shown, total.toLocaleString(formatTag())) : text("firstOf", shown, total.toLocaleString(formatTag()));
+	return estimated ? text("firstOfAbout", {
+		shown,
+		total: total.toLocaleString(formatTag())
+	}) : text("firstOf", {
+		shown,
+		total: total.toLocaleString(formatTag())
+	});
 };
 //#endregion
 export { cutOffNote };

package/dist/app/embedded-list/embedded-list.js

@@ -1,10 +1,10 @@
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { useIsDesktop, useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { listColumnNames } from "../../live/columns-from-model.js";
 import { displayRow, loadedFields, shownDisplay } from "../displays/list-displays.js";
 import { defaultOrderBy, parseSort, sortToOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink, useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";

package/dist/app/embedded-list/embedded-row-targets.js

@@ -30,19 +30,19 @@ const embeddedRowTargets = ({ model, view, opens, resources, views, canUpdate })
 	const singular = singularOf(model, view);
 	const actions = (linkTo) => {
 		const openOwn = {
-			label: text("open", singular),
+			label: text("open", { singular }),
 			link: (row) => linkTo(own(row))
 		};
 		if (!far) return [openOwn];
 		const editable = (row) => canUpdate && rowAllows(row, "update");
 		return [
 			{
-				label: text("open", singularOf(far, views[far.name])),
+				label: text("open", { singular: singularOf(far, views[far.name]) }),
 				available: (row) => other(row) !== void 0,
 				link: (row) => linkTo(other(row))
 			},
 			{
-				label: text("edit", singular),
+				label: text("edit", { singular }),
 				available: editable,
 				link: (row) => linkTo({
 					kind: "record",

package/dist/app/embedded-list/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/embedded-list/messages.ts
-const text = defineMessages({
-	en: {
-		firstOf: (shown, total) => `The first ${shown} of ${total}.`,
-		firstOfAbout: (shown, total) => `The first ${shown} of about ${total}.`,
-		open: (singular) => `Open ${singular}`,
-		edit: (singular) => `Edit ${singular}`,
-		viewAll: "View all",
-		couldNotLoad: "Could not load",
-		nothingYet: "Nothing here yet."
-	},
-	nl: {
-		firstOf: (shown, total) => `De eerste ${shown} van ${total}.`,
-		firstOfAbout: (shown, total) => `De eerste ${shown} van ongeveer ${total}.`,
-		open: (singular) => `${singular} openen`,
-		edit: (singular) => `${singular} bewerken`,
-		viewAll: "Alles bekijken",
-		couldNotLoad: "Kon niet laden",
-		nothingYet: "Hier staat nog niets."
-	}
-});
+const text = messages("app/embedded-list");
 //#endregion
 export { text };

package/dist/app/export/builder-port.js

@@ -37,7 +37,7 @@ const createWorkerPort = () => {
 	worker.onmessage = (event) => waiting.shift()?.resolve(event.data.bytes);
 	worker.onerror = (event) => {
 		event.preventDefault();
-		const error = new Error(text("couldNotBuild", event.message));
+		const error = new Error(text("couldNotBuild", { message: event.message }));
 		for (const entry of waiting.splice(0)) entry.reject(error);
 	};
 	return {