@rapidmx/web-client 0.15.1 → 0.17.0

package/dist/apps/www/messages/[uid].d.ts

@@ -1,7 +1,18 @@
+import React from "react";
 import { MailShellProps } from "../../shared/components/mail/layout/MailShell.js";
-declare const _default: import("../../shared/navigation/AppRouter.js").RoutedPageComponent<MailShellProps & {
+/**
+ * Only reached on mobile (below the `md` breakpoint) — desktop's `apps/www/index.tsx` keeps its existing
+ * inline reading pane and never navigates here; see that file's `handleSelect`. A row of the conversation list
+ * comes with `?conversation=<id>` (`handleOpenConversation`), and then this page is the whole thread, opened at this
+ * message, as the desktop's reading pane is; without it (a flat list, a link to a message) it is that one message.
+ */
+declare function MessageDetailPage(props: MailShellProps & {
     params: {
         uid: string;
     };
-}>;
-export default _default;
+}): React.JSX.Element;
+export default MessageDetailPage;
+/** The tab's title: `Brand: Mail` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/messages/[uid].js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../_routedPage.js";
+import { pageTitle } from "../../shared/navigation/pageTitle.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { getMessage } from "@rapidmx/react-shared/mail/mailApi.js";
@@ -12,7 +12,7 @@ import { useMessageAttachments } from "@rapidmx/react-shared/mail/mailDetailHook
 import { useMarkMessageRead } from "../../shared/mail/useMarkMessageRead.js";
 import MailShell, { useMailShell } from "../../shared/components/mail/layout/MailShell.js";
 import { LazyConversationThreadPane, LazyMessageDetailPane } from "../../shared/components/mail/LazyReadingPane.js";
-import { useLocationSearch } from "../../shared/navigation/AppRouter.js";
+import { useSearchParams } from "@rapidrest/react/client";
 import { ReadingPaneSkeleton } from "../../shared/components/mail/reading/MessageCard.js";
 import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
 /**
@@ -30,7 +30,7 @@ function MessageDetailContent({ uid }) {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [labels, setLabels] = useState([]);
-    const conversationId = new URLSearchParams(useLocationSearch()).get("conversation");
+    const conversationId = useSearchParams()[0].get("conversation");
     useEffect(() => {
         setLoading(true);
         setError(null);
@@ -80,6 +80,8 @@ function MessageDetailContent({ uid }) {
     if (conversationId) {
         return (_jsxs("div", { className: "flex flex-col h-full min-h-0", children: [_jsx("a", { href: backHref, className: "text-sm text-primary-dark hover:underline block px-4 pt-3", children: "\u2190 Back to messages" }), _jsx(LazyConversationThreadPane, { conversation: { conversationId, subject: message.subject, messageCount: 1 }, selectedUid: message.uid, mailboxUid: message.mailboxUid, folders: folders, labels: labels, shortcuts: true, onMessagePatched: () => undefined, onMessageRemoved: () => undefined, onLabelCreated: (label) => setLabels((prev) => [...prev, label]), onFolderCreated: onFolderCreated })] }));
     }
-    return (_jsx(LazyMessageDetailPane, { shortcuts: true, message: message, attachments: attachments, backHref: backHref, isSentItems: isSentItems, onRecalled: setMessage, isOutbox: isOutbox, onReceiptHandled: setMessage, draftsFolderUid: draftsFolderUid, folders: folders, onMoved: setMessage, onFolderCreated: onFolderCreated, onScheduledSendCanceled: setMessage, onArchived: setMessage, labels: labels, onLabelsChanged: setMessage, onLabelCreated: (label) => setLabels((prev) => [...prev, label]) }));
+    return (_jsx(LazyMessageDetailPane, { shortcuts: true, message: message, attachments: attachments, backHref: backHref, isSentItems: isSentItems, onRecalled: setMessage, isOutbox: isOutbox, onReceiptHandled: setMessage, draftsFolderUid: draftsFolderUid, folders: folders, onMoved: setMessage, onFolderCreated: onFolderCreated, onScheduledSendCanceled: setMessage, onArchived: setMessage, onChanged: setMessage, labels: labels, onLabelsChanged: setMessage, onLabelCreated: (label) => setLabels((prev) => [...prev, label]) }));
 }
-export default routedPage("/messages/:uid", MessageDetailPage);
+export default MessageDetailPage;
+/** The tab's title: `Brand: Mail` (see `pageTitle()`). */
+export const title = pageTitle("Mail");

package/dist/apps/www/settings/appearance/index.d.ts

@@ -1,4 +1,10 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsAppearancePageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsAppearancePageProps>;
-export default _default;
+/** Settings > Appearance: the colour scheme, theme colours and background. Not mailbox-scoped - it is the signed-in user's own. */
+declare function SettingsAppearancePage(props: SettingsAppearancePageProps): React.JSX.Element;
+export default SettingsAppearancePage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/appearance/index.js

