@protobase/ui 0.66.6 → 0.66.7

package/dist/account/blocks/password-block.js

@@ -19,7 +19,7 @@ const PasswordBlock = () => {
 		rule: methods.policy.password,
 		hasPassword: methods.account.password,
 		staff: state.kind === "signed-in" && Boolean(state.staff),
-		onChange: (current, next, signOutOthers) => account.changePassword(current, next, signOutOthers).then(reload),
+		onChange: (current, next) => account.changePassword(current, next).then(reload),
 		onSet: (next) => account.setPassword(next).then(reload)
 	});
 };

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

@@ -6,6 +6,7 @@ import { OtpInput } from "../primitives/otp-input.js";
 import { SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";
+import { emailCodeMinutes } from "@protobase/schema/internal";
 import { AuthError } from "@protobase/client";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/change-email-dialog.tsx
@@ -64,7 +65,10 @@ const ChangeEmailDialog = ({ email, change, onDone, onClose }) => {
 	});
 	return /* @__PURE__ */ jsxs(Dialog, {
 		title: text("changeEmail"),
-		description: text("codeSentTo", { email: sentTo }),
+		description: text("codeSentTo", {
+			email: sentTo,
+			minutes: emailCodeMinutes
+		}),
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			variant: "ghost",

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

@@ -2,7 +2,6 @@ import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
 import { Input } from "../primitives/input.js";
-import { Checkbox } from "../primitives/checkbox.js";
 import { SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useId, useState } from "react";
@@ -23,7 +22,6 @@ const PasswordChangeDialog = ({ hasPassword, onSave, onClose }) => {
 	const [current, setCurrent] = useState("");
 	const [next, setNext] = useState("");
 	const [repeat, setRepeat] = useState("");
-	const [signOutOthers, setSignOutOthers] = useState(false);
 	const [busy, setBusy] = useState(false);
 	const [error, setError] = useState();
 	const formId = useId();
@@ -36,8 +34,7 @@ const PasswordChangeDialog = ({ hasPassword, onSave, onClose }) => {
 		try {
 			await onSave({
 				current,
-				next,
-				signOutOthers
+				next
 			});
 		} catch (failure) {
 			if (!(failure instanceof AuthError)) throw failure;
@@ -102,13 +99,9 @@ const PasswordChangeDialog = ({ hasPassword, onSave, onClose }) => {
 						onChange: (event) => setRepeat(event.target.value)
 					})]
 				}),
-				hasPassword && /* @__PURE__ */ jsxs("label", {
-					className: "flex items-center gap-2 text-muted-foreground",
-					children: [/* @__PURE__ */ jsx(Checkbox, {
-						checked: signOutOthers,
-						onChange: setSignOutOthers,
-						label: text("signOutOthers")
-					}), text("signOutOthers")]
+				hasPassword && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: text("changeSignsOutOthers")
 				}),
 				/* @__PURE__ */ jsx(SectionError, { message: error })
 			]

package/dist/account/password-section.js

@@ -38,8 +38,8 @@ const PasswordSection = ({ rule, hasPassword, staff, onChange, onSet }) => {
 			editing && /* @__PURE__ */ jsx(PasswordChangeDialog, {
 				hasPassword,
 				onClose: () => setEditing(false),
-				onSave: async ({ current, next, signOutOthers }) => {
-					await (hasPassword ? onChange(current, next, signOutOthers) : onSet(next));
+				onSave: async ({ current, next }) => {
+					await (hasPassword ? onChange(current, next) : onSet(next));
 					setEditing(false);
 					setSaved(true);
 				}

package/dist/app/error-reporting.js

@@ -1,18 +1,23 @@
-import { redactSecrets } from "@protobase/schema/internal";
+import { firstPartyCodeKey, redactSecrets } from "@protobase/schema/internal";
 //#region src/app/error-reporting.ts
 let loading;
 let capture;
 /**
 * Sends the app's uncaught errors to the error tracker `/meta` names, from the first call on; the Sentry SDK loads only
 * then, so an app without a DSN never loads it. Errors only, with no performance tracing and no session tracking,
-* every event without its secrets (see `redactSecrets`).
+* every event without its secrets (see `redactSecrets`). An error none of whose stack frames is in the app's own scripts,
+* which their build marks (see `firstPartyCodeKey`), is not the app's and goes unreported; `protobase dev` serves no
+* built scripts, so there every error is reported.
 */
 const startErrorReporting = ({ dsn, environment }) => {
 	loading ??= import("@sentry/browser").then((sentry) => {
 		sentry.init({
 			dsn,
 			...environment && { environment },
-			integrations: (defaults) => defaults.filter((integration) => integration.name !== "BrowserSession"),
+			integrations: (defaults) => [...defaults.filter((integration) => integration.name !== "BrowserSession"), ...import.meta.env?.DEV ? [] : [sentry.thirdPartyErrorFilterIntegration({
+				filterKeys: [firstPartyCodeKey],
+				behaviour: "drop-error-if-exclusively-contains-third-party-frames"
+			})]],
 			beforeSend: (event) => redactSecrets(event)
 		});
 		capture = (error, componentStack) => sentry.captureException(error, componentStack ? { contexts: { react: { componentStack } } } : void 0);

package/dist/app/field-types/field-type-cells.js

@@ -3,6 +3,7 @@ import { WidgetPart } from "./widget-part.js";
 import { renderCell } from "../../data-grid/cells.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/field-types/field-type-cells.tsx
+const apiValue = (field, value) => field.type === "relation" && typeof value === "object" && value !== null && "id" in value ? value.id : value;
 /**
 * The list's columns, where the view shows a field with a field type drawn by the field type's cell (else its
 * display), with the built-in cell as its fallback.
@@ -17,7 +18,7 @@ const withFieldTypeCells = (columns, model, view, fieldTypes) => columns.map((sp
 			shown,
 			part: "cell",
 			field,
-			value: row[spec.id],
+			value: apiValue(field, row[spec.id]),
 			fallback: renderCell(spec, spec.value ? spec.value(row) : row[spec.id])
 		})
 	};

package/dist/auth/email-code-form.js

@@ -1,15 +1,19 @@
 import { text } from "./messages.js";
 import { CodeForm } from "./code-form.js";
+import { emailCodeMinutes } from "@protobase/schema/internal";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/email-code-form.tsx
 /** The second half of signing in with an emailed code: the code from the email. */
 const EmailCodeForm = ({ email, onBack, ...rest }) => /* @__PURE__ */ jsx(CodeForm, {
 	title: text("checkEmail"),
 	description: text("signInCodeDescription"),
-	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signInCodeSent", { email: /* @__PURE__ */ jsx("span", {
-		className: "font-medium text-foreground",
-		children: email
-	}) }) }),
+	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signInCodeSent", {
+		email: /* @__PURE__ */ jsx("span", {
+			className: "font-medium text-foreground",
+			children: email
+		}),
+		minutes: emailCodeMinutes
+	}) }),
 	submitLabel: text("signIn"),
 	onChangeAddress: onBack,
 	changeAddressLabel: text("backToSignIn"),

