[pull] main from supermemoryai:main

apps/web/app/(app)/old/onboarding/page.tsx

@@ -0,0 +1,18 @@
+"use client"
+
+import { useEffect } from "react"
+import { useRouter } from "next/navigation"
+
+export default function OnboardingPage() {
+	const router = useRouter()
+
+	useEffect(() => {
+		router.replace("/old/onboarding/welcome?step=input")
+	}, [router])
+
+	return (
+		<div className="h-screen overflow-hidden bg-black flex items-center justify-center">
+			<div className="text-white/50 text-sm">Loading...</div>
+		</div>
+	)
+}

apps/web/app/(app)/onboarding/setup/layout.tsx → apps/web/app/(app)/old/onboarding/setup/layout.tsx

@@ -12,7 +12,7 @@ import { useRouter, useSearchParams } from "next/navigation"
 import { useOnboardingContext, type MemoryFormData } from "../layout"
 import { analytics } from "@/lib/analytics"
 
-export const SETUP_STEPS = ["relatable", "integrations"] as const
+export const SETUP_STEPS = ["integrations"] as const
 export type SetupStep = (typeof SETUP_STEPS)[number]
 
 interface SetupContextValue {
@@ -41,7 +41,7 @@ export default function SetupLayout({ children }: { children: ReactNode }) {
 	const stepParam = searchParams.get("step")
 	const currentStep: SetupStep = SETUP_STEPS.includes(stepParam as SetupStep)
 		? (stepParam as SetupStep)
-		: "relatable"
+		: "integrations"
 	const hasTrackedInitialStep = useRef(false)
 
 	const goToStep = useCallback(

apps/web/app/(app)/old/onboarding/setup/page.tsx

@@ -0,0 +1,45 @@
+"use client"
+
+import { AnimatePresence } from "motion/react"
+
+import { IntegrationsStep } from "@/components/onboarding/setup/integrations-step"
+
+import { SetupHeader } from "@/components/onboarding/setup/header"
+import { ChatSidebar } from "@/components/onboarding/setup/chat-sidebar"
+import { AnimatedGradientBackground } from "@/components/animated-gradient-background"
+import { useIsMobile } from "@hooks/use-mobile"
+
+import { useSetupContext } from "./layout"
+
+export default function SetupPage() {
+	const { memoryFormData } = useSetupContext()
+	const isMobile = useIsMobile()
+
+	return (
+		<div className="relative h-screen overflow-hidden bg-black">
+			<SetupHeader />
+
+			<AnimatedGradientBackground animateFromBottom={false} />
+
+			<main className="relative min-h-screen">
+				<div className="relative z-10">
+					<div className="flex flex-col lg:flex-row h-[calc(100vh-90px)] relative">
+						<div className="flex-1 flex flex-col items-center justify-start p-4 md:p-8">
+							<AnimatePresence mode="wait">
+								<IntegrationsStep key="integrations" />
+							</AnimatePresence>
+						</div>
+
+						{!isMobile && (
+							<AnimatePresence mode="popLayout">
+								<ChatSidebar formData={memoryFormData} />
+							</AnimatePresence>
+						)}
+					</div>
+				</div>
+			</main>
+
+			{isMobile && <ChatSidebar formData={memoryFormData} />}
+		</div>
+	)
+}

apps/web/app/(app)/onboarding/welcome/layout.tsx → apps/web/app/(app)/old/onboarding/welcome/layout.tsx

@@ -83,7 +83,7 @@ export default function WelcomeLayout({ children }: { children: ReactNode }) {
 				if (isMountedRef.current) {
 					setShowWelcomeContent(true)
 				}
-			}, 1000)
+			}, 400)
 			return () => clearTimeout(timer)
 		}
 		setShowWelcomeContent(true)
@@ -97,7 +97,7 @@ export default function WelcomeLayout({ children }: { children: ReactNode }) {
 				setTimeout(() => {
 					if (isMountedRef.current) {
 						analytics.onboardingStepViewed({ step: "welcome", trigger: "auto" })
-						router.replace("/onboarding/welcome?step=welcome")
+						router.replace("/old/onboarding/welcome?step=welcome")
 					}
 				}, 2000),
 			)
@@ -109,7 +109,7 @@ export default function WelcomeLayout({ children }: { children: ReactNode }) {
 							step: "username",
 							trigger: "auto",
 						})
-						router.replace("/onboarding/welcome?step=username")
+						router.replace("/old/onboarding/welcome?step=username")
 					}
 				}, 2000),
 			)
@@ -133,14 +133,14 @@ export default function WelcomeLayout({ children }: { children: ReactNode }) {
 	const goToStep = useCallback(
 		(step: WelcomeStep) => {
 			analytics.onboardingStepViewed({ step, trigger: "user" })
-			router.push(`/onboarding/welcome?step=${step}`)
+			router.push(`/old/onboarding/welcome?step=${step}`)
 		},
 		[router],
 	)
 
 	const goToSetup = useCallback(
-		(step = "relatable") => {
-			router.push(`/onboarding/setup?step=${step}`)
+		(step = "integrations") => {
+			router.push(`/old/onboarding/setup?step=${step}`)
 		},
 		[router],
 	)

apps/web/app/(app)/onboarding/welcome/page.tsx → apps/web/app/(app)/old/onboarding/welcome/page.tsx

@@ -12,7 +12,6 @@ import { OnboardingContentStep } from "@/components/onboarding/welcome/continue-
 import { InitialHeader } from "@/components/initial-header"
 import { Logo } from "@ui/assets/Logo"
 import NovaOrb from "@/components/nova/nova-orb"
-import { AnimatedGradientBackground } from "@/components/animated-gradient-background"
 
 import {
 	useWelcomeContext,
@@ -212,7 +211,7 @@ export default function WelcomePage() {
 	const showUserSupermemory = currentStep === "username"
 
 	return (
-		<div className="h-screen overflow-hidden bg-black">
+		<div className="relative h-screen overflow-hidden bg-black">
 			<InitialHeader
 				showUserSupermemory={
 					currentStep === "features" || currentStep === "memories"
@@ -221,10 +220,6 @@ export default function WelcomePage() {
 				name={name}
 			/>
 
-			{currentStep === "input" && (
-				<AnimatedGradientBackground animateFromBottom={true} />
-			)}
-
 			{showWelcomeContent && (
 				<div className="fixed inset-0 flex flex-col items-center justify-center overflow-y-auto">
 					<motion.div
@@ -254,7 +249,6 @@ export default function WelcomePage() {
 							initial={{
 								padding: 0,
 								paddingTop: 0,
-								y: 60,
 							}}
 							className="relative"
 						>