@@ -3,11 +3,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import SettingsShell from "../../../shared/components/settings/layout/SettingsShell.js";
 import AppearanceForm from "../../../shared/appearance/AppearanceForm.js";
 /** Settings > Appearance: the colour scheme, theme colours and background. Not mailbox-scoped - it is the signed-in user's own. */
 function SettingsAppearancePage(props) {
     return (_jsx(SettingsShell, { ...props, active: "appearance", children: _jsx(AppearanceForm, {}) }));
 }
-export default routedPage("/settings/appearance", SettingsAppearancePage);
+export default SettingsAppearancePage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/auto-reply/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsAutoReplyPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsAutoReplyPageProps>;
-export default _default;
+declare function SettingsAutoReplyPage(props: SettingsAutoReplyPageProps): React.JSX.Element;
+export default SettingsAutoReplyPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/auto-reply/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useState } from "react";
 import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
 import { updateMailbox } from "@rapidmx/react-shared/mail/mailApi.js";
@@ -55,4 +55,6 @@ function AutoReplyContent() {
     }
     return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: _jsxs("div", { className: "max-w-xl", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight mb-1", children: "Automatic Replies" }), _jsxs("p", { className: "text-sm text-text-muted mb-4", children: ["Send an automatic reply to anyone who emails ", mailbox.displayName, " while you\u2019re away. A calendar event with its own automatic reply enabled takes over for its own start/end window."] }), saved && _jsx("div", { className: "mb-4 text-sm text-success font-medium", children: "Saved." }), _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx("input", { type: "checkbox", checked: oofEnabled, onChange: (e) => setOofEnabled(e.target.checked) }), "Automatic replies are on"] }), oofEnabled && (_jsxs(_Fragment, { children: [_jsxs("label", { className: "flex flex-col gap-1.5 text-sm", children: [_jsx("span", { className: "font-semibold", children: "Message" }), _jsx("textarea", { "aria-label": "Automatic reply message", className: INPUT_CLASS, rows: 5, value: oofMessage, onChange: (e) => setOofMessage(e.target.value) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("label", { className: "flex flex-col gap-1.5 text-sm", children: [_jsx("span", { className: "font-semibold", children: "Start (optional)" }), _jsx("input", { type: "datetime-local", "aria-label": "Automatic reply start", className: INPUT_CLASS, value: oofStartTime, onChange: (e) => setOofStartTime(e.target.value) })] }), _jsxs("label", { className: "flex flex-col gap-1.5 text-sm", children: [_jsx("span", { className: "font-semibold", children: "End (optional)" }), _jsx("input", { type: "datetime-local", "aria-label": "Automatic reply end", className: INPUT_CLASS, value: oofEndTime, onChange: (e) => setOofEndTime(e.target.value) })] })] }), _jsx("p", { className: "text-xs text-text-muted -mt-2", children: "Leave both blank to stay on indefinitely until turned off." })] })), _jsx("div", { children: _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Save" }) })] })] }) }));
 }
-export default routedPage("/settings/auto-reply", SettingsAutoReplyPage);
+export default SettingsAutoReplyPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/blocked-senders/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
+export type SettingsBlockedSendersPageProps = Omit<SettingsShellProps, "active">;
+declare function SettingsBlockedSendersPage(props: SettingsBlockedSendersPageProps): React.JSX.Element;
+export default SettingsBlockedSendersPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/blocked-senders/index.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
+import { useId, useRef, useState } from "react";
+import { blockedSendersOf, isSharedWithMe, safeSendersOf } from "@rapidmx/react-shared/mail/mailApi.js";
+import { MAX_SENDER_LIST_ENTRIES, addBlockedSender, addSafeSender, checkSenderEntry, removeBlockedSender, removeSafeSender, } from "@rapidmx/react-shared/mail/senderListsApi.js";
+import SettingsShell, { useSettingsShell } from "../../../shared/components/settings/layout/SettingsShell.js";
+import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { useMailboxUpdateAccess } from "../../../shared/mail/useMailboxUpdateAccess.js";
+import { notifyApiError } from "../../../shared/notifications/apiErrors.js";
+function SettingsBlockedSendersPage(props) {
+    return (_jsx(SettingsShell, { ...props, active: "blocked-senders", children: _jsx(BlockedSendersContent, {}) }));
+}
+/** What each list is called and does, in the words the page uses for it. */
+const COPY = {
+    blocked: {
+        title: "Blocked senders",
+        add: "Block",
+        addLabel: "Add a blocked sender",
+        verb: "Blocked",
+        other: "safe senders",
+        explain: "Mail from these addresses and domains goes to Junk Email, without the spam filter or your filters looking at it.",
+        empty: "No blocked senders.",
+    },
+    safe: {
+        title: "Safe senders",
+        add: "Trust",
+        addLabel: "Add a safe sender",
+        verb: "Trusted",
+        other: "blocked senders",
+        explain: "Mail from these addresses and domains is not sent to Junk Email because of the spam filter's verdict, as long as it passes authentication: " +
+            "a valid signature from the sender's own domain. Mail that fails it, carries a virus or is quarantined by policy is still kept out.",
+        empty: "No safe senders.",
+    },
+};
+const CAP = MAX_SENDER_LIST_ENTRIES.toLocaleString("en-US");
+/** One list: its count, the form that adds an address or domain to it, and its entries with a Remove button each. */
+function ListSection({ kind, entries, otherEntries, ownAddresses, editable, onAdd, onRemove }) {
+    const copy = COPY[kind];
+    const id = useId();
+    const headingRef = useRef(null);
+    const [value, setValue] = useState("");
+    const [error, setError] = useState(null);
+    const [status, setStatus] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const full = entries.length >= MAX_SENDER_LIST_ENTRIES;
+    const sorted = [...entries].sort();
+    async function handleAdd(e) {
+        e.preventDefault();
+        setStatus(null);
+        const checked = checkSenderEntry(value);
+        if (!checked.ok) {
+            setError(checked.message);
+            return;
+        }
+        if (kind === "blocked" && ownAddresses.includes(checked.entry)) {
+            setError("That is one of your own addresses, so it cannot be blocked.");
+            return;
+        }
+        setError(null);
+        setBusy(true);
+        try {
+            const moved = otherEntries.includes(checked.entry);
+            const result = await onAdd(checked.entry);
+            if (result) {
+                setValue("");
+                setStatus(!result.changed
+                    ? `${checked.entry} is already on this list.`
+                    : `${copy.verb} ${checked.entry}.${moved ? ` It was on your ${copy.other} and was moved here.` : ""}`);
+            }
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    async function handleRemove(entry) {
+        setStatus(null);
+        setBusy(true);
+        try {
+            if (await onRemove(entry)) {
+                setStatus(`Removed ${entry}.`);
+                // The button that was pressed is gone with its entry: focus goes to the list's heading rather than back to the page's start.
+                headingRef.current?.focus();
+            }
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    return (_jsxs("section", { "aria-labelledby": `${id}-title`, className: "min-w-0 rounded-md border border-border bg-surface p-4", children: [_jsx("h2", { id: `${id}-title`, ref: headingRef, tabIndex: -1, className: "text-base font-bold tracking-tight outline-none", children: copy.title }), _jsxs("p", { className: "text-xs text-text-muted mt-0.5 mb-2", children: [entries.length.toLocaleString("en-US"), " of ", CAP] }), _jsx("p", { className: "text-sm text-text-muted mb-3", children: copy.explain }), editable && (_jsxs("form", { onSubmit: handleAdd, noValidate: true, className: "mb-3", children: [_jsx("label", { htmlFor: `${id}-entry`, className: "block text-sm font-semibold mb-1.5 text-text", children: copy.addLabel }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-2", children: [_jsx("input", { id: `${id}-entry`, type: "text", inputMode: "email", autoComplete: "off", autoCapitalize: "none", spellCheck: false, value: value, disabled: full || busy, placeholder: "name@example.com or example.com", "aria-invalid": error ? true : undefined, "aria-describedby": `${id}-hint${error ? ` ${id}-error` : ""}`, onChange: (e) => {
+                                    setValue(e.target.value);
+                                    setError(null);
+                                }, className: "flex-1 min-w-0 text-sm px-3 py-1.5 rounded-md border border-border bg-surface disabled:opacity-55" }), _jsx(Button, { type: "submit", className: "!w-auto shrink-0", disabled: full || busy, loading: busy, children: copy.add })] }), _jsxs("p", { id: `${id}-hint`, className: "text-xs text-text-muted mt-1", children: ["A domain such as example.com covers every address at it, but not its subdomains. An address already on your ", copy.other, " moves here."] }), error && (_jsx("p", { id: `${id}-error`, role: "alert", className: "text-sm text-danger mt-1", children: error })), full && (_jsxs("p", { className: "text-sm text-danger mt-1", children: ["This list is full: it holds ", CAP, " senders. Remove one to add another."] }))] })), _jsx("p", { role: "status", className: "text-sm text-success font-medium mb-2 empty:hidden", children: status }), sorted.length === 0 ? (_jsx("p", { className: "text-sm text-text-muted", children: copy.empty })) : (_jsx("ul", { "aria-label": copy.title, className: "divide-y divide-border border-y border-border", children: sorted.map((entry) => (_jsxs("li", { className: "flex items-center justify-between gap-3 py-2", children: [_jsxs("span", { className: "min-w-0 break-all text-sm", children: [entry, entry.startsWith("@") && _jsxs("span", { className: "block text-xs text-text-muted", children: ["Everyone at ", entry.slice(1)] })] }), editable && (_jsx("button", { type: "button", disabled: busy, "aria-label": `Remove ${entry} from ${copy.title.toLowerCase()}`, onClick: () => void handleRemove(entry), className: "shrink-0 text-sm font-medium text-primary-dark hover:underline disabled:opacity-55", children: "Remove" }))] }, entry))) }))] }));
+}
+function BlockedSendersContent() {
+    const { mailboxUid } = useSettingsShell();
+    // A mailbox chosen in the shell's switcher is a different set of lists: the content starts over for it.
+    return _jsx(ListsContent, {}, mailboxUid);
+}
+function ListsContent() {
+    const { mailboxUid, mailboxes } = useSettingsShell();
+    // `SettingsShell` only ever renders its children once `mailboxes` has loaded and `mailboxUid` has resolved to one of them - same established
+    // non-null pattern as `apps/www/settings/read-receipts/index.tsx`.
+    const mailbox = mailboxes.find((mb) => mb.uid === mailboxUid);
+    const writable = useMailboxUpdateAccess(mailbox);
+    // The lists are the owner's (and a manager's) to change; the server does not say which of the two a delegate is, so one who may update is offered the
+    // forms and told what a refusal means.
+    const delegated = isSharedWithMe(mailbox);
+    // A server before the lists sends neither.
+    const supported = mailbox.blockedSenders !== undefined || mailbox.safeSenders !== undefined;
+    const [blocked, setBlocked] = useState(blockedSendersOf(mailbox));
+    const [safe, setSafe] = useState(safeSendersOf(mailbox));
+    const ownAddresses = mailboxes.flatMap((mb) => [mb.primarySmtpAddress, ...(mb.aliasAddresses ?? [])]).filter((a) => !!a).map((a) => a.toLowerCase());
+    async function change(action, context) {
+        try {
+            const result = await action();
+            // The answer carries both lists as they now are: adding to one takes the entry off the other.
+            setBlocked(result.blockedSenders);
+            setSafe(result.safeSenders);
+            return result;
+        }
+        catch (err) {
+            notifyApiError(err, context);
+            return undefined;
+        }
+    }
+    return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-4 sm:p-6", children: _jsxs("div", { className: "max-w-4xl", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight mb-1", children: "Blocked and safe senders" }), _jsxs("p", { className: "text-sm text-text-muted mb-4", children: ["These lists belong to ", _jsx("span", { className: "font-medium text-text", children: mailbox.displayName }), " (", mailbox.primarySmtpAddress, "). Each entry is an email address or a domain. An entry is on one list at a time: adding it to one takes it off the other."] }), !supported ? (_jsx("p", { role: "status", className: "text-sm text-text-muted", children: "This server does not support blocked and safe senders yet." })) : (_jsxs(_Fragment, { children: [!writable && (_jsx("p", { role: "status", className: "text-sm rounded-md border border-border bg-surface-alt px-3 py-2 mb-4", children: "You have view-only access to this mailbox, so you can see these lists but not change them." })), writable && delegated && (_jsx("p", { className: "text-sm text-text-muted mb-4", children: "Only this mailbox\u2019s owner, or someone with full access to it, can change these lists. If you cannot, the server says so when you try." })), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(ListSection, { kind: "blocked", entries: blocked, otherEntries: safe, ownAddresses: ownAddresses, editable: writable, onAdd: (entry) => change(() => addBlockedSender(mailbox.uid, entry), "Couldn't block this sender"), onRemove: (entry) => change(() => removeBlockedSender(mailbox.uid, entry), "Couldn't unblock this sender") }), _jsx(ListSection, { kind: "safe", entries: safe, otherEntries: blocked, ownAddresses: ownAddresses, editable: writable, onAdd: (entry) => change(() => addSafeSender(mailbox.uid, entry), "Couldn't add this safe sender"), onRemove: (entry) => change(() => removeSafeSender(mailbox.uid, entry), "Couldn't remove this safe sender") })] })] }))] }) }));
+}
+export default SettingsBlockedSendersPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/encryption/index.d.ts

