From 041dbd482d20849cb5d7cbcd0c4cf3dc7279c261 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Tue, 13 Jan 2026 11:43:49 +0800
Subject: [PATCH] fix(sandbox-provider): use i18n for provider card
 descriptions

Use PROVIDER_DESCRIPTION_KEYS mapping to display localized descriptions
instead of raw backend data, ensuring descriptions match Figma design.
---
 .../sandbox-provider-page/provider-card.tsx              | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/app/components/header/account-setting/sandbox-provider-page/provider-card.tsx b/web/app/components/header/account-setting/sandbox-provider-page/provider-card.tsx
index e4c3cfc92d..235a54afd3 100644
--- a/web/app/components/header/account-setting/sandbox-provider-page/provider-card.tsx
+++ b/web/app/components/header/account-setting/sandbox-provider-page/provider-card.tsx
@@ -23,6 +23,13 @@ const PROVIDER_ICONS: Record<string, string> = {
   local: '/sandbox-providers/local.svg',
 }
 
+const PROVIDER_DESCRIPTION_KEYS = {
+  e2b: 'sandboxProvider.e2b.description',
+  daytona: 'sandboxProvider.daytona.description',
+  docker: 'sandboxProvider.docker.description',
+  local: 'sandboxProvider.local.description',
+} as const
+
 const ProviderIcon = ({ providerType }: { providerType: string }) => {
   const iconSrc = PROVIDER_ICONS[providerType] || PROVIDER_ICONS.e2b
 
@@ -72,7 +79,7 @@ const ProviderCard = ({
           )}
         </div>
         <div className="system-xs-regular text-text-tertiary">
-          {provider.description}
+          {t(PROVIDER_DESCRIPTION_KEYS[provider.provider_type as keyof typeof PROVIDER_DESCRIPTION_KEYS] ?? 'sandboxProvider.e2b.description', { ns: 'common' })}
         </div>
       </div>