RooCodeInc · mrubens · May 29, 2025 · May 29, 2025
@@ -13,6 +13,8 @@ type AccountViewProps = {
 export const AccountView = ({ userInfo, onDone }: AccountViewProps) => {
 	const { t } = useAppTranslation()
 
+	const rooLogoUri = (window as any).IMAGES_BASE_URI + "/roo-logo.svg"
+
 	return (
 		<div className="flex flex-col h-full p-4 bg-vscode-editor-background">
 			<div className="flex justify-between items-center mb-6">
@@ -53,16 +55,23 @@ export const AccountView = ({ userInfo, onDone }: AccountViewProps) => {
 				</>
 			) : (
 				<>
-					<div className="flex flex-col items-center mb-6 text-center">
-						<div className="w-16 h-16 mb-3 rounded-full overflow-hidden bg-vscode-button-background flex items-center justify-center">
-							<span className="codicon codicon-account text-3xl"></span>
+					<div className="flex flex-col items-center mb-4 text-center">
+						<div className="w-16 h-16 mb-4 flex items-center justify-center">
+							<div
+								className="w-12 h-12 bg-vscode-foreground"
+								style={{
+									WebkitMaskImage: `url('${rooLogoUri}')`,
+									WebkitMaskRepeat: "no-repeat",
+									WebkitMaskSize: "contain",
+									maskImage: `url('${rooLogoUri}')`,
+									maskRepeat: "no-repeat",
+									maskSize: "contain",
+								}}>
+								<img src={rooLogoUri} alt="Roo logo" className="w-12 h-12 opacity-0" />
+							</div>
 						</div>
-						<h2 className="text-lg font-medium text-vscode-foreground mb-1">{t("account:signUpTitle")}</h2>
-						<p className="text-sm text-vscode-descriptionForeground max-w-xs">
-							{t("account:signUpDescription")}
-						</p>
 					</div>
-					<div className="flex flex-col gap-2 mt-4">
+					<div className="flex flex-col gap-4">
 						<VSCodeButton
 							appearance="primary"
 							onClick={() => vscode.postMessage({ type: "rooCloudSignIn" })}

@@ -4,7 +4,5 @@
 	"unknownUser": "Usuari desconegut",
 	"logOut": "Tancar sessió",
 	"testApiAuthentication": "Provar autenticació d'API",
-	"signUpTitle": "Inicia sessió al teu compte",
-	"signUpDescription": "Inicia sessió per accedir a les funcions i configuracions personalitzades de Roo.",
-	"signIn": "Inicia sessió a Roo Code Cloud"
+	"signIn": "Connecta't a Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Unbekannter Benutzer",
 	"logOut": "Abmelden",
 	"testApiAuthentication": "API-Authentifizierung testen",
-	"signUpTitle": "Melde dich bei deinem Konto an",
-	"signUpDescription": "Melde dich an, um auf Roos personalisierte Funktionen und Einstellungen zuzugreifen.",
-	"signIn": "Melde dich bei Roo Code Cloud an"
+	"signIn": "Mit Roo Code Cloud verbinden"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Unknown User",
 	"logOut": "Log out",
 	"testApiAuthentication": "Test API Authentication",
-	"signUpTitle": "Sign in to your account",
-	"signUpDescription": "Sign in to access Roo's personalized features and settings.",
-	"signIn": "Sign in to Roo Code Cloud"
+	"signIn": "Connect to Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Usuario desconocido",
 	"logOut": "Cerrar sesión",
 	"testApiAuthentication": "Probar autenticación de API",
-	"signUpTitle": "Inicia sesión en tu cuenta",
-	"signUpDescription": "Inicia sesión para acceder a las funciones y ajustes personalizados de Roo.",
-	"signIn": "Iniciar sesión en Roo Code Cloud"
+	"signIn": "Conectar a Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Utilisateur inconnu",
 	"logOut": "Déconnexion",
 	"testApiAuthentication": "Tester l'authentification API",
-	"signUpTitle": "Connecte-toi à ton compte",
-	"signUpDescription": "Connecte-toi pour accéder aux fonctionnalités et paramètres personnalisés de Roo.",
 	"signIn": "Se connecter à Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "अज्ञात उपयोगकर्ता",
 	"logOut": "लॉग आउट",
 	"testApiAuthentication": "API प्रमाणीकरण का परीक्षण करें",
-	"signUpTitle": "अपने खाते में साइन इन करें",
-	"signUpDescription": "Roo की व्यक्तिगत सुविधाओं और सेटिंग्स तक पहुँचने के लिए साइन इन करें।",
-	"signIn": "Roo Code Cloud में साइन इन करें"
+	"signIn": "Roo Code Cloud से कनेक्ट करें"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Utente sconosciuto",
 	"logOut": "Disconnetti",
 	"testApiAuthentication": "Verifica autenticazione API",
-	"signUpTitle": "Accedi al tuo account",
-	"signUpDescription": "Accedi per accedere alle funzionalità e alle impostazioni personalizzate di Roo.",
-	"signIn": "Accedi a Roo Code Cloud"
+	"signIn": "Connetti a Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "不明なユーザー",
 	"logOut": "ログアウト",
 	"testApiAuthentication": "API認証をテスト",
-	"signUpTitle": "アカウントにサインイン",
-	"signUpDescription": "サインインして、Roo のパーソナライズされた機能と設定にアクセスします。",
-	"signIn": "Roo Code Cloud にサインイン"
+	"signIn": "Roo Code Cloud に接続"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "알 수 없는 사용자",
 	"logOut": "로그아웃",
 	"testApiAuthentication": "API 인증 테스트",
-	"signUpTitle": "계정에 로그인",
-	"signUpDescription": "로그인하여 Roo의 개인 설정 기능 및 설정에 액세스하세요.",
-	"signIn": "Roo Code Cloud에 로그인"
+	"signIn": "Roo Code Cloud에 연결"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Onbekende gebruiker",
 	"logOut": "Uitloggen",
 	"testApiAuthentication": "API-authenticatie testen",
-	"signUpTitle": "Meld je aan bij je account",
-	"signUpDescription": "Meld je aan om toegang te krijgen tot Roo's gepersonaliseerde functies en instellingen.",
-	"signIn": "Meld je aan bij Roo Code Cloud"
+	"signIn": "Verbind met Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Nieznany użytkownik",
 	"logOut": "Wyloguj",
 	"testApiAuthentication": "Testuj uwierzytelnianie API",
-	"signUpTitle": "Zaloguj się do swojego konta",
-	"signUpDescription": "Zaloguj się, aby uzyskać dostęp do spersonalizowanych funkcji i ustawień Roo.",
-	"signIn": "Zaloguj się do Roo Code Cloud"
+	"signIn": "Połącz z Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Usuário desconhecido",
 	"logOut": "Sair",
 	"testApiAuthentication": "Testar Autenticação de API",
-	"signUpTitle": "Entre na sua conta",
-	"signUpDescription": "Entre para acessar os recursos e configurações personalizados do Roo.",
-	"signIn": "Entrar no Roo Code Cloud"
+	"signIn": "Conectar ao Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Неизвестный пользователь",
 	"logOut": "Выход",
 	"testApiAuthentication": "Проверить аутентификацию API",
-	"signUpTitle": "Войдите в свой аккаунт",
-	"signUpDescription": "Войдите, чтобы получить доступ к персонализированным функциям и настройкам Roo.",
-	"signIn": "Войти в Roo Code Cloud"
+	"signIn": "Подключиться к Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Bilinmeyen kullanıcı",
 	"logOut": "Çıkış yap",
 	"testApiAuthentication": "API Kimlik Doğrulamayı Test Et",
-	"signUpTitle": "Hesabınıza giriş yapın",
-	"signUpDescription": "Roo'nun kişiselleştirilmiş özelliklerine ve ayarlarına erişmek için giriş yapın.",
-	"signIn": "Roo Code Cloud'a giriş yapın"
+	"signIn": "Roo Code Cloud'a bağlan"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "Người dùng không xác định",
 	"logOut": "Đăng xuất",
 	"testApiAuthentication": "Kiểm tra xác thực API",
-	"signUpTitle": "Đăng nhập vào tài khoản của bạn",
-	"signUpDescription": "Đăng nhập để truy cập các tính năng và cài đặt được cá nhân hóa của Roo.",
-	"signIn": "Đăng nhập vào Roo Code Cloud"
+	"signIn": "Kết nối với Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "未知用户",
 	"logOut": "退出登录",
 	"testApiAuthentication": "测试 API 认证",
-	"signUpTitle": "登录你的账户",
-	"signUpDescription": "登录以访问 Roo 的个性化功能和设置。",
-	"signIn": "登录 Roo Code Cloud"
+	"signIn": "连接到 Roo Code Cloud"
 }
@@ -4,7 +4,5 @@
 	"unknownUser": "未知使用者",
 	"logOut": "登出",
 	"testApiAuthentication": "測試 API 認證",
-	"signUpTitle": "登入你的帳戶",
-	"signUpDescription": "登入以存取 Roo 的個人化功能和設定。",
-	"signIn": "登入 Roo Code Cloud"
+	"signIn": "連接到 Roo Code Cloud"
 }