@protobase/ui 0.25.1 → 0.25.3

package/dist/account/sign-in-policy-page.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Spinner } from "../primitives/spinner.js";
 import { PageHeader } from "../app-shell/page-header.js";
 import { authMessage } from "../auth/auth-messages.js";
@@ -13,7 +14,7 @@ const StaffSignIns = ({ operator }) => {
 	const [signIns, setSignIns] = useState();
 	const [error, setError] = useState();
 	useEffect(() => {
-		session.staff.log().then(setSignIns, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : "Could not read the staff sign-ins"));
+		session.staff.log().then(setSignIns, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : text("couldNotReadStaffSignIns")));
 	}, [session]);
 	return /* @__PURE__ */ jsx(StaffSignInLog, {
 		operator,
@@ -32,7 +33,7 @@ const SignInPolicyPage = () => {
 	const [error, setError] = useState();
 	const [notice, setNotice] = useState();
 	useEffect(() => {
-		session.signInPolicy.read().then(setState, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : "Could not read the sign-in policy"));
+		session.signInPolicy.read().then(setState, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : text("couldNotReadPolicy")));
 	}, [session]);
 	const save = async (policy) => {
 		setBusy(true);
@@ -40,7 +41,7 @@ const SignInPolicyPage = () => {
 		setNotice(void 0);
 		try {
 			setState(await session.signInPolicy.save(policy));
-			setNotice("Saved. It applies to every sign-in from now on.");
+			setNotice(text("policySaved"));
 		} catch (failure) {
 			if (!(failure instanceof AuthError)) throw failure;
 			setError(authMessage(failure));
@@ -50,8 +51,8 @@ const SignInPolicyPage = () => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mx-auto flex w-full max-w-3xl flex-col gap-4 px-4 py-6 md:px-6",
 		children: [/* @__PURE__ */ jsx(PageHeader, {
-			title: "Sign-in policy",
-			subtitle: "How people sign in to this app. Signed-in people keep their session, and are asked for what is newly required within 15 minutes."
+			title: text("signInPolicy"),
+			subtitle: text("policySubtitle")
 		}), state ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SignInPolicyForm, {
 			state,
 			busy,
@@ -64,7 +65,11 @@ const SignInPolicyPage = () => {
 			children: error
 		}) : /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
-			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
+			children: [
+				/* @__PURE__ */ jsx(Spinner, {}),
+				" ",
+				text("loading")
+			]
 		})]
 	});
 };

package/dist/account/sign-in-providers-section.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Badge } from "../primitives/badge.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { Button } from "../primitives/button.js";
@@ -23,8 +24,8 @@ const SignInProvidersSection = ({ providers, linked, onConnect, error: returned
 		}
 	};
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Connected accounts",
-		description: "Sign in with these instead of your password. Connecting one asks you to sign in there; its address may differ from yours here.",
+		title: text("connectedAccounts"),
+		description: text("connectedAccountsDescription"),
 		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
 			children: providers.map((provider) => /* @__PURE__ */ jsxs("li", {
@@ -37,13 +38,13 @@ const SignInProvidersSection = ({ providers, linked, onConnect, error: returned
 					}),
 					linked.includes(provider.id) ? /* @__PURE__ */ jsx(Badge, {
 						tone: "green",
-						children: "Connected"
-					}) : /* @__PURE__ */ jsxs(Button, {
+						children: text("connected")
+					}) : /* @__PURE__ */ jsx(Button, {
 						size: "sm",
 						loading: busy === provider.id,
 						disabled: busy !== void 0,
 						onClick: () => void connect(provider.id),
-						children: ["Connect ", provider.name]
+						children: text("connect", provider.name)
 					})
 				]
 			}, provider.id))

package/dist/account/staff-sign-in-log.js

@@ -1,27 +1,28 @@
+import { text } from "./messages.js";
 import { Badge } from "../primitives/badge.js";
 import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/staff-sign-in-log.tsx
