@protobase/ui 0.63.4 → 0.64.0

package/dist/app/runtime/runtime-status.js

@@ -12,18 +12,27 @@ const runningText = (status, now) => {
 	const label = text(status.updateStage);
 	if (!status.updateStartedAt) return label;
 	const seconds = Math.max(0, Math.floor((now - Date.parse(status.updateStartedAt)) / 1e3));
-	return text("started", label, formatAgo(seconds));
+	return text("started", {
+		stage: label,
+		ago: formatAgo(seconds)
+	});
 };
 /** How far the running update is, or when the latest version will be applied on its own, in words; `now` in ms. */
 const nextUpdateText = (status, now = Date.now(), zone = viewerZone()) => {
 	if (status.updating) return runningText(status, now);
-	if (status.nextUpdateAt) return text("nextOn", text(status.policy), formatDateTime(Date.parse(status.nextUpdateAt), zone));
+	if (status.nextUpdateAt) return text("nextOn", {
+		policy: text(status.policy),
+		when: formatDateTime(Date.parse(status.nextUpdateAt), zone)
+	});
 	return text(status.policy);
 };
 /** How the last update ended, in words, with the endpoint's message for the owner when it has one. */
 const lastUpdateText = (last, zone = viewerZone()) => {
 	const when = formatDateTime(Date.parse(last.finishedAt), zone);
-	const headline = text(last.outcome, last.toVersion, when);
+	const headline = text(last.outcome, {
+		version: last.toVersion,
+		when
+	});
 	return last.message ? `${headline}: ${last.message}` : `${headline}.`;
 };
 /** Why "Update now" failed, in words: the endpoint's own message for a refusal, when it sends one. */

package/dist/app/saved/messages.js

@@ -1,22 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/saved/messages.ts
-const text = defineMessages({
-	en: {
-		favorite: "Favorite",
-		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
-		noneYet: (plural) => `No ${plural} yet.`,
-		somethingWrong: "Something went wrong",
-		couldNotTakeOff: "Could not take it off",
-		couldNotSave: "Could not save it"
-	},
-	nl: {
-		favorite: "Favoriet",
-		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
-		noneYet: (plural) => `Nog geen ${plural}.`,
-		somethingWrong: "Er ging iets mis",
-		couldNotTakeOff: "Kon het niet weghalen",
-		couldNotSave: "Kon het niet bewaren"
-	}
-});
+const text = messages("app/saved");
 //#endregion
 export { text };

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

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { PageHeader } from "../../app-shell/page-header.js";
 import { savedScope } from "./saved-records.js";
@@ -22,7 +22,7 @@ const SavedList = ({ model, view, target, children }) => {
 		}), body]
 	});
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadYour", plural.toLowerCase()),
+		title: text("couldNotLoadYour", { plural: plural.toLowerCase() }),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -32,7 +32,7 @@ const SavedList = ({ model, view, target, children }) => {
 	const scope = savedScope(target, saved.data);
 	if (!scope) return frame(/* @__PURE__ */ jsx("p", {
 		className: "py-8 text-center text-muted-foreground",
-		children: text("noneYet", plural.toLowerCase())
+		children: text("noneYet", { plural: plural.toLowerCase() })
 	}));
 	return children(scope);
 };

package/dist/app/search/messages.js

@@ -1,22 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/search/messages.ts
-const text = defineMessages({
-	en: {
-		search: "Search",
-		searchOne: (name) => `Search ${name}`,
-		searchTwo: (first, second) => `Search ${first} and ${second}`,
-		searchMore: (first, second) => `Search ${first}, ${second} and more`,
-		goTo: "Go to",
-		create: "Create"
-	},
-	nl: {
-		search: "Zoeken",
-		searchOne: (name) => `Zoek in ${name}`,
-		searchTwo: (first, second) => `Zoek in ${first} en ${second}`,
-		searchMore: (first, second) => `Zoek in ${first}, ${second} en meer`,
-		goTo: "Ga naar",
-		create: "Maken"
-	}
-});
+const text = messages("app/search");
 //#endregion
 export { text };

