diff --git a/web/src/components/auth/OnboardingModeSelector.tsx b/web/src/components/auth/OnboardingModeSelector.tsx new file mode 100644 index 0000000000..5d403a3ae2 --- /dev/null +++ b/web/src/components/auth/OnboardingModeSelector.tsx @@ -0,0 +1,75 @@ +import type { UserMode } from '../../lib/onboarding' + +interface OnboardingModeSelectorProps { + language: string + mode: UserMode + onChange: (mode: UserMode) => void +} + +export function OnboardingModeSelector({ + language, + mode, + onChange, +}: OnboardingModeSelectorProps) { + const isZh = language === 'zh' + + const options: Array<{ + id: UserMode + title: string + badge?: string + description: string + }> = [ + { + id: 'beginner', + title: isZh ? '新手模式' : 'Beginner Mode', + badge: isZh ? '推荐' : 'Recommended', + description: isZh + ? '自动生成 Base 钱包,默认接入 Claw402 + DeepSeek,最快完成首次启动。' + : 'Generate a Base wallet automatically and start with Claw402 + DeepSeek by default.', + }, + { + id: 'advanced', + title: isZh ? '老手模式' : 'Advanced Mode', + description: isZh + ? '保持现在的完整配置流程,你自己决定模型、钱包和交易所。' + : 'Keep the full manual flow and configure models, wallets, and exchanges yourself.', + }, + ] + + return ( +
{ts(indicator.oiRankingDesc, language)}
{config.enable_oi_ranking && ({ts(indicator.netflowRankingDesc, language)}
{config.enable_netflow_ranking && ({ts(indicator.priceRankingDesc, language)}
{config.enable_price_ranking && (+ {card.desc} +
+
- {newWalletKey}
-
- {walletAddress}
+ {resolvedWalletAddress}
{walletAddress}
+ {resolvedWalletAddress}
{t('noStrategyHint', language)}
diff --git a/web/src/components/trader/model-constants.ts b/web/src/components/trader/model-constants.ts
index cb741e2742..2b53be37f4 100644
--- a/web/src/components/trader/model-constants.ts
+++ b/web/src/components/trader/model-constants.ts
@@ -91,7 +91,7 @@ export const AI_PROVIDER_CONFIG: Record {user?.email}
+ {isZh ? '钱包已经帮你准备好了' : 'Your wallet is ready'}
+
+
+ {language === 'zh' + ? '新手模式会显示钱包引导和 4 步卡片;老手模式保持原来的专业界面。' + : 'Beginner mode shows wallet onboarding and quickstart cards. Advanced mode keeps the original pro workflow.'} +
+