package/dist/auth/sign-up-code-form.js

@@ -1,15 +1,19 @@
 import { text } from "./messages.js";
 import { CodeForm } from "./code-form.js";
+import { emailCodeMinutes } from "@protobase/schema/internal";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/sign-up-code-form.tsx
 /** The second step of making an account: the emailed code on its own, before the name and password. */
 const SignUpCodeForm = ({ email, onBack, ...rest }) => /* @__PURE__ */ jsx(CodeForm, {
 	title: text("checkEmail"),
 	description: text("signUpCodeDescription"),
-	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signUpCodeSent", { email: /* @__PURE__ */ jsx("span", {
-		className: "font-medium text-foreground",
-		children: email
-	}) }) }),
+	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signUpCodeSent", {
+		email: /* @__PURE__ */ jsx("span", {
+			className: "font-medium text-foreground",
+			children: email
+		}),
+		minutes: emailCodeMinutes
+	}) }),
 	submitLabel: text("continue"),
 	onChangeAddress: onBack,
 	changeAddressLabel: text("useAnotherAddress"),

package/dist/auth/two-factor-form.js

@@ -5,6 +5,7 @@ import { OtpInput } from "../primitives/otp-input.js";
 import { Checkbox } from "../primitives/checkbox.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
+import { emailCodeMinutes } from "@protobase/schema/internal";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/two-factor-form.tsx
 const instructions = {
@@ -59,7 +60,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 			children: [
 				/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",
-					children: text(instructions[step])
+					children: text(instructions[step], { minutes: emailCodeMinutes })
 				}),
 				/* @__PURE__ */ jsxs("label", {
 					className: "flex flex-col gap-1.5 font-medium",

package/dist/locale/en.js

@@ -16,7 +16,7 @@ var en_default = {
 		"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": "Enter the 6-digit code we emailed to {email}. It works for 5 minutes. No code comes when another account has the address.",
+		"codeSentTo": "Enter the 6-digit code we emailed to {email}. It works for {minutes, plural, one {# minute} other {# minutes}}. No code comes when another account has the address.",
 		"code": "Code",
 		"otherAddress": "Use another address",
 		"theProvider": "the provider",
@@ -39,6 +39,7 @@ var en_default = {
 		"currentPassword": "Current password",
 		"newPassword": "New password",
 		"repeatPassword": "Repeat new password",
+		"changeSignsOutOthers": "Saving signs out your other devices.",
 		"atLeast": "At least {length} characters.",
 		"useAtLeast": "Use at least {length} characters.",
 		"passwordTooLong": "That password is too long.",
@@ -885,9 +886,9 @@ var en_default = {
 		"sendNewCode": "Send a new code",
 		"sendNewCodeIn": "Send a new code in {seconds}s",
 		"signInCodeDescription": "Enter the code we sent to sign in.",
-		"signInCodeSent": "If {email} has an account, a 6-digit code is on its way. It works for 5 minutes, once.",
+		"signInCodeSent": "If {email} has an account, a 6-digit code is on its way. It works for {minutes, plural, one {# minute} other {# minutes}}, once.",
 		"signUpCodeDescription": "Enter the code we sent to create your account.",
-		"signUpCodeSent": "A 6-digit code is on its way to {email}. It works for 5 minutes, once. If the address has an account already, the email says so instead.",
+		"signUpCodeSent": "A 6-digit code is on its way to {email}. It works for {minutes, plural, one {# minute} other {# minutes}}, once. If the address has an account already, the email says so instead.",
 		"noAdminTitle": "No admin yet",
 		"noAdminDescription": "This Protobase has no users to sign in with.",
 		"noAdminExplanation": "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL.",
@@ -951,7 +952,7 @@ var en_default = {
 		"reasonExample": "Ticket 4211: the invoice totals look wrong",
 		"staffExplanation": "You sign in at {operator} with a passkey or a second step. The session is short, shows a banner, and cannot change their sign-in. The app's admins see who signed in as whom, and why.",
 		"totpInstruction": "Enter the 6-digit code from your authenticator app.",
-		"otpInstruction": "Enter the 6-digit code we emailed you. It works for 5 minutes.",
+		"otpInstruction": "Enter the 6-digit code we emailed you. It works for {minutes, plural, one {# minute} other {# minutes}}.",
 		"backupInstruction": "Enter one of the backup codes you saved when you set up the authenticator app. Each works once.",
 		"twoFactorTitle": "Two-factor authentication",
 		"twoFactorDescription": "One more step to sign in.",

package/dist/locale/nl.js

@@ -16,7 +16,7 @@ var nl_default = {
 		"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": "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.",
+		"codeSentTo": "Vul de code van 6 cijfers in die we naar {email} mailden. Die werkt {minutes, plural, one {# minuut} other {# minuten}}. Heeft een ander account het adres, dan komt er geen code.",
 		"code": "Code",
 		"otherAddress": "Ander adres gebruiken",
 		"theProvider": "de provider",
@@ -38,6 +38,7 @@ var nl_default = {
 		"setPassword": "Wachtwoord instellen",
 		"currentPassword": "Huidig wachtwoord",
 		"newPassword": "Nieuw wachtwoord",
+		"changeSignsOutOthers": "Opslaan logt je uit op je andere apparaten.",
 		"repeatPassword": "Nieuw wachtwoord herhalen",
 		"atLeast": "Minstens {length} tekens.",
 		"useAtLeast": "Gebruik minstens {length} tekens.",
@@ -885,9 +886,9 @@ var nl_default = {
 		"sendNewCode": "Nieuwe code sturen",
 		"sendNewCodeIn": "Nieuwe code sturen over {seconds}s",
 		"signInCodeDescription": "Vul de code in die we stuurden om in te loggen.",
-		"signInCodeSent": "Als {email} een account heeft, is er een code van 6 cijfers onderweg. Die werkt 5 minuten, één keer.",
+		"signInCodeSent": "Als {email} een account heeft, is er een code van 6 cijfers onderweg. Die werkt {minutes, plural, one {# minuut} other {# minuten}}, één keer.",
 		"signUpCodeDescription": "Vul de code in die we stuurden om je account te maken.",
-		"signUpCodeSent": "Er is een code van 6 cijfers onderweg naar {email}. Die werkt 5 minuten, één keer. Heeft het adres al een account, dan staat dat in de e-mail.",
+		"signUpCodeSent": "Er is een code van 6 cijfers onderweg naar {email}. Die werkt {minutes, plural, one {# minuut} other {# minuten}}, één keer. Heeft het adres al een account, dan staat dat in de e-mail.",
 		"noAdminTitle": "Nog geen beheerder",
 		"noAdminDescription": "Deze Protobase heeft geen gebruikers om mee in te loggen.",
 		"noAdminExplanation": "Voer dit uit in de terminal waar Protobase draait en laad de pagina daarna opnieuw. De eerste beheerder wordt op de server gemaakt, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen.",
@@ -951,7 +952,7 @@ var nl_default = {
 		"reasonExample": "Ticket 4211: de factuurtotalen kloppen niet",
 		"staffExplanation": "Je logt in bij {operator} met een passkey of een tweede stap. De sessie is kort, toont een balk en kan hun inlog niet wijzigen. De beheerders van de app zien wie als wie inlogde, en waarom.",
 		"totpInstruction": "Vul de code van 6 cijfers uit je authenticator-app in.",
-		"otpInstruction": "Vul de code van 6 cijfers in die we je mailden. Die werkt 5 minuten.",
+		"otpInstruction": "Vul de code van 6 cijfers in die we je mailden. Die werkt {minutes, plural, one {# minuut} other {# minuten}}.",
 		"backupInstruction": "Vul een van de back-upcodes in die je bewaarde toen je de authenticator-app instelde. Elke code werkt één keer.",
 		"twoFactorTitle": "Tweestapsverificatie",
 		"twoFactorDescription": "Nog één stap om in te loggen.",

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.66.6";
+var version = "0.66.7";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };