fix(web): sentry issues across the web app (#570)11-08-fix_web_sentry_issues_across_the_web_app

Fixes all following sentry issues
- CONSUMER-APP-FF
- CONSUMER-APP-1T
- CONSUMER-APP-86
- CONSUMER-APP-7H
- CONSUMER-APP-4F
- CONSUMER-APP-7X

4 files changed, 87 insertions, 29 deletions

diff --git a/packages/lib/auth-context.tsx b/packages/lib/auth-context.tsx
index 7e6462fa..db24ec45 100644
--- a/packages/lib/auth-context.tsx
+++ b/packages/lib/auth-context.tsx
@@ -38,17 +38,23 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 	// biome-ignore lint/correctness/useExhaustiveDependencies: ignoring the setActiveOrg dependency
 	useEffect(() => {
 		if (session?.session.activeOrganizationId) {
-			authClient.organization.getFullOrganization().then((org) => {
-				// TODO: Uncomment this when we have a way to handle consumer organizations better way
-				//if (org.metadata?.isConsumer === true) {
-				setOrg(org)
-				//} else {
-				//	const consumerOrg = orgs?.find((o) => o.metadata?.isConsumer === true)
-				//	if (consumerOrg) {
-				//		setActiveOrg(consumerOrg.slug)
-				//	}
-				//}
-			})
+			authClient.organization
+				.getFullOrganization()
+				.then((org) => {
+					// TODO: Uncomment this when we have a way to handle consumer organizations better way
+					//if (org.metadata?.isConsumer === true) {
+					setOrg(org)
+					//} else {
+					//	const consumerOrg = orgs?.find((o) => o.metadata?.isConsumer === true)
+					//	if (consumerOrg) {
+					//		setActiveOrg(consumerOrg.slug)
+					//	}
+					//}
+				})
+				.catch((error) => {
+					// Silently handle organization fetch failures to prevent unhandled rejections
+					console.error("Failed to fetch organization:", error)
+				})
 		}
 	}, [session?.session.activeOrganizationId, orgs])
 
@@ -68,7 +74,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 
 			if (pendingMethod) {
 				const now = Date.now()
-				const ts = pendingTsRaw ? Number.parseInt(pendingTsRaw, 10) : NaN
+				const ts = pendingTsRaw ? Number.parseInt(pendingTsRaw, 10) : Number.NaN
 				const isFresh = Number.isFinite(ts) && now - ts < 10 * 60 * 1000 // 10 minutes TTL
 
 				if (isFresh) {
diff --git a/packages/lib/posthog.tsx b/packages/lib/posthog.tsx
index 62a60e09..0c436e1e 100644
--- a/packages/lib/posthog.tsx
+++ b/packages/lib/posthog.tsx
@@ -22,7 +22,7 @@ function PostHogPageTracking() {
 				$current_url: url,
 				path: pathname,
 				search_params: searchParams.toString(),
-				page_type: getPageType(pathname),
+				page_type: getPageType(),
 				org_slug: getOrgSlug(pathname),
 			}
 
@@ -39,16 +39,21 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
 	useEffect(() => {
 		if (typeof window !== "undefined") {
 			const posthogKey = process.env.NEXT_PUBLIC_POSTHOG_KEY
-			if (posthogKey){
-			posthog.init(posthogKey, {
-				api_host: process.env.NEXT_PUBLIC_BACKEND_URL + "/orange",
-				ui_host: "https://us.i.posthog.com",
-				person_profiles: "identified_only",
-				capture_pageview: false,
-				capture_pageleave: true,
-			})}
-			else{
-				console.warn("PostHog API key is not set. PostHog will not be initialized.")
+			const backendUrl =
+				process.env.NEXT_PUBLIC_BACKEND_URL ?? "https://api.supermemory.ai"
+
+			if (posthogKey) {
+				posthog.init(posthogKey, {
+					api_host: `${backendUrl}/orange`,
+					ui_host: "https://us.i.posthog.com",
+					person_profiles: "identified_only",
+					capture_pageview: false,
+					capture_pageleave: true,
+				})
+			} else {
+				console.warn(
+					"PostHog API key is not set. PostHog will not be initialized.",
+				)
 			}
 		}
 	}, [])
@@ -75,7 +80,7 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
 	)
 }
 
-function getPageType(pathname: string): string {
+function getPageType(): string {
 	return "other"
 }
 
diff --git a/packages/ui/memory-graph/graph-webgl-canvas.tsx b/packages/ui/memory-graph/graph-webgl-canvas.tsx
index 480d1d6b..af13eefc 100644
--- a/packages/ui/memory-graph/graph-webgl-canvas.tsx
+++ b/packages/ui/memory-graph/graph-webgl-canvas.tsx
@@ -761,6 +761,7 @@ export const GraphWebGLCanvas = memo<GraphCanvasProps>(
 				}}
 			>
 				<Application
+					preference="webgl"
 					antialias
 					autoDensity
 					backgroundColor={0x0f1419}
diff --git a/packages/ui/pages/login.tsx b/packages/ui/pages/login.tsx
index 4d823d76..8846a906 100644
--- a/packages/ui/pages/login.tsx
+++ b/packages/ui/pages/login.tsx
@@ -80,6 +80,27 @@ export function LoginPage({
 		} catch {}
 	}
 
+	function isNetworkError(error: unknown): boolean {
+		if (!(error instanceof Error)) return false;
+		const message = error.message.toLowerCase();
+		return (
+			message.includes("load failed") ||
+			message.includes("networkerror") ||
+			message.includes("failed to fetch") ||
+			message.includes("network request failed")
+		);
+	}
+
+	function getErrorMessage(error: unknown): string {
+		if (isNetworkError(error)) {
+			return "Network error. Please check your connection and try again.";
+		}
+		if (error instanceof Error) {
+			return error.message;
+		}
+		return "An unexpected error occurred. Please try again.";
+	}
+
 	// If we land back on this page with an error, clear any pending marker
 	useEffect(() => {
 		if (params.get("error")) {
@@ -121,13 +142,10 @@ export function LoginPage({
 				method: "magic_link",
 				error: error instanceof Error ? error.message : "Unknown error",
 				email_domain: email.split("@")[1] || "unknown",
+				is_network_error: isNetworkError(error),
 			});
 
-			setError(
-				error instanceof Error
-					? error.message
-					: "Failed to send login link. Please try again.",
-			);
+			setError(getErrorMessage(error));
 			setIsLoading(false);
 			setIsLoadingEmail(false);
 			return;
@@ -321,6 +339,7 @@ export function LoginPage({
 									onClick={() => {
 										if (isLoading) return;
 										setIsLoading(true);
+										setError(null);
 										posthog.capture("login_attempt", {
 											method: "social",
 											provider: "google",
@@ -331,6 +350,19 @@ export function LoginPage({
 												callbackURL: getCallbackURL(),
 												provider: "google",
 											})
+											.catch((error) => {
+												console.error("Google login error:", error);
+												posthog.capture("login_failed", {
+													method: "social",
+													provider: "google",
+													error:
+														error instanceof Error
+															? error.message
+															: "Unknown error",
+													is_network_error: isNetworkError(error),
+												});
+												setError(getErrorMessage(error));
+											})
 											.finally(() => {
 												setIsLoading(false);
 											});
@@ -385,6 +417,7 @@ export function LoginPage({
 									onClick={() => {
 										if (isLoading) return;
 										setIsLoading(true);
+										setError(null);
 										posthog.capture("login_attempt", {
 											method: "social",
 											provider: "github",
@@ -395,6 +428,19 @@ export function LoginPage({
 												callbackURL: getCallbackURL(),
 												provider: "github",
 											})
+											.catch((error) => {
+												console.error("GitHub login error:", error);
+												posthog.capture("login_failed", {
+													method: "social",
+													provider: "github",
+													error:
+														error instanceof Error
+															? error.message
+															: "Unknown error",
+													is_network_error: isNetworkError(error),
+												});
+												setError(getErrorMessage(error));
+											})
 											.finally(() => {
 												setIsLoading(false);
 											});