@@ -1,7 +1,12 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 /** Mirrors restapi's `BaseKeyVaultRoute` `MAX_MASTER_KEY_WRAPS` - `addMasterKeyWrap()` refuses a vault
  * already holding this many wraps (escrow included). */
 export declare const MAX_MASTER_KEY_WRAPS = 20;
 export type SettingsEncryptionPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsEncryptionPageProps>;
-export default _default;
+declare function SettingsEncryptionPage(props: SettingsEncryptionPageProps): React.JSX.Element;
+export default SettingsEncryptionPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/encryption/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { addMasterKeyWrap, cancelSignEnrollment, findActivePublicKey, getCurrentSignEnrollment, getEscrowInfo, getKeyVault, rekey, removeMasterKeyWrap, startSignEnrollment, } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
@@ -782,4 +782,6 @@ function EncryptionContent({ canManageKeys }) {
                                         ? "Checking whether a signing certificate enrollment is still in progress..."
                                         : "Rotation is unavailable while a signing certificate enrollment is in progress - rotating now would lose the key being enrolled. Try again once it finishes, or cancel the enrollment." })), signingStatus === "pending" && signingEnrollmentId && (_jsxs("div", { className: "flex flex-col gap-2", children: [cancelEnrollmentError && _jsx(Alert, { children: cancelEnrollmentError }), _jsx("div", { children: _jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", loading: cancelingEnrollment, disabled: cancelingEnrollment, onClick: () => handleCancelEnrollment(signingEnrollmentId), children: "Cancel enrollment" }) })] })), _jsx("input", { type: "password", "aria-label": "New password for rotated keys", placeholder: "New password", className: "w-full text-sm border border-border rounded-sm py-1.5 px-2 bg-surface", value: rotationPassword, onChange: (e) => setRotationPassword(e.target.value), disabled: rotating || rotationBlockedBySigning, autoComplete: "new-password" }), _jsx("input", { type: "password", "aria-label": "Confirm new password for rotated keys", placeholder: "Confirm new password", className: "w-full text-sm border border-border rounded-sm py-1.5 px-2 bg-surface", value: rotationConfirmPassword, onChange: (e) => setRotationConfirmPassword(e.target.value), disabled: rotating || rotationBlockedBySigning, autoComplete: "new-password" }), _jsx("div", { children: _jsx(Button, { type: "submit", variant: "secondary", className: "!w-auto text-danger", loading: rotating, disabled: rotating || rotationBlockedBySigning, children: "Rotate keys now" }) })] })] })), _jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold mb-2", children: "Session timeout" }), _jsx("p", { className: "text-xs text-text-muted mb-3", children: "Automatically destroys your unlocked keys on this device after this much time with no activity anywhere in the app - not just Mail or Settings. Applies the next time you open or reload the app." }), _jsx("select", { "aria-label": "Session timeout", className: "text-sm border border-border rounded-sm py-1.5 px-2 bg-surface", value: idleTimeoutMinutes, onChange: handleIdleTimeoutChange, children: IDLE_TIMEOUT_OPTIONS_MINUTES.map((minutes) => (_jsx("option", { value: minutes, children: idleTimeoutLabel(minutes) }, minutes))) })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold mb-2", children: "Local search index size" }), _jsxs("p", { className: "text-xs text-text-muted mb-3", children: ["How much decrypted mail this device keeps in a local encrypted search index, so recent search results and inbox previews work instantly without contacting the server every time. Defaults to ", localIndexDefaultByteBudgetLabel, " on this device. Applies the next time this mailbox\u2019s index rebuilds (e.g. the next time you unlock it) \u2014 lowering it doesn\u2019t delete anything already indexed elsewhere, it just narrows what this device keeps a local copy of."] }), _jsx("select", { "aria-label": "Local search index size", className: "text-sm border border-border rounded-sm py-1.5 px-2 bg-surface", value: localIndexByteBudget, onChange: handleLocalIndexByteBudgetChange, children: LOCAL_INDEX_SIZE_OPTIONS.map((option) => (_jsx("option", { value: option.bytes, children: option.label }, option.bytes))) })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold mb-2", children: "This session" }), _jsx("p", { className: "text-xs text-text-muted mb-3", children: "Removes your unlocked keys from this browser tab\u2019s memory right now, without affecting any other device. You\u2019ll be asked to unlock again the next time you read or send encrypted mail here." }), _jsx(Button, { type: "button", variant: "secondary", className: "!w-auto text-danger", onClick: handleDestroyKeysNow, children: "Destroy keys on this device now" })] })] }) }));
 }
