.

apps/web/src/components/ResetLinkModal.tsx

@@ -1,4 +1,5 @@
 type ResetLinkModalProps = {
+  variant?: "invite" | "reset";
   email: string;
   resetLink: string;
   expiresAt: string;
@@ -6,6 +7,7 @@ type ResetLinkModalProps = {
 };
 
 export default function ResetLinkModal({
+  variant = "reset",
   email,
   resetLink,
   expiresAt,
@@ -19,14 +21,18 @@ export default function ResetLinkModal({
     }
   };
 
+  const isInvite = variant === "invite";
+
   return (
     <div className="modal-backdrop" role="presentation">
       <div className="modal-card" role="dialog" aria-modal="true">
         <div className="modal-header">
           <div>
-            <h2>Temporary reset link</h2>
+            <h2>{isInvite ? "Mailbox setup link" : "Temporary reset link"}</h2>
             <p>
-              No email was sent for <strong>{email}</strong>. Share this one-time link yourself.
+              {isInvite
+                ? <>Share this one-time setup link for <strong>{email}</strong>. The mailbox will only be created after the user chooses a password.</>
+                : <>No email was sent for <strong>{email}</strong>. Share this one-time link yourself.</>}
             </p>
           </div>
           <button type="button" className="ghost-button" onClick={onClose}>
@@ -36,7 +42,7 @@ export default function ResetLinkModal({
 
         <div className="stack">
           <label className="field">
-            <span>One-time link</span>
+            <span>{isInvite ? "Setup link" : "One-time link"}</span>
             <input type="text" readOnly value={resetLink} />
           </label>