diff --git a/frontend/src/app/components/Onboarding/flow/Payoff.tsx b/frontend/src/app/components/Onboarding/flow/Payoff.tsx index 6dd31cae..31437e6e 100644 --- a/frontend/src/app/components/Onboarding/flow/Payoff.tsx +++ b/frontend/src/app/components/Onboarding/flow/Payoff.tsx @@ -69,35 +69,32 @@ export const Payoff: React.FC<{ marginTop: 16, display: 'flex', alignItems: 'center', + justifyContent: 'space-between', gap: 12, - color: S.muted, - fontSize: 13, borderTop: `1px solid ${S.border}`, paddingTop: 14, }} > - + - Cowork - Opus 4.8 + a real agent goes and does this, live - Run + Do it →
-
Ideas for you
+
Or put me on one of these
{ideas.map((idea) => ( onPickIdea(idea)} /> ))} diff --git a/frontend/src/app/components/Onboarding/flow/steps/PersonalizeConsent.tsx b/frontend/src/app/components/Onboarding/flow/steps/PersonalizeConsent.tsx index 4fb19dde..b8701ae3 100644 --- a/frontend/src/app/components/Onboarding/flow/steps/PersonalizeConsent.tsx +++ b/frontend/src/app/components/Onboarding/flow/steps/PersonalizeConsent.tsx @@ -1,15 +1,15 @@ -// D3: the personalize consent. The line reveals word-by-word (smooth, layout-stable, no jumpy -// caret), then a single Yes. "Yes" authorizes the (later) background profiling read; copy says so. +// D3: the personalize consent. Short question reveals word-by-word, then a small explainer + Yes. +// "Yes" authorizes the (later) background profiling read; the sub-line says exactly what that means. import React, { useEffect, useMemo, useState } from 'react'; import { useReducedMotion } from '@/shared/hooks/useReducedMotion'; import { useOnboardingSkin } from '../onboardingSkin'; import { PrimaryButton, GhostLink } from '../OnboardingAtoms'; -const LINE = - "Want me to actually get you? Say yes and I'll take a quick look at whatever you connect, so everything I show is aimed at your world, not a generic demo."; +const LINE = 'Want me to make this yours?'; +const SUB = "I'll take a quick look at what you connect, nothing else."; -const WORD_STAGGER_S = 0.055; +const WORD_STAGGER_S = 0.06; const WORD_DUR_S = 0.5; export const PersonalizeConsent: React.FC<{ onConsent: (yes: boolean) => void }> = ({ onConsent }) => { @@ -28,7 +28,7 @@ export const PersonalizeConsent: React.FC<{ onConsent: (yes: boolean) => void }> return ( <> -
+
{words.map((w, i) => ( void }> ))}
+
+ {SUB} +
+ +