-export default routedPage("/settings/encryption", SettingsEncryptionPage);
+export default SettingsEncryptionPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/filters/[uid].d.ts

@@ -1,8 +1,13 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type MailFilterDetailPageProps = Omit<SettingsShellProps, "active"> & {
     params: {
         uid: string;
     };
 };
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<MailFilterDetailPageProps>;
-export default _default;
+declare function MailFilterDetailPage(props: MailFilterDetailPageProps): React.JSX.Element;
+export default MailFilterDetailPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/filters/[uid].js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { listFolders } from "@rapidmx/react-shared/mail/mailApi.js";
@@ -110,4 +110,6 @@ function MailFilterDetailContent({ uid }) {
     }
     return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: _jsxs("div", { className: "max-w-3xl", children: [_jsx("a", { href: `/settings/filters?mailboxUid=${encodeURIComponent(mailboxUid)}`, className: "text-sm text-primary-dark hover:underline", children: "\u2190 All mail filters" }), _jsx("h1", { className: "text-lg font-bold tracking-tight mt-1 mb-5", children: original.name }), error && _jsx(Alert, { children: error }), saved && !error && _jsx("div", { className: "mb-4 text-sm text-success font-medium", children: "Saved." }), _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-5", children: [_jsx("div", { className: "bg-surface border border-border rounded-md p-6", children: _jsx(FormField, { label: "Name", htmlFor: "name", children: _jsx("input", { id: "name", type: "text", className: INPUT_CLASS, value: name, onChange: (e) => setName(e.target.value) }) }) }), _jsx(RuleBuilder, { value: rule, onChange: setRule, conditionFields: MAIL_FILTER_CONDITION_FIELDS, actionTypes: buildMailFilterActionTypes(folders), showValidation: showValidation }), _jsx("div", { children: _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Save changes" }) })] })] }) }));
 }
