fix: use AUTH_URL as fallback instead of hardcoded localhost in getBaseUrl

- Updated getBaseUrl() in utils.ts to fall back to AUTH_URL environment
  variable instead of hardcoded 'localhost:3000' when headers are not
  available
- Updated email preview props in inviteUserEmail.tsx,
  joinRequestApprovedEmail.tsx, and joinRequestSubmittedEmail.tsx to use
  example.sourcebot.dev instead of localhost URLs

This fixes the issue where org URL and invite links were being generated
with localhost when the host/protocol headers were not available.

Co-authored-by: michael <michael@sourcebot.dev>

Author: cursoragent

packages/web/src/emails/inviteUserEmail.tsx

@@ -138,7 +138,7 @@ InviteUserEmail.PreviewProps = {
     },
     orgName: 'Enigma',
     orgImageUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
-    inviteLink: 'https://localhost:3000/redeem?invite_id=1234',
+    inviteLink: 'https://example.sourcebot.dev/redeem?invite_id=1234',
 } satisfies InviteUserEmailProps;
 
 export default InviteUserEmail;

packages/web/src/emails/joinRequestApprovedEmail.tsx

@@ -13,7 +13,7 @@ import {
     Text,
 } from '@react-email/components';
 import { EmailFooter } from './emailFooter';
-import { SOURCEBOT_LOGO_LIGHT_LARGE_URL } from './constants';
+import { SOURCEBOT_LOGO_LIGHT_LARGE_URL, SOURCEBOT_PLACEHOLDER_AVATAR_URL } from './constants';
 
 interface JoinRequestApprovedEmailProps {
     baseUrl: string;
@@ -83,11 +83,11 @@ export const JoinRequestApprovedEmail = ({
 };
 
 JoinRequestApprovedEmail.PreviewProps = {
-    baseUrl: 'http://localhost:3000',
+    baseUrl: 'https://example.sourcebot.dev',
     user: {
         name: 'Alan Turing',
         email: 'alan.turing@example.com',
-        avatarUrl: `http://localhost:3000/placeholder_avatar.png`,
+        avatarUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
     },
     orgName: 'Enigma',
     orgDomain: '~',

packages/web/src/emails/joinRequestSubmittedEmail.tsx

@@ -127,15 +127,15 @@ const RequestorInfo = ({ email, name }: { email: string, name?: string }) => {
 }
 
 JoinRequestSubmittedEmail.PreviewProps = {
-    baseUrl: 'http://localhost:3000',
+    baseUrl: 'https://example.sourcebot.dev',
     requestor: {
         name: 'Alan Turing',
         email: 'alan.turing@example.com',
-        avatarUrl: `http://localhost:3000/placeholder_avatar.png`,
+        avatarUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
     },
     orgName: 'Enigma',
     orgDomain: '~',
-    orgImageUrl: `http://localhost:3000/placeholder_avatar.png`,
+    orgImageUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
 } satisfies JoinRequestSubmittedEmailProps;
 
 export default JoinRequestSubmittedEmail;

packages/web/src/lib/utils.ts

@@ -20,20 +20,28 @@ import { ConnectionType, Org } from "@sourcebot/db";
 import { OrgMetadata, orgMetadataSchema } from "@/types";
 import { SINGLE_TENANT_ORG_DOMAIN } from "./constants";
 import { CodeHostType } from "@sourcebot/db";
+import { env } from "@sourcebot/shared";
 
 export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs))
 }
 
 /**
- * Gets the base URL from Next.js headers
+ * Gets the base URL from Next.js headers, falling back to AUTH_URL environment variable
  * @param headersList The headers from Next.js headers() function
  * @returns The base URL (e.g., "https://example.com")
  */
 export const getBaseUrl = (headersList: Headers): string => {
-    const host = headersList.get('host') || 'localhost:3000';
-    const protocol = headersList.get('x-forwarded-proto') || 'http';
-    return `${protocol}://${host}`;
+    const host = headersList.get('host');
+    const protocol = headersList.get('x-forwarded-proto');
+    
+    // If we have both host and protocol from headers, use them
+    if (host && protocol) {
+        return `${protocol}://${host}`;
+    }
+    
+    // Fall back to AUTH_URL environment variable
+    return env.AUTH_URL;
 }
 
 /**