perf: frontend

pkg/plugin/handler.py

@@ -3,6 +3,7 @@ from __future__ import annotations
 import typing
 from typing import Any
 import base64
+import traceback
 
 import sqlalchemy
 
@@ -48,6 +49,7 @@ class RuntimeConnectionHandler(handler.Handler):
             install_source = data['install_source']
             install_info = data['install_info']
 
+            try:
                 result = await self.ap.persistence_mgr.execute_async(
                     sqlalchemy.select(persistence_plugin.PluginSetting)
                     .where(persistence_plugin.PluginSetting.plugin_author == plugin_author)
@@ -75,6 +77,11 @@ class RuntimeConnectionHandler(handler.Handler):
                 return handler.ActionResponse.success(
                     data={},
                 )
+            except Exception as e:
+                traceback.print_exc()
+                return handler.ActionResponse.error(
+                    message=f'Failed to initialize plugin settings: {e}',
+                )
 
         @self.action(RuntimeToLangBotAction.GET_PLUGIN_SETTINGS)
         async def get_plugin_settings(data: dict[str, Any]) -> handler.ActionResponse:

web/src/app/home/plugins/page.tsx

@@ -293,7 +293,12 @@ export default function PluginConfigPage() {
           )}
           {pluginInstallStatus === PluginInstallStatus.ASK_CONFIRM && (
             <div className="mt-4">
-              <p className="mb-2">{t('plugins.askConfirm')}</p>
+              <p className="mb-2">
+                {t('plugins.askConfirm', {
+                  name: installInfo.plugin_name,
+                  version: installInfo.plugin_version,
+                })}
+              </p>
             </div>
           )}
           {pluginInstallStatus === PluginInstallStatus.INSTALLING && (

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

@@ -5,7 +5,7 @@ import { Badge } from '@/components/ui/badge';
 import { Switch } from '@/components/ui/switch';
 import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
-import { ExternalLink } from 'lucide-react';
+import { BugIcon, ExternalLink } from 'lucide-react';
 import { getCloudServiceClientSync } from '@/app/infra/http';
 
 export default function PluginCardComponent({
@@ -65,9 +65,12 @@ export default function PluginCardComponent({
                     variant="outline"
                     className="text-[0.7rem] border-orange-400 text-orange-400"
                   >
+                    <BugIcon className="w-4 h-4" />
                     {t('plugins.debugging')}
                   </Badge>
                 )}
+                {!cardVO.debug && (
+                  <>
                     {cardVO.install_source === 'github' && (
                       <Badge
                         variant="outline"
@@ -108,6 +111,8 @@ export default function PluginCardComponent({
                         <ExternalLink className="w-4 h-4" />
                       </Badge>
                     )}
+                  </>
+                )}
               </div>
             </div>
 

web/src/app/home/plugins/plugins.module.css

@@ -13,7 +13,7 @@
   padding-right: 0.8rem;
   padding-top: 2rem;
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
   gap: 2rem;
   justify-items: stretch;
   align-items: start;

web/src/app/infra/http/CloudServiceClient.ts

@@ -21,7 +21,10 @@ export class CloudServiceClient extends BaseHttpClient {
     sort_order?: string,
   ): Promise<ApiRespMarketplacePlugins> {
     return this.get<ApiRespMarketplacePlugins>('/api/v1/marketplace/plugins', {
-      params: { page, page_size, sort_by, sort_order },
+      page,
+      page_size,
+      sort_by,
+      sort_order,
     });
   }
 

web/src/i18n/locales/en-US.ts

@@ -189,6 +189,7 @@ const enUS = {
     uploadSuccess: 'Upload successful',
     uploadFailed: 'Upload failed',
     selectFileToUpload: 'Select plugin file to upload',
+    askConfirm: 'Are you sure to install plugin "{{name}}" ({{version}})?',
     fromGithub: 'From GitHub',
     fromLocal: 'From Local',
     fromMarketplace: 'From Marketplace',

web/src/i18n/locales/ja-JP.ts

@@ -189,6 +189,7 @@ const jaJP = {
     uploadSuccess: 'アップロード成功',
     uploadFailed: 'アップロード失敗',
     selectFileToUpload: 'アップロードするプラグインファイルを選択',
+    askConfirm: 'プラグイン "{{name}}" ({{version}}) をインストールしますか？',
     fromGithub: 'GitHubから',
     fromLocal: 'ローカルから',
     fromMarketplace: 'プラグインマーケットから',

web/src/i18n/locales/zh-Hans.ts

@@ -184,6 +184,7 @@ const zhHans = {
     uploadSuccess: '上传成功',
     uploadFailed: '上传失败',
     selectFileToUpload: '选择要上传的插件文件',
+    askConfirm: '确定要安装插件 "{{name}}" ({{version}}) 吗？',
     fromGithub: '来自 GitHub',
     fromLocal: '来自本地',
     fromMarketplace: '来自市场',