@protobase/ui 0.25.1 → 0.25.3

package/dist/app/sensitive-field.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Input } from "../primitives/input.js";
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
 import { toDraft } from "../live/field-values.js";
@@ -28,7 +29,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		variant: "ghost",
 		size: "sm",
 		className: "-mr-1.5 px-1.5",
-		"aria-label": `${shown ? "Hide" : "Show"} ${label}`,
+		"aria-label": shown ? text("hide", label) : text("show", label),
 		"aria-pressed": shown,
 		loading: stored.isPending,
 		onClick: toggle,
@@ -37,7 +38,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 	const error = stored.error && /* @__PURE__ */ jsx("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: `Could not show the ${label}`,
+			title: text("couldNotShow", label),
 			error: stored.error
 		})
 	});
@@ -48,7 +49,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 			children: shown ? displayValue(field, stored.data, hints) : mask
 		}), reveal && eye]
 	}), error] });
-	const text = typed ? toDraft(value) : shown && stored.isSuccess ? toDraft(stored.data) : "";
+	const text$1 = typed ? toDraft(value) : shown && stored.isSuccess ? toDraft(stored.data) : "";
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
 		type: shown ? "text" : "password",
 		autoComplete: "off",
@@ -56,7 +57,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		"aria-label": label,
 		className: cn(hints?.format === "code" && "font-mono text-xs"),
 		placeholder: typed || !reveal ? placeholder : mask,
-		value: text,
+		value: text$1,
 		trailing: eye,
 		onChange: (event) => onChange(event.target.value)
 	}), error] });

package/dist/app/source-notice.js

@@ -1,13 +1,14 @@
 import { Spinner } from "../primitives/spinner.js";
 import { Button } from "../primitives/button.js";
 import { keys } from "../data/query-keys.js";
+import { text } from "./messages.js";
 import { isApiError } from "@protobase/client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 //#region src/app/source-notice.tsx
 const reason = (error) => {
-	if (!isApiError(error)) return "It did not answer.";
-	if (error.status === 401 || error.status === 403) return `It did not accept your sign-in: ${error.message}`;
+	if (!isApiError(error)) return text("noAnswer");
+	if (error.status === 401 || error.status === 403) return text("signInRefused", 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. */
@@ -17,8 +18,8 @@ const SourceNotice = ({ status }) => {
 		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
-			" Loading from ",
-			status.source.label
+			" ",
+			text("loadingFrom", status.source.label)
 		]
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -26,18 +27,22 @@ const SourceNotice = ({ status }) => {
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "max-w-md text-center",
 			children: [
-				/* @__PURE__ */ jsxs("h1", {
+				/* @__PURE__ */ jsx("h1", {
 					className: "text-[16px] font-semibold",
-					children: ["Cannot reach ", status.source.label]
+					children: text("cannotReach", status.source.label)
 				}),
 				/* @__PURE__ */ jsxs("p", {
 					className: "mt-1 text-muted-foreground",
-					children: [reason(status.error), " The rest of the app works as before."]
+					children: [
+						reason(status.error),
+						" ",
+						text("restWorks")
+					]
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					className: "mt-3",
 					onClick: () => void queryClient.refetchQueries({ queryKey: keys.sourceMetas(status.source.url) }),
-					children: "Try again"
+					children: text("tryAgain")
 				})
 			]
 		})

package/dist/app/staff-banner.js

@@ -1,6 +1,8 @@
 import { authMessage } from "../auth/auth-messages.js";
 import { formatDateTime } from "../format/date.js";
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
+import { slotted } from "../locale/slotted.js";
 import { useState } from "react";
 import { UserRoundCog } from "lucide-react";
 import { AuthError } from "@protobase/client";
@@ -23,31 +25,22 @@ const StaffBanner = ({ signIn, onStop }) => {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
-		"aria-label": "Staff session",
+		"aria-label": text("staffSession"),
 		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(UserRoundCog, {
 				"aria-hidden": true,
 				className: "size-4 shrink-0"
 			}),
-			/* @__PURE__ */ jsxs("p", {
+			/* @__PURE__ */ jsx("p", {
 				className: "min-w-64 flex-1 break-words",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: signIn.staffName ?? signIn.staff
-					}),
-					" is signed in as ",
-					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: signIn.user
-					}),
-					" until",
-					" ",
-					formatDateTime(Date.parse(signIn.expiresAt)),
-					". Reason: ",
-					signIn.reason
-				]
+				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)
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
@@ -58,7 +51,7 @@ const StaffBanner = ({ signIn, onStop }) => {
 				size: "sm",
 				loading: stopping,
 				onClick: () => void stop(),
-				children: "Stop staff session"
+				children: text("stopStaffSession")
 			})
 		]
 	});

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

