@protobase/ui 0.25.1 → 0.25.3

package/dist/app/pages/use-run-action.js

@@ -1,4 +1,5 @@
 import { useClient, useResourceClient } from "../../data/api-provider.js";
+import { text } from "./messages.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { useAppAddress } from "../use-app-address.js";
@@ -9,7 +10,7 @@ import { useRefreshResource } from "./use-layout-data.js";
 import { useState } from "react";
 import { fillAddress, updateValues } from "@protobase/schema/internal";
 //#region src/app/pages/use-run-action.ts
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 /**
 * The named actions of `resource`'s view, ready to run on `scope` (the record they act on): built-in behaviour first
 * (`update`, `delete`, `link`, and `ai`, which the server runs), else the handler the project registered under the
@@ -30,13 +31,13 @@ const useActionRunner = (resource, scope, afterRun) => {
 	const actions = (views[resource]?.actions ?? []).flatMap((action) => actionFor(action, scope?.record) ?? []);
 	const blocked = (action) => {
 		const kind = action.run?.kind;
-		if ((kind === "update" || kind === "delete" || kind === "ai") && !scope) return "Needs a record";
-		if ((kind === "update" || kind === "ai") && (!can(permissions, "update") || scope?.permissions?.update === false)) return "You cannot change this record";
-		if (action.run?.kind === "ai" && scope?.permissions?.fields?.[action.run.writes] === "read") return "You cannot change this record";
-		if (kind === "delete" && (!can(permissions, "delete") || scope?.permissions?.delete === false)) return "You cannot delete this record";
-		if (!action.run && !handlers?.[action.name]) return `The app has no handler for "${action.name}"`;
+		if ((kind === "update" || kind === "delete" || kind === "ai") && !scope) return text("needsRecord");
+		if ((kind === "update" || kind === "ai") && (!can(permissions, "update") || scope?.permissions?.update === false)) return text("cannotChange");
+		if (action.run?.kind === "ai" && scope?.permissions?.fields?.[action.run.writes] === "read") return text("cannotChange");
+		if (kind === "delete" && (!can(permissions, "delete") || scope?.permissions?.delete === false)) return text("cannotDelete");
+		if (!action.run && !handlers?.[action.name]) return text("noHandler", action.name);
 		const custom = action.inputs?.find((input) => input.kind === "custom" && !components?.[input.component ?? ""]);
-		if (custom) return `The app has no component "${custom.component}" for input "${custom.name}"`;
+		if (custom) return text("noInputComponent", String(custom.component), custom.name);
 	};
 	const perform = async (action, values) => {
 		const { run } = action;
@@ -60,7 +61,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		await refresh(resource);
 		toast.show({
 			state: "success",
-			title: `${action.label}: done`
+			title: text("done", action.label)
 		});
 		afterRun?.(action);
 	};
@@ -69,7 +70,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		setRunning(action.name);
 		await perform(action).catch((error) => toast.show({
 			state: "error",
-			title: `${action.label} failed`,
+			title: text("failed", action.label),
 			description: message(error)
 		}));
 		setRunning(void 0);
@@ -93,7 +94,7 @@ const useRunAction = (resource, name, scope) => {
 	const action = runner.actions.find((entry) => entry.name === name);
 	return {
 		action,
-		blocked: action ? runner.blocked(action) : `No action "${name}"`,
+		blocked: action ? runner.blocked(action) : text("noAction", name),
 		running: runner.running === name,
 		run: () => action ? runner.run(action) : Promise.resolve(),
 		submit: (values) => action ? runner.submit(action, values) : Promise.resolve()

package/dist/app/record-page.js

@@ -6,6 +6,7 @@ import { Button, buttonClass } from "../primitives/button.js";
 import { usePauseFocusRefresh } from "../data/focus-refresh.js";
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
+import { text } from "./messages.js";
 import { useNavigationGuard } from "./router.js";
 import { useOpenedRecord } from "../data/use-record.js";
 import { humanize } from "../live/naming.js";
@@ -29,7 +30,6 @@ import { KeyFacts } from "../record-view/key-facts.js";
 import { fromDraft, isRequiredOnEdit } from "../live/field-values.js";
 import { fieldHelp, helpShown, recordShown, whenShown } from "./record-mode/record-mode.js";
 import { isChosen, keyValue } from "./create/create-values.js";
-import { text } from "./messages.js";
 import { ErrorBanner } from "./error-banner.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { shownWidget } from "./field-types/shown-widget.js";

package/dist/app/record-row/messages.js

@@ -0,0 +1,26 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/record-row/messages.ts
+const text = defineMessages({
+	en: {
+		couldNotLoad: "Could not load",
+		noneMatch: (plural) => `No ${plural} match.`,
+		viewAll: "View all",
+		new: "New",
+		previous: (label) => `Previous ${label}`,
+		next: (label) => `Next ${label}`,
+		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
+		noneYet: (plural) => `No ${plural} yet.`
+	},
+	nl: {
+		couldNotLoad: "Kon niet laden",
+		noneMatch: (plural) => `Geen ${plural} gevonden.`,
+		viewAll: "Alles bekijken",
+		new: "Nieuw",
+		previous: (label) => `Terug in ${label}`,
+		next: (label) => `Verder in ${label}`,
+		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
+		noneYet: (plural) => `Nog geen ${plural}.`
+	}
+});
+//#endregion
+export { text };

package/dist/app/record-row/record-row-body.js

@@ -1,5 +1,5 @@
-import { useIsXs } from "../../lib/use-media-query.js";
 import { formatTag } from "../../locale/active-locale.js";
+import { useIsXs } from "../../lib/use-media-query.js";
 import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { displaysOf, loadedFields } from "../displays/list-displays.js";
@@ -11,6 +11,7 @@ import { useLiveRows } from "../../live/use-live-rows.js";
 import { viewAllAddress } from "../embedded-list/embedded-display.js";
 import { FilterChipList } from "../searches/filter-chip-list.js";
 import { useFilterChips } from "../searches/use-filter-chips.js";
+import { text } from "./messages.js";
 import { RecordRow } from "./record-row.js";
 import { useMemo } from "react";
 import { ArrowRight } from "lucide-react";
@@ -77,11 +78,11 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 				})]
 			}) : null,
 			rows.isLoading ? /* @__PURE__ */ jsx(Loading, {}) : rows.error ? /* @__PURE__ */ jsx(ErrorBanner, {
-				title: "Could not load",
+				title: text("couldNotLoad"),
 				error: rows.error
 			}) : !source || source.total === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: empty ?? `No ${plural.toLowerCase()} match.`
