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/Toast.tsx

@@ -0,0 +1,88 @@
+import { createContext, useContext, useState, useCallback, ReactNode } from 'react';
+import { CheckCircle, XCircle, AlertCircle, Info, X } from 'lucide-react';
+import '../styles/Toast.css';
+
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+
+export interface Toast {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration?: number;
+}
+
+interface ToastContextValue {
+    showToast: (message: string, type?: ToastType, duration?: number) => void;
+    hideToast: (id: string) => void;
+}
+
+const ToastContext = createContext<ToastContextValue | null>(null);
+
+export const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within ToastProvider');
+    }
+    return context;
+};
+
+interface ToastProviderProps {
+    children: ReactNode;
+}
+
+export const ToastProvider: React.FC<ToastProviderProps> = ({ children }) => {
+    const [toasts, setToasts] = useState<Toast[]>([]);
+
+    const showToast = useCallback((message: string, type: ToastType = 'info', duration: number = 3000) => {
+        const id = `toast-${Date.now()}-${Math.random()}`;
+        const toast: Toast = { id, message, type, duration };
+
+        setToasts(prev => [...prev, toast]);
+
+        if (duration > 0) {
+            setTimeout(() => {
+                hideToast(id);
+            }, duration);
+        }
+    }, []);
+
+    const hideToast = useCallback((id: string) => {
+        setToasts(prev => prev.filter(t => t.id !== id));
+    }, []);
+
+    const getIcon = (type: ToastType) => {
+        switch (type) {
+            case 'success':
+                return <CheckCircle size={20} />;
+            case 'error':
+                return <XCircle size={20} />;
+            case 'warning':
+                return <AlertCircle size={20} />;
+            case 'info':
+                return <Info size={20} />;
+        }
+    };
+
+    return (
+        <ToastContext.Provider value={{ showToast, hideToast }}>
+            {children}
+            <div className="toast-container">
+                {toasts.map(toast => (
+                    <div key={toast.id} className={`toast toast-${toast.type}`}>
+                        <div className="toast-icon">
+                            {getIcon(toast.type)}
+                        </div>
+                        <div className="toast-message">{toast.message}</div>
+                        <button
+                            className="toast-close"
+                            onClick={() => hideToast(toast.id)}
+                            aria-label="关闭"
+                        >
+                            <X size={16} />
+                        </button>
+                    </div>
+                ))}
+            </div>
+        </ToastContext.Provider>
+    );
+};