@protobase/ui 0.25.2 → 0.25.4

package/dist/app/import/sheet-file.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { createCsvParser } from "./csv-parser.js";
 import { openWorkbook } from "./xlsx-reader.js";
 //#region src/app/import/sheet-file.ts
@@ -14,7 +15,7 @@ const sheetFormat = async (file) => {
 };
 /** The workbook's sheet names, in order; a CSV has none. */
 const sheetNames = async (file) => await sheetFormat(file) === "xlsx" ? (await openWorkbook(file)).sheets : [];
-const notText = () => /* @__PURE__ */ new Error("The file is not UTF-8 text. Save it as \"CSV UTF-8\" and choose it again.");
+const notText = () => new Error(text("fileNotUtf8"));
 async function* csvRows(file) {
 	const parser = createCsvParser();
 	const decoder = new TextDecoder("utf-8", { fatal: true });
@@ -51,7 +52,7 @@ async function* sheetRows(file, sheet) {
 	if (await sheetFormat(file) === "csv") return yield* csvRows(file);
 	const workbook = await openWorkbook(file);
 	const name = sheet ?? workbook.sheets[0];
-	if (name === void 0) throw new Error("The workbook has no sheets");
+	if (name === void 0) throw new Error(text("noSheets"));
 	yield* workbook.rows(name);
 }
 //#endregion

package/dist/app/import/sheet-source.js

@@ -1,3 +1,5 @@
+import { activeLocale } from "../../locale/active-locale.js";
+import { text } from "./messages.js";
 //#region src/app/import/sheet-source.ts
 /** How many rows the worker sends at a time. */
 const chunkRows = 500;
@@ -16,7 +18,7 @@ const startWorker = () => {
 		event.preventDefault();
 		const failed = {
 			type: "error",
-			message: "The file could not be read"
+			message: text("unreadable")
 		};
 		if (waiting) waiting(failed);
 		else replies.push(failed);
@@ -36,7 +38,8 @@ const workerSheetSource = (file) => ({
 		try {
 			worker.send({
 				type: "sheets",
-				file
+				file,
+				locale: activeLocale()
 			});
 			const reply = await worker.receive();
 			if (reply.type === "error") throw new Error(reply.message);
@@ -53,7 +56,8 @@ const workerSheetSource = (file) => ({
 				type: "read",
 				file,
 				sheet,
-				chunk: chunkRows
+				chunk: chunkRows,
+				locale: activeLocale()
 			});
 			for (;;) {
 				const reply = await worker.receive();

package/dist/app/import/xlsx-reader.js

@@ -1,9 +1,10 @@
+import { text } from "./messages.js";
 import { createRowScanner, dateStyles, parseRow, sharedStrings, workbookSheets } from "./xlsx-xml.js";
 import { zipEntries, zipText, zipTextChunks } from "./zip-reader.js";
 //#region src/app/import/xlsx-reader.ts
 const part = (entries, name) => {
 	const entry = entries.get(name);
-	if (!entry) throw new Error(`The file is not an Excel workbook (.xlsx): it has no ${name}`);
+	if (!entry) throw new Error(text("notWorkbook", name));
 	return entry;
 };
 /**
@@ -24,11 +25,11 @@ const openWorkbook = async (blob) => {
 	};
 	async function* rows(name) {
 		const sheet = sheets.find((candidate) => candidate.name === name);
-		if (!sheet) throw new Error(`The workbook has no sheet called ${name}`);
+		if (!sheet) throw new Error(text("noSheetCalled", name));
 		const shared = context ?? await sheetContext();
 		const scan = createRowScanner();
 		let line = 0;
-		for await (const text of zipTextChunks(blob, part(entries, sheet.path))) for (const xml of scan(text)) {
+		for await (const chunk of zipTextChunks(blob, part(entries, sheet.path))) for (const xml of scan(chunk)) {
 			const row = parseRow(xml, shared, line);
 			line = row.line;
 			yield row;

package/dist/app/import/xlsx-xml.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 //#region src/app/import/xlsx-xml.ts
 const entities = {
 	amp: "&",
@@ -35,7 +36,7 @@ const workbookSheets = (workbookXml, relsXml) => {
 	const sheets = [...workbookXml.matchAll(/<sheet\b([^>]*)>/g)].map((match) => {
 		const { name, id } = attributes(match[1]);
 		const path = targets.get(id);
-		if (!name || !path) throw new Error("The workbook names a sheet it does not hold");
+		if (!name || !path) throw new Error(text("missingSheetPart"));
 		return {
 			name,
 			path

package/dist/app/import/zip-reader.js

@@ -1,10 +1,11 @@
+import { text } from "./messages.js";
 //#region src/app/import/zip-reader.ts
 const endSignature = 101010256;
 const entrySignature = 33639248;
 const localSignature = 67324752;
 const endSearch = 65557;
 const bytesOf = async (blob, start, end) => new DataView(await blob.slice(start, end).arrayBuffer());
-const notZip = () => /* @__PURE__ */ new Error("The file is not an Excel workbook (.xlsx): it is no ZIP archive");
+const notZip = () => new Error(text("notZip"));
 const endRecordAt = (view) => {
 	for (let at = view.byteLength - 22; at >= 0; at--) if (view.getUint32(at, true) === endSignature) return at;
 	return -1;
@@ -18,7 +19,7 @@ const zipEntries = async (blob) => {
 	const count = tail.getUint16(end + 10, true);
 	const size = tail.getUint32(end + 12, true);
 	const start = tail.getUint32(end + 16, true);
-	if (count === 65535 || size === 4294967295 || start === 4294967295) throw new Error("The workbook is too large to read: it is a ZIP64 archive");
+	if (count === 65535 || size === 4294967295 || start === 4294967295) throw new Error(text("zip64"));
 	const directory = await bytesOf(blob, start, start + size);
 	const decoder = new TextDecoder();
 	const entries = /* @__PURE__ */ new Map();
@@ -47,7 +48,7 @@ const zipEntryStream = async (blob, entry) => {
 	const raw = blob.slice(dataStart, dataStart + entry.size).stream();
 	if (entry.method === 0) return raw;
 	if (entry.method === 8) return raw.pipeThrough(new DecompressionStream("deflate-raw"));
-	throw new Error(`The workbook's part ${entry.name} is compressed in a way that cannot be read (method ${entry.method})`);
+	throw new Error(text("compression", entry.name, entry.method));
 };
 /** The entry's content as text, decoded as UTF-8 a chunk at a time. */
 async function* zipTextChunks(blob, entry) {

package/dist/app/list-edit/use-list-edits.js

@@ -4,8 +4,8 @@ import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { useRef, useState } from "react";
-import { isApiError } from "@protobase/client";
 import { encodeKey } from "@protobase/schema/internal";
+import { isApiError } from "@protobase/client";
 import { useQueryClient } from "@tanstack/react-query";
 //#region src/app/list-edit/use-list-edits.ts
 /**

package/dist/app/list-group-chart.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { ChartView } from "./charts/chart-view.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,7 +7,7 @@ const measureTitle = (chart, view, plural) => {
 	const name = chart.sum ?? chart.average;
 	if (name === void 0) return plural;
 	const label = view?.fields[name]?.label ?? humanize(name);
-	return chart.sum !== void 0 ? `${label}` : `Average ${label.toLowerCase()}`;
+	return chart.sum !== void 0 ? `${label}` : text("average", label);
 };
 /** The view's chart per value of a field, above the list and following its filter. */
 const ListGroupChart = ({ model, view, chart, plural, filter }) => {

package/dist/app/list-page.js

@@ -3,6 +3,7 @@ import { usePageScroll } from "../app-shell/page-scroll.js";
 import { PageHeader } from "../app-shell/page-header.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { Button, buttonClass } from "../primitives/button.js";
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { recordKey, recordTitleField } from "../live/model-helpers.js";
 import { columnsFromModel, listColumnNames } from "../live/columns-from-model.js";
@@ -12,7 +13,6 @@ import { parseSort, sortToOrderBy } from "./list-order.js";
 import { listedResource } from "./current-address.js";
 import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
-import { text } from "./messages.js";
 import { ErrorBanner } from "./error-banner.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { Sheet } from "../primitives/sheet.js";

package/dist/app/map/map-layer-switch.js

@@ -1,5 +1,6 @@
 import { Segmented } from "../../primitives/segmented.js";
 import { chosenMapLayer, readMapLayer, writeMapLayer } from "./map-layer-choice.js";
+import { text } from "./messages.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Layer, Source, useMap } from "react-map-gl/maplibre";
@@ -38,12 +39,12 @@ const MapLayerSwitch = ({ layers, below }) => {
 	}, chosen.id), /* @__PURE__ */ jsx("div", {
 		className: "absolute left-2.5 top-2.5 z-10 rounded-md shadow",
 		children: /* @__PURE__ */ jsx(Segmented, {
-			label: "Map layer",
+			label: text("mapLayer"),
 			value: chosen?.id ?? styleValue,
 			onChange: choose,
 			options: [{
 				value: styleValue,
-				label: "Map"
+				label: text("map")
 			}, ...layers.map((layer) => ({
 				value: layer.id,
 				label: layer.label

package/dist/app/map/messages.js

@@ -0,0 +1,14 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/map/messages.ts
+const text = defineMessages({
+	en: {
+		mapLayer: "Map layer",
+		map: "Map"
+	},
+	nl: {
+		mapLayer: "Kaartlaag",
+		map: "Kaart"
+	}
+});
+//#endregion
+export { text };

package/dist/app/messages.js

@@ -4,12 +4,126 @@ const text = defineMessages({
 	en: {
 		notFound: "Not found",
 		noResource: (name) => `There is no resource called ${name}.`,
-		somethingWentWrong: "Something went wrong"
+		somethingWentWrong: "Something went wrong",
+		signInSecurity: "Sign-in & security",
+		signInPolicy: "Sign-in policy",
+		adminsOnly: "Admins only",
+		onlyAdminPolicy: "Only an admin can change how people sign in.",
+		ownersOnly: "Owners and admins only",
+		onlyOwners: "Only the organization's owners and admins manage its members.",
+		chooseResource: "Choose a resource",
+		pickFromSidebar: "Pick one from the sidebar.",
+		nothingHere: "There is nothing at this address.",
+		noPage: "There is no page called {}.",
+		assistant: "Assistant",
+		operationFailed: (index, label, message) => `Operation ${index} (${label}) failed: ${message} Nothing was saved.`,
+		nothingSaved: (message) => `${message} Nothing was saved.`,
+		admin: "Admin",
+		new: "New",
+		loadingRecord: "Loading record",
+		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
+		choose: "Choose...",
+		fileMissing: "The file is missing from storage",
+		chooseFileFor: (label) => `Choose a file for ${label}`,
+		notUploaded: "Not uploaded",
+		uploadingLabel: (label) => `Uploading ${label}`,
+		uploading: (percent) => `Uploading… ${percent}%`,
+		replace: "Replace",
+		remove: "Remove",
+		dropFile: "Drop a file here or",
+		chooseFile: "Choose a file",
+		average: (label) => `Average ${label.toLowerCase()}`,
+		pages: "Pages",
+		account: "Account",
+		sales: "Sales",
+		crm: "CRM",
+		catalog: "Catalog",
+		inventory: "Inventory",
+		hr: "HR",
+		cannotReach: (label) => `Cannot reach ${label}`,
+		searchPlural: (plural) => `Search ${plural}`,
+		couldNotLoadOptions: "Could not load the options",
+		noMatches: "No matches",
+		loading: "Loading",
+		leaveTitle: "Leave without saving?",
+		leaveDescription: "You have unsaved changes on this page. They stay in this browser, and come back when you open the record again.",
+		stay: "Stay",
+		leave: "Leave",
+		show: (label) => `Show ${label}`,
+		hide: (label) => `Hide ${label}`,
+		couldNotShow: (label) => `Could not show the ${label}`,
+		noAnswer: "It did not answer.",
+		signInRefused: (message) => `It did not accept your sign-in: ${message}`,
+		loadingFrom: (label) => `Loading from ${label}`,
+		restWorks: "The rest of the app works as before.",
+		tryAgain: "Try again",
+		staffSession: "Staff session",
+		staffSignedIn: "{} is signed in as {} until {}. Reason: {}",
+		stopStaffSession: "Stop staff session",
+		open: "Open",
+		openLabel: (label) => `Open ${label}`
 	},
 	nl: {
 		notFound: "Niet gevonden",
 		noResource: (name) => `Er is geen onderdeel met de naam ${name}.`,
-		somethingWentWrong: "Er ging iets mis"
+		somethingWentWrong: "Er ging iets mis",
+		signInSecurity: "Inloggen en beveiliging",
+		signInPolicy: "Inlogbeleid",
+		adminsOnly: "Alleen beheerders",
+		onlyAdminPolicy: "Alleen een beheerder kan wijzigen hoe mensen inloggen.",
+		ownersOnly: "Alleen eigenaren en beheerders",
+		onlyOwners: "Alleen de eigenaren en beheerders van de organisatie beheren de leden.",
+		chooseResource: "Kies een onderdeel",
+		pickFromSidebar: "Kies er een in de zijbalk.",
+		nothingHere: "Er is niets op dit adres.",
+		noPage: "Er is geen pagina met de naam {}.",
+		assistant: "Assistent",
+		operationFailed: (index, label, message) => `Bewerking ${index} (${label}) mislukte: ${message} Er is niets bewaard.`,
+		nothingSaved: (message) => `${message} Er is niets bewaard.`,
+		admin: "Beheer",
+		new: "Nieuw",
+		loadingRecord: "Record laden",
+		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
+		choose: "Kiezen...",
+		fileMissing: "Het bestand ontbreekt in de opslag",
+		chooseFileFor: (label) => `Kies een bestand voor ${label}`,
+		notUploaded: "Niet geüpload",
+		uploadingLabel: (label) => `${label} uploaden`,
+		uploading: (percent) => `Uploaden… ${percent}%`,
+		replace: "Vervangen",
+		remove: "Verwijderen",
+		dropFile: "Zet hier een bestand neer of",
+		chooseFile: "Kies een bestand",
+		average: (label) => `${label}, gemiddeld`,
+		pages: "Pagina's",
+		account: "Account",
+		sales: "Verkoop",
+		crm: "CRM",
+		catalog: "Catalogus",
+		inventory: "Voorraad",
+		hr: "HR",
+		cannotReach: (label) => `Kan ${label} niet bereiken`,
+		searchPlural: (plural) => `${plural} zoeken`,
+		couldNotLoadOptions: "Kon de keuzes niet laden",
+		noMatches: "Niets gevonden",
+		loading: "Laden",
+		leaveTitle: "Weggaan zonder te bewaren?",
+		leaveDescription: "Je hebt niet-bewaarde wijzigingen op deze pagina. Ze blijven in deze browser, en komen terug als je het record weer opent.",
+		stay: "Blijven",
+		leave: "Weggaan",
+		show: (label) => `${label} tonen`,
+		hide: (label) => `${label} verbergen`,
+		couldNotShow: (label) => `Kon ${label} niet tonen`,
+		noAnswer: "Het antwoordde niet.",
+		signInRefused: (message) => `Het accepteerde je inlog niet: ${message}`,
+		loadingFrom: (label) => `Laden van ${label}`,
+		restWorks: "De rest van de app werkt zoals eerst.",
+		tryAgain: "Opnieuw proberen",
+		staffSession: "Sessie van een medewerker",
+		staffSignedIn: "{} is ingelogd als {} tot {}. Reden: {}",
+		stopStaffSession: "Sessie van medewerker stoppen",
+		open: "Openen",
+		openLabel: (label) => `${label} openen`
 	}
 });
 //#endregion

package/dist/app/meta-gate.js

@@ -1,11 +1,11 @@
 import { Spinner } from "../primitives/spinner.js";
 import { ClientProvider, useClient, useSourceClients } from "../data/api-provider.js";
+import { AppLocale } from "../locale/app-locale.js";
 import { withSources } from "../data/with-sources.js";
 import { MetaContext } from "../data/meta-context.js";
 import { allowEverything } from "../data/meta-data.js";
 import { useMeta } from "../data/use-meta.js";
 import { useSourceMetas } from "../data/use-source-metas.js";
-import { AppLocale } from "../locale/app-locale.js";
 import { text } from "./meta-gate-messages.js";
 import { useContext, useMemo } from "react";
 import { isApiError, routedClient } from "@protobase/client";

package/dist/app/nav-from-meta.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { iconFor } from "./icons.js";
 import { menuIcon } from "./menu-icons.js";
@@ -8,12 +9,12 @@ import { appPath } from "@protobase/schema";
 /** The sidebar item of a resource's list, or of one of its named lists. */
 const navItemId = (resource, list) => list === void 0 ? resource : `${resource}/${list}`;
 const groupLabels = {
-	sales: "Sales",
-	crm: "CRM",
-	catalog: "Catalog",
-	inventory: "Inventory",
-	core: "Admin",
-	hr: "HR"
+	sales: "sales",
+	crm: "crm",
+	catalog: "catalog",
+	inventory: "inventory",
+	core: "admin",
+	hr: "hr"
 };
 /**
 * One sidebar group per `nav.group` (default: the database schema, and "Pages" for pages); `nav.hidden` and a place in
@@ -29,7 +30,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 	const inMenu = userMenuResources(meta);
 	for (const page of Object.values(meta.pages)) {
 		if (page.nav?.hidden || inMenu.has(page.name)) continue;
-		const groupName = page.nav?.group ?? "Pages";
+		const groupName = page.nav?.group ?? text("pages");
 		const group = groups.get(groupName) ?? {
 			label: groupName,
 			items: []
@@ -50,7 +51,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		const view = meta.views[model.name];
 		if (!view || inMenu.has(model.name)) continue;
 		const schema = model.table.schema ?? "public";
-		const defaultGroup = view.nav?.group ?? groupLabels[schema] ?? humanize(schema);
+		const defaultGroup = view.nav?.group ?? (groupLabels[schema] ? text(groupLabels[schema]) : humanize(schema));
 		const add = (groupName, item, order) => {
 			const group = groups.get(groupName) ?? {
 				label: groupName,
@@ -86,7 +87,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 	}
 	for (const entry of Object.values(meta.signIn ?? {})) {
 		if (entry.nav?.hidden || inMenu.has(entry.resource)) continue;
-		const groupName = entry.nav?.group ?? "Account";
+		const groupName = entry.nav?.group ?? text("account");
 		const group = groups.get(groupName) ?? {
 			label: groupName,
 			items: []
@@ -117,7 +118,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 				kind: "list",
 				resource
 			}, basePath),
-			problem: `Cannot reach ${status.source.label}`
+			problem: text("cannotReach", status.source.label)
 		});
 		groups.set(status.source.label, group);
 	}

package/dist/app/pages/action-inputs/action-inputs-dialog.js

@@ -1,4 +1,5 @@
 import { Button } from "../../../primitives/button.js";
+import { text } from "../messages.js";
 import { Field } from "../../../record-view/field.js";
 import { useAdminMeta } from "../../meta-gate.js";
 import { isChosen } from "../../create/create-values.js";
@@ -74,7 +75,7 @@ const ActionInputsDialog = ({ action, label, danger, onCancel, onSubmit }) => {
 		onClose: onCancel,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: onCancel,
-			children: "Cancel"
+			children: text("cancel")
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: danger ? "danger" : "primary",
 			type: "submit",
@@ -90,7 +91,7 @@ const ActionInputsDialog = ({ action, label, danger, onCancel, onSubmit }) => {
 				submit();
 			},
 			children: [failure !== void 0 && Object.keys(errors).length === 0 && /* @__PURE__ */ jsx(ErrorBanner, {
-				title: `${label} failed`,
+				title: text("failed", label),
 				error: failure
 			}), action.inputs.filter((input) => shown.has(input.name)).map((input) => /* @__PURE__ */ jsx(Field, {
 				label: input.label,

package/dist/app/pages/action-inputs/input-answers.js

@@ -1,3 +1,4 @@
+import { text } from "../messages.js";
 import { toDraft, toPatchValue } from "../../../live/field-values.js";
 import { isChosen } from "../../create/create-values.js";
 import { shownInputs } from "@protobase/schema/internal";
@@ -72,11 +73,11 @@ const answeredValues = (inputs, draft) => {
 const decimal = /^-?\d+(\.\d+)?$/;
 const date = /^\d{4}-\d{2}-\d{2}$/;
 const refusal = (input, value) => {
-	if (value === null || value === "") return input.required ? "Required" : void 0;
-	if (input.kind === "integer" && !Number.isInteger(value)) return "A whole number";
-	if (input.kind === "decimal" && !decimal.test(String(value))) return "A number";
-	if (input.kind === "date" && !date.test(String(value))) return "A date as YYYY-MM-DD";
-	if (input.max !== void 0 && String(value).length > input.max) return `At most ${input.max} characters`;
+	if (value === null || value === "") return input.required ? text("required") : void 0;
+	if (input.kind === "integer" && !Number.isInteger(value)) return text("wholeNumber");
+	if (input.kind === "decimal" && !decimal.test(String(value))) return text("number");
+	if (input.kind === "date" && !date.test(String(value))) return text("dateFormat");
+	if (input.max !== void 0 && String(value).length > input.max) return text("atMost", input.max);
 };
 /** What is wrong with the answers that show, by input name: one left empty that is required, a number that is none, a text too long. */
 const refusedAnswers = (inputs, values) => Object.fromEntries(inputs.flatMap((input) => {

package/dist/app/pages/blocks/card-row.js

@@ -1,4 +1,5 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
+import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { RecordScope } from "../record-scope.js";
@@ -22,9 +23,9 @@ const LoadedCardRow = ({ model, filter, sort, limit = 12, title, description, em
 			className: "flex gap-3",
 			children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-56" }, index))
 		}) : page.error ? /* @__PURE__ */ jsx(ErrorBanner, {
-			title: "Could not load",
+			title: text("couldNotLoad"),
 			error: page.error
-		}) : rows.length === 0 ? /* @__PURE__ */ jsx(Quiet, { children: empty ?? "Nothing here yet." }) : /* @__PURE__ */ jsx("ul", {
+		}) : rows.length === 0 ? /* @__PURE__ */ jsx(Quiet, { children: empty ?? text("nothingYet") }) : /* @__PURE__ */ jsx("ul", {
 			className: "relative -mx-4 flex snap-x gap-3 overflow-x-auto px-4 pb-1",
 			children: rows.map((row) => {
 				const scope = scopeOf(model, row);

package/dist/app/pages/blocks/field.js

@@ -30,7 +30,7 @@ const FieldBlock = ({ node }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "text-xs text-muted-foreground",
+			className: "text-body text-muted-foreground",
 			children: text
 		}), /* @__PURE__ */ jsx("div", {
 			className: "mt-0.5 truncate",

package/dist/app/pages/blocks/modal-form.js

@@ -1,6 +1,7 @@
 import { Button } from "../../../primitives/button.js";
 import { Dialog } from "../../../primitives/dialog.js";
 import { useClient } from "../../../data/api-provider.js";
+import { text } from "../messages.js";
 import { humanize } from "../../../live/naming.js";
 import { useToast } from "../../../toasts/toast-provider.js";
 import { Field } from "../../../record-view/field.js";
@@ -54,7 +55,7 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 			await refresh(model.name);
 			toast.show({
 				state: "success",
-				title: `${title ?? label}: saved`
+				title: text("saved", title ?? label)
 			});
 			onClose();
 		}, (error) => {
@@ -70,12 +71,12 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: onClose,
-			children: "Cancel"
+			children: text("cancel")
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "primary",
 			loading: saving,
 			onClick: () => void submit(),
-			children: mode === "create" ? "Create" : "Save"
+			children: mode === "create" ? text("create") : text("save")
 		})] }),
 		children: /* @__PURE__ */ jsxs("form", {
 			ref: formRef,
@@ -85,7 +86,7 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 				submit();
 			},
 			children: [failure !== void 0 && Object.keys(errors).length === 0 && /* @__PURE__ */ jsx(ErrorBanner, {
-				title: "Not saved",
+				title: text("notSaved"),
 				error: failure
 			}), fields.map((name) => {
 				const field = model.fields[name];

package/dist/app/pages/blocks/progress.js

@@ -25,7 +25,7 @@ const ProgressBlock = ({ node }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-baseline justify-between gap-2 text-xs",
+			className: "flex items-baseline justify-between gap-2 text-body",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground",
 				children: label

package/dist/app/pages/blocks/record-card.js

@@ -1,4 +1,5 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
+import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { RecordScope } from "../record-scope.js";
@@ -21,12 +22,12 @@ const LoadedRecordCard = ({ model, filter, sort, recordKey, title, description,
 		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" })]
 	}) : record.error ? /* @__PURE__ */ jsx(ErrorBanner, {
-		title: "Could not load",
+		title: text("couldNotLoad"),
 		error: record.error
 	}) : record.data ? scoped(/* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-3",
 		children
-	})) : /* @__PURE__ */ jsx(Quiet, { children: empty ?? "Nothing here yet." });
+	})) : /* @__PURE__ */ jsx(Quiet, { children: empty ?? text("nothingYet") });
 	return /* @__PURE__ */ jsx(CardFrame, {
 		title,
 		description,

package/dist/app/pages/blocks/stat.js

@@ -1,5 +1,6 @@
 import { formatTag } from "../../../locale/active-locale.js";
 import { Skeleton } from "../../../primitives/skeleton.js";
+import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
 import { AppLink } from "../../use-app-address.js";
 import { useLayoutRecord } from "../record-scope.js";
@@ -18,7 +19,7 @@ const Count = ({ model, filter }) => {
 	if (count.isPending) return /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16" });
 	if (count.error) return /* @__PURE__ */ jsx("span", {
 		className: "text-danger-text",
-		children: "Could not count"
+		children: text("couldNotCount")
 	});
 	return /* @__PURE__ */ jsx(AppLink, {
 		to: filteredListAddress(views[model.name], model.name, filter),

package/dist/app/pages/composed-page.js

@@ -1,17 +1,15 @@
+import { slotted } from "../../locale/slotted.js";
+import { text } from "./messages.js";
 import { Notice, useAdminMeta } from "../meta-gate.js";
 import { RenderNode } from "./render-node.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/app/pages/composed-page.tsx
 /** `/<page>`: the page's tree as `/meta` gave it to this user. */
 const ComposedPage = ({ name }) => {
 	const page = useAdminMeta().pages[name];
-	if (!page) return /* @__PURE__ */ jsxs(Notice, {
-		title: "Not found",
-		children: [
-			"There is no page called ",
-			name,
-			"."
-		]
+	if (!page) return /* @__PURE__ */ jsx(Notice, {
+		title: text("notFound"),
+		children: slotted(text("noPage"), name)
 	});
 	return /* @__PURE__ */ jsx(RenderNode, { node: page.tree });
 };

package/dist/app/pages/confirm-action.js

@@ -1,5 +1,6 @@
 import { Button } from "../../primitives/button.js";
 import { Dialog } from "../../primitives/dialog.js";
+import { text } from "./messages.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/pages/confirm-action.tsx
 /** The question an action with `confirm` asks before it runs. */
@@ -9,7 +10,7 @@ const ConfirmAction = ({ action, label, danger, onCancel, onConfirm }) => /* @__
 	onClose: onCancel,
 	actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 		onClick: onCancel,
-		children: "Cancel"
+		children: text("cancel")
 	}), /* @__PURE__ */ jsx(Button, {
 		variant: danger ? "danger" : "primary",
 		onClick: onConfirm,

package/dist/app/pages/custom-boundary.js

@@ -1,7 +1,9 @@
+import { slotted } from "../../locale/slotted.js";
 import { reportRenderError } from "../error-reporting.js";
 import { Problem } from "./problem.js";
+import { text } from "./messages.js";
 import { Component } from "react";
-import { jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/app/pages/custom-boundary.tsx
 /** Draws a warning in place of a project's or plugin's component that throws, so one component cannot blank the app. */
 var CustomBoundary = class extends Component {
@@ -14,7 +16,7 @@ var CustomBoundary = class extends Component {
 	}
 	render() {
 		if (!this.state.failed) return this.props.children;
-		return this.props.fallback === void 0 ? /* @__PURE__ */ jsxs(Problem, { children: [this.props.name, " could not be drawn."] }) : this.props.fallback;
+		return this.props.fallback === void 0 ? /* @__PURE__ */ jsx(Problem, { children: slotted(text("couldNotDraw"), this.props.name) }) : this.props.fallback;
 	}
 };
 //#endregion