package/dist/app/search/navigation-hits.js

@@ -18,7 +18,7 @@ const navigationHits = (meta, text$2, basePath = "") => {
 		const view = meta.views[model.name];
 		if (!view || view.nav?.hidden || !createOffered(view, meta.pages, meta.permissions[model.name] ?? allowEverything)) return [];
 		const singular = view.names?.singular ?? humanize(model.name);
-		const label = text("title", singular);
+		const label = text("title", { noun: singular });
 		if (!matches(label, text$2) && !matches(singular, asked) && !matches(view.names?.plural ?? humanize(model.name), asked)) return [];
 		return [{
 			id: `new:${model.name}`,

package/dist/app/search/search-model.js

@@ -19,9 +19,15 @@ const searchTargets = (meta) => Object.values(meta.resources).flatMap((model) =>
 const searchPlaceholder = (targets) => {
 	const names = targets.map((target) => target.label.toLowerCase());
 	if (names.length === 0) return text("search");
-	if (names.length === 1) return text("searchOne", names[0]);
-	if (names.length === 2) return text("searchTwo", names[0], names[1]);
-	return text("searchMore", names[0], names[1]);
+	if (names.length === 1) return text("searchOne", { name: names[0] });
+	if (names.length === 2) return text("searchTwo", {
+		first: names[0],
+		second: names[1]
+	});
+	return text("searchMore", {
+		first: names[0],
+		second: names[1]
+	});
 };
 /** The list filter for the text: the server's partial-word `search(...)` over the resource's search fields. */
 const searchFilter = (text) => printFilter(where$1.search(text.trim()));

package/dist/app/searches/messages.js

@@ -1,96 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/searches/messages.ts
-const text = defineMessages({
-	en: {
-		saveSearch: "Save search",
-		saveAsNew: (noun) => `Save as new ${noun}`,
-		updateName: (name) => `Update ${name}`,
-		updateNameQuestion: (name) => `Update ${name}?`,
-		updateNounQuestion: (noun) => `Update this ${noun}?`,
-		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
-		noneYet: (plural) => `No ${plural} yet.`,
-		somethingWrong: "Something went wrong",
-		couldNotRename: "Could not rename the search",
-		renameTitle: (title) => `Rename ${title}`,
-		deleteTitle: (title) => `Delete ${title}`,
-		unreadableFilter: "A filter that cannot be read",
-		notFound: "Not found",
-		noResource: "There is no resource called {}.",
-		noSavedYet: (plural) => `No ${plural} yet. Filter the {} and save the search.`,
-		on: "On",
-		off: "Off",
-		saved: (title) => `${title} saved`,
-		couldNotChange: "Could not change the search",
-		asMany: (plural) => `As many ${plural}`,
-		more: (count, noun) => `${count} more ${noun}`,
-		fewer: (count, noun) => `${count} fewer ${noun}`,
-		cancel: "Cancel",
-		save: "Save",
-		optional: "Optional",
-		added: "Added",
-		removed: "Removed",
-		changed: "Changed",
-		filterChanges: "Filter changes",
-		firstOf: (limit, total) => `The first ${limit} of ${total}.`,
-		noPlural: (plural) => `No ${plural}.`,
-		update: "Update",
-		addedRemoved: (added, removed) => `${added} added, ${removed} removed`,
-		searchSaved: "Search saved",
-		openPlural: (plural) => `Open ${plural.toLowerCase()}`,
-		couldNotSave: "Could not save the search",
-		couldNotTakeOff: "Could not take the search off",
-		searchUpdated: "Search updated",
-		couldNotUpdate: "Could not update the search",
-		noneMatch: (plural) => `No ${plural} match.`,
-		noNew: (plural) => `No new ${plural} since you last looked.`,
-		viewAll: "View all results",
-		filters: "Filters"
-	},
-	nl: {
-		saveSearch: "Zoekopdracht bewaren",
-		saveAsNew: (noun) => `Als extra ${noun} bewaren`,
-		updateName: (name) => `${name} bijwerken`,
-		updateNameQuestion: (name) => `${name} bijwerken?`,
-		updateNounQuestion: (noun) => `${noun} bijwerken?`,
-		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
-		noneYet: (plural) => `Nog geen ${plural}.`,
-		somethingWrong: "Er ging iets mis",
-		couldNotRename: "Kon de zoekopdracht niet hernoemen",
-		renameTitle: (title) => `${title} hernoemen`,
-		deleteTitle: (title) => `${title} verwijderen`,
-		unreadableFilter: "Een filter dat niet kan worden gelezen",
-		notFound: "Niet gevonden",
-		noResource: "Er is geen onderdeel met de naam {}.",
-		noSavedYet: (plural) => `Nog geen ${plural}. Filter de {} en bewaar de zoekopdracht.`,
-		on: "Aan",
-		off: "Uit",
-		saved: (title) => `${title} bewaard`,
-		couldNotChange: "Kon de zoekopdracht niet wijzigen",
-		asMany: (plural) => `Evenveel ${plural}`,
-		more: (count, noun) => `${count} ${noun} meer`,
-		fewer: (count, noun) => `${count} ${noun} minder`,
-		cancel: "Annuleren",
-		save: "Bewaren",
-		optional: "Optioneel",
-		added: "Erbij",
-		removed: "Eraf",
-		changed: "Gewijzigd",
-		filterChanges: "Wijzigingen in het filter",
-		firstOf: (limit, total) => `De eerste ${limit} van ${total}.`,
-		noPlural: (plural) => `Geen ${plural}.`,
-		update: "Bijwerken",
-		addedRemoved: (added, removed) => `${added} erbij, ${removed} eraf`,
-		searchSaved: "Zoekopdracht bewaard",
-		openPlural: (plural) => `${plural} openen`,
-		couldNotSave: "Kon de zoekopdracht niet bewaren",
-		couldNotTakeOff: "Kon de zoekopdracht niet weghalen",
-		searchUpdated: "Zoekopdracht bijgewerkt",
-		couldNotUpdate: "Kon de zoekopdracht niet bijwerken",
-		noneMatch: (plural) => `Geen ${plural} gevonden.`,
-		noNew: (plural) => `Geen nieuwe ${plural} sinds je laatst keek.`,
-		viewAll: "Alle resultaten bekijken",
-		filters: "Filters"
-	}
-});
+const text = messages("app/searches");
 //#endregion
 export { text };

package/dist/app/searches/save-search-button.js

@@ -51,7 +51,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 	});
 	const opened = state.opened;
 	if (opened) {
-		const saveNewLabel = text("saveAsNew", state.noun);
+		const saveNewLabel = text("saveAsNew", { noun: state.noun });
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsxs(Button, {
 				className,
@@ -63,7 +63,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 					"aria-hidden": true
 				}), /* @__PURE__ */ jsx("span", {
 					className: "max-w-60 truncate",
-					children: text("updateName", opened.name ?? state.noun)
+					children: text("updateName", { name: opened.name ?? state.noun })
 				})]
 			}),
 			/* @__PURE__ */ jsxs(Button, {
@@ -79,7 +79,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 			confirming && /* @__PURE__ */ jsx(UpdateSearchDialog, {
 				model,
 				view,
-				title: opened.name ? text("updateNameQuestion", opened.name) : text("updateNounQuestion", state.noun),
+				title: opened.name ? text("updateNameQuestion", { name: opened.name }) : text("updateNounQuestion", { noun: state.noun }),
 				before: opened.filter,
 				after: filter,
 				saveNewLabel,

package/dist/app/searches/saved-search-rows.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { text } from "./messages.js";
@@ -51,13 +51,13 @@ const SavedSearchRows = ({ model, view, empty }) => {
 	const plural = (view.names?.plural ?? humanize(model.name)).toLowerCase();
 	if (!target) return null;
 	if (saved.error) return /* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadYour", plural),
+		title: text("couldNotLoadYour", { plural }),
 		error: saved.error
 	});
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-40" });
 	if (saved.data.length === 0) return /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground",
-		children: empty ?? text("noneYet", plural)
+		children: empty ?? text("noneYet", { plural })
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col divide-y",

package/dist/app/searches/saved-search-section.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { AppLink } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
@@ -78,7 +78,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 						}),
 						canRename && nameField && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
-							"aria-label": text("renameTitle", title),
+							"aria-label": text("renameTitle", { title }),
 							"aria-haspopup": "dialog",
 							onClick: () => setRenaming(true),
 							children: /* @__PURE__ */ jsx(Pencil, {
@@ -88,7 +88,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 						}),
 						onDelete && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
-							"aria-label": text("deleteTitle", title),
+							"aria-label": text("deleteTitle", { title }),
 							onClick: () => onDelete(title),
 							children: /* @__PURE__ */ jsx(Trash2, {
 								className: "size-3.5",
@@ -99,7 +99,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 				})]
 			}),
 			renaming && nameField && /* @__PURE__ */ jsx(SearchNameDialog, {
-				title: text("renameTitle", title),
+				title: text("renameTitle", { title }),
 				chips,
 				label: view.fields[nameField.name]?.label ?? humanize(nameField.name),
 				required: !nameField.nullable,

package/dist/app/searches/saved-searches.js

@@ -1,10 +1,9 @@
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
-import { slotted } from "../../locale/slotted.js";
 import { can } from "../permissions.js";
 import { PageHeader } from "../../app-shell/page-header.js";
 import { text } from "./messages.js";
@@ -43,10 +42,10 @@ const SavedSearches = ({ model, view }) => {
 	});
 	if (!target) return frame(/* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: slotted(text("noResource"), of.resource)
+		children: text.rich("noResource", { resource: of.resource })
 	}));
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadYour", plural.toLowerCase()),
+		title: text("couldNotLoadYour", { plural: plural.toLowerCase() }),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -57,14 +56,17 @@ const SavedSearches = ({ model, view }) => {
 		const searched = (targetView?.names?.plural ?? humanize(target.name)).toLowerCase();
 		return frame(/* @__PURE__ */ jsx("p", {
 			className: "py-8 text-center text-muted-foreground",
-			children: slotted(text("noSavedYet", plural.toLowerCase()), /* @__PURE__ */ jsx(AppLink, {
-				to: {
-					kind: "list",
-					resource: target.name
-				},
-				className: "font-medium text-primary-text hover:underline",
-				children: searched
-			}))
+			children: text.rich("noSavedYet", {
+				plural: plural.toLowerCase(),
+				list: /* @__PURE__ */ jsx(AppLink, {
+					to: {
+						kind: "list",
+						resource: target.name
+					},
+					className: "font-medium text-primary-text hover:underline",
+					children: searched
+				})
+			})
 		}));
 	}
 	return frame(/* @__PURE__ */ jsx("div", {

package/dist/app/searches/search-controls.js

@@ -1,7 +1,7 @@
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { Switch } from "../../primitives/switch.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
 import { useId } from "react";
@@ -51,7 +51,7 @@ const SearchControls = ({ model, view, recordKey, title, row, fields }) => {
 		mutationFn: (patch) => client.update(model.name, recordKey, patch, row.etag ?? "*"),
 		onSuccess: (_, patch) => toast.show({
 			state: "success",
-			title: text("saved", title),
+			title: text("saved", { title }),
 			description: changed(model, view, patch)
 		}),
 		onError: (error) => toast.show({

package/dist/app/searches/search-diff.js

@@ -91,9 +91,15 @@ const filterChanges = (before, after) => {
 /** The net change in the records a search finds: "5 more homes", "1 fewer home" or "As many homes". */
 const netChange = (added, removed, singular, plural) => {
 	const net = added - removed;
-	if (net === 0) return text("asMany", plural);
+	if (net === 0) return text("asMany", { plural });
 	const noun = Math.abs(net) === 1 ? singular : plural;
-	return net > 0 ? text("more", net, noun) : text("fewer", -net, noun);
+	return net > 0 ? text("more", {
+		count: net,
+		noun
+	}) : text("fewer", {
+		count: -net,
+		noun
+	});
 };
 //#endregion
 export { addedFilter, filterChanges, netChange, removedFilter };

package/dist/app/searches/update-search-dialog.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { countQuery } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
 import { useFilterChips } from "./use-filter-chips.js";
@@ -87,11 +87,14 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 			}),
 			total !== void 0 && total > shownLimit && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: text("firstOf", shownLimit, total)
+				children: text("firstOf", {
+					limit: shownLimit,
+					total
+				})
 			}),
 			filter === null || total === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: text("noPlural", plural)
+				children: text("noPlural", { plural })
 			}) : /* @__PURE__ */ jsx(EmbeddedList, {
 				model,
 				view,
@@ -152,7 +155,10 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 					children: netChange(addedCount, removedCount, singular, plural)
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "text-muted-foreground",
-					children: [": ", text("addedRemoved", count(addedCount, singular, plural), removedCount)]
+					children: [": ", text("addedRemoved", {
+						added: count(addedCount, singular, plural),
+						removed: removedCount
+					})]
 				})] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,

package/dist/app/searches/use-save-search.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { useAppAddress } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { can } from "../permissions.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
@@ -51,7 +51,7 @@ const useSaveSearch = (search, filter) => {
 				state: "success",
 				title: text("searchSaved"),
 				action: {
-					label: text("openPlural", plural),
+					label: text("openPlural", { plural }),
 					href: href({
 						kind: "list",
 						resource

package/dist/app/searches/use-search-row.js

@@ -37,8 +37,8 @@ const useSearchRow = ({ model, of, target, targetView, row, recordKey }) => {
 		sort: unseen ? `${unseen.field} desc` : void 0,
 		limit: of.limit,
 		chips: name !== void 0,
-		empty: text("noneMatch", plural),
-		note: unseen && newCount.data === 0 && text("noNew", plural),
+		empty: text("noneMatch", { plural }),
+		note: unseen && newCount.data === 0 && text("noNew", { plural }),
 		isNew: unseen && ((record) => isUnseen(record.record[unseen.field], row[unseen.seenAt])),
 		viewAll: {
 			label: text("viewAll"),

package/dist/app/sensitive-field.js

@@ -1,11 +1,11 @@
 import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
-import { Input } from "../primitives/input.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
 import { text } from "./messages.js";
 import { toDraft } from "../live/field-values.js";
 import { ErrorBanner } from "./error-banner.js";
+import { Input } from "../primitives/input.js";
 import { ConfirmSignIn } from "./confirm-sign-in.js";
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
@@ -36,7 +36,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		variant: "ghost",
 		size: "sm",
 		className: "-mr-1.5 px-1.5",
-		"aria-label": shown ? text("hide", label) : text("show", label),
+		"aria-label": shown ? text("hide", { label }) : text("show", { label }),
 		"aria-pressed": shown,
 		loading: stored.isPending,
 		onClick: toggle,
@@ -49,7 +49,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 	}) : stored.error && /* @__PURE__ */ jsx("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: text("couldNotShow", label),
+			title: text("couldNotShow", { label }),
 			error: stored.error
 		})
 	});

package/dist/app/source-notice.js

@@ -8,7 +8,7 @@ import { useQueryClient } from "@tanstack/react-query";
 //#region src/app/source-notice.tsx
 const reason = (error) => {
 	if (!isApiError(error)) return text("noAnswer");
-	if (error.status === 401 || error.status === 403) return text("signInRefused", error.message);
+	if (error.status === 401 || error.status === 403) return text("signInRefused", { message: error.message });
 	return error.message;
 };
 /** Where a resource drawn from another API would be while that API's `/meta` loads, or when it cannot be read. */
@@ -19,7 +19,7 @@ const SourceNotice = ({ status }) => {
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" ",
-			text("loadingFrom", status.source.label)
+			text("loadingFrom", { label: status.source.label })
 		]
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -29,7 +29,7 @@ const SourceNotice = ({ status }) => {
 			children: [
 				/* @__PURE__ */ jsx("h1", {
 					className: "text-[16px] font-semibold",
-					children: text("cannotReach", status.source.label)
+					children: text("cannotReach", { label: status.source.label })
 				}),
 				/* @__PURE__ */ jsxs("p", {
 					className: "mt-1 text-muted-foreground",

package/dist/app/staff-banner.js

@@ -1,7 +1,6 @@
 import { Button } from "../primitives/button.js";
 import { formatDateTime } from "../format/date.js";
 import { text } from "./messages.js";
-import { slotted } from "../locale/slotted.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";
 import { UserRoundCog } from "lucide-react";
@@ -34,13 +33,18 @@ const StaffBanner = ({ signIn, onStop }) => {
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "min-w-64 flex-1 break-words",
-				children: slotted(text("staffSignedIn"), /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: signIn.staffName ?? signIn.staff
-				}), /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: signIn.user
-				}), formatDateTime(Date.parse(signIn.expiresAt)), signIn.reason)
+				children: text.rich("staffSignedIn", {
+					staff: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: signIn.staffName ?? signIn.staff
+					}),
+					user: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: signIn.user
+					}),
+					until: formatDateTime(Date.parse(signIn.expiresAt)),
+					reason: signIn.reason
+				})
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",

