perf: completion some english translation

web/src/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent.tsx

@@ -4,6 +4,7 @@ import { httpClient } from '@/app/infra/http/HttpClient';
 import { Badge } from '@/components/ui/badge';
 import { Switch } from '@/components/ui/switch';
 import { toast } from 'sonner';
+import { useTranslation } from 'react-i18next';
 
 export default function PluginCardComponent({
   cardVO,
@@ -12,6 +13,7 @@ export default function PluginCardComponent({
   cardVO: PluginCardVO;
   onCardClick: () => void;
 }) {
+  const { t } = useTranslation();
   const [enabled, setEnabled] = useState(cardVO.enabled);
   const [switchEnable, setSwitchEnable] = useState(true);
 
@@ -24,7 +26,7 @@ export default function PluginCardComponent({
         setEnabled(!enabled);
       })
       .catch((err) => {
-        toast.error('修改失败：' + err.message);
+        toast.error(t('plugins.modifyFailed') + err.message);
       })
       .finally(() => {
         setSwitchEnable(true);
@@ -75,7 +77,9 @@ export default function PluginCardComponent({
                 <path d="M24 12L18.3431 17.6569L16.9289 16.2426L21.1716 12L16.9289 7.75736L18.3431 6.34315L24 12ZM2.82843 12L7.07107 16.2426L5.65685 17.6569L0 12L5.65685 6.34315L7.07107 7.75736L2.82843 12ZM9.78845 21H7.66009L14.2116 3H16.3399L9.78845 21Z"></path>
               </svg>
               <div className="text-base text-black font-medium">
-                事件 {Object.keys(cardVO.event_handlers).length}
+                {t('plugins.eventCount', {
+                  count: Object.keys(cardVO.event_handlers).length,
+                })}
               </div>
             </div>
 
@@ -89,7 +93,7 @@ export default function PluginCardComponent({
                 <path d="M5.32943 3.27158C6.56252 2.8332 7.9923 3.10749 8.97927 4.09446C10.1002 5.21537 10.3019 6.90741 9.5843 8.23385L20.293 18.9437L18.8788 20.3579L8.16982 9.64875C6.84325 10.3669 5.15069 10.1654 4.02952 9.04421C3.04227 8.05696 2.7681 6.62665 3.20701 5.39332L5.44373 7.63C6.02952 8.21578 6.97927 8.21578 7.56505 7.63C8.15084 7.04421 8.15084 6.09446 7.56505 5.50868L5.32943 3.27158ZM15.6968 5.15512L18.8788 3.38736L20.293 4.80157L18.5252 7.98355L16.7574 8.3371L14.6361 10.4584L13.2219 9.04421L15.3432 6.92289L15.6968 5.15512ZM8.97927 13.2868L10.3935 14.7011L5.09018 20.0044C4.69966 20.3949 4.06649 20.3949 3.67597 20.0044C3.31334 19.6417 3.28744 19.0699 3.59826 18.6774L3.67597 18.5902L8.97927 13.2868Z"></path>
               </svg>
               <div className="text-base text-black font-medium">
-                工具 {cardVO.tools.length}
+                {t('plugins.toolCount', { count: cardVO.tools.length })}
               </div>
             </div>
           </div>

web/src/app/home/plugins/plugin-installed/plugin-form/PluginForm.tsx

@@ -13,6 +13,7 @@ import {
 } from '@/components/ui/dialog';
 import { toast } from 'sonner';
 import { i18nObj } from '@/i18n/I18nProvider';
+import { useTranslation } from 'react-i18next';
 
 enum PluginRemoveStatus {
   WAIT_INPUT = 'WAIT_INPUT',
@@ -31,6 +32,7 @@ export default function PluginForm({
   onFormSubmit: () => void;
   onFormCancel: () => void;
 }) {
+  const { t } = useTranslation();
   const [pluginInfo, setPluginInfo] = useState<Plugin>();
   const [pluginConfig, setPluginConfig] = useState<ApiRespPluginConfig>();
   const [isSaving, setIsLoading] = useState(false);
@@ -117,20 +119,23 @@ export default function PluginForm({
       >
         <DialogContent>
           <DialogHeader>
-            <DialogTitle>删除确认</DialogTitle>
+            <DialogTitle>{t('plugins.deleteConfirm')}</DialogTitle>
           </DialogHeader>
           <DialogDescription>
             {pluginRemoveStatus === PluginRemoveStatus.WAIT_INPUT && (
               <div>
-                你确定要删除插件（{pluginAuthor}/{pluginName}）吗？
+                {t('plugins.confirmDeletePlugin', {
+                  author: pluginAuthor,
+                  name: pluginName,
+                })}
               </div>
             )}
             {pluginRemoveStatus === PluginRemoveStatus.REMOVING && (
-              <div>删除中...</div>
+              <div>{t('plugins.deleting')}</div>
             )}
             {pluginRemoveStatus === PluginRemoveStatus.ERROR && (
               <div>
-                删除失败：
+                {t('plugins.deleteError')}
                 <div className="text-red-500">{pluginRemoveError}</div>
               </div>
             )}
@@ -144,7 +149,7 @@ export default function PluginForm({
                   setPluginRemoveStatus(PluginRemoveStatus.WAIT_INPUT);
                 }}
               >
-                取消
+                {t('plugins.cancel')}
               </Button>
             )}
             {pluginRemoveStatus === PluginRemoveStatus.WAIT_INPUT && (
@@ -154,12 +159,12 @@ export default function PluginForm({
                   deletePlugin();
                 }}
               >
-                确认删除
+                {t('plugins.confirmDelete')}
               </Button>
             )}
             {pluginRemoveStatus === PluginRemoveStatus.REMOVING && (
               <Button variant="destructive" disabled>
-                删除中...
+                {t('plugins.deleting')}
               </Button>
             )}
             {pluginRemoveStatus === PluginRemoveStatus.ERROR && (
@@ -170,7 +175,7 @@ export default function PluginForm({
                   // setPluginRemoveStatus(PluginRemoveStatus.WAIT_INPUT);
                 }}
               >
-                关闭
+                {t('plugins.close')}
               </Button>
             )}
           </DialogFooter>
@@ -199,7 +204,9 @@ export default function PluginForm({
           />
         )}
         {pluginInfo.config_schema.length === 0 && (
-          <div className="text-sm text-gray-500">该插件没有配置项。</div>
+          <div className="text-sm text-gray-500">
+            {t('plugins.pluginNoConfig')}
+          </div>
         )}
       </div>
 
@@ -214,8 +221,8 @@ export default function PluginForm({
             disabled={pluginRemoveStatus === PluginRemoveStatus.REMOVING}
           >
             {pluginRemoveStatus === PluginRemoveStatus.REMOVING
-              ? '删除中...'
-              : '删除插件'}
+              ? t('plugins.deleting')
+              : t('plugins.deletePlugin')}
           </Button>
 
           <Button
@@ -223,10 +230,10 @@ export default function PluginForm({
             onClick={() => handleSubmit(pluginConfig.config)}
             disabled={isSaving}
           >
-            {isSaving ? '保存中...' : '保存配置'}
+            {isSaving ? t('plugins.saving') : t('plugins.saveConfig')}
           </Button>
           <Button type="button" variant="outline" onClick={onFormCancel}>
-            取消
+            {t('plugins.cancel')}
           </Button>
         </div>
       </div>