+				children: empty ?? text("noneMatch", plural.toLowerCase())
 			}) : /* @__PURE__ */ jsx(RecordRow, {
 				model,
 				view,
@@ -100,10 +101,14 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 				}),
 				onClick: viewAll?.onOpen,
 				className: "flex items-center gap-1 self-end font-medium text-primary-text hover:underline",
-				children: [viewAll?.label ?? /* @__PURE__ */ jsxs(Fragment$1, { children: ["View all ", /* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: plural.toLowerCase()
-				})] }), /* @__PURE__ */ jsx(ArrowRight, {
+				children: [viewAll?.label ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					text("viewAll"),
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: plural.toLowerCase()
+					})
+				] }), /* @__PURE__ */ jsx(ArrowRight, {
 					className: "size-3.5",
 					"aria-hidden": true
 				})]

package/dist/app/record-row/record-row.js

@@ -4,6 +4,7 @@ import { usePagedRows } from "../../data-grid/use-paged-rows.js";
 import { RecordCard } from "../displays/record-card.js";
 import { rowOffset } from "./row-window.js";
 import { useRowScroll } from "./use-row-scroll.js";
+import { text } from "./messages.js";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/record-row/record-row.tsx
@@ -60,7 +61,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
 								display,
 								row,
 								swipe: false,
-								mark: isNew?.(row) ? "New" : void 0
+								mark: isNew?.(row) ? text("new") : void 0
 							})
 						}, row.key);
 					}),