package/dist/app/use-live-save.js

@@ -22,7 +22,7 @@ const useLiveSave = (mode, subject) => {
 	const run = async (action) => {
 		const id = mode === "toast" ? toast.show({
 			state: "loading",
-			title: text("savingSubject", subject)
+			title: text("savingSubject", { subject })
 		}) : void 0;
 		setMessage(void 0);
 		if (mode === "button") setPhase("saving");
@@ -34,7 +34,7 @@ const useLiveSave = (mode, subject) => {
 			}
 			if (id !== void 0) toast.update(id, {
 				state: "success",
-				title: text("subjectSaved", subject)
+				title: text("subjectSaved", { subject })
 			});
 			if (mode === "button") {
 				setPhase("saved");

package/dist/app/value-badge.js

@@ -1,11 +1,10 @@
 import { Badge } from "../primitives/badge.js";
-import { toneFor } from "../live/columns-from-model.js";
-import { valueColor } from "../live/value-color.js";
+import { valueColor, valueTone } from "../live/value-color.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/value-badge.tsx
-/** A stored value as a badge: filled with the colour the view gives it and in its badge shape, else in its tone. */
+/** A stored value as a badge: in its badge shape, filled with the colour the view gives it or in the tone it gives it. */
 const ValueBadge = ({ value, hints, children }) => /* @__PURE__ */ jsx(Badge, {
-	tone: toneFor(String(value)),
+	tone: valueTone(hints?.valueColors, value),
 	color: valueColor(hints?.valueColors, value),
 	shape: hints?.badgeShape,
 	children

package/dist/app-shell/global-search.js

@@ -98,7 +98,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 shadow-pop",
 			children: [search.groups.length === 0 && /* @__PURE__ */ jsx("p", {
 				className: "px-3 py-2 text-muted-foreground",
-				children: search.loading ? text("searching") : text("noMatches", search.query)
+				children: search.loading ? text("searching") : text("noMatches", { query: search.query })
 			}), search.groups.map((group) => /* @__PURE__ */ jsxs("div", {
 				role: "group",
 				"aria-label": group.label,
@@ -109,7 +109,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 					}),
 					group.failed && /* @__PURE__ */ jsx("p", {
 						className: "px-3 py-1.5 text-danger-text",
-						children: text("couldNotSearch", group.label)
+						children: text("couldNotSearch", { label: group.label })
 					}),
 					group.hits.map((hit) => {
 						position += 1;