-export default routedPage("/settings/filters/:uid", MailFilterDetailPage);
+export default MailFilterDetailPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/filters/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsFiltersPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsFiltersPageProps>;
-export default _default;
+declare function SettingsFiltersPage(props: SettingsFiltersPageProps): React.JSX.Element;
+export default SettingsFiltersPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/filters/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { listMailFilterRules } from "@rapidmx/react-shared/mail/mailFilterRulesApi.js";
@@ -29,4 +29,6 @@ function FiltersContent() {
     const sorted = [...rules].sort((a, b) => a.sequence - b.sequence);
     return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: _jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "flex items-center justify-between mb-5", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight", children: "Mail Filters" }), _jsx("a", { href: `/settings/filters/new?mailboxUid=${encodeURIComponent(mailboxUid)}`, children: _jsx(Button, { type: "button", className: "!w-auto", children: "+ New filter" }) })] }), _jsx("p", { className: "text-sm text-text-muted mb-4", children: "Applied in order once a message is verdicted safe to deliver, before it reaches your Inbox." }), error && _jsx(Alert, { children: error }), loading ? (_jsx("p", { className: "text-sm text-text-muted", children: "Loading\u2026" })) : sorted.length === 0 ? (_jsx("p", { className: "text-sm text-text-muted", children: "No mail filters yet." })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm border-collapse", children: [_jsx("thead", { children: _jsx("tr", { children: ["Sequence", "Name", "Enabled", "Actions", ""].map((h) => (_jsx("th", { className: "text-left text-xs uppercase tracking-wide text-text-muted py-2 px-2.5 border-b border-border", children: h }, h))) }) }), _jsx("tbody", { children: sorted.map((rule) => (_jsxs("tr", { children: [_jsx("td", { className: "py-2.5 px-2.5 border-b border-border", children: rule.sequence }), _jsx("td", { className: "py-2.5 px-2.5 border-b border-border", children: rule.name }), _jsx("td", { className: "py-2.5 px-2.5 border-b border-border", children: rule.enabled ? "Yes" : "No" }), _jsx("td", { className: "py-2.5 px-2.5 border-b border-border", children: rule.actions.length }), _jsx("td", { className: "py-2.5 px-2.5 border-b border-border text-right", children: _jsx("a", { href: `/settings/filters/${encodeURIComponent(rule.uid)}?mailboxUid=${encodeURIComponent(mailboxUid)}`, className: "text-primary-dark hover:underline font-medium", children: "View" }) })] }, rule.uid))) })] }) }))] }) }));
 }
-export default routedPage("/settings/filters", SettingsFiltersPage);
+export default SettingsFiltersPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/filters/new/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../../shared/components/settings/layout/SettingsShell.js";
 export type NewMailFilterPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../../shared/navigation/AppRouter.js").RoutedPageComponent<NewMailFilterPageProps>;
-export default _default;
+declare function NewMailFilterPage(props: NewMailFilterPageProps): React.JSX.Element;
+export default NewMailFilterPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/filters/new/index.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../../_routedPage.js";
-import { useNavigate } from "../../../../shared/navigation/AppRouter.js";
+import { pageTitle } from "../../../../shared/navigation/pageTitle.js";
+import { useNavigate } from "../../../../shared/navigation/index.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { listFolders } from "@rapidmx/react-shared/mail/mailApi.js";
@@ -20,17 +20,38 @@ const INPUT_CLASS = "w-full text-sm py-2.5 px-3 border border-border rounded-sm
 function NewMailFilterPage(props) {
     return (_jsx(SettingsShell, { ...props, active: "filters", children: _jsx(NewMailFilterForm, {}) }));
 }