@@ -69,7 +70,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
 			}),
 			scroll.back && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": `Previous ${label.toLowerCase()}`,
+				"aria-label": text("previous", label.toLowerCase()),
 				onClick: () => scroll.page(-1),
 				className: `${arrowClass} -left-3`,
 				children: /* @__PURE__ */ jsx(ChevronLeft, {
@@ -79,7 +80,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
 			}),
 			scroll.on && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": `Next ${label.toLowerCase()}`,
+				"aria-label": text("next", label.toLowerCase()),
 				onClick: () => scroll.page(1),
 				className: `${arrowClass} -right-3`,
 				children: /* @__PURE__ */ jsx(ChevronRight, {

package/dist/app/record-row/saved-record-row.js

@@ -5,6 +5,7 @@ import { useAdminMeta } from "../meta-gate.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "../saved/saved-records.js";
 import { useSavedRecords } from "../saved/use-saved-records.js";
+import { text } from "./messages.js";
 import { RecordRowBody } from "./record-row-body.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/record-row/saved-record-row.tsx
@@ -19,14 +20,14 @@ const SavedRecordRow = ({ model, view, empty, ...props }) => {
 	const plural = (view.names?.plural ?? humanize(model.name)).toLowerCase();
 	if (!listed.listOf) return null;
 	if (saved.error) return /* @__PURE__ */ jsx(ErrorBanner, {
-		title: `Could not load your ${plural}`,
+		title: text("couldNotLoadYour", plural),
 		error: saved.error
 	});
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-24" });
 	const scope = savedScope(listed.model, saved.data);
 	if (!scope) return /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground",
-		children: empty ?? `No ${plural} yet.`
+		children: empty ?? text("noneYet", plural)
 	});
 	return /* @__PURE__ */ jsx(RecordRowBody, {
 		...props,

package/dist/app/related-dots/dots-summary.js

@@ -1,10 +1,11 @@
+import { text } from "./messages.js";
 //#region src/app/related-dots/dots-summary.ts
 /**
 * What a related column's dots say, as text: how many records there are, then how many have each status, in the order
 * of the status's values, such as "4 tasks: 1 To do, 3 Done". "No tasks" without any.
 */
 const dotsSummary = (statuses, { values, label, singular, plural }) => {
-	if (statuses.length === 0) return `No ${plural}`;
+	if (statuses.length === 0) return text("none", plural);
 	const counts = /* @__PURE__ */ new Map();
 	for (const status of statuses) if (status !== null && status !== void 0) counts.set(String(status), (counts.get(String(status)) ?? 0) + 1);
 	const parts = [...values, ...[...counts.keys()].filter((value) => !values.includes(value))].filter((value) => counts.has(value)).map((value) => `${counts.get(value)} ${label(value)}`);

package/dist/app/related-dots/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/related-dots/messages.ts
+const text = defineMessages({
+	en: { none: (plural) => `No ${plural}` },
+	nl: { none: (plural) => `Geen ${plural}` }
+});
+//#endregion
+export { text };

package/dist/app/relation-picker.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/cn.js";
 import { Input } from "../primitives/input.js";
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { labelFieldOf } from "../live/model-helpers.js";
 import { useList } from "../data/use-list.js";
@@ -27,7 +28,7 @@ const useLoadMoreInView = (list, sentinel, loaded, loadMore) => {
 * choose with the mouse or with the arrow keys and Enter; Escape closes the list.
 */
 const RelationPicker = ({ target, view, value, label, chosen = [value], several = false, invalid, onChange }) => {
-	const [text, setText] = useState("");
+	const [text$1, setText] = useState("");
 	const [open, setOpen] = useState(false);
 	const [active, setActive] = useState(-1);
 	const [list, setList] = useState(null);
@@ -36,7 +37,7 @@ const RelationPicker = ({ target, view, value, label, chosen = [value], several
 	const keyField = target.primaryKey[0];
 	const labelField = labelFieldOf(target, view);
 	const [refused, setRefused] = useState(false);
-	const query = relationOptionsQuery(target, labelField, text, refused);
+	const query = relationOptionsQuery(target, labelField, text$1, refused);
 	const rows = useList(target.name, {
 		filter: query.filter,
 		fields: [keyField, labelField],
@@ -46,7 +47,7 @@ const RelationPicker = ({ target, view, value, label, chosen = [value], several
 	useEffect(() => {
 		if (expensive) setRefused(true);
 	}, [expensive]);
-	const items = query.local ? rows.items.filter((item) => titleMatches(item[labelField], text)) : rows.items;
+	const items = query.local ? rows.items.filter((item) => titleMatches(item[labelField], text$1)) : rows.items;
 	const more = Boolean(rows.hasNextPage);
 	const loading = rows.isPending || rows.isFetchingNextPage;
 	const { fetchNextPage } = rows;
@@ -99,8 +100,8 @@ const RelationPicker = ({ target, view, value, label, chosen = [value], several
 			"aria-controls": listId,
 			"aria-activedescendant": open && items[active] ? optionId(active) : void 0,
 			invalid,
-			placeholder: `Search ${(view?.names?.plural ?? humanize(target.name)).toLowerCase()}`,
-			value: open ? text : label ?? value,
+			placeholder: text("searchPlural", (view?.names?.plural ?? humanize(target.name)).toLowerCase()),
+			value: open ? text$1 : label ?? value,
 			onFocus: () => setOpen(true),
 			onBlur: close,
 			onKeyDown,
@@ -133,15 +134,15 @@ const RelationPicker = ({ target, view, value, label, chosen = [value], several
 				}),
 				rows.error && !expensive && /* @__PURE__ */ jsx("li", {
 					className: "px-3 py-1.5 text-muted-foreground",
-					children: "Could not load the options"
+					children: text("couldNotLoadOptions")
 				}),
 				!more && !loading && !rows.error && items.length === 0 && /* @__PURE__ */ jsx("li", {
 					className: "px-3 py-1.5 text-muted-foreground",
-					children: "No matches"
+					children: text("noMatches")
 				}),
 				loading && /* @__PURE__ */ jsx("li", {
 					className: "px-3 py-1.5 text-muted-foreground",
-					children: "Loading"
+					children: text("loading")
 				})
 			]
 		})]

package/dist/app/router.js

@@ -1,6 +1,7 @@
 import { RouteLink } from "../primitives/route-link.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { text } from "./messages.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/router.tsx
@@ -103,16 +104,16 @@ const Router = ({ basePath = "", initialUrl, children }) => {
 	return /* @__PURE__ */ jsxs(RouterContext.Provider, {
 		value,
 		children: [children, pending && /* @__PURE__ */ jsx(Dialog, {
-			title: "Leave without saving?",
-			description: "You have unsaved changes on this page. They stay in this browser, and come back when you open the record again.",
+			title: text("leaveTitle"),
+			description: text("leaveDescription"),
 			onClose: () => setPending(void 0),
 			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 				onClick: () => setPending(void 0),
-				children: "Stay"
+				children: text("stay")
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "primary",
 				onClick: leave,
-				children: "Leave"
+				children: text("leave")
 			})] })
 		})]
 	});

package/dist/app/runtime/messages.js

@@ -0,0 +1,58 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/runtime/messages.ts
+const text = defineMessages({
+	en: {
+		immediate: "Updates as soon as a release is out",
+		weekly: "Updates at a set time every week",
+		scheduled: "Updates at the time set for this release",
+		manual: "Updates only when asked to",
+		job: "Preparing the update",
+		build: "Building",
+		updatingNow: "Updating now",
+		started: (stage, ago) => `${stage}, started ${ago}`,
+		nextOn: (policy, when) => `${policy}: next on ${when}`,
+		succeeded: (version, when) => `Updated to ${version} on ${when}`,
+		unchanged: (version, when) => `The update to ${version} on ${when} changed nothing`,
+		failed: (version, when) => `The update to ${version} failed on ${when}`,
+		alreadyLatest: "Already on the latest version, or an update is running.",
+		onlyAdmin: "Only an admin can update the runtime.",
+		couldNotStart: "The update could not be started. Try again later.",
+		runtimeUpdate: "Runtime update",
+		close: "Close",
+		updating: "Updating…",
+		updateNow: "Update now",
+		currentVersion: "Current version",
+		latestVersion: "Latest version",
+		checkFailed: "The status could not be checked again; this is the last one read.",
+		updateAvailable: "Update available",
+		update: "Update"
+	},
+	nl: {
+		immediate: "Werkt bij zodra er een release is",
+		weekly: "Werkt elke week op een vast moment bij",
+		scheduled: "Werkt bij op het moment dat voor deze release is ingesteld",
+		manual: "Werkt alleen bij als erom wordt gevraagd",
+		job: "De update voorbereiden",
+		build: "Bouwen",
+		updatingNow: "Nu aan het bijwerken",
+		started: (stage, ago) => `${stage}, begonnen ${ago}`,
+		nextOn: (policy, when) => `${policy}: volgende op ${when}`,
+		succeeded: (version, when) => `Bijgewerkt naar ${version} op ${when}`,
+		unchanged: (version, when) => `De update naar ${version} op ${when} veranderde niets`,
+		failed: (version, when) => `De update naar ${version} mislukte op ${when}`,
+		alreadyLatest: "Al op de nieuwste versie, of er loopt een update.",
+		onlyAdmin: "Alleen een beheerder kan de runtime bijwerken.",
+		couldNotStart: "De update kon niet worden gestart. Probeer het later opnieuw.",
+		runtimeUpdate: "Runtime-update",
+		close: "Sluiten",
+		updating: "Bijwerken…",
+		updateNow: "Nu bijwerken",
+		currentVersion: "Huidige versie",
+		latestVersion: "Nieuwste versie",
+		checkFailed: "De status kon niet opnieuw worden gecontroleerd; dit is de laatst gelezen.",
+		updateAvailable: "Update beschikbaar",
+		update: "Bijwerken"
+	}
+});
+//#endregion
+export { text };

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

@@ -1,50 +1,37 @@
 import { viewerZone } from "../../format/zone.js";
 import { formatAgo, formatDateTime } from "../../format/date.js";
+import { text } from "./messages.js";
 import { isApiError } from "@protobase/client";
 //#region src/app/runtime/runtime-status.ts
 /** The top bar shows the update button only when there is an update and the endpoint wants it shown. */
 const showsUpdateButton = (status) => Boolean(status?.updateAvailable && status.indicator);
 /** How often the status is read again: rarely, and every few seconds while an update runs so its progress shows. */
 const refreshMs = (updating) => updating ? 5e3 : 18e5;
-const policyLabels = {
-	immediate: "Updates as soon as a release is out",
-	weekly: "Updates at a set time every week",
-	scheduled: "Updates at the time set for this release",
-	manual: "Updates only when asked to"
-};
-const stageLabels = {
-	job: "Preparing the update",
-	build: "Building"
-};
 const runningText = (status, now) => {
-	if (!status.updateStage) return "Updating now";
-	const label = stageLabels[status.updateStage];
+	if (!status.updateStage) return text("updatingNow");
+	const label = text(status.updateStage);
 	if (!status.updateStartedAt) return label;
 	const seconds = Math.max(0, Math.floor((now - Date.parse(status.updateStartedAt)) / 1e3));
-	return `${label}, started ${formatAgo(seconds)}`;
+	return text("started", label, 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 `${policyLabels[status.policy]}: next on ${formatDateTime(Date.parse(status.nextUpdateAt), zone)}`;
-	return policyLabels[status.policy];
+	if (status.nextUpdateAt) return text("nextOn", text(status.policy), 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 = {
-		succeeded: `Updated to ${last.toVersion} on ${when}`,
-		unchanged: `The update to ${last.toVersion} on ${when} changed nothing`,
-		failed: `The update to ${last.toVersion} failed on ${when}`
-	}[last.outcome];
+	const headline = text(last.outcome, 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. */
 const updateErrorText = (error) => {
 	if (isApiError(error) && error.status < 500 && error.problem.detail) return error.problem.detail;
-	if (isApiError(error) && error.status === 409) return "Already on the latest version, or an update is running.";
-	if (isApiError(error) && error.status === 403) return "Only an admin can update the runtime.";
-	return "The update could not be started. Try again later.";
+	if (isApiError(error) && error.status === 409) return text("alreadyLatest");
+	if (isApiError(error) && error.status === 403) return text("onlyAdmin");
+	return text("couldNotStart");
 };
 //#endregion
 export { lastUpdateText, nextUpdateText, refreshMs, showsUpdateButton, updateErrorText };

package/dist/app/runtime/runtime-update-dialog.js

@@ -1,6 +1,7 @@
 import { Spinner } from "../../primitives/spinner.js";
 import { Button } from "../../primitives/button.js";
 import { Dialog } from "../../primitives/dialog.js";
+import { text } from "./messages.js";
 import { lastUpdateText, nextUpdateText, updateErrorText } from "./runtime-status.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/runtime/runtime-update-dialog.tsx
@@ -21,7 +22,7 @@ const Row = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
 const RuntimeUpdateDialog = ({ status, requesting, error, checkError, onUpdate, onClose }) => {
 	const last = status.updating ? void 0 : status.lastUpdate;
 	return /* @__PURE__ */ jsxs(Dialog, {
-		title: "Runtime update",
+		title: text("runtimeUpdate"),
 		description: status.updating ? /* @__PURE__ */ jsxs("span", {
 			className: "inline-flex items-center gap-1.5",
 			children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), nextUpdateText(status)]
@@ -29,21 +30,21 @@ const RuntimeUpdateDialog = ({ status, requesting, error, checkError, onUpdate,
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: onClose,
-			children: "Close"
+			children: text("close")
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "primary",
 			loading: requesting,
 			disabled: status.updating || !status.updateAvailable,
 			onClick: onUpdate,
-			children: status.updating ? "Updating…" : "Update now"
+			children: status.updating ? text("updating") : text("updateNow")
 		})] }),
 		children: [
 			/* @__PURE__ */ jsx(Row, {
-				label: "Current version",
+				label: text("currentVersion"),
 				value: status.version
 			}),
 			/* @__PURE__ */ jsx(Row, {
-				label: "Latest version",
+				label: text("latestVersion"),
 				value: status.latest
 			}),
 			last && /* @__PURE__ */ jsx("p", {
@@ -57,7 +58,7 @@ const RuntimeUpdateDialog = ({ status, requesting, error, checkError, onUpdate,
 			}),
 			checkError !== void 0 && /* @__PURE__ */ jsx("p", {
 				className: "mt-3 text-muted-foreground",
-				children: "The status could not be checked again; this is the last one read."
+				children: text("checkFailed")
 			})
 		]
 	});

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

@@ -1,4 +1,5 @@
 import { Button } from "../../primitives/button.js";
+import { text } from "./messages.js";
 import { showsUpdateButton } from "./runtime-status.js";
 import { RuntimeUpdateDialog } from "./runtime-update-dialog.js";
 import { useRuntimeClient, useRuntimeStatus } from "./use-runtime-status.js";
@@ -17,13 +18,13 @@ const RuntimeUpdate = ({ client }) => {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 		size: "sm",
 		variant: "ghost",
-		"aria-label": "Update available",
-		title: "Update available",
+		"aria-label": text("updateAvailable"),
+		title: text("updateAvailable"),
 		onClick: () => setOpen(true),
 		className: "max-md:size-9 max-md:p-0",
 		children: [/* @__PURE__ */ jsx(ArrowUpCircle, { className: "size-3.5 text-primary" }), /* @__PURE__ */ jsx("span", {
 			className: "max-md:sr-only",
-			children: "Update"
+			children: text("update")
 		})]
 	}), open && /* @__PURE__ */ jsx(RuntimeUpdateDialog, {
 		status,

package/dist/app/saved/favorite-button.js

@@ -1,5 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { SignInPrompt } from "../../auth/sign-in-prompt.js";
+import { text } from "./messages.js";
 import { useFavorite } from "./use-favorite.js";
 import { useState } from "react";
 import { Heart } from "lucide-react";
@@ -14,7 +15,7 @@ const FavoriteButton = ({ favorite, recordKey, target, className }) => {
 	const state = useFavorite(favorite, recordKey, target);
 	const [prompting, setPrompting] = useState(false);
 	if (!state.mode) return null;
-	const label = favorite.label ?? "Favorite";
+	const label = favorite.label ?? text("favorite");
 	const base = cn("absolute right-2 top-2 flex size-8 items-center justify-center rounded-full bg-background/85 text-foreground shadow-sm transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30", className);
 	if (state.mode === "sign-in") return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 		type: "button",

package/dist/app/saved/messages.js

@@ -0,0 +1,22 @@
+import { defineMessages } 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"
+	}
+});
+//#endregion
+export { text };

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

@@ -4,6 +4,7 @@ import { humanize } from "../../live/naming.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "./saved-records.js";
 import { useSavedRecords } from "./use-saved-records.js";
+import { text } from "./messages.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/saved/saved-list.tsx
 /**
@@ -21,7 +22,7 @@ const SavedList = ({ model, view, target, children }) => {
 		}), body]
 	});
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: `Could not load your ${plural.toLowerCase()}`,
+		title: text("couldNotLoadYour", plural.toLowerCase()),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -29,13 +30,9 @@ const SavedList = ({ model, view, target, children }) => {
 		children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-24" }, index))
 	}));
 	const scope = savedScope(target, saved.data);
-	if (!scope) return frame(/* @__PURE__ */ jsxs("p", {
+	if (!scope) return frame(/* @__PURE__ */ jsx("p", {
 		className: "py-8 text-center text-muted-foreground",
-		children: [
-			"No ",
-			plural.toLowerCase(),
-			" yet."
-		]
+		children: text("noneYet", plural.toLowerCase())
 	}));
 	return children(scope);
 };

package/dist/app/saved/use-favorite.js

@@ -5,9 +5,10 @@ import { can } from "../permissions.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { savedFor, withSaved, withoutSaved } from "./saved-records.js";
 import { savedRecordsKey, useSavedRecords } from "./use-saved-records.js";
+import { text } from "./messages.js";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 //#region src/app/saved/use-favorite.ts
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 /**
 * A card's favorite button: `save` for someone who can list, create and delete the saved records, `sign-in` for a
 * visitor the saved records' resource asks to sign in (`prompt`), nothing otherwise. A press saves the card's record,
@@ -44,7 +45,7 @@ const useFavorite = (favorite, key, target) => {
 			queryClient.setQueryData(cacheKey, context?.before);
 			toast.show({
 				state: "error",
-				title: existing ? "Could not take it off" : "Could not save it",
+				title: existing ? text("couldNotTakeOff") : text("couldNotSave"),
 				description: message(error)
 			});
 		},

package/dist/app/search/messages.js

@@ -5,13 +5,17 @@ const text = defineMessages({
 		search: "Search",
 		searchOne: (name) => `Search ${name}`,
 		searchTwo: (first, second) => `Search ${first} and ${second}`,
-		searchMore: (first, second) => `Search ${first}, ${second} and more`
+		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`
+		searchMore: (first, second) => `Zoek in ${first}, ${second} en meer`,
+		goTo: "Ga naar",
+		create: "Maken"
 	}
 });
 //#endregion