perf: remove global fetchUser from root beforeLoad to improve TTFB

apps/web/src/routes/__root.tsx

@@ -7,7 +7,6 @@ import {
 import { lazy } from "react";
 
 import { NotFoundDocument } from "@/components/not-found";
-import { fetchUser } from "@/functions/auth";
 import appCss from "@/styles.css?url";
 
 interface RouterContext {
@@ -21,10 +20,6 @@ const KEYWORDS =
   "AI notepad, privacy-first AI, on-device AI, local AI, edge AI, meeting notes, personal knowledge base, AI notetaking, AI notetaker, Argmax, Deepgram, secure transcription, notepad app, notetaking app";
 
 export const Route = createRootRouteWithContext<RouterContext>()({
-  beforeLoad: async () => {
-    const user = await fetchUser();
-    return { user };
-  },
   head: () => ({
     meta: [
       { charSet: "utf-8" },

apps/web/src/routes/_view/app/index.tsx

@@ -6,4 +6,5 @@ export const Route = createFileRoute("/_view/app/")({
       throw redirect({ to: "/app/account" });
     }
   },
+  loader: async ({ context }) => ({ user: context.user }),
 });

apps/web/src/routes/_view/app/route.tsx

@@ -1,9 +1,13 @@
 import { createFileRoute, redirect } from "@tanstack/react-router";
 
+import { fetchUser } from "@/functions/auth";
+
 export const Route = createFileRoute("/_view/app")({
-  beforeLoad: async ({ context }) => {
-    if (!context.user) {
+  beforeLoad: async () => {
+    const user = await fetchUser();
+    if (!user) {
       throw redirect({ to: "/" });
     }
+    return { user };
   },
 });

apps/web/src/routes/_view/file-transcription.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 
 import NoteEditor, { type JSONContent } from "@hypr/tiptap/editor";
 import { EMPTY_TIPTAP_DOC } from "@hypr/tiptap/shared";
@@ -10,6 +10,7 @@ import {
   TranscriptDisplay,
 } from "@/components/transcription/transcript-display";
 import { UploadArea } from "@/components/transcription/upload-area";
+import { getSupabaseBrowserClient } from "@/functions/supabase";
 
 export const Route = createFileRoute("/_view/file-transcription")({
   component: Component,
@@ -19,7 +20,29 @@ export const Route = createFileRoute("/_view/file-transcription")({
 });
 
 function Component() {
-  const { user } = Route.useRouteContext();
+  const [user, setUser] = useState<{ email?: string } | null>(null);
+
+  useEffect(() => {
+    let isMounted = true;
+    async function loadUser() {
+      try {
+        const supabase = getSupabaseBrowserClient();
+        const { data } = await supabase.auth.getUser();
+        if (!isMounted) return;
+        if (data.user?.email) {
+          setUser({ email: data.user.email });
+        } else {
+          setUser(null);
+        }
+      } catch {
+        if (isMounted) setUser(null);
+      }
+    }
+    loadUser();
+    return () => {
+      isMounted = false;
+    };
+  }, []);
   const [file, setFile] = useState<File | null>(null);
   const [isProcessing, setIsProcessing] = useState(false);
   const [transcript, setTranscript] = useState<string | null>(null);

apps/web/src/routes/_view/route.tsx

@@ -10,7 +10,6 @@ import { Header } from "@/components/header";
 
 export const Route = createFileRoute("/_view")({
   component: Component,
-  loader: async ({ context }) => ({ user: context.user }),
 });
 
 interface HeroContextType {