-const stateOf = (entry, now) => entry.endedAt ? /* @__PURE__ */ jsxs(Badge, {
+const stateOf = (entry, now) => entry.endedAt ? /* @__PURE__ */ jsx(Badge, {
 	tone: "neutral",
-	children: ["Stopped ", formatDateTime(Date.parse(entry.endedAt))]
-}) : Date.parse(entry.expiresAt) <= now ? /* @__PURE__ */ jsxs(Badge, {
+	children: text("stopped", formatDateTime(Date.parse(entry.endedAt)))
+}) : Date.parse(entry.expiresAt) <= now ? /* @__PURE__ */ jsx(Badge, {
 	tone: "neutral",
-	children: ["Ended ", formatDateTime(Date.parse(entry.expiresAt))]
-}) : /* @__PURE__ */ jsxs(Badge, {
+	children: text("ended", formatDateTime(Date.parse(entry.expiresAt)))
+}) : /* @__PURE__ */ jsx(Badge, {
 	tone: "amber",
-	children: ["Signed in until ", formatDateTime(Date.parse(entry.expiresAt))]
+	children: text("signedInUntil", formatDateTime(Date.parse(entry.expiresAt)))
 });
 /** The app's log of staff sign-ins, for admins: who signed in as whom, why, and when. */
 const StaffSignInLog = ({ signIns, operator, error, now = Date.now() }) => /* @__PURE__ */ jsxs(AccountSection, {
-	title: "Staff sign-ins",
-	description: `Each time staff of ${operator} signed in as someone here, newest first.`,
+	title: text("staffSignIns"),
+	description: text("staffSignInsDescription", operator),
 	children: [
 		/* @__PURE__ */ jsx(SectionError, { message: error }),
 		signIns && signIns.length === 0 && /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
-			children: "No staff has signed in as anyone yet."
+			children: text("noStaffSignIns")
 		}),
 		signIns && signIns.length > 0 && /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
@@ -37,7 +38,7 @@ const StaffSignInLog = ({ signIns, operator, error, now = Date.now() }) => /* @_
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "text-muted-foreground",
-								children: "as"
+								children: text("as")
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "font-medium break-all",

package/dist/account/totp-qr.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { encode } from "uqr";
@@ -18,7 +19,7 @@ const TotpQr = ({ uri, className }) => {
 	return /* @__PURE__ */ jsxs("svg", {
 		viewBox: `0 0 ${size} ${size}`,
 		role: "img",
-		"aria-label": "QR code for your authenticator app",
+		"aria-label": text("qrCode"),
 		shapeRendering: "crispEdges",
 		className,
 		children: [/* @__PURE__ */ jsx("rect", {

package/dist/account/two-factor-section.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Badge } from "../primitives/badge.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
@@ -9,9 +10,9 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/two-factor-section.tsx
 const offDescriptions = {
-	allowed: "Ask for a second step after your password or an emailed sign-in code: a code from an authenticator app, or one emailed to you. A passkey needs no second step.",
-	required: "This app requires two-factor authentication for every account. Turn it on to keep using the app.",
-	forbidden: "Your admin turned two-factor authentication off for this app."
+	allowed: "twoFactorAllowed",
+	required: "twoFactorRequired",
+	forbidden: "twoFactorForbidden"
 };
 const TwoFactorSection = (props) => {
 	const { rule, enabled, authenticatorApp, mail, needsPassword, onTurnOff, onNewBackupCodes, onChanged } = props;
@@ -19,14 +20,14 @@ const TwoFactorSection = (props) => {
 	const close = () => setOpen(void 0);
 	const status = enabled ? /* @__PURE__ */ jsx(Badge, {
 		tone: "green",
-		children: "On"
+		children: text("on")
 	}) : rule === "required" ? /* @__PURE__ */ jsx(Badge, {
 		tone: "amber",
-		children: "Required"
-	}) : /* @__PURE__ */ jsx(Badge, { children: "Off" });
-	const description = !enabled ? offDescriptions[rule] : authenticatorApp ? `Signing in with a password or an emailed sign-in code also asks for a code from your authenticator app${mail ? ", or one emailed to you" : ""}. Backup codes work when you do not have the app.` : "Signing in with a password or an emailed sign-in code also asks for a code emailed to you.";
+		children: text("required")
+	}) : /* @__PURE__ */ jsx(Badge, { children: text("off") });
+	const description = !enabled ? text(offDescriptions[rule]) : authenticatorApp ? text(mail ? "twoFactorOnWithAppOrMail" : "twoFactorOnWithApp") : text("twoFactorOnWithMail");
 	if (open?.kind === "setup") return /* @__PURE__ */ jsx(AccountSection, {
-		title: "Two-factor authentication",
+		title: text("twoFactor"),
 		status,
 		description,
 		children: /* @__PURE__ */ jsx("div", {
@@ -46,7 +47,7 @@ const TwoFactorSection = (props) => {
 		})
 	});
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Two-factor authentication",
+		title: text("twoFactor"),
 		status,
 		description,
 		children: [
@@ -59,32 +60,32 @@ const TwoFactorSection = (props) => {
 							kind: "setup",
 							appOnly: false
 						}),
-						children: "Turn on"
+						children: text("turnOn")
 					}),
 					enabled && !authenticatorApp && rule !== "forbidden" && /* @__PURE__ */ jsx(Button, {
 						onClick: () => setOpen({
 							kind: "setup",
 							appOnly: true
 						}),
-						children: "Add an authenticator app"
+						children: text("addAuthenticator")
 					}),
 					enabled && authenticatorApp && /* @__PURE__ */ jsx(Button, {
 						onClick: () => setOpen({ kind: "new-codes" }),
-						children: "New backup codes"
+						children: text("newBackupCodes")
 					}),
 					enabled && /* @__PURE__ */ jsx(Button, {
 						variant: "danger",
 						disabled: rule === "required",
-						title: rule === "required" ? "This app requires two-factor authentication." : void 0,
+						title: rule === "required" ? text("twoFactorIsRequired") : void 0,
 						onClick: () => setOpen({ kind: "turn-off" }),
-						children: "Turn off"
+						children: text("turnOff")
 					})
 				]
 			}),
 			open?.kind === "turn-off" && /* @__PURE__ */ jsx(PasswordDialog, {
-				title: "Turn off two-factor authentication?",
-				description: "Signing in then needs only your password or an emailed code. Your backup codes stop working.",
-				confirmLabel: "Turn off",
+				title: text("turnOffTitle"),
+				description: text("turnOffDescription"),
+				confirmLabel: text("turnOff"),
 				danger: true,
 				needsPassword,
 				onClose: close,
@@ -95,9 +96,9 @@ const TwoFactorSection = (props) => {
 				}
 			}),
 			open?.kind === "new-codes" && /* @__PURE__ */ jsx(PasswordDialog, {
-				title: "Make new backup codes?",
-				description: "Your current backup codes stop working, and you get ten new ones.",
-				confirmLabel: "Make new codes",
+				title: text("newCodesTitle"),
+				description: text("newCodesDescription"),
+				confirmLabel: text("makeNewCodes"),
 				needsPassword,
 				onClose: close,
 				onConfirm: async (password) => setOpen({
@@ -106,13 +107,13 @@ const TwoFactorSection = (props) => {
 				})
 			}),
 			open?.kind === "codes" && /* @__PURE__ */ jsx(Dialog, {
-				title: "Your new backup codes",
-				description: "Keep them somewhere safe: each one signs you in once if you lose your phone. They are not shown again.",
+				title: text("yourNewCodes"),
+				description: text("keepCodesSafe"),
 				onClose: close,
 				actions: /* @__PURE__ */ jsx(Button, {
 					variant: "primary",
 					onClick: close,
-					children: "I saved my backup codes"
+					children: text("savedCodes")
 				}),
 				children: /* @__PURE__ */ jsx(BackupCodes, { codes: open.codes })
 			})

package/dist/account/two-factor-setup.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { cn } from "../lib/cn.js";
 import { Input } from "../primitives/input.js";
 import { authMessage } from "../auth/auth-messages.js";
@@ -9,14 +10,14 @@ import { useState } from "react";
 import { AuthError } from "@protobase/client";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/two-factor-setup.tsx
-const choices = [{
+const choices = () => [{
 	value: "app",
-	label: "Authenticator app",
-	description: "A code from an app such as Google Authenticator, Microsoft Authenticator or 1Password. Comes with backup codes."
+	label: text("authenticatorApp"),
+	description: text("authenticatorAppDescription")
 }, {
 	value: "email",
-	label: "Emailed code",
-	description: "A code mailed to your address each time you sign in with a password or an emailed sign-in code."
+	label: text("emailedCode"),
+	description: text("emailedCodeDescription")
 }];
 /** Turns on two-factor authentication: choose the app or emailed codes, confirm the password, scan, and keep the backup codes. */
 const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfirmApp, onEmailedCodes, onDone, onCancel }) => {
@@ -26,7 +27,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 	const [code, setCode] = useState("");
 	const [busy, setBusy] = useState(false);
 	const [error, setError] = useState();
-	const offered = offerEmailedCodes ? choices : choices.filter((option) => option.value === "app");
+	const offered = offerEmailedCodes ? choices() : choices().filter((option) => option.value === "app");
 	const attempt = async (action) => {
 		setBusy(true);
 		setError(void 0);
@@ -66,14 +67,14 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 		children: [
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: "Two-factor authentication is on. Keep these backup codes somewhere safe: each one signs you in once if you lose your phone. They are not shown again."
+				children: text("twoFactorIsOn")
 			}),
 			/* @__PURE__ */ jsx(BackupCodes, { codes: step.codes }),
 			/* @__PURE__ */ jsx(Button, {
 				variant: "primary",
 				onClick: onDone,
 				className: "min-h-10",
-				children: "I saved my backup codes"
+				children: text("savedCodes")
 			})
 		]
 	});
@@ -86,7 +87,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 		children: [
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: "Scan this code with your authenticator app, then enter the 6-digit code it shows."
+				children: text("scanCode")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col items-center gap-2",
@@ -95,7 +96,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 					className: "size-44 rounded-md border"
 				}), /* @__PURE__ */ jsxs("p", {
 					className: "text-center text-xs text-muted-foreground",
-					children: ["Can't scan it? Enter this key in the app:", /* @__PURE__ */ jsx("span", {
+					children: [text("cannotScan"), /* @__PURE__ */ jsx("span", {
 						className: "mt-1 block break-all font-mono text-body text-foreground",
 						children: totpKey(step.setup.totpURI)
 					})]
@@ -103,7 +104,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 			}),
 			/* @__PURE__ */ jsxs("label", {
 				className: "flex flex-col gap-1.5 font-medium",
-				children: ["Code from the app", /* @__PURE__ */ jsx(OtpInput, {
+				children: [text("codeFromApp"), /* @__PURE__ */ jsx(OtpInput, {
 					name: "code",
 					required: true,
 					autoFocus: true,
@@ -119,13 +120,13 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 				type: "submit",
 				loading: busy,
 				className: "min-h-10",
-				children: "Turn on"
+				children: text("turnOn")
 			}),
 			onCancel && /* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
 				onClick: onCancel,
 				className: "min-h-10",
-				children: "Cancel"
+				children: text("cancel")
 			})
 		]
 	});
@@ -138,7 +139,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				role: "radiogroup",
-				"aria-label": "Second step",
+				"aria-label": text("secondStep"),
 				className: "flex flex-col gap-2",
 				children: offered.map((option) => /* @__PURE__ */ jsxs("button", {
 					type: "button",
@@ -157,7 +158,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 			}),
 			needsPassword && /* @__PURE__ */ jsxs("label", {
 				className: "flex flex-col gap-1.5 font-medium",
-				children: ["Your password", /* @__PURE__ */ jsx(Input, {
+				children: [text("yourPassword"), /* @__PURE__ */ jsx(Input, {
 					type: "password",
 					name: "password",
 					autoComplete: "current-password",
@@ -174,13 +175,13 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 				type: "submit",
 				loading: busy,
 				className: "min-h-10",
-				children: "Continue"
+				children: text("continue")
 			}),
 			onCancel && /* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
 				onClick: onCancel,
 				className: "min-h-10",
-				children: "Cancel"
+				children: text("cancel")
 			})
 		]
 	});

package/dist/action-card/action-card.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { text } from "./messages.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/action-card/action-card.tsx
@@ -76,7 +77,7 @@ const ActionCard = ({ title, tone = "neutral", badge, note, actions = [], onActi
 				onClose: () => setConfirming(void 0),
 				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 					onClick: () => setConfirming(void 0),
-					children: "Cancel"
+					children: text("cancel")
 				}), /* @__PURE__ */ jsx(Button, {
 					variant: confirming.style === "danger" ? "danger" : "primary",
 					onClick: () => {

package/dist/action-card/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/action-card/messages.ts
+const text = defineMessages({
+	en: { cancel: "Cancel" },
+	nl: { cancel: "Annuleren" }
+});
+//#endregion
+export { text };

package/dist/activity-chart/activity-chart.js

@@ -6,6 +6,7 @@ import { formatDayShort } from "../format/date.js";
 import { activitySeries } from "../mocks/activity.js";
 import { halfOverHalfDelta, totalCount } from "./activity-math.js";
 import { ActivityTooltip } from "./activity-tooltip.js";
+import { text } from "./messages.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bar, BarChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
@@ -54,10 +55,10 @@ const ActivityChart = ({ title = "Orders created", noun = "orders", defaultGranu
 				onChange: setGranularity,
 				options: [{
 					value: "day",
-					label: "Day"
+					label: text("day")
 				}, {
 					value: "week",
-					label: "Week"
+					label: text("week")
 				}]
 			})]
 		}), /* @__PURE__ */ jsx("div", {

package/dist/activity-chart/messages.js

@@ -0,0 +1,14 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/activity-chart/messages.ts
+const text = defineMessages({
+	en: {
+		day: "Day",
+		week: "Week"
+	},
+	nl: {
+		day: "Dag",
+		week: "Week"
+	}
+});
+//#endregion
+export { text };

package/dist/app/app.d.ts

@@ -2,8 +2,8 @@ import { SidebarMode } from "../app-shell/sidebar-mode.js";
 import "../app-shell/index.js";
 import { ProjectUi } from "./pages/project-ui.js";
 import { PluginLoader } from "../plugins/load-plugin.js";
-import { AssistantClient, AuthSession, Client, RuntimeClient } from "@protobase/client";
 import { Locale } from "@protobase/schema/internal";
+import { AssistantClient, AuthSession, Client, RuntimeClient } from "@protobase/client";
 //#region src/app/app.d.ts
 export type AppProps = {
   /** Where `/api/v1` lives. Defaults to the current origin. */

package/dist/app/app.js

@@ -1,18 +1,21 @@
-import { accountMenuItems } from "../account/account-pages.js";
 import { setFallbackLocale } from "../locale/active-locale.js";
+import { accountMenuItems } from "../account/account-pages.js";
 import { AppShell } from "../app-shell/app-shell.js";
 import { AuthProvider, useAuth } from "../auth/auth-provider.js";
 import { AccountSecurityPage } from "../account/account-security-page.js";
 import { SignInPolicyPage } from "../account/sign-in-policy-page.js";
 import { ApiProvider } from "../data/api-provider.js";
+import { text } from "./messages.js";
 import { Router, useRouter } from "./router.js";
+import { slotted } from "../locale/slotted.js";
 import { useSignInAddress } from "../auth/use-sign-in-address.js";
-import { managesOrganization, organizationMenuItems, organizationPageTitles } from "../organizations/organization-paths.js";
+import { managesOrganization, organizationMenuItems, organizationPageTitle } from "../organizations/organization-paths.js";
 import { startErrorReporting } from "./error-reporting.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
 import { PluginSourceProvider } from "../plugins/plugin-source.js";
 import { AuthGate } from "../auth/auth-gate.js";
 import { isAdmin, userToShell } from "../auth/user-to-shell.js";
+import { AuthLocale } from "../auth/auth-locale.js";
 import { sourceStatusOf } from "../data/with-sources.js";
 import { useLiveUpdates } from "../data/use-live-updates.js";
 import { useOpenedRecord } from "../data/use-record.js";
@@ -137,8 +140,8 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 	const organizations = useOrganizations(Boolean(organizationSettings && user));
 	const current = organizations.current;
 	const outsideOrganizations = Boolean(organizationSettings) && current !== void 0 && !current.organization;
-	const organizationPage = organizationSettings && user ? organizationPageTitles[path] : void 0;
-	const accountPage = !user ? void 0 : path === "/-/account" ? "Sign-in & security" : path === "/-/sign-in-policy" ? "Sign-in policy" : organizationPage;
+	const organizationPage = organizationSettings && user ? organizationPageTitle(path) : void 0;
+	const accountPage = !user ? void 0 : path === "/-/account" ? text("signInSecurity") : path === "/-/sign-in-policy" ? text("signInPolicy") : organizationPage;
 	const resourceLabel = view?.names?.plural ?? (resource && humanize(resource));
 	const breadcrumb = accountPage ? [accountPage] : breadcrumbFor({
 		basePath,
@@ -160,31 +163,27 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		recordLoading: titleLoading
 	}), meta.appName));
 	const content = user && path === "/-/account" ? /* @__PURE__ */ jsx(AccountSecurityPage, { email: user.email }) : user && path === "/-/sign-in-policy" ? admin ? /* @__PURE__ */ jsx(SignInPolicyPage, {}) : /* @__PURE__ */ jsx(Notice, {
-		title: "Admins only",
-		children: "Only an admin can change how people sign in."
+		title: text("adminsOnly"),
+		children: text("onlyAdminPolicy")
 	}) : organizationPage && path === "/-/organization" ? /* @__PURE__ */ jsx(OrganizationPage, {
 		current,
 		basePath,
 		onChanged: organizations.reload
 	}) : organizationPage && (path === "/-/organization/members" || path === "/-/organization/invitations") ? !managesOrganization(current) ? /* @__PURE__ */ jsx(Notice, {
-		title: "Owners and admins only",
-		children: "Only the organization's owners and admins manage its members."
+		title: text("ownersOnly"),
+		children: text("onlyOwners")
 	}) : path === "/-/organization/members" ? /* @__PURE__ */ jsx(MembersPage, { current }) : /* @__PURE__ */ jsx(InvitationsPage, { current }) : organizationPage && path === "/-/organizations" || outsideOrganizations ? /* @__PURE__ */ jsx(OrganizationsPage, {
 		state: organizations,
 		basePath
 	}) : !address ? path === "/" ? /* @__PURE__ */ jsx(Notice, {
-		title: "Choose a resource",
-		children: "Pick one from the sidebar."
+		title: text("chooseResource"),
+		children: text("pickFromSidebar")
 	}) : /* @__PURE__ */ jsx(Notice, {
-		title: "Not found",
-		children: "There is nothing at this address."
-	}) : address.kind === "page" ? page ? /* @__PURE__ */ jsx(ComposedPage, { name: page.name }, page.name) : /* @__PURE__ */ jsxs(Notice, {
-		title: "Not found",
-		children: [
-			"There is no page called ",
-			address.page,
-			"."
-		]
+		title: text("notFound"),
+		children: text("nothingHere")
+	}) : address.kind === "page" ? page ? /* @__PURE__ */ jsx(ComposedPage, { name: page.name }, page.name) : /* @__PURE__ */ jsx(Notice, {
+		title: text("notFound"),
+		children: slotted(text("noPage"), address.page)
 	}) : drawnFrom && drawnFrom.state !== "ready" ? /* @__PURE__ */ jsx(SourceNotice, { status: drawnFrom }) : address.kind === "create" ? /* @__PURE__ */ jsx(CreateRoute, {
 		resource: address.resource,
 		values: address.values
@@ -315,7 +314,7 @@ const App = ({ auth, workspace, basePath, initialUrl, pluginLoader, locale, ...r
 			initialUrl,
 			children: /* @__PURE__ */ jsx(PluginSourceProvider, {
 				...pluginLoader && { loader: pluginLoader },
-				children: /* @__PURE__ */ jsx(PublicFormGate, {
+				children: /* @__PURE__ */ jsx(AuthLocale, { children: /* @__PURE__ */ jsx(PublicFormGate, {
 					baseUrl: rest.baseUrl,
 					client: rest.client,
 					ui: rest.ui,
@@ -326,7 +325,7 @@ const App = ({ auth, workspace, basePath, initialUrl, pluginLoader, locale, ...r
 							...rest
 						})
 					})
-				})
+				}) })
 			})
 		})
 	}) });

package/dist/app/assistant-shell.js

@@ -1,4 +1,5 @@
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
 import { AssistantDock } from "../assistant-dock/assistant-dock.js";
 import { useAssistant } from "../assistant-dock/use-assistant.js";
 import { useAssistantClient } from "../assistant-dock/use-assistant-client.js";
@@ -14,7 +15,7 @@ const AssistantButton = ({ open, onToggle }) => /* @__PURE__ */ jsxs(Button, {
 	className: "max-md:size-9 max-md:p-0",
 	children: [/* @__PURE__ */ jsx(Sparkles, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
 		className: "max-md:sr-only",
-		children: "Assistant"
+		children: text("assistant")
 	})]
 });
 const ConnectedDock = ({ client, page, onClose }) => {

package/dist/app/batch-failure.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import "@protobase/client";
 //#region src/app/batch-failure.ts
 const label = (op) => {
@@ -8,7 +9,7 @@ const label = (op) => {
 const describeBatchFailure = (error, ops) => {
 	const index = error.operation;
 	const op = index === void 0 ? void 0 : ops[index];
-	return op ? `Operation ${index + 1} (${label(op)}) failed: ${error.message} Nothing was saved.` : `${error.message} Nothing was saved.`;
+	return op ? text("operationFailed", index + 1, label(op), error.message) : text("nothingSaved", error.message);
 };
 /** The same error with the failing operation named in its message, keeping its class so a 412 stays a 412. */
 const nameFailingOperation = (error, ops) => {

package/dist/app/breadcrumb-for.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { appPath } from "@protobase/schema";
 //#region src/app/breadcrumb-for.ts
 /** Group, then the page or resource list, then the record (or "New"): each with a page of its own links to it. */
@@ -10,7 +11,7 @@ const breadcrumbFor = ({ basePath, address, group, page, resourceLabel, recordTi
 			page: page.name
 		}, basePath)
 	}];
-	if (!address || address.kind === "page") return ["Admin"];
+	if (!address || address.kind === "page") return [text("admin")];
 	const resource = resourceLabel ? [{
 		label: resourceLabel,
 		href: appPath({
@@ -22,10 +23,10 @@ const breadcrumbFor = ({ basePath, address, group, page, resourceLabel, recordTi
 	if (address.kind === "list") return [...groupCrumb, ...resource];
 	const href = appPath(address, basePath);
 	const record = address.kind === "create" ? {
-		label: "New",
+		label: text("new"),
 		href
 	} : recordTitle === void 0 && recordLoading ? {
-		label: "Loading record",
+		label: text("loadingRecord"),
 		href,
 		loading: true
 	} : {

package/dist/app/charts/chart-groups.js

@@ -1,4 +1,5 @@
 import { formatTag } from "../../locale/active-locale.js";
+import { text } from "./messages.js";
 import { createWhere, enumLabel, printFilter } from "@protobase/schema";
 //#region src/app/charts/chart-groups.ts
 const where$1 = createWhere();
@@ -12,9 +13,9 @@ const colorOf = (field, hints, value, index) => {
 	return slot(index);
 };
 const labelOf = (field, hints, group) => {
-	if (group.value === null) return "Not set";
+	if (group.value === null) return text("notSet");
 	if (field.type === "enum") return enumLabel(String(group.value), hints?.valueLabels);
-	if (field.type === "boolean") return group.value ? "Yes" : "No";
+	if (field.type === "boolean") return group.value ? text("yes") : text("no");
 	return group.label ?? String(group.value);
 };
 /** The records of one group: the chart's own filter and the group's value. */