+/**
+ * What "Create rule" on a message (the reading pane's More actions menu) asks this page to start with: `?from=` and `?subject=` become the
+ * filter's "From contains" and "Subject contains" conditions, and the name says whose mail it is. The reader keeps, changes or removes them.
+ */
+function prefillFromSearch(search) {
+    const params = new URLSearchParams(search);
+    const from = params.get("from")?.trim();
+    const subject = params.get("subject")?.trim();
+    const conditions = {};
+    if (from) {
+        conditions.fromContains = [from];
+    }
+    if (subject) {
+        conditions.subjectContains = [subject];
+    }
+    return { name: from ? `Messages from ${from}` : "", conditions };
+}
 function NewMailFilterForm() {
     const navigate = useNavigate();
     const { mailboxUid } = useSettingsShell();
+    // Read once, when the form opens, and what the reader then edits is theirs. From the browser's own location rather than the router's (which a shallow
+    // navigation could change under the form): this form is only mounted once the shell has fetched the mailbox, in the browser, so there is no
+    // server render for the two to disagree with.
+    const [prefill] = useState(() => prefillFromSearch(window.location.search));
     const [folders, setFolders] = useState(null);
     const [folderError, setFolderError] = useState(null);
-    const [name, setName] = useState("");
+    const [name, setName] = useState(prefill.name);
     const [rule, setRule] = useState({
         enabled: true,
         sequence: 0,
         stopProcessingRules: false,
-        conditions: {},
+        conditions: prefill.conditions,
         actions: [],
     });
     const [error, setError] = useState(null);
@@ -70,4 +91,6 @@ function NewMailFilterForm() {
     }
     return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: _jsxs("div", { className: "max-w-3xl", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight mb-1", children: "New mail filter" }), _jsx("p", { className: "text-sm text-text-muted mb-5", children: "Applied in order once a message is verdicted safe to deliver, before it reaches your Inbox." }), error && _jsx(Alert, { children: error }), folderError && _jsx(Alert, { children: folderError }), folders === null ? (_jsx("p", { className: "text-sm text-text-muted", children: "Loading\u2026" })) : (_jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-5", children: [_jsx("div", { className: "bg-surface border border-border rounded-md p-6", children: _jsx(FormField, { label: "Name", htmlFor: "name", children: _jsx("input", { id: "name", type: "text", className: INPUT_CLASS, value: name, onChange: (e) => setName(e.target.value), placeholder: "File newsletters" }) }) }), _jsx(RuleBuilder, { value: rule, onChange: setRule, conditionFields: MAIL_FILTER_CONDITION_FIELDS, actionTypes: buildMailFilterActionTypes(folders), showValidation: showValidation }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Create filter" }), _jsx("a", { href: `/settings/filters?mailboxUid=${encodeURIComponent(mailboxUid)}`, children: _jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", children: "Cancel" }) })] })] }))] }) }));
 }
-export default routedPage("/settings/filters/new", NewMailFilterPage);
+export default NewMailFilterPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/labels/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsLabelsPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsLabelsPageProps>;
-export default _default;
+declare function SettingsLabelsPage(props: SettingsLabelsPageProps): React.JSX.Element;
+export default SettingsLabelsPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/labels/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { createLabel, deleteLabel, listLabels, updateLabel } from "@rapidmx/react-shared/mail/labelsApi.js";
@@ -94,4 +94,6 @@ function LabelsContent() {
                                                 setDeleteError(null);
                                             }, children: "Delete" })] })] }, label.uid))) }))] }), _jsxs(Modal, { open: formOpen, onClose: () => setFormOpen(false), title: editing ? "Edit label" : "New label", children: [formError && _jsx(Alert, { children: formError }), _jsx(FormField, { label: "Name", htmlFor: "label-name", children: _jsx("input", { id: "label-name", type: "text", value: formName, onChange: (e) => setFormName(e.target.value), className: "w-full text-sm px-3 py-1.5 rounded-md border border-border bg-surface" }) }), _jsx(FormField, { label: "Color", htmlFor: "label-color", children: _jsx("input", { id: "label-color", type: "color", value: formColor, onChange: (e) => setFormColor(e.target.value), className: "h-9 w-16 rounded-md border border-border bg-surface" }) }), _jsxs("div", { className: "flex justify-end gap-2 mt-2", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setFormOpen(false), children: "Cancel" }), _jsx(Button, { type: "button", className: "!w-auto", loading: saving, disabled: saving || !formName.trim(), onClick: handleSave, children: "Save" })] })] }), _jsxs(Modal, { open: !!deleting, onClose: () => setDeleting(null), title: "Delete this label?", children: [deleteError && _jsx(Alert, { children: deleteError }), _jsxs("p", { className: "text-sm text-text-muted mb-4", children: ["This removes \u201C", deleting?.name, "\u201D from every message it's applied to. This can't be undone."] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setDeleting(null), children: "Cancel" }), _jsx(Button, { type: "button", className: "!w-auto", loading: deleteBusy, disabled: deleteBusy, onClick: handleDelete, children: "Delete label" })] })] })] }));
 }