@@ -107,9 +107,9 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 						className: "px-3 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-faint-foreground",
 						children: group.label
 					}),
-					group.failed && /* @__PURE__ */ jsxs("p", {
+					group.failed && /* @__PURE__ */ jsx("p", {
 						className: "px-3 py-1.5 text-danger-text",
-						children: ["Could not search ", group.label.toLowerCase()]
+						children: text("couldNotSearch", group.label)
 					}),
 					group.hits.map((hit) => {
 						position += 1;

package/dist/app-shell/messages.js

@@ -28,7 +28,8 @@ const text = defineMessages({
 		recent: (plural) => `Recent ${plural}`,
 		loading: "Loading...",
 		couldNotLoad: "Could not load",
-		viewAll: "View all"
+		viewAll: "View all",
+		couldNotSearch: (label) => `Could not search ${label.toLowerCase()}`
 	},
 	nl: {
 		navigation: "Navigatie",
@@ -57,7 +58,8 @@ const text = defineMessages({
 		recent: (plural) => `Recente ${plural}`,
 		loading: "Laden...",
 		couldNotLoad: "Kon niet laden",
-		viewAll: "Alles bekijken"
+		viewAll: "Alles bekijken",
+		couldNotSearch: (label) => `Kon niet zoeken in ${label.toLowerCase()}`
 	}
 });
 //#endregion

package/dist/assistant-dock/assistant-dock.js

@@ -2,13 +2,13 @@ import { ChatMessage } from "../chat/chat-message.js";
 import { ChatThread } from "../chat/chat-thread.js";
 import { Composer } from "../chat/composer.js";
 import { SidePanel } from "../side-panel/side-panel.js";
+import { text } from "./messages.js";
 import { PartView } from "./part-view.js";
 import { AssistantBackendContext } from "./use-backend-data.js";
 import { useEffect, useRef } from "react";
 import { Sparkles } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/assistant-dock/assistant-dock.tsx
-const defaultPlaceholder = "Ask a question...";
 /**
 * The assistant beside the app: renders a backend's chat, its cards, the app's widgets and status line, and sends
 * messages and clicks back.
@@ -19,9 +19,9 @@ const AssistantDock = ({ state, offline, error, onSend, onAction, onClose, clien
 		if (state.placeholder) input.current?.focus();
 	}, [state.placeholder]);
 	return /* @__PURE__ */ jsx(SidePanel, {
-		title: "Assistant",
+		title: text("assistant"),
 		icon: /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-primary" }),
-		status: offline ? "Reconnecting..." : state.status,
+		status: offline ? text("reconnecting") : state.status,
 		onClose,
 		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
@@ -31,13 +31,13 @@ const AssistantDock = ({ state, offline, error, onSend, onAction, onClose, clien
 			inputRef: input,
 			onSend,
 			busy: state.replying,
-			placeholder: state.placeholder ?? defaultPlaceholder
+			placeholder: state.placeholder ?? text("askQuestion")
 		})] }),
 		children: /* @__PURE__ */ jsx(AssistantBackendContext.Provider, {
 			value: client,
 			children: /* @__PURE__ */ jsx(ChatThread, {
 				length: state.messages.reduce((sum, message) => sum + message.parts.length, 0),
-				empty: "Ask a question about this app or its data.",
+				empty: text("empty"),
 				children: state.messages.map((message) => /* @__PURE__ */ jsx(ChatMessage, {
 					from: message.from,
 					children: message.parts.map((part) => /* @__PURE__ */ jsx(PartView, {

package/dist/assistant-dock/messages.js

@@ -0,0 +1,26 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/assistant-dock/messages.ts
+const text = defineMessages({
+	en: {
+		askQuestion: "Ask a question...",
+		assistant: "Assistant",
+		reconnecting: "Reconnecting...",
+		empty: "Ask a question about this app or its data.",
+		noAnswer: "The assistant did not answer",
+		backendNoAnswer: "The assistant backend did not answer",
+		couldNotDraw: "It could not be drawn.",
+		cannotShowLive: "This version of the app cannot show it live."
+	},
+	nl: {
+		askQuestion: "Stel een vraag...",
+		assistant: "Assistent",
+		reconnecting: "Opnieuw verbinden...",
+		empty: "Stel een vraag over deze app of de gegevens ervan.",
+		noAnswer: "De assistent antwoordde niet",
+		backendNoAnswer: "De backend van de assistent antwoordde niet",
+		couldNotDraw: "Dit kon niet worden getekend.",
+		cannotShowLive: "Deze versie van de app kan dit niet live tonen."
+	}
+});
+//#endregion
+export { text };

package/dist/assistant-dock/use-assistant.js

@@ -1,7 +1,8 @@
+import { text } from "./messages.js";
 import { useEffect, useState } from "react";
 import { applyAssistantEvent, emptyAssistantState } from "@protobase/schema/internal";
 //#region src/assistant-dock/use-assistant.ts
-const messageOf = (error) => error instanceof Error ? error.message : "The assistant did not answer";
+const messageOf = (error) => error instanceof Error ? error.message : text("noAnswer");
 /** Follows an assistant backend's event stream into state, with its two requests; `undefined` client means not yet. */
 const useAssistant = (client) => {
 	const [state, setState] = useState(emptyAssistantState);

package/dist/assistant-dock/use-backend-data.js

@@ -1,8 +1,9 @@
+import { text } from "./messages.js";
 import { createContext, useContext, useEffect, useRef, useState } from "react";
 //#region src/assistant-dock/use-backend-data.ts
 /** The assistant backend the dock talks to, for the widgets it draws; `AssistantDock` provides it from its `client`. */
 const AssistantBackendContext = createContext(void 0);
-const asError = (reason) => reason instanceof Error ? reason : /* @__PURE__ */ new Error("The assistant backend did not answer");
+const asError = (reason) => reason instanceof Error ? reason : new Error(text("backendNoAnswer"));
 const refreshOf = (refresh, data) => typeof refresh === "function" ? refresh(data) : refresh;
 /**
 * JSON from the assistant backend at `path` (see `AssistantClient.fetch`), read as the signed-in user each time the

package/dist/assistant-dock/widget-view.js

@@ -1,6 +1,7 @@
 import { reportRenderError } from "../app/error-reporting.js";
 import { useProjectUi } from "../app/pages/project-ui.js";
 import { ActionCard } from "../action-card/action-card.js";
+import { text } from "./messages.js";
 import { Component } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/assistant-dock/widget-view.tsx
@@ -24,7 +25,7 @@ var WidgetBoundary = class extends Component {
 	render() {
 		return this.state.failed ? /* @__PURE__ */ jsx(Fallback, {
 			part: this.props.part,
-			note: "It could not be drawn."
+			note: text("couldNotDraw")
 		}) : this.props.children;
 	}
 };
@@ -34,7 +35,7 @@ const WidgetView = ({ part }) => {
 	const Widget = Object.hasOwn(components, part.name) ? components[part.name] : void 0;
 	if (!Widget) return /* @__PURE__ */ jsx(Fallback, {
 		part,
-		note: "This version of the app cannot show it live."
+		note: text("cannotShowLive")
 	});
 	return /* @__PURE__ */ jsx(WidgetBoundary, {
 		part,

package/dist/auth/auth-gate.js

@@ -1,6 +1,7 @@
 import { Spinner } from "../primitives/spinner.js";
 import { providerMessage } from "./auth-messages.js";
 import { readProviderError, readSignInLink, withoutSignInLink } from "./provider-link.js";
+import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
 import { Button } from "../primitives/button.js";
 import { useRouter } from "../app/router.js";
@@ -121,7 +122,7 @@ const useAuthPage = (workspace, children) => {
 		if (state.kind === "signed-in") await signOut();
 		leaveResetPage({
 			kind: "sign-in",
-			notice: "Your password is changed. Sign in with the new one."
+			notice: text("passwordChanged")
 		});
 	};
 	const backToSignIn = () => {
@@ -131,16 +132,20 @@ const useAuthPage = (workspace, children) => {
 	switch (state.kind) {
 		case "loading": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
-			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
+			children: [
+				/* @__PURE__ */ jsx(Spinner, {}),
+				" ",
+				text("loading")
+			]
 		});
 		case "error": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 flex-col items-center justify-center gap-3 p-8 text-center",
-			children: [/* @__PURE__ */ jsxs("p", {
+			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: ["Cannot reach the server: ", state.message]
+				children: text("cannotReach", state.message)
 			}), /* @__PURE__ */ jsx(Button, {
 				onClick: recheck,
-				children: "Try again"
+				children: text("tryAgain")
 			})]
 		});
 		case "needs-admin": return /* @__PURE__ */ jsx(FirstRunPage, { onCheckAgain: recheck });

package/dist/auth/auth-locale.js

@@ -0,0 +1,14 @@
+import { useAuth } from "./auth-provider.js";
+import { AppLocale } from "../locale/app-locale.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/auth/auth-locale.tsx
+/**
+* Puts the screens below in the language the setup status names: the sign-in screens and public forms come before
+* `/meta`, and are in the app's language all the same.
+*/
+const AuthLocale = ({ children }) => /* @__PURE__ */ jsx(AppLocale, {
+	locale: useAuth().locale,
+	children
+});
+//#endregion
+export { AuthLocale };

package/dist/auth/auth-messages.js

@@ -1,58 +1,137 @@
+import { defineMessages } from "../locale/messages.js";
 //#region src/auth/auth-messages.ts
-const tooManyRequests = "Too many attempts. Wait a minute and try again.";
-const passkeyClosed = "The passkey prompt closed before it finished. Try again.";
+const text = defineMessages({
+	en: {
+		tooManyRequests: "Too many attempts. Wait a minute and try again.",
+		passkeyClosed: "The passkey prompt closed before it finished. Try again.",
+		wrongEmailOrPassword: "The email or password is not right.",
+		wrongPassword: "The password is not right.",
+		wrongCode: "The code is not right.",
+		codeExpired: "The code has expired. Ask for a new one.",
+		tooManyCodes: "Too many wrong codes. Ask for a new one.",
+		wrongBackupCode: "The backup code is not right, or was used before.",
+		tooManyCodesSignIn: "Too many wrong codes. Sign in again.",
+		locked: "Too many wrong codes. Wait 15 minutes and try again.",
+		tooSlow: "This sign-in took too long. Sign in again.",
+		passkeyNotFound: "This passkey is not registered for an account here.",
+		passkeyFailed: "The passkey could not be checked. Try again.",
+		passkeyAdded: "This passkey is added already.",
+		notFresh: "For this change, sign out and sign in again first.",
+		staffPermissionMissing: "Your staff account has no permission to sign in as people here.",
+		staffNotStrong: "Sign in to your staff account with a passkey or a second step, then try again.",
+		staffStale: "Your staff sign-in is too old. Sign in to your staff account again.",
+		staffExpired: "This staff sign-in took too long or was used already. Start again.",
+		staffProviderFailed: "The staff sign-in did not go through at the provider. Try again.",
+		staffUserUnavailable: "There is no account with this address, or it is disabled.",
+		staffReasonRequired: "Say why you sign in as this person, in at least 10 characters.",
+		staffForbidden: "Staff sign-in is turned off for this app.",
+		untrustedCallback: "This page is not on an address the server trusts.",
+		staffFailed: "The staff sign-in did not go through. Try again."
+	},
+	nl: {
+		tooManyRequests: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",
+		passkeyClosed: "De passkey-vraag sloot voordat die klaar was. Probeer het opnieuw.",
+		wrongEmailOrPassword: "Het e-mailadres of wachtwoord klopt niet.",
+		wrongPassword: "Het wachtwoord klopt niet.",
+		wrongCode: "De code klopt niet.",
+		codeExpired: "De code is verlopen. Vraag een nieuwe aan.",
+		tooManyCodes: "Te veel verkeerde codes. Vraag een nieuwe aan.",
+		wrongBackupCode: "De back-upcode klopt niet, of is al eerder gebruikt.",
+		tooManyCodesSignIn: "Te veel verkeerde codes. Log opnieuw in.",
+		locked: "Te veel verkeerde codes. Wacht 15 minuten en probeer het opnieuw.",
+		tooSlow: "Deze inlogpoging duurde te lang. Log opnieuw in.",
+		passkeyNotFound: "Deze passkey hoort hier bij geen enkel account.",
+		passkeyFailed: "De passkey kon niet worden gecontroleerd. Probeer het opnieuw.",
+		passkeyAdded: "Deze passkey is al toegevoegd.",
+		notFresh: "Log voor deze wijziging eerst uit en opnieuw in.",
+		staffPermissionMissing: "Je medewerkersaccount mag hier niet als iemand anders inloggen.",
+		staffNotStrong: "Log in op je medewerkersaccount met een passkey of een tweede stap, en probeer het dan opnieuw.",
+		staffStale: "Je inlog als medewerker is te oud. Log opnieuw in op je medewerkersaccount.",
+		staffExpired: "Deze inlog als medewerker duurde te lang of is al gebruikt. Begin opnieuw.",
+		staffProviderFailed: "De inlog als medewerker lukte niet bij de provider. Probeer het opnieuw.",
+		staffUserUnavailable: "Er is geen account met dit adres, of het is uitgeschakeld.",
+		staffReasonRequired: "Zeg in minstens 10 tekens waarom je als deze persoon inlogt.",
+		staffForbidden: "Inloggen als medewerker staat uit voor deze app.",
+		untrustedCallback: "Deze pagina staat niet op een adres dat de server vertrouwt.",
+		staffFailed: "De inlog als medewerker lukte niet. Probeer het opnieuw."
+	}
+});
+const providerText = defineMessages({
+	en: {
+		signupDisabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
+		notLinked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on the Sign-in & security page.`,
+		linkedToOther: (name) => `This ${name} account is linked to someone else here already.`,
+		couldNotLink: (name) => `Your ${name} account could not be linked. Try again.`,
+		accessDenied: (name) => `${name} did not let you in, or you cancelled.`,
+		domainNotAllowed: (name) => `${name} signed you in with an address this app does not accept from it. Sign in another way.`,
+		providerFailed: (name) => `Signing in with ${name} did not go through. Try again.`
+	},
+	nl: {
+		signupDisabled: (name) => `Geen account hier hoort bij dit ${name}-account. Vraag een beheerder om je toe te voegen, of log op een andere manier in.`,
+		notLinked: (name) => `Je ${name}-account is niet gekoppeld aan je account hier. Log op een andere manier in en koppel ${name} dan op de pagina Inloggen en beveiliging.`,
+		linkedToOther: (name) => `Dit ${name}-account is hier al aan iemand anders gekoppeld.`,
+		couldNotLink: (name) => `Je ${name}-account kon niet worden gekoppeld. Probeer het opnieuw.`,
+		accessDenied: (name) => `${name} liet je niet binnen, of je hebt geannuleerd.`,
+		domainNotAllowed: (name) => `${name} logde je in met een adres dat deze app daarvan niet accepteert. Log op een andere manier in.`,
+		providerFailed: (name) => `Inloggen met ${name} lukte niet. Probeer het opnieuw.`
+	}
+});
 const messages = {
-	INVALID_EMAIL_OR_PASSWORD: "The email or password is not right.",
-	INVALID_PASSWORD: "The password is not right.",
-	INVALID_OTP: "The code is not right.",
-	OTP_EXPIRED: "The code has expired. Ask for a new one.",
-	TOO_MANY_ATTEMPTS: "Too many wrong codes. Ask for a new one.",
-	INVALID_CODE: "The code is not right.",
-	INVALID_BACKUP_CODE: "The backup code is not right, or was used before.",
-	TOO_MANY_ATTEMPTS_REQUEST_NEW_CODE: "Too many wrong codes. Sign in again.",
-	ACCOUNT_TEMPORARILY_LOCKED: "Too many wrong codes. Wait 15 minutes and try again.",
-	INVALID_TWO_FACTOR_COOKIE: "This sign-in took too long. Sign in again.",
-	AUTH_CANCELLED: passkeyClosed,
-	ERROR_CEREMONY_ABORTED: passkeyClosed,
-	REGISTRATION_CANCELLED: passkeyClosed,
-	PASSKEY_NOT_FOUND: "This passkey is not registered for an account here.",
-	AUTHENTICATION_FAILED: "The passkey could not be checked. Try again.",
-	PREVIOUSLY_REGISTERED: "This passkey is added already.",
-	ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED: "This passkey is added already.",
-	SESSION_NOT_FRESH: "For this change, sign out and sign in again first."
+	INVALID_EMAIL_OR_PASSWORD: "wrongEmailOrPassword",
+	INVALID_PASSWORD: "wrongPassword",
+	INVALID_OTP: "wrongCode",
+	OTP_EXPIRED: "codeExpired",
+	TOO_MANY_ATTEMPTS: "tooManyCodes",
+	INVALID_CODE: "wrongCode",
+	INVALID_BACKUP_CODE: "wrongBackupCode",
+	TOO_MANY_ATTEMPTS_REQUEST_NEW_CODE: "tooManyCodesSignIn",
+	ACCOUNT_TEMPORARILY_LOCKED: "locked",
+	INVALID_TWO_FACTOR_COOKIE: "tooSlow",
+	AUTH_CANCELLED: "passkeyClosed",
+	ERROR_CEREMONY_ABORTED: "passkeyClosed",
+	REGISTRATION_CANCELLED: "passkeyClosed",
+	PASSKEY_NOT_FOUND: "passkeyNotFound",
+	AUTHENTICATION_FAILED: "passkeyFailed",
+	PREVIOUSLY_REGISTERED: "passkeyAdded",
+	ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED: "passkeyAdded",
+	SESSION_NOT_FRESH: "notFresh"
 };
-const known = (error) => error.code ? messages[error.code] : void 0;
+const lookup = (ids, code) => {
+	const id = code ? ids[code] : void 0;
+	return id && text(id);
+};
+const known = (error) => lookup(messages, error.code);
 /** Better Auth's error from a sign-in step or an account change, in words for the person at the keyboard. */
-const authMessage = (error) => known(error) ?? (error.status === 429 ? tooManyRequests : error.message);
+const authMessage = (error) => known(error) ?? (error.status === 429 ? text("tooManyRequests") : error.message);
 /** As `authMessage`, for the password form: any other 401 is a wrong email or password. */
-const signInMessage = (error) => known(error) ?? (error.status === 429 ? tooManyRequests : error.status === 401 ? messages.INVALID_EMAIL_OR_PASSWORD : error.message);
+const signInMessage = (error) => known(error) ?? (error.status === 429 ? text("tooManyRequests") : error.status === 401 ? text("wrongEmailOrPassword") : error.message);
 const staffMessages = {
-	STAFF_PERMISSION_MISSING: "Your staff account has no permission to sign in as people here.",
-	STAFF_SIGN_IN_NOT_STRONG: "Sign in to your staff account with a passkey or a second step, then try again.",
-	STAFF_SIGN_IN_STALE: "Your staff sign-in is too old. Sign in to your staff account again.",
-	STAFF_SIGN_IN_EXPIRED: "This staff sign-in took too long or was used already. Start again.",
-	STAFF_SIGN_IN_FAILED: "The staff sign-in did not go through at the provider. Try again.",
-	STAFF_USER_UNAVAILABLE: "There is no account with this address, or it is disabled.",
-	STAFF_REASON_REQUIRED: "Say why you sign in as this person, in at least 10 characters.",
-	SIGN_IN_METHOD_FORBIDDEN: "Staff sign-in is turned off for this app.",
-	INVALID_CALLBACK_URL: "This page is not on an address the server trusts."
+	STAFF_PERMISSION_MISSING: "staffPermissionMissing",
+	STAFF_SIGN_IN_NOT_STRONG: "staffNotStrong",
+	STAFF_SIGN_IN_STALE: "staffStale",
+	STAFF_SIGN_IN_EXPIRED: "staffExpired",
+	STAFF_SIGN_IN_FAILED: "staffProviderFailed",
+	STAFF_USER_UNAVAILABLE: "staffUserUnavailable",
+	STAFF_REASON_REQUIRED: "staffReasonRequired",
+	SIGN_IN_METHOD_FORBIDDEN: "staffForbidden",
+	INVALID_CALLBACK_URL: "untrustedCallback"
 };
 /** Why a staff sign-in did not go through, from the code it came back with or an `AuthError` of its start. */
 const staffSignInMessage = (failure) => {
-	const code = typeof failure === "string" ? failure : failure.code;
-	if (code && staffMessages[code]) return staffMessages[code];
-	if (typeof failure === "string") return "The staff sign-in did not go through. Try again.";
-	return failure.status === 429 ? tooManyRequests : failure.message;
+	const message = lookup(staffMessages, typeof failure === "string" ? failure : failure.code);
+	if (message) return message;
+	if (typeof failure === "string") return text("staffFailed");
+	return failure.status === 429 ? text("tooManyRequests") : failure.message;
 };
 const providerMessages = {
-	signup_disabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
-	account_not_linked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on the Sign-in & security page.`,
-	account_already_linked_to_different_user: (name) => `This ${name} account is linked to someone else here already.`,
-	unable_to_link_account: (name) => `Your ${name} account could not be linked. Try again.`,
-	access_denied: (name) => `${name} did not let you in, or you cancelled.`,
-	EMAIL_DOMAIN_NOT_ALLOWED: (name) => `${name} signed you in with an address this app does not accept from it. Sign in another way.`
+	signup_disabled: (name) => providerText("signupDisabled", name),
+	account_not_linked: (name) => providerText("notLinked", name),
+	account_already_linked_to_different_user: (name) => providerText("linkedToOther", name),
+	unable_to_link_account: (name) => providerText("couldNotLink", name),
+	access_denied: (name) => providerText("accessDenied", name),
+	EMAIL_DOMAIN_NOT_ALLOWED: (name) => providerText("domainNotAllowed", name)
 };
 /** Why signing in or linking with the provider `name` did not go through, from the code it came back with. */
-const providerMessage = (code, name) => providerMessages[code]?.(name) ?? `Signing in with ${name} did not go through. Try again.`;
+const providerMessage = (code, name) => providerMessages[code]?.(name) ?? providerText("providerFailed", name);
 //#endregion
 export { authMessage, providerMessage, signInMessage, staffSignInMessage };

package/dist/auth/auth-provider.js

@@ -1,4 +1,5 @@
 import { providerName, withoutSignInLink } from "./provider-link.js";
+import { text } from "./messages.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { createAuthSession } from "@protobase/client";
 import { jsx } from "react/jsx-runtime";
@@ -23,6 +24,7 @@ const AuthProvider = ({ session: given, children }) => {
 	const [organizations, setOrganizations] = useState();
 	const [anonymous, setAnonymous] = useState(false);
 	const [beforeSignIn, setBeforeSignIn] = useState([]);
+	const [locale, setLocale] = useState();
 	const signedOutState = useCallback(() => anonymous ? { kind: "visitor" } : { kind: "signed-out" }, [anonymous]);
 	const markSignedOut = useCallback(() => setState((current) => current.kind === "signed-in" ? { kind: "signed-out" } : current), []);
 	const signedOut = useRef(markSignedOut);
@@ -58,12 +60,13 @@ const AuthProvider = ({ session: given, children }) => {
 			setOrganizations(status.organizations);
 			setAnonymous(Boolean(status.anonymous));
 			setBeforeSignIn(status.plugins ?? []);
+			setLocale(status.locale);
 			if (status.needsAdmin) return setState({ kind: "needs-admin" });
 			const user = await session.session();
 			return user ? enter(user) : setState({ kind: status.anonymous ? "visitor" : "signed-out" });
 		}).catch((error) => setState({
 			kind: "error",
-			message: error instanceof Error ? error.message : "The server did not answer"
+			message: error instanceof Error ? error.message : text("noAnswer")
 		}));
 	}, [session, enter]);
 	useEffect(recheck, [recheck]);
@@ -84,6 +87,7 @@ const AuthProvider = ({ session: given, children }) => {
 		markSignedOut,
 		recheck,
 		beforeSignIn,
+		locale,
 		adoptSession: async () => {
 			const user = await session.session();
 			if (!user) return false;
@@ -131,6 +135,7 @@ const AuthProvider = ({ session: given, children }) => {
 		organizations,
 		anonymous,
 		beforeSignIn,
+		locale,
 		signedOutState,
 		markSignedOut,
 		recheck,

package/dist/auth/code-form.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { OtpInput } from "../primitives/otp-input.js";
 import { AuthLayout } from "./auth-layout.js";
@@ -33,7 +34,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 				children: [
 					/* @__PURE__ */ jsxs("label", {
 						className: "flex flex-col gap-1.5 font-medium",
-						children: ["Code", /* @__PURE__ */ jsx(OtpInput, {
+						children: [text("code"), /* @__PURE__ */ jsx(OtpInput, {
 							name: "code",
 							required: true,
 							autoFocus: true,