[pull] main from supermemoryai:main

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

@@ -53,7 +53,7 @@ function XIcon({ className }: { className?: string }) {
 			fill="currentColor"
 			aria-hidden="true"
 		>
-			<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622Zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+			<path d="M18.24 2.25h3.31l-7.23 8.26 8.5 11.24H16.17l-4.71-6.23-5.4 6.23H2.74l7.73-8.84L1.25 2.25H8.08l4.25 5.62 5.91-5.62Zm-1.16 17.52h1.83L7.08 4.13H5.12z" />
 		</svg>
 	)
 }
@@ -66,7 +66,7 @@ function LinkedInIcon({ className }: { className?: string }) {
 			fill="currentColor"
 			aria-hidden="true"
 		>
-			<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+			<path d="M20.45 20.45h-3.55v-5.57c0-1.33-.027-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.046c.477-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.29zM5.34 7.43a2.06 2.06 0 0 1-2.06-2.06 2.06 2.06 0 1 1 2.06 2.06zm1.78 13.02H3.56V9h3.56v11.45zM22.23 0H1.77C.792 0 0 .774 0 1.73v20.54C0 23.23.792 24 1.77 24h20.45C23.2 24 24 23.23 24 22.27V1.73C24 .774 23.2 0 22.22 0h.003z" />
 		</svg>
 	)
 }
