diff --git a/packages/browseros-agent/apps/agent/components/auth/CloudSyncDisclosure.tsx b/packages/browseros-agent/apps/agent/components/auth/CloudSyncDisclosure.tsx new file mode 100644 index 000000000..8738063f9 --- /dev/null +++ b/packages/browseros-agent/apps/agent/components/auth/CloudSyncDisclosure.tsx @@ -0,0 +1,40 @@ +import { cloudSyncSignInLinks } from '@/lib/constants/productUrls' +import { cn } from '@/lib/utils' + +interface CloudSyncDisclosureProps { + className?: string +} + +export function CloudSyncDisclosure({ className }: CloudSyncDisclosureProps) { + const [termsLink, privacyLink, cloudSyncLink] = cloudSyncSignInLinks + + return ( +

+ By signing in, you agree to the and + acknowledge the .{' '} + . +

+ ) +} + +function DisclosureLink({ + link, +}: { + link: (typeof cloudSyncSignInLinks)[number] +}) { + return ( + + {link.label} + + ) +} diff --git a/packages/browseros-agent/apps/agent/entrypoints/app/login/LoginPage.tsx b/packages/browseros-agent/apps/agent/entrypoints/app/login/LoginPage.tsx index 2c7f02343..3e97ecc53 100644 --- a/packages/browseros-agent/apps/agent/entrypoints/app/login/LoginPage.tsx +++ b/packages/browseros-agent/apps/agent/entrypoints/app/login/LoginPage.tsx @@ -8,6 +8,7 @@ import { import type { FC } from 'react' import { useEffect, useState } from 'react' import { useNavigate } from 'react-router' +import { CloudSyncDisclosure } from '@/components/auth/CloudSyncDisclosure' import { Alert, AlertDescription } from '@/components/ui/alert' import { Button } from '@/components/ui/button' import { @@ -199,6 +200,8 @@ export const LoginPage: FC = () => { )} Continue with Google + + ) diff --git a/packages/browseros-agent/apps/agent/entrypoints/onboarding/steps/StepTwo.tsx b/packages/browseros-agent/apps/agent/entrypoints/onboarding/steps/StepTwo.tsx index accb986cf..a7eab46d9 100644 --- a/packages/browseros-agent/apps/agent/entrypoints/onboarding/steps/StepTwo.tsx +++ b/packages/browseros-agent/apps/agent/entrypoints/onboarding/steps/StepTwo.tsx @@ -1,5 +1,6 @@ import { AlertCircle, CheckCircle2, Loader2, Mail } from 'lucide-react' import { useState } from 'react' +import { CloudSyncDisclosure } from '@/components/auth/CloudSyncDisclosure' import { Alert, AlertDescription } from '@/components/ui/alert' import { Button } from '@/components/ui/button' import { Input } from '@/components/ui/input' @@ -199,6 +200,8 @@ export const StepTwo = ({ direction, onContinue }: StepTwoProps) => { + +