Feature/ecs behavior tree (#188)

* feat(behavior-tree): 完全 ECS 化的行为树系统

* feat(editor-app): 添加行为树可视化编辑器

* chore: 移除 Cocos Creator 扩展目录

* feat(editor-app): 行为树编辑器功能增强

* fix(editor-app): 修复 TypeScript 类型错误

* feat(editor-app): 使用 FlexLayout 重构面板系统并优化资产浏览器

* feat(editor-app): 改进编辑器UI样式并修复行为树执行顺序

* feat(behavior-tree,editor-app): 添加装饰器系统并优化编辑器性能

* feat(behavior-tree,editor-app): 添加属性绑定系统

* feat(editor-app,behavior-tree): 优化编辑器UI并改进行为树功能

* feat(editor-app,behavior-tree): 添加全局黑板系统并增强资产浏览器功能

* feat(behavior-tree,editor-app): 添加运行时资产导出系统

* feat(behavior-tree,editor-app): 添加SubTree系统和资产选择器

* feat(behavior-tree,editor-app): 优化系统架构并改进编辑器文件管理

* fix(behavior-tree,editor-app): 修复SubTree节点错误显示空节点警告

* fix(editor-app): 修复局部黑板类型定义文件扩展名错误

packages/editor-app/src/components/PluginManagerWindow.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { EditorPluginManager, IEditorPluginMetadata, EditorPluginCategory } from '@esengine/editor-core';
+import * as LucideIcons from 'lucide-react';
 import { Package, CheckCircle, XCircle, Search, Grid, List, ChevronDown, ChevronRight, X } from 'lucide-react';
 import '../styles/PluginManagerWindow.css';
 
@@ -9,11 +10,11 @@ interface PluginManagerWindowProps {
 }
 
 const categoryIcons: Record<EditorPluginCategory, string> = {
-    [EditorPluginCategory.Tool]: '🔧',
-    [EditorPluginCategory.Window]: '🪟',
-    [EditorPluginCategory.Inspector]: '🔍',
-    [EditorPluginCategory.System]: '⚙️',
-    [EditorPluginCategory.ImportExport]: '📦'
+    [EditorPluginCategory.Tool]: 'Wrench',
+    [EditorPluginCategory.Window]: 'LayoutGrid',
+    [EditorPluginCategory.Inspector]: 'Search',
+    [EditorPluginCategory.System]: 'Settings',
+    [EditorPluginCategory.ImportExport]: 'Package'
 };
 
 const categoryNames: Record<EditorPluginCategory, string> = {
@@ -86,70 +87,80 @@ export function PluginManagerWindow({ pluginManager, onClose }: PluginManagerWin
     const enabledCount = plugins.filter(p => p.enabled).length;
     const disabledCount = plugins.filter(p => !p.enabled).length;
 
-    const renderPluginCard = (plugin: IEditorPluginMetadata) => (
-        <div key={plugin.name} className={`plugin-card ${plugin.enabled ? 'enabled' : 'disabled'}`}>
-            <div className="plugin-card-header">
-                <div className="plugin-card-icon">
-                    {plugin.icon || <Package size={24} />}
+    const renderPluginCard = (plugin: IEditorPluginMetadata) => {
+        const IconComponent = plugin.icon ? (LucideIcons as any)[plugin.icon] : null;
+        return (
+            <div key={plugin.name} className={`plugin-card ${plugin.enabled ? 'enabled' : 'disabled'}`}>
+                <div className="plugin-card-header">
+                    <div className="plugin-card-icon">
+                        {IconComponent ? <IconComponent size={24} /> : <Package size={24} />}
+                    </div>
+                    <div className="plugin-card-info">
+                        <div className="plugin-card-title">{plugin.displayName}</div>
+                        <div className="plugin-card-version">v{plugin.version}</div>
+                    </div>
+                    <button
+                        className={`plugin-toggle ${plugin.enabled ? 'enabled' : 'disabled'}`}
+                        onClick={() => togglePlugin(plugin.name, plugin.enabled)}
+                        title={plugin.enabled ? 'Disable plugin' : 'Enable plugin'}
+                    >
+                        {plugin.enabled ? <CheckCircle size={18} /> : <XCircle size={18} />}
+                    </button>
                 </div>
-                <div className="plugin-card-info">
-                    <div className="plugin-card-title">{plugin.displayName}</div>
-                    <div className="plugin-card-version">v{plugin.version}</div>
+                {plugin.description && (
+                    <div className="plugin-card-description">{plugin.description}</div>
+                )}
+                <div className="plugin-card-footer">
+                    <span className="plugin-card-category">
+                        {(() => {
+                            const CategoryIcon = (LucideIcons as any)[categoryIcons[plugin.category]];
+                            return CategoryIcon ? <CategoryIcon size={14} style={{ marginRight: '4px' }} /> : null;
+                        })()}
+                        {categoryNames[plugin.category]}
+                    </span>
+                    {plugin.installedAt && (
+                        <span className="plugin-card-installed">
+                            Installed: {new Date(plugin.installedAt).toLocaleDateString()}
+                        </span>
+                    )}
+                </div>
+            </div>
+        );
+    };
+
+    const renderPluginList = (plugin: IEditorPluginMetadata) => {
+        const IconComponent = plugin.icon ? (LucideIcons as any)[plugin.icon] : null;
+        return (
+            <div key={plugin.name} className={`plugin-list-item ${plugin.enabled ? 'enabled' : 'disabled'}`}>
+                <div className="plugin-list-icon">
+                    {IconComponent ? <IconComponent size={20} /> : <Package size={20} />}
+                </div>
+                <div className="plugin-list-info">
+                    <div className="plugin-list-name">
+                        {plugin.displayName}
+                        <span className="plugin-list-version">v{plugin.version}</span>
+                    </div>
+                    {plugin.description && (
+                        <div className="plugin-list-description">{plugin.description}</div>
+                    )}
+                </div>
+                <div className="plugin-list-status">
+                    {plugin.enabled ? (
+                        <span className="status-badge enabled">Enabled</span>
+                    ) : (
+                        <span className="status-badge disabled">Disabled</span>
+                    )}
                 </div>
                 <button
-                    className={`plugin-toggle ${plugin.enabled ? 'enabled' : 'disabled'}`}
+                    className="plugin-list-toggle"
                     onClick={() => togglePlugin(plugin.name, plugin.enabled)}
                     title={plugin.enabled ? 'Disable plugin' : 'Enable plugin'}
                 >
-                    {plugin.enabled ? <CheckCircle size={18} /> : <XCircle size={18} />}
+                    {plugin.enabled ? 'Disable' : 'Enable'}
                 </button>
             </div>
-            {plugin.description && (
-                <div className="plugin-card-description">{plugin.description}</div>
-            )}
-            <div className="plugin-card-footer">
-                <span className="plugin-card-category">
-                    {categoryIcons[plugin.category]} {categoryNames[plugin.category]}
-                </span>
-                {plugin.installedAt && (
-                    <span className="plugin-card-installed">
-                        Installed: {new Date(plugin.installedAt).toLocaleDateString()}
-                    </span>
-                )}
-            </div>
-        </div>
-    );
-
-    const renderPluginList = (plugin: IEditorPluginMetadata) => (
-        <div key={plugin.name} className={`plugin-list-item ${plugin.enabled ? 'enabled' : 'disabled'}`}>
-            <div className="plugin-list-icon">
-                {plugin.icon || <Package size={20} />}
-            </div>
-            <div className="plugin-list-info">
-                <div className="plugin-list-name">
-                    {plugin.displayName}
-                    <span className="plugin-list-version">v{plugin.version}</span>
-                </div>
-                {plugin.description && (
-                    <div className="plugin-list-description">{plugin.description}</div>
-                )}
-            </div>
-            <div className="plugin-list-status">
-                {plugin.enabled ? (
-                    <span className="status-badge enabled">Enabled</span>
-                ) : (
-                    <span className="status-badge disabled">Disabled</span>
-                )}
-            </div>
-            <button
-                className="plugin-list-toggle"
-                onClick={() => togglePlugin(plugin.name, plugin.enabled)}
-                title={plugin.enabled ? 'Disable plugin' : 'Enable plugin'}
-            >
-                {plugin.enabled ? 'Disable' : 'Enable'}
-            </button>
-        </div>
-    );
+        );
+    };
 
     return (
         <div className="plugin-manager-overlay" onClick={onClose}>
@@ -227,7 +238,12 @@ export function PluginManagerWindow({ pluginManager, onClose }: PluginManagerWin
                                             <button className="plugin-category-toggle">
                                                 {isExpanded ? <ChevronDown size={16} /> : <ChevronRight size={16} />}
                                             </button>
-                                            <span className="plugin-category-icon">{categoryIcons[cat]}</span>
+                                            <span className="plugin-category-icon">
+                                                {(() => {
+                                                    const CategoryIcon = (LucideIcons as any)[categoryIcons[cat]];
+                                                    return CategoryIcon ? <CategoryIcon size={16} /> : null;
+                                                })()}
+                                            </span>
                                             <span className="plugin-category-name">{categoryNames[cat]}</span>
                                             <span className="plugin-category-count">
                                                 {categoryPlugins.length}