-export default routedPage("/settings/labels", SettingsLabelsPage);
+export default SettingsLabelsPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/privacy/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsPrivacyPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsPrivacyPageProps>;
-export default _default;
+declare function SettingsPrivacyPage(props: SettingsPrivacyPageProps): React.JSX.Element;
+export default SettingsPrivacyPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/privacy/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useEffect, useRef, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { createExportRequest, exportRequestDownloadUrl, listExportRequests, } from "@rapidmx/react-shared/mail/dataExportApi.js";
@@ -198,4 +198,6 @@ function ErasureSection({ mailboxLabel }) {
     }
     return (_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold mb-2", children: "Delete my account" }), _jsxs("p", { className: "text-xs text-text-muted mb-3", children: ["Permanently and irreversibly deletes ", _jsx("strong", { children: mailboxLabel }), " and everything in it, once a compliance administrator reviews and approves the request. There is no way to cancel a request or undo the deletion once it runs."] }), loadError && _jsx(Alert, { children: loadError }), loading ? (_jsx("p", { className: "text-sm text-text-muted", children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [requests.length > 0 && (_jsx("ul", { className: "flex flex-col gap-2 mb-3", children: requests.map((request) => (_jsxs("li", { className: "flex items-center justify-between gap-3 text-sm py-1.5 px-3 bg-surface-alt rounded-sm", children: [_jsxs("span", { children: [new Date(request.dateCreated).toLocaleString(), request.status === "denied" && request.reason && (_jsxs("span", { className: "text-danger", children: [" \u2014 ", request.reason] }))] }), _jsx("span", { className: `text-xs font-bold uppercase tracking-wide py-0.5 px-2 rounded-pill ${statusBadgeClass(request.status)}`, children: statusLabel(request.status) })] }, request.uid))) })), _jsx(Button, { type: "button", variant: "secondary", className: "!w-auto !border-danger !text-danger hover:!border-danger hover:!text-danger", disabled: hasPending, onClick: () => setConfirming(true), children: "Request account erasure" })] })), _jsxs(Modal, { open: confirming, onClose: closeConfirm, title: "Delete my account", children: [_jsxs("p", { className: "text-sm mb-5", children: ["This permanently deletes ", mailboxLabel, " and everything in it \u2014 messages, contacts, calendar, tasks, and notes \u2014 once approved. This cannot be undone and cannot be cancelled once submitted."] }), createError && _jsx(Alert, { children: createError }), _jsxs("div", { className: "flex gap-3 justify-end mt-5", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", disabled: creating, onClick: closeConfirm, children: "Cancel" }), _jsx(Button, { type: "button", className: "!w-auto !bg-none !bg-danger !border-danger hover:!bg-danger", loading: creating, disabled: creating, onClick: handleConfirm, children: "Request erasure" })] })] })] }));
 }
-export default routedPage("/settings/privacy", SettingsPrivacyPage);
+export default SettingsPrivacyPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/profile/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsProfilePageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsProfilePageProps>;
-export default _default;
+declare function SettingsProfilePage(props: SettingsProfilePageProps): React.JSX.Element;
+export default SettingsProfilePage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;

package/dist/apps/www/settings/profile/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { routedPage } from "../../_routedPage.js";
+import { pageTitle } from "../../../shared/navigation/pageTitle.js";
 import { useMemo, useState } from "react";
 import { freeBusyVisibilityOf, isSharedWithMe, updateMailbox } from "@rapidmx/react-shared/mail/mailApi.js";
 import { DEFAULT_TIME_ZONE, deviceTimeZone, timeZoneOptions } from "@rapidmx/react-shared/util/timeZone.js";
@@ -121,4 +121,6 @@ function ProfileContent() {
                                         setSaved(false);
                                     }, "aria-describedby": "profile-free-busy-help", children: FREE_BUSY_CHOICES.map((choice) => (_jsx("option", { value: choice.value, children: choice.label }, choice.value))) }), _jsx("p", { id: "profile-free-busy-help", className: "mt-1 text-xs text-text-muted", children: FREE_BUSY_CHOICES.find((choice) => choice.value === freeBusy).help }), _jsx("p", { className: "mt-1 text-xs text-text-muted", children: "Who can see the hours you are busy when they look for a time to meet - never the title, place or guests of an event." }), !canChangeFreeBusy && (_jsx("p", { className: "mt-1 text-xs text-text-muted", children: "This mailbox is shared with you: only its owner can change who sees its free/busy times." }))] }), _jsx("div", { children: _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Save" }) })] })] }) }));
 }
-export default routedPage("/settings/profile", SettingsProfilePage);
+export default SettingsProfilePage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export const title = pageTitle("Settings");

package/dist/apps/www/settings/read-receipts/index.d.ts

@@ -1,4 +1,9 @@
+import React from "react";
 import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
 export type SettingsReadReceiptsPageProps = Omit<SettingsShellProps, "active">;
-declare const _default: import("../../../shared/navigation/AppRouter.js").RoutedPageComponent<SettingsReadReceiptsPageProps>;
-export default _default;
+declare function SettingsReadReceiptsPage(props: SettingsReadReceiptsPageProps): React.JSX.Element;
+export default SettingsReadReceiptsPage;
+/** The tab's title: `Brand: Settings` (see `pageTitle()`). */
+export declare const title: (props: {
+    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+}) => string;