From ed6b6fb2fcd0b6f5da71d1eb385d7687088406fe Mon Sep 17 00:00:00 2001 From: Mahesh Sanikommmu Date: Wed, 19 Nov 2025 18:52:53 -0800 Subject: [PATCH] added all the fixes around onboarding, dashboard --- apps/web/app/onboarding/page.tsx | 4 +- .../onboarding/setup/integrations-step.tsx | 35 +- .../onboarding/setup/relatable-question.tsx | 2 +- .../app/onboarding/welcome/features-step.tsx | 2 +- .../app/onboarding/welcome/greeting-step.tsx | 2 +- .../web/app/onboarding/welcome/input-step.tsx | 7 +- .../app/onboarding/welcome/memories-step.tsx | 52 +-- .../app/onboarding/welcome/welcome-step.tsx | 2 +- .../chrome-extension-detail-view.tsx | 113 ++++++ apps/web/components/mcp-detail-view.tsx | 326 +++++++++++++----- .../new/document-cards/file-preview.tsx | 5 +- .../new/document-cards/note-preview.tsx | 7 +- apps/web/components/new/memories-grid.tsx | 4 +- apps/web/public/onboarding/chrome-ext-1.png | Bin 0 -> 52039 bytes apps/web/public/onboarding/chrome-ext-2.png | Bin 0 -> 36901 bytes apps/web/public/onboarding/chrome-ext-3.png | Bin 0 -> 61557 bytes apps/web/utils/fonts.ts | 10 + packages/ui/button/external-auth.tsx | 3 +- packages/ui/input/labeled-input.tsx | 5 +- packages/ui/pages/login.tsx | 137 ++++---- 20 files changed, 505 insertions(+), 211 deletions(-) create mode 100644 apps/web/components/chrome-extension-detail-view.tsx create mode 100644 apps/web/public/onboarding/chrome-ext-1.png create mode 100644 apps/web/public/onboarding/chrome-ext-2.png create mode 100644 apps/web/public/onboarding/chrome-ext-3.png diff --git a/apps/web/app/onboarding/page.tsx b/apps/web/app/onboarding/page.tsx index da64cd5d..0e8ee034 100644 --- a/apps/web/app/onboarding/page.tsx +++ b/apps/web/app/onboarding/page.tsx @@ -33,7 +33,7 @@ function UserSupermemory({ name }: { name: string }) { >
-

{name}'s

+

{name}'s

supermemory

@@ -211,7 +211,7 @@ export default function OnboardingPage() { : currentStep === "memories" ? 0.4 : 1, - padding: minimizeNovaOrb ? 0 : 32, + padding: minimizeNovaOrb ? 0 : 48, }} transition={{ duration: 0.8, diff --git a/apps/web/app/onboarding/setup/integrations-step.tsx b/apps/web/app/onboarding/setup/integrations-step.tsx index f1a8b910..eefb0e9d 100644 --- a/apps/web/app/onboarding/setup/integrations-step.tsx +++ b/apps/web/app/onboarding/setup/integrations-step.tsx @@ -3,6 +3,7 @@ import { useState } from "react" import { Button } from "@ui/components/button" import { MCPDetailView } from "@/components/mcp-detail-view" +import { ChromeExtensionDetailView } from "@/components/chrome-extension-detail-view" import { useRouter } from "next/navigation" import { cn } from "@lib/utils" import { dmSansClassName } from "@/utils/fonts" @@ -69,31 +70,41 @@ export function IntegrationsStep() { if (selectedCard === "Connect to AI") { return setSelectedCard(null)} /> } + if (selectedCard === "Capture") { + return setSelectedCard(null)} /> + } return (
-

+

Build your personal memory

-

- Your supermemory comes alive when you capture and connect what's - important +

+ Your supermemory comes alive when you
capture and connect + what's important

{integrationCards.map((card) => { - const isClickable = card.title === "Connect to AI" + const isClickable = + card.title === "Connect to AI" || card.title === "Capture" if (isClickable) { return ( -
diff --git a/apps/web/app/onboarding/setup/relatable-question.tsx b/apps/web/app/onboarding/setup/relatable-question.tsx index d1770104..b00cd715 100644 --- a/apps/web/app/onboarding/setup/relatable-question.tsx +++ b/apps/web/app/onboarding/setup/relatable-question.tsx @@ -47,7 +47,7 @@ export function RelatableQuestion() { transition={{ duration: 0.6 }} > -

+

What I can do for you

diff --git a/apps/web/app/onboarding/welcome/greeting-step.tsx b/apps/web/app/onboarding/welcome/greeting-step.tsx index 4a0aa1e5..343d0218 100644 --- a/apps/web/app/onboarding/welcome/greeting-step.tsx +++ b/apps/web/app/onboarding/welcome/greeting-step.tsx @@ -14,7 +14,7 @@ export function GreetingStep({ name }: GreetingStepProps) { transition={{ duration: 1, ease: "easeOut" }} layout > -

+

Hi {name}, I'm Nova

diff --git a/apps/web/app/onboarding/welcome/input-step.tsx b/apps/web/app/onboarding/welcome/input-step.tsx index ae567fdb..cac747bf 100644 --- a/apps/web/app/onboarding/welcome/input-step.tsx +++ b/apps/web/app/onboarding/welcome/input-step.tsx @@ -17,7 +17,8 @@ export function InputStep({ }: InputStepProps) { return ( -

+

What should I call you?

@@ -57,7 +58,7 @@ export function InputStep({ handleSubmit() } }, - className: "!text-white placeholder:!text-[#525966] !h-10", + className: "!text-white placeholder:!text-[#525966] !h-[40px] pl-4", }} onChange={(e) => setName((e.target as HTMLInputElement).value)} style={{ diff --git a/apps/web/app/onboarding/welcome/memories-step.tsx b/apps/web/app/onboarding/welcome/memories-step.tsx index 6fdd8610..a2309902 100644 --- a/apps/web/app/onboarding/welcome/memories-step.tsx +++ b/apps/web/app/onboarding/welcome/memories-step.tsx @@ -32,30 +32,23 @@ export function MemoriesStep({ onSubmit }: MemoriesStepProps) { setOtherLinks(updated) } - const removeOtherLink = (index: number) => { - if (otherLinks.length > 1) { - const updated = otherLinks.filter((_, i) => i !== index) - setOtherLinks(updated) - } - } - return ( -

+

Let's add your memories

-
-
+
+
@@ -65,14 +58,14 @@ export function MemoriesStep({ onSubmit }: MemoriesStepProps) { placeholder="x.com/yourhandle" value={twitterHandle} onChange={(e) => setTwitterHandle(e.target.value)} - className="w-full px-4 py-2 bg-[#070E1B] border border-[#525966]/20 rounded-xl text-white placeholder-onboarding focus:outline-none focus:border-[#4A4A4A] transition-colors" + className="w-full px-4 py-2 bg-[#070E1B] border border-[#525966]/20 rounded-xl text-white placeholder-onboarding focus:outline-none focus:border-[#4A4A4A] transition-colors h-[40px]" />
-
+
@@ -82,19 +75,22 @@ export function MemoriesStep({ onSubmit }: MemoriesStepProps) { placeholder="linkedin.com/in/yourname" value={linkedinProfile} onChange={(e) => setLinkedinProfile(e.target.value)} - className="w-full px-4 py-2 bg-[#070E1B] border border-[#525966]/20 rounded-xl text-white placeholder-onboarding focus:outline-none focus:border-[#4A4A4A] transition-colors" + className="w-full px-4 py-2 bg-[#070E1B] border border-[#525966]/20 rounded-xl text-white placeholder-onboarding focus:outline-none focus:border-[#4A4A4A] transition-colors h-[40px]" />
-