@@ -76,7 +76,7 @@ function SubmitArrow() {
 		<svg width="12" height="9" viewBox="0 0 12 9" fill="none">
 			<title>Submit</title>
 			<path
-				d="M8.05099 9.60156L6.93234 8.49987L9.00014 6.44902L9.62726 6.04224L9.54251 5.788L8.79675 5.90665H0.0170898V4.31343H8.79675L9.54251 4.43207L9.62726 4.17783L9.00014 3.77105L6.93234 1.72021L8.05099 0.601562L11.9832 4.53377V5.68631L8.05099 9.60156Z"
+				d="M8.05 9.6L6.93 8.5L9 6.45L9.63 6.04L9.54 5.79L8.8 5.91H0.02V4.31H8.8L9.54 4.43L9.63 4.18L9 3.77L6.93 1.72L8.05 0.6L11.98 4.53V5.69L8.05 9.6Z"
 				fill="#FAFAFA"
 			/>
 		</svg>
@@ -809,7 +809,7 @@ export default function OnboardingPage() {
 									Finishing your first save
 								</p>
 								<p className="text-sm text-[#6b7c91] leading-relaxed">
-									Most finish in under a minute. Below is optional — ways to add
+									Most finish in under a minute. Below is optional: ways to add
 									more later.
 								</p>
 							</div>
@@ -948,7 +948,7 @@ export default function OnboardingPage() {
 								</p>
 								<p className="text-sm text-[#8B9DB5] leading-relaxed">
 									Your first save is ready. When you want more, use Integrations
-									for browser, phone, editor, and AI tools — all in one place.
+									for browser, phone, editor, and AI tools, all in one place.
 								</p>
 							</div>
 

apps/web/app/(auth)/login/new/page.tsx

@@ -313,7 +313,7 @@ export default function LoginPage() {
 											<ExternalAuthButton
 												authIcon={
 													<svg
-														className="w-4 h-4 sm:w-5 sm:h-5"
+														className="size-4 sm:size-5"
 														fill="none"
 														height="25"
 														viewBox="0 0 24 25"
@@ -322,19 +322,19 @@ export default function LoginPage() {
 													>
 														<title>Google</title>
 														<path
-															d="M21.8055 10.2563H21V10.2148H12V14.2148H17.6515C16.827 16.5433 14.6115 18.2148 12 18.2148C8.6865 18.2148 6 15.5283 6 12.2148C6 8.90134 8.6865 6.21484 12 6.21484C13.5295 6.21484 14.921 6.79184 15.9805 7.73434L18.809 4.90584C17.023 3.24134 14.634 2.21484 12 2.21484C6.4775 2.21484 2 6.69234 2 12.2148C2 17.7373 6.4775 22.2148 12 22.2148C17.5225 22.2148 22 17.7373 22 12.2148C22 11.5443 21.931 10.8898 21.8055 10.2563Z"
+															d="M21.81 10.26H21V10.21H12V14.21H17.65C16.83 16.54 14.61 18.21 12 18.21C8.69 18.21 6 15.53 6 12.21C6 8.9 8.69 6.21 12 6.21C13.53 6.21 14.92 6.79 15.98 7.73L18.81 4.91C17.02 3.24 14.63 2.21 12 2.21C6.48 2.21 2 6.69 2 12.21C2 17.74 6.48 22.21 12 22.21C17.52 22.21 22 17.74 22 12.21C22 11.54 21.93 10.89 21.81 10.26Z"
 															fill="#FFC107"
 														/>
 														<path
-															d="M3.15234 7.56034L6.43784 9.96984C7.32684 7.76884 9.47984 6.21484 11.9993 6.21484C13.5288 6.21484 14.9203 6.79184 15.9798 7.73434L18.8083 4.90584C17.0223 3.24134 14.6333 2.21484 11.9993 2.21484C8.15834 2.21484 4.82734 4.38334 3.15234 7.56034Z"
+															d="M3.15 7.56L6.44 9.97C7.33 7.77 9.48 6.21 12 6.21C13.53 6.21 14.92 6.79 15.98 7.73L18.81 4.91C17.02 3.24 14.63 2.21 12 2.21C8.16 2.21 4.83 4.38 3.15 7.56Z"
 															fill="#FF3D00"
 														/>
 														<path
-															d="M12.0002 22.2152C14.5832 22.2152 16.9302 21.2267 18.7047 19.6192L15.6097 17.0002C14.5721 17.7897 13.3039 18.2166 12.0002 18.2152C9.39916 18.2152 7.19066 16.5567 6.35866 14.2422L3.09766 16.7547C4.75266 19.9932 8.11366 22.2152 12.0002 22.2152Z"
+															d="M12 22.22C14.58 22.22 16.93 21.23 18.7 19.62L15.61 17C14.57 17.79 13.3 18.22 12 18.22C9.4 18.22 7.19 16.56 6.36 14.24L3.1 16.75C4.75 19.99 8.11 22.22 12 22.22Z"
 															fill="#4CAF50"
 														/>
 														<path
-															d="M21.8055 10.2563H21V10.2148H12V14.2148H17.6515C17.2571 15.3231 16.5467 16.2914 15.608 17.0003L15.6095 16.9993L18.7045 19.6183C18.4855 19.8173 22 17.2148 22 12.2148C22 11.5443 21.931 10.8898 21.8055 10.2563Z"
+															d="M21.81 10.26H21V10.21H12V14.21H17.65C17.26 15.32 16.55 16.29 15.61 17L15.61 17L18.7 19.62C18.49 19.82 22 17.21 22 12.21C22 11.54 21.93 10.89 21.81 10.26Z"
 															fill="#1976D2"
 														/>
 													</svg>
@@ -378,7 +378,7 @@ export default function LoginPage() {
 											<ExternalAuthButton
 												authIcon={
 													<svg
-														className="w-4 h-4 sm:w-5 sm:h-5 text-foreground"
+														className="size-4 sm:size-5 text-foreground"
 														fill="none"
 														height="25"
 														viewBox="0 0 26 25"
@@ -389,7 +389,7 @@ export default function LoginPage() {
 														<g clipPath="url(#clip0_2579_3356)">
 															<path
 																clipRule="evenodd"
-																d="M12.9635 0.214844C6.20975 0.214844 0.75 5.71484 0.75 12.5191C0.75 17.9581 4.24825 22.5621 9.10125 24.1916C9.708 24.3141 9.93025 23.9268 9.93025 23.6011C9.93025 23.3158 9.91025 22.3381 9.91025 21.3193C6.51275 22.0528 5.80525 19.8526 5.80525 19.8526C5.25925 18.4266 4.45025 18.0601 4.45025 18.0601C3.33825 17.3063 4.53125 17.3063 4.53125 17.3063C5.76475 17.3878 6.412 18.5693 6.412 18.5693C7.50375 20.4433 9.263 19.9138 9.97075 19.5878C10.0718 18.7933 10.3955 18.2433 10.7393 17.9378C8.0295 17.6526 5.1785 16.5933 5.1785 11.8671C5.1785 10.5226 5.6635 9.42259 6.432 8.56709C6.31075 8.26159 5.886 6.99834 6.5535 5.30759C6.5535 5.30759 7.58475 4.98159 9.91 6.57059C10.9055 6.30126 11.9322 6.16425 12.9635 6.16309C13.9948 6.16309 15.046 6.30584 16.0168 6.57059C18.3423 4.98159 19.3735 5.30759 19.3735 5.30759C20.041 6.99834 19.616 8.26159 19.4948 8.56709C20.2835 9.42259 20.7485 10.5226 20.7485 11.8671C20.7485 16.5933 17.8975 17.6321 15.1675 17.9378C15.6125 18.3248 15.9965 19.0581 15.9965 20.2193C15.9965 21.8693 15.9765 23.1936 15.9765 23.6008C15.9765 23.9268 16.199 24.3141 16.8055 24.1918C21.6585 22.5618 25.1568 17.9581 25.1568 12.5191C25.1768 5.71484 19.697 0.214844 12.9635 0.214844Z"
+																d="M12.96 0.21C6.21 0.21 0.75 5.71 0.75 12.52C0.75 17.96 4.25 22.56 9.1 24.19C9.71 24.31 9.93 23.93 9.93 23.6C9.93 23.32 9.91 22.34 9.91 21.32C6.51 22.05 5.81 19.85 5.81 19.85C5.26 18.43 4.45 18.06 4.45 18.06C3.34 17.31 4.53 17.31 4.53 17.31C5.76 17.39 6.41 18.57 6.41 18.57C7.5 20.44 9.26 19.91 9.97 19.59C10.07 18.79 10.4 18.24 10.74 17.94C8.03 17.65 5.18 16.59 5.18 11.87C5.18 10.52 5.66 9.42 6.43 8.57C6.31 8.26 5.89 7 6.55 5.31C6.55 5.31 7.58 4.98 9.91 6.57C10.91 6.3 11.93 6.16 12.96 6.16C13.99 6.16 15.05 6.31 16.02 6.57C18.34 4.98 19.37 5.31 19.37 5.31C20.04 7 19.62 8.26 19.49 8.57C20.28 9.42 20.75 10.52 20.75 11.87C20.75 16.59 17.9 17.63 15.17 17.94C15.61 18.32 16 19.06 16 20.22C16 21.87 15.98 23.19 15.98 23.6C15.98 23.93 16.2 24.31 16.81 24.19C21.66 22.56 25.16 17.96 25.16 12.52C25.18 5.71 19.7 0.21 12.96 0.21Z"
 																fill="currentColor"
 																fillRule="evenodd"
 															/>
@@ -399,7 +399,7 @@ export default function LoginPage() {
 																<rect
 																	fill="currentColor"
 																	height="24"
-																	transform="translate(0.75 0.214844)"
+																	transform="translate(0.75 0.21)"
 																	width="24.5"
 																/>
 															</clipPath>

apps/web/app/api/emails/welcome/route.tsx

@@ -3,7 +3,7 @@ import { ImageResponse } from "next/og"
 
 export async function GET() {
 	return new ImageResponse(
-		<div tw="w-full h-full flex flex-col justify-center items-center">
+		<div tw="size-full flex flex-col justify-center items-center">
 			<img
 				src="https://pub-1be2b1df2c7e456f8e21149e972f4caf.r2.dev/bust.png"
 				alt="Google Logo"

apps/web/app/auth/connect/page.tsx

@@ -191,7 +191,7 @@ function AuthConnectContent() {
 			<div className={pageWrapperClass}>
 				<div className={cardClass}>
 					<div className="flex flex-col items-center gap-5">
-						<div className="flex h-10 w-10 items-center justify-center rounded-lg border border-[#1E293B] bg-[#080B0F]">
+						<div className="flex size-10 items-center justify-center rounded-lg border border-[#1E293B] bg-[#080B0F]">
 							{pluginInfo ? (
 								<Image
 									alt={pluginInfo.name}
@@ -270,7 +270,7 @@ function AuthConnectContent() {
 			<div className={pageWrapperClass}>
 				<div className={cardClass}>
 					<div className="flex flex-col items-center gap-5">
-						<div className="flex h-10 w-10 items-center justify-center rounded-lg border border-[#1E293B] bg-[#080B0F]">
+						<div className="flex size-10 items-center justify-center rounded-lg border border-[#1E293B] bg-[#080B0F]">
 							{pluginInfo ? (
 								<Image
 									alt={pluginInfo.name}
@@ -340,7 +340,7 @@ function AuthConnectContent() {
 							{isUpgrading || autumn.isLoading ? (
 								<>
 									<Loader className="size-4 animate-spin mr-2" />
-									Upgrading...
+									Upgrading…
 								</>
 							) : (
 								"Upgrade to Pro \u2014 $19/month"
@@ -418,9 +418,9 @@ function AuthConnectContent() {
 			<div className="flex flex-col items-center gap-3">
 				<div className="size-6 border-2 border-[#4BA0FA] border-t-transparent rounded-full animate-spin" />
 				<p className={dmSans125ClassName("text-sm text-[#737373]")}>
-					{status === "creating" && `Connecting ${displayName}...`}
+					{status === "creating" && `Connecting ${displayName}…`}
 					{status === "success" &&
-						`Success! Redirecting back to ${displayName}...`}
+						`Success! Redirecting back to ${displayName}…`}
 				</p>
 			</div>
 		</div>

apps/web/app/ref/[code]/page.tsx

@@ -82,8 +82,8 @@ export default function ReferralPage() {
 		return (
 			<div className="min-h-screen flex items-center justify-center p-4 bg-[#0f1419]">
 				<div className="flex flex-col items-center gap-4">
-					<LoaderIcon className="w-8 h-8 text-orange-500 animate-spin" />
-					<p className="text-white/60">Checking invitation...</p>
+					<LoaderIcon className="size-8 text-orange-500 animate-spin" />
+					<p className="text-white/60">Checking invitation…</p>
 				</div>
 			</div>
 		)
@@ -119,8 +119,8 @@ export default function ReferralPage() {
 				{/* Welcome Card */}
 				<Card className="bg-[#1a1f2a] border-white/10">
 					<CardHeader className="text-center">
-						<div className="mx-auto mb-4 w-16 h-16 rounded-full bg-orange-500/10 flex items-center justify-center">
-							<ShareIcon className="w-8 h-8 text-orange-500" />
+						<div className="mx-auto mb-4 size-16 rounded-full bg-orange-500/10 flex items-center justify-center">
+							<ShareIcon className="size-8 text-orange-500" />
 						</div>
 						<CardTitle className="text-2xl font-bold text-white">
 							You're invited to supermemory!
@@ -181,9 +181,9 @@ export default function ReferralPage() {
 									className="shrink-0 border-white/10 hover:bg-white/5"
 								>
 									{copiedLink ? (
-										<CheckIcon className="w-4 h-4" />
+										<CheckIcon className="size-4" />
 									) : (
-										<CopyIcon className="w-4 h-4" />
+										<CopyIcon className="size-4" />
 									)}
 								</Button>
 							</div>
@@ -193,7 +193,7 @@ export default function ReferralPage() {
 								variant="outline"
 								className="w-full border-white/10 text-white hover:bg-white/5"
 							>
-								<ShareIcon className="w-4 h-4" />
+								<ShareIcon className="size-4" />
 								Share this link
 							</Button>
 						</div>

apps/web/app/ref/page.tsx

@@ -16,8 +16,8 @@ export default function ReferralHomePage() {
 		<div className="min-h-screen flex items-center justify-center p-4 bg-[#0f1419]">
 			<Card className="max-w-md w-full bg-[#1a1f2a] border-white/10">
 				<CardHeader className="text-center">
-					<div className="mx-auto mb-4 w-16 h-16 rounded-full bg-orange-500/10 flex items-center justify-center">
-						<ShareIcon className="w-8 h-8 text-orange-500" />
+					<div className="mx-auto mb-4 size-16 rounded-full bg-orange-500/10 flex items-center justify-center">
+						<ShareIcon className="size-8 text-orange-500" />
 					</div>
 					<CardTitle className="text-2xl font-bold text-white">
 						Missing Referral Code

apps/web/app/upgrade-mcp/page.tsx

@@ -152,7 +152,7 @@ export default function MigrateMCPPage() {
 									<div className="relative">
 										<div className="absolute inset-0 bg-blue-500/20 rounded-full blur-xl" />
 										<div className="relative bg-blue-500/10 p-3 rounded-full border border-blue-500/20">
-											<Zap className="w-6 h-6 text-blue-400" />
+											<Zap className="size-6 text-blue-400" />
 										</div>
 									</div>
 								</div>
@@ -177,7 +177,7 @@ export default function MigrateMCPPage() {
 										className="text-sm font-medium text-slate-200 flex items-center gap-2"
 										htmlFor="mcpUrl"
 									>
-										<Upload className="w-4 h-4" />
+										<Upload className="size-4" />
 										MCP URL
 									</label>
 									<div className="relative">
@@ -231,13 +231,13 @@ export default function MigrateMCPPage() {
 									>
 										{migrateMutation.isPending ? (
 											<>
-												<Spinner className="mr-2 w-4 h-4" />
-												Migrating documents...
+												<Spinner className="mr-2 size-4" />
+												Migrating documents…
 											</>
 										) : (
 											<>
 												Start Upgrade
-												<ArrowRight className="ml-2 w-4 h-4" />
+												<ArrowRight className="ml-2 size-4" />
 											</>
 										)}
 									</Button>
@@ -260,7 +260,7 @@ export default function MigrateMCPPage() {
 											<div className="relative p-4 border border-green-500/20 rounded-xl">
 												<div className="text-green-400">
 													<div className="flex items-center gap-2 mb-2">
-														<CheckCircle className="w-5 h-5" />
+														<CheckCircle className="size-5" />
 														<p className="font-medium">
 															Migration completed successfully!
 														</p>

apps/web/components/add-document/connections.tsx

@@ -243,13 +243,19 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 	const handleUpgrade = async () => {
 		setIsUpgrading(true)
 		try {
-			await autumn.attach({
+			const result = await autumn.attach({
 				planId: "api_pro",
 				successUrl: window.location.href,
 			})
+			if (result?.paymentUrl) {
+				window.open(result.paymentUrl, "_self")
+				return
+			}
+			autumn.refetch?.()
 		} catch (error) {
 			console.error("Upgrade error:", error)
 			toast.error("Failed to start upgrade process")
+		} finally {
 			setIsUpgrading(false)
 		}
 	}
@@ -409,7 +415,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 								className="bg-[#14161A] rounded-[12px] px-4 py-3 flex items-center justify-between gap-3"
 							>
 								<div className="flex items-center gap-3 flex-1">
-									<Icon className="w-6 h-6 text-[#737373]" />
+									<Icon className="size-6 text-[#737373]" />
 									<div className="space-y-[6px] flex-1">
 										<p className="text-[16px] font-medium">{config.title}</p>
 										<p className="text-[16px] text-[#737373]">
@@ -431,7 +437,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 												className="bg-[#4BA0FA] text-black hover:bg-[#4BA0FA]/90 text-[14px] font-medium px-3 h-8 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
 											>
 												{isConnecting ? (
-													<Loader className="h-4 w-4 animate-spin" />
+													<Loader className="size-4 animate-spin" />
 												) : (
 													"Connect"
 												)}
@@ -443,7 +449,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 														type="button"
 														className="bg-[#4BA0FA] text-black hover:bg-[#4BA0FA]/90 px-1.5 h-8 flex items-center transition-colors"
 													>
-														<ChevronDown className="w-3 h-3" />
+														<ChevronDown className="size-3" />
 													</button>
 												</DropdownMenuTrigger>
 												<DropdownMenuContent align="end" className="w-40">
@@ -463,7 +469,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 														>
 															{label}
 															{gdriveSyncScope === scope && (
-																<Check className="w-3 h-3 text-[#4BA0FA]" />
+																<Check className="size-3 text-[#4BA0FA]" />
 															)}
 														</DropdownMenuItem>
 													))}
@@ -483,7 +489,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 											className="bg-[#4BA0FA] text-black hover:bg-[#4BA0FA]/90 text-[14px] font-medium px-3 py-1.5 h-8"
 										>
 											{isConnecting ? (
-												<Loader className="h-4 w-4 animate-spin" />
+												<Loader className="size-4 animate-spin" />
 											) : (
 												"Connect"
 											)}
@@ -524,7 +530,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 									className="flex items-center gap-1.5 bg-[#4BA0FA] text-black hover:bg-[#4BA0FA]/90 disabled:opacity-50 disabled:cursor-not-allowed text-[13px] font-medium rounded-full h-8 px-3 transition-colors shrink-0"
 								>
 									{isAnyConnecting ? (
-										<Loader className="h-3.5 w-3.5 animate-spin" />
+										<Loader className="size-3.5 animate-spin" />
 									) : (
 										<>
 											<span>+ Add a connection</span>
@@ -650,14 +656,14 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 					id="no-active-connections"
 					className="bg-[#14161A] shadow-inside-out rounded-[12px] px-4 py-6 h-full mb-4 flex flex-col justify-center items-center"
 				>
-					<Zap className="w-6 h-6 text-[#737373] mb-3" />
+					<Zap className="size-6 text-[#737373] mb-3" />
 					{!isProUser ? (
 						<>
 							<p className="text-[14px] text-[#737373] mb-4 text-center">
 								{isUpgrading || autumn.isLoading ? (
 									<span className="inline-flex items-center gap-2">
-										<Loader className="h-4 w-4 animate-spin" />
-										Upgrading...
+										<Loader className="size-4 animate-spin" />
+										Upgrading…
 									</span>
 								) : (
 									<>
@@ -676,19 +682,19 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 							</p>
 							<div className="space-y-2 text-[14px]">
 								<div className="flex items-center gap-2">
-									<Check className="w-4 h-4 text-[#4BA0FA]" />
+									<Check className="size-4 text-[#4BA0FA]" />
 									<span>Unlimited memories</span>
 								</div>
 								<div className="flex items-center gap-2">
-									<Check className="w-4 h-4 text-[#4BA0FA]" />
+									<Check className="size-4 text-[#4BA0FA]" />
 									<span>10 connections</span>
 								</div>
 								<div className="flex items-center gap-2">
-									<Check className="w-4 h-4 text-[#4BA0FA]" />
+									<Check className="size-4 text-[#4BA0FA]" />
 									<span>Advanced search</span>
 								</div>
 								<div className="flex items-center gap-2">
-									<Check className="w-4 h-4 text-[#4BA0FA]" />
+									<Check className="size-4 text-[#4BA0FA]" />
 									<span>Priority support</span>
 								</div>
 							</div>