Feature/editor optimization (#251)

* refactor: 编辑器/运行时架构拆分与构建系统升级

* feat(core): 层级系统重构与UI变换矩阵修复

* refactor: 移除 ecs-components 聚合包并修复跨包组件查找问题

* fix(physics): 修复跨包组件类引用问题

* feat: 统一运行时架构与浏览器运行支持

* feat(asset): 实现浏览器运行时资产加载系统

* fix: 修复文档、CodeQL安全问题和CI类型检查错误

* fix: 修复文档、CodeQL安全问题和CI类型检查错误

* fix: 修复文档、CodeQL安全问题、CI类型检查和测试错误

* test: 补齐核心模块测试用例，修复CI构建配置

* fix: 修复测试用例中的类型错误和断言问题

* fix: 修复 turbo build:npm 任务的依赖顺序问题

* fix: 修复 CI 构建错误并优化构建性能

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

@@ -1,5 +1,5 @@
-import { useState, useEffect } from 'react';
-import { X, BarChart3 } from 'lucide-react';
+import { useState, useEffect, useCallback } from 'react';
+import { X, BarChart3, Maximize2, Minimize2 } from 'lucide-react';
 import { ProfilerService } from '../services/ProfilerService';
 import { AdvancedProfiler } from './AdvancedProfiler';
 import '../styles/ProfilerWindow.css';
@@ -15,6 +15,7 @@ interface WindowWithProfiler extends Window {
 export function AdvancedProfilerWindow({ onClose }: AdvancedProfilerWindowProps) {
     const [profilerService, setProfilerService] = useState<ProfilerService | null>(null);
     const [isConnected, setIsConnected] = useState(false);
+    const [isFullscreen, setIsFullscreen] = useState(false);
 
     useEffect(() => {
         const service = (window as WindowWithProfiler).__PROFILER_SERVICE__;
@@ -36,12 +37,35 @@ export function AdvancedProfilerWindow({ onClose }: AdvancedProfilerWindowProps)
         return () => clearInterval(interval);
     }, [profilerService]);
 
+    // 处理 ESC 键退出全屏
+    useEffect(() => {
+        const handleKeyDown = (e: KeyboardEvent) => {
+            if (e.key === 'Escape' && isFullscreen) {
+                setIsFullscreen(false);
+            }
+        };
+
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [isFullscreen]);
+
+    const toggleFullscreen = useCallback(() => {
+        setIsFullscreen(prev => !prev);
+    }, []);
+
+    const windowStyle = isFullscreen
+        ? { width: '100vw', height: '100vh', maxWidth: 'none', borderRadius: 0 }
+        : { width: '90vw', height: '85vh', maxWidth: '1600px' };
+
     return (
-        <div className="profiler-window-overlay" onClick={onClose}>
+        <div
+            className={`profiler-window-overlay ${isFullscreen ? 'fullscreen' : ''}`}
+            onClick={isFullscreen ? undefined : onClose}
+        >
             <div
-                className="profiler-window advanced-profiler-window"
+                className={`profiler-window advanced-profiler-window ${isFullscreen ? 'fullscreen' : ''}`}
                 onClick={(e) => e.stopPropagation()}
-                style={{ width: '90vw', height: '85vh', maxWidth: '1600px' }}
+                style={windowStyle}
             >
                 <div className="profiler-window-header">
                     <div className="profiler-window-title">
@@ -53,9 +77,18 @@ export function AdvancedProfilerWindow({ onClose }: AdvancedProfilerWindowProps)
                             </span>
                         )}
                     </div>
-                    <button className="profiler-window-close" onClick={onClose} title="Close">
-                        <X size={20} />
-                    </button>
+                    <div className="profiler-window-controls">
+                        <button
+                            className="profiler-window-btn"
+                            onClick={toggleFullscreen}
+                            title={isFullscreen ? 'Exit Fullscreen (Esc)' : 'Fullscreen'}
+                        >
+                            {isFullscreen ? <Minimize2 size={16} /> : <Maximize2 size={16} />}
+                        </button>
+                        <button className="profiler-window-close" onClick={onClose} title="Close">
+                            <X size={20} />
+                        </button>
+                    </div>
                 </div>
 
                 <div className="profiler-window-content" style={{ padding: 0 }}>