@protobase/ui 0.63.4 → 0.64.0

package/dist/account/change-email-dialog.js

@@ -64,7 +64,7 @@ const ChangeEmailDialog = ({ email, change, onDone, onClose }) => {
 	});
 	return /* @__PURE__ */ jsxs(Dialog, {
 		title: text("changeEmail"),
-		description: text("codeSentTo", sentTo),
+		description: text("codeSentTo", { email: sentTo }),
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			variant: "ghost",

package/dist/account/devices-section.js

@@ -1,8 +1,8 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
-import { formatDateTime } from "../format/date.js";
 import { Badge } from "../primitives/badge.js";
+import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { deviceOf } from "./device-name.js";
@@ -12,10 +12,13 @@ import { AuthError } from "@protobase/client";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/devices-section.tsx
 const nameOf = (session, operator) => {
-	if (session.staff) return operator ? text("staffOf", operator) : text("staff");
+	if (session.staff) return operator ? text("staffOf", { operator }) : text("staff");
 	const { browser, system } = deviceOf(session.userAgent);
-	if (browser && system) return text("browserOn", browser, system);
-	if (system) return text("aBrowserOn", system);
+	if (browser && system) return text("browserOn", {
+		browser,
+		system
+	});
+	if (system) return text("aBrowserOn", { system });
 	return browser ?? text("unknownDevice");
 };
 const iconOf = (session) => {
@@ -76,7 +79,10 @@ const DevicesSection = ({ sessions, operator, onSignOut, onSignOutOthers }) => {
 									})]
 								}), /* @__PURE__ */ jsxs("span", {
 									className: "block text-xs text-muted-foreground",
-									children: [text("signedInFromUntil", formatDateTime(Date.parse(session.createdAt)), formatDateTime(Date.parse(session.expiresAt))), !session.staff && session.ipAddress && ` · ${session.ipAddress}`]
+									children: [text("signedInFromUntil", {
+										from: formatDateTime(Date.parse(session.createdAt)),
+										until: formatDateTime(Date.parse(session.expiresAt))
+									}), !session.staff && session.ipAddress && ` · ${session.ipAddress}`]
 								})]
 							}),
 							!session.current && /* @__PURE__ */ jsx(Button, {
@@ -98,7 +104,7 @@ const DevicesSection = ({ sessions, operator, onSignOut, onSignOutOthers }) => {
 				children: text("signOutOthers")
 			}),
 			confirming && /* @__PURE__ */ jsx(Dialog, {
-				title: confirming.kind === "one" ? text("signOutDevice", nameOf(confirming.session, operator)) : text("signOutOthersTitle"),
+				title: confirming.kind === "one" ? text("signOutDevice", { name: nameOf(confirming.session, operator) }) : text("signOutOthersTitle"),
 				description: confirming.kind === "one" ? text("signOutDeviceDescription") : text("signOutOthersDescription"),
 				onClose: () => setConfirming(void 0),
 				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {

package/dist/account/messages.js

@@ -1,336 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/account/messages.ts
-const text = defineMessages({
-	en: {
-		account: "Account",
-		noAccount: "No account page",
-		noAccountDescription: "This app has no account page for you.",
-		signInPolicy: "Sign-in policy",
-		couldNotReadMethods: "Could not read your sign-in methods",
-		couldNotReadProfile: "Could not read your profile",
-		profile: "Profile",
-		profileDescription: "Your name as others see it in this app, and the address you sign in with.",
-		email: "Email",
-		changeName: "Change name",
-		changeNameDescription: "The name others see on your comments, changes and invitations.",
-		changeEmail: "Change email",
-		changeEmailDescription: "We email a code to the new address. Once you enter it here, you sign in with that address.",
-		newEmail: "New email",
-		sendCode: "Send code",
-		codeSentTo: (email) => `Enter the 6-digit code we emailed to ${email}. It works for 5 minutes. No code comes when another account has the address.`,
-		code: "Code",
-		otherAddress: "Use another address",
-		theProvider: "the provider",
-		loading: "Loading",
-		backupCodes: "Backup codes",
-		copied: "Copied",
-		copy: "Copy",
-		download: "Download",
-		cancel: "Cancel",
-		save: "Save",
-		name: "Name",
-		yourPassword: "Your password",
-		passwordIsSet: "Sign in with your email address and this password. Changing it asks for the current one.",
-		passwordNotSet: "You sign in without a password now. Set one to sign in with your email address and a password too; you stay signed in everywhere.",
-		passwordForbidden: "Your admin turned passwords off for this app, so they cannot be used to sign in.",
-		passwordStaff: "Staff signed in as someone cannot change their password.",
-		passwordSaved: "Your password is saved.",
-		changePassword: "Change password",
-		setPassword: "Set a password",
-		currentPassword: "Current password",
-		newPassword: "New password",
-		repeatPassword: "Repeat new password",
-		atLeast: (length) => `At least ${length} characters.`,
-		useAtLeast: (length) => `Use at least ${length} characters.`,
-		passwordTooLong: "That password is too long.",
-		passwordsDiffer: "The passwords are not the same.",
-		continue: "Continue",
-		on: "On",
-		off: "Off",
-		optional: "Optional",
-		required: "Required",
-		passkeys: "Passkeys",
-		passkey: "Passkey",
-		passkeysAllowed: "Sign in with Face ID, Touch ID, Windows Hello, your phone or a security key instead of a password.",
-		passkeysRequired: "This app requires a passkey for every account. Sign in with Face ID, Touch ID, Windows Hello, your phone or a security key.",
-		passkeysForbidden: "Your admin turned passkeys off for this app, so they cannot be used to sign in.",
-		addedOn: (date) => `Added ${date}`,
-		addedEarlier: "Added earlier",
-		synced: "Synced across your devices",
-		oneDevice: "On one device",
-		rename: "Rename",
-		remove: "Remove",
-		keepLastPasskey: "Passkeys are required: add another one before removing this one.",
-		addPasskey: "Add a passkey",
-		renamePasskey: "Rename passkey",
-		renamePasskeyDescription: "A name that tells you where this passkey lives, such as the device or password manager.",
-		removePasskey: "Remove passkey?",
-		removePasskeyDescription: (name) => `${name} will no longer sign you in here. It stays on the device until you delete it there.`,
-		thisPasskey: "This passkey",
-		connectedAccounts: "Connected accounts",
-		connectedAccountsDescription: "Sign in with these instead of your password. Connecting one asks you to sign in there; its address may differ from yours here.",
-		connected: "Connected",
-		connect: (name) => `Connect ${name}`,
-		mailbox: "Mailbox",
-		mailboxDescription: "Mail this app sends for you goes out from your own mailbox. Connecting one asks you to sign in there and allow sending mail; it cannot read your mail.",
-		stopped: (time) => `Stopped ${time}`,
-		ended: (time) => `Ended ${time}`,
-		signedInUntil: (time) => `Signed in until ${time}`,
-		devices: "Devices",
-		devicesDescription: "The browsers and apps signed in to your account. To sign out this one, use Sign out in the menu.",
-		couldNotReadDevices: "Could not read your devices",
-		noDevices: "No device is signed in.",
-		thisDevice: "This device",
-		browserOn: (browser, system) => `${browser} on ${system}`,
-		aBrowserOn: (system) => `A browser on ${system}`,
-		unknownDevice: "Unknown device",
-		staffOf: (operator) => `${operator} staff`,
-		staff: "Staff",
-		signedInFromUntil: (from, until) => `Signed in ${from}, until ${until}`,
-		signOut: "Sign out",
-		signOutDevice: (name) => `Sign out ${name}?`,
-		signOutDeviceDescription: "It has to sign in again to use your account.",
-		signOutOthers: "Sign out of all other devices",
-		signOutOthersTitle: "Sign out of all other devices?",
-		signOutOthersDescription: "Every other browser and app signed in to your account has to sign in again. This device stays signed in.",
-		staffSignIns: "Staff sign-ins",
-		staffSignInsDescription: (operator) => `Each time staff of ${operator} signed in as someone here, newest first.`,
-		noStaffSignIns: "No staff has signed in as anyone yet.",
-		as: "as",
-		qrCode: "QR code for your authenticator app",
-		twoFactor: "Two-factor authentication",
-		twoFactorAllowed: "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.",
-		twoFactorRequired: "This app requires two-factor authentication for every account. Turn it on to keep using the app.",
-		twoFactorForbidden: "Your admin turned two-factor authentication off for this app.",
-		twoFactorOnWithApp: "Signing in with a password or an emailed sign-in code also asks for a code from your authenticator app. Backup codes work when you do not have the app.",
-		twoFactorOnWithAppOrMail: "Signing in with a password or an emailed sign-in code also asks for a code from your authenticator app, or one emailed to you. Backup codes work when you do not have the app.",
-		twoFactorOnWithMail: "Signing in with a password or an emailed sign-in code also asks for a code emailed to you.",
-		turnOn: "Turn on",
-		turnOff: "Turn off",
-		addAuthenticator: "Add an authenticator app",
-		newBackupCodes: "New backup codes",
-		twoFactorIsRequired: "This app requires two-factor authentication.",
-		turnOffTitle: "Turn off two-factor authentication?",
-		turnOffDescription: "Signing in then needs only your password or an emailed code. Your backup codes stop working.",
-		newCodesTitle: "Make new backup codes?",
-		newCodesDescription: "Your current backup codes stop working, and you get ten new ones.",
-		makeNewCodes: "Make new codes",
-		yourNewCodes: "Your new backup codes",
-		keepCodesSafe: "Keep them somewhere safe: each one signs you in once if you lose your phone. They are not shown again.",
-		savedCodes: "I saved my backup codes",
-		authenticatorApp: "Authenticator app",
-		authenticatorAppDescription: "A code from an app such as Google Authenticator, Microsoft Authenticator or 1Password. Comes with backup codes.",
-		emailedCode: "Emailed code",
-		emailedCodeDescription: "A code mailed to your address each time you sign in with a password or an emailed sign-in code.",
-		twoFactorIsOn: "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.",
-		scanCode: "Scan this code with your authenticator app, then enter the 6-digit code it shows.",
-		cannotScan: "Can't scan it? Enter this key in the app:",
-		codeFromApp: "Code from the app",
-		secondStep: "Second step",
-		password: "Password",
-		passwordDescription: "Sign in with the email address and a password.",
-		emailedSignInCode: "Emailed sign-in code",
-		emailedSignInCodeDescription: "Sign in with a one-time code mailed to the account's address.",
-		passkeysPolicyDescription: "Sign in with Face ID, Touch ID, Windows Hello, a phone or a security key. Required: everyone adds one after signing in.",
-		twoFactorPolicyDescription: "A code from an authenticator app, or an emailed one, after a password or an emailed sign-in code. Required: everyone turns it on after signing in.",
-		staffAccess: "Staff sign-in as a person",
-		staffAccessDescription: "The team that runs this app signs in as someone to help them, with a reason, for a short session. Each time is in the log below; with \"Email the person\" they are told too.",
-		emailThePerson: "Email the person",
-		platformSignIn: "Sign-in through the platform",
-		platformSignInDescription: "The sign-in provider the platform that runs this app adds, for people who have an account here already. It never creates accounts.",
-		platformSignInWith: (provider) => `Sign in with ${provider} through the platform`,
-		codeNeedsMail: "Needs mail settings (PROTOBASE_SMTP_URL and PROTOBASE_MAIL_FROM): off until they are set.",
-		passwordStaysOn: "Without mail settings, password sign-in stays on so nobody is locked out.",
-		staffNeedsMail: "Needs mail settings (PROTOBASE_SMTP_URL and PROTOBASE_MAIL_FROM): staff cannot sign in until they are set.",
-		platformOff: "Off while passkeys or two-factor authentication are required: it skips the second step.",
-		appliesAs: (rule) => `Applies as ${rule} for now.`,
-		lastSaved: (time) => `Last saved on ${time}.`,
-		lastSavedBy: (name, time) => `Last saved by ${name} on ${time}.`,
-		neverChanged: "Never changed: this is the app's default.",
-		reset: "Reset",
-		couldNotReadStaffSignIns: "Could not read the staff sign-ins",
-		couldNotReadPolicy: "Could not read the sign-in policy",
-		policySaved: "Saved. It applies to every sign-in from now on.",
-		policySubtitle: "How people sign in to this app. Signed-in people keep their session, and are asked for what is newly required within 15 minutes.",
-		mcpAddress: "MCP address",
-		mcpAddressDescription: "Add this address to an AI assistant or code editor that speaks MCP, as a custom connector or remote MCP server. It opens this app in your browser, where you sign in and allow it; it then works with your access.",
-		copyMcpAddress: "Copy the MCP address",
-		addToClaude: "Add to Claude",
-		deleteAccount: "Delete account",
-		deleteAccountDescription: "Delete your account and sign out everywhere. You can no longer sign in with it, and this cannot be undone.",
-		deleteAccountStaff: "Staff signed in as someone cannot delete their account.",
-		deleteAccountQuestion: "Delete your account?",
-		deleteAccountWarning: "Your account, its sign-in methods and every device signed in to it are deleted. This cannot be undone.",
-		deleteAccountPassword: "Enter your password to confirm.",
-		deleteAccountConfirm: "Delete my account",
-		deleteAccountLastAdmin: "You are the last admin of this app. Make someone else an admin first.",
-		deleteAccountLocked: "This account is locked, so it cannot be deleted."
-	},
-	nl: {
-		account: "Account",
-		noAccount: "Geen accountpagina",
-		noAccountDescription: "Deze app heeft geen accountpagina voor je.",
-		signInPolicy: "Inlogbeleid",
-		couldNotReadMethods: "Kon je inlogmethoden niet lezen",
-		couldNotReadProfile: "Kon je profiel niet lezen",
-		profile: "Profiel",
-		profileDescription: "Je naam zoals anderen die in deze app zien, en het adres waarmee je inlogt.",
-		email: "E-mail",
-		changeName: "Naam wijzigen",
-		changeNameDescription: "De naam die anderen zien bij je opmerkingen, wijzigingen en uitnodigingen.",
-		changeEmail: "E-mailadres wijzigen",
-		changeEmailDescription: "We mailen een code naar het nieuwe adres. Zodra je die hier invult, log je in met dat adres.",
-		newEmail: "Nieuw e-mailadres",
-		sendCode: "Code versturen",
-		codeSentTo: (email) => `Vul de code van 6 cijfers in die we naar ${email} mailden. Die werkt 5 minuten. Heeft een ander account het adres, dan komt er geen code.`,
-		code: "Code",
-		otherAddress: "Ander adres gebruiken",
-		theProvider: "de provider",
-		loading: "Laden",
-		backupCodes: "Back-upcodes",
-		copied: "Gekopieerd",
-		copy: "Kopiëren",
-		download: "Downloaden",
-		cancel: "Annuleren",
-		save: "Bewaren",
-		name: "Naam",
-		yourPassword: "Je wachtwoord",
-		passwordIsSet: "Log in met je e-mailadres en dit wachtwoord. Wijzigen vraagt het huidige.",
-		passwordNotSet: "Je logt nu in zonder wachtwoord. Stel er een in om ook met je e-mailadres en een wachtwoord in te loggen; je blijft overal ingelogd.",
-		passwordForbidden: "Je beheerder heeft wachtwoorden uitgezet voor deze app, dus je kunt er niet mee inloggen.",
-		passwordStaff: "Een medewerker die als iemand anders is ingelogd, kan diens wachtwoord niet wijzigen.",
-		passwordSaved: "Je wachtwoord is bewaard.",
-		changePassword: "Wachtwoord wijzigen",
-		setPassword: "Wachtwoord instellen",
-		currentPassword: "Huidig wachtwoord",
-		newPassword: "Nieuw wachtwoord",
-		repeatPassword: "Nieuw wachtwoord herhalen",
-		atLeast: (length) => `Minstens ${length} tekens.`,
-		useAtLeast: (length) => `Gebruik minstens ${length} tekens.`,
-		passwordTooLong: "Dat wachtwoord is te lang.",
-		passwordsDiffer: "De wachtwoorden zijn niet hetzelfde.",
-		continue: "Doorgaan",
-		on: "Aan",
-		off: "Uit",
-		optional: "Optioneel",
-		required: "Verplicht",
-		passkeys: "Passkeys",
-		passkey: "Passkey",
-		passkeysAllowed: "Log in met Face ID, Touch ID, Windows Hello, je telefoon of een beveiligingssleutel in plaats van een wachtwoord.",
-		passkeysRequired: "Deze app vraagt een passkey voor elk account. Log in met Face ID, Touch ID, Windows Hello, je telefoon of een beveiligingssleutel.",
-		passkeysForbidden: "Je beheerder heeft passkeys uitgezet voor deze app, dus je kunt er niet mee inloggen.",
-		addedOn: (date) => `Toegevoegd ${date}`,
-		addedEarlier: "Eerder toegevoegd",
-		synced: "Gesynchroniseerd op je apparaten",
-		oneDevice: "Op één apparaat",
-		rename: "Naam wijzigen",
-		remove: "Verwijderen",
-		keepLastPasskey: "Passkeys zijn verplicht: voeg er nog een toe voordat je deze verwijdert.",
-		addPasskey: "Passkey toevoegen",
-		renamePasskey: "Naam van passkey wijzigen",
-		renamePasskeyDescription: "Een naam die zegt waar deze passkey staat, zoals het apparaat of de wachtwoordbeheerder.",
-		removePasskey: "Passkey verwijderen?",
-		removePasskeyDescription: (name) => `Met ${name} log je hier niet meer in. Die blijft op het apparaat tot je die daar verwijdert.`,
-		thisPasskey: "deze passkey",
-		connectedAccounts: "Gekoppelde accounts",
-		connectedAccountsDescription: "Log hiermee in in plaats van met je wachtwoord. Koppelen vraagt je daar in te loggen; het adres daar kan anders zijn dan hier.",
-		connected: "Gekoppeld",
-		connect: (name) => `${name} koppelen`,
-		mailbox: "Mailbox",
-		mailboxDescription: "Mail die deze app voor je verstuurt, gaat uit vanuit je eigen mailbox. Koppelen vraagt je daar in te loggen en het versturen van mail toe te staan; je mail lezen kan de app niet.",
-		stopped: (time) => `Gestopt ${time}`,
-		ended: (time) => `Afgelopen ${time}`,
-		signedInUntil: (time) => `Ingelogd tot ${time}`,
-		devices: "Apparaten",
-		devicesDescription: "De browsers en apps die op je account zijn ingelogd. Log hier uit met Uitloggen in het menu.",
-		couldNotReadDevices: "Kon je apparaten niet lezen",
-		noDevices: "Er is geen apparaat ingelogd.",
-		thisDevice: "Dit apparaat",
-		browserOn: (browser, system) => `${browser} op ${system}`,
-		aBrowserOn: (system) => `Een browser op ${system}`,
-		unknownDevice: "Onbekend apparaat",
-		staffOf: (operator) => `Medewerker van ${operator}`,
-		staff: "Medewerker",
-		signedInFromUntil: (from, until) => `Ingelogd ${from}, tot ${until}`,
-		signOut: "Uitloggen",
-		signOutDevice: (name) => `${name} uitloggen?`,
-		signOutDeviceDescription: "Dat moet opnieuw inloggen om je account te gebruiken.",
-		signOutOthers: "Uitloggen op alle andere apparaten",
-		signOutOthersTitle: "Uitloggen op alle andere apparaten?",
-		signOutOthersDescription: "Elke andere browser en app die op je account is ingelogd, moet opnieuw inloggen. Dit apparaat blijft ingelogd.",
-		staffSignIns: "Inlogs van medewerkers",
-		staffSignInsDescription: (operator) => `Elke keer dat een medewerker van ${operator} hier als iemand anders inlogde, nieuwste eerst.`,
-		noStaffSignIns: "Nog geen medewerker heeft als iemand anders ingelogd.",
-		as: "als",
-		qrCode: "QR-code voor je authenticator-app",
-		twoFactor: "Tweestapsverificatie",
-		twoFactorAllowed: "Vraag een tweede stap na je wachtwoord of een gemailde inlogcode: een code uit een authenticator-app, of een die je gemaild krijgt. Een passkey heeft geen tweede stap nodig.",
-		twoFactorRequired: "Deze app vraagt tweestapsverificatie voor elk account. Zet het aan om de app te blijven gebruiken.",
-		twoFactorForbidden: "Je beheerder heeft tweestapsverificatie uitgezet voor deze app.",
-		twoFactorOnWithApp: "Inloggen met een wachtwoord of een gemailde inlogcode vraagt ook een code uit je authenticator-app. Back-upcodes werken als je de app niet bij de hand hebt.",
-		twoFactorOnWithAppOrMail: "Inloggen met een wachtwoord of een gemailde inlogcode vraagt ook een code uit je authenticator-app, of een die je gemaild krijgt. Back-upcodes werken als je de app niet bij de hand hebt.",
-		twoFactorOnWithMail: "Inloggen met een wachtwoord of een gemailde inlogcode vraagt ook een code die je gemaild krijgt.",
-		turnOn: "Aanzetten",
-		turnOff: "Uitzetten",
-		addAuthenticator: "Authenticator-app toevoegen",
-		newBackupCodes: "Nieuwe back-upcodes",
-		twoFactorIsRequired: "Deze app vraagt tweestapsverificatie.",
-		turnOffTitle: "Tweestapsverificatie uitzetten?",
-		turnOffDescription: "Inloggen vraagt dan alleen je wachtwoord of een gemailde code. Je back-upcodes werken niet meer.",
-		newCodesTitle: "Nieuwe back-upcodes maken?",
-		newCodesDescription: "Je huidige back-upcodes werken niet meer, en je krijgt tien nieuwe.",
-		makeNewCodes: "Nieuwe codes maken",
-		yourNewCodes: "Je nieuwe back-upcodes",
-		keepCodesSafe: "Bewaar ze op een veilige plek: met elke code log je één keer in als je je telefoon kwijt bent. Ze worden niet opnieuw getoond.",
-		savedCodes: "Ik heb mijn back-upcodes bewaard",
-		authenticatorApp: "Authenticator-app",
-		authenticatorAppDescription: "Een code uit een app zoals Google Authenticator, Microsoft Authenticator of 1Password. Met back-upcodes.",
-		emailedCode: "Gemailde code",
-		emailedCodeDescription: "Een code naar je adres, elke keer dat je inlogt met een wachtwoord of een gemailde inlogcode.",
-		twoFactorIsOn: "Tweestapsverificatie staat aan. Bewaar deze back-upcodes op een veilige plek: met elke code log je één keer in als je je telefoon kwijt bent. Ze worden niet opnieuw getoond.",
-		scanCode: "Scan deze code met je authenticator-app en vul daarna de code van 6 cijfers in die de app toont.",
-		cannotScan: "Lukt scannen niet? Vul deze sleutel in de app in:",
-		codeFromApp: "Code uit de app",
-		secondStep: "Tweede stap",
-		password: "Wachtwoord",
-		passwordDescription: "Inloggen met het e-mailadres en een wachtwoord.",
-		emailedSignInCode: "Gemailde inlogcode",
-		emailedSignInCodeDescription: "Inloggen met een eenmalige code naar het adres van het account.",
-		passkeysPolicyDescription: "Inloggen met Face ID, Touch ID, Windows Hello, een telefoon of een beveiligingssleutel. Verplicht: iedereen voegt er een toe na het inloggen.",
-		twoFactorPolicyDescription: "Een code uit een authenticator-app, of een gemailde, na een wachtwoord of een gemailde inlogcode. Verplicht: iedereen zet het aan na het inloggen.",
-		staffAccess: "Medewerker logt in als iemand anders",
-		staffAccessDescription: "Het team dat deze app beheert, logt in als iemand om die te helpen, met een reden, voor een korte sessie. Elke keer staat in het logboek hieronder; met \"De persoon mailen\" krijgt die het ook te horen.",
-		emailThePerson: "De persoon mailen",
-		platformSignIn: "Inloggen via het platform",
-		platformSignInDescription: "De inlogprovider die het platform van deze app toevoegt, voor mensen die hier al een account hebben. Die maakt nooit accounts.",
-		platformSignInWith: (provider) => `Inloggen met ${provider} via het platform`,
-		codeNeedsMail: "Vraagt mailinstellingen (PROTOBASE_SMTP_URL en PROTOBASE_MAIL_FROM): uit tot die zijn ingesteld.",
-		passwordStaysOn: "Zonder mailinstellingen blijft inloggen met een wachtwoord aan, zodat niemand wordt buitengesloten.",
-		staffNeedsMail: "Vraagt mailinstellingen (PROTOBASE_SMTP_URL en PROTOBASE_MAIL_FROM): medewerkers kunnen niet inloggen tot die zijn ingesteld.",
-		platformOff: "Uit zolang passkeys of tweestapsverificatie verplicht zijn: het slaat de tweede stap over.",
-		appliesAs: (rule) => `Geldt voorlopig als ${rule}.`,
-		lastSaved: (time) => `Laatst bewaard op ${time}.`,
-		lastSavedBy: (name, time) => `Laatst bewaard door ${name} op ${time}.`,
-		neverChanged: "Nooit gewijzigd: dit is de standaard van de app.",
-		reset: "Terugzetten",
-		couldNotReadStaffSignIns: "Kon de inlogs van medewerkers niet lezen",
-		couldNotReadPolicy: "Kon het inlogbeleid niet lezen",
-		policySaved: "Bewaard. Het geldt vanaf nu voor elke inlog.",
-		policySubtitle: "Hoe mensen inloggen bij deze app. Wie is ingelogd, houdt de sessie en krijgt binnen 15 minuten de vraag naar wat nieuw verplicht is.",
-		mcpAddress: "MCP-adres",
-		mcpAddressDescription: "Voeg dit adres toe aan een AI-assistent of code-editor die MCP spreekt, als aangepaste connector of externe MCP-server. Die opent deze app in je browser, waar je inlogt en hem toestaat; daarna werkt hij met jouw toegang.",
-		copyMcpAddress: "Het MCP-adres kopiëren",
-		addToClaude: "Toevoegen aan Claude",
-		deleteAccount: "Account verwijderen",
-		deleteAccountDescription: "Verwijder je account en log overal uit. Je kunt er daarna niet meer mee inloggen, en dit kan niet ongedaan worden gemaakt.",
-		deleteAccountStaff: "Een medewerker die als iemand anders is ingelogd, kan diens account niet verwijderen.",
-		deleteAccountQuestion: "Je account verwijderen?",
-		deleteAccountWarning: "Je account, je inlogmethoden en elk apparaat dat ermee is ingelogd worden verwijderd. Dit kan niet ongedaan worden gemaakt.",
-		deleteAccountPassword: "Vul je wachtwoord in om te bevestigen.",
-		deleteAccountConfirm: "Mijn account verwijderen",
-		deleteAccountLastAdmin: "Je bent de laatste beheerder van deze app. Maak eerst iemand anders beheerder.",
-		deleteAccountLocked: "Dit account is vergrendeld en kan dus niet worden verwijderd."
-	}
-});
+const text = messages("account");
 //#endregion
 export { text };

package/dist/account/passkeys-section.js

@@ -1,9 +1,9 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { Badge } from "../primitives/badge.js";
 import { formatDate } from "../format/date.js";
 import { Input } from "../primitives/input.js";
-import { Badge } from "../primitives/badge.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";
@@ -57,7 +57,7 @@ const PasskeysSection = ({ rule, passkeys, onAdd, onRename, onRemove }) => {
 							}), /* @__PURE__ */ jsxs("span", {
 								className: "block text-xs text-muted-foreground",
 								children: [
-									passkey.createdAt ? text("addedOn", formatDate(Date.parse(passkey.createdAt))) : text("addedEarlier"),
+									passkey.createdAt ? text("addedOn", { date: formatDate(Date.parse(passkey.createdAt)) }) : text("addedEarlier"),
 									" · ",
 									passkey.backedUp ? text("synced") : text("oneDevice")
 								]
@@ -122,7 +122,7 @@ const PasskeysSection = ({ rule, passkeys, onAdd, onRename, onRemove }) => {
 			}),
 			editing?.kind === "remove" && /* @__PURE__ */ jsx(Dialog, {
 				title: text("removePasskey"),
-				description: text("removePasskeyDescription", editing.passkey.name ?? text("thisPasskey")),
+				description: text("removePasskeyDescription", { name: editing.passkey.name ?? text("thisPasskey") }),
 				onClose: () => setEditing(void 0),
 				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 					onClick: () => setEditing(void 0),

package/dist/account/password-change-dialog.js

@@ -10,12 +10,12 @@ import { AuthError } from "@protobase/client";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/password-change-dialog.tsx
 const passwordMessage = (error) => {
-	if (error.code === "PASSWORD_TOO_SHORT") return text("useAtLeast", 12);
+	if (error.code === "PASSWORD_TOO_SHORT") return text("useAtLeast", { length: 12 });
 	if (error.code === "PASSWORD_TOO_LONG") return text("passwordTooLong");
 	return authMessage(error);
 };
 const draftProblem = (next, repeat) => {
-	if (next.length < 12) return text("useAtLeast", 12);
+	if (next.length < 12) return text("useAtLeast", { length: 12 });
 	if (next !== repeat) return text("passwordsDiffer");
 };
 /** Changes the account's password with the current one, or sets a first one for an account without. */
@@ -47,7 +47,7 @@ const PasswordChangeDialog = ({ hasPassword, onSave, onClose }) => {
 	};
 	return /* @__PURE__ */ jsx(Dialog, {
 		title: hasPassword ? text("changePassword") : text("setPassword"),
-		description: text("atLeast", 12),
+		description: text("atLeast", { length: 12 }),
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: onClose,

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

@@ -24,13 +24,13 @@ const rowNote = ({ method }, draft, { mail, effective, policy }) => {
 	if (method === "password" && !mail && draft.password === "forbidden") return text("passwordStaysOn");
 	if (method === "staffAccess" && !mail && draft.staffAccess === "notify") return text("staffNeedsMail");
 	if (method === "platformSignIn" && draft.platformSignIn === "allowed" && (draft.passkey === "required" || draft.twoFactor === "required")) return text("platformOff");
-	if (draft[method] === policy[method] && effective[method] !== policy[method]) return text("appliesAs", ruleLabel(method, effective[method]));
+	if (draft[method] === policy[method] && effective[method] !== policy[method]) return text("appliesAs", { rule: ruleLabel(method, effective[method]) });
 };
 const rowsFor = ({ operator, platformSignIn }) => policyRows().flatMap((row) => {
 	if (row.method === "staffAccess" && !operator) return [];
 	if (row.method === "platformSignIn") return platformSignIn ? [{
 		...row,
-		label: text("platformSignInWith", platformSignIn)
+		label: text("platformSignInWith", { provider: platformSignIn })
 	}] : [];
 	return [row];
 });
@@ -97,7 +97,10 @@ const SignInPolicyForm = ({ state, onSave, busy, error, notice }) => {
 				className: "flex flex-wrap items-center justify-between gap-3",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-xs text-muted-foreground",
-					children: state.savedAt ? state.savedBy ? text("lastSavedBy", state.savedBy, formatDateTime(Date.parse(state.savedAt))) : text("lastSaved", formatDateTime(Date.parse(state.savedAt))) : text("neverChanged")
+					children: state.savedAt ? state.savedBy ? text("lastSavedBy", {
+						name: state.savedBy,
+						time: formatDateTime(Date.parse(state.savedAt))
+					}) : text("lastSaved", { time: formatDateTime(Date.parse(state.savedAt)) }) : text("neverChanged")
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex gap-2",
 					children: [changed && /* @__PURE__ */ jsx(Button, {

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

@@ -44,7 +44,7 @@ const SignInProvidersSection = ({ providers, linked, onConnect, error: returned,
 						loading: busy === provider.id,
 						disabled: busy !== void 0,
 						onClick: () => void connect(provider.id),
-						children: text("connect", provider.name)
+						children: text("connect", { name: provider.name })
 					})
 				]
 			}, provider.id))

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

@@ -1,23 +1,23 @@
 import { text } from "./messages.js";
-import { formatDateTime } from "../format/date.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__ */ jsx(Badge, {
 	tone: "neutral",
-	children: text("stopped", formatDateTime(Date.parse(entry.endedAt)))
+	children: text("stopped", { time: formatDateTime(Date.parse(entry.endedAt)) })
 }) : Date.parse(entry.expiresAt) <= now ? /* @__PURE__ */ jsx(Badge, {
 	tone: "neutral",
-	children: text("ended", formatDateTime(Date.parse(entry.expiresAt)))
+	children: text("ended", { time: formatDateTime(Date.parse(entry.expiresAt)) })
 }) : /* @__PURE__ */ jsx(Badge, {
 	tone: "amber",
-	children: text("signedInUntil", formatDateTime(Date.parse(entry.expiresAt)))
+	children: text("signedInUntil", { time: 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: text("staffSignIns"),
-	description: text("staffSignInsDescription", operator),
+	description: text("staffSignInsDescription", { operator }),
 	children: [
 		/* @__PURE__ */ jsx(SectionError, { message: error }),
 		signIns && signIns.length === 0 && /* @__PURE__ */ jsx("p", {

package/dist/action-card/messages.js

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

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

@@ -1,8 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { useMediaQuery } from "../lib/use-media-query.js";
-import { formatInt } from "../format/number.js";
 import { formatDayShort } from "../format/date.js";
-import { activitySeries } from "../mocks/activity.js";
+import { formatInt } from "../format/number.js";
 import { Segmented } from "../primitives/segmented.js";
 import { halfOverHalfDelta, totalCount } from "./activity-math.js";
 import { ActivityTooltip } from "./activity-tooltip.js";
@@ -15,13 +14,12 @@ const axisTick = {
 	fontSize: 11,
 	fill: "var(--muted-foreground)"
 };
-const ActivityChart = ({ title = "Orders created", noun = "orders", defaultGranularity = "day", data, granularity: controlled, onGranularityChange, periodLabel, className }) => {
+const ActivityChart = ({ title, noun, defaultGranularity = "day", data, granularity: controlled, onGranularityChange, periodLabel, className }) => {
 	const [local, setLocal] = useState(defaultGranularity);
 	const granularity = controlled ?? local;
 	const setGranularity = onGranularityChange ?? setLocal;
-	const series = data ?? activitySeries(granularity);
 	const wide = useMediaQuery("(min-width: 640px)");
-	const delta = halfOverHalfDelta(series);
+	const delta = halfOverHalfDelta(data);
 	return /* @__PURE__ */ jsxs("section", {
 		className: cn("rounded-lg border bg-background px-4 pb-2 pt-3", className),
 		children: [/* @__PURE__ */ jsxs("header", {
@@ -35,7 +33,7 @@ const ActivityChart = ({ title = "Orders created", noun = "orders", defaultGranu
 					}),
 					/* @__PURE__ */ jsx("span", {
 						className: "font-semibold tabular-nums",
-						children: formatInt(totalCount(series))
+						children: formatInt(totalCount(data))
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						className: cn("text-xs font-medium tabular-nums", delta >= 0 ? "text-success-text" : "text-danger-text"),
@@ -67,7 +65,7 @@ const ActivityChart = ({ title = "Orders created", noun = "orders", defaultGranu
 				width: "100%",
 				height: "100%",
 				children: /* @__PURE__ */ jsxs(BarChart, {
-					data: series,
+					data,
 					margin: {
 						top: 4,
 						right: 0,

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

@@ -1,5 +1,5 @@
-import { formatInt } from "../format/number.js";
 import { formatDate } from "../format/date.js";
+import { formatInt } from "../format/number.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/activity-chart/activity-tooltip.tsx
 const ActivityTooltip = ({ active, payload, noun }) => {

package/dist/activity-chart/messages.js

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

package/dist/app/app.js

@@ -5,7 +5,6 @@ import { ApiProvider } from "../data/api-provider.js";
 import { sourceStatusOf } from "../data/with-sources.js";
 import { MetaGate, Notice, useAdminMeta } from "./meta-gate.js";
 import { pageTabs, shownPageTab } from "./pages/page-tabs.js";
-import { ToastProvider } from "../toasts/toast-provider.js";
 import { humanize } from "../live/naming.js";
 import { text } from "./messages.js";
 import { Router, useRouter } from "./router.js";
@@ -15,8 +14,8 @@ import { ProjectUiContext, useProjectUi } from "./pages/project-ui.js";
 import { RecordTitles, useRecordTitle } from "./titles/record-titles.js";
 import { isAdmin, userToShell } from "../auth/user-to-shell.js";
 import { startErrorReporting } from "./error-reporting.js";
-import { slotted } from "../locale/slotted.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
+import { ToastProvider } from "../toasts/toast-provider.js";
 import { useSidebarNoticeShown } from "../app-shell/sidebar-notice.js";
 import { AppShell } from "../app-shell/app-shell.js";
 import { useSignInAddress } from "../auth/use-sign-in-address.js";
@@ -215,7 +214,7 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		...address.tab && { tab: address.tab }
 	}, page.name) : /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: slotted(text("noPage"), address.page)
+		children: text.rich("noPage", { page: address.page })
 	}) : drawnFrom && drawnFrom.state !== "ready" ? /* @__PURE__ */ jsx(SourceNotice, { status: drawnFrom }) : address.kind === "create" ? /* @__PURE__ */ jsx(CreateRoute, {
 		resource: address.resource,
 		values: address.values