feat: tag debugging plugins in webui

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

@@ -7,7 +7,13 @@ import PluginSortDialog from '@/app/home/plugins/plugin-sort/PluginSortDialog';
 import styles from './plugins.module.css';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/components/ui/button';
-import { PlusIcon } from 'lucide-react';
+import { PlusIcon, ChevronDownIcon, UploadIcon, StoreIcon } from 'lucide-react';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
 import {
   Dialog,
   DialogContent,
@@ -32,6 +38,7 @@ export default function PluginConfigPage() {
   const { t } = useTranslation();
   const [modalOpen, setModalOpen] = useState(false);
   const [sortModalOpen, setSortModalOpen] = useState(false);
+  const [activeTab, setActiveTab] = useState('installed');
   const [pluginInstallStatus, setPluginInstallStatus] =
     useState<PluginInstallStatus>(PluginInstallStatus.WAIT_INPUT);
   const [installError, setInstallError] = useState<string | null>(null);
@@ -83,7 +90,7 @@ export default function PluginConfigPage() {
 
   return (
     <div className={styles.pageContainer}>
-      <Tabs defaultValue="installed" className="w-full">
+      <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
         <div className="flex flex-row justify-between items-center px-[0.8rem]">
           <TabsList className="shadow-md py-5 bg-[#f0f0f0]">
             <TabsTrigger value="installed" className="px-6 py-4 cursor-pointer">
@@ -104,18 +111,34 @@ export default function PluginConfigPage() {
             >
               {t('plugins.arrange')}
             </Button>
-            <Button
-              variant="default"
-              className="px-6 py-4 cursor-pointer"
-              onClick={() => {
-                setModalOpen(true);
-                setPluginInstallStatus(PluginInstallStatus.WAIT_INPUT);
-                setInstallError(null);
-              }}
-            >
-              <PlusIcon className="w-4 h-4" />
-              {t('plugins.install')}
-            </Button>
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button variant="default" className="px-6 py-4 cursor-pointer">
+                  <PlusIcon className="w-4 h-4" />
+                  {t('plugins.install')}
+                  <ChevronDownIcon className="ml-2 w-4 h-4" />
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end">
+                <DropdownMenuItem
+                  onClick={() => {
+                    // TODO: 本地上传功能待实现
+                    console.log('本地上传功能待实现');
+                  }}
+                >
+                  <UploadIcon className="w-4 h-4" />
+                  {t('plugins.uploadLocal')}
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => {
+                    setActiveTab('market');
+                  }}
+                >
+                  <StoreIcon className="w-4 h-4" />
+                  {t('plugins.marketplace')}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
           </div>
         </div>
         <TabsContent value="installed">

web/src/app/home/plugins/plugin-installed/PluginCardVO.ts

@@ -9,6 +9,7 @@ export interface IPluginCardVO {
   tools: object[];
   event_handlers: object;
   repository: string;
+  debug: boolean;
 }
 
 export class PluginCardVO implements IPluginCardVO {
@@ -18,6 +19,7 @@ export class PluginCardVO implements IPluginCardVO {
   version: string;
   enabled: boolean;
   priority: number;
+  debug: boolean;
   status: string;
   tools: object[];
   event_handlers: object;
@@ -34,5 +36,6 @@ export class PluginCardVO implements IPluginCardVO {
     this.status = prop.status;
     this.tools = prop.tools;
     this.version = prop.version;
+    this.debug = prop.debug;
   }
 }

web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx

@@ -50,6 +50,7 @@ const PluginInstalledComponent = forwardRef<PluginInstalledComponentRef>(
                   zh_Hans: '',
                 },
               ),
+              debug: plugin.debug,
               enabled: plugin.enabled,
               name: plugin.manifest.manifest.metadata.name,
               version: plugin.manifest.manifest.metadata.version ?? '',

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

@@ -58,6 +58,14 @@ export default function PluginCardComponent({
                 <Badge variant="outline" className="text-[0.7rem]">
                   v{cardVO.version}
                 </Badge>
+                {cardVO.debug && (
+                  <Badge
+                    variant="outline"
+                    className="text-[0.7rem] border-orange-400 text-orange-400"
+                  >
+                    {t('plugins.debugging')}
+                  </Badge>
+                )}
               </div>
             </div>
 

web/src/app/infra/entities/plugin/index.ts

@@ -7,6 +7,7 @@ export interface Plugin {
   manifest: {
     manifest: ComponentManifest;
   };
+  debug: boolean;
   enabled: boolean;
   components: {
     component_config: object;