chore: release packages (#348)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
+  "changelog": [
+    "@changesets/changelog-github",
+    { "repo": "esengine/esengine" }
+  ],
+  "commit": false,
+  "fixed": [],
+  "linked": [
+    ["@esengine/ecs-framework", "@esengine/ecs-framework-math"]
+  ],
+  "access": "public",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": [
+    "@esengine/engine-core",
+    "@esengine/runtime-core",
+    "@esengine/asset-system",
+    "@esengine/material-system",
+    "@esengine/ecs-engine-bindgen",
+    "@esengine/script-runtime",
+    "@esengine/platform-common",
+    "@esengine/platform-web",
+    "@esengine/platform-wechat",
+    "@esengine/sprite",
+    "@esengine/camera",
+    "@esengine/particle",
+    "@esengine/tilemap",
+    "@esengine/mesh-3d",
+    "@esengine/effect",
+    "@esengine/audio",
+    "@esengine/fairygui",
+    "@esengine/physics-rapier2d",
+    "@esengine/rapier2d",
+    "@esengine/world-streaming",
+    "@esengine/network-server",
+    "@esengine/editor-core",
+    "@esengine/editor-runtime",
+    "@esengine/editor-app",
+    "@esengine/sprite-editor",
+    "@esengine/camera-editor",
+    "@esengine/particle-editor",
+    "@esengine/tilemap-editor",
+    "@esengine/mesh-3d-editor",
+    "@esengine/fairygui-editor",
+    "@esengine/physics-rapier2d-editor",
+    "@esengine/behavior-tree-editor",
+    "@esengine/blueprint-editor",
+    "@esengine/asset-system-editor",
+    "@esengine/material-editor",
+    "@esengine/shader-editor",
+    "@esengine/world-streaming-editor",
+    "@esengine/node-editor",
+    "@esengine/sdk",
+    "@esengine/worker-generator",
+    "@esengine/engine"
+  ]
+}

.github/codeql/codeql-config.yml

@@ -6,3 +6,8 @@ paths-ignore:
   - "**/node_modules"
   - "**/dist"
   - "**/bin"
+  - "**/tests"
+  - "**/*.test.ts"
+  - "**/*.spec.ts"
+  - "**/test"
+  - "**/__tests__"

.github/labeler.yml

@@ -1,32 +0,0 @@
-# 自动标签配置
-# 根据 issue/PR 内容自动打标签
-
-'bug':
-  - '/(bug|错误|崩溃|crash|error|exception|问题)/i'
-
-'enhancement':
-  - '/(feature|功能|enhancement|improve|优化|建议)/i'
-
-'documentation':
-  - '/(doc|文档|readme|guide|tutorial|教程)/i'
-
-'question':
-  - '/(question|疑问|how to|如何|怎么)/i'
-
-'performance':
-  - '/(performance|性能|slow|慢|lag|卡顿|optimize)/i'
-
-'core':
-  - '/(@esengine\/ecs-framework|packages\/core|core package)/i'
-
-'editor':
-  - '/(editor|编辑器|tauri)/i'
-
-'network':
-  - '/(network|网络|multiplayer|多人)/i'
-
-'help wanted':
-  - '/(help wanted|需要帮助|求助)/i'
-
-'good first issue':
-  - '/(good first issue|新手友好|beginner)/i'

.github/workflows/ai-batch-analyze-issues.yml

@@ -1,73 +0,0 @@
-name: AI Batch Analyze Issues
-
-on:
-  workflow_dispatch:
-    inputs:
-      mode:
-        description: '分析模式'
-        required: true
-        type: choice
-        options:
-          - 'recent' # 最近 10 个 issue
-          - 'open' # 所有打开的 issue
-          - 'all' # 所有 issue（慎用）
-        default: 'recent'
-
-permissions:
-  issues: write
-  contents: read
-
-jobs:
-  analyze:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.x'
-
-      - name: Install GitHub CLI
-        run: |
-          gh --version || (curl -fsSL https://cli.github.com/packages/githubcli-archive-keyring.gpg | sudo dd of=/usr/share/keyrings/githubcli-archive-keyring.gpg
-          echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/githubcli-archive-keyring.gpg] https://cli.github.com/packages stable main" | sudo tee /etc/apt/sources.list.d/github-cli.list > /dev/null
-          sudo apt update
-          sudo apt install gh)
-
-      - name: Batch Analyze Issues
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          MODE="${{ github.event.inputs.mode }}"
-
-          # 获取 issue 列表
-          if [ "$MODE" = "recent" ]; then
-            echo "📊 分析最近 10 个 issue..."
-            ISSUES=$(gh issue list --limit 10 --json number --jq '.[].number')
-          elif [ "$MODE" = "open" ]; then
-            echo "📊 分析所有打开的 issue..."
-            ISSUES=$(gh issue list --state open --json number --jq '.[].number')
-          else
-            echo "📊 分析所有 issue（这可能需要很长时间）..."
-            ISSUES=$(gh issue list --state all --limit 100 --json number --jq '.[].number')
-          fi
-
-          # 为每个 issue 添加 AI 分析评论
-          for issue_num in $ISSUES; do
-            echo "🤖 分析 Issue #$issue_num..."
-
-            # 获取 issue 内容
-            ISSUE_BODY=$(gh issue view $issue_num --json body --jq '.body')
-            ISSUE_TITLE=$(gh issue view $issue_num --json title --jq '.title')
-
-            # 添加触发评论
-            gh issue comment $issue_num --body "@ai-helper 请帮我分析这个 issue" || true
-
-            # 避免 API 限制
-            sleep 2
-          done
-
-          echo "✅ 批量分析完成！"
-          echo "查看结果：https://github.com/${{ github.repository }}/issues"

.github/workflows/ai-helper-tip.yml

@@ -1,61 +0,0 @@
-name: AI Helper Tip
-
-# 对所有新创建的 issue 自动回复 AI 助手使用说明（新老用户都适用）
-on:
-  issues:
-    types: [opened]
-
-permissions:
-  issues: write
-
-jobs:
-  tip:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Post AI Helper Usage Tip
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const message = [
-              "## 🤖 AI 助手可用 | AI Helper Available",
-              "",
-              "**中文说明：**",
-              "",
-              "本项目配备了 AI 智能助手，可以帮助你快速获得解答！",
-              "",
-              "**使用方法：** 在评论中提及 `@ai-helper`，AI 会自动搜索项目代码并提供解决方案。",
-              "",
-              "**示例：**",
-              "```",
-              "@ai-helper 如何创建一个新的 System？",
-              "@ai-helper 这个报错是什么原因？",
-              "```",
-              "",
-              "---",
-              "",
-              "**English:**",
-              "",
-              "This project has an AI assistant to help you get answers quickly!",
-              "",
-              "**How to use:** Mention `@ai-helper` in a comment, and AI will automatically search the codebase and provide solutions.",
-              "",
-              "**Examples:**",
-              "```",
-              "@ai-helper How do I create a new System?",
-              "@ai-helper What causes this error?",
-              "```",
-              "",
-              "---",
-              "",
-              "💡 *AI 助手基于代码库提供建议，复杂问题建议等待维护者回复*",
-              "💡 *AI suggestions are based on the codebase. For complex issues, please wait for maintainer responses*"
-            ].join('\n');
-
-            await github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-              body: message
-            });
-
-            console.log('✅ AI helper tip posted successfully');

.github/workflows/ai-issue-helper.yml

@@ -1,85 +0,0 @@
-name: AI Issue Helper
-
-on:
-  issue_comment:
-    types: [created]
-
-permissions:
-  issues: write
-  contents: read
-  models: read
-
-jobs:
-  ai-helper:
-    runs-on: ubuntu-latest
-    # 只在真实用户提到 @ai-helper 时触发，忽略机器人评论
-    if: |
-      contains(github.event.comment.body, '@ai-helper') &&
-      github.event.comment.user.type != 'Bot'
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-
-      - name: Get Issue Details
-        id: issue
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const issue = await github.rest.issues.get({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number
-            });
-
-            // 限制长度，避免超过 token 限制
-            const maxLength = 1000;
-            const truncate = (str, max) => {
-              if (!str) return '';
-              return str.length > max ? str.substring(0, max) + '...[内容过长已截断]' : str;
-            };
-
-            core.exportVariable('ISSUE_TITLE', truncate(issue.data.title || '', 200));
-            core.exportVariable('ISSUE_BODY', truncate(issue.data.body || '', maxLength));
-            core.exportVariable('COMMENT_BODY', truncate(context.payload.comment.body || '', 500));
-            core.exportVariable('ISSUE_NUMBER', context.issue.number);
-
-      - name: Create Prompt
-        id: prompt
-        run: |
-          cat > prompt.txt << 'PROMPT_EOF'
-          Issue #${{ env.ISSUE_NUMBER }}
-
-          标题: ${{ env.ISSUE_TITLE }}
-
-          内容: ${{ env.ISSUE_BODY }}
-
-          评论: ${{ env.COMMENT_BODY }}
-
-          请搜索项目代码并提供解决方案。
-          PROMPT_EOF
-
-      - name: AI Analysis
-        uses: actions/ai-inference@v1
-        id: ai
-        with:
-          model: 'gpt-4o'
-          enable-github-mcp: true
-          max-tokens: 1500
-          system-prompt: |
-            你是 ECS Framework (TypeScript ECS 框架) 的 AI 助手。
-            主要代码在 packages/core/src。
-            搜索相关代码后，用中文简洁回答问题，包含问题分析、解决方案和代码引用。
-          prompt-file: prompt.txt
-
-      - name: Post AI Response
-        env:
-          AI_RESPONSE: ${{ steps.ai.outputs.response }}
-        uses: actions/github-script@v7
-        with:
-          script: |
-            await github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-              body: process.env.AI_RESPONSE
-            });

.github/workflows/ai-issue-moderator.yml

@@ -1,56 +0,0 @@
-name: AI Issue Moderator
-
-on:
-  issues:
-    types: [opened]
-  issue_comment:
-    types: [created]
-
-permissions:
-  issues: write
-  contents: read
-  models: read
-
-jobs:
-  moderate:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check Content
-        uses: actions/ai-inference@v1
-        id: check
-        with:
-          model: 'gpt-4o-mini'
-          system-prompt: |
-            你是一个内容审查助手。
-            检查内容是否包含：
-            1. 垃圾信息或广告
-            2. 恶意或攻击性内容
-            3. 与项目完全无关的内容
-
-            只返回 "SPAM" 或 "OK"，不要其他内容。
-          prompt: |
-            标题：${{ github.event.issue.title || github.event.comment.body }}
-
-            内容：
-            ${{ github.event.issue.body || github.event.comment.body }}
-
-      - name: Mark as Spam
-        if: contains(steps.check.outputs.response, 'SPAM')
-        uses: actions/github-script@v7
-        with:
-          script: |
-            // 添加 spam 标签
-            github.rest.issues.addLabels({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-              labels: ['spam']
-            });
-
-            // 添加评论
-            github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-              body: '🤖 这个内容被 AI 检测为可能的垃圾内容。如果这是误判，请联系维护者。\n\n🤖 This content was detected as potential spam by AI. If this is a false positive, please contact the maintainers.'
-            });

.github/workflows/batch-label-issues.yml

@@ -1,160 +0,0 @@
-name: Batch Label Issues
-
-on:
-  workflow_dispatch:
-    inputs:
-      mode:
-        description: '标签模式'
-        required: true
-        type: choice
-        options:
-          - 'recent' # 最近 20 个 issue
-          - 'open' # 所有打开的 issue
-          - 'unlabeled' # 只处理没有标签的 issue
-          - 'all' # 所有 issue（慎用）
-        default: 'recent'
-
-      skip_labeled:
-        description: '跳过已有标签的 issue'
-        required: false
-        type: boolean
-        default: true
-
-permissions:
-  issues: write
-  contents: read
-
-jobs:
-  batch-label:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.x'
-
-      - name: Batch Label Issues
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          MODE="${{ github.event.inputs.mode }}"
-          SKIP_LABELED="${{ github.event.inputs.skip_labeled }}"
-
-          echo "📊 开始批量打标签..."
-          echo "模式: $MODE"
-          echo "跳过已标签: $SKIP_LABELED"
-
-          # 获取 issue 列表
-          if [ "$MODE" = "recent" ]; then
-            echo "📋 获取最近 20 个 issue..."
-            ISSUES=$(gh issue list --limit 20 --json number,labels,title,body --jq '.[] | {number, labels: [.labels[].name], title, body}')
-          elif [ "$MODE" = "open" ]; then
-            echo "📋 获取所有打开的 issue..."
-            ISSUES=$(gh issue list --state open --json number,labels,title,body --jq '.[] | {number, labels: [.labels[].name], title, body}')
-          elif [ "$MODE" = "unlabeled" ]; then
-            echo "📋 获取没有标签的 issue..."
-            ISSUES=$(gh issue list --state all --json number,labels,title,body --jq '.[] | select(.labels | length == 0) | {number, labels: [.labels[].name], title, body}')
-          else
-            echo "📋 获取所有 issue（限制 100 个）..."
-            ISSUES=$(gh issue list --state all --limit 100 --json number,labels,title,body --jq '.[] | {number, labels: [.labels[].name], title, body}')
-          fi
-
-          # 临时文件
-          echo "$ISSUES" > /tmp/issues.json
-
-          # 处理每个 issue
-          cat /tmp/issues.json | jq -c '.' | while read -r issue; do
-            ISSUE_NUM=$(echo "$issue" | jq -r '.number')
-            EXISTING_LABELS=$(echo "$issue" | jq -r '.labels | join(",")')
-            TITLE=$(echo "$issue" | jq -r '.title')
-            BODY=$(echo "$issue" | jq -r '.body')
-
-            echo ""
-            echo "🔍 处理 Issue #$ISSUE_NUM: $TITLE"
-            echo "   现有标签: $EXISTING_LABELS"
-
-            # 跳过已有标签的 issue
-            if [ "$SKIP_LABELED" = "true" ] && [ ! -z "$EXISTING_LABELS" ]; then
-              echo "   ⏭️  跳过（已有标签）"
-              continue
-            fi
-
-            # 分析内容并打标签
-            LABELS_TO_ADD=""
-
-            # 检测 bug
-            if echo "$TITLE $BODY" | grep -iE "(bug|错误|崩溃|crash|error|exception|问题|fix)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD bug"
-              echo "   🐛 检测到: bug"
-            fi
-
-            # 检测 feature request
-            if echo "$TITLE $BODY" | grep -iE "(feature|功能|enhancement|improve|优化|建议|新增|添加|add)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD enhancement"
-              echo "   ✨ 检测到: enhancement"
-            fi
-
-            # 检测 question
-            if echo "$TITLE $BODY" | grep -iE "(question|疑问|how to|如何|怎么|为什么|why|咨询|\?|？)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD question"
-              echo "   ❓ 检测到: question"
-            fi
-
-            # 检测 documentation
-            if echo "$TITLE $BODY" | grep -iE "(doc|文档|readme|guide|tutorial|教程|说明)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD documentation"
-              echo "   📖 检测到: documentation"
-            fi
-
-            # 检测 performance
-            if echo "$TITLE $BODY" | grep -iE "(performance|性能|slow|慢|lag|卡顿|optimize|优化)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD performance"
-              echo "   ⚡ 检测到: performance"
-            fi
-
-            # 检测 core
-            if echo "$TITLE $BODY" | grep -iE "(@esengine/ecs-framework|packages/core|core package|核心包)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD core"
-              echo "   🎯 检测到: core"
-            fi
-
-            # 检测 editor
-            if echo "$TITLE $BODY" | grep -iE "(editor|编辑器|tauri)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD editor"
-              echo "   🎨 检测到: editor"
-            fi
-
-            # 检测 network
-            if echo "$TITLE $BODY" | grep -iE "(network|网络|multiplayer|多人|同步)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD network"
-              echo "   🌐 检测到: network"
-            fi
-
-            # 检测 help wanted
-            if echo "$TITLE $BODY" | grep -iE "(help wanted|需要帮助|求助)" > /dev/null; then
-              LABELS_TO_ADD="$LABELS_TO_ADD help wanted"
-              echo "   🆘 检测到: help wanted"
-            fi
-
-            # 添加标签
-            if [ ! -z "$LABELS_TO_ADD" ]; then
-              echo "   ✅ 添加标签: $LABELS_TO_ADD"
-              for label in $LABELS_TO_ADD; do
-                gh issue edit $ISSUE_NUM --add-label "$label" 2>&1 | grep -v "already exists" || true
-              done
-              echo "   💬 添加说明评论..."
-              gh issue comment $ISSUE_NUM --body $'🤖 自动标签系统检测到此 issue 并添加了相关标签。如有误判，请告知维护者。\n\n🤖 Auto-labeling system detected and labeled this issue. Please let maintainers know if this is incorrect.' || true
-            else
-              echo "   ℹ️  未检测到明确类型"
-            fi
-
-            # 避免 API 限制
-            sleep 1
-          done
-
-          echo ""
-          echo "✅ 批量标签完成！"
-          echo "查看结果: https://github.com/${{ github.repository }}/issues"

.github/workflows/ci.yml

@@ -13,18 +13,35 @@ on:
       - '.github/workflows/ci.yml'
   pull_request:
     branches: [ master, main, develop ]
-    paths:
-      - 'packages/**'
-      - 'package.json'
-      - 'pnpm-lock.yaml'
-      - 'tsconfig.json'
-      - 'turbo.json'
-      - 'jest.config.*'
-      - '.github/workflows/ci.yml'
+    # Run on all PRs to satisfy branch protection, but skip build if no code changes
 
 jobs:
-  ci:
+  # Check if we need to run the full CI
+  check-changes:
     runs-on: ubuntu-latest
+    outputs:
+      should-run: ${{ steps.filter.outputs.code }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: dorny/paths-filter@v3
+        id: filter
+        with:
+          filters: |
+            code:
+              - 'packages/**'
+              - 'package.json'
+              - 'pnpm-lock.yaml'
+              - 'tsconfig.json'
+              - 'turbo.json'
+              - 'jest.config.*'
+
+  ci:
+    needs: check-changes
+    if: needs.check-changes.outputs.should-run == 'true'
+    runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
 
     steps:
     - name: Checkout code
@@ -39,67 +56,35 @@ jobs:
         node-version: '20.x'
         cache: 'pnpm'
 
-    - name: Install Rust stable
-      uses: dtolnay/rust-toolchain@stable
-      with:
-        targets: wasm32-unknown-unknown
-
-    # 缓存 Rust 编译结果
-    - name: Cache Rust dependencies
-      uses: Swatinem/rust-cache@v2
-      with:
-        workspaces: packages/engine
-        cache-on-failure: true
-
-    # 缓存 wasm-pack
-    - name: Cache wasm-pack
-      uses: actions/cache@v4
-      with:
-        path: ~/.cargo/bin/wasm-pack
-        key: wasm-pack-${{ runner.os }}
-
-    - name: Install wasm-pack
-      run: |
-        if ! command -v wasm-pack &> /dev/null; then
-          cargo install wasm-pack
-        fi
-
     - name: Install dependencies
       run: pnpm install --no-frozen-lockfile
 
-    # 缓存 Turbo
-    - name: Cache Turbo
-      uses: actions/cache@v4
-      with:
-        path: .turbo
-        key: turbo-${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}-${{ github.sha }}
-        restore-keys: |
-          turbo-${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}-
-          turbo-${{ runner.os }}-
-
-    # 构建所有包
-    - name: Build all packages
-      run: pnpm run build
-
-    - name: Copy WASM files to ecs-engine-bindgen
+    # 构建 framework 包 (可独立发布的通用库，无外部依赖)
+    - name: Build framework packages
       run: |
-        mkdir -p packages/ecs-engine-bindgen/src/wasm
-        cp packages/engine/pkg/es_engine.js packages/ecs-engine-bindgen/src/wasm/
-        cp packages/engine/pkg/es_engine.d.ts packages/ecs-engine-bindgen/src/wasm/
-        cp packages/engine/pkg/es_engine_bg.wasm packages/ecs-engine-bindgen/src/wasm/
-        cp packages/engine/pkg/es_engine_bg.wasm.d.ts packages/ecs-engine-bindgen/src/wasm/
+        pnpm --filter @esengine/ecs-framework build
+        pnpm --filter @esengine/ecs-framework-math build
+        pnpm --filter @esengine/behavior-tree build
+        pnpm --filter @esengine/blueprint build
+        pnpm --filter @esengine/fsm build
+        pnpm --filter @esengine/timer build
+        pnpm --filter @esengine/spatial build
+        pnpm --filter @esengine/procgen build
+        pnpm --filter @esengine/pathfinding build
+        pnpm --filter @esengine/network-protocols build
+        pnpm --filter @esengine/network build
 
-    # 类型检查
-    - name: Type check
-      run: pnpm run type-check
+    # 类型检查 (仅 framework 包)
+    - name: Type check (framework packages)
+      run: pnpm run type-check:framework
 
-    # Lint 检查
-    - name: Lint check
-      run: pnpm run lint
+    # Lint 检查 (仅 framework 包)
+    - name: Lint check (framework packages)
+      run: pnpm run lint:framework
 
-    # 测试
+    # 测试 (仅 framework 包)
     - name: Run tests with coverage
-      run: pnpm run test:ci
+      run: pnpm run test:ci:framework
 
     - name: Upload coverage to Codecov
       uses: codecov/codecov-action@v4
@@ -110,9 +95,11 @@ jobs:
         name: codecov-umbrella
         fail_ci_if_error: false
 
-    # 构建 npm 包
+    # 构建 npm 包 (core 和 math)
     - name: Build npm packages
-      run: pnpm run build:npm
+      run: |
+        pnpm run build:npm:core
+        pnpm run build:npm:math
 
     # 上传构建产物
     - name: Upload build artifacts
@@ -120,6 +107,6 @@ jobs:
       with:
         name: build-artifacts
         path: |
-          packages/*/dist/
-          packages/*/bin/
+          packages/framework/**/dist/
+          packages/framework/**/bin/
         retention-days: 7

.github/workflows/cleanup-dependabot.yml

@@ -1,146 +0,0 @@
-name: Cleanup Old Dependabot PRs
-
-# 手动触发的 workflow，用于清理堆积的 Dependabot PR
-on:
-  workflow_dispatch:
-    inputs:
-      days_old:
-        description: '关闭多少天前创建的 PR（默认 7 天）'
-        required: false
-        default: '7'
-      dry_run:
-        description: '试运行模式（true=仅显示，不关闭）'
-        required: false
-        default: 'true'
-        type: choice
-        options:
-          - 'true'
-          - 'false'
-
-jobs:
-  cleanup:
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-      issues: write
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: List and Close Old Dependabot PRs
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const daysOld = parseInt('${{ github.event.inputs.days_old }}') || 7;
-            const dryRun = '${{ github.event.inputs.dry_run }}' === 'true';
-            const cutoffDate = new Date();
-            cutoffDate.setDate(cutoffDate.getDate() - daysOld);
-
-            console.log(`🔍 查找超过 ${daysOld} 天的 Dependabot PR...`);
-            console.log(`📅 截止日期: ${cutoffDate.toISOString()}`);
-            console.log(`🏃 模式: ${dryRun ? '试运行（不会实际关闭）' : '实际执行'}`);
-            console.log('---');
-
-            // 获取所有 Dependabot PR
-            const { data: pulls } = await github.rest.pulls.list({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              state: 'open',
-              per_page: 100
-            });
-
-            const dependabotPRs = pulls.filter(pr =>
-              pr.user.login === 'dependabot[bot]' &&
-              new Date(pr.created_at) < cutoffDate
-            );
-
-            console.log(`📊 找到 ${dependabotPRs.length} 个符合条件的 Dependabot PR`);
-            console.log('');
-
-            if (dependabotPRs.length === 0) {
-              console.log('✅ 没有需要清理的 PR');
-              return;
-            }
-
-            // 按类型分组
-            const byType = {
-              dev: [],
-              prod: [],
-              actions: [],
-              other: []
-            };
-
-            for (const pr of dependabotPRs) {
-              const title = pr.title.toLowerCase();
-              const labels = pr.labels.map(l => l.name);
-
-              let type = 'other';
-              if (title.includes('dev-dependencies') || title.includes('development')) {
-                type = 'dev';
-              } else if (title.includes('production-dependencies')) {
-                type = 'prod';
-              } else if (labels.includes('github-actions')) {
-                type = 'actions';
-              }
-
-              byType[type].push(pr);
-            }
-
-            console.log('📋 PR 分类统计:');
-            console.log(`  🔧 开发依赖: ${byType.dev.length} 个`);
-            console.log(`  📦 生产依赖: ${byType.prod.length} 个`);
-            console.log(`  ⚙️  GitHub Actions: ${byType.actions.length} 个`);
-            console.log(`  ❓ 其他: ${byType.other.length} 个`);
-            console.log('');
-
-            // 处理每个 PR
-            for (const pr of dependabotPRs) {
-              const age = Math.floor((Date.now() - new Date(pr.created_at)) / (1000 * 60 * 60 * 24));
-
-              console.log(`${dryRun ? '🔍' : '🗑️ '} #${pr.number}: ${pr.title}`);
-              console.log(`   创建时间: ${pr.created_at} (${age} 天前)`);
-              console.log(`   链接: ${pr.html_url}`);
-
-              if (!dryRun) {
-                await github.rest.pulls.update({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  pull_number: pr.number,
-                  state: 'closed'
-                });
-
-                await github.rest.issues.createComment({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  issue_number: pr.number,
-                  body: `🤖 **自动关闭旧的 Dependabot PR**
-
-此 PR 已超过 ${daysOld} 天未合并，已被自动关闭以清理积压。
-
-📌 **下一步：**
-- Dependabot 已配置为月度运行，届时会创建新的分组更新
-- 新的 Mergify 规则会智能处理不同类型的依赖更新
-- 开发依赖和 GitHub Actions 会自动合并（即使 CI 失败）
-- 生产依赖需要 CI 通过才会自动合并
-
-如果需要立即应用此更新，请手动更新依赖。
-
----
-*此操作由仓库维护者手动触发的清理工作流执行*`
-                });
-
-                console.log('   ✅ 已关闭并添加说明');
-              } else {
-                console.log('   ℹ️  试运行模式 - 未执行操作');
-              }
-              console.log('');
-            }
-
-            console.log('---');
-            if (dryRun) {
-              console.log(`✨ 试运行完成！共发现 ${dependabotPRs.length} 个待清理的 PR`);
-              console.log('💡 要实际执行清理，请将 dry_run 参数设为 false 重新运行');
-            } else {
-              console.log(`✅ 清理完成！已关闭 ${dependabotPRs.length} 个 Dependabot PR`);
-            }

.github/workflows/codecov.yml

@@ -28,7 +28,7 @@ jobs:
 
       - name: Run tests with coverage
         run: |
-          cd packages/core
+          cd packages/framework/core
           pnpm run test:coverage
 
       - name: Upload coverage to Codecov
@@ -36,7 +36,7 @@ jobs:
         continue-on-error: true
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
-          files: ./packages/core/coverage/coverage-final.json
+          files: ./packages/framework/core/coverage/coverage-final.json
           flags: core
           name: core-coverage
           fail_ci_if_error: false
@@ -46,4 +46,4 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: coverage-report
-          path: packages/core/coverage/
+          path: packages/framework/core/coverage/

.github/workflows/issue-labeler.yml

@@ -1,23 +0,0 @@
-name: Issue Labeler
-
-on:
-  issues:
-    types: [opened, edited]
-
-permissions:
-  issues: write
-  contents: read
-
-jobs:
-  label:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Label Issues
-        uses: github/issue-labeler@v3.4
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          configuration-path: .github/labeler.yml
-          enable-versioned-regex: 1

.github/workflows/issue-translator.yml

@@ -1,28 +0,0 @@
-name: Issue Translator
-
-on:
-  issue_comment:
-    types: [created]
-  issues:
-    types: [opened]
-
-permissions:
-  issues: write
-
-jobs:
-  translate:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Translate Issues
-        uses: tomsun28/issues-translate-action@v2.7
-        with:
-          IS_MODIFY_TITLE: false
-          # 设置为 true 会修改标题，false 只在评论中添加翻译
-          CUSTOM_BOT_NOTE: |
-            <details>
-            <summary>🌏 Translation / 翻译</summary>
-
-            Bot detected the issue body's language is not English, translate it automatically.
-            机器人检测到 issue 内容非英文，自动翻译。
-
-            </details>

.github/workflows/release-changesets.yml

@@ -0,0 +1,70 @@
+name: Release (Changesets)
+
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - '.changeset/**'
+      - 'packages/*/package.json'
+      - 'packages/*/*/package.json'
+      - 'packages/*/*/*/package.json'
+  workflow_dispatch:
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: 'https://registry.npmjs.org'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build framework packages
+        run: |
+          # Only build packages managed by Changesets (not in ignore list)
+          pnpm --filter "@esengine/ecs-framework" build
+          pnpm --filter "@esengine/ecs-framework-math" build
+          pnpm --filter "@esengine/behavior-tree" build
+          pnpm --filter "@esengine/blueprint" build
+          pnpm --filter "@esengine/fsm" build
+          pnpm --filter "@esengine/timer" build
+          pnpm --filter "@esengine/spatial" build
+          pnpm --filter "@esengine/procgen" build
+          pnpm --filter "@esengine/pathfinding" build
+          pnpm --filter "@esengine/network-protocols" build
+          pnpm --filter "@esengine/network" build
+          pnpm --filter "@esengine/cli" build
+
+      - name: Create Release Pull Request or Publish
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          version: pnpm changeset:version
+          publish: pnpm changeset:publish
+          title: 'chore: release packages'
+          commit: 'chore: release packages'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release-editor.yml

@@ -50,7 +50,7 @@ jobs:
       - name: Rust cache
         uses: Swatinem/rust-cache@v2
         with:
-          workspaces: packages/editor-app/src-tauri
+          workspaces: packages/editor/editor-app/src-tauri
           cache-on-failure: true
 
       - name: Install dependencies (Ubuntu)
@@ -65,7 +65,7 @@ jobs:
       - name: Update version in config files (for manual trigger)
         if: github.event_name == 'workflow_dispatch'
         run: |
-          cd packages/editor-app
+          cd packages/editor/editor-app
           node -e "const pkg=require('./package.json'); pkg.version='${{ github.event.inputs.version }}'; require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2)+'\n')"
           node scripts/sync-version.js
 
@@ -80,15 +80,15 @@ jobs:
       - name: Copy WASM files to ecs-engine-bindgen
         shell: bash
         run: |
-          mkdir -p packages/ecs-engine-bindgen/src/wasm
-          cp packages/engine/pkg/es_engine.js packages/ecs-engine-bindgen/src/wasm/
-          cp packages/engine/pkg/es_engine.d.ts packages/ecs-engine-bindgen/src/wasm/
-          cp packages/engine/pkg/es_engine_bg.wasm packages/ecs-engine-bindgen/src/wasm/
-          cp packages/engine/pkg/es_engine_bg.wasm.d.ts packages/ecs-engine-bindgen/src/wasm/
+          mkdir -p packages/engine/ecs-engine-bindgen/src/wasm
+          cp packages/rust/engine/pkg/es_engine.js packages/engine/ecs-engine-bindgen/src/wasm/
+          cp packages/rust/engine/pkg/es_engine.d.ts packages/engine/ecs-engine-bindgen/src/wasm/
+          cp packages/rust/engine/pkg/es_engine_bg.wasm packages/engine/ecs-engine-bindgen/src/wasm/
+          cp packages/rust/engine/pkg/es_engine_bg.wasm.d.ts packages/engine/ecs-engine-bindgen/src/wasm/
 
       - name: Bundle runtime files for Tauri
         run: |
-          cd packages/editor-app
+          cd packages/editor/editor-app
           node scripts/bundle-runtime.mjs
 
       - name: Build Tauri app
@@ -99,7 +99,7 @@ jobs:
           TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
           TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
         with:
-          projectPath: packages/editor-app
+          projectPath: packages/editor/editor-app
           tagName: ${{ github.event_name == 'workflow_dispatch' && format('editor-v{0}', github.event.inputs.version) || github.ref_name }}
           releaseName: 'ECS Editor v${{ github.event.inputs.version || github.ref_name }}'
           releaseBody: 'See the assets to download this version and install.'
@@ -116,58 +116,98 @@ jobs:
         with:
           name: windows-unsigned
           path: |
-            packages/editor-app/src-tauri/target/release/bundle/nsis/*.exe
-            packages/editor-app/src-tauri/target/release/bundle/msi/*.msi
+            packages/editor/editor-app/src-tauri/target/release/bundle/nsis/*.exe
+            packages/editor/editor-app/src-tauri/target/release/bundle/msi/*.msi
           retention-days: 1
 
   # SignPath 代码签名（Windows）
   # SignPath OSS code signing for Windows
-  # 注意：需要先在 https://signpath.io 申请 OSS 证书
-  # Note: Apply for OSS certificate at https://signpath.io first
-  # 并配置 GitHub Secrets: SIGNPATH_API_TOKEN, SIGNPATH_ORGANIZATION_ID
-  # Configure GitHub Secrets: SIGNPATH_API_TOKEN, SIGNPATH_ORGANIZATION_ID
+  #
+  # 配置步骤 | Setup Steps:
+  # 1. 在 SignPath 门户创建项目 | Create project in SignPath portal
+  # 2. 导入 .signpath/artifact-configuration.xml | Import artifact configuration
+  # 3. 使用 'test-signing' 策略测试 | Use 'test-signing' policy for testing
+  #    生产环境改为 'release-signing' | Change to 'release-signing' for production
+  # 4. 配置 GitHub Secrets | Configure GitHub Secrets:
+  #    - SIGNPATH_API_TOKEN: API token from SignPath
+  #    - SIGNPATH_ORGANIZATION_ID: Your organization ID
+  #
+  # 文档 | Documentation: https://about.signpath.io/documentation/trusted-build-systems/github
   sign-windows:
     needs: build-tauri
     runs-on: ubuntu-latest
-    if: success() && secrets.SIGNPATH_API_TOKEN != ''
+    # 只有在构建成功时才运行 | Only run on successful build
+    if: success()
 
     steps:
+      - name: Check SignPath configuration
+        id: check-signpath
+        run: |
+          if [ -n "${{ secrets.SIGNPATH_API_TOKEN }}" ] && [ -n "${{ secrets.SIGNPATH_ORGANIZATION_ID }}" ]; then
+            echo "enabled=true" >> $GITHUB_OUTPUT
+            echo "SignPath is configured, proceeding with code signing"
+          else
+            echo "enabled=false" >> $GITHUB_OUTPUT
+            echo "SignPath secrets not configured, skipping code signing"
+            echo "To enable: add SIGNPATH_API_TOKEN and SIGNPATH_ORGANIZATION_ID secrets"
+          fi
+
       - name: Checkout
+        if: steps.check-signpath.outputs.enabled == 'true'
         uses: actions/checkout@v4
 
-      - name: Download Windows artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: windows-unsigned
-          path: ./artifacts
+      - name: Get artifact ID
+        if: steps.check-signpath.outputs.enabled == 'true'
+        id: get-artifact
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          # 获取 windows-unsigned artifact 的 ID
+          ARTIFACT_ID=$(gh api \
+            -H "Accept: application/vnd.github+json" \
+            "/repos/${{ github.repository }}/actions/runs/${{ github.run_id }}/artifacts" \
+            --jq '.artifacts[] | select(.name == "windows-unsigned") | .id')
+
+          if [ -z "$ARTIFACT_ID" ]; then
+            echo "Error: Could not find artifact 'windows-unsigned'"
+            exit 1
+          fi
+
+          echo "artifact-id=$ARTIFACT_ID" >> $GITHUB_OUTPUT
+          echo "Found artifact ID: $ARTIFACT_ID"
 
       - name: Submit to SignPath for code signing
+        if: steps.check-signpath.outputs.enabled == 'true'
         id: signpath
         uses: signpath/github-action-submit-signing-request@v1
         with:
           api-token: ${{ secrets.SIGNPATH_API_TOKEN }}
           organization-id: ${{ secrets.SIGNPATH_ORGANIZATION_ID }}
           project-slug: 'ecs-framework'
-          signing-policy-slug: 'release-signing'
-          artifact-configuration-slug: 'default'
-          github-artifact-name: 'windows-unsigned'
+          signing-policy-slug: 'test-signing'
+          artifact-configuration-slug: 'initial'
+          github-artifact-id: ${{ steps.get-artifact.outputs.artifact-id }}
           wait-for-completion: true
           wait-for-completion-timeout-in-seconds: 600
           output-artifact-directory: './signed'
 
       - name: Upload signed artifacts to release
+        if: steps.check-signpath.outputs.enabled == 'true'
         uses: softprops/action-gh-release@v1
         with:
           files: ./signed/*
           tag_name: ${{ github.event_name == 'workflow_dispatch' && format('editor-v{0}', github.event.inputs.version) || github.ref_name }}
-          draft: false
+          # 保持 Draft 状态，需要手动发布 | Keep as draft, require manual publish
+          draft: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
   # 构建成功后，创建 PR 更新版本号
+  # Create PR to update version after successful build
   update-version-pr:
-    needs: sign-windows
-    if: github.event_name == 'workflow_dispatch' && success()
+    needs: [build-tauri, sign-windows]
+    # 即使签名跳过也要运行 | Run even if signing is skipped
+    if: github.event_name == 'workflow_dispatch' && !failure()
     runs-on: ubuntu-latest
 
     steps:
@@ -181,7 +221,7 @@ jobs:
 
       - name: Update version files
         run: |
-          cd packages/editor-app
+          cd packages/editor/editor-app
           node -e "const pkg=require('./package.json'); pkg.version='${{ github.event.inputs.version }}'; require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2)+'\n')"
           node scripts/sync-version.js
 
@@ -199,8 +239,8 @@ jobs:
             This PR updates the editor version after successful release build.
 
             ### Changes
-            - Updated `packages/editor-app/package.json` → `${{ github.event.inputs.version }}`
-            - Updated `packages/editor-app/src-tauri/tauri.conf.json` → `${{ github.event.inputs.version }}`
+            - Updated `packages/editor/editor-app/package.json` → `${{ github.event.inputs.version }}`
+            - Updated `packages/editor/editor-app/src-tauri/tauri.conf.json` → `${{ github.event.inputs.version }}`
 
             ### Release
             - [GitHub Release](https://github.com/${{ github.repository }}/releases/tag/editor-v${{ github.event.inputs.version }})

.github/workflows/release.yml

@@ -1,7 +1,6 @@
 name: Release NPM Packages
 
 on:
-  # 标签触发：支持 v* 和 {package}-v* 格式
   # Tag trigger: supports v* and {package}-v* formats
   push:
     tags:
@@ -15,12 +14,11 @@ on:
       - 'physics-rapier2d-v*'
       - 'worker-generator-v*'
 
-  # 保留手动触发选项
-  # Keep manual trigger option
+  # Manual trigger option
   workflow_dispatch:
     inputs:
       package:
-        description: '选择要发布的包 | Select package to publish'
+        description: 'Select package to publish'
         required: true
         type: choice
         options:
@@ -33,7 +31,7 @@ on:
           - physics-rapier2d
           - worker-generator
       version_type:
-        description: '版本更新类型 | Version bump type'
+        description: 'Version bump type'
         required: true
         type: choice
         options:
@@ -61,11 +59,10 @@ jobs:
         id: parse
         run: |
           if [ "${{ github.event_name }}" = "push" ]; then
-            # 从标签解析包名和版本 | Parse package and version from tag
+            # Parse package and version from tag
             TAG="${GITHUB_REF#refs/tags/}"
             echo "tag=$TAG" >> $GITHUB_OUTPUT
 
-            # 解析格式：v1.0.0 或 package-v1.0.0
             # Parse format: v1.0.0 or package-v1.0.0
             if [[ "$TAG" =~ ^v([0-9]+\.[0-9]+\.[0-9]+.*)$ ]]; then
               PACKAGE="core"
@@ -82,10 +79,9 @@ jobs:
             echo "package=$PACKAGE" >> $GITHUB_OUTPUT
             echo "version=$VERSION" >> $GITHUB_OUTPUT
             echo "mode=tag" >> $GITHUB_OUTPUT
-            echo "📦 Package: $PACKAGE"
-            echo "📌 Version: $VERSION"
+            echo "Package: $PACKAGE"
+            echo "Version: $VERSION"
           else
-            # 手动触发：从 package.json 读取并 bump 版本
             # Manual trigger: read from package.json and bump version
             PACKAGE="${{ github.event.inputs.package }}"
             echo "package=$PACKAGE" >> $GITHUB_OUTPUT
@@ -112,7 +108,6 @@ jobs:
           PACKAGE="${{ steps.parse.outputs.package }}"
           EXPECTED_VERSION="${{ steps.parse.outputs.version }}"
 
-          # 获取 package.json 中的版本
           # Get version from package.json
           ACTUAL_VERSION=$(node -p "require('./packages/$PACKAGE/package.json').version")
 
@@ -125,7 +120,7 @@ jobs:
             exit 1
           fi
 
-          echo "✅ Version verified: $EXPECTED_VERSION"
+          echo "Version verified: $EXPECTED_VERSION"
 
       - name: Bump version (manual mode)
         if: steps.parse.outputs.mode == 'manual'
@@ -147,7 +142,7 @@ jobs:
           node -e "const fs=require('fs'); const pkg=JSON.parse(fs.readFileSync('package.json')); pkg.version='$NEW_VERSION'; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2)+'\n')"
 
           echo "version=$NEW_VERSION" >> $GITHUB_OUTPUT
-          echo "📌 Bumped version: $CURRENT → $NEW_VERSION"
+          echo "Bumped version: $CURRENT -> $NEW_VERSION"
 
       - name: Set final version
         id: version
@@ -161,7 +156,7 @@ jobs:
       - name: Build core package (if needed)
         if: ${{ steps.parse.outputs.package != 'core' && steps.parse.outputs.package != 'node-editor' && steps.parse.outputs.package != 'worker-generator' }}
         run: |
-          cd packages/core
+          cd packages/framework/core
           pnpm run build
 
       - name: Build node-editor package (if needed for blueprint)
@@ -188,17 +183,18 @@ jobs:
         with:
           tag_name: ${{ steps.parse.outputs.tag }}
           name: "${{ steps.parse.outputs.package }} v${{ steps.version.outputs.value }}"
+          make_latest: false
           body: |
-            ## 🚀 @esengine/${{ steps.parse.outputs.package }} v${{ steps.version.outputs.value }}
+            ## @esengine/${{ steps.parse.outputs.package }} v${{ steps.version.outputs.value }}
 
-            📦 **NPM**: [@esengine/${{ steps.parse.outputs.package }}@${{ steps.version.outputs.value }}](https://www.npmjs.com/package/@esengine/${{ steps.parse.outputs.package }}/v/${{ steps.version.outputs.value }})
+            **NPM**: [@esengine/${{ steps.parse.outputs.package }}@${{ steps.version.outputs.value }}](https://www.npmjs.com/package/@esengine/${{ steps.parse.outputs.package }}/v/${{ steps.version.outputs.value }})
 
             ```bash
             npm install @esengine/${{ steps.parse.outputs.package }}@${{ steps.version.outputs.value }}
             ```
 
             ---
-            *自动发布 | Auto-released by GitHub Actions*
+            *Auto-released by GitHub Actions*
           generate_release_notes: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -213,16 +209,16 @@ jobs:
           delete-branch: true
           title: "chore(${{ steps.parse.outputs.package }}): Release v${{ steps.version.outputs.value }}"
           body: |
-            ## 🚀 Release v${{ steps.version.outputs.value }}
+            ## Release v${{ steps.version.outputs.value }}
 
-            此 PR 更新 `@esengine/${{ steps.parse.outputs.package }}` 包的版本号
+            This PR updates `@esengine/${{ steps.parse.outputs.package }}` package version.
 
-            ### 变更
-            - ✅ 已发布到 npm: [@esengine/${{ steps.parse.outputs.package }}@${{ steps.version.outputs.value }}](https://www.npmjs.com/package/@esengine/${{ steps.parse.outputs.package }}/v/${{ steps.version.outputs.value }})
-            - ✅ 更新 `packages/${{ steps.parse.outputs.package }}/package.json` → `${{ steps.version.outputs.value }}`
+            ### Changes
+            - Published to npm: [@esengine/${{ steps.parse.outputs.package }}@${{ steps.version.outputs.value }}](https://www.npmjs.com/package/@esengine/${{ steps.parse.outputs.package }}/v/${{ steps.version.outputs.value }})
+            - Updated `packages/${{ steps.parse.outputs.package }}/package.json` to `${{ steps.version.outputs.value }}`
 
             ---
-            *此 PR 由发布工作流自动创建*
+            *This PR was automatically created by the release workflow*
           labels: |
             release
             ${{ steps.parse.outputs.package }}

.github/workflows/size-limit.yml

@@ -1,46 +0,0 @@
-name: Size Limit
-
-on:
-  pull_request:
-    branches:
-      - master
-      - main
-    paths:
-      - 'packages/core/src/**'
-      - 'packages/core/package.json'
-      - '.size-limit.json'
-
-permissions:
-  contents: read
-  pull-requests: write
-  issues: write
-
-jobs:
-  size:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.x'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Build core package
-        run: |
-          cd packages/core
-          pnpm run build:npm
-
-      - name: Check bundle size
-        uses: andresz1/size-limit-action@v1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          skip_step: install

.github/workflows/welcome.yml

@@ -1,58 +0,0 @@
-name: Welcome
-
-on:
-  issues:
-    types: [opened]
-  pull_request_target:
-    types: [opened]
-
-permissions:
-  issues: write
-  pull-requests: write
-
-jobs:
-  welcome:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Welcome new contributors
-        uses: actions/first-interaction@v1.3.0
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          issue-message: |
-            👋 你好！感谢你提交第一个 issue！
-
-            我们会尽快查看并回复。同时，建议你：
-            - 📚 查看[文档](https://esengine.github.io/ecs-framework/)
-            - 🤖 使用 [AI 文档助手](https://deepwiki.com/esengine/esengine)
-            - 💬 加入 [QQ 交流群](https://jq.qq.com/?_wv=1027&k=29w1Nud6)
-
-            ---
-
-            👋 Hello! Thanks for opening your first issue!
-
-            We'll review it as soon as possible. Meanwhile, you might want to:
-            - 📚 Check the [documentation](https://esengine.github.io/ecs-framework/)
-            - 🤖 Use [AI documentation assistant](https://deepwiki.com/esengine/esengine)
-
-          pr-message: |
-            👋 你好！感谢你提交第一个 Pull Request！
-
-            在我们 Review 之前，请确保：
-            - ✅ 代码遵循项目规范
-            - ✅ 通过所有测试
-            - ✅ 更新了相关文档
-            - ✅ Commit 遵循 [Conventional Commits](https://www.conventionalcommits.org/) 规范
-
-            查看完整的[贡献指南](https://github.com/esengine/esengine/blob/master/CONTRIBUTING.md)。
-
-            ---
-
-            👋 Hello! Thanks for your first Pull Request!
-
-            Before we review, please ensure:
-            - ✅ Code follows project conventions
-            - ✅ All tests pass
-            - ✅ Documentation is updated
-            - ✅ Commits follow [Conventional Commits](https://www.conventionalcommits.org/)
-
-            See the full [Contributing Guide](https://github.com/esengine/esengine/blob/master/CONTRIBUTING.md).

.gitignore

@@ -90,3 +90,7 @@ docs/.vitepress/dist/
 # Tauri 捆绑输出
 **/src-tauri/target/release/bundle/
 **/src-tauri/target/debug/bundle/
+
+# Rust 构建产物
+**/engine-shared/target/
+external/

README.md

@@ -5,7 +5,7 @@
 </h1>
 
 <p align="center">
-  <strong>Cross-platform 2D Game Engine</strong>
+  <strong>Modular Game Framework for TypeScript</strong>
 </p>
 
 <p align="center">
@@ -23,62 +23,58 @@
 <p align="center">
   <a href="https://esengine.cn/">Documentation</a> ·
   <a href="https://esengine.cn/api/README">API Reference</a> ·
-  <a href="https://github.com/esengine/esengine/releases">Download Editor</a> ·
   <a href="./examples/">Examples</a>
 </p>
 
 ---
 
-## Overview
+## What is ESEngine?
 
-ESEngine is a cross-platform 2D game engine built from the ground up with modern web technologies. It provides a comprehensive toolset that enables developers to focus on creating games rather than building infrastructure.
+ESEngine is a collection of **engine-agnostic game development modules** for TypeScript. Use them with Cocos Creator, Laya, Phaser, PixiJS, or any JavaScript game engine.
 
-Export your games to multiple platforms including web browsers, WeChat Mini Games, and other mini-game platforms from a single codebase.
-
-## Key Features
-
-| Feature | Description |
-|---------|-------------|
-| **ECS Architecture** | Data-driven Entity-Component-System pattern for flexible and cache-friendly game logic |
-| **High-Performance Rendering** | Rust/WebAssembly 2D renderer with automatic sprite batching and WebGL 2.0 backend |
-| **Visual Editor** | Cross-platform desktop editor built with Tauri for scene management and asset workflows |
-| **Modular Design** | Import only what you need - each feature is a standalone package |
-| **Multi-Platform Export** | Deploy to Web, WeChat Mini Games, and more from one codebase |
-| **Physics Integration** | 2D physics powered by Rapier with editor visualization |
-| **Visual Scripting** | Behavior trees and blueprint system for designers |
-
-## Tech Stack
-
-- **Runtime**: TypeScript, Rust, WebAssembly
-- **Renderer**: WebGL 2.0, WGPU (planned)
-- **Editor**: Tauri, React, Zustand
-- **Physics**: Rapier2D
-- **Build**: pnpm, Turborepo, Rollup
-
-## License
-
-ESEngine is **free and open source** under the [MIT License](LICENSE). No royalties, no strings attached.
-
-## Installation
-
-### npm
+The core is a high-performance **ECS (Entity-Component-System)** framework, accompanied by optional modules for AI, networking, physics, and more.
 
 ```bash
 npm install @esengine/ecs-framework
 ```
 
-### Editor
+## Features
 
-Download pre-built binaries from the [Releases](https://github.com/esengine/esengine/releases) page (Windows, macOS).
+| Module | Description | Engine Required |
+|--------|-------------|:---------------:|
+| **ECS Core** | Entity-Component-System framework with reactive queries | No |
+| **Behavior Tree** | AI behavior trees with visual editor support | No |
+| **Blueprint** | Visual scripting system | No |
+| **FSM** | Finite state machine | No |
+| **Timer** | Timer and cooldown systems | No |
+| **Spatial** | Spatial indexing and queries (QuadTree, Grid) | No |
+| **Pathfinding** | A* and navigation mesh pathfinding | No |
+| **Network** | Client/server networking with TSRPC | No |
+
+> All framework modules can be used standalone with any rendering engine.
 
 ## Quick Start
 
+### Using CLI (Recommended)
+
+The easiest way to add ECS to your existing project:
+
+```bash
+# In your project directory
+npx @esengine/cli init
+```
+
+The CLI automatically detects your project type (Cocos Creator 2.x/3.x, LayaAir 3.x, or Node.js) and generates the necessary integration code.
+
+### Manual Setup
+
 ```typescript
 import {
     Core, Scene, Entity, Component, EntitySystem,
     Matcher, Time, ECSComponent, ECSSystem
 } from '@esengine/ecs-framework';
 
+// Define components (data only)
 @ECSComponent('Position')
 class Position extends Component {
     x = 0;
@@ -91,6 +87,7 @@ class Velocity extends Component {
     dy = 0;
 }
 
+// Define system (logic)
 @ECSSystem('Movement')
 class MovementSystem extends EntitySystem {
     constructor() {
@@ -118,7 +115,7 @@ player.addComponent(new Velocity());
 
 Core.setScene(scene);
 
-// Game loop
+// Integrate with your game loop
 function gameLoop(currentTime: number) {
     Core.update(currentTime / 1000);
     requestAnimationFrame(gameLoop);
@@ -126,96 +123,132 @@ function gameLoop(currentTime: number) {
 requestAnimationFrame(gameLoop);
 ```
 
+## Using with Other Engines
+
+ESEngine's framework modules are designed to work alongside your preferred rendering engine:
+
+### With Cocos Creator
+
+```typescript
+import { Component as CCComponent, _decorator } from 'cc';
+import { Core, Scene, Matcher, EntitySystem } from '@esengine/ecs-framework';
+import { BehaviorTreeExecutionSystem } from '@esengine/behavior-tree';
+
+const { ccclass } = _decorator;
+
+@ccclass('GameManager')
+export class GameManager extends CCComponent {
+    private ecsScene!: Scene;
+
+    start() {
+        Core.create();
+        this.ecsScene = new Scene();
+
+        // Add ECS systems
+        this.ecsScene.addSystem(new BehaviorTreeExecutionSystem());
+        this.ecsScene.addSystem(new MyGameSystem());
+
+        Core.setScene(this.ecsScene);
+    }
+
+    update(dt: number) {
+        Core.update(dt);
+    }
+}
+```
+
+### With Laya 3.x
+
+```typescript
+import { Core, Scene } from '@esengine/ecs-framework';
+import { FSMSystem } from '@esengine/fsm';
+
+const { regClass } = Laya;
+
+@regClass()
+export class ECSManager extends Laya.Script {
+    private ecsScene = new Scene();
+
+    onAwake(): void {
+        Core.create();
+        this.ecsScene.addSystem(new FSMSystem());
+        Core.setScene(this.ecsScene);
+    }
+
+    onUpdate(): void {
+        Core.update(Laya.timer.delta / 1000);
+    }
+
+    onDestroy(): void {
+        Core.destroy();
+    }
+}
+```
+
 ## Packages
 
-ESEngine is organized as a monorepo with modular packages.
+### Framework (Engine-Agnostic)
 
-### Core
+These packages have **zero rendering dependencies** and work with any engine:
 
-| Package | Description |
-|---------|-------------|
-| `@esengine/ecs-framework` | Core ECS framework with entity management, component system, and queries |
-| `@esengine/math` | Vector, matrix, and mathematical utilities |
-| `@esengine/engine` | Rust/WASM 2D renderer |
-| `@esengine/engine-core` | Engine module system and lifecycle management |
+```bash
+npm install @esengine/ecs-framework      # Core ECS
+npm install @esengine/behavior-tree      # AI behavior trees
+npm install @esengine/blueprint          # Visual scripting
+npm install @esengine/fsm                # State machines
+npm install @esengine/timer              # Timers & cooldowns
+npm install @esengine/spatial            # Spatial indexing
+npm install @esengine/pathfinding        # Pathfinding
+npm install @esengine/network            # Networking
+```
 
-### Runtime
+### ESEngine Runtime (Optional)
 
-| Package | Description |
-|---------|-------------|
-| `@esengine/sprite` | 2D sprite rendering and animation |
-| `@esengine/tilemap` | Tile-based map rendering |
-| `@esengine/physics-rapier2d` | 2D physics simulation (Rapier) |
-| `@esengine/behavior-tree` | Behavior tree AI system |
-| `@esengine/blueprint` | Visual scripting runtime |
-| `@esengine/camera` | Camera control and management |
-| `@esengine/audio` | Audio playback |
-| `@esengine/ui` | UI components |
-| `@esengine/material-system` | Material and shader system |
-| `@esengine/asset-system` | Asset loading and management |
+If you want a complete engine solution with rendering:
 
-### Editor Extensions
+| Category | Packages |
+|----------|----------|
+| **Core** | `engine-core`, `asset-system`, `material-system` |
+| **Rendering** | `sprite`, `tilemap`, `particle`, `camera`, `mesh-3d` |
+| **Physics** | `physics-rapier2d` |
+| **Platform** | `platform-web`, `platform-wechat` |
 
-| Package | Description |
-|---------|-------------|
-| `@esengine/sprite-editor` | Sprite inspector and tools |
-| `@esengine/tilemap-editor` | Visual tilemap editor |
-| `@esengine/physics-rapier2d-editor` | Physics collider visualization |
-| `@esengine/behavior-tree-editor` | Visual behavior tree editor |
-| `@esengine/blueprint-editor` | Visual scripting editor |
-| `@esengine/material-editor` | Material editor |
+### Editor (Optional)
 
-### Platform
+A visual editor built with Tauri for scene management:
 
-| Package | Description |
-|---------|-------------|
-| `@esengine/platform-common` | Platform abstraction interfaces |
-| `@esengine/platform-web` | Web browser runtime |
-| `@esengine/platform-wechat` | WeChat Mini Game runtime |
+- Download from [Releases](https://github.com/esengine/esengine/releases)
+- Supports behavior tree editing, tilemap painting, visual scripting
 
-## Editor
+## Project Structure
 
-The ESEngine Editor is a cross-platform desktop application built with Tauri and React.
-
-### Features
-
-- Scene hierarchy and entity management
-- Component inspector with custom property editors
-- Asset browser with drag-and-drop
-- Tilemap editor with paint and fill tools
-- Behavior tree visual editor
-- Blueprint visual scripting
-- Material and shader editing
-- Built-in performance profiler
-- Localization (English, Chinese)
-
-### Screenshot
-
-![ESEngine Editor](screenshots/main_screetshot.png)
-
-## Platform Support
-
-| Platform | Runtime | Editor |
-|----------|:-------:|:------:|
-| Web Browser | ✓ | - |
-| Windows | - | ✓ |
-| macOS | - | ✓ |
-| WeChat Mini Game | In Progress | - |
-| Playable Ads | Planned | - |
-| Android | Planned | - |
-| iOS | Planned | - |
+```
+esengine/
+├── packages/
+│   ├── framework/          # Engine-agnostic modules (NPM publishable)
+│   │   ├── core/          # ECS Framework
+│   │   ├── math/          # Math utilities
+│   │   ├── behavior-tree/ # AI behavior trees
+│   │   ├── blueprint/     # Visual scripting
+│   │   ├── fsm/           # Finite state machine
+│   │   ├── timer/         # Timer system
+│   │   ├── spatial/       # Spatial queries
+│   │   ├── pathfinding/   # Pathfinding
+│   │   ├── procgen/       # Procedural generation
+│   │   └── network/       # Networking
+│   │
+│   ├── engine/            # ESEngine runtime
+│   ├── rendering/         # Rendering modules
+│   ├── physics/           # Physics modules
+│   ├── editor/            # Visual editor
+│   └── rust/              # WASM renderer
+│
+├── docs/                   # Documentation
+└── examples/               # Examples
+```
 
 ## Building from Source
 
-### Prerequisites
-
-- Node.js 18+
-- pnpm 10+
-- Rust toolchain (for WASM renderer)
-- wasm-pack
-
-### Setup
-
 ```bash
 git clone https://github.com/esengine/esengine.git
 cd esengine
@@ -223,42 +256,28 @@ cd esengine
 pnpm install
 pnpm build
 
-# Optional: Build WASM renderer
-pnpm build:wasm
-```
+# Type check framework packages
+pnpm type-check:framework
 
-### Run Editor
-
-```bash
-cd packages/editor-app
-pnpm tauri:dev
-```
-
-### Project Structure
-
-```
-esengine/
-├── packages/           # Engine packages (runtime, editor, platform)
-├── docs/               # Documentation source
-├── examples/           # Example projects
-├── scripts/            # Build utilities
-└── thirdparty/         # Third-party dependencies
+# Run tests
+pnpm test
 ```
 
 ## Documentation
 
-- [Getting Started](https://esengine.cn/guide/getting-started.html)
-- [Architecture Guide](https://esengine.cn/guide/)
+- [ECS Framework Guide](./packages/framework/core/README.md)
+- [Behavior Tree Guide](./packages/framework/behavior-tree/README.md)
 - [API Reference](https://esengine.cn/api/README)
 
 ## Community
 
 - [GitHub Issues](https://github.com/esengine/esengine/issues) - Bug reports and feature requests
 - [GitHub Discussions](https://github.com/esengine/esengine/discussions) - Questions and ideas
+- [Discord](https://discord.gg/gCAgzXFW) - Chat with the community
 
 ## Contributing
 
-Contributions are welcome. Please read the contributing guidelines before submitting a pull request.
+Contributions are welcome! Please read our contributing guidelines before submitting a pull request.
 
 1. Fork the repository
 2. Create a feature branch (`git checkout -b feature/amazing-feature`)
@@ -268,10 +287,10 @@ Contributions are welcome. Please read the contributing guidelines before submit
 
 ## License
 
-ESEngine is licensed under the [MIT License](LICENSE).
+ESEngine is licensed under the [MIT License](LICENSE). Free for personal and commercial use.
 
 ---
 
 <p align="center">
-  Made with ❤️ by the ESEngine team
+  Made with care by the ESEngine community
 </p>

README_CN.md

@@ -5,7 +5,7 @@
 </h1>
 
 <p align="center">
-  <strong>跨平台 2D 游戏引擎</strong>
+  <strong>TypeScript 模块化游戏框架</strong>
 </p>
 
 <p align="center">
@@ -23,62 +23,58 @@
 <p align="center">
   <a href="https://esengine.cn/">文档</a> ·
   <a href="https://esengine.cn/api/README">API 参考</a> ·
-  <a href="https://github.com/esengine/esengine/releases">下载编辑器</a> ·
   <a href="./examples/">示例</a>
 </p>
 
 ---
 
-## 概述
+## ESEngine 是什么？
 
-ESEngine 是一款基于现代 Web 技术从零构建的跨平台 2D 游戏引擎。它提供完整的工具集，让开发者专注于游戏创作而非基础设施搭建。
+ESEngine 是一套**引擎无关的游戏开发模块**，可与 Cocos Creator、Laya、Phaser、PixiJS 等任何 JavaScript 游戏引擎配合使用。
 
-一套代码即可导出到 Web 浏览器、微信小游戏等多个平台。
-
-## 核心特性
-
-| 特性 | 描述 |
-|-----|------|
-| **ECS 架构** | 数据驱动的实体-组件-系统模式，提供灵活且缓存友好的游戏逻辑 |
-| **高性能渲染** | Rust/WebAssembly 2D 渲染器，支持自动精灵批处理和 WebGL 2.0 |
-| **可视化编辑器** | 基于 Tauri 的跨平台桌面编辑器，支持场景管理和资源工作流 |
-| **模块化设计** | 按需引入，每个功能都是独立的包 |
-| **多平台导出** | 一套代码部署到 Web、微信小游戏等平台 |
-| **物理集成** | 基于 Rapier 的 2D 物理，支持编辑器可视化 |
-| **可视化脚本** | 行为树和蓝图系统，适合策划使用 |
-
-## 技术栈
-
-- **运行时**: TypeScript, Rust, WebAssembly
-- **渲染器**: WebGL 2.0, WGPU (计划中)
-- **编辑器**: Tauri, React, Zustand
-- **物理**: Rapier2D
-- **构建**: pnpm, Turborepo, Rollup
-
-## 许可证
-
-ESEngine **完全免费开源**，采用 [MIT 协议](LICENSE)。无版税，无附加条件。
-
-## 安装
-
-### npm
+核心是一个高性能的 **ECS（实体-组件-系统）** 框架，配套 AI、网络、物理等可选模块。
 
 ```bash
 npm install @esengine/ecs-framework
 ```
 
-### 编辑器
+## 功能模块
 
-从 [Releases](https://github.com/esengine/esengine/releases) 页面下载预编译版本（支持 Windows、macOS）。
+| 模块 | 描述 | 需要渲染引擎 |
+|------|------|:----------:|
+| **ECS 核心** | 实体-组件-系统框架，支持响应式查询 | 否 |
+| **行为树** | AI 行为树，支持可视化编辑 | 否 |
+| **蓝图** | 可视化脚本系统 | 否 |
+| **状态机** | 有限状态机 | 否 |
+| **定时器** | 定时器和冷却系统 | 否 |
+| **空间索引** | 空间查询（四叉树、网格） | 否 |
+| **寻路** | A* 和导航网格寻路 | 否 |
+| **网络** | 客户端/服务端网络通信 (TSRPC) | 否 |
+
+> 所有框架模块都可以独立使用，无需依赖特定渲染引擎。
 
 ## 快速开始
 
+### 使用 CLI（推荐）
+
+在现有项目中添加 ECS 的最简单方式：
+
+```bash
+# 在项目目录中运行
+npx @esengine/cli init
+```
+
+CLI 会自动检测项目类型（Cocos Creator 2.x/3.x、LayaAir 3.x 或 Node.js）并生成相应的集成代码。
+
+### 手动配置
+
 ```typescript
 import {
     Core, Scene, Entity, Component, EntitySystem,
     Matcher, Time, ECSComponent, ECSSystem
 } from '@esengine/ecs-framework';
 
+// 定义组件（纯数据）
 @ECSComponent('Position')
 class Position extends Component {
     x = 0;
@@ -91,6 +87,7 @@ class Velocity extends Component {
     dy = 0;
 }
 
+// 定义系统（逻辑）
 @ECSSystem('Movement')
 class MovementSystem extends EntitySystem {
     constructor() {
@@ -118,7 +115,7 @@ player.addComponent(new Velocity());
 
 Core.setScene(scene);
 
-// 游戏循环
+// 集成到你的游戏循环
 function gameLoop(currentTime: number) {
     Core.update(currentTime / 1000);
     requestAnimationFrame(gameLoop);
@@ -126,96 +123,132 @@ function gameLoop(currentTime: number) {
 requestAnimationFrame(gameLoop);
 ```
 
-## 模块
+## 与其他引擎配合使用
 
-ESEngine 采用 Monorepo 组织，包含多个模块化包。
+ESEngine 的框架模块设计为可与你喜欢的渲染引擎配合使用：
 
-### 核心
+### 与 Cocos Creator 配合
 
-| 包名 | 描述 |
+```typescript
+import { Component as CCComponent, _decorator } from 'cc';
+import { Core, Scene, Matcher, EntitySystem } from '@esengine/ecs-framework';
+import { BehaviorTreeExecutionSystem } from '@esengine/behavior-tree';
+
+const { ccclass } = _decorator;
+
+@ccclass('GameManager')
+export class GameManager extends CCComponent {
+    private ecsScene!: Scene;
+
+    start() {
+        Core.create();
+        this.ecsScene = new Scene();
+
+        // 添加 ECS 系统
+        this.ecsScene.addSystem(new BehaviorTreeExecutionSystem());
+        this.ecsScene.addSystem(new MyGameSystem());
+
+        Core.setScene(this.ecsScene);
+    }
+
+    update(dt: number) {
+        Core.update(dt);
+    }
+}
+```
+
+### 与 Laya 3.x 配合
+
+```typescript
+import { Core, Scene } from '@esengine/ecs-framework';
+import { FSMSystem } from '@esengine/fsm';
+
+const { regClass } = Laya;
+
+@regClass()
+export class ECSManager extends Laya.Script {
+    private ecsScene = new Scene();
+
+    onAwake(): void {
+        Core.create();
+        this.ecsScene.addSystem(new FSMSystem());
+        Core.setScene(this.ecsScene);
+    }
+
+    onUpdate(): void {
+        Core.update(Laya.timer.delta / 1000);
+    }
+
+    onDestroy(): void {
+        Core.destroy();
+    }
+}
+```
+
+## 包列表
+
+### 框架包（引擎无关）
+
+这些包**零渲染依赖**，可与任何引擎配合使用：
+
+```bash
+npm install @esengine/ecs-framework      # ECS 核心
+npm install @esengine/behavior-tree      # AI 行为树
+npm install @esengine/blueprint          # 可视化脚本
+npm install @esengine/fsm                # 状态机
+npm install @esengine/timer              # 定时器和冷却
+npm install @esengine/spatial            # 空间索引
+npm install @esengine/pathfinding        # 寻路
+npm install @esengine/network            # 网络
+```
+
+### ESEngine 运行时（可选）
+
+如果你需要完整的引擎解决方案：
+
+| 分类 | 包名 |
 |------|------|
-| `@esengine/ecs-framework` | ECS 框架核心，包含实体管理、组件系统和查询 |
-| `@esengine/math` | 向量、矩阵和数学工具 |
-| `@esengine/engine` | Rust/WASM 2D 渲染器 |
-| `@esengine/engine-core` | 引擎模块系统和生命周期管理 |
+| **核心** | `engine-core`, `asset-system`, `material-system` |
+| **渲染** | `sprite`, `tilemap`, `particle`, `camera`, `mesh-3d` |
+| **物理** | `physics-rapier2d` |
+| **平台** | `platform-web`, `platform-wechat` |
 
-### 运行时
+### 编辑器（可选）
 
-| 包名 | 描述 |
-|------|------|
-| `@esengine/sprite` | 2D 精灵渲染和动画 |
-| `@esengine/tilemap` | Tilemap 渲染 |
-| `@esengine/physics-rapier2d` | 2D 物理模拟 (Rapier) |
-| `@esengine/behavior-tree` | 行为树 AI 系统 |
-| `@esengine/blueprint` | 可视化脚本运行时 |
-| `@esengine/camera` | 相机控制和管理 |
-| `@esengine/audio` | 音频播放 |
-| `@esengine/ui` | UI 组件 |
-| `@esengine/material-system` | 材质和着色器系统 |
-| `@esengine/asset-system` | 资源加载和管理 |
+基于 Tauri 构建的可视化编辑器：
 
-### 编辑器扩展
+- 从 [Releases](https://github.com/esengine/esengine/releases) 下载
+- 支持行为树编辑、Tilemap 绘制、可视化脚本
 
-| 包名 | 描述 |
-|------|------|
-| `@esengine/sprite-editor` | 精灵检视器和工具 |
-| `@esengine/tilemap-editor` | 可视化 Tilemap 编辑器 |
-| `@esengine/physics-rapier2d-editor` | 物理碰撞体可视化 |
-| `@esengine/behavior-tree-editor` | 可视化行为树编辑器 |
-| `@esengine/blueprint-editor` | 可视化脚本编辑器 |
-| `@esengine/material-editor` | 材质编辑器 |
+## 项目结构
 
-### 平台
-
-| 包名 | 描述 |
-|------|------|
-| `@esengine/platform-common` | 平台抽象接口 |
-| `@esengine/platform-web` | Web 浏览器运行时 |
-| `@esengine/platform-wechat` | 微信小游戏运行时 |
-
-## 编辑器
-
-ESEngine 编辑器是基于 Tauri 和 React 构建的跨平台桌面应用。
-
-### 功能
-
-- 场景层级和实体管理
-- 组件检视器，支持自定义属性编辑器
-- 资源浏览器，支持拖放
-- Tilemap 编辑器，支持绘制和填充工具
-- 行为树可视化编辑器
-- 蓝图可视化脚本
-- 材质和着色器编辑
-- 内置性能分析器
-- 多语言支持（英文、中文）
-
-### 截图
-
-![ESEngine Editor](screenshots/main_screetshot.png)
-
-## 平台支持
-
-| 平台 | 运行时 | 编辑器 |
-|------|:------:|:------:|
-| Web 浏览器 | ✓ | - |
-| Windows | - | ✓ |
-| macOS | - | ✓ |
-| 微信小游戏 | 开发中 | - |
-| Playable 可玩广告 | 计划中 | - |
-| Android | 计划中 | - |
-| iOS | 计划中 | - |
+```
+esengine/
+├── packages/
+│   ├── framework/          # 引擎无关模块（可发布到 NPM）
+│   │   ├── core/          # ECS 框架
+│   │   ├── math/          # 数学工具
+│   │   ├── behavior-tree/ # AI 行为树
+│   │   ├── blueprint/     # 可视化脚本
+│   │   ├── fsm/           # 有限状态机
+│   │   ├── timer/         # 定时器系统
+│   │   ├── spatial/       # 空间查询
+│   │   ├── pathfinding/   # 寻路
+│   │   ├── procgen/       # 程序化生成
+│   │   └── network/       # 网络
+│   │
+│   ├── engine/            # ESEngine 运行时
+│   ├── rendering/         # 渲染模块
+│   ├── physics/           # 物理模块
+│   ├── editor/            # 可视化编辑器
+│   └── rust/              # WASM 渲染器
+│
+├── docs/                   # 文档
+└── examples/               # 示例
+```
 
 ## 从源码构建
 
-### 前置要求
-
-- Node.js 18+
-- pnpm 10+
-- Rust 工具链（用于 WASM 渲染器）
-- wasm-pack
-
-### 安装
-
 ```bash
 git clone https://github.com/esengine/esengine.git
 cd esengine
@@ -223,43 +256,29 @@ cd esengine
 pnpm install
 pnpm build
 
-# 可选：构建 WASM 渲染器
-pnpm build:wasm
-```
+# 框架包类型检查
+pnpm type-check:framework
 
-### 运行编辑器
-
-```bash
-cd packages/editor-app
-pnpm tauri:dev
-```
-
-### 项目结构
-
-```
-esengine/
-├── packages/           # 引擎包（运行时、编辑器、平台）
-├── docs/               # 文档源码
-├── examples/           # 示例项目
-├── scripts/            # 构建工具
-└── thirdparty/         # 第三方依赖
+# 运行测试
+pnpm test
 ```
 
 ## 文档
 
-- [快速入门](https://esengine.cn/guide/getting-started.html)
-- [架构指南](https://esengine.cn/guide/)
+- [ECS 框架指南](./packages/framework/core/README.md)
+- [行为树指南](./packages/framework/behavior-tree/README.md)
 - [API 参考](https://esengine.cn/api/README)
 
 ## 社区
 
+- [QQ 交流群](https://jq.qq.com/?_wv=1027&k=29w1Nud6) - 中文社区
+- [Discord](https://discord.gg/gCAgzXFW) - 国际社区
 - [GitHub Issues](https://github.com/esengine/esengine/issues) - Bug 反馈和功能建议
 - [GitHub Discussions](https://github.com/esengine/esengine/discussions) - 问题和想法
-- [QQ 交流群](https://jq.qq.com/?_wv=1027&k=29w1Nud6) - 中文社区
 
 ## 贡献
 
-欢迎贡献代码。提交 PR 前请阅读贡献指南。
+欢迎贡献代码！提交 PR 前请阅读贡献指南。
 
 1. Fork 仓库
 2. 创建功能分支 (`git checkout -b feature/amazing-feature`)
@@ -269,10 +288,10 @@ esengine/
 
 ## 许可证
 
-ESEngine 基于 [MIT 协议](LICENSE) 开源。
+ESEngine 基于 [MIT 协议](LICENSE) 开源，个人和商业使用均免费。
 
 ---
 
 <p align="center">
-  由 ESEngine 团队用 ❤️ 打造
+  由 ESEngine 社区用心打造
 </p>

docs/.vitepress/config.mjs

@@ -6,7 +6,7 @@ import { fileURLToPath } from 'url'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 const corePackageJson = JSON.parse(
-  readFileSync(join(__dirname, '../../packages/core/package.json'), 'utf-8')
+  readFileSync(join(__dirname, '../../packages/framework/core/package.json'), 'utf-8')
 )
 
 // Import i18n messages

docs/architecture/material-system-refactor.md

@@ -0,0 +1,663 @@
+# ESEngine 材质系统统一架构重构方案
+
+## 问题概述
+
+当前 UI 和 Scene (Sprite) 两套渲染系统存在大量代码重复：
+
+| 重复项 | Sprite | UI | 重复度 |
+|--------|--------|----|----|
+| 材质属性覆盖接口 | `MaterialPropertyOverride` | `UIMaterialPropertyOverride` | 100% |
+| 材质方法 (12个) | `SpriteComponent` | `UIRenderComponent` | 100% |
+| ShinyEffect 组件 | `ShinyEffectComponent` | `UIShinyEffectComponent` | 99% |
+| ShinyEffect 系统 | `ShinyEffectSystem` | `UIShinyEffectSystem` | 98% |
+
+**根本原因**：缺乏统一的材质覆盖接口抽象层。
+
+---
+
+## 一、统一材质覆盖接口
+
+### 1.1 定义通用接口
+
+在 `@esengine/material-system` 包中定义统一接口：
+
+```typescript
+// packages/material-system/src/interfaces/IMaterialOverridable.ts
+
+/**
+ * Material property override definition.
+ * 材质属性覆盖定义。
+ */
+export interface MaterialPropertyOverride {
+    type: 'float' | 'vec2' | 'vec3' | 'vec4' | 'color' | 'int';
+    value: number | number[];
+}
+
+export type MaterialOverrides = Record<string, MaterialPropertyOverride>;
+
+/**
+ * Interface for components that support material property overrides.
+ * 支持材质属性覆盖的组件接口。
+ */
+export interface IMaterialOverridable {
+    /** Material GUID for asset reference | 材质资产引用的 GUID */
+    materialGuid: string;
+
+    /** Current material overrides | 当前材质覆盖 */
+    readonly materialOverrides: MaterialOverrides;
+
+    /** Get current material ID | 获取当前材质 ID */
+    getMaterialId(): number;
+
+    /** Set material ID | 设置材质 ID */
+    setMaterialId(id: number): void;
+
+    // Uniform setters
+    setOverrideFloat(name: string, value: number): this;
+    setOverrideVec2(name: string, x: number, y: number): this;
+    setOverrideVec3(name: string, x: number, y: number, z: number): this;
+    setOverrideVec4(name: string, x: number, y: number, z: number, w: number): this;
+    setOverrideColor(name: string, r: number, g: number, b: number, a?: number): this;
+    setOverrideInt(name: string, value: number): this;
+
+    // Uniform getters
+    getOverride(name: string): MaterialPropertyOverride | undefined;
+    removeOverride(name: string): this;
+    clearOverrides(): this;
+    hasOverrides(): boolean;
+}
+```
+
+### 1.2 创建 Mixin 实现
+
+使用 Mixin 模式避免代码重复：
+
+```typescript
+// packages/material-system/src/mixins/MaterialOverridableMixin.ts
+
+import type { MaterialPropertyOverride, MaterialOverrides } from '../interfaces/IMaterialOverridable';
+
+/**
+ * Mixin that provides material override functionality.
+ * 提供材质覆盖功能的 Mixin。
+ */
+export function MaterialOverridableMixin<TBase extends new (...args: any[]) => {}>(Base: TBase) {
+    return class extends Base {
+        materialGuid: string = '';
+        private _materialId: number = 0;
+        private _materialOverrides: MaterialOverrides = {};
+
+        get materialOverrides(): MaterialOverrides {
+            return this._materialOverrides;
+        }
+
+        getMaterialId(): number {
+            return this._materialId;
+        }
+
+        setMaterialId(id: number): void {
+            this._materialId = id;
+        }
+
+        setOverrideFloat(name: string, value: number): this {
+            this._materialOverrides[name] = { type: 'float', value };
+            return this;
+        }
+
+        setOverrideVec2(name: string, x: number, y: number): this {
+            this._materialOverrides[name] = { type: 'vec2', value: [x, y] };
+            return this;
+        }
+
+        setOverrideVec3(name: string, x: number, y: number, z: number): this {
+            this._materialOverrides[name] = { type: 'vec3', value: [x, y, z] };
+            return this;
+        }
+
+        setOverrideVec4(name: string, x: number, y: number, z: number, w: number): this {
+            this._materialOverrides[name] = { type: 'vec4', value: [x, y, z, w] };
+            return this;
+        }
+
+        setOverrideColor(name: string, r: number, g: number, b: number, a: number = 1.0): this {
+            this._materialOverrides[name] = { type: 'color', value: [r, g, b, a] };
+            return this;
+        }
+
+        setOverrideInt(name: string, value: number): this {
+            this._materialOverrides[name] = { type: 'int', value: Math.floor(value) };
+            return this;
+        }
+
+        getOverride(name: string): MaterialPropertyOverride | undefined {
+            return this._materialOverrides[name];
+        }
+
+        removeOverride(name: string): this {
+            delete this._materialOverrides[name];
+            return this;
+        }
+
+        clearOverrides(): this {
+            this._materialOverrides = {};
+            return this;
+        }
+
+        hasOverrides(): boolean {
+            return Object.keys(this._materialOverrides).length > 0;
+        }
+    };
+}
+```
+
+---
+
+## 二、Shader Property 元数据系统
+
+### 2.1 定义属性元数据接口
+
+```typescript
+// packages/material-system/src/interfaces/IShaderProperty.ts
+
+/**
+ * Shader property UI metadata.
+ * 着色器属性 UI 元数据。
+ */
+export interface ShaderPropertyMeta {
+    /** Property type | 属性类型 */
+    type: 'float' | 'vec2' | 'vec3' | 'vec4' | 'color' | 'int' | 'texture';
+
+    /** Display label (supports i18n key) | 显示标签（支持 i18n 键） */
+    label: string;
+
+    /** Property group for organization | 属性分组 */
+    group?: string;
+
+    /** Default value | 默认值 */
+    default?: number | number[] | string;
+
+    // Numeric constraints
+    min?: number;
+    max?: number;
+    step?: number;
+
+    /** UI hints | UI 提示 */
+    hint?: 'range' | 'angle' | 'hdr' | 'normal';
+
+    /** Tooltip description | 工具提示描述 */
+    tooltip?: string;
+
+    /** Whether to hide in inspector | 是否在检查器中隐藏 */
+    hidden?: boolean;
+}
+
+/**
+ * Extended shader definition with property metadata.
+ * 带属性元数据的扩展着色器定义。
+ */
+export interface ShaderAssetDefinition {
+    /** Shader name | 着色器名称 */
+    name: string;
+
+    /** Display name for UI | UI 显示名称 */
+    displayName?: string;
+
+    /** Shader description | 着色器描述 */
+    description?: string;
+
+    /** Vertex shader source (inline or path) | 顶点着色器源（内联或路径）*/
+    vertexSource: string;
+
+    /** Fragment shader source (inline or path) | 片段着色器源（内联或路径）*/
+    fragmentSource: string;
+
+    /** Property metadata for inspector | 检查器属性元数据 */
+    properties?: Record<string, ShaderPropertyMeta>;
+
+    /** Render queue / order | 渲染队列/顺序 */
+    renderQueue?: number;
+
+    /** Preset blend mode | 预设混合模式 */
+    blendMode?: 'alpha' | 'additive' | 'multiply' | 'opaque';
+}
+```
+
+### 2.2 .shader 资产文件格式
+
+```json
+{
+  "$schema": "esengine://schemas/shader.json",
+  "version": 1,
+  "name": "Shiny",
+  "displayName": "闪光效果 | Shiny Effect",
+  "description": "扫光高亮动画着色器 | Sweeping highlight animation shader",
+
+  "vertexSource": "./shaders/sprite.vert",
+  "fragmentSource": "./shaders/shiny.frag",
+
+  "blendMode": "alpha",
+  "renderQueue": 2000,
+
+  "properties": {
+    "u_shinyProgress": {
+      "type": "float",
+      "label": "进度 | Progress",
+      "group": "Animation",
+      "default": 0,
+      "min": 0,
+      "max": 1,
+      "step": 0.01,
+      "hidden": true
+    },
+    "u_shinyWidth": {
+      "type": "float",
+      "label": "宽度 | Width",
+      "group": "Effect",
+      "default": 0.25,
+      "min": 0,
+      "max": 1,
+      "step": 0.01,
+      "tooltip": "闪光带宽度 | Width of the shiny band"
+    },
+    "u_shinyRotation": {
+      "type": "float",
+      "label": "角度 | Rotation",
+      "group": "Effect",
+      "default": 2.25,
+      "min": 0,
+      "max": 6.28,
+      "step": 0.01,
+      "hint": "angle"
+    },
+    "u_shinySoftness": {
+      "type": "float",
+      "label": "柔和度 | Softness",
+      "group": "Effect",
+      "default": 1.0,
+      "min": 0,
+      "max": 1,
+      "step": 0.01
+    },
+    "u_shinyBrightness": {
+      "type": "float",
+      "label": "亮度 | Brightness",
+      "group": "Effect",
+      "default": 1.0,
+      "min": 0,
+      "max": 2,
+      "step": 0.01
+    },
+    "u_shinyGloss": {
+      "type": "float",
+      "label": "光泽度 | Gloss",
+      "group": "Effect",
+      "default": 1.0,
+      "min": 0,
+      "max": 1,
+      "step": 0.01,
+      "tooltip": "0=白色高光, 1=带颜色 | 0=white shine, 1=color-tinted"
+    }
+  }
+}
+```
+
+---
+
+## 三、统一效果组件/系统架构
+
+### 3.1 抽取通用 ShinyEffect 基类
+
+```typescript
+// packages/material-system/src/effects/BaseShinyEffect.ts
+
+import { Component, Property, Serializable, Serialize } from '@esengine/ecs-framework';
+
+/**
+ * Base shiny effect configuration (shared between UI and Sprite).
+ * 基础闪光效果配置（UI 和 Sprite 共享）。
+ */
+export abstract class BaseShinyEffect extends Component {
+    // ============= Effect Parameters =============
+    @Serialize()
+    @Property({ type: 'number', label: 'Width', min: 0, max: 1, step: 0.01 })
+    public width: number = 0.25;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Rotation', min: 0, max: 360, step: 1 })
+    public rotation: number = 129;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Softness', min: 0, max: 1, step: 0.01 })
+    public softness: number = 1.0;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Brightness', min: 0, max: 2, step: 0.01 })
+    public brightness: number = 1.0;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Gloss', min: 0, max: 2, step: 0.01 })
+    public gloss: number = 1.0;
+
+    // ============= Animation Settings =============
+    @Serialize()
+    @Property({ type: 'boolean', label: 'Play' })
+    public play: boolean = true;
+
+    @Serialize()
+    @Property({ type: 'boolean', label: 'Loop' })
+    public loop: boolean = true;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Duration', min: 0.1, step: 0.1 })
+    public duration: number = 2.0;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Loop Delay', min: 0, step: 0.1 })
+    public loopDelay: number = 2.0;
+
+    @Serialize()
+    @Property({ type: 'number', label: 'Initial Delay', min: 0, step: 0.1 })
+    public initialDelay: number = 0;
+
+    // ============= Runtime State =============
+    public progress: number = 0;
+    public elapsedTime: number = 0;
+    public inDelay: boolean = false;
+    public delayRemaining: number = 0;
+    public initialDelayProcessed: boolean = false;
+
+    reset(): void {
+        this.progress = 0;
+        this.elapsedTime = 0;
+        this.inDelay = false;
+        this.delayRemaining = 0;
+        this.initialDelayProcessed = false;
+    }
+
+    start(): void {
+        this.reset();
+        this.play = true;
+    }
+
+    stop(): void {
+        this.play = false;
+    }
+
+    getRotationRadians(): number {
+        return this.rotation * Math.PI / 180;
+    }
+}
+```
+
+### 3.2 通用动画更新逻辑
+
+```typescript
+// packages/material-system/src/effects/ShinyEffectAnimator.ts
+
+import type { BaseShinyEffect } from './BaseShinyEffect';
+import type { IMaterialOverridable } from '../interfaces/IMaterialOverridable';
+import { BuiltInShaders } from '../types';
+
+/**
+ * Shared animator logic for shiny effect.
+ * 闪光效果共享的动画逻辑。
+ */
+export class ShinyEffectAnimator {
+    /**
+     * Update animation state.
+     * 更新动画状态。
+     */
+    static updateAnimation(shiny: BaseShinyEffect, deltaTime: number): void {
+        if (!shiny.initialDelayProcessed && shiny.initialDelay > 0) {
+            shiny.delayRemaining = shiny.initialDelay;
+            shiny.inDelay = true;
+            shiny.initialDelayProcessed = true;
+        }
+
+        if (shiny.inDelay) {
+            shiny.delayRemaining -= deltaTime;
+            if (shiny.delayRemaining <= 0) {
+                shiny.inDelay = false;
+                shiny.elapsedTime = 0;
+            }
+            return;
+        }
+
+        shiny.elapsedTime += deltaTime;
+        shiny.progress = Math.min(shiny.elapsedTime / shiny.duration, 1.0);
+
+        if (shiny.progress >= 1.0) {
+            if (shiny.loop) {
+                shiny.inDelay = true;
+                shiny.delayRemaining = shiny.loopDelay;
+                shiny.progress = 0;
+                shiny.elapsedTime = 0;
+            } else {
+                shiny.play = false;
+                shiny.progress = 1.0;
+            }
+        }
+    }
+
+    /**
+     * Apply material overrides.
+     * 应用材质覆盖。
+     */
+    static applyMaterialOverrides(shiny: BaseShinyEffect, target: IMaterialOverridable): void {
+        if (target.getMaterialId() === 0) {
+            target.setMaterialId(BuiltInShaders.Shiny);
+        }
+
+        target.setOverrideFloat('u_shinyProgress', shiny.progress);
+        target.setOverrideFloat('u_shinyWidth', shiny.width);
+        target.setOverrideFloat('u_shinyRotation', shiny.getRotationRadians());
+        target.setOverrideFloat('u_shinySoftness', shiny.softness);
+        target.setOverrideFloat('u_shinyBrightness', shiny.brightness);
+        target.setOverrideFloat('u_shinyGloss', shiny.gloss);
+    }
+}
+```
+
+---
+
+## 四、Material Inspector 设计
+
+### 4.1 组件架构
+
+```
+MaterialPropertiesEditor (容器组件)
+├── ShaderSelector (着色器选择器)
+├── PropertyGroup (属性分组)
+│   ├── FloatProperty (浮点属性)
+│   ├── VectorProperty (向量属性)
+│   ├── ColorProperty (颜色属性)
+│   └── TextureProperty (纹理属性)
+└── OverrideIndicator (覆盖指示器)
+```
+
+### 4.2 核心组件
+
+```typescript
+// packages/editor-app/src/components/inspectors/material/MaterialPropertiesEditor.tsx
+
+interface MaterialPropertiesEditorProps {
+    /** Target component implementing IMaterialOverridable */
+    target: IMaterialOverridable;
+    /** Current shader definition with property metadata */
+    shaderDef?: ShaderAssetDefinition;
+    /** Callback when property changes */
+    onChange?: (name: string, value: MaterialPropertyOverride) => void;
+}
+
+export const MaterialPropertiesEditor: React.FC<MaterialPropertiesEditorProps> = ({
+    target,
+    shaderDef,
+    onChange
+}) => {
+    // Group properties by their group field
+    const groupedProps = useMemo(() => {
+        if (!shaderDef?.properties) return {};
+
+        const groups: Record<string, Array<[string, ShaderPropertyMeta]>> = {};
+        for (const [name, meta] of Object.entries(shaderDef.properties)) {
+            if (meta.hidden) continue;
+            const group = meta.group || 'Default';
+            if (!groups[group]) groups[group] = [];
+            groups[group].push([name, meta]);
+        }
+        return groups;
+    }, [shaderDef]);
+
+    return (
+        <div className="material-properties-editor">
+            <ShaderSelector
+                currentShaderId={target.getMaterialId()}
+                onSelect={(id) => target.setMaterialId(id)}
+            />
+
+            {Object.entries(groupedProps).map(([group, props]) => (
+                <PropertyGroup key={group} title={group}>
+                    {props.map(([name, meta]) => (
+                        <PropertyField
+                            key={name}
+                            name={name}
+                            meta={meta}
+                            value={target.getOverride(name)?.value ?? meta.default}
+                            onChange={(value) => {
+                                applyOverride(target, name, meta.type, value);
+                                onChange?.(name, target.getOverride(name)!);
+                            }}
+                        />
+                    ))}
+                </PropertyGroup>
+            ))}
+        </div>
+    );
+};
+```
+
+---
+
+## 五、实施计划
+
+### Phase 1: 接口层 (1-2 天)
+
+1. **创建 IMaterialOverridable 接口** (`packages/material-system/src/interfaces/`)
+2. **创建 MaterialOverridableMixin** (`packages/material-system/src/mixins/`)
+3. **导出新接口** (`packages/material-system/src/index.ts`)
+
+### Phase 2: 重构现有组件 (2-3 天)
+
+1. **修改 SpriteComponent**：实现 `IMaterialOverridable`，使用 Mixin
+2. **修改 UIRenderComponent**：实现 `IMaterialOverridable`，使用 Mixin
+3. **删除重复代码**：移除各组件中的重复材质方法
+
+### Phase 3: 统一效果系统 (2-3 天)
+
+1. **创建 BaseShinyEffect** (`packages/material-system/src/effects/`)
+2. **创建 ShinyEffectAnimator** (`packages/material-system/src/effects/`)
+3. **重构 ShinyEffectComponent**：继承 BaseShinyEffect
+4. **重构 UIShinyEffectComponent**：继承 BaseShinyEffect
+5. **重构系统**：使用 ShinyEffectAnimator
+
+### Phase 4: Shader Property 系统 (2-3 天)
+
+1. **定义 ShaderPropertyMeta 接口**
+2. **扩展 ShaderDefinition** 添加 properties 字段
+3. **创建 ShaderLoader** 支持 .shader 文件
+4. **注册内置着色器属性元数据**
+
+### Phase 5: Material Inspector (3-4 天)
+
+1. **创建 MaterialPropertiesEditor 组件**
+2. **创建 PropertyField 组件** (Float, Vector, Color, Texture)
+3. **集成到现有 Inspector 系统**
+4. **支持实时预览**
+
+---
+
+## 六、文件修改清单
+
+| 优先级 | 包 | 文件 | 操作 |
+|--------|-----|------|------|
+| P0 | material-system | `src/interfaces/IMaterialOverridable.ts` | 新建 |
+| P0 | material-system | `src/mixins/MaterialOverridableMixin.ts` | 新建 |
+| P0 | material-system | `src/interfaces/IShaderProperty.ts` | 新建 |
+| P1 | material-system | `src/effects/BaseShinyEffect.ts` | 新建 |
+| P1 | material-system | `src/effects/ShinyEffectAnimator.ts` | 新建 |
+| P1 | sprite | `src/SpriteComponent.ts` | 重构 |
+| P1 | ui | `src/components/UIRenderComponent.ts` | 重构 |
+| P2 | sprite | `src/ShinyEffectComponent.ts` | 重构 |
+| P2 | ui | `src/components/UIShinyEffectComponent.ts` | 重构 |
+| P2 | sprite | `src/systems/ShinyEffectSystem.ts` | 重构 |
+| P2 | ui | `src/systems/render/UIShinyEffectSystem.ts` | 重构 |
+| P3 | material-system | `src/loaders/ShaderLoader.ts` | 扩展 |
+| P3 | editor-app | `src/components/inspectors/material/*` | 新建 |
+
+---
+
+## 七、Transform 组件统一（可选）
+
+### 7.1 现状分析
+
+| 特性 | TransformComponent | UITransformComponent |
+|------|-------------------|---------------------|
+| **坐标系** | 绝对坐标 (position.x/y/z) | 相对锚点坐标 (x/y + anchor) |
+| **尺寸** | ❌ 无 | ✅ width/height + 约束 |
+| **锚点系统** | ❌ 无 | ✅ anchorMin/Max |
+| **3D 支持** | ✅ IVector3 | ❌ 纯 2D |
+| **可见性** | ❌ 无 | ✅ visible, alpha |
+
+### 7.2 结论
+
+**不建议完全合并**，但可提取公共基类：
+
+```typescript
+// packages/engine-core/src/interfaces/ITransformBase.ts
+
+export interface ITransformBase {
+    /** 旋转角度（度） | Rotation in degrees */
+    rotation: number;
+
+    /** X 缩放 | Scale X */
+    scaleX: number;
+
+    /** Y 缩放 | Scale Y */
+    scaleY: number;
+
+    /** 本地到世界矩阵 | Local to world matrix */
+    readonly localToWorldMatrix: Matrix2D;
+
+    /** 是否需要更新 | Dirty flag */
+    isDirty: boolean;
+
+    /** 世界坐标 X | World position X */
+    readonly worldX: number;
+
+    /** 世界坐标 Y | World position Y */
+    readonly worldY: number;
+
+    /** 世界旋转 | World rotation */
+    readonly worldRotation: number;
+
+    /** 世界缩放 X | World scale X */
+    readonly worldScaleX: number;
+
+    /** 世界缩放 Y | World scale Y */
+    readonly worldScaleY: number;
+}
+```
+
+### 7.3 收益
+
+- 渲染系统可以统一处理 `ITransformBase`
+- 减少 SpriteRenderSystem 和 UIRenderSystem 的重复
+- Gizmo 系统可以共享变换操作逻辑
+
+---
+
+## 八、向后兼容性
+
+1. **接口兼容**：现有组件的 API 保持不变
+2. **序列化兼容**：不改变现有序列化格式
+3. **渐进迁移**：可分阶段进行，不影响现有功能

docs/changelog.md

@@ -4,6 +4,49 @@
 
 ---
 
+## v2.4.2 (2025-12-25)
+
+### Features
+
+- **IncrementalSerializer 实体过滤**: 增量序列化支持 `entityFilter` 选项 (#335)
+  - 创建快照时可按条件过滤实体
+  - 支持按标签、组件类型等自定义过滤逻辑
+  - 适用于只同步部分实体的场景（如只同步玩家）
+
+```typescript
+// 只快照玩家实体
+const snapshot = IncrementalSerializer.createSnapshot(scene, {
+    entityFilter: (entity) => entity.tag === PLAYER_TAG
+});
+
+// 只快照有特定组件的实体
+const snapshot = IncrementalSerializer.createSnapshot(scene, {
+    entityFilter: (entity) => entity.hasComponent(PlayerMarker)
+});
+```
+
+### Refactor
+
+- 优化 `PlatformWorkerPool` 代码规范，提取为独立模块 (#335)
+- 优化 `WorkerEntitySystem` 实现，改进代码结构 (#334)
+- 代码规范化与依赖清理 (#317)
+- 代码结构优化，添加 `GlobalTypes.ts` 统一类型定义 (#316)
+
+---
+
+## v2.4.1 (2025-12-23)
+
+### Bug Fixes
+
+- 修复 `IntervalSystem` 时间累加 bug，间隔计时更加准确
+- 修复 Cocos Creator 兼容性问题，类型导出更完整
+
+### Documentation
+
+- 新增 `Core.paused` 属性文档说明
+
+---
+
 ## v2.4.0 (2025-12-15)
 
 ### Features

docs/en/changelog.md

@@ -4,6 +4,49 @@ This document records the version update history of the `@esengine/ecs-framework
 
 ---
 
+## v2.4.2 (2025-12-25)
+
+### Features
+
+- **IncrementalSerializer Entity Filter**: Incremental serialization supports `entityFilter` option (#335)
+  - Filter entities by condition when creating snapshots
+  - Support custom filter logic by tag, component type, etc.
+  - Suitable for scenarios that only sync partial entities (e.g., only sync players)
+
+```typescript
+// Only snapshot player entities
+const snapshot = IncrementalSerializer.createSnapshot(scene, {
+    entityFilter: (entity) => entity.tag === PLAYER_TAG
+});
+
+// Only snapshot entities with specific component
+const snapshot = IncrementalSerializer.createSnapshot(scene, {
+    entityFilter: (entity) => entity.hasComponent(PlayerMarker)
+});
+```
+
+### Refactor
+
+- Optimize `PlatformWorkerPool` code style, extract as standalone module (#335)
+- Optimize `WorkerEntitySystem` implementation, improve code structure (#334)
+- Code standardization and dependency cleanup (#317)
+- Code structure optimization, add `GlobalTypes.ts` for unified type definitions (#316)
+
+---
+
+## v2.4.1 (2025-12-23)
+
+### Bug Fixes
+
+- Fix `IntervalSystem` time accumulation bug, interval timing is now more accurate
+- Fix Cocos Creator compatibility issue, more complete type exports
+
+### Documentation
+
+- Add `Core.paused` property documentation
+
+---
+
 ## v2.4.0 (2025-12-15)
 
 ### Features

docs/en/guide/getting-started.md

@@ -4,7 +4,24 @@ This guide will help you get started with ECS Framework, from installation to cr
 
 ## Installation
 
-### NPM Installation
+### Using CLI (Recommended)
+
+The easiest way to add ECS to your existing project:
+
+```bash
+# In your project directory
+npx @esengine/cli init
+```
+
+The CLI automatically detects your project type (Cocos Creator 2.x/3.x, LayaAir 3.x, or Node.js) and generates the necessary integration code, including:
+
+- `ECSManager` component/script - Manages ECS lifecycle
+- Example components and systems - Helps you get started quickly
+- Automatic dependency installation
+
+### Manual NPM Installation
+
+If you prefer manual configuration:
 
 ```bash
 # Using npm
@@ -333,27 +350,39 @@ function gameLoop(deltaTime: number) {
 
 ## Game Engine Integration
 
-### Laya Engine Integration
+### Laya 3.x Engine Integration
+
+Using `Laya.Script` component to manage ECS lifecycle is recommended:
 
 ```typescript
-import { Stage } from "laya/display/Stage";
-import { Laya } from "Laya";
-import { Core } from '@esengine/ecs-framework';
+import { Core, Scene } from '@esengine/ecs-framework';
 
-// Initialize Laya
-Laya.init(800, 600).then(() => {
-  // Initialize ECS
-  Core.create(true);
-  Core.setScene(new GameScene());
+const { regClass } = Laya;
 
-  // Start game loop
-  Laya.timer.frameLoop(1, this, () => {
-    const deltaTime = Laya.timer.delta / 1000;
-    Core.update(deltaTime);  // Auto-updates global services and scene
-  });
-});
+@regClass()
+export class ECSManager extends Laya.Script {
+  private ecsScene = new GameScene();
+
+  onAwake(): void {
+    // Initialize ECS
+    Core.create({ debug: true });
+    Core.setScene(this.ecsScene);
+  }
+
+  onUpdate(): void {
+    // Auto-updates global services and scene
+    Core.update(Laya.timer.delta / 1000);
+  }
+
+  onDestroy(): void {
+    // Cleanup resources
+    Core.destroy();
+  }
+}
 ```
 
+In Laya IDE, attach the `ECSManager` script to a node in your scene.
+
 ### Cocos Creator Integration
 
 ```typescript

docs/en/guide/time-and-timers.md

@@ -0,0 +1,402 @@
+# Time and Timer System
+
+The ECS framework provides a complete time management and timer system, including time scaling, frame time calculation, and flexible timer scheduling.
+
+## Time Class
+
+The Time class is the core of the framework's time management, providing all game time-related functionality.
+
+### Basic Time Properties
+
+```typescript
+import { Time } from '@esengine/ecs-framework';
+
+class GameSystem extends EntitySystem {
+  protected process(entities: readonly Entity[]): void {
+    // Get frame time (seconds)
+    const deltaTime = Time.deltaTime;
+
+    // Get unscaled frame time
+    const unscaledDelta = Time.unscaledDeltaTime;
+
+    // Get total game time
+    const totalTime = Time.totalTime;
+
+    // Get current frame count
+    const frameCount = Time.frameCount;
+
+    console.log(`Frame ${frameCount}, delta: ${deltaTime}s, total: ${totalTime}s`);
+  }
+}
+```
+
+### Game Pause
+
+The framework provides two pause methods for different scenarios:
+
+#### Core.paused (Recommended)
+
+`Core.paused` is a **true pause** - when set, the entire game loop stops:
+
+```typescript
+import { Core } from '@esengine/ecs-framework';
+
+class PauseMenuSystem extends EntitySystem {
+  public pauseGame(): void {
+    // True pause - all systems stop executing
+    Core.paused = true;
+    console.log('Game paused');
+  }
+
+  public resumeGame(): void {
+    // Resume game
+    Core.paused = false;
+    console.log('Game resumed');
+  }
+
+  public togglePause(): void {
+    Core.paused = !Core.paused;
+    console.log(Core.paused ? 'Game paused' : 'Game resumed');
+  }
+}
+```
+
+#### Time.timeScale = 0
+
+`Time.timeScale = 0` only makes `deltaTime` become 0, **systems still execute**:
+
+```typescript
+class SlowMotionSystem extends EntitySystem {
+  public freezeTime(): void {
+    // Time freeze - systems still execute, just deltaTime = 0
+    Time.timeScale = 0;
+  }
+}
+```
+
+#### Comparison
+
+| Feature | `Core.paused = true` | `Time.timeScale = 0` |
+|---------|---------------------|---------------------|
+| System Execution | Completely stopped | Still running |
+| CPU Overhead | Zero | Normal overhead |
+| Time Updates | Stopped | Continues (deltaTime=0) |
+| Timers | Stopped | Continues (but time doesn't advance) |
+| Use Cases | Pause menu, game pause | Slow motion, bullet time effects |
+
+**Recommendations**:
+- Pause menu, true game pause → Use `Core.paused = true`
+- Slow motion, bullet time effects → Use `Time.timeScale`
+
+### Time Scaling
+
+The Time class supports time scaling for slow motion, fast forward, and other effects:
+
+```typescript
+class TimeControlSystem extends EntitySystem {
+  public enableSlowMotion(): void {
+    // Set to slow motion (50% speed)
+    Time.timeScale = 0.5;
+    console.log('Slow motion enabled');
+  }
+
+  public enableFastForward(): void {
+    // Set to fast forward (200% speed)
+    Time.timeScale = 2.0;
+    console.log('Fast forward enabled');
+  }
+
+  public enableBulletTime(): void {
+    // Bullet time effect (10% speed)
+    Time.timeScale = 0.1;
+    console.log('Bullet time enabled');
+  }
+
+  public resumeNormalSpeed(): void {
+    // Resume normal speed
+    Time.timeScale = 1.0;
+    console.log('Normal speed resumed');
+  }
+
+  protected process(entities: readonly Entity[]): void {
+    // deltaTime is affected by timeScale
+    const scaledDelta = Time.deltaTime; // Affected by time scale
+    const realDelta = Time.unscaledDeltaTime; // Not affected by time scale
+
+    for (const entity of entities) {
+      const movement = entity.getComponent(Movement);
+      if (movement) {
+        // Use scaled time for game logic updates
+        movement.update(scaledDelta);
+      }
+
+      const ui = entity.getComponent(UIComponent);
+      if (ui) {
+        // UI animations use real time, not affected by game time scale
+        ui.update(realDelta);
+      }
+    }
+  }
+}
+```
+
+### Time Check Utilities
+
+```typescript
+class CooldownSystem extends EntitySystem {
+  private lastAttackTime = 0;
+  private lastSpawnTime = 0;
+
+  constructor() {
+    super(Matcher.all(Weapon));
+  }
+
+  protected process(entities: readonly Entity[]): void {
+    // Check attack cooldown
+    if (Time.checkEvery(1.5, this.lastAttackTime)) {
+      this.performAttack();
+      this.lastAttackTime = Time.totalTime;
+    }
+
+    // Check spawn interval
+    if (Time.checkEvery(3.0, this.lastSpawnTime)) {
+      this.spawnEnemy();
+      this.lastSpawnTime = Time.totalTime;
+    }
+  }
+
+  private performAttack(): void {
+    console.log('Performing attack!');
+  }
+
+  private spawnEnemy(): void {
+    console.log('Spawning enemy!');
+  }
+}
+```
+
+## Core.schedule Timer System
+
+Core provides powerful timer scheduling functionality for creating one-time or repeating timers.
+
+### Basic Timer Usage
+
+```typescript
+import { Core } from '@esengine/ecs-framework';
+
+class GameScene extends Scene {
+  protected initialize(): void {
+    // Create one-time timers
+    this.createOneTimeTimers();
+
+    // Create repeating timers
+    this.createRepeatingTimers();
+
+    // Create timers with context
+    this.createContextTimers();
+  }
+
+  private createOneTimeTimers(): void {
+    // Execute once after 2 seconds
+    Core.schedule(2.0, false, null, (timer) => {
+      console.log('Executed after 2 second delay');
+    });
+
+    // Show tip after 5 seconds
+    Core.schedule(5.0, false, this, (timer) => {
+      const scene = timer.getContext<GameScene>();
+      scene.showTip('Game tip: 5 seconds have passed!');
+    });
+  }
+
+  private createRepeatingTimers(): void {
+    // Execute every second
+    const heartbeatTimer = Core.schedule(1.0, true, null, (timer) => {
+      console.log(`Game heartbeat - Total time: ${Time.totalTime.toFixed(1)}s`);
+    });
+
+    // Save timer reference for later control
+    this.saveTimerReference(heartbeatTimer);
+  }
+
+  private createContextTimers(): void {
+    const gameData = { score: 0, level: 1 };
+
+    // Add score every 2 seconds
+    Core.schedule(2.0, true, gameData, (timer) => {
+      const data = timer.getContext<typeof gameData>();
+      data.score += 10;
+      console.log(`Score increased! Current score: ${data.score}`);
+    });
+  }
+
+  private saveTimerReference(timer: any): void {
+    // Can stop timer later
+    setTimeout(() => {
+      timer.stop();
+      console.log('Timer stopped');
+    }, 10000); // Stop after 10 seconds
+  }
+
+  private showTip(message: string): void {
+    console.log('Tip:', message);
+  }
+}
+```
+
+### Timer Control
+
+```typescript
+class TimerControlExample {
+  private attackTimer: any;
+  private spawnerTimer: any;
+
+  public startCombat(): void {
+    // Start attack timer
+    this.attackTimer = Core.schedule(0.5, true, this, (timer) => {
+      const self = timer.getContext<TimerControlExample>();
+      self.performAttack();
+    });
+
+    // Start enemy spawn timer
+    this.spawnerTimer = Core.schedule(3.0, true, null, (timer) => {
+      this.spawnEnemy();
+    });
+  }
+
+  public stopCombat(): void {
+    // Stop all combat-related timers
+    if (this.attackTimer) {
+      this.attackTimer.stop();
+      console.log('Attack timer stopped');
+    }
+
+    if (this.spawnerTimer) {
+      this.spawnerTimer.stop();
+      console.log('Spawn timer stopped');
+    }
+  }
+
+  public resetAttackTimer(): void {
+    // Reset attack timer
+    if (this.attackTimer) {
+      this.attackTimer.reset();
+      console.log('Attack timer reset');
+    }
+  }
+
+  private performAttack(): void {
+    console.log('Performing attack');
+  }
+
+  private spawnEnemy(): void {
+    console.log('Spawning enemy');
+  }
+}
+```
+
+## Best Practices
+
+### 1. Use Appropriate Time Types
+
+```typescript
+class MovementSystem extends EntitySystem {
+  protected process(entities: readonly Entity[]): void {
+    for (const entity of entities) {
+      const movement = entity.getComponent(Movement);
+
+      // Use scaled time for game logic
+      movement.position.x += movement.velocity.x * Time.deltaTime;
+
+      // Use real time for UI animations (not affected by game pause)
+      const ui = entity.getComponent(UIAnimation);
+      if (ui) {
+        ui.update(Time.unscaledDeltaTime);
+      }
+    }
+  }
+}
+```
+
+### 2. Timer Management
+
+```typescript
+class TimerManager {
+  private timers: any[] = [];
+
+  public createManagedTimer(duration: number, repeats: boolean, callback: () => void): any {
+    const timer = Core.schedule(duration, repeats, null, callback);
+    this.timers.push(timer);
+    return timer;
+  }
+
+  public stopAllTimers(): void {
+    for (const timer of this.timers) {
+      timer.stop();
+    }
+    this.timers = [];
+  }
+
+  public cleanupCompletedTimers(): void {
+    this.timers = this.timers.filter(timer => !timer.isDone);
+  }
+}
+```
+
+### 3. Avoid Too Many Timers
+
+```typescript
+// Avoid: Creating a timer for each entity
+class BadExample extends EntitySystem {
+  protected onAdded(entity: Entity): void {
+    Core.schedule(1.0, true, entity, (timer) => {
+      // One timer per entity - poor performance
+    });
+  }
+}
+
+// Recommended: Manage time uniformly in the system
+class GoodExample extends EntitySystem {
+  private lastUpdateTime = 0;
+
+  protected process(entities: readonly Entity[]): void {
+    // Execute logic once per second
+    if (Time.checkEvery(1.0, this.lastUpdateTime)) {
+      this.processAllEntities(entities);
+      this.lastUpdateTime = Time.totalTime;
+    }
+  }
+
+  private processAllEntities(entities: readonly Entity[]): void {
+    // Batch process all entities
+  }
+}
+```
+
+### 4. Timer Context Usage
+
+```typescript
+interface TimerContext {
+  entityId: number;
+  duration: number;
+  onComplete: () => void;
+}
+
+class ContextualTimerExample {
+  public createEntityTimer(entityId: number, duration: number, onComplete: () => void): void {
+    const context: TimerContext = {
+      entityId,
+      duration,
+      onComplete
+    };
+
+    Core.schedule(duration, false, context, (timer) => {
+      const ctx = timer.getContext<TimerContext>();
+      console.log(`Timer for entity ${ctx.entityId} completed`);
+      ctx.onComplete();
+    });
+  }
+}
+```
+
+The time and timer system is an essential tool in game development. Using these features correctly will make your game logic more precise and controllable.

docs/guide/getting-started.md

@@ -4,7 +4,24 @@
 
 ## 安装
 
-### NPM 安装
+### 使用 CLI（推荐）
+
+在现有项目中添加 ECS 的最简单方式：
+
+```bash
+# 在项目目录中运行
+npx @esengine/cli init
+```
+
+CLI 会自动检测项目类型（Cocos Creator 2.x/3.x、LayaAir 3.x 或 Node.js）并生成相应的集成代码，包括：
+
+- `ECSManager` 组件/脚本 - 负责 ECS 生命周期管理
+- 示例组件和系统 - 帮助快速上手
+- 自动安装依赖
+
+### NPM 手动安装
+
+如果你更喜欢手动配置，可以直接安装：
 
 ```bash
 # 使用 npm
@@ -333,27 +350,39 @@ function gameLoop(deltaTime: number) {
 
 ## 与游戏引擎集成
 
-### Laya 引擎集成
+### Laya 3.x 引擎集成
+
+推荐使用 `Laya.Script` 组件来管理 ECS 生命周期：
 
 ```typescript
-import { Stage } from "laya/display/Stage";
-import { Laya } from "Laya";
-import { Core } from '@esengine/ecs-framework';
+import { Core, Scene } from '@esengine/ecs-framework';
 
-// 初始化 Laya
-Laya.init(800, 600).then(() => {
-  // 初始化 ECS
-  Core.create(true);
-  Core.setScene(new GameScene());
+const { regClass } = Laya;
 
-  // 启动游戏循环
-  Laya.timer.frameLoop(1, this, () => {
-    const deltaTime = Laya.timer.delta / 1000;
-    Core.update(deltaTime);  // 自动更新全局服务和场景
-  });
-});
+@regClass()
+export class ECSManager extends Laya.Script {
+  private ecsScene = new GameScene();
+
+  onAwake(): void {
+    // 初始化 ECS
+    Core.create({ debug: true });
+    Core.setScene(this.ecsScene);
+  }
+
+  onUpdate(): void {
+    // 自动更新全局服务和场景
+    Core.update(Laya.timer.delta / 1000);
+  }
+
+  onDestroy(): void {
+    // 清理资源
+    Core.destroy();
+  }
+}
 ```
 
+在 Laya IDE 中，将 `ECSManager` 脚本挂载到场景中的节点上即可。
+
 ### Cocos Creator 集成
 
 ```typescript

docs/guide/time-and-timers.md

@@ -30,6 +30,64 @@ class GameSystem extends EntitySystem {
 }
 ```
 
+### 游戏暂停
+
+框架提供两种暂停方式，适用于不同场景：
+
+#### Core.paused（推荐）
+
+`Core.paused` 是**真正的暂停**，设置后整个游戏循环停止：
+
+```typescript
+import { Core } from '@esengine/ecs-framework';
+
+class PauseMenuSystem extends EntitySystem {
+  public pauseGame(): void {
+    // 真正暂停 - 所有系统停止执行
+    Core.paused = true;
+    console.log('游戏已暂停');
+  }
+
+  public resumeGame(): void {
+    // 恢复游戏
+    Core.paused = false;
+    console.log('游戏已恢复');
+  }
+
+  public togglePause(): void {
+    Core.paused = !Core.paused;
+    console.log(Core.paused ? '游戏已暂停' : '游戏已恢复');
+  }
+}
+```
+
+#### Time.timeScale = 0
+
+`Time.timeScale = 0` 只是让 `deltaTime` 变为 0，**系统仍然在执行**：
+
+```typescript
+class SlowMotionSystem extends EntitySystem {
+  public freezeTime(): void {
+    // 时间冻结 - 系统仍在执行，只是 deltaTime = 0
+    Time.timeScale = 0;
+  }
+}
+```
+
+#### 两种方式对比
+
+| 特性 | `Core.paused = true` | `Time.timeScale = 0` |
+|------|---------------------|---------------------|
+| 系统执行 | ❌ 完全停止 | ✅ 仍在执行 |
+| CPU 开销 | 零 | 正常开销 |
+| Time 更新 | ❌ 停止 | ✅ 继续（deltaTime=0） |
+| 定时器 | ❌ 停止 | ✅ 继续（但时间不走） |
+| 适用场景 | 暂停菜单、游戏暂停 | 慢动作、时间冻结特效 |
+
+**推荐**：
+- 暂停菜单、真正的游戏暂停 → 使用 `Core.paused = true`
+- 慢动作、子弹时间等特效 → 使用 `Time.timeScale`
+
 ### 时间缩放
 
 Time 类支持时间缩放功能，可以实现慢动作、快进等效果：
@@ -48,10 +106,10 @@ class TimeControlSystem extends EntitySystem {
     console.log('快进模式启用');
   }
 
-  public pauseGame(): void {
-    // 暂停游戏（时间静止）
-    Time.timeScale = 0;
-    console.log('游戏暂停');
+  public enableBulletTime(): void {
+    // 子弹时间效果（10%速度）
+    Time.timeScale = 0.1;
+    console.log('子弹时间启用');
   }
 
   public resumeNormalSpeed(): void {

package.json

@@ -5,7 +5,16 @@
   "private": true,
   "packageManager": "pnpm@10.22.0",
   "workspaces": [
-    "packages/*"
+    "packages/framework/*",
+    "packages/engine/*",
+    "packages/rendering/*",
+    "packages/physics/*",
+    "packages/streaming/*",
+    "packages/network-ext/*",
+    "packages/editor/*",
+    "packages/editor/plugins/*",
+    "packages/rust/*",
+    "packages/tools/*"
   ],
   "keywords": [
     "ecs",
@@ -17,6 +26,9 @@
     "egret"
   ],
   "scripts": {
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:publish": "changeset publish",
     "bootstrap": "lerna bootstrap",
     "clean": "turbo run clean",
     "build": "turbo run build",
@@ -25,23 +37,24 @@
     "build:math": "turbo run build --filter=@esengine/ecs-framework-math",
     "build:editor": "turbo run build --filter=@esengine/editor-app...",
     "build:npm": "turbo run build:npm",
-    "build:npm:core": "cd packages/core && npm run build:npm",
-    "build:npm:math": "cd packages/math && npm run build:npm",
+    "build:npm:core": "cd packages/framework/core && npm run build:npm",
+    "build:npm:math": "cd packages/framework/math && npm run build:npm",
     "test": "turbo run test",
     "test:coverage": "turbo run test:coverage",
     "test:ci": "turbo run test:ci",
+    "test:ci:framework": "turbo run test:ci --filter=@esengine/ecs-framework --filter=@esengine/ecs-framework-math --filter=@esengine/behavior-tree --filter=@esengine/blueprint --filter=@esengine/fsm --filter=@esengine/timer --filter=@esengine/spatial --filter=@esengine/procgen --filter=@esengine/pathfinding --filter=@esengine/network-protocols --filter=@esengine/network",
     "prepare:publish": "npm run build:npm && node scripts/pre-publish-check.cjs",
     "sync:versions": "node scripts/sync-versions.cjs",
     "publish:all": "npm run prepare:publish && npm run publish:all:dist",
     "publish:all:dist": "npm run publish:core && npm run publish:math",
-    "publish:core": "cd packages/core && npm run publish:npm",
-    "publish:core:patch": "cd packages/core && npm run publish:patch",
-    "publish:math": "cd packages/math && npm run publish:npm",
-    "publish:math:patch": "cd packages/math && npm run publish:patch",
+    "publish:core": "cd packages/framework/core && npm run publish:npm",
+    "publish:core:patch": "cd packages/framework/core && npm run publish:patch",
+    "publish:math": "cd packages/framework/math && npm run publish:npm",
+    "publish:math:patch": "cd packages/framework/math && npm run publish:patch",
     "publish": "lerna publish",
     "version": "lerna version",
     "release": "semantic-release",
-    "release:core": "cd packages/core && semantic-release",
+    "release:core": "cd packages/framework/core && semantic-release",
     "contributors:add": "all-contributors add",
     "contributors:generate": "all-contributors generate",
     "contributors:check": "all-contributors check",
@@ -55,15 +68,19 @@
     "format": "prettier --write \"packages/**/src/**/*.{ts,tsx,js,jsx}\"",
     "format:check": "prettier --check \"packages/**/src/**/*.{ts,tsx,js,jsx}\"",
     "type-check": "turbo run type-check",
+    "type-check:framework": "turbo run type-check --filter=@esengine/ecs-framework --filter=@esengine/ecs-framework-math --filter=@esengine/behavior-tree --filter=@esengine/blueprint --filter=@esengine/fsm --filter=@esengine/timer --filter=@esengine/spatial --filter=@esengine/procgen --filter=@esengine/pathfinding --filter=@esengine/network-protocols --filter=@esengine/network",
     "lint": "turbo run lint",
+    "lint:framework": "turbo run lint --filter=@esengine/ecs-framework --filter=@esengine/ecs-framework-math --filter=@esengine/behavior-tree --filter=@esengine/blueprint --filter=@esengine/fsm --filter=@esengine/timer --filter=@esengine/spatial --filter=@esengine/procgen --filter=@esengine/pathfinding --filter=@esengine/network-protocols --filter=@esengine/network",
     "lint:fix": "turbo run lint:fix",
-    "build:wasm": "cd packages/engine && wasm-pack build --dev --out-dir pkg",
-    "build:wasm:release": "cd packages/engine && wasm-pack build --release --out-dir pkg",
+    "build:wasm": "cd packages/rust/engine && wasm-pack build --dev --out-dir pkg",
+    "build:wasm:release": "cd packages/rust/engine && wasm-pack build --release --out-dir pkg",
     "copy-modules": "node scripts/copy-engine-modules.mjs"
   },
   "author": "yhh",
   "license": "MIT",
   "devDependencies": {
+    "@changesets/changelog-github": "^0.5.2",
+    "@changesets/cli": "^2.29.8",
     "@commitlint/cli": "^18.6.0",
     "@commitlint/config-conventional": "^18.6.0",
     "@eslint/js": "^9.39.1",
@@ -121,4 +138,3 @@
     "ws": "^8.18.2"
   }
 }
-

packages/asset-system/src/interfaces/IAssetLoader.ts

@@ -1,264 +0,0 @@
-/**
- * Asset loader interfaces
- * 资产加载器接口
- */
-
-import {
-    AssetType,
-    AssetGUID,
-    IAssetLoadOptions,
-    IAssetMetadata
-} from '../types/AssetTypes';
-import type { IAssetContent, AssetContentType } from './IAssetReader';
-
-/**
- * Parse context provided to loaders.
- * 提供给加载器的解析上下文。
- */
-export interface IAssetParseContext {
-    /** Asset metadata. | 资产元数据。 */
-    metadata: IAssetMetadata;
-    /** Load options. | 加载选项。 */
-    options?: IAssetLoadOptions;
-    /**
-     * Load a dependency asset by relative path.
-     * 通过相对路径加载依赖资产。
-     */
-    loadDependency<D = unknown>(relativePath: string): Promise<D>;
-}
-
-/**
- * Asset loader interface.
- * 资产加载器接口。
- *
- * Loaders only parse content, file reading is handled by AssetManager.
- * 加载器只负责解析内容，文件读取由 AssetManager 处理。
- */
-export interface IAssetLoader<T = unknown> {
-    /** Supported asset type. | 支持的资产类型。 */
-    readonly supportedType: AssetType;
-
-    /** Supported file extensions. | 支持的文件扩展名。 */
-    readonly supportedExtensions: string[];
-
-    /**
-     * Required content type for this loader.
-     * 此加载器需要的内容类型。
-     *
-     * - 'text': For JSON, shader, material files
-     * - 'binary': For binary formats
-     * - 'image': For textures
-     * - 'audio': For audio files
-     */
-    readonly contentType: AssetContentType;
-
-    /**
-     * Parse asset from content.
-     * 从内容解析资产。
-     *
-     * @param content - File content. | 文件内容。
-     * @param context - Parse context. | 解析上下文。
-     * @returns Parsed asset. | 解析后的资产。
-     */
-    parse(content: IAssetContent, context: IAssetParseContext): Promise<T>;
-
-    /**
-     * Dispose loaded asset and free resources.
-     * 释放已加载的资产。
-     */
-    dispose(asset: T): void;
-}
-
-/**
- * Asset loader factory interface
- * 资产加载器工厂接口
- */
-export interface IAssetLoaderFactory {
-    /**
-     * Create loader for specific asset type
-     * 为特定资产类型创建加载器
-     */
-    createLoader(type: AssetType): IAssetLoader | null;
-
-    /**
-     * Register custom loader
-     * 注册自定义加载器
-     */
-    registerLoader(type: AssetType, loader: IAssetLoader): void;
-
-    /**
-     * Unregister loader
-     * 注销加载器
-     */
-    unregisterLoader(type: AssetType): void;
-
-    /**
-     * Check if loader exists for type
-     * 检查类型是否有加载器
-     */
-    hasLoader(type: AssetType): boolean;
-
-    /**
-     * Get asset type by file extension
-     * 根据文件扩展名获取资产类型
-     */
-    getAssetTypeByExtension(extension: string): AssetType | null;
-
-    /**
-     * Get asset type by file path
-     * 根据文件路径获取资产类型
-     */
-    getAssetTypeByPath(path: string): AssetType | null;
-
-    /**
-     * Get all supported file extensions from all registered loaders.
-     * 获取所有注册加载器支持的文件扩展名。
-     *
-     * @returns Array of extension patterns (e.g., ['*.png', '*.jpg', '*.particle'])
-     */
-    getAllSupportedExtensions(): string[];
-
-    /**
-     * Get extension to type mapping for all registered loaders.
-     * 获取所有注册加载器的扩展名到类型的映射。
-     *
-     * @returns Map of extension (without dot) to asset type string
-     */
-    getExtensionTypeMap(): Record<string, string>;
-}
-
-/**
- * Texture asset interface
- * 纹理资产接口
- */
-export interface ITextureAsset {
-    /** WebGL纹理ID / WebGL texture ID */
-    textureId: number;
-    /** 宽度 / Width */
-    width: number;
-    /** 高度 / Height */
-    height: number;
-    /** 格式 / Format */
-    format: 'rgba' | 'rgb' | 'alpha';
-    /** 是否有Mipmap / Has mipmaps */
-    hasMipmaps: boolean;
-    /** 原始数据（如果可用） / Raw image data if available */
-    data?: ImageData | HTMLImageElement;
-}
-
-/**
- * Mesh asset interface
- * 网格资产接口
- */
-export interface IMeshAsset {
-    /** 顶点数据 / Vertex data */
-    vertices: Float32Array;
-    /** 索引数据 / Index data */
-    indices: Uint16Array | Uint32Array;
-    /** 法线数据 / Normal data */
-    normals?: Float32Array;
-    /** UV坐标 / UV coordinates */
-    uvs?: Float32Array;
-    /** 切线数据 / Tangent data */
-    tangents?: Float32Array;
-    /** 边界盒 / Axis-aligned bounding box */
-    bounds: {
-        min: [number, number, number];
-        max: [number, number, number];
-    };
-}
-
-/**
- * Audio asset interface
- * 音频资产接口
- */
-export interface IAudioAsset {
-    /** 音频缓冲区 / Audio buffer */
-    buffer: AudioBuffer;
-    /** 时长（秒） / Duration in seconds */
-    duration: number;
-    /** 采样率 / Sample rate */
-    sampleRate: number;
-    /** 声道数 / Number of channels */
-    channels: number;
-}
-
-/**
- * Material asset interface
- * 材质资产接口
- */
-export interface IMaterialAsset {
-    /** 着色器名称 / Shader name */
-    shader: string;
-    /** 材质属性 / Material properties */
-    properties: Map<string, unknown>;
-    /** 纹理映射 / Texture slot mappings */
-    textures: Map<string, AssetGUID>;
-    /** 渲染状态 / Render states */
-    renderStates: {
-        cullMode?: 'none' | 'front' | 'back';
-        blendMode?: 'none' | 'alpha' | 'additive' | 'multiply';
-        depthTest?: boolean;
-        depthWrite?: boolean;
-    };
-}
-
-// 预制体资产接口从专用文件导出 | Prefab asset interface exported from dedicated file
-export type { IPrefabAsset, IPrefabData, IPrefabMetadata, IPrefabService } from './IPrefabAsset';
-
-/**
- * Scene asset interface
- * 场景资产接口
- */
-export interface ISceneAsset {
-    /** 场景名称 / Scene name */
-    name: string;
-    /** 实体列表 / Serialized entity list */
-    entities: unknown[];
-    /** 场景设置 / Scene settings */
-    settings: {
-        /** 环境光 / Ambient light */
-        ambientLight?: [number, number, number];
-        /** 雾效 / Fog settings */
-        fog?: {
-            enabled: boolean;
-            color: [number, number, number];
-            density: number;
-        };
-        /** 天空盒 / Skybox asset */
-        skybox?: AssetGUID;
-    };
-    /** 引用的资产 / All referenced assets */
-    referencedAssets: AssetGUID[];
-}
-
-/**
- * JSON asset interface
- * JSON资产接口
- */
-export interface IJsonAsset {
-    /** JSON数据 / JSON data */
-    data: unknown;
-}
-
-/**
- * Text asset interface
- * 文本资产接口
- */
-export interface ITextAsset {
-    /** 文本内容 / Text content */
-    content: string;
-    /** 编码格式 / Encoding */
-    encoding: 'utf8' | 'utf16' | 'ascii';
-}
-
-/**
- * Binary asset interface
- * 二进制资产接口
- */
-export interface IBinaryAsset {
-    /** 二进制数据 / Binary data */
-    data: ArrayBuffer;
-    /** MIME类型 / MIME type */
-    mimeType?: string;
-}

packages/audio/package.json

@@ -1,46 +0,0 @@
-{
-    "name": "@esengine/audio",
-    "version": "1.0.0",
-    "description": "ECS-based audio system",
-    "esengine": {
-        "plugin": true,
-        "pluginExport": "AudioPlugin",
-        "category": "audio",
-        "isEnginePlugin": true
-    },
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "tsup",
-        "build:watch": "tsup --watch",
-        "type-check": "tsc --noEmit",
-        "clean": "rimraf dist"
-    },
-    "devDependencies": {
-        "@esengine/ecs-framework": "workspace:*",
-        "@esengine/engine-core": "workspace:*",
-        "@esengine/build-config": "workspace:*",
-        "rimraf": "^5.0.5",
-        "tsup": "^8.0.0",
-        "typescript": "^5.3.3"
-    },
-    "keywords": [
-        "ecs",
-        "audio",
-        "sound",
-        "music"
-    ],
-    "author": "yhh",
-    "license": "MIT"
-}

packages/audio/tsconfig.json

@@ -1,13 +0,0 @@
-{
-    "extends": "../../tsconfig.base.json",
-    "compilerOptions": {
-        "composite": true,
-        "outDir": "./dist",
-        "rootDir": "./src"
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"],
-    "references": [
-        { "path": "../core" }
-    ]
-}

packages/behavior-tree-editor/package.json

@@ -1,49 +0,0 @@
-{
-    "name": "@esengine/behavior-tree-editor",
-    "version": "1.0.0",
-    "description": "Editor support for @esengine/behavior-tree - visual editor, inspectors, and tools",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "tsup",
-        "build:watch": "tsup --watch",
-        "type-check": "tsc --noEmit",
-        "clean": "rimraf dist"
-    },
-    "dependencies": {
-        "@esengine/behavior-tree": "workspace:*"
-    },
-    "devDependencies": {
-        "@esengine/ecs-framework": "workspace:*",
-        "@esengine/engine-core": "workspace:*",
-        "@esengine/editor-core": "workspace:*",
-        "@esengine/editor-runtime": "workspace:*",
-        "@esengine/node-editor": "workspace:*",
-        "@esengine/build-config": "workspace:*",
-        "lucide-react": "^0.545.0",
-        "react": "^18.3.1",
-        "zustand": "^5.0.8",
-        "@types/react": "^18.3.12",
-        "rimraf": "^5.0.5",
-        "tsup": "^8.0.0",
-        "typescript": "^5.3.3"
-    },
-    "keywords": [
-        "ecs",
-        "behavior-tree",
-        "editor"
-    ],
-    "author": "",
-    "license": "MIT"
-}

packages/behavior-tree-editor/tsconfig.json

@@ -1,17 +0,0 @@
-{
-    "extends": "../../tsconfig.base.json",
-    "compilerOptions": {
-        "composite": true,
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "declaration": true,
-        "jsx": "react-jsx"
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"],
-    "references": [
-        { "path": "../core" },
-        { "path": "../editor-core" },
-        { "path": "../behavior-tree" }
-    ]
-}

packages/behavior-tree/src/index.ts

@@ -1,41 +0,0 @@
-/**
- * @esengine/behavior-tree
- *
- * AI Behavior Tree System with runtime execution and visual editor support
- * AI 行为树系统，支持运行时执行和可视化编辑
- *
- * @packageDocumentation
- */
-
-// Constants
-export { BehaviorTreeAssetType } from './constants';
-
-// Types
-export * from './Types/TaskStatus';
-
-// Execution (runtime core)
-export * from './execution';
-
-// Utilities
-export * from './BehaviorTreeStarter';
-export * from './BehaviorTreeBuilder';
-
-// Serialization
-export * from './Serialization/NodeTemplates';
-export * from './Serialization/BehaviorTreeAsset';
-export * from './Serialization/EditorFormatConverter';
-export * from './Serialization/BehaviorTreeAssetSerializer';
-export * from './Serialization/EditorToBehaviorTreeDataConverter';
-
-// Services
-export * from './Services/GlobalBlackboardService';
-
-// Blackboard types (excluding BlackboardValueType which is already exported from TaskStatus)
-export type { BlackboardTypeDefinition } from './Blackboard/BlackboardTypes';
-export { BlackboardTypes } from './Blackboard/BlackboardTypes';
-
-// Runtime module and plugin
-export { BehaviorTreeRuntimeModule, BehaviorTreePlugin } from './BehaviorTreeRuntimeModule';
-
-// Service tokens | 服务令牌
-export { BehaviorTreeSystemToken } from './tokens';

packages/blueprint-editor/package.json

@@ -1,49 +0,0 @@
-{
-    "name": "@esengine/blueprint-editor",
-    "version": "1.0.0",
-    "description": "Editor support for @esengine/blueprint - visual scripting editor",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "tsup",
-        "build:watch": "tsup --watch",
-        "type-check": "tsc --noEmit",
-        "clean": "rimraf dist"
-    },
-    "dependencies": {
-        "@esengine/blueprint": "workspace:*"
-    },
-    "devDependencies": {
-        "@esengine/ecs-framework": "workspace:*",
-        "@esengine/engine-core": "workspace:*",
-        "@esengine/editor-core": "workspace:*",
-        "@esengine/node-editor": "workspace:*",
-        "@esengine/build-config": "workspace:*",
-        "lucide-react": "^0.545.0",
-        "react": "^18.3.1",
-        "zustand": "^5.0.8",
-        "@types/react": "^18.3.12",
-        "rimraf": "^5.0.5",
-        "tsup": "^8.0.0",
-        "typescript": "^5.3.3"
-    },
-    "keywords": [
-        "ecs",
-        "blueprint",
-        "editor",
-        "visual-scripting"
-    ],
-    "author": "",
-    "license": "MIT"
-}

packages/blueprint/src/index.ts

@@ -1,34 +0,0 @@
-/**
- * @esengine/blueprint - Visual scripting system for ECS Framework
- * 蓝图可视化脚本系统
- */
-
-// Types
-export * from './types';
-
-// Runtime
-export * from './runtime';
-
-// Nodes (import to register)
-import './nodes';
-
-// Re-export commonly used items
-export { NodeRegistry, RegisterNode } from './runtime/NodeRegistry';
-export { BlueprintVM } from './runtime/BlueprintVM';
-export {
-    createBlueprintComponentData,
-    initializeBlueprintVM,
-    startBlueprint,
-    stopBlueprint,
-    tickBlueprint,
-    cleanupBlueprint
-} from './runtime/BlueprintComponent';
-export {
-    createBlueprintSystem,
-    triggerBlueprintEvent,
-    triggerCustomBlueprintEvent
-} from './runtime/BlueprintSystem';
-export { createEmptyBlueprint, validateBlueprintAsset } from './types/blueprint';
-
-// Plugin
-export { BlueprintPlugin } from './BlueprintPlugin';

packages/blueprint/src/nodes/events/index.ts

@@ -1,8 +0,0 @@
-/**
- * Event Nodes - Entry points for blueprint execution
- * 事件节点 - 蓝图执行的入口点
- */
-
-export * from './EventBeginPlay';
-export * from './EventTick';
-export * from './EventEndPlay';

packages/build-config/package.json

@@ -1,39 +0,0 @@
-{
-    "name": "@esengine/build-config",
-    "version": "1.0.0",
-    "description": "Shared build configuration for ES Engine packages",
-    "type": "module",
-    "main": "src/index.ts",
-    "exports": {
-        ".": "./src/index.ts",
-        "./presets": "./src/presets/index.ts",
-        "./presets/tsup": "./src/presets/plugin-tsup.ts",
-        "./plugins": "./src/plugins/index.ts"
-    },
-    "scripts": {
-        "type-check": "tsc --noEmit"
-    },
-    "keywords": [
-        "build",
-        "tsup",
-        "config"
-    ],
-    "author": "yhh",
-    "license": "MIT",
-    "devDependencies": {
-        "@vitejs/plugin-react": "^4.3.4",
-        "tsup": "^8.0.0",
-        "typescript": "^5.8.3",
-        "vite": "^6.3.5",
-        "vite-plugin-dts": "^4.5.4"
-    },
-    "peerDependencies": {
-        "tsup": "^8.0.0",
-        "vite": "^6.0.0"
-    },
-    "peerDependenciesMeta": {
-        "vite": {
-            "optional": true
-        }
-    }
-}

packages/camera-editor/tsconfig.json

@@ -1,16 +0,0 @@
-{
-    "extends": "../../tsconfig.base.json",
-    "compilerOptions": {
-        "composite": true,
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "jsx": "react-jsx"
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"],
-    "references": [
-        { "path": "../core" },
-        { "path": "../camera" },
-        { "path": "../editor-core" }
-    ]
-}

packages/camera/tsconfig.json

@@ -1,13 +0,0 @@
-{
-    "extends": "../../tsconfig.base.json",
-    "compilerOptions": {
-        "composite": true,
-        "outDir": "./dist",
-        "rootDir": "./src"
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"],
-    "references": [
-        { "path": "../core" }
-    ]
-}

packages/camera/tsup.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'tsup';
-import { runtimeOnlyPreset } from '../build-config/src/presets/plugin-tsup';
-
-export default defineConfig({
-    ...runtimeOnlyPreset(),
-    tsconfig: 'tsconfig.build.json'
-});

packages/core/src/ECS/Component.ts

@@ -1,161 +0,0 @@
-import type { IComponent } from '../Types';
-import { Int32 } from './Core/SoAStorage';
-
-/**
- * 游戏组件基类
- *
- * ECS架构中的组件（Component）应该是纯数据容器。
- * 所有游戏逻辑应该在 EntitySystem 中实现，而不是在组件内部。
- *
- * @example
- * 推荐做法：纯数据组件
- * ```typescript
- * class HealthComponent extends Component {
- *     public health: number = 100;
- *     public maxHealth: number = 100;
- * }
- * ```
- *
- * @example
- * 推荐做法：在 System 中处理逻辑
- * ```typescript
- * class HealthSystem extends EntitySystem {
- *     process(entities: Entity[]): void {
- *         for (const entity of entities) {
- *             const health = entity.getComponent(HealthComponent);
- *             if (health && health.health <= 0) {
- *                 entity.destroy();
- *             }
- *         }
- *     }
- * }
- * ```
- */
-export abstract class Component implements IComponent {
-    /**
-     * 组件ID生成器
-     *
-     * 用于为每个组件分配唯一的ID。
-     *
-     * Component ID generator.
-     * Used to assign unique IDs to each component.
-     */
-    private static idGenerator: number = 0;
-
-    /**
-     * 组件唯一标识符
-     *
-     * 在整个游戏生命周期中唯一的数字ID。
-     */
-    public readonly id: number;
-
-    /**
-     * 所属实体ID
-     *
-     * 存储实体ID而非引用，避免循环引用，符合ECS数据导向设计。
-     */
-    @Int32
-    public entityId: number | null = null;
-
-    /**
-     * 最后写入的 epoch
-     *
-     * 用于帧级变更检测，记录组件最后一次被修改时的 epoch。
-     * 0 表示从未被标记为已修改。
-     *
-     * Last write epoch.
-     * Used for frame-level change detection, records the epoch when component was last modified.
-     * 0 means never marked as modified.
-     */
-    private _lastWriteEpoch: number = 0;
-
-    /**
-     * 获取最后写入的 epoch
-     *
-     * Get last write epoch.
-     */
-    public get lastWriteEpoch(): number {
-        return this._lastWriteEpoch;
-    }
-
-    /**
-     * 创建组件实例
-     *
-     * 自动分配唯一ID给组件。
-     */
-    constructor() {
-        this.id = Component.idGenerator++;
-    }
-
-    /**
-     * 标记组件为已修改
-     *
-     * 调用此方法会更新组件的 lastWriteEpoch 为当前帧的 epoch。
-     * 系统可以通过比较 lastWriteEpoch 和上次检查的 epoch 来判断组件是否发生变更。
-     *
-     * Mark component as modified.
-     * Calling this method updates the component's lastWriteEpoch to the current frame's epoch.
-     * Systems can compare lastWriteEpoch with their last checked epoch to detect changes.
-     *
-     * @param epoch 当前帧的 epoch | Current frame's epoch
-     *
-     * @example
-     * ```typescript
-     * // 在修改组件数据后调用
-     * velocity.x = 10;
-     * velocity.markDirty(scene.epochManager.current);
-     * ```
-     */
-    public markDirty(epoch: number): void {
-        this._lastWriteEpoch = epoch;
-    }
-
-    /**
-     * 组件添加到实体时的回调
-     *
-     * 当组件被添加到实体时调用，可以在此方法中进行初始化操作。
-     *
-     * @remarks
-     * 这是一个生命周期钩子，用于组件的初始化逻辑。
-     * 虽然保留此方法，但建议将复杂的初始化逻辑放在 System 中处理。
-     */
-    public onAddedToEntity(): void {}
-
-    /**
-     * 组件从实体移除时的回调
-     *
-     * 当组件从实体中移除时调用，可以在此方法中进行清理操作。
-     *
-     * @remarks
-     * 这是一个生命周期钩子，用于组件的清理逻辑。
-     * 虽然保留此方法，但建议将复杂的清理逻辑放在 System 中处理。
-     */
-    public onRemovedFromEntity(): void {}
-
-    /**
-     * 组件反序列化后的回调
-     *
-     * 当组件从场景文件加载或快照恢复后调用，可以在此方法中恢复运行时数据。
-     *
-     * @remarks
-     * 这是一个生命周期钩子，用于恢复无法序列化的运行时数据。
-     * 例如：从图片路径重新加载图片尺寸信息，重建缓存等。
-     *
-     * @example
-     * ```typescript
-     * class TilemapComponent extends Component {
-     *     public tilesetImage: string = '';
-     *     private _tilesetData: TilesetData | undefined;
-     *
-     *     public async onDeserialized(): Promise<void> {
-     *         if (this.tilesetImage) {
-     *             // 重新加载 tileset 图片并恢复运行时数据
-     *             const img = await loadImage(this.tilesetImage);
-     *             this.setTilesetInfo(img.width, img.height, ...);
-     *         }
-     *     }
-     * }
-     * ```
-     */
-    public onDeserialized(): void | Promise<void> {}
-}

packages/core/src/ECS/Core/ComponentStorage/ComponentRegistry.ts

@@ -1,349 +0,0 @@
-import { Component } from '../../Component';
-import { BitMask64Utils, BitMask64Data } from '../../Utils/BigIntCompatibility';
-import { createLogger } from '../../../Utils/Logger';
-import {
-    ComponentType,
-    getComponentTypeName,
-    hasECSComponentDecorator
-} from './ComponentTypeUtils';
-
-/**
- * 组件注册表
- * 管理组件类型的位掩码分配
- */
-export class ComponentRegistry {
-    protected static readonly _logger = createLogger('ComponentStorage');
-    private static componentTypes = new Map<Function, number>();
-    private static bitIndexToType = new Map<number, Function>();
-    private static componentNameToType = new Map<string, Function>();
-    private static componentNameToId = new Map<string, number>();
-    private static maskCache = new Map<string, BitMask64Data>();
-    private static nextBitIndex = 0;
-
-    /**
-     * 热更新模式标志，默认禁用
-     * Hot reload mode flag, disabled by default
-     * 编辑器环境应启用此选项以支持脚本热更新
-     * Editor environment should enable this to support script hot reload
-     */
-    private static hotReloadEnabled = false;
-
-    /**
-     * 已警告过的组件类型集合，避免重复警告
-     * Set of warned component types to avoid duplicate warnings
-     */
-    private static warnedComponents = new Set<Function>();
-
-    /**
-     * 注册组件类型并分配位掩码
-     * Register component type and allocate bitmask
-     *
-     * @param componentType 组件类型
-     * @returns 分配的位索引
-     */
-    public static register<T extends Component>(componentType: ComponentType<T>): number {
-        const typeName = getComponentTypeName(componentType);
-
-        // 检查是否使用了 @ECSComponent 装饰器
-        // Check if @ECSComponent decorator is used
-        if (!hasECSComponentDecorator(componentType) && !this.warnedComponents.has(componentType)) {
-            this.warnedComponents.add(componentType);
-            console.warn(
-                `[ComponentRegistry] Component "${typeName}" is missing @ECSComponent decorator. ` +
-                `This may cause issues with serialization and code minification. ` +
-                `Please add: @ECSComponent('${typeName}')`
-            );
-        }
-
-        if (this.componentTypes.has(componentType)) {
-            const existingIndex = this.componentTypes.get(componentType)!;
-            return existingIndex;
-        }
-
-        // 检查是否有同名但不同类的组件已注册（热更新场景）
-        // Check if a component with the same name but different class is registered (hot reload scenario)
-        if (this.hotReloadEnabled && this.componentNameToType.has(typeName)) {
-            const existingType = this.componentNameToType.get(typeName);
-            if (existingType !== componentType) {
-                // 热更新：替换旧的类为新的类，复用相同的 bitIndex
-                // Hot reload: replace old class with new class, reuse the same bitIndex
-                const existingIndex = this.componentTypes.get(existingType!)!;
-
-                // 移除旧类的映射
-                // Remove old class mapping
-                this.componentTypes.delete(existingType!);
-
-                // 用新类更新映射
-                // Update mappings with new class
-                this.componentTypes.set(componentType, existingIndex);
-                this.bitIndexToType.set(existingIndex, componentType);
-                this.componentNameToType.set(typeName, componentType);
-
-                console.log(`[ComponentRegistry] Hot reload: replaced component "${typeName}"`);
-                return existingIndex;
-            }
-        }
-
-        const bitIndex = this.nextBitIndex++;
-        this.componentTypes.set(componentType, bitIndex);
-        this.bitIndexToType.set(bitIndex, componentType);
-        this.componentNameToType.set(typeName, componentType);
-        this.componentNameToId.set(typeName, bitIndex);
-
-        return bitIndex;
-    }
-
-    /**
-     * 获取组件类型的位掩码
-     * @param componentType 组件类型
-     * @returns 位掩码
-     */
-    public static getBitMask<T extends Component>(componentType: ComponentType<T>): BitMask64Data {
-        const bitIndex = this.componentTypes.get(componentType);
-        if (bitIndex === undefined) {
-            const typeName = getComponentTypeName(componentType);
-            throw new Error(`Component type ${typeName} is not registered`);
-        }
-        return BitMask64Utils.create(bitIndex);
-    }
-
-    /**
-     * 获取组件类型的位索引
-     * @param componentType 组件类型
-     * @returns 位索引
-     */
-    public static getBitIndex<T extends Component>(componentType: ComponentType<T>): number {
-        const bitIndex = this.componentTypes.get(componentType);
-        if (bitIndex === undefined) {
-            const typeName = getComponentTypeName(componentType);
-            throw new Error(`Component type ${typeName} is not registered`);
-        }
-        return bitIndex;
-    }
-
-    /**
-     * 检查组件类型是否已注册
-     * @param componentType 组件类型
-     * @returns 是否已注册
-     */
-    public static isRegistered<T extends Component>(componentType: ComponentType<T>): boolean {
-        return this.componentTypes.has(componentType);
-    }
-
-    /**
-     * 通过位索引获取组件类型
-     * @param bitIndex 位索引
-     * @returns 组件类型构造函数或null
-     */
-    public static getTypeByBitIndex(bitIndex: number): ComponentType | null {
-        return (this.bitIndexToType.get(bitIndex) as ComponentType) || null;
-    }
-
-    /**
-     * 获取当前已注册的组件类型数量
-     * @returns 已注册数量
-     */
-    public static getRegisteredCount(): number {
-        return this.nextBitIndex;
-    }
-
-    /**
-     * 通过名称获取组件类型
-     * @param componentName 组件名称
-     * @returns 组件类型构造函数
-     */
-    public static getComponentType(componentName: string): Function | null {
-        return this.componentNameToType.get(componentName) || null;
-    }
-
-    /**
-     * 获取所有已注册的组件类型
-     * @returns 组件类型映射
-     */
-    public static getAllRegisteredTypes(): Map<Function, number> {
-        return new Map(this.componentTypes);
-    }
-
-    /**
-     * 获取所有组件名称到类型的映射
-     * @returns 名称到类型的映射
-     */
-    public static getAllComponentNames(): Map<string, Function> {
-        return new Map(this.componentNameToType);
-    }
-
-    /**
-     * 通过名称获取组件类型ID
-     * @param componentName 组件名称
-     * @returns 组件类型ID
-     */
-    public static getComponentId(componentName: string): number | undefined {
-        return this.componentNameToId.get(componentName);
-    }
-
-    /**
-     * 注册组件类型（通过名称）
-     * @param componentName 组件名称
-     * @returns 分配的组件ID
-     */
-    public static registerComponentByName(componentName: string): number {
-        if (this.componentNameToId.has(componentName)) {
-            return this.componentNameToId.get(componentName)!;
-        }
-
-        const bitIndex = this.nextBitIndex++;
-        this.componentNameToId.set(componentName, bitIndex);
-        return bitIndex;
-    }
-
-    /**
-     * 创建单个组件的掩码
-     * @param componentName 组件名称
-     * @returns 组件掩码
-     */
-    public static createSingleComponentMask(componentName: string): BitMask64Data {
-        const cacheKey = `single:${componentName}`;
-
-        if (this.maskCache.has(cacheKey)) {
-            return this.maskCache.get(cacheKey)!;
-        }
-
-        const componentId = this.getComponentId(componentName);
-        if (componentId === undefined) {
-            throw new Error(`Component type ${componentName} is not registered`);
-        }
-
-        const mask = BitMask64Utils.create(componentId);
-        this.maskCache.set(cacheKey, mask);
-        return mask;
-    }
-
-    /**
-     * 创建多个组件的掩码
-     * @param componentNames 组件名称数组
-     * @returns 组合掩码
-     */
-    public static createComponentMask(componentNames: string[]): BitMask64Data {
-        const sortedNames = [...componentNames].sort();
-        const cacheKey = `multi:${sortedNames.join(',')}`;
-
-        if (this.maskCache.has(cacheKey)) {
-            return this.maskCache.get(cacheKey)!;
-        }
-
-        const mask = BitMask64Utils.clone(BitMask64Utils.ZERO);
-        for (const name of componentNames) {
-            const componentId = this.getComponentId(name);
-            if (componentId !== undefined) {
-                const componentMask = BitMask64Utils.create(componentId);
-                BitMask64Utils.orInPlace(mask, componentMask);
-            }
-        }
-
-        this.maskCache.set(cacheKey, mask);
-        return mask;
-    }
-
-    /**
-     * 清除掩码缓存
-     */
-    public static clearMaskCache(): void {
-        this.maskCache.clear();
-    }
-
-    /**
-     * 启用热更新模式
-     * Enable hot reload mode
-     * 在编辑器环境中调用以支持脚本热更新
-     * Call in editor environment to support script hot reload
-     */
-    public static enableHotReload(): void {
-        this.hotReloadEnabled = true;
-    }
-
-    /**
-     * 禁用热更新模式
-     * Disable hot reload mode
-     */
-    public static disableHotReload(): void {
-        this.hotReloadEnabled = false;
-    }
-
-    /**
-     * 检查热更新模式是否启用
-     * Check if hot reload mode is enabled
-     */
-    public static isHotReloadEnabled(): boolean {
-        return this.hotReloadEnabled;
-    }
-
-    /**
-     * 注销组件类型
-     * Unregister component type
-     *
-     * 用于插件卸载时清理组件。
-     * 注意：这不会释放 bitIndex，以避免索引冲突。
-     *
-     * Used for cleanup during plugin unload.
-     * Note: This does not release bitIndex to avoid index conflicts.
-     *
-     * @param componentName 组件名称 | Component name
-     */
-    public static unregister(componentName: string): void {
-        const componentType = this.componentNameToType.get(componentName);
-        if (!componentType) {
-            return;
-        }
-
-        const bitIndex = this.componentTypes.get(componentType);
-
-        // 移除类型映射
-        // Remove type mappings
-        this.componentTypes.delete(componentType);
-        if (bitIndex !== undefined) {
-            this.bitIndexToType.delete(bitIndex);
-        }
-        this.componentNameToType.delete(componentName);
-        this.componentNameToId.delete(componentName);
-
-        // 清除相关的掩码缓存
-        // Clear related mask cache
-        this.clearMaskCache();
-
-        this._logger.debug(`Component unregistered: ${componentName}`);
-    }
-
-    /**
-     * 获取所有已注册的组件信息
-     * Get all registered component info
-     *
-     * @returns 组件信息数组 | Array of component info
-     */
-    public static getRegisteredComponents(): Array<{ name: string; type: Function; bitIndex: number }> {
-        const result: Array<{ name: string; type: Function; bitIndex: number }> = [];
-
-        for (const [name, type] of this.componentNameToType) {
-            const bitIndex = this.componentTypes.get(type);
-            if (bitIndex !== undefined) {
-                result.push({ name, type, bitIndex });
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * 重置注册表（用于测试）
-     * Reset registry (for testing)
-     */
-    public static reset(): void {
-        this.componentTypes.clear();
-        this.bitIndexToType.clear();
-        this.componentNameToType.clear();
-        this.componentNameToId.clear();
-        this.maskCache.clear();
-        this.warnedComponents.clear();
-        this.nextBitIndex = 0;
-        this.hotReloadEnabled = false;
-    }
-}

packages/core/src/ECS/Core/Events/index.ts

@@ -1,2 +0,0 @@
-export { EventBus, GlobalEventBus } from '../EventBus';
-export { TypeSafeEventSystem, EventListenerConfig, EventStats } from '../EventSystem';

packages/core/src/ECS/Core/Storage/index.ts

@@ -1,3 +0,0 @@
-export { ComponentPool, ComponentPoolManager } from '../ComponentPool';
-export { ComponentStorage, ComponentRegistry } from '../ComponentStorage';
-export { EnableSoA, Float64, Float32, Int32, SerializeMap, SoAStorage } from '../SoAStorage';

packages/core/src/ECS/Serialization/ComponentSerializer.ts

@@ -1,416 +0,0 @@
-/**
- * 组件序列化器
- *
- * 负责组件的序列化和反序列化操作
- */
-
-import { Component } from '../Component';
-import { ComponentType } from '../Core/ComponentStorage';
-import { getComponentTypeName, isEntityRefProperty } from '../Decorators';
-import {
-    getSerializationMetadata
-} from './SerializationDecorators';
-import type { Entity } from '../Entity';
-import type { SerializationContext, SerializedEntityRef } from './SerializationContext';
-
-/**
- * 可序列化的值类型
- */
-export type SerializableValue =
-    | string
-    | number
-    | boolean
-    | null
-    | undefined
-    | SerializableValue[]
-    | { [key: string]: SerializableValue }
-    | { __type: 'Date'; value: string }
-    | { __type: 'Map'; value: Array<[SerializableValue, SerializableValue]> }
-    | { __type: 'Set'; value: SerializableValue[] }
-    | { __entityRef: SerializedEntityRef };
-
-/**
- * 序列化后的组件数据
- */
-export interface SerializedComponent {
-    /**
-     * 组件类型名称
-     */
-    type: string;
-
-    /**
-     * 序列化版本
-     */
-    version: number;
-
-    /**
-     * 组件数据
-     */
-    data: Record<string, SerializableValue>;
-}
-
-/**
- * 组件序列化器类
- */
-export class ComponentSerializer {
-    /**
-     * 序列化单个组件
-     *
-     * @param component 要序列化的组件实例
-     * @returns 序列化后的组件数据，如果组件不可序列化则返回null
-     */
-    public static serialize(component: Component): SerializedComponent | null {
-        const metadata = getSerializationMetadata(component);
-
-        if (!metadata) {
-            // 组件没有使用@Serializable装饰器，不可序列化
-            return null;
-        }
-
-        const componentType = component.constructor as ComponentType;
-        const typeName = metadata.options.typeId || getComponentTypeName(componentType);
-        const data: Record<string, SerializableValue> = {};
-
-        // 序列化标记的字段
-        for (const [fieldName, options] of metadata.fields) {
-            const fieldKey = typeof fieldName === 'symbol' ? fieldName.toString() : fieldName;
-            const value = (component as unknown as Record<string | symbol, unknown>)[fieldName];
-
-            // 跳过忽略的字段
-            if (metadata.ignoredFields.has(fieldName)) {
-                continue;
-            }
-
-            let serializedValue: SerializableValue;
-
-            // 检查是否为 EntityRef 属性
-            if (isEntityRefProperty(component, fieldKey)) {
-                serializedValue = this.serializeEntityRef(value as Entity | null);
-            } else if (options.serializer) {
-                // 使用自定义序列化器
-                serializedValue = options.serializer(value);
-            } else {
-                // 使用默认序列化
-                serializedValue = this.serializeValue(value as SerializableValue);
-            }
-
-            // 使用别名或原始字段名
-            const key = options.alias || fieldKey;
-            data[key] = serializedValue;
-        }
-
-        return {
-            type: typeName,
-            version: metadata.options.version,
-            data
-        };
-    }
-
-    /**
-     * 反序列化组件
-     *
-     * @param serializedData 序列化的组件数据
-     * @param componentRegistry 组件类型注册表 (类型名 -> 构造函数)
-     * @param context 序列化上下文（可选，用于解析 EntityRef）
-     * @returns 反序列化后的组件实例，如果失败则返回null
-     */
-    public static deserialize(
-        serializedData: SerializedComponent,
-        componentRegistry: Map<string, ComponentType>,
-        context?: SerializationContext
-    ): Component | null {
-        const componentClass = componentRegistry.get(serializedData.type);
-
-        if (!componentClass) {
-            console.warn(`未找到组件类型: ${serializedData.type}`);
-            return null;
-        }
-
-        const metadata = getSerializationMetadata(componentClass);
-
-        if (!metadata) {
-            console.warn(`组件 ${serializedData.type} 不可序列化`);
-            return null;
-        }
-
-        // 创建组件实例
-        const component = new componentClass();
-
-        // 反序列化字段
-        for (const [fieldName, options] of metadata.fields) {
-            const fieldKey = typeof fieldName === 'symbol' ? fieldName.toString() : fieldName;
-            const key = options.alias || fieldKey;
-            const serializedValue = serializedData.data[key];
-
-            if (serializedValue === undefined) {
-                continue; // 字段不存在于序列化数据中
-            }
-
-            // 检查是否为序列化的 EntityRef
-            if (this.isSerializedEntityRef(serializedValue)) {
-                // EntityRef 需要延迟解析
-                if (context) {
-                    const ref = serializedValue.__entityRef;
-                    context.registerPendingRef(component, fieldKey, ref.id, ref.guid);
-                }
-                // 暂时设为 null，后续由 context.resolveAllReferences() 填充
-                (component as unknown as Record<string | symbol, unknown>)[fieldName] = null;
-                continue;
-            }
-
-            // 使用自定义反序列化器或默认反序列化
-            const value = options.deserializer
-                ? options.deserializer(serializedValue)
-                : this.deserializeValue(serializedValue);
-
-            (component as unknown as Record<string | symbol, SerializableValue>)[fieldName] = value;
-        }
-
-        return component;
-    }
-
-    /**
-     * 批量序列化组件
-     *
-     * @param components 组件数组
-     * @returns 序列化后的组件数据数组
-     */
-    public static serializeComponents(components: Component[]): SerializedComponent[] {
-        const result: SerializedComponent[] = [];
-
-        for (const component of components) {
-            const serialized = this.serialize(component);
-            if (serialized) {
-                result.push(serialized);
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * 批量反序列化组件
-     *
-     * @param serializedComponents 序列化的组件数据数组
-     * @param componentRegistry 组件类型注册表
-     * @param context 序列化上下文（可选，用于解析 EntityRef）
-     * @returns 反序列化后的组件数组
-     */
-    public static deserializeComponents(
-        serializedComponents: SerializedComponent[],
-        componentRegistry: Map<string, ComponentType>,
-        context?: SerializationContext
-    ): Component[] {
-        const result: Component[] = [];
-
-        for (const serialized of serializedComponents) {
-            const component = this.deserialize(serialized, componentRegistry, context);
-            if (component) {
-                result.push(component);
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * 默认值序列化
-     *
-     * 处理基本类型、数组、对象等的序列化
-     */
-    private static serializeValue(value: SerializableValue): SerializableValue {
-        if (value === null || value === undefined) {
-            return value;
-        }
-
-        // 基本类型
-        const type = typeof value;
-        if (type === 'string' || type === 'number' || type === 'boolean') {
-            return value;
-        }
-
-        // 日期
-        if (value instanceof Date) {
-            return {
-                __type: 'Date',
-                value: value.toISOString()
-            };
-        }
-
-        // 数组
-        if (Array.isArray(value)) {
-            return value.map((item) => this.serializeValue(item));
-        }
-
-        // Map (如果没有使用@SerializeMap装饰器)
-        if (value instanceof Map) {
-            return {
-                __type: 'Map',
-                value: Array.from(value.entries())
-            };
-        }
-
-        // Set
-        if (value instanceof Set) {
-            return {
-                __type: 'Set',
-                value: Array.from(value)
-            };
-        }
-
-        // 普通对象
-        if (type === 'object' && typeof value === 'object' && !Array.isArray(value)) {
-            const result: Record<string, SerializableValue> = {};
-            const obj = value as Record<string, SerializableValue>;
-            for (const key in obj) {
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    result[key] = this.serializeValue(obj[key]);
-                }
-            }
-            return result;
-        }
-
-        // 其他类型（函数等）不序列化
-        return undefined;
-    }
-
-    /**
-     * 默认值反序列化
-     */
-    private static deserializeValue(value: SerializableValue): SerializableValue {
-        if (value === null || value === undefined) {
-            return value;
-        }
-
-        // 基本类型直接返回
-        const type = typeof value;
-        if (type === 'string' || type === 'number' || type === 'boolean') {
-            return value;
-        }
-
-        // 处理特殊类型标记
-        if (type === 'object' && typeof value === 'object' && '__type' in value) {
-            const typedValue = value as { __type: string; value: SerializableValue };
-            switch (typedValue.__type) {
-                case 'Date':
-                    return { __type: 'Date', value: typeof typedValue.value === 'string' ? typedValue.value : String(typedValue.value) };
-                case 'Map':
-                    return { __type: 'Map', value: typedValue.value as Array<[SerializableValue, SerializableValue]> };
-                case 'Set':
-                    return { __type: 'Set', value: typedValue.value as SerializableValue[] };
-            }
-        }
-
-        // 数组
-        if (Array.isArray(value)) {
-            return value.map((item) => this.deserializeValue(item));
-        }
-
-        // 普通对象
-        if (type === 'object' && typeof value === 'object' && !Array.isArray(value)) {
-            const result: Record<string, SerializableValue> = {};
-            const obj = value as Record<string, SerializableValue>;
-            for (const key in obj) {
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    result[key] = this.deserializeValue(obj[key]);
-                }
-            }
-            return result;
-        }
-
-        return value;
-    }
-
-    /**
-     * 验证序列化数据的版本
-     *
-     * @param serializedData 序列化数据
-     * @param expectedVersion 期望的版本号
-     * @returns 版本是否匹配
-     */
-    public static validateVersion(
-        serializedData: SerializedComponent,
-        expectedVersion: number
-    ): boolean {
-        return serializedData.version === expectedVersion;
-    }
-
-    /**
-     * 获取组件的序列化信息
-     *
-     * @param component 组件实例或组件类
-     * @returns 序列化信息对象，包含类型名、版本、可序列化字段列表
-     */
-    public static getSerializationInfo(component: Component | ComponentType): {
-        type: string;
-        version: number;
-        fields: string[];
-        ignoredFields: string[];
-        isSerializable: boolean;
-    } | null {
-        const metadata = getSerializationMetadata(component);
-
-        if (!metadata) {
-            return {
-                type: 'unknown',
-                version: 0,
-                fields: [],
-                ignoredFields: [],
-                isSerializable: false
-            };
-        }
-
-        const componentType = typeof component === 'function'
-            ? component
-            : (component.constructor as ComponentType);
-
-        return {
-            type: metadata.options.typeId || getComponentTypeName(componentType),
-            version: metadata.options.version,
-            fields: Array.from(metadata.fields.keys()).map((k) =>
-                typeof k === 'symbol' ? k.toString() : k
-            ),
-            ignoredFields: Array.from(metadata.ignoredFields).map((k) =>
-                typeof k === 'symbol' ? k.toString() : k
-            ),
-            isSerializable: true
-        };
-    }
-
-    /**
-     * 序列化 Entity 引用
-     *
-     * Serialize an Entity reference to a portable format.
-     *
-     * @param entity Entity 实例或 null
-     * @returns 序列化的引用格式
-     */
-    public static serializeEntityRef(entity: Entity | null): SerializableValue {
-        if (!entity) {
-            return null;
-        }
-
-        return {
-            __entityRef: {
-                id: entity.id,
-                guid: entity.persistentId
-            }
-        };
-    }
-
-    /**
-     * 检查值是否为序列化的 EntityRef
-     *
-     * Check if a value is a serialized EntityRef.
-     *
-     * @param value 要检查的值
-     * @returns 如果是 EntityRef 返回 true
-     */
-    public static isSerializedEntityRef(value: unknown): value is { __entityRef: SerializedEntityRef } {
-        return (
-            typeof value === 'object' &&
-            value !== null &&
-            '__entityRef' in value
-        );
-    }
-}

packages/core/src/ECS/Systems/index.ts

@@ -1,14 +0,0 @@
-// ECS系统导出
-export { EntitySystem } from './EntitySystem';
-export { ProcessingSystem } from './ProcessingSystem';
-export { PassiveSystem } from './PassiveSystem';
-export { IntervalSystem } from './IntervalSystem';
-export { WorkerEntitySystem } from './WorkerEntitySystem';
-export { HierarchySystem } from './HierarchySystem';
-
-// Worker系统相关类型导出
-export type {
-    WorkerProcessFunction,
-    WorkerSystemConfig,
-    SharedArrayBufferProcessFunction
-} from './WorkerEntitySystem';

packages/core/src/Platform/PlatformManager.ts

@@ -1,137 +0,0 @@
-import type { IPlatformAdapter } from './IPlatformAdapter';
-import { createLogger, type ILogger } from '../Utils/Logger';
-
-/**
- * 平台管理器
- * 用户需要手动注册平台适配器
- */
-export class PlatformManager {
-    private static instance: PlatformManager;
-    private adapter: IPlatformAdapter | null = null;
-    private readonly logger: ILogger;
-
-    private constructor() {
-        this.logger = createLogger('PlatformManager');
-    }
-
-    /**
-     * 获取单例实例
-     */
-    public static getInstance(): PlatformManager {
-        if (!PlatformManager.instance) {
-            PlatformManager.instance = new PlatformManager();
-        }
-        return PlatformManager.instance;
-    }
-
-    /**
-     * 获取当前平台适配器
-     */
-    public getAdapter(): IPlatformAdapter {
-        if (!this.adapter) {
-            throw new Error('平台适配器未注册，请调用 registerAdapter() 注册适配器');
-        }
-        return this.adapter;
-    }
-
-    /**
-     * 注册平台适配器
-     */
-    public registerAdapter(adapter: IPlatformAdapter): void {
-        this.adapter = adapter;
-        this.logger.info(`平台适配器已注册: ${adapter.name}`, {
-            name: adapter.name,
-            version: adapter.version,
-            supportsWorker: adapter.isWorkerSupported(),
-            supportsSharedArrayBuffer: adapter.isSharedArrayBufferSupported(),
-            hardwareConcurrency: adapter.getHardwareConcurrency()
-        });
-    }
-
-    /**
-     * 检查是否已注册适配器
-     */
-    public hasAdapter(): boolean {
-        return this.adapter !== null;
-    }
-
-
-    /**
-     * 获取平台适配器信息（用于调试）
-     */
-    public getAdapterInfo(): any {
-        return this.adapter ? {
-            name: this.adapter.name,
-            version: this.adapter.version,
-            config: this.adapter.getPlatformConfig()
-        } : null;
-    }
-
-    /**
-     * 检查当前平台是否支持特定功能
-     */
-    public supportsFeature(feature: 'worker' | 'shared-array-buffer' | 'transferable-objects' | 'module-worker'): boolean {
-        if (!this.adapter) return false;
-
-        const config = this.adapter.getPlatformConfig();
-
-        switch (feature) {
-            case 'worker':
-                return this.adapter.isWorkerSupported();
-            case 'shared-array-buffer':
-                return this.adapter.isSharedArrayBufferSupported();
-            case 'transferable-objects':
-                return config.supportsTransferableObjects;
-            case 'module-worker':
-                return config.supportsModuleWorker;
-            default:
-                return false;
-        }
-    }
-
-    /**
-     * 获取基础的Worker配置信息（不做自动决策）
-     * 用户应该根据自己的业务需求来配置Worker参数
-     */
-    public getBasicWorkerConfig(): {
-        platformSupportsWorker: boolean;
-        platformSupportsSharedArrayBuffer: boolean;
-        platformMaxWorkerCount: number;
-        platformLimitations: any;
-        } {
-        if (!this.adapter) {
-            return {
-                platformSupportsWorker: false,
-                platformSupportsSharedArrayBuffer: false,
-                platformMaxWorkerCount: 1,
-                platformLimitations: {}
-            };
-        }
-
-        const config = this.adapter.getPlatformConfig();
-
-        return {
-            platformSupportsWorker: this.adapter.isWorkerSupported(),
-            platformSupportsSharedArrayBuffer: this.adapter.isSharedArrayBufferSupported(),
-            platformMaxWorkerCount: config.maxWorkerCount,
-            platformLimitations: config.limitations || {}
-        };
-    }
-
-    /**
-     * 异步获取完整的平台配置信息（包含性能信息）
-     */
-    public async getFullPlatformConfig(): Promise<any> {
-        if (!this.adapter) {
-            throw new Error('平台适配器未注册');
-        }
-
-        // 如果适配器支持异步获取配置，使用异步方法
-        if (typeof this.adapter.getPlatformConfigAsync === 'function') {
-            return await this.adapter.getPlatformConfigAsync();
-        }
-
-        // 否则返回同步配置
-        return this.adapter.getPlatformConfig();
-    }
-}

packages/ecs-engine-bindgen/package.json

@@ -1,52 +0,0 @@
-{
-    "name": "@esengine/ecs-engine-bindgen",
-    "version": "0.1.0",
-    "description": "Bridge layer between ECS Framework and Rust Engine | ECS框架与Rust引擎之间的桥接层",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "tsup",
-        "build:watch": "tsup --watch",
-        "clean": "rimraf dist"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/esengine/esengine.git",
-        "directory": "packages/ecs-engine-bindgen"
-    },
-    "keywords": [
-        "ecs",
-        "game-engine",
-        "bridge",
-        "wasm",
-        "typescript"
-    ],
-    "author": "ESEngine Team",
-    "license": "MIT",
-    "optionalDependencies": {
-        "es-engine": "file:../engine/pkg"
-    },
-    "devDependencies": {
-        "@esengine/ecs-framework": "workspace:*",
-        "@esengine/ecs-framework-math": "workspace:*",
-        "@esengine/engine-core": "workspace:*",
-        "@esengine/sprite": "workspace:*",
-        "@esengine/camera": "workspace:*",
-        "@esengine/asset-system": "workspace:*",
-        "@esengine/material-system": "workspace:*",
-        "tsup": "^8.5.1",
-        "typescript": "^5.8.0",
-        "rimraf": "^5.0.0"
-    }
-}

packages/ecs-engine-bindgen/src/core/EngineBridge.ts

@@ -1,894 +0,0 @@
-/**
- * Main bridge between TypeScript ECS and Rust Engine.
- * TypeScript ECS与Rust引擎之间的主桥接层。
- */
-
-import type { SpriteRenderData, TextureLoadRequest, EngineStats, CameraConfig } from '../types';
-import type { ITextureEngineBridge } from '@esengine/asset-system';
-import type { GameEngine } from '../wasm/es_engine';
-
-/**
- * Engine bridge configuration.
- * 引擎桥接配置。
- */
-export interface EngineBridgeConfig {
-    /** Canvas element ID. | Canvas元素ID。 */
-    canvasId: string;
-    /** Initial canvas width. | 初始画布宽度。 */
-    width?: number;
-    /** Initial canvas height. | 初始画布高度。 */
-    height?: number;
-    /** Maximum sprites per batch. | 每批次最大精灵数。 */
-    maxSprites?: number;
-    /** Enable debug mode. | 启用调试模式。 */
-    debug?: boolean;
-}
-
-/**
- * Bridge for communication between ECS Framework and Rust Engine.
- * ECS框架与Rust引擎之间的通信桥接。
- *
- * This class manages data transfer between the TypeScript ECS layer
- * and the WebAssembly-based Rust rendering engine.
- * 此类管理TypeScript ECS层与基于WebAssembly的Rust渲染引擎之间的数据传输。
- *
- * @example
- * ```typescript
- * const bridge = new EngineBridge({ canvasId: 'game-canvas' });
- * await bridge.initialize();
- *
- * // In game loop | 在游戏循环中
- * bridge.clear(0, 0, 0, 1);
- * bridge.submitSprites(spriteDataArray);
- * bridge.render();
- * ```
- */
-export class EngineBridge implements ITextureEngineBridge {
-    private engine: GameEngine | null = null;
-    private config: Required<EngineBridgeConfig>;
-    private initialized = false;
-
-    // Path resolver for converting file paths to URLs
-    // 用于将文件路径转换为URL的路径解析器
-    private pathResolver: ((path: string) => string) | null = null;
-
-    // Pre-allocated typed arrays for batch submission
-    // 预分配的类型数组用于批量提交
-    private transformBuffer: Float32Array;
-    private textureIdBuffer: Uint32Array;
-    private uvBuffer: Float32Array;
-    private colorBuffer: Uint32Array;
-    private materialIdBuffer: Uint32Array;
-
-    // Statistics | 统计信息
-    private stats: EngineStats = {
-        fps: 0,
-        drawCalls: 0,
-        spriteCount: 0,
-        frameTime: 0
-    };
-
-    private lastFrameTime = 0;
-    private frameCount = 0;
-    private fpsAccumulator = 0;
-
-    /**
-     * Create a new engine bridge.
-     * 创建新的引擎桥接。
-     *
-     * @param config - Bridge configuration | 桥接配置
-     */
-    constructor(config: EngineBridgeConfig) {
-        this.config = {
-            canvasId: config.canvasId,
-            width: config.width ?? 800,
-            height: config.height ?? 600,
-            maxSprites: config.maxSprites ?? 10000,
-            debug: config.debug ?? false
-        };
-
-        // Pre-allocate buffers | 预分配缓冲区
-        const maxSprites = this.config.maxSprites;
-        this.transformBuffer = new Float32Array(maxSprites * 7); // x, y, rot, sx, sy, ox, oy
-        this.textureIdBuffer = new Uint32Array(maxSprites);
-        this.uvBuffer = new Float32Array(maxSprites * 4); // u0, v0, u1, v1
-        this.colorBuffer = new Uint32Array(maxSprites);
-        this.materialIdBuffer = new Uint32Array(maxSprites);
-    }
-
-    /**
-     * Initialize the engine bridge with WASM module.
-     * 使用WASM模块初始化引擎桥接。
-     *
-     * @param wasmModule - Pre-imported WASM module | 预导入的WASM模块
-     */
-    async initializeWithModule(wasmModule: any): Promise<void> {
-        if (this.initialized) {
-            console.warn('EngineBridge already initialized | EngineBridge已初始化');
-            return;
-        }
-
-        try {
-            // Initialize WASM | 初始化WASM
-            if (wasmModule.default) {
-                await wasmModule.default();
-            }
-
-            // Create engine instance | 创建引擎实例
-            this.engine = new wasmModule.GameEngine(this.config.canvasId);
-            this.initialized = true;
-
-            if (this.config.debug) {
-                console.log('EngineBridge initialized | EngineBridge初始化完成');
-            }
-        } catch (error) {
-            throw new Error(`Failed to initialize engine: ${error} | 引擎初始化失败: ${error}`);
-        }
-    }
-
-    /**
-     * Initialize the engine bridge.
-     * 初始化引擎桥接。
-     *
-     * Loads the WASM module and creates the engine instance.
-     * 加载WASM模块并创建引擎实例。
-     *
-     * @param wasmPath - Path to WASM package | WASM包路径
-     * @deprecated Use initializeWithModule instead | 请使用 initializeWithModule 代替
-     */
-    async initialize(wasmPath = '@esengine/engine'): Promise<void> {
-        if (this.initialized) {
-            console.warn('EngineBridge already initialized | EngineBridge已初始化');
-            return;
-        }
-
-        try {
-            // Dynamic import of WASM module | 动态导入WASM模块
-            const wasmModule = await import(/* @vite-ignore */ wasmPath);
-            await this.initializeWithModule(wasmModule);
-        } catch (error) {
-            throw new Error(`Failed to initialize engine: ${error} | 引擎初始化失败: ${error}`);
-        }
-    }
-
-    /**
-     * Check if bridge is initialized.
-     * 检查桥接是否已初始化。
-     */
-    get isInitialized(): boolean {
-        return this.initialized;
-    }
-
-    /**
-     * Get canvas width.
-     * 获取画布宽度。
-     */
-    get width(): number {
-        return this.engine?.width ?? 0;
-    }
-
-    /**
-     * Get canvas height.
-     * 获取画布高度。
-     */
-    get height(): number {
-        return this.engine?.height ?? 0;
-    }
-
-    /**
-     * Get engine instance (throws if not initialized)
-     * 获取引擎实例（未初始化时抛出异常）
-     */
-    private getEngine(): GameEngine {
-        if (!this.engine) {
-            throw new Error('Engine not initialized. Call initialize() first.');
-        }
-        return this.engine;
-    }
-
-    /**
-     * Clear the screen.
-     * 清除屏幕。
-     *
-     * @param r - Red (0-1) | 红色
-     * @param g - Green (0-1) | 绿色
-     * @param b - Blue (0-1) | 蓝色
-     * @param a - Alpha (0-1) | 透明度
-     */
-    clear(r: number, g: number, b: number, a: number): void {
-        if (!this.initialized) return;
-        this.getEngine().clear(r, g, b, a);
-    }
-
-    /**
-     * Submit sprite data for rendering.
-     * 提交精灵数据进行渲染。
-     *
-     * @param sprites - Array of sprite render data | 精灵渲染数据数组
-     */
-    submitSprites(sprites: SpriteRenderData[]): void {
-        if (!this.initialized || sprites.length === 0) return;
-
-        const count = Math.min(sprites.length, this.config.maxSprites);
-
-        // Fill typed arrays | 填充类型数组
-        for (let i = 0; i < count; i++) {
-            const sprite = sprites[i];
-            const tOffset = i * 7;
-            const uvOffset = i * 4;
-
-            // Transform data | 变换数据
-            this.transformBuffer[tOffset] = sprite.x;
-            this.transformBuffer[tOffset + 1] = sprite.y;
-            this.transformBuffer[tOffset + 2] = sprite.rotation;
-            this.transformBuffer[tOffset + 3] = sprite.scaleX;
-            this.transformBuffer[tOffset + 4] = sprite.scaleY;
-            this.transformBuffer[tOffset + 5] = sprite.originX;
-            this.transformBuffer[tOffset + 6] = sprite.originY;
-
-            // Texture ID | 纹理ID
-            this.textureIdBuffer[i] = sprite.textureId;
-
-            // UV coordinates | UV坐标
-            this.uvBuffer[uvOffset] = sprite.uv[0];
-            this.uvBuffer[uvOffset + 1] = sprite.uv[1];
-            this.uvBuffer[uvOffset + 2] = sprite.uv[2];
-            this.uvBuffer[uvOffset + 3] = sprite.uv[3];
-
-            // Color | 颜色
-            this.colorBuffer[i] = sprite.color;
-
-            // Material ID (0 = default) | 材质ID（0 = 默认）
-            this.materialIdBuffer[i] = sprite.materialId ?? 0;
-        }
-
-        // Submit to engine (single WASM call) | 提交到引擎（单次WASM调用）
-        this.getEngine().submitSpriteBatch(
-            this.transformBuffer.subarray(0, count * 7),
-            this.textureIdBuffer.subarray(0, count),
-            this.uvBuffer.subarray(0, count * 4),
-            this.colorBuffer.subarray(0, count),
-            this.materialIdBuffer.subarray(0, count)
-        );
-
-        this.stats.spriteCount = count;
-    }
-
-    /**
-     * Render the current frame.
-     * 渲染当前帧。
-     */
-    render(): void {
-        if (!this.initialized) return;
-
-        const startTime = performance.now();
-        this.getEngine().render();
-        const endTime = performance.now();
-
-        // Update statistics | 更新统计信息
-        this.stats.frameTime = endTime - startTime;
-        this.stats.drawCalls = 1; // Currently single batch | 当前单批次
-
-        // Calculate FPS | 计算FPS
-        this.frameCount++;
-        this.fpsAccumulator += endTime - this.lastFrameTime;
-        this.lastFrameTime = endTime;
-
-        if (this.fpsAccumulator >= 1000) {
-            this.stats.fps = this.frameCount;
-            this.frameCount = 0;
-            this.fpsAccumulator = 0;
-        }
-    }
-
-    /**
-     * Render sprites as overlay without clearing the screen.
-     * 渲染精灵作为叠加层，不清除屏幕。
-     *
-     * This is used for UI rendering on top of world content.
-     * 用于在世界内容上渲染 UI。
-     */
-    renderOverlay(): void {
-        if (!this.initialized) return;
-        this.getEngine().renderOverlay();
-    }
-
-    /**
-     * Load a texture.
-     * 加载纹理。
-     *
-     * @param id - Texture ID | 纹理ID
-     * @param url - Image URL | 图片URL
-     */
-    loadTexture(id: number, url: string): Promise<void> {
-        if (!this.initialized) return Promise.resolve();
-        this.getEngine().loadTexture(id, url);
-        // Currently synchronous, but return Promise for interface compatibility
-        // 目前是同步的，但返回Promise以兼容接口
-        return Promise.resolve();
-    }
-
-    /**
-     * Load multiple textures.
-     * 加载多个纹理。
-     *
-     * @param requests - Texture load requests | 纹理加载请求
-     */
-    async loadTextures(requests: Array<{ id: number; url: string }>): Promise<void> {
-        for (const req of requests) {
-            await this.loadTexture(req.id, req.url);
-        }
-    }
-
-    /**
-     * Load texture by path, returning texture ID.
-     * 按路径加载纹理，返回纹理ID。
-     *
-     * @param path - Image path/URL | 图片路径/URL
-     * @returns Texture ID | 纹理ID
-     */
-    loadTextureByPath(path: string): number {
-        if (!this.initialized) return 0;
-        return this.getEngine().loadTextureByPath(path);
-    }
-
-    /**
-     * Get texture ID by path.
-     * 按路径获取纹理ID。
-     *
-     * @param path - Image path | 图片路径
-     * @returns Texture ID or undefined | 纹理ID或undefined
-     */
-    getTextureIdByPath(path: string): number | undefined {
-        if (!this.initialized) return undefined;
-        return this.getEngine().getTextureIdByPath(path);
-    }
-
-    /**
-     * Set path resolver for converting file paths to URLs.
-     * 设置路径解析器用于将文件路径转换为URL。
-     *
-     * @param resolver - Function to resolve paths | 解析路径的函数
-     */
-    setPathResolver(resolver: (path: string) => string): void {
-        this.pathResolver = resolver;
-    }
-
-    /**
-     * Get or load texture by path.
-     * 按路径获取或加载纹理。
-     *
-     * @param path - Image path/URL | 图片路径/URL
-     * @returns Texture ID | 纹理ID
-     */
-    getOrLoadTextureByPath(path: string): number {
-        if (!this.initialized) return 0;
-
-        // Resolve path if resolver is set
-        // 如果设置了解析器，则解析路径
-        const resolvedPath = this.pathResolver ? this.pathResolver(path) : path;
-        return this.getEngine().getOrLoadTextureByPath(resolvedPath);
-    }
-
-    /**
-     * Unload texture from GPU.
-     * 从GPU卸载纹理。
-     *
-     * @param id - Texture ID | 纹理ID
-     */
-    unloadTexture(id: number): void {
-        if (!this.initialized) return;
-        // TODO: Implement in Rust engine
-        // TODO: 在Rust引擎中实现
-        console.warn('unloadTexture not yet implemented in engine');
-    }
-
-    /**
-     * Get texture information.
-     * 获取纹理信息。
-     *
-     * @param id - Texture ID | 纹理ID
-     */
-    getTextureInfo(id: number): { width: number; height: number } | null {
-        if (!this.initialized) return null;
-        // TODO: Implement in Rust engine
-        // TODO: 在Rust引擎中实现
-        // Return default values for now / 暂时返回默认值
-        return { width: 64, height: 64 };
-    }
-
-    /**
-     * Check if a key is pressed.
-     * 检查按键是否按下。
-     *
-     * @param keyCode - Key code | 键码
-     */
-    isKeyDown(keyCode: string): boolean {
-        if (!this.initialized) return false;
-        return this.getEngine().isKeyDown(keyCode);
-    }
-
-    /**
-     * Update input state (call once per frame).
-     * 更新输入状态（每帧调用一次）。
-     */
-    updateInput(): void {
-        if (!this.initialized) return;
-        this.getEngine().updateInput();
-    }
-
-    /**
-     * Get engine statistics.
-     * 获取引擎统计信息。
-     */
-    getStats(): EngineStats {
-        return { ...this.stats };
-    }
-
-    /**
-     * Resize the viewport.
-     * 调整视口大小。
-     *
-     * @param width - New width | 新宽度
-     * @param height - New height | 新高度
-     */
-    resize(width: number, height: number): void {
-        if (!this.initialized) return;
-        const engine = this.getEngine();
-        if (engine.resize) {
-            engine.resize(width, height);
-        }
-    }
-
-    /**
-     * Set camera position, zoom, and rotation.
-     * 设置相机位置、缩放和旋转。
-     *
-     * @param config - Camera configuration | 相机配置
-     */
-    setCamera(config: CameraConfig): void {
-        if (!this.initialized) return;
-        this.getEngine().setCamera(config.x, config.y, config.zoom, config.rotation);
-    }
-
-    /**
-     * Get camera state.
-     * 获取相机状态。
-     */
-    getCamera(): CameraConfig {
-        if (!this.initialized) {
-            return { x: 0, y: 0, zoom: 1, rotation: 0 };
-        }
-        const state = this.getEngine().getCamera();
-        return {
-            x: state[0],
-            y: state[1],
-            zoom: state[2],
-            rotation: state[3]
-        };
-    }
-
-    /**
-     * Convert screen coordinates to world coordinates.
-     * 将屏幕坐标转换为世界坐标。
-     *
-     * Screen coordinates: (0,0) at top-left of canvas, Y-down
-     * World coordinates: Y-up, camera position at center of view
-     *
-     * @param screenX - Screen X coordinate (relative to canvas left edge)
-     * @param screenY - Screen Y coordinate (relative to canvas top edge)
-     * @returns World coordinates { x, y }
-     */
-    screenToWorld(screenX: number, screenY: number): { x: number; y: number } {
-        if (!this.initialized) {
-            return { x: screenX, y: screenY };
-        }
-        const result = this.getEngine().screenToWorld(screenX, screenY);
-        return { x: result[0], y: result[1] };
-    }
-
-    /**
-     * Convert world coordinates to screen coordinates.
-     * 将世界坐标转换为屏幕坐标。
-     *
-     * @param worldX - World X coordinate
-     * @param worldY - World Y coordinate
-     * @returns Screen coordinates { x, y } (relative to canvas)
-     */
-    worldToScreen(worldX: number, worldY: number): { x: number; y: number } {
-        if (!this.initialized) {
-            return { x: worldX, y: worldY };
-        }
-        const result = this.getEngine().worldToScreen(worldX, worldY);
-        return { x: result[0], y: result[1] };
-    }
-
-    /**
-     * Set grid visibility.
-     * 设置网格可见性。
-     */
-    setShowGrid(show: boolean): void {
-        if (!this.initialized) return;
-        this.getEngine().setShowGrid(show);
-    }
-
-    /**
-     * Set clear color (background color).
-     * 设置清除颜色（背景颜色）。
-     *
-     * @param r - Red component (0.0-1.0) | 红色分量
-     * @param g - Green component (0.0-1.0) | 绿色分量
-     * @param b - Blue component (0.0-1.0) | 蓝色分量
-     * @param a - Alpha component (0.0-1.0) | 透明度分量
-     */
-    setClearColor(r: number, g: number, b: number, a: number): void {
-        if (!this.initialized) return;
-        this.getEngine().setClearColor(r, g, b, a);
-    }
-
-    /**
-     * Add a rectangle gizmo outline.
-     * 添加矩形Gizmo边框。
-     *
-     * @param x - Center X position | 中心X位置
-     * @param y - Center Y position | 中心Y位置
-     * @param width - Rectangle width | 矩形宽度
-     * @param height - Rectangle height | 矩形高度
-     * @param rotation - Rotation in radians | 旋转角度（弧度）
-     * @param originX - Origin X (0-1) | 原点X (0-1)
-     * @param originY - Origin Y (0-1) | 原点Y (0-1)
-     * @param r - Red (0-1) | 红色
-     * @param g - Green (0-1) | 绿色
-     * @param b - Blue (0-1) | 蓝色
-     * @param a - Alpha (0-1) | 透明度
-     * @param showHandles - Whether to show transform handles | 是否显示变换手柄
-     */
-    addGizmoRect(
-        x: number,
-        y: number,
-        width: number,
-        height: number,
-        rotation: number,
-        originX: number,
-        originY: number,
-        r: number,
-        g: number,
-        b: number,
-        a: number,
-        showHandles: boolean = true
-    ): void {
-        if (!this.initialized) return;
-        this.getEngine().addGizmoRect(x, y, width, height, rotation, originX, originY, r, g, b, a, showHandles);
-    }
-
-    /**
-     * Add a circle outline gizmo (native rendering).
-     * 添加圆形边框Gizmo（原生渲染）。
-     */
-    addGizmoCircle(
-        x: number,
-        y: number,
-        radius: number,
-        r: number,
-        g: number,
-        b: number,
-        a: number
-    ): void {
-        if (!this.initialized) return;
-        this.getEngine().addGizmoCircle(x, y, radius, r, g, b, a);
-    }
-
-    /**
-     * Add a line gizmo (native rendering).
-     * 添加线条Gizmo（原生渲染）。
-     */
-    addGizmoLine(
-        points: number[],
-        r: number,
-        g: number,
-        b: number,
-        a: number,
-        closed: boolean
-    ): void {
-        if (!this.initialized) return;
-        this.getEngine().addGizmoLine(new Float32Array(points), r, g, b, a, closed);
-    }
-
-    /**
-     * Add a capsule outline gizmo (native rendering).
-     * 添加胶囊边框Gizmo（原生渲染）。
-     */
-    addGizmoCapsule(
-        x: number,
-        y: number,
-        radius: number,
-        halfHeight: number,
-        rotation: number,
-        r: number,
-        g: number,
-        b: number,
-        a: number
-    ): void {
-        if (!this.initialized) return;
-        this.getEngine().addGizmoCapsule(x, y, radius, halfHeight, rotation, r, g, b, a);
-    }
-
-    /**
-     * Set transform tool mode.
-     * 设置变换工具模式。
-     *
-     * @param mode - 0=Select, 1=Move, 2=Rotate, 3=Scale
-     */
-    setTransformMode(mode: number): void {
-        if (!this.initialized) return;
-        this.getEngine().setTransformMode(mode);
-    }
-
-    /**
-     * Set gizmo visibility.
-     * 设置辅助工具可见性。
-     */
-    setShowGizmos(show: boolean): void {
-        if (!this.initialized) return;
-        this.getEngine().setShowGizmos(show);
-    }
-
-    /**
-     * Set editor mode.
-     * 设置编辑器模式。
-     *
-     * When false (runtime mode), editor-only UI like grid, gizmos,
-     * and axis indicator are automatically hidden.
-     * 当为 false（运行时模式）时，编辑器专用 UI 会自动隐藏。
-     */
-    setEditorMode(isEditor: boolean): void {
-        if (!this.initialized) return;
-        this.getEngine().setEditorMode(isEditor);
-    }
-
-    /**
-     * Get editor mode.
-     * 获取编辑器模式。
-     */
-    isEditorMode(): boolean {
-        if (!this.initialized) return true;
-        return this.getEngine().isEditorMode();
-    }
-
-    // ===== Multi-viewport API =====
-    // ===== 多视口 API =====
-
-    /**
-     * Register a new viewport.
-     * 注册新视口。
-     *
-     * @param id - Unique viewport identifier | 唯一视口标识符
-     * @param canvasId - HTML canvas element ID | HTML canvas元素ID
-     */
-    registerViewport(id: string, canvasId: string): void {
-        if (!this.initialized) return;
-        this.getEngine().registerViewport(id, canvasId);
-    }
-
-    /**
-     * Unregister a viewport.
-     * 注销视口。
-     */
-    unregisterViewport(id: string): void {
-        if (!this.initialized) return;
-        this.getEngine().unregisterViewport(id);
-    }
-
-    /**
-     * Set the active viewport.
-     * 设置活动视口。
-     */
-    setActiveViewport(id: string): boolean {
-        if (!this.initialized) return false;
-        return this.getEngine().setActiveViewport(id);
-    }
-
-    /**
-     * Set camera for a specific viewport.
-     * 为特定视口设置相机。
-     */
-    setViewportCamera(viewportId: string, config: CameraConfig): void {
-        if (!this.initialized) return;
-        this.getEngine().setViewportCamera(viewportId, config.x, config.y, config.zoom, config.rotation);
-    }
-
-    /**
-     * Get camera for a specific viewport.
-     * 获取特定视口的相机。
-     */
-    getViewportCamera(viewportId: string): CameraConfig | null {
-        if (!this.initialized) return null;
-        const state = this.getEngine().getViewportCamera(viewportId);
-        if (!state) return null;
-        return {
-            x: state[0],
-            y: state[1],
-            zoom: state[2],
-            rotation: state[3]
-        };
-    }
-
-    /**
-     * Set viewport configuration.
-     * 设置视口配置。
-     */
-    setViewportConfig(viewportId: string, showGrid: boolean, showGizmos: boolean): void {
-        if (!this.initialized) return;
-        this.getEngine().setViewportConfig(viewportId, showGrid, showGizmos);
-    }
-
-    /**
-     * Resize a specific viewport.
-     * 调整特定视口大小。
-     */
-    resizeViewport(viewportId: string, width: number, height: number): void {
-        if (!this.initialized) return;
-        this.getEngine().resizeViewport(viewportId, width, height);
-    }
-
-    /**
-     * Render to a specific viewport.
-     * 渲染到特定视口。
-     */
-    renderToViewport(viewportId: string): void {
-        if (!this.initialized) return;
-        this.getEngine().renderToViewport(viewportId);
-    }
-
-    /**
-     * Get all registered viewport IDs.
-     * 获取所有已注册的视口ID。
-     */
-    getViewportIds(): string[] {
-        if (!this.initialized) return [];
-        return this.getEngine().getViewportIds();
-    }
-
-    // ===== Screen Space Mode API =====
-    // ===== 屏幕空间模式 API =====
-
-    // Saved world space camera state
-    // 保存的世界空间相机状态
-    private savedWorldCamera: CameraConfig | null = null;
-
-    /**
-     * Push screen space rendering mode.
-     * 进入屏幕空间渲染模式。
-     *
-     * Saves the current world camera and switches to a fixed orthographic projection
-     * centered at (0, 0) with the specified canvas size.
-     * 保存当前世界相机并切换到以 (0, 0) 为中心的固定正交投影。
-     *
-     * @param canvasWidth - UI canvas width (design resolution) | UI 画布宽度（设计分辨率）
-     * @param canvasHeight - UI canvas height (design resolution) | UI 画布高度（设计分辨率）
-     */
-    pushScreenSpaceMode(canvasWidth: number, canvasHeight: number): void {
-        if (!this.initialized) return;
-
-        // Save current world camera state
-        // 保存当前世界相机状态
-        this.savedWorldCamera = this.getCamera();
-
-        // Switch to screen space camera:
-        // - Position at origin (0, 0)
-        // - Zoom = 1 (1 pixel = 1 world unit)
-        // - No rotation
-        // 切换到屏幕空间相机：
-        // - 位置在原点 (0, 0)
-        // - 缩放 = 1（1 像素 = 1 世界单位）
-        // - 无旋转
-        //
-        // For screen space UI, we want the camera to show exactly canvasWidth x canvasHeight pixels
-        // centered at (0, 0). This means the visible area is:
-        // X: [-canvasWidth/2, canvasWidth/2]
-        // Y: [-canvasHeight/2, canvasHeight/2]
-        // 对于屏幕空间 UI，我们希望相机精确显示 canvasWidth x canvasHeight 像素
-        // 以 (0, 0) 为中心。这意味着可见区域是：
-        // X: [-canvasWidth/2, canvasWidth/2]
-        // Y: [-canvasHeight/2, canvasHeight/2]
-
-        // Get current viewport size to calculate proper zoom
-        // 获取当前视口尺寸以计算正确的缩放
-        // Note: This assumes canvas.width/height match actual rendering size
-        // 注意：这假设 canvas.width/height 与实际渲染尺寸匹配
-        const canvas = document.getElementById(this.config.canvasId) as HTMLCanvasElement;
-        if (canvas) {
-            // Calculate zoom so that canvasWidth x canvasHeight fits exactly in the viewport
-            // 计算缩放使 canvasWidth x canvasHeight 正好适合视口
-            // zoom = viewport_size / world_visible_size
-            // For UI, we want 1 UI unit = 1 pixel on screen when canvas matches viewport
-            // 对于 UI，当画布与视口匹配时，我们希望 1 UI 单位 = 1 屏幕像素
-            const viewportWidth = canvas.width;
-            const viewportHeight = canvas.height;
-
-            // Calculate zoom based on the design canvas size vs actual viewport
-            // 根据设计画布尺寸与实际视口计算缩放
-            // This scales UI to fit the viewport while maintaining aspect ratio
-            const zoomX = viewportWidth / canvasWidth;
-            const zoomY = viewportHeight / canvasHeight;
-
-            // Use minimum to ensure entire canvas is visible (letterbox if needed)
-            // 使用最小值确保整个画布可见（如需要则显示黑边）
-            const zoom = Math.min(zoomX, zoomY);
-
-            this.setCamera({
-                x: 0,
-                y: 0,
-                zoom: zoom,
-                rotation: 0
-            });
-        } else {
-            // Fallback: use zoom = 1
-            // 回退：使用 zoom = 1
-            this.setCamera({
-                x: 0,
-                y: 0,
-                zoom: 1,
-                rotation: 0
-            });
-        }
-    }
-
-    /**
-     * Pop screen space rendering mode.
-     * 退出屏幕空间渲染模式。
-     *
-     * Restores the previously saved world camera.
-     * 恢复之前保存的世界相机。
-     */
-    popScreenSpaceMode(): void {
-        if (!this.initialized) return;
-
-        // Restore world camera
-        // 恢复世界相机
-        if (this.savedWorldCamera) {
-            this.setCamera(this.savedWorldCamera);
-            this.savedWorldCamera = null;
-        }
-    }
-
-    // ===== Texture Cache API =====
-    // ===== 纹理缓存 API =====
-
-    /**
-     * Clear the texture path cache.
-     * 清除纹理路径缓存。
-     *
-     * This should be called when restoring scene snapshots to ensure
-     * textures are reloaded with correct IDs.
-     * 在恢复场景快照时应调用此方法，以确保纹理使用正确的ID重新加载。
-     */
-    clearTexturePathCache(): void {
-        if (!this.initialized) return;
-        this.getEngine().clearTexturePathCache();
-    }
-
-    /**
-     * Clear all textures and reset state.
-     * 清除所有纹理并重置状态。
-     *
-     * This removes all loaded textures from GPU memory and resets
-     * the ID counter. Use with caution as all texture references
-     * will become invalid.
-     * 这会从GPU内存中移除所有已加载的纹理并重置ID计数器。
-     * 请谨慎使用，因为所有纹理引用都将变得无效。
-     */
-    clearAllTextures(): void {
-        if (!this.initialized) return;
-        this.getEngine().clearAllTextures();
-    }
-
-    /**
-     * Dispose the bridge and release resources.
-     * 销毁桥接并释放资源。
-     */
-    dispose(): void {
-        this.engine = null;
-        this.initialized = false;
-    }
-}

packages/ecs-engine-bindgen/src/core/RenderBatcher.ts

@@ -1,112 +0,0 @@
-/**
- * Render batcher for collecting sprite data.
- * 用于收集精灵数据的渲染批处理器。
- */
-
-import type { SpriteRenderData } from '../types';
-
-/**
- * Collects and sorts sprite render data for batch submission.
- * 收集和排序精灵渲染数据用于批量提交。
- *
- * This class is used to collect sprites during the ECS update loop
- * and then submit them all at once to the engine.
- * 此类用于在ECS更新循环中收集精灵，然后一次性提交到引擎。
- *
- * @example
- * ```typescript
- * const batcher = new RenderBatcher();
- *
- * // During ECS update | 在ECS更新期间
- * batcher.addSprite({
- *     x: 100, y: 200,
- *     rotation: 0,
- *     scaleX: 1, scaleY: 1,
- *     originX: 0.5, originY: 0.5,
- *     textureId: 1,
- *     uv: [0, 0, 1, 1],
- *     color: 0xFFFFFFFF
- * });
- *
- * // At end of frame | 在帧结束时
- * bridge.submitSprites(batcher.getSprites());
- * batcher.clear();
- * ```
- */
-export class RenderBatcher {
-    private sprites: SpriteRenderData[] = [];
-    private sortByZ = false;
-
-    /**
-     * Create a new render batcher.
-     * 创建新的渲染批处理器。
-     *
-     * @param sortByZ - Whether to sort sprites by Z order | 是否按Z顺序排序精灵
-     */
-    constructor(sortByZ = false) {
-        this.sortByZ = sortByZ;
-    }
-
-    /**
-     * Add a sprite to the batch.
-     * 将精灵添加到批处理。
-     *
-     * @param sprite - Sprite render data | 精灵渲染数据
-     */
-    addSprite(sprite: SpriteRenderData): void {
-        this.sprites.push(sprite);
-    }
-
-    /**
-     * Add multiple sprites to the batch.
-     * 将多个精灵添加到批处理。
-     *
-     * @param sprites - Array of sprite render data | 精灵渲染数据数组
-     */
-    addSprites(sprites: SpriteRenderData[]): void {
-        this.sprites.push(...sprites);
-    }
-
-    /**
-     * Get all sprites in the batch.
-     * 获取批处理中的所有精灵。
-     *
-     * @returns Sorted array of sprites | 排序后的精灵数组
-     */
-    getSprites(): SpriteRenderData[] {
-        // Sort by material ID first, then texture ID for better batching
-        // 先按材质ID排序，再按纹理ID排序以获得更好的批处理效果
-        if (!this.sortByZ) {
-            this.sprites.sort((a, b) => {
-                const materialDiff = (a.materialId || 0) - (b.materialId || 0);
-                if (materialDiff !== 0) return materialDiff;
-                return a.textureId - b.textureId;
-            });
-        }
-        return this.sprites;
-    }
-
-    /**
-     * Get sprite count.
-     * 获取精灵数量。
-     */
-    get count(): number {
-        return this.sprites.length;
-    }
-
-    /**
-     * Clear all sprites from the batch.
-     * 清除批处理中的所有精灵。
-     */
-    clear(): void {
-        this.sprites.length = 0;
-    }
-
-    /**
-     * Check if batch is empty.
-     * 检查批处理是否为空。
-     */
-    get isEmpty(): boolean {
-        return this.sprites.length === 0;
-    }
-}

packages/editor-app/src/application/state/EditorStore.ts

@@ -1,88 +0,0 @@
-import { create } from 'zustand';
-
-/**
- * 编辑器交互状态
- * 管理编辑器的交互状态（连接、框选、菜单等）
- */
-interface EditorState {
-    /**
-     * 正在连接的源节点ID
-     */
-    connectingFrom: string | null;
-
-    /**
-     * 正在连接的源属性
-     */
-    connectingFromProperty: string | null;
-
-    /**
-     * 连接目标位置（鼠标位置）
-     */
-    connectingToPos: { x: number; y: number } | null;
-
-    /**
-     * 是否正在框选
-     */
-    isBoxSelecting: boolean;
-
-    /**
-     * 框选起始位置
-     */
-    boxSelectStart: { x: number; y: number } | null;
-
-    /**
-     * 框选结束位置
-     */
-    boxSelectEnd: { x: number; y: number } | null;
-
-    // Actions
-    setConnectingFrom: (nodeId: string | null) => void;
-    setConnectingFromProperty: (propertyName: string | null) => void;
-    setConnectingToPos: (pos: { x: number; y: number } | null) => void;
-    clearConnecting: () => void;
-
-    setIsBoxSelecting: (isSelecting: boolean) => void;
-    setBoxSelectStart: (pos: { x: number; y: number } | null) => void;
-    setBoxSelectEnd: (pos: { x: number; y: number } | null) => void;
-    clearBoxSelect: () => void;
-}
-
-/**
- * Editor Store
- */
-export const useEditorStore = create<EditorState>((set) => ({
-    connectingFrom: null,
-    connectingFromProperty: null,
-    connectingToPos: null,
-
-    isBoxSelecting: false,
-    boxSelectStart: null,
-    boxSelectEnd: null,
-
-    setConnectingFrom: (nodeId: string | null) => set({ connectingFrom: nodeId }),
-
-    setConnectingFromProperty: (propertyName: string | null) =>
-        set({ connectingFromProperty: propertyName }),
-
-    setConnectingToPos: (pos: { x: number; y: number } | null) => set({ connectingToPos: pos }),
-
-    clearConnecting: () =>
-        set({
-            connectingFrom: null,
-            connectingFromProperty: null,
-            connectingToPos: null
-        }),
-
-    setIsBoxSelecting: (isSelecting: boolean) => set({ isBoxSelecting: isSelecting }),
-
-    setBoxSelectStart: (pos: { x: number; y: number } | null) => set({ boxSelectStart: pos }),
-
-    setBoxSelectEnd: (pos: { x: number; y: number } | null) => set({ boxSelectEnd: pos }),
-
-    clearBoxSelect: () =>
-        set({
-            isBoxSelecting: false,
-            boxSelectStart: null,
-            boxSelectEnd: null
-        })
-}));

packages/editor-app/src/application/state/UIStore.ts

@@ -1,131 +0,0 @@
-import { create } from 'zustand';
-
-/**
- * UI 状态
- * 管理UI相关的状态（选中、拖拽、画布）
- */
-interface UIState {
-    /**
-     * 选中的节点ID列表
-     */
-    selectedNodeIds: string[];
-
-    /**
-     * 正在拖拽的节点ID
-     */
-    draggingNodeId: string | null;
-
-    /**
-     * 拖拽起始位置映射
-     */
-    dragStartPositions: Map<string, { x: number; y: number }>;
-
-    /**
-     * 是否正在拖拽节点
-     */
-    isDraggingNode: boolean;
-
-    /**
-     * 拖拽偏移量
-     */
-    dragDelta: { dx: number; dy: number };
-
-    /**
-     * 画布偏移
-     */
-    canvasOffset: { x: number; y: number };
-
-    /**
-     * 画布缩放
-     */
-    canvasScale: number;
-
-    /**
-     * 是否正在平移画布
-     */
-    isPanning: boolean;
-
-    /**
-     * 平移起始位置
-     */
-    panStart: { x: number; y: number };
-
-    // Actions
-    setSelectedNodeIds: (nodeIds: string[]) => void;
-    toggleNodeSelection: (nodeId: string) => void;
-    clearSelection: () => void;
-
-    startDragging: (nodeId: string, startPositions: Map<string, { x: number; y: number }>) => void;
-    stopDragging: () => void;
-    setIsDraggingNode: (isDragging: boolean) => void;
-    setDragDelta: (delta: { dx: number; dy: number }) => void;
-
-    setCanvasOffset: (offset: { x: number; y: number }) => void;
-    setCanvasScale: (scale: number) => void;
-    setIsPanning: (isPanning: boolean) => void;
-    setPanStart: (panStart: { x: number; y: number }) => void;
-    resetView: () => void;
-}
-
-/**
- * UI Store
- */
-export const useUIStore = create<UIState>((set, get) => ({
-    selectedNodeIds: [],
-    draggingNodeId: null,
-    dragStartPositions: new Map(),
-    isDraggingNode: false,
-    dragDelta: { dx: 0, dy: 0 },
-
-    canvasOffset: { x: 0, y: 0 },
-    canvasScale: 1,
-    isPanning: false,
-    panStart: { x: 0, y: 0 },
-
-    setSelectedNodeIds: (nodeIds: string[]) => set({ selectedNodeIds: nodeIds }),
-
-    toggleNodeSelection: (nodeId: string) => {
-        const { selectedNodeIds } = get();
-        if (selectedNodeIds.includes(nodeId)) {
-            set({ selectedNodeIds: selectedNodeIds.filter((id) => id !== nodeId) });
-        } else {
-            set({ selectedNodeIds: [...selectedNodeIds, nodeId] });
-        }
-    },
-
-    clearSelection: () => set({ selectedNodeIds: [] }),
-
-    startDragging: (nodeId: string, startPositions: Map<string, { x: number; y: number }>) =>
-        set({
-            draggingNodeId: nodeId,
-            dragStartPositions: startPositions,
-            isDraggingNode: true
-        }),
-
-    stopDragging: () =>
-        set({
-            draggingNodeId: null,
-            dragStartPositions: new Map(),
-            isDraggingNode: false,
-            dragDelta: { dx: 0, dy: 0 }
-        }),
-
-    setIsDraggingNode: (isDragging: boolean) => set({ isDraggingNode: isDragging }),
-
-    setDragDelta: (delta: { dx: number; dy: number }) => set({ dragDelta: delta }),
-
-    setCanvasOffset: (offset: { x: number; y: number }) => set({ canvasOffset: offset }),
-
-    setCanvasScale: (scale: number) => set({ canvasScale: scale }),
-
-    setIsPanning: (isPanning: boolean) => set({ isPanning }),
-
-    setPanStart: (panStart: { x: number; y: number }) => set({ panStart }),
-
-    resetView: () =>
-        set({
-            canvasOffset: { x: 0, y: 0 },
-            canvasScale: 1,
-            isPanning: false
-        })
-}));

packages/editor-app/src/application/state/index.ts

@@ -1,2 +0,0 @@
-export { useUIStore } from './UIStore';
-export { useEditorStore } from './EditorStore';

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

@@ -1,22 +0,0 @@
-/**
- * Asset Browser - 资产浏览器
- * 包装 ContentBrowser 组件，保持向后兼容
- */
-
-import { ContentBrowser } from './ContentBrowser';
-
-interface AssetBrowserProps {
-    projectPath: string | null;
-    locale: string;
-    onOpenScene?: (scenePath: string) => void;
-}
-
-export function AssetBrowser({ projectPath, locale, onOpenScene }: AssetBrowserProps) {
-    return (
-        <ContentBrowser
-            projectPath={projectPath}
-            locale={locale}
-            onOpenScene={onOpenScene}
-        />
-    );
-}

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

@@ -1,141 +0,0 @@
-import { useState, useEffect } from 'react';
-import { RefreshCw, Folder } from 'lucide-react';
-import { TauriAPI } from '../api/tauri';
-
-interface AssetPickerProps {
-  value: string;
-  onChange: (value: string) => void;
-  projectPath: string | null;
-  filter?: 'btree' | 'ecs';
-  label?: string;
-}
-
-/**
- * 资产选择器组件
- * 用于选择项目中的资产文件
- */
-export function AssetPicker({ value, onChange, projectPath, filter = 'btree', label }: AssetPickerProps) {
-    const [assets, setAssets] = useState<string[]>([]);
-    const [loading, setLoading] = useState(false);
-
-    useEffect(() => {
-        if (projectPath) {
-            loadAssets();
-        }
-    }, [projectPath]);
-
-    const loadAssets = async () => {
-        if (!projectPath) return;
-
-        setLoading(true);
-        try {
-            if (filter === 'btree') {
-                const btrees = await TauriAPI.scanBehaviorTrees(projectPath);
-                setAssets(btrees);
-            }
-        } catch (error) {
-            console.error('Failed to load assets:', error);
-            setAssets([]);
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    const handleBrowse = async () => {
-        try {
-            if (filter === 'btree') {
-                const path = await TauriAPI.openBehaviorTreeDialog();
-                if (path && projectPath) {
-                    const behaviorsPath = `${projectPath}\\.ecs\\behaviors\\`.replace(/\\/g, '\\\\');
-                    const relativePath = path.replace(behaviorsPath, '')
-                        .replace(/\\/g, '/')
-                        .replace('.btree', '');
-                    onChange(relativePath);
-                    await loadAssets();
-                }
-            }
-        } catch (error) {
-            console.error('Failed to browse asset:', error);
-        }
-    };
-
-    return (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-            {label && (
-                <label style={{ fontSize: '11px', color: '#aaa', fontWeight: '500' }}>
-                    {label}
-                </label>
-            )}
-            <div style={{ display: 'flex', gap: '4px', alignItems: 'center' }}>
-                <select
-                    value={value}
-                    onChange={(e) => onChange(e.target.value)}
-                    disabled={loading || !projectPath}
-                    style={{
-                        flex: 1,
-                        padding: '4px 8px',
-                        backgroundColor: '#1e1e1e',
-                        border: '1px solid #3e3e42',
-                        borderRadius: '3px',
-                        color: '#cccccc',
-                        fontSize: '12px',
-                        cursor: loading || !projectPath ? 'not-allowed' : 'pointer'
-                    }}
-                >
-                    <option value="">{loading ? '加载中...' : '选择资产...'}</option>
-                    {assets.map((asset) => (
-                        <option key={asset} value={asset}>
-                            {asset}
-                        </option>
-                    ))}
-                </select>
-                <button
-                    onClick={loadAssets}
-                    disabled={loading || !projectPath}
-                    style={{
-                        padding: '4px 8px',
-                        backgroundColor: '#0e639c',
-                        border: 'none',
-                        borderRadius: '3px',
-                        color: '#fff',
-                        cursor: loading || !projectPath ? 'not-allowed' : 'pointer',
-                        display: 'flex',
-                        alignItems: 'center',
-                        opacity: loading || !projectPath ? 0.5 : 1
-                    }}
-                    title="刷新资产列表"
-                >
-                    <RefreshCw size={14} />
-                </button>
-                <button
-                    onClick={handleBrowse}
-                    disabled={loading || !projectPath}
-                    style={{
-                        padding: '4px 8px',
-                        backgroundColor: '#0e639c',
-                        border: 'none',
-                        borderRadius: '3px',
-                        color: '#fff',
-                        cursor: loading || !projectPath ? 'not-allowed' : 'pointer',
-                        display: 'flex',
-                        alignItems: 'center',
-                        opacity: loading || !projectPath ? 0.5 : 1
-                    }}
-                    title="浏览文件..."
-                >
-                    <Folder size={14} />
-                </button>
-            </div>
-            {!projectPath && (
-                <div style={{ fontSize: '10px', color: '#ff6b6b', marginTop: '2px' }}>
-          未加载项目
-                </div>
-            )}
-            {value && assets.length > 0 && !assets.includes(value) && (
-                <div style={{ fontSize: '10px', color: '#ffa726', marginTop: '2px' }}>
-          警告: 资产 "{value}" 不存在于项目中
-                </div>
-            )}
-        </div>
-    );
-}

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

@@ -1,316 +0,0 @@
-import { useState, useEffect } from 'react';
-import { X, Folder, Search, ArrowLeft, Grid, List, FileCode } from 'lucide-react';
-import { TauriAPI, DirectoryEntry } from '../api/tauri';
-import { useLocale } from '../hooks/useLocale';
-import '../styles/AssetPickerDialog.css';
-
-interface AssetPickerDialogProps {
-    projectPath: string;
-    fileExtension: string;
-    onSelect: (assetId: string) => void;
-    onClose: () => void;
-    locale: string;
-    /** 资产基础路径（相对于项目根目录），用于计算 assetId */
-    assetBasePath?: string;
-}
-
-interface AssetItem {
-    name: string;
-    path: string;
-    isDir: boolean;
-    extension?: string;
-    size?: number;
-    modified?: number;
-}
-
-type ViewMode = 'list' | 'grid';
-
-export function AssetPickerDialog({ projectPath, fileExtension, onSelect, onClose, locale, assetBasePath }: AssetPickerDialogProps) {
-    const { t, locale: currentLocale } = useLocale();
-
-    // 计算实际的资产目录路径
-    const actualAssetPath = assetBasePath
-        ? `${projectPath}/${assetBasePath}`.replace(/\\/g, '/').replace(/\/+/g, '/')
-        : projectPath;
-
-    const [currentPath, setCurrentPath] = useState(actualAssetPath);
-    const [assets, setAssets] = useState<AssetItem[]>([]);
-    const [selectedPath, setSelectedPath] = useState<string | null>(null);
-    const [loading, setLoading] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [viewMode, setViewMode] = useState<ViewMode>('list');
-
-    useEffect(() => {
-        loadAssets(currentPath);
-    }, [currentPath]);
-
-    const loadAssets = async (path: string) => {
-        setLoading(true);
-        try {
-            const entries = await TauriAPI.listDirectory(path);
-            const assetItems: AssetItem[] = entries
-                .map((entry: DirectoryEntry) => {
-                    const extension = entry.is_dir ? undefined :
-                        (entry.name.includes('.') ? entry.name.split('.').pop() : undefined);
-
-                    return {
-                        name: entry.name,
-                        path: entry.path,
-                        isDir: entry.is_dir,
-                        extension,
-                        size: entry.size,
-                        modified: entry.modified
-                    };
-                })
-                .filter((item) => item.isDir || item.extension === fileExtension)
-                .sort((a, b) => {
-                    if (a.isDir === b.isDir) return a.name.localeCompare(b.name);
-                    return a.isDir ? -1 : 1;
-                });
-
-            setAssets(assetItems);
-        } catch (error) {
-            console.error('Failed to load assets:', error);
-            setAssets([]);
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    // 过滤搜索结果
-    const filteredAssets = assets.filter((item) =>
-        item.name.toLowerCase().includes(searchQuery.toLowerCase())
-    );
-
-    // 格式化文件大小
-    const formatFileSize = (bytes?: number): string => {
-        if (!bytes) return '';
-        if (bytes < 1024) return `${bytes} B`;
-        if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-        return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-    };
-
-    // 格式化修改时间
-    const formatDate = (timestamp?: number): string => {
-        if (!timestamp) return '';
-        const date = new Date(timestamp * 1000);
-        const localeMap: Record<string, string> = { zh: 'zh-CN', en: 'en-US', es: 'es-ES' };
-        return date.toLocaleDateString(localeMap[currentLocale] || 'en-US', {
-            year: 'numeric',
-            month: 'short',
-            day: 'numeric'
-        });
-    };
-
-    // 返回上级目录
-    const handleGoBack = () => {
-        const parentPath = currentPath.split(/[/\\]/).slice(0, -1).join('/');
-        const minPath = actualAssetPath.replace(/[/\\]$/, '');
-        if (parentPath && parentPath !== minPath) {
-            setCurrentPath(parentPath);
-        } else if (currentPath !== actualAssetPath) {
-            setCurrentPath(actualAssetPath);
-        }
-    };
-
-    // 只能返回到资产基础目录，不能再往上
-    const canGoBack = currentPath !== actualAssetPath;
-
-    const handleItemClick = (item: AssetItem) => {
-        if (item.isDir) {
-            setCurrentPath(item.path);
-        } else {
-            setSelectedPath(item.path);
-        }
-    };
-
-    const handleItemDoubleClick = (item: AssetItem) => {
-        if (!item.isDir) {
-            const assetId = calculateAssetId(item.path);
-            onSelect(assetId);
-        }
-    };
-
-    const handleSelect = () => {
-        if (selectedPath) {
-            const assetId = calculateAssetId(selectedPath);
-            onSelect(assetId);
-        }
-    };
-
-    /**
-     * 计算资产ID
-     * 将绝对路径转换为相对于资产基础目录的assetId（不含扩展名）
-     */
-    const calculateAssetId = (absolutePath: string): string => {
-        const normalized = absolutePath.replace(/\\/g, '/');
-        const baseNormalized = actualAssetPath.replace(/\\/g, '/');
-
-        // 获取相对于资产基础目录的路径
-        let relativePath = normalized;
-        if (normalized.startsWith(baseNormalized)) {
-            relativePath = normalized.substring(baseNormalized.length);
-        }
-
-        // 移除开头的斜杠
-        relativePath = relativePath.replace(/^\/+/, '');
-
-        // 移除文件扩展名
-        const assetId = relativePath.replace(new RegExp(`\\.${fileExtension}$`), '');
-
-        return assetId;
-    };
-
-    const getBreadcrumbs = () => {
-        const basePathNormalized = actualAssetPath.replace(/\\/g, '/');
-        const currentPathNormalized = currentPath.replace(/\\/g, '/');
-
-        const relative = currentPathNormalized.replace(basePathNormalized, '');
-        const parts = relative.split('/').filter((p) => p);
-
-        // 根路径名称（显示"行为树"或"Assets"）
-        const rootName = assetBasePath
-            ? assetBasePath.split('/').pop() || 'Assets'
-            : 'Content';
-
-        const crumbs = [{ name: rootName, path: actualAssetPath }];
-        let accPath = actualAssetPath;
-
-        for (const part of parts) {
-            accPath = `${accPath}/${part}`;
-            crumbs.push({ name: part, path: accPath });
-        }
-
-        return crumbs;
-    };
-
-    const breadcrumbs = getBreadcrumbs();
-
-    return (
-        <div className="asset-picker-overlay" onClick={onClose}>
-            <div className="asset-picker-dialog" onClick={(e) => e.stopPropagation()}>
-                <div className="asset-picker-header">
-                    <h3>{t('assetPicker.title')}</h3>
-                    <button className="asset-picker-close" onClick={onClose}>
-                        <X size={18} />
-                    </button>
-                </div>
-
-                <div className="asset-picker-toolbar">
-                    <button
-                        className="toolbar-button"
-                        onClick={handleGoBack}
-                        disabled={!canGoBack}
-                        title={t('assetPicker.back')}
-                    >
-                        <ArrowLeft size={16} />
-                    </button>
-
-                    <div className="asset-picker-breadcrumb">
-                        {breadcrumbs.map((crumb, index) => (
-                            <span key={crumb.path}>
-                                <span
-                                    className="breadcrumb-item"
-                                    onClick={() => setCurrentPath(crumb.path)}
-                                >
-                                    {crumb.name}
-                                </span>
-                                {index < breadcrumbs.length - 1 && <span className="breadcrumb-separator"> / </span>}
-                            </span>
-                        ))}
-                    </div>
-
-                    <div className="view-mode-buttons">
-                        <button
-                            className={`toolbar-button ${viewMode === 'list' ? 'active' : ''}`}
-                            onClick={() => setViewMode('list')}
-                            title={t('assetPicker.listView')}
-                        >
-                            <List size={16} />
-                        </button>
-                        <button
-                            className={`toolbar-button ${viewMode === 'grid' ? 'active' : ''}`}
-                            onClick={() => setViewMode('grid')}
-                            title={t('assetPicker.gridView')}
-                        >
-                            <Grid size={16} />
-                        </button>
-                    </div>
-                </div>
-
-                <div className="asset-picker-search">
-                    <Search size={16} className="search-icon" />
-                    <input
-                        type="text"
-                        placeholder={t('assetPicker.search')}
-                        value={searchQuery}
-                        onChange={(e) => setSearchQuery(e.target.value)}
-                        className="search-input"
-                    />
-                    {searchQuery && (
-                        <button
-                            className="search-clear"
-                            onClick={() => setSearchQuery('')}
-                        >
-                            <X size={14} />
-                        </button>
-                    )}
-                </div>
-
-                <div className="asset-picker-content">
-                    {loading ? (
-                        <div className="asset-picker-loading">{t('assetPicker.loading')}</div>
-                    ) : filteredAssets.length === 0 ? (
-                        <div className="asset-picker-empty">{t('assetPicker.empty')}</div>
-                    ) : (
-                        <div className={`asset-picker-list ${viewMode}`}>
-                            {filteredAssets.map((item, index) => (
-                                <div
-                                    key={index}
-                                    className={`asset-picker-item ${selectedPath === item.path ? 'selected' : ''}`}
-                                    onClick={() => handleItemClick(item)}
-                                    onDoubleClick={() => handleItemDoubleClick(item)}
-                                >
-                                    <div className="asset-icon">
-                                        {item.isDir ? (
-                                            <Folder size={viewMode === 'grid' ? 32 : 18} style={{ color: '#ffa726' }} />
-                                        ) : (
-                                            <FileCode size={viewMode === 'grid' ? 32 : 18} style={{ color: '#66bb6a' }} />
-                                        )}
-                                    </div>
-                                    <div className="asset-info">
-                                        <span className="asset-name">{item.name}</span>
-                                        {viewMode === 'list' && !item.isDir && (
-                                            <div className="asset-meta">
-                                                {item.size && <span className="asset-size">{formatFileSize(item.size)}</span>}
-                                                {item.modified && <span className="asset-date">{formatDate(item.modified)}</span>}
-                                            </div>
-                                        )}
-                                    </div>
-                                </div>
-                            ))}
-                        </div>
-                    )}
-                </div>
-
-                <div className="asset-picker-footer">
-                    <div className="footer-info">
-                        {t('assetPicker.itemCount', { count: filteredAssets.length })}
-                    </div>
-                    <div className="footer-buttons">
-                        <button className="asset-picker-cancel" onClick={onClose}>
-                            {t('assetPicker.cancel')}
-                        </button>
-                        <button
-                            className="asset-picker-select"
-                            onClick={handleSelect}
-                            disabled={!selectedPath}
-                        >
-                            {t('assetPicker.select')}
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}

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

@@ -1,541 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Entity } from '@esengine/ecs-framework';
-import { EntityStoreService, MessageHub } from '@esengine/editor-core';
-import { PropertyInspector } from './PropertyInspector';
-import { FileSearch, ChevronDown, ChevronRight, X, Settings } from 'lucide-react';
-import '../styles/EntityInspector.css';
-
-interface EntityInspectorProps {
-  entityStore: EntityStoreService;
-  messageHub: MessageHub;
-}
-
-export function EntityInspector({ entityStore: _entityStore, messageHub }: EntityInspectorProps) {
-    const [selectedEntity, setSelectedEntity] = useState<Entity | null>(null);
-    const [remoteEntity, setRemoteEntity] = useState<any | null>(null);
-    const [remoteEntityDetails, setRemoteEntityDetails] = useState<any | null>(null);
-    const [expandedComponents, setExpandedComponents] = useState<Set<number>>(new Set());
-    const [componentVersion, setComponentVersion] = useState(0);
-
-    useEffect(() => {
-        const handleSelection = (data: { entity: Entity | null }) => {
-            setSelectedEntity((prev) => {
-                // Only reset version when selecting a different entity
-                // 只在选择不同实体时重置版本
-                if (prev?.id !== data.entity?.id) {
-                    setComponentVersion(0);
-                } else {
-                    // Same entity re-selected, trigger refresh
-                    // 同一实体重新选择，触发刷新
-                    setComponentVersion((v) => v + 1);
-                }
-                return data.entity;
-            });
-            setRemoteEntity(null);
-            setRemoteEntityDetails(null);
-        };
-
-        const handleRemoteSelection = (data: { entity: any }) => {
-            setRemoteEntity(data.entity);
-            setRemoteEntityDetails(null);
-            setSelectedEntity(null);
-        };
-
-        const handleEntityDetails = (event: Event) => {
-            const customEvent = event as CustomEvent;
-            const details = customEvent.detail;
-            setRemoteEntityDetails(details);
-        };
-
-        const handleComponentChange = () => {
-            setComponentVersion((prev) => prev + 1);
-        };
-
-        const unsubSelect = messageHub.subscribe('entity:selected', handleSelection);
-        const unsubRemoteSelect = messageHub.subscribe('remote-entity:selected', handleRemoteSelection);
-        const unsubComponentAdded = messageHub.subscribe('component:added', handleComponentChange);
-        const unsubComponentRemoved = messageHub.subscribe('component:removed', handleComponentChange);
-        const unsubPropertyChanged = messageHub.subscribe('component:property:changed', handleComponentChange);
-
-        window.addEventListener('profiler:entity-details', handleEntityDetails);
-
-        return () => {
-            unsubSelect();
-            unsubRemoteSelect();
-            unsubComponentAdded();
-            unsubComponentRemoved();
-            unsubPropertyChanged();
-            window.removeEventListener('profiler:entity-details', handleEntityDetails);
-        };
-    }, [messageHub]);
-
-    const handleRemoveComponent = (index: number) => {
-        if (!selectedEntity) return;
-        const component = selectedEntity.components[index];
-        if (component) {
-            selectedEntity.removeComponent(component);
-            messageHub.publish('component:removed', { entity: selectedEntity, component });
-        }
-    };
-
-    const toggleComponentExpanded = (index: number) => {
-        setExpandedComponents((prev) => {
-            const newSet = new Set(prev);
-            if (newSet.has(index)) {
-                newSet.delete(index);
-            } else {
-                newSet.add(index);
-            }
-            return newSet;
-        });
-    };
-
-    const handlePropertyChange = (component: any, propertyName: string, value: any) => {
-        if (!selectedEntity) {
-            return;
-        }
-
-        // Actually update the component property
-        // 实际更新组件属性
-        component[propertyName] = value;
-
-        messageHub.publish('component:property:changed', {
-            entity: selectedEntity,
-            component,
-            propertyName,
-            value
-        });
-
-        // Also publish scene:modified so other panels can react
-        messageHub.publish('scene:modified', {});
-    };
-
-    const renderRemoteProperty = (key: string, value: any) => {
-        if (value === null || value === undefined) {
-            return (
-                <div key={key} className="property-field">
-                    <label className="property-label">{key}</label>
-                    <span className="property-value-text">null</span>
-                </div>
-            );
-        }
-
-        if (Array.isArray(value)) {
-            return (
-                <div key={key} className="property-field">
-                    <label className="property-label">{key}</label>
-                    <div style={{ flex: 1, display: 'flex', flexWrap: 'wrap', gap: '4px' }}>
-                        {value.length === 0 ? (
-                            <span className="property-value-text" style={{ opacity: 0.5 }}>Empty Array</span>
-                        ) : (
-                            value.map((item, index) => (
-                                <span
-                                    key={index}
-                                    style={{
-                                        padding: '2px 6px',
-                                        background: 'var(--color-bg-inset)',
-                                        border: '1px solid var(--color-border-default)',
-                                        borderRadius: '3px',
-                                        fontSize: '10px',
-                                        color: 'var(--color-text-primary)',
-                                        fontFamily: 'var(--font-family-mono)'
-                                    }}
-                                >
-                                    {typeof item === 'object' ? JSON.stringify(item) : String(item)}
-                                </span>
-                            ))
-                        )}
-                    </div>
-                </div>
-            );
-        }
-
-        const valueType = typeof value;
-
-        if (valueType === 'boolean') {
-            return (
-                <div key={key} className="property-field property-field-boolean">
-                    <label className="property-label">{key}</label>
-                    <div className={`property-toggle ${value ? 'property-toggle-on' : 'property-toggle-off'} property-toggle-readonly`}>
-                        <span className="property-toggle-thumb" />
-                    </div>
-                </div>
-            );
-        }
-
-        if (valueType === 'number') {
-            return (
-                <div key={key} className="property-field">
-                    <label className="property-label">{key}</label>
-                    <input
-                        type="number"
-                        className="property-input property-input-number"
-                        value={value}
-                        disabled
-                    />
-                </div>
-            );
-        }
-
-        if (valueType === 'string') {
-            return (
-                <div key={key} className="property-field">
-                    <label className="property-label">{key}</label>
-                    <input
-                        type="text"
-                        className="property-input property-input-text"
-                        value={value}
-                        disabled
-                    />
-                </div>
-            );
-        }
-
-        if (valueType === 'object' && value.r !== undefined && value.g !== undefined && value.b !== undefined) {
-            const r = Math.round(value.r * 255);
-            const g = Math.round(value.g * 255);
-            const b = Math.round(value.b * 255);
-            const a = value.a !== undefined ? value.a : 1;
-            const hexColor = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-
-            return (
-                <div key={key} className="property-field">
-                    <label className="property-label">{key}</label>
-                    <div className="property-color-wrapper">
-                        <div className="property-color-preview" style={{ backgroundColor: hexColor, opacity: a }} />
-                        <input
-                            type="text"
-                            className="property-input property-input-color-text"
-                            value={`${hexColor.toUpperCase()} (${a.toFixed(2)})`}
-                            disabled
-                            style={{ flex: 1 }}
-                        />
-                    </div>
-                </div>
-            );
-        }
-
-        if (valueType === 'object' && value.minX !== undefined && value.maxX !== undefined && value.minY !== undefined && value.maxY !== undefined) {
-            return (
-                <div key={key} className="property-field" style={{ flexDirection: 'column', alignItems: 'stretch' }}>
-                    <label className="property-label" style={{ flex: 'none', marginBottom: '4px' }}>{key}</label>
-                    <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-                        <div className="property-vector-compact">
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-x">X</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.minX}
-                                    disabled
-                                    placeholder="Min"
-                                />
-                            </div>
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-x">X</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.maxX}
-                                    disabled
-                                    placeholder="Max"
-                                />
-                            </div>
-                        </div>
-                        <div className="property-vector-compact">
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-y">Y</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.minY}
-                                    disabled
-                                    placeholder="Min"
-                                />
-                            </div>
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-y">Y</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.maxY}
-                                    disabled
-                                    placeholder="Max"
-                                />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            );
-        }
-
-        if (valueType === 'object' && value.x !== undefined && value.y !== undefined) {
-            if (value.z !== undefined) {
-                return (
-                    <div key={key} className="property-field">
-                        <label className="property-label">{key}</label>
-                        <div className="property-vector-compact">
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-x">X</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.x}
-                                    disabled
-                                />
-                            </div>
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-y">Y</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.y}
-                                    disabled
-                                />
-                            </div>
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-z">Z</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.z}
-                                    disabled
-                                />
-                            </div>
-                        </div>
-                    </div>
-                );
-            } else {
-                return (
-                    <div key={key} className="property-field">
-                        <label className="property-label">{key}</label>
-                        <div className="property-vector-compact">
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-x">X</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.x}
-                                    disabled
-                                />
-                            </div>
-                            <div className="property-vector-axis-compact">
-                                <span className="property-vector-axis-label property-vector-axis-y">Y</span>
-                                <input
-                                    type="number"
-                                    className="property-input property-input-number-compact"
-                                    value={value.y}
-                                    disabled
-                                />
-                            </div>
-                        </div>
-                    </div>
-                );
-            }
-        }
-
-        return (
-            <div key={key} className="property-field">
-                <label className="property-label">{key}</label>
-                <span className="property-value-text">{JSON.stringify(value)}</span>
-            </div>
-        );
-    };
-
-    if (!selectedEntity && !remoteEntity) {
-        return (
-            <div className="entity-inspector">
-                <div className="inspector-header">
-                    <FileSearch size={16} className="inspector-header-icon" />
-                    <h3>Inspector</h3>
-                </div>
-                <div className="inspector-content">
-                    <div className="empty-state">
-                        <FileSearch size={48} strokeWidth={1.5} className="empty-icon" />
-                        <div className="empty-title">No entity selected</div>
-                        <div className="empty-hint">Select an entity from the hierarchy</div>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-
-    // 显示远程实体
-    if (remoteEntity) {
-        const displayData = remoteEntityDetails || remoteEntity;
-        const hasDetailedComponents = remoteEntityDetails && remoteEntityDetails.components && remoteEntityDetails.components.length > 0;
-
-        return (
-            <div className="entity-inspector">
-                <div className="inspector-header">
-                    <FileSearch size={16} className="inspector-header-icon" />
-                    <h3>Inspector</h3>
-                </div>
-                <div className="inspector-content scrollable">
-                    <div className="inspector-section">
-                        <div className="section-header">
-                            <Settings size={12} className="section-icon" />
-                            <span>Entity Info (Remote)</span>
-                        </div>
-                        <div className="section-content">
-                            <div className="info-row">
-                                <span className="info-label">ID:</span>
-                                <span className="info-value">{displayData.id}</span>
-                            </div>
-                            <div className="info-row">
-                                <span className="info-label">Name:</span>
-                                <span className="info-value">{displayData.name}</span>
-                            </div>
-                            <div className="info-row">
-                                <span className="info-label">Enabled:</span>
-                                <span className="info-value">{displayData.enabled ? 'Yes' : 'No'}</span>
-                            </div>
-                            {displayData.scene && (
-                                <div className="info-row">
-                                    <span className="info-label">Scene:</span>
-                                    <span className="info-value">{displayData.scene}</span>
-                                </div>
-                            )}
-                        </div>
-                    </div>
-
-                    <div className="inspector-section">
-                        <div className="section-header">
-                            <Settings size={12} className="section-icon" />
-                            <span>Components ({displayData.componentCount})</span>
-                        </div>
-                        <div className="section-content">
-                            {hasDetailedComponents ? (
-                                <ul className="component-list">
-                                    {remoteEntityDetails!.components.map((component: any, index: number) => {
-                                        const isExpanded = expandedComponents.has(index);
-                                        return (
-                                            <li key={index} className={`component-item ${isExpanded ? 'expanded' : ''}`}>
-                                                <div className="component-header" onClick={() => toggleComponentExpanded(index)}>
-                                                    <button
-                                                        className="component-expand-btn"
-                                                        title={isExpanded ? 'Collapse' : 'Expand'}
-                                                    >
-                                                        {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
-                                                    </button>
-                                                    <Settings size={14} className="component-icon" />
-                                                    <span className="component-name">{component.typeName}</span>
-                                                </div>
-                                                {isExpanded && (
-                                                    <div className="component-properties animate-slideDown">
-                                                        <div className="property-inspector">
-                                                            {Object.entries(component.properties).map(([key, value]) =>
-                                                                renderRemoteProperty(key, value)
-                                                            )}
-                                                        </div>
-                                                    </div>
-                                                )}
-                                            </li>
-                                        );
-                                    })}
-                                </ul>
-                            ) : displayData.componentTypes && displayData.componentTypes.length > 0 ? (
-                                <ul className="component-list">
-                                    {displayData.componentTypes.map((componentType: string, index: number) => (
-                                        <li key={index} className="component-item">
-                                            <div className="component-header">
-                                                <Settings size={14} className="component-icon" />
-                                                <span className="component-name">{componentType}</span>
-                                            </div>
-                                        </li>
-                                    ))}
-                                </ul>
-                            ) : (
-                                <div className="empty-state-small">No components</div>
-                            )}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-
-    const components = selectedEntity!.components;
-
-    return (
-        <div className="entity-inspector">
-            <div className="inspector-header">
-                <FileSearch size={16} className="inspector-header-icon" />
-                <h3>Inspector</h3>
-            </div>
-            <div className="inspector-content scrollable">
-                <div className="inspector-section">
-                    <div className="section-header">
-                        <Settings size={12} className="section-icon" />
-                        <span>Entity Info</span>
-                    </div>
-                    <div className="section-content">
-                        <div className="info-row">
-                            <span className="info-label">ID:</span>
-                            <span className="info-value">{selectedEntity!.id}</span>
-                        </div>
-                        <div className="info-row">
-                            <span className="info-label">Name:</span>
-                            <span className="info-value">Entity {selectedEntity!.id}</span>
-                        </div>
-                        <div className="info-row">
-                            <span className="info-label">Enabled:</span>
-                            <span className="info-value">{selectedEntity!.enabled ? 'Yes' : 'No'}</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="inspector-section">
-                    <div className="section-header">
-                        <Settings size={12} className="section-icon" />
-                        <span>Components ({components.length})</span>
-                    </div>
-                    <div className="section-content">
-                        {components.length === 0 ? (
-                            <div className="empty-state-small">No components</div>
-                        ) : (
-                            <ul className="component-list" key={componentVersion}>
-                                {components.map((component, index) => {
-                                    const isExpanded = expandedComponents.has(index);
-                                    return (
-                                        <li key={index} className={`component-item ${isExpanded ? 'expanded' : ''}`}>
-                                            <div className="component-header" onClick={() => toggleComponentExpanded(index)}>
-                                                <button
-                                                    className="component-expand-btn"
-                                                    title={isExpanded ? 'Collapse' : 'Expand'}
-                                                >
-                                                    {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
-                                                </button>
-                                                <Settings size={14} className="component-icon" />
-                                                <span className="component-name">{component.constructor.name}</span>
-                                                <button
-                                                    className="remove-component-btn"
-                                                    onClick={(e) => {
-                                                        e.stopPropagation();
-                                                        handleRemoveComponent(index);
-                                                    }}
-                                                    title="Remove Component"
-                                                >
-                                                    <X size={14} />
-                                                </button>
-                                            </div>
-                                            {isExpanded && (
-                                                <div className="component-properties animate-slideDown">
-                                                    <PropertyInspector
-                                                        key={`${index}-${componentVersion}`}
-                                                        component={component}
-                                                        onChange={(propertyName, value) => handlePropertyChange(component, propertyName, value)}
-                                                    />
-                                                </div>
-                                            )}
-                                        </li>
-                                    );
-                                })}
-                            </ul>
-                        )}
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}

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

@@ -1,241 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Activity, Cpu, Layers, Package, Wifi, WifiOff, Maximize2, Pause, Play, BarChart3 } from 'lucide-react';
-import type { ProfilerData } from '../services/tokens';
-import { SettingsService } from '../services/SettingsService';
-import { Core } from '@esengine/ecs-framework';
-import { MessageHub } from '@esengine/editor-core';
-import { getProfilerService } from '../services/getService';
-import '../styles/ProfilerDockPanel.css';
-
-export function ProfilerDockPanel() {
-    const [profilerData, setProfilerData] = useState<ProfilerData | null>(null);
-    const [isConnected, setIsConnected] = useState(false);
-    const [isServerRunning, setIsServerRunning] = useState(false);
-    const [port, setPort] = useState('8080');
-    const [isPaused, setIsPaused] = useState(false);
-
-    useEffect(() => {
-        const settings = SettingsService.getInstance();
-        setPort(settings.get('profiler.port', '8080'));
-
-        const handleSettingsChange = ((event: CustomEvent) => {
-            const newPort = event.detail['profiler.port'];
-            if (newPort) {
-                setPort(newPort);
-            }
-        }) as EventListener;
-
-        window.addEventListener('settings:changed', handleSettingsChange);
-
-        return () => {
-            window.removeEventListener('settings:changed', handleSettingsChange);
-        };
-    }, []);
-
-    useEffect(() => {
-        const profilerService = getProfilerService();
-
-        if (!profilerService) {
-            console.warn('[ProfilerDockPanel] ProfilerService not available - plugin may be disabled');
-            setIsServerRunning(false);
-            setIsConnected(false);
-            return;
-        }
-
-        // 订阅数据更新
-        const unsubscribe = profilerService.subscribe((data: ProfilerData) => {
-            if (!isPaused) {
-                setProfilerData(data);
-            }
-        });
-
-        // 定期检查连接状态
-        const checkStatus = () => {
-            setIsConnected(profilerService.isConnected());
-            setIsServerRunning(profilerService.isServerActive());
-        };
-
-        checkStatus();
-        const interval = setInterval(checkStatus, 1000);
-
-        return () => {
-            unsubscribe();
-            clearInterval(interval);
-        };
-    }, [isPaused]);
-
-    const fps = profilerData?.fps || 0;
-    const totalFrameTime = profilerData?.totalFrameTime || 0;
-    const systems = (profilerData?.systems || []).slice(0, 5); // Only show top 5 systems in dock panel
-    const entityCount = profilerData?.entityCount || 0;
-    const componentCount = profilerData?.componentCount || 0;
-    const targetFrameTime = 16.67;
-
-    const handleOpenDetails = () => {
-        const messageHub = Core.services.resolve(MessageHub);
-        if (messageHub) {
-            messageHub.publish('ui:openWindow', { windowId: 'profiler' });
-        }
-    };
-
-    const handleOpenAdvancedProfiler = () => {
-        const messageHub = Core.services.resolve(MessageHub);
-        if (messageHub) {
-            messageHub.publish('ui:openWindow', { windowId: 'advancedProfiler' });
-        }
-    };
-
-    const handleTogglePause = () => {
-        setIsPaused(!isPaused);
-    };
-
-    return (
-        <div className="profiler-dock-panel">
-            <div className="profiler-dock-header">
-                <h3>Performance Monitor</h3>
-                <div className="profiler-dock-header-actions">
-                    {isConnected && (
-                        <>
-                            <button
-                                className="profiler-dock-pause-btn"
-                                onClick={handleTogglePause}
-                                title={isPaused ? 'Resume data updates' : 'Pause data updates'}
-                            >
-                                {isPaused ? <Play size={14} /> : <Pause size={14} />}
-                            </button>
-                            <button
-                                className="profiler-dock-details-btn"
-                                onClick={handleOpenAdvancedProfiler}
-                                title="Open advanced profiler"
-                            >
-                                <BarChart3 size={14} />
-                            </button>
-                            <button
-                                className="profiler-dock-details-btn"
-                                onClick={handleOpenDetails}
-                                title="Open detailed profiler"
-                            >
-                                <Maximize2 size={14} />
-                            </button>
-                        </>
-                    )}
-                    <div className="profiler-dock-status">
-                        {isConnected ? (
-                            <>
-                                <Wifi size={12} />
-                                <span className="status-text connected">Connected</span>
-                            </>
-                        ) : isServerRunning ? (
-                            <>
-                                <WifiOff size={12} />
-                                <span className="status-text waiting">Waiting...</span>
-                            </>
-                        ) : (
-                            <>
-                                <WifiOff size={12} />
-                                <span className="status-text disconnected">Server Off</span>
-                            </>
-                        )}
-                    </div>
-                </div>
-            </div>
-
-            {!isServerRunning ? (
-                <div className="profiler-dock-empty">
-                    <Cpu size={32} />
-                    <p>Profiler server not running</p>
-                    <p className="hint">Open Profiler window and connect to start monitoring</p>
-                </div>
-            ) : !isConnected ? (
-                <div className="profiler-dock-empty">
-                    <Activity size={32} />
-                    <p>Waiting for game connection...</p>
-                    <p className="hint">Connect to: <code>ws://localhost:{port}</code></p>
-                </div>
-            ) : (
-                <div className="profiler-dock-content">
-                    <div className="profiler-dock-stats">
-                        <div className="stat-card">
-                            <div className="stat-icon">
-                                <Activity size={16} />
-                            </div>
-                            <div className="stat-info">
-                                <div className="stat-label">FPS</div>
-                                <div className={`stat-value ${fps < 55 ? 'warning' : ''}`}>{fps}</div>
-                            </div>
-                        </div>
-
-                        <div className="stat-card">
-                            <div className="stat-icon">
-                                <Cpu size={16} />
-                            </div>
-                            <div className="stat-info">
-                                <div className="stat-label">Frame Time</div>
-                                <div className={`stat-value ${totalFrameTime > targetFrameTime ? 'warning' : ''}`}>
-                                    {totalFrameTime.toFixed(1)}ms
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="stat-card">
-                            <div className="stat-icon">
-                                <Layers size={16} />
-                            </div>
-                            <div className="stat-info">
-                                <div className="stat-label">Entities</div>
-                                <div className="stat-value">{entityCount}</div>
-                            </div>
-                        </div>
-
-                        <div className="stat-card">
-                            <div className="stat-icon">
-                                <Package size={16} />
-                            </div>
-                            <div className="stat-info">
-                                <div className="stat-label">Components</div>
-                                <div className="stat-value">{componentCount}</div>
-                            </div>
-                        </div>
-                    </div>
-
-                    {systems.length > 0 && (
-                        <div className="profiler-dock-systems">
-                            <h4>Top Systems</h4>
-                            <div className="systems-list">
-                                {systems.map((system) => (
-                                    <div key={system.name} className="system-item">
-                                        <div className="system-item-header">
-                                            <span className="system-item-name">{system.name}</span>
-                                            <span className="system-item-time">
-                                                {system.executionTime.toFixed(2)}ms
-                                            </span>
-                                        </div>
-                                        <div className="system-item-bar">
-                                            <div
-                                                className="system-item-bar-fill"
-                                                style={{
-                                                    width: `${Math.min(system.percentage, 100)}%`,
-                                                    backgroundColor: system.executionTime > targetFrameTime
-                                                        ? 'var(--color-danger)'
-                                                        : system.executionTime > targetFrameTime * 0.5
-                                                            ? 'var(--color-warning)'
-                                                            : 'var(--color-success)'
-                                                }}
-                                            />
-                                        </div>
-                                        <div className="system-item-footer">
-                                            <span className="system-item-percentage">{system.percentage.toFixed(1)}%</span>
-                                            {system.entityCount > 0 && (
-                                                <span className="system-item-entities">{system.entityCount} entities</span>
-                                            )}
-                                        </div>
-                                    </div>
-                                ))}
-                            </div>
-                        </div>
-                    )}
-                </div>
-            )}
-        </div>
-    );
-}

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

@@ -1,229 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import { Core } from '@esengine/ecs-framework';
-import { Activity, BarChart3, Clock, Cpu, RefreshCw, Pause, Play } from 'lucide-react';
-import '../styles/ProfilerPanel.css';
-
-interface SystemPerformanceData {
-  name: string;
-  executionTime: number;
-  entityCount: number;
-  averageTime: number;
-  minTime: number;
-  maxTime: number;
-  percentage: number;
-}
-
-export function ProfilerPanel() {
-    const [systems, setSystems] = useState<SystemPerformanceData[]>([]);
-    const [totalFrameTime, setTotalFrameTime] = useState(0);
-    const [isPaused, setIsPaused] = useState(false);
-    const [sortBy, setSortBy] = useState<'time' | 'average' | 'name'>('time');
-    const animationRef = useRef<number>();
-
-    useEffect(() => {
-        const updateProfilerData = () => {
-            if (isPaused) {
-                animationRef.current = requestAnimationFrame(updateProfilerData);
-                return;
-            }
-
-            const performanceMonitor = Core.performanceMonitor;
-            if (!performanceMonitor?.isEnabled) {
-                animationRef.current = requestAnimationFrame(updateProfilerData);
-                return;
-            }
-            const systemDataMap = performanceMonitor.getAllSystemData();
-            const systemStatsMap = performanceMonitor.getAllSystemStats();
-
-            const systemsData: SystemPerformanceData[] = [];
-            let total = 0;
-
-            for (const [name, data] of systemDataMap.entries()) {
-                const stats = systemStatsMap.get(name);
-                if (stats) {
-                    systemsData.push({
-                        name,
-                        executionTime: data.executionTime,
-                        entityCount: data.entityCount,
-                        averageTime: stats.averageTime,
-                        minTime: stats.minTime,
-                        maxTime: stats.maxTime,
-                        percentage: 0
-                    });
-                    total += data.executionTime;
-                }
-            }
-
-            // Calculate percentages
-            systemsData.forEach((system) => {
-                system.percentage = total > 0 ? (system.executionTime / total) * 100 : 0;
-            });
-
-            // Sort systems
-            systemsData.sort((a, b) => {
-                switch (sortBy) {
-                    case 'time':
-                        return b.executionTime - a.executionTime;
-                    case 'average':
-                        return b.averageTime - a.averageTime;
-                    case 'name':
-                        return a.name.localeCompare(b.name);
-                    default:
-                        return 0;
-                }
-            });
-
-            setSystems(systemsData);
-            setTotalFrameTime(total);
-
-            animationRef.current = requestAnimationFrame(updateProfilerData);
-        };
-
-        animationRef.current = requestAnimationFrame(updateProfilerData);
-
-        return () => {
-            if (animationRef.current) {
-                cancelAnimationFrame(animationRef.current);
-            }
-        };
-    }, [isPaused, sortBy]);
-
-    const handleReset = () => {
-        Core.performanceMonitor?.reset();
-    };
-
-    const fps = totalFrameTime > 0 ? Math.round(1000 / totalFrameTime) : 0;
-    const targetFrameTime = 16.67; // 60 FPS
-    const isOverBudget = totalFrameTime > targetFrameTime;
-
-    return (
-        <div className="profiler-panel">
-            <div className="profiler-toolbar">
-                <div className="profiler-toolbar-left">
-                    <div className="profiler-stats-summary">
-                        <div className="summary-item">
-                            <Clock size={14} />
-                            <span className="summary-label">Frame:</span>
-                            <span className={`summary-value ${isOverBudget ? 'over-budget' : ''}`}>
-                                {totalFrameTime.toFixed(2)}ms
-                            </span>
-                        </div>
-                        <div className="summary-item">
-                            <Activity size={14} />
-                            <span className="summary-label">FPS:</span>
-                            <span className={`summary-value ${fps < 55 ? 'low-fps' : ''}`}>{fps}</span>
-                        </div>
-                        <div className="summary-item">
-                            <BarChart3 size={14} />
-                            <span className="summary-label">Systems:</span>
-                            <span className="summary-value">{systems.length}</span>
-                        </div>
-                    </div>
-                </div>
-                <div className="profiler-toolbar-right">
-                    <select
-                        className="profiler-sort"
-                        value={sortBy}
-                        onChange={(e) => setSortBy(e.target.value as any)}
-                    >
-                        <option value="time">Sort by Time</option>
-                        <option value="average">Sort by Average</option>
-                        <option value="name">Sort by Name</option>
-                    </select>
-                    <button
-                        className="profiler-btn"
-                        onClick={() => setIsPaused(!isPaused)}
-                        title={isPaused ? 'Resume' : 'Pause'}
-                    >
-                        {isPaused ? <Play size={14} /> : <Pause size={14} />}
-                    </button>
-                    <button
-                        className="profiler-btn"
-                        onClick={handleReset}
-                        title="Reset Statistics"
-                    >
-                        <RefreshCw size={14} />
-                    </button>
-                </div>
-            </div>
-
-            <div className="profiler-content">
-                {systems.length === 0 ? (
-                    <div className="profiler-empty">
-                        <Cpu size={48} />
-                        <p>No performance data available</p>
-                        <p className="profiler-empty-hint">
-              Make sure Core debug mode is enabled and systems are running
-                        </p>
-                    </div>
-                ) : (
-                    <div className="profiler-systems">
-                        {systems.map((system, index) => (
-                            <div key={system.name} className="system-row">
-                                <div className="system-header">
-                                    <div className="system-info">
-                                        <span className="system-rank">#{index + 1}</span>
-                                        <span className="system-name">{system.name}</span>
-                                        {system.entityCount > 0 && (
-                                            <span className="system-entities">
-                        ({system.entityCount} entities)
-                                            </span>
-                                        )}
-                                    </div>
-                                    <div className="system-metrics">
-                                        <span className="metric-time">{system.executionTime.toFixed(2)}ms</span>
-                                        <span className="metric-percentage">{system.percentage.toFixed(1)}%</span>
-                                    </div>
-                                </div>
-                                <div className="system-bar">
-                                    <div
-                                        className="system-bar-fill"
-                                        style={{
-                                            width: `${Math.min(system.percentage, 100)}%`,
-                                            backgroundColor: system.executionTime > targetFrameTime
-                                                ? 'var(--color-danger)'
-                                                : system.executionTime > targetFrameTime * 0.5
-                                                    ? 'var(--color-warning)'
-                                                    : 'var(--color-success)'
-                                        }}
-                                    />
-                                </div>
-                                <div className="system-stats">
-                                    <div className="stat-item">
-                                        <span className="stat-label">Avg:</span>
-                                        <span className="stat-value">{system.averageTime.toFixed(2)}ms</span>
-                                    </div>
-                                    <div className="stat-item">
-                                        <span className="stat-label">Min:</span>
-                                        <span className="stat-value">{system.minTime.toFixed(2)}ms</span>
-                                    </div>
-                                    <div className="stat-item">
-                                        <span className="stat-label">Max:</span>
-                                        <span className="stat-value">{system.maxTime.toFixed(2)}ms</span>
-                                    </div>
-                                </div>
-                            </div>
-                        ))}
-                    </div>
-                )}
-            </div>
-
-            <div className="profiler-footer">
-                <div className="profiler-legend">
-                    <div className="legend-item">
-                        <div className="legend-color" style={{ background: 'var(--color-success)' }} />
-                        <span>Good (&lt;8ms)</span>
-                    </div>
-                    <div className="legend-item">
-                        <div className="legend-color" style={{ background: 'var(--color-warning)' }} />
-                        <span>Warning (8-16ms)</span>
-                    </div>
-                    <div className="legend-item">
-                        <div className="legend-color" style={{ background: 'var(--color-danger)' }} />
-                        <span>Critical (&gt;16ms)</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}

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

@@ -1,589 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import { Core } from '@esengine/ecs-framework';
-import { Activity, BarChart3, Clock, Cpu, RefreshCw, Pause, Play, X, Wifi, WifiOff, Server, Search, Table2, TreePine } from 'lucide-react';
-import { ProfilerService } from '../services/ProfilerService';
-import { SettingsService } from '../services/SettingsService';
-import { getProfilerService } from '../services/getService';
-import '../styles/ProfilerWindow.css';
-
-interface SystemPerformanceData {
-    name: string;
-    executionTime: number;
-    entityCount: number;
-    averageTime: number;
-    minTime: number;
-    maxTime: number;
-    percentage: number;
-    level: number;
-    children?: SystemPerformanceData[];
-    isExpanded?: boolean;
-}
-
-interface ProfilerWindowProps {
-    onClose: () => void;
-}
-
-type DataSource = 'local' | 'remote';
-
-export function ProfilerWindow({ onClose }: ProfilerWindowProps) {
-    const [systems, setSystems] = useState<SystemPerformanceData[]>([]);
-    const [totalFrameTime, setTotalFrameTime] = useState(0);
-    const [isPaused, setIsPaused] = useState(false);
-    const [sortBy] = useState<'time' | 'average' | 'name'>('time');
-    const [dataSource, setDataSource] = useState<DataSource>('local');
-    const [viewMode, setViewMode] = useState<'tree' | 'table'>('table');
-    const [searchQuery, setSearchQuery] = useState('');
-    const [isConnected, setIsConnected] = useState(false);
-    const [isServerRunning, setIsServerRunning] = useState(false);
-    const [port, setPort] = useState('8080');
-    const animationRef = useRef<number>();
-    const frameTimesRef = useRef<number[]>([]);
-    const lastFpsRef = useRef<number>(0);
-
-    useEffect(() => {
-        const settings = SettingsService.getInstance();
-        setPort(settings.get('profiler.port', '8080'));
-
-        const handleSettingsChange = ((event: CustomEvent) => {
-            const newPort = event.detail['profiler.port'];
-            if (newPort) {
-                setPort(newPort);
-            }
-        }) as EventListener;
-
-        window.addEventListener('settings:changed', handleSettingsChange);
-
-        return () => {
-            window.removeEventListener('settings:changed', handleSettingsChange);
-        };
-    }, []);
-
-    // Check ProfilerService connection status
-    useEffect(() => {
-        const profilerService = getProfilerService();
-
-        if (!profilerService) {
-            return;
-        }
-
-        const checkStatus = () => {
-            setIsConnected(profilerService.isConnected());
-            setIsServerRunning(profilerService.isServerActive());
-        };
-
-        checkStatus();
-        const interval = setInterval(checkStatus, 1000);
-
-        return () => clearInterval(interval);
-    }, []);
-
-    const buildSystemTree = (flatSystems: Map<string, any>, statsMap: Map<string, any>): SystemPerformanceData[] => {
-        const coreUpdate = flatSystems.get('Core.update');
-        const servicesUpdate = flatSystems.get('Services.update');
-
-        if (!coreUpdate) return [];
-
-        const coreStats = statsMap.get('Core.update');
-        const coreNode: SystemPerformanceData = {
-            name: 'Core.update',
-            executionTime: coreUpdate.executionTime,
-            entityCount: 0,
-            averageTime: coreStats?.averageTime || 0,
-            minTime: coreStats?.minTime || 0,
-            maxTime: coreStats?.maxTime || 0,
-            percentage: 100,
-            level: 0,
-            children: [],
-            isExpanded: true
-        };
-
-        if (servicesUpdate) {
-            const servicesStats = statsMap.get('Services.update');
-            coreNode.children!.push({
-                name: 'Services.update',
-                executionTime: servicesUpdate.executionTime,
-                entityCount: 0,
-                averageTime: servicesStats?.averageTime || 0,
-                minTime: servicesStats?.minTime || 0,
-                maxTime: servicesStats?.maxTime || 0,
-                percentage: coreUpdate.executionTime > 0
-                    ? (servicesUpdate.executionTime / coreUpdate.executionTime) * 100
-                    : 0,
-                level: 1,
-                isExpanded: false
-            });
-        }
-
-        const sceneSystems: SystemPerformanceData[] = [];
-
-        for (const [name, data] of flatSystems.entries()) {
-            if (name !== 'Core.update' && name !== 'Services.update') {
-                const stats = statsMap.get(name);
-                if (stats) {
-                    sceneSystems.push({
-                        name,
-                        executionTime: data.executionTime,
-                        entityCount: data.entityCount,
-                        averageTime: stats.averageTime,
-                        minTime: stats.minTime,
-                        maxTime: stats.maxTime,
-                        percentage: 0,
-                        level: 1,
-                        isExpanded: false
-                    });
-                }
-            }
-        }
-
-        sceneSystems.forEach((system) => {
-            system.percentage = coreUpdate.executionTime > 0
-                ? (system.executionTime / coreUpdate.executionTime) * 100
-                : 0;
-        });
-
-        sceneSystems.sort((a, b) => b.executionTime - a.executionTime);
-        coreNode.children!.push(...sceneSystems);
-
-        return [coreNode];
-    };
-
-    // Subscribe to local performance data
-    useEffect(() => {
-        if (dataSource !== 'local') return;
-
-        const updateProfilerData = () => {
-            if (isPaused) {
-                animationRef.current = requestAnimationFrame(updateProfilerData);
-                return;
-            }
-
-            const performanceMonitor = Core.performanceMonitor;
-            if (!performanceMonitor?.isEnabled) {
-                animationRef.current = requestAnimationFrame(updateProfilerData);
-                return;
-            }
-            const systemDataMap = performanceMonitor.getAllSystemData();
-            const systemStatsMap = performanceMonitor.getAllSystemStats();
-
-            const tree = buildSystemTree(systemDataMap, systemStatsMap);
-            const coreData = systemDataMap.get('Core.update');
-
-            setSystems(tree);
-            setTotalFrameTime(coreData?.executionTime || 0);
-
-            animationRef.current = requestAnimationFrame(updateProfilerData);
-        };
-
-        animationRef.current = requestAnimationFrame(updateProfilerData);
-
-        return () => {
-            if (animationRef.current) {
-                cancelAnimationFrame(animationRef.current);
-            }
-        };
-    }, [isPaused, sortBy, dataSource]);
-
-    // Subscribe to remote performance data from ProfilerService
-    useEffect(() => {
-        if (dataSource !== 'remote') return;
-
-        const profilerService = getProfilerService();
-
-        if (!profilerService) {
-            console.warn('[ProfilerWindow] ProfilerService not available');
-            return;
-        }
-
-        const unsubscribe = profilerService.subscribe((data) => {
-            if (isPaused) return;
-
-            handleRemoteDebugData({
-                performance: {
-                    frameTime: data.totalFrameTime,
-                    systemPerformance: data.systems.map((sys) => ({
-                        systemName: sys.name,
-                        lastExecutionTime: sys.executionTime,
-                        averageTime: sys.averageTime,
-                        minTime: 0,
-                        maxTime: 0,
-                        entityCount: sys.entityCount,
-                        percentage: sys.percentage
-                    }))
-                }
-            });
-        });
-
-        return () => unsubscribe();
-    }, [dataSource, isPaused]);
-
-    const handleReset = () => {
-        if (dataSource === 'local') {
-            Core.performanceMonitor?.reset();
-        } else {
-            // Reset remote data
-            setSystems([]);
-            setTotalFrameTime(0);
-        }
-    };
-
-
-    const handleRemoteDebugData = (debugData: any) => {
-        if (isPaused) return;
-
-        const performance = debugData.performance;
-        if (!performance) return;
-
-        if (!performance.systemPerformance || !Array.isArray(performance.systemPerformance)) {
-            return;
-        }
-
-        const flatSystemsMap = new Map();
-        const statsMap = new Map();
-
-        for (const system of performance.systemPerformance) {
-            flatSystemsMap.set(system.systemName, {
-                executionTime: system.lastExecutionTime || system.averageTime || 0,
-                entityCount: system.entityCount || 0
-            });
-
-            statsMap.set(system.systemName, {
-                averageTime: system.averageTime || 0,
-                minTime: system.minTime || 0,
-                maxTime: system.maxTime || 0
-            });
-        }
-
-        const tree = buildSystemTree(flatSystemsMap, statsMap);
-        setSystems(tree);
-        setTotalFrameTime(performance.frameTime || 0);
-    };
-
-    const handleDataSourceChange = (newSource: DataSource) => {
-        if (newSource === 'remote' && dataSource === 'local') {
-            // Switching to remote
-            if (animationRef.current) {
-                cancelAnimationFrame(animationRef.current);
-            }
-        }
-        setDataSource(newSource);
-        setSystems([]);
-        setTotalFrameTime(0);
-    };
-
-    const toggleExpand = (systemName: string) => {
-        const toggleNode = (nodes: SystemPerformanceData[]): SystemPerformanceData[] => {
-            return nodes.map((node) => {
-                if (node.name === systemName) {
-                    return { ...node, isExpanded: !node.isExpanded };
-                }
-                if (node.children) {
-                    return { ...node, children: toggleNode(node.children) };
-                }
-                return node;
-            });
-        };
-        setSystems(toggleNode(systems));
-    };
-
-    const flattenTree = (nodes: SystemPerformanceData[]): SystemPerformanceData[] => {
-        const result: SystemPerformanceData[] = [];
-        for (const node of nodes) {
-            result.push(node);
-            if (node.isExpanded && node.children) {
-                result.push(...flattenTree(node.children));
-            }
-        }
-        return result;
-    };
-
-    // Calculate FPS using rolling average for stability
-    // 使用滑动平均计算 FPS 以保持稳定
-    const calculateFps = () => {
-        // Add any positive frame time
-        // 添加任何正数的帧时间
-        if (totalFrameTime > 0) {
-            frameTimesRef.current.push(totalFrameTime);
-            // Keep last 60 samples
-            if (frameTimesRef.current.length > 60) {
-                frameTimesRef.current.shift();
-            }
-        }
-
-        if (frameTimesRef.current.length > 0) {
-            const avgFrameTime = frameTimesRef.current.reduce((a, b) => a + b, 0) / frameTimesRef.current.length;
-            // Cap FPS between 0-999, and ensure avgFrameTime is reasonable
-            if (avgFrameTime > 0.01) {
-                lastFpsRef.current = Math.min(999, Math.round(1000 / avgFrameTime));
-            }
-        }
-        return lastFpsRef.current;
-    };
-    const fps = calculateFps();
-    const targetFrameTime = 16.67;
-    const isOverBudget = totalFrameTime > targetFrameTime;
-
-    let displaySystems = viewMode === 'tree' ? flattenTree(systems) : systems;
-
-    // Apply search filter
-    if (searchQuery.trim()) {
-        const query = searchQuery.toLowerCase();
-        if (viewMode === 'tree') {
-            displaySystems = displaySystems.filter((sys) =>
-                sys.name.toLowerCase().includes(query)
-            );
-        } else {
-            // For table view, flatten and filter
-            const flatList: SystemPerformanceData[] = [];
-            const flatten = (nodes: SystemPerformanceData[]) => {
-                for (const node of nodes) {
-                    flatList.push(node);
-                    if (node.children) flatten(node.children);
-                }
-            };
-            flatten(systems);
-            displaySystems = flatList.filter((sys) =>
-                sys.name.toLowerCase().includes(query)
-            );
-        }
-    } else if (viewMode === 'table') {
-        // For table view without search, flatten all
-        const flatList: SystemPerformanceData[] = [];
-        const flatten = (nodes: SystemPerformanceData[]) => {
-            for (const node of nodes) {
-                flatList.push(node);
-                if (node.children) flatten(node.children);
-            }
-        };
-        flatten(systems);
-        displaySystems = flatList;
-    }
-
-    return (
-        <div className="profiler-window-overlay" onClick={onClose}>
-            <div className="profiler-window" onClick={(e) => e.stopPropagation()}>
-                <div className="profiler-window-header">
-                    <div className="profiler-window-title">
-                        <BarChart3 size={20} />
-                        <h2>Performance Profiler</h2>
-                        {isPaused && (
-                            <span className="paused-indicator">PAUSED</span>
-                        )}
-                    </div>
-                    <button className="profiler-window-close" onClick={onClose} title="Close">
-                        <X size={20} />
-                    </button>
-                </div>
-
-                <div className="profiler-window-toolbar">
-                    <div className="profiler-toolbar-left">
-                        <div className="profiler-mode-switch">
-                            <button
-                                className={`mode-btn ${dataSource === 'local' ? 'active' : ''}`}
-                                onClick={() => handleDataSourceChange('local')}
-                                title="Local Core Instance"
-                            >
-                                <Cpu size={14} />
-                                <span>Local</span>
-                            </button>
-                            <button
-                                className={`mode-btn ${dataSource === 'remote' ? 'active' : ''}`}
-                                onClick={() => handleDataSourceChange('remote')}
-                                title="Remote Game Connection"
-                            >
-                                <Server size={14} />
-                                <span>Remote</span>
-                            </button>
-                        </div>
-
-                        {dataSource === 'remote' && (
-                            <div className="profiler-connection">
-                                <div className="connection-port-display">
-                                    <Server size={14} />
-                                    <span>ws://localhost:{port}</span>
-                                </div>
-                                {isConnected ? (
-                                    <div className="connection-status-indicator connected">
-                                        <Wifi size={14} />
-                                        <span>Connected</span>
-                                    </div>
-                                ) : isServerRunning ? (
-                                    <div className="connection-status-indicator waiting">
-                                        <WifiOff size={14} />
-                                        <span>Waiting for game...</span>
-                                    </div>
-                                ) : (
-                                    <div className="connection-status-indicator disconnected">
-                                        <WifiOff size={14} />
-                                        <span>Server Off</span>
-                                    </div>
-                                )}
-                            </div>
-                        )}
-
-                        {dataSource === 'local' && (
-                            <div className="profiler-stats-summary">
-                                <div className="summary-item">
-                                    <Clock size={14} />
-                                    <span className="summary-label">Frame:</span>
-                                    <span className={`summary-value ${isOverBudget ? 'over-budget' : ''}`}>
-                                        {totalFrameTime.toFixed(2)}ms
-                                    </span>
-                                </div>
-                                <div className="summary-item">
-                                    <Activity size={14} />
-                                    <span className="summary-label">FPS:</span>
-                                    <span className={`summary-value ${fps < 55 ? 'low-fps' : ''}`}>{fps}</span>
-                                </div>
-                                <div className="summary-item">
-                                    <BarChart3 size={14} />
-                                    <span className="summary-label">Systems:</span>
-                                    <span className="summary-value">{systems.length}</span>
-                                </div>
-                            </div>
-                        )}
-                    </div>
-                    <div className="profiler-toolbar-right">
-                        <div className="profiler-search">
-                            <Search size={14} />
-                            <input
-                                type="text"
-                                placeholder="Search systems..."
-                                value={searchQuery}
-                                onChange={(e) => setSearchQuery(e.target.value)}
-                                className="search-input"
-                            />
-                        </div>
-                        <div className="view-mode-switch">
-                            <button
-                                className={`view-mode-btn ${viewMode === 'table' ? 'active' : ''}`}
-                                onClick={() => setViewMode('table')}
-                                title="Table View"
-                            >
-                                <Table2 size={14} />
-                            </button>
-                            <button
-                                className={`view-mode-btn ${viewMode === 'tree' ? 'active' : ''}`}
-                                onClick={() => setViewMode('tree')}
-                                title="Tree View"
-                            >
-                                <TreePine size={14} />
-                            </button>
-                        </div>
-                        <button
-                            className={`profiler-btn ${isPaused ? 'paused' : ''}`}
-                            onClick={() => setIsPaused(!isPaused)}
-                            title={isPaused ? 'Resume' : 'Pause'}
-                        >
-                            {isPaused ? <Play size={14} /> : <Pause size={14} />}
-                        </button>
-                        <button
-                            className="profiler-btn"
-                            onClick={handleReset}
-                            title="Reset Statistics"
-                        >
-                            <RefreshCw size={14} />
-                        </button>
-                    </div>
-                </div>
-
-                <div className="profiler-window-content">
-                    {displaySystems.length === 0 ? (
-                        <div className="profiler-empty">
-                            <Cpu size={48} />
-                            <p>No performance data available</p>
-                            <p className="profiler-empty-hint">
-                                {searchQuery ? 'No systems match your search' : 'Make sure Core debug mode is enabled and systems are running'}
-                            </p>
-                        </div>
-                    ) : viewMode === 'table' ? (
-                        <table className="profiler-table">
-                            <thead>
-                                <tr>
-                                    <th className="col-name">System Name</th>
-                                    <th className="col-time">Current</th>
-                                    <th className="col-time">Average</th>
-                                    <th className="col-time">Min</th>
-                                    <th className="col-time">Max</th>
-                                    <th className="col-percent">%</th>
-                                    <th className="col-entities">Entities</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {displaySystems.map((system) => (
-                                    <tr key={system.name} className={`level-${system.level}`}>
-                                        <td className="col-name">
-                                            <span className="system-name-cell" style={{ paddingLeft: `${system.level * 16}px` }}>
-                                                {system.name}
-                                            </span>
-                                        </td>
-                                        <td className="col-time">
-                                            <span className={`time-value ${system.executionTime > targetFrameTime ? 'critical' : system.executionTime > targetFrameTime * 0.5 ? 'warning' : ''}`}>
-                                                {system.executionTime.toFixed(2)}ms
-                                            </span>
-                                        </td>
-                                        <td className="col-time">{system.averageTime.toFixed(2)}ms</td>
-                                        <td className="col-time">{system.minTime.toFixed(2)}ms</td>
-                                        <td className="col-time">{system.maxTime.toFixed(2)}ms</td>
-                                        <td className="col-percent">{system.percentage.toFixed(1)}%</td>
-                                        <td className="col-entities">{system.entityCount || '-'}</td>
-                                    </tr>
-                                ))}
-                            </tbody>
-                        </table>
-                    ) : (
-                        <div className="profiler-tree">
-                            {displaySystems.map((system) => (
-                                <div key={system.name} className={`tree-row level-${system.level}`}>
-                                    <div className="tree-row-header">
-                                        <div className="tree-row-left">
-                                            {system.children && system.children.length > 0 && (
-                                                <button
-                                                    className="expand-btn"
-                                                    onClick={() => toggleExpand(system.name)}
-                                                >
-                                                    {system.isExpanded ? '▼' : '▶'}
-                                                </button>
-                                            )}
-                                            <span className="system-name">{system.name}</span>
-                                            {system.entityCount > 0 && (
-                                                <span className="system-entities">({system.entityCount})</span>
-                                            )}
-                                        </div>
-                                        <div className="tree-row-right">
-                                            <span className={`time-value ${system.executionTime > targetFrameTime ? 'critical' : system.executionTime > targetFrameTime * 0.5 ? 'warning' : ''}`}>
-                                                {system.executionTime.toFixed(2)}ms
-                                            </span>
-                                            <span className="percentage-badge">{system.percentage.toFixed(1)}%</span>
-                                        </div>
-                                    </div>
-                                    <div className="tree-row-stats">
-                                        <span>Avg: {system.averageTime.toFixed(2)}ms</span>
-                                        <span>Min: {system.minTime.toFixed(2)}ms</span>
-                                        <span>Max: {system.maxTime.toFixed(2)}ms</span>
-                                    </div>
-                                </div>
-                            ))}
-                        </div>
-                    )}
-                </div>
-
-                <div className="profiler-window-footer">
-                    <div className="profiler-legend">
-                        <div className="legend-item">
-                            <div className="legend-color" style={{ background: 'var(--color-success)' }} />
-                            <span>Good (&lt;8ms)</span>
-                        </div>
-                        <div className="legend-item">
-                            <div className="legend-color" style={{ background: 'var(--color-warning)' }} />
-                            <span>Warning (8-16ms)</span>
-                        </div>
-                        <div className="legend-item">
-                            <div className="legend-color" style={{ background: 'var(--color-danger)' }} />
-                            <span>Critical (&gt;16ms)</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}

packages/editor-app/src/components/inspectors/index.ts

@@ -1,2 +0,0 @@
-export { Inspector } from './Inspector';
-export type { InspectorProps, InspectorTarget, AssetFileInfo } from './types';

packages/editor-app/src/i18n/config.ts

@@ -1,20 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import zh from './locales/zh.json';
-import en from './locales/en.json';
-
-i18n
-    .use(initReactI18next)
-    .init({
-        resources: {
-            zh: { translation: zh },
-            en: { translation: en }
-        },
-        lng: 'zh',
-        fallbackLng: 'en',
-        interpolation: {
-            escapeValue: false
-        }
-    });
-
-export default i18n;

packages/editor-app/src/i18n/locales/en.json

@@ -1,102 +0,0 @@
-{
-  "hierarchy": {
-    "visibility": "Toggle Visibility",
-    "hideEntity": "Hide Entity",
-    "showEntity": "Show Entity",
-    "emptyHint": "No entities in scene"
-  },
-  "behaviorTree": {
-    "title": "Behavior Tree Editor",
-    "close": "Close",
-    "nodePalette": "Node Palette",
-    "properties": "Properties",
-    "blackboard": "Blackboard",
-    "noNodeSelected": "No node selected",
-    "noConfigurableProperties": "This node has no configurable properties",
-    "apply": "Apply",
-    "reset": "Reset",
-    "addVariable": "Add Variable",
-    "variableName": "Variable Name",
-    "type": "Type",
-    "value": "Value",
-    "defaultGroup": "Default Group",
-    "rootNode": "Root Node",
-    "rootNodeOnlyOneChild": "Root node can only connect to one child",
-    "dragToCreate": "Drag nodes from the left to below the root node to start creating behavior tree",
-    "connectFirst": "Connect the root node with the first node first",
-    "nodeCount": "Nodes",
-    "noSelection": "No selection",
-    "selectedCount": "{{count}} nodes selected",
-    "idle": "Idle",
-    "running": "Running",
-    "paused": "Paused",
-    "step": "Step",
-    "run": "Run",
-    "pause": "Pause",
-    "resume": "Resume",
-    "stop": "Stop",
-    "stepExecution": "Step Execution",
-    "resetExecution": "Reset",
-    "clear": "Clear",
-    "resetView": "Reset View",
-    "tick": "Tick",
-    "executing": "Executing",
-    "success": "Success",
-    "failure": "Failure",
-    "startingExecution": "Starting execution from root...",
-    "tickNumber": "Tick {{tick}}",
-    "executionStopped": "Execution stopped after {{tick}} ticks",
-    "executionPaused": "Execution paused",
-    "executionResumed": "Execution resumed",
-    "resetToInitial": "Reset to initial state",
-    "currentValue": "Current Value"
-  },
-  "components": {
-    "category": {
-      "core": "Core",
-      "rendering": "Rendering",
-      "physics": "Physics",
-      "audio": "Audio",
-      "tilemap": "Tilemap"
-    },
-    "material": {
-      "name": "Material",
-      "description": "Custom material and shader component"
-    },
-    "transform": {
-      "description": "Transform - Position, Rotation, Scale"
-    },
-    "sprite": {
-      "description": "Sprite - 2D Image Rendering"
-    },
-    "text": {
-      "description": "Text - Text Rendering"
-    },
-    "camera": {
-      "description": "Camera - View Control"
-    },
-    "rigidBody": {
-      "description": "RigidBody - Physics Simulation"
-    },
-    "boxCollider": {
-      "description": "Box Collider"
-    },
-    "circleCollider": {
-      "description": "Circle Collider"
-    },
-    "audioSource": {
-      "description": "Audio Source"
-    }
-  },
-  "file": {
-    "create": {
-      "material": "Material",
-      "shader": "Shader"
-    }
-  },
-  "entity": {
-    "create": {
-      "materialEntity": "Material Entity"
-    }
-  }
-}

packages/editor-app/src/i18n/locales/zh.json

@@ -1,102 +0,0 @@
-{
-  "hierarchy": {
-    "visibility": "切换可见性",
-    "hideEntity": "隐藏实体",
-    "showEntity": "显示实体",
-    "emptyHint": "场景中没有实体"
-  },
-  "behaviorTree": {
-    "title": "行为树编辑器",
-    "close": "关闭",
-    "nodePalette": "节点面板",
-    "properties": "属性",
-    "blackboard": "黑板",
-    "noNodeSelected": "未选择节点",
-    "noConfigurableProperties": "此节点没有可配置的属性",
-    "apply": "应用",
-    "reset": "重置",
-    "addVariable": "添加变量",
-    "variableName": "变量名",
-    "type": "类型",
-    "value": "值",
-    "defaultGroup": "默认分组",
-    "rootNode": "根节点",
-    "rootNodeOnlyOneChild": "根节点只能连接一个子节点",
-    "dragToCreate": "从左侧拖拽节点到根节点下方开始创建行为树",
-    "connectFirst": "先连接根节点与第一个节点",
-    "nodeCount": "节点数",
-    "noSelection": "未选择节点",
-    "selectedCount": "已选择 {{count}} 个节点",
-    "idle": "空闲",
-    "running": "运行中",
-    "paused": "已暂停",
-    "step": "单步",
-    "run": "运行",
-    "pause": "暂停",
-    "resume": "继续",
-    "stop": "停止",
-    "stepExecution": "单步执行",
-    "resetExecution": "重置",
-    "clear": "清空",
-    "resetView": "重置视图",
-    "tick": "帧",
-    "executing": "执行中",
-    "success": "成功",
-    "failure": "失败",
-    "startingExecution": "从根节点开始执行...",
-    "tickNumber": "第 {{tick}} 帧",
-    "executionStopped": "执行停止，共 {{tick}} 帧",
-    "executionPaused": "执行已暂停",
-    "executionResumed": "执行已恢复",
-    "resetToInitial": "重置到初始状态",
-    "currentValue": "当前值"
-  },
-  "components": {
-    "category": {
-      "core": "基础",
-      "rendering": "渲染",
-      "physics": "物理",
-      "audio": "音频",
-      "tilemap": "瓦片地图"
-    },
-    "material": {
-      "name": "材质",
-      "description": "自定义材质和着色器组件"
-    },
-    "transform": {
-      "description": "变换组件 - 位置、旋转、缩放"
-    },
-    "sprite": {
-      "description": "精灵组件 - 2D图像渲染"
-    },
-    "text": {
-      "description": "文本组件 - 文本渲染"
-    },
-    "camera": {
-      "description": "相机组件 - 视图控制"
-    },
-    "rigidBody": {
-      "description": "刚体组件 - 物理模拟"
-    },
-    "boxCollider": {
-      "description": "盒型碰撞器"
-    },
-    "circleCollider": {
-      "description": "圆形碰撞器"
-    },
-    "audioSource": {
-      "description": "音频源组件"
-    }
-  },
-  "file": {
-    "create": {
-      "material": "材质",
-      "shader": "着色器"
-    }
-  },
-  "entity": {
-    "create": {
-      "materialEntity": "材质实体"
-    }
-  }
-}

packages/editor-app/src/services/TauriAssetReader.ts

@@ -1,80 +0,0 @@
-/**
- * Tauri Asset Reader
- * Tauri 资产读取器
- *
- * Implements IAssetReader for Tauri/editor environment.
- * 为 Tauri/编辑器环境实现 IAssetReader。
- */
-
-import { invoke } from '@tauri-apps/api/core';
-import { convertFileSrc } from '@tauri-apps/api/core';
-import type { IAssetReader } from '@esengine/asset-system';
-
-/**
- * Asset reader implementation for Tauri.
- * Tauri 的资产读取器实现。
- */
-export class TauriAssetReader implements IAssetReader {
-    /**
-     * Read file as text.
-     * 读取文件为文本。
-     */
-    async readText(absolutePath: string): Promise<string> {
-        return await invoke<string>('read_file_content', { path: absolutePath });
-    }
-
-    /**
-     * Read file as binary.
-     * 读取文件为二进制。
-     */
-    async readBinary(absolutePath: string): Promise<ArrayBuffer> {
-        const bytes = await invoke<number[]>('read_binary_file', { filePath: absolutePath });
-        return new Uint8Array(bytes).buffer;
-    }
-
-    /**
-     * Load image from file.
-     * 从文件加载图片。
-     */
-    async loadImage(absolutePath: string): Promise<HTMLImageElement> {
-        // Only convert if not already a URL.
-        // 仅当不是 URL 时才转换。
-        let assetUrl = absolutePath;
-        if (!absolutePath.startsWith('http://') &&
-            !absolutePath.startsWith('https://') &&
-            !absolutePath.startsWith('data:') &&
-            !absolutePath.startsWith('asset://')) {
-            assetUrl = convertFileSrc(absolutePath);
-        }
-
-        return new Promise((resolve, reject) => {
-            const image = new Image();
-            image.onload = () => resolve(image);
-            image.onerror = () => reject(new Error(`Failed to load image: ${absolutePath}`));
-            image.src = assetUrl;
-        });
-    }
-
-    /**
-     * Load audio from file.
-     * 从文件加载音频。
-     */
-    async loadAudio(absolutePath: string): Promise<AudioBuffer> {
-        const binary = await this.readBinary(absolutePath);
-        const audioContext = new AudioContext();
-        return await audioContext.decodeAudioData(binary);
-    }
-
-    /**
-     * Check if file exists.
-     * 检查文件是否存在。
-     */
-    async exists(absolutePath: string): Promise<boolean> {
-        try {
-            await invoke('read_file_content', { path: absolutePath });
-            return true;
-        } catch {
-            return false;
-        }
-    }
-}

packages/editor-app/src/styles/FlexLayoutDock.css

@@ -1,386 +0,0 @@
-/* ==================== Container ==================== */
-.flexlayout-dock-container {
-    width: 100%;
-    height: 100%;
-    background: #1a1a1a;
-    position: relative;
-}
-
-.flexlayout__layout {
-    background: #1a1a1a;
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-
-/* ==================== Tabset (Panel Container) ==================== */
-.flexlayout__tabset {
-    background: #242424;
-    border-radius: 0;
-}
-
-.flexlayout__tabset-selected {
-    background: #242424;
-}
-
-.flexlayout__tabset_header {
-    background: #2a2a2a;
-    border-bottom: 1px solid #1a1a1a;
-    height: 26px;
-    min-height: 26px;
-}
-
-.flexlayout__tabset_tabbar_outer {
-    background: #2a2a2a;
-}
-
-/* ==================== Tab Buttons ==================== */
-.flexlayout__tab {
-    background: transparent;
-    color: #888888;
-    border: none;
-    padding: 0 12px;
-    height: 26px;
-    line-height: 26px;
-    cursor: default;
-    transition: color 0.1s ease;
-    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
-    font-size: 11px;
-    position: relative;
-}
-
-.flexlayout__tab:hover {
-    color: #cccccc;
-    background: transparent;
-}
-
-.flexlayout__tab::after {
-    display: none;
-}
-
-.flexlayout__tab_button {
-    background: transparent !important;
-    color: #888888;
-    border: none !important;
-    border-right: none !important;
-    padding: 0 12px;
-    height: 26px;
-    cursor: pointer;
-    transition: color 0.1s ease;
-    position: relative;
-    font-size: 11px;
-}
-
-.flexlayout__tab_button::after {
-    display: none;
-}
-
-.flexlayout__tab_button:hover {
-    background: transparent !important;
-    color: #cccccc;
-}
-
-.flexlayout__tab_button--selected {
-    background: transparent !important;
-    color: #ffffff !important;
-    border-bottom: none !important;
-}
-
-.flexlayout__tab_button_leading {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-}
-
-.flexlayout__tab_button_content {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 140px;
-    font-size: 11px;
-    font-weight: 400;
-}
-
-.flexlayout__tab_button--selected .flexlayout__tab_button_content {
-    font-weight: 400;
-}
-
-/* Tab close button */
-.flexlayout__tab_button_trailing {
-    margin-left: 6px;
-    opacity: 0;
-    transition: opacity 0.1s ease;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 2px;
-    border-radius: 2px;
-}
-
-.flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
-    opacity: 0.6;
-}
-
-.flexlayout__tab_button_trailing:hover {
-    opacity: 1 !important;
-    background: rgba(255, 255, 255, 0.1);
-}
-
-.flexlayout__tab_button_trailing svg {
-    width: 10px;
-    height: 10px;
-    color: #999999;
-}
-
-.flexlayout__tab_button_trailing:hover svg {
-    color: #ffffff;
-}
-
-/* ==================== Splitter (Divider between panels) ==================== */
-.flexlayout__splitter {
-    background: #1a1a1a !important;
-    transition: background 0.15s ease;
-}
-
-.flexlayout__splitter:hover {
-    background: #4a9eff !important;
-}
-
-.flexlayout__splitter_horz {
-    cursor: row-resize !important;
-}
-
-.flexlayout__splitter_vert {
-    cursor: col-resize !important;
-}
-
-.flexlayout__splitter_border {
-    background: #1a1a1a !important;
-}
-
-/* ==================== Panel Content ==================== */
-.flexlayout__tabset_content {
-    background: #242424;
-    overflow: auto;
-}
-
-.flexlayout__tabset_content * {
-    cursor: default !important;
-}
-
-.flexlayout__tabset_content button,
-.flexlayout__tabset_content a,
-.flexlayout__tabset_content [role="button"],
-.flexlayout__tabset_content input,
-.flexlayout__tabset_content select,
-.flexlayout__tabset_content textarea {
-    cursor: pointer !important;
-}
-
-/* ==================== Drag & Drop ==================== */
-.flexlayout__outline_rect {
-    border: 1px solid #4a9eff;
-    box-shadow: 0 0 12px rgba(74, 158, 255, 0.3);
-    background: rgba(74, 158, 255, 0.08);
-    border-radius: 2px;
-}
-
-.flexlayout__edge_rect {
-    background: rgba(74, 158, 255, 0.15);
-    border: 1px solid #4a9eff;
-}
-
-.flexlayout__drag_rect {
-    border: 1px solid #4a9eff;
-    background: rgba(74, 158, 255, 0.1);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-    border-radius: 2px;
-}
-
-/* ==================== Tab Toolbar ==================== */
-.flexlayout__tab_toolbar {
-    display: flex !important;
-    align-items: center;
-    gap: 2px;
-    padding: 0 4px;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-.flexlayout__tab_toolbar_button {
-    background: transparent;
-    border: none;
-    color: #666666;
-    cursor: pointer;
-    padding: 3px;
-    border-radius: 2px;
-    transition: all 0.1s ease;
-    display: flex !important;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-}
-
-.flexlayout__tab_toolbar_button:hover {
-    background: rgba(255, 255, 255, 0.08);
-    color: #cccccc;
-}
-
-.flexlayout__tab_toolbar_button svg {
-    width: 12px;
-    height: 12px;
-}
-
-.flexlayout__tab_toolbar_button-min,
-.flexlayout__tab_toolbar_button-max {
-    display: flex !important;
-    visibility: visible !important;
-}
-
-/* Maximized tabset styling */
-.flexlayout__tabset_maximized .flexlayout__tab_toolbar_button-max {
-    color: #4a9eff;
-}
-
-.flexlayout__tabset_maximized .flexlayout__tab_toolbar_button-max:hover {
-    background: rgba(74, 158, 255, 0.2);
-    color: #ffffff;
-}
-
-/* ==================== Popup Menu ==================== */
-.flexlayout__popup_menu {
-    background: #2d2d2d;
-    border: 1px solid #3a3a3a;
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-    border-radius: 4px;
-    padding: 4px 0;
-}
-
-.flexlayout__popup_menu_item {
-    color: #cccccc;
-    padding: 6px 12px;
-    cursor: pointer;
-    transition: background 0.1s ease;
-    font-size: 11px;
-}
-
-.flexlayout__popup_menu_item:hover {
-    background: #3a3a3a;
-    color: #ffffff;
-}
-
-.flexlayout__popup_menu_item:active {
-    background: #4a9eff;
-}
-
-/* ==================== Border Panels ==================== */
-.flexlayout__border {
-    background: #242424;
-    border: none;
-}
-
-.flexlayout__border_top,
-.flexlayout__border_bottom {
-    border-left: none;
-    border-right: none;
-}
-
-.flexlayout__border_left,
-.flexlayout__border_right {
-    border-top: none;
-    border-bottom: none;
-}
-
-.flexlayout__border_button {
-    background: transparent;
-    color: #888888;
-    border: none;
-    border-bottom: none;
-    padding: 6px 10px;
-    cursor: pointer;
-    transition: color 0.1s ease;
-    position: relative;
-    font-size: 11px;
-}
-
-.flexlayout__border_button::after {
-    display: none;
-}
-
-.flexlayout__border_button:hover {
-    background: transparent;
-    color: #cccccc;
-}
-
-.flexlayout__border_button--selected {
-    background: transparent;
-    color: #ffffff;
-}
-
-/* ==================== Error Boundary ==================== */
-.flexlayout__error_boundary_container {
-    background: #242424;
-    color: #f48771;
-    padding: 16px;
-    font-family: monospace;
-}
-
-.flexlayout__error_boundary_message {
-    margin-bottom: 8px;
-    font-weight: 600;
-}
-
-/* ==================== Scrollbar ==================== */
-.flexlayout__tabset_content::-webkit-scrollbar,
-.flexlayout__tab_moveable::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-.flexlayout__tabset_content::-webkit-scrollbar-track,
-.flexlayout__tab_moveable::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.flexlayout__tabset_content::-webkit-scrollbar-thumb,
-.flexlayout__tab_moveable::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.15);
-    border-radius: 4px;
-}
-
-.flexlayout__tabset_content::-webkit-scrollbar-thumb:hover,
-.flexlayout__tab_moveable::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.25);
-}
-
-.flexlayout__tabset_content::-webkit-scrollbar-corner,
-.flexlayout__tab_moveable::-webkit-scrollbar-corner {
-    background: transparent;
-}
-
-/* ==================== Persistent Panels ==================== */
-.persistent-panel-placeholder {
-    width: 100%;
-    height: 100%;
-    background: transparent;
-}
-
-.persistent-panel-container {
-    background: #242424;
-}
-
-/* 确保 tabset header 在 persistent panel 之上 */
-.flexlayout__tabset_header,
-.flexlayout__tabset_tabbar_outer {
-    position: relative;
-    z-index: 10;
-}
-
-/* 最大化时确保 tab bar 可见 */
-.flexlayout__tabset_maximized .flexlayout__tabset_header,
-.flexlayout__tabset_maximized .flexlayout__tabset_tabbar_outer {
-    z-index: 100;
-}

packages/editor-app/src/styles/GameView.css

@@ -1,235 +0,0 @@
-.game-view {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background: #000;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-}
-
-.game-view-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 8px;
-    background: var(--color-bg-elevated);
-    border-bottom: 1px solid var(--color-border-default);
-    flex-shrink: 0;
-    gap: 8px;
-    height: 26px;
-    z-index: var(--z-index-above);
-}
-
-.game-view-toolbar-left {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-}
-
-.game-view-toolbar-right {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-}
-
-.game-view-btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 2px;
-    min-width: 32px;
-    height: 32px;
-    background: transparent;
-    border: 1px solid transparent;
-    border-radius: var(--radius-sm);
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    transition: all var(--transition-fast);
-    padding: 0 6px;
-}
-
-.game-view-btn:hover:not(:disabled) {
-    background: var(--color-bg-hover);
-    color: var(--color-text-primary);
-    border-color: var(--color-border-hover);
-}
-
-.game-view-btn.active {
-    background: var(--color-primary);
-    color: var(--color-text-inverse);
-    border-color: var(--color-primary);
-}
-
-.game-view-btn:disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-}
-
-.game-view-btn:active:not(:disabled) {
-    transform: scale(0.95);
-}
-
-.game-view-divider {
-    width: 1px;
-    height: 24px;
-    background: var(--color-border-default);
-    margin: 0 4px;
-}
-
-.game-view-dropdown {
-    position: relative;
-}
-
-.game-view-dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    margin-top: 4px;
-    background: var(--color-bg-elevated);
-    border: 1px solid var(--color-border-default);
-    border-radius: var(--radius-sm);
-    box-shadow: var(--shadow-lg);
-    z-index: var(--z-index-dropdown);
-    min-width: 160px;
-    padding: 4px;
-    animation: dropdownFadeIn 0.15s ease-out;
-}
-
-@keyframes dropdownFadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(-4px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.game-view-dropdown-menu button {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-    padding: 8px 12px;
-    background: transparent;
-    border: none;
-    border-radius: var(--radius-xs);
-    color: var(--color-text-primary);
-    font-size: 13px;
-    cursor: pointer;
-    text-align: left;
-}
-
-.game-view-dropdown-menu button:hover {
-    background: var(--color-bg-hover);
-}
-
-.game-view-canvas {
-    flex: 1;
-    width: 100%;
-    height: 100%;
-    display: block;
-    background: #000;
-    user-select: none;
-}
-
-.game-view-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: rgba(0, 0, 0, 0.6);
-    pointer-events: none;
-}
-
-.game-view-overlay-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12px;
-    color: var(--color-text-secondary);
-}
-
-.game-view-overlay-content svg {
-    opacity: 0.5;
-}
-
-.game-view-overlay-content span {
-    font-size: 14px;
-}
-
-.game-view-stats {
-    position: absolute;
-    bottom: 12px;
-    right: 12px;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    background: rgba(0, 0, 0, 0.8);
-    backdrop-filter: blur(8px);
-    border: 1px solid var(--color-border-subtle);
-    border-radius: var(--radius-sm);
-    padding: 8px 12px;
-    font-family: var(--font-family-mono);
-    font-size: 11px;
-    pointer-events: none;
-    z-index: var(--z-index-above);
-    animation: fadeIn 0.2s ease-out;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(4px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.game-view-stat {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    white-space: nowrap;
-}
-
-.game-view-stat-label {
-    color: var(--color-text-secondary);
-    font-weight: 500;
-}
-
-.game-view-stat-value {
-    color: var(--color-primary);
-    font-weight: 600;
-    font-variant-numeric: tabular-nums;
-}
-
-.game-view:fullscreen {
-    background: #000;
-}
-
-.game-view:fullscreen .game-view-toolbar {
-    display: none;
-}
-
-.game-view:fullscreen .game-view-overlay {
-    display: none;
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .game-view-btn {
-        transition: none;
-    }
-
-    .game-view-dropdown-menu {
-        animation: none;
-    }
-}

packages/editor-app/src/styles/PluginManagerWindow.css

@@ -1,509 +0,0 @@
-.plugin-manager-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.6);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: var(--z-index-modal);
-    backdrop-filter: blur(4px);
-}
-
-.plugin-manager-window {
-    background: var(--color-bg-elevated);
-    border: 1px solid var(--color-border-default);
-    border-radius: 8px;
-    width: 90%;
-    max-width: 1000px;
-    height: 80%;
-    max-height: 700px;
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    overflow: hidden;
-}
-
-.plugin-manager-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 20px;
-    background: var(--color-bg-overlay);
-    border-bottom: 1px solid var(--color-border-default);
-}
-
-.plugin-manager-title {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    color: var(--color-text-primary);
-}
-
-.plugin-manager-title h2 {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.plugin-manager-close {
-    background: none;
-    border: none;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    padding: 6px;
-    border-radius: 4px;
-    transition: all 0.2s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-manager-close:hover {
-    background: var(--color-bg-hover);
-    color: var(--color-text-primary);
-}
-
-.plugin-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 20px;
-    background: var(--color-bg-elevated);
-    border-bottom: 1px solid var(--color-border-default);
-    gap: 12px;
-}
-
-.plugin-toolbar-left,
-.plugin-toolbar-right {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.plugin-search {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
-    background: var(--color-bg-base);
-    border: 1px solid var(--color-border-default);
-    border-radius: 4px;
-    color: var(--color-text-secondary);
-}
-
-.plugin-search input {
-    border: none;
-    background: none;
-    outline: none;
-    color: var(--color-text-primary);
-    font-size: 13px;
-    min-width: 250px;
-}
-
-.plugin-stats {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 0 8px;
-    font-size: 12px;
-}
-
-.plugin-stats .stat-item {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-}
-
-.plugin-stats .stat-item.enabled {
-    color: var(--color-success);
-}
-
-.plugin-stats .stat-item.disabled {
-    color: var(--color-text-secondary);
-}
-
-.plugin-view-mode {
-    display: flex;
-    gap: 2px;
-    background: var(--color-bg-base);
-    border: 1px solid var(--color-border-default);
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.plugin-view-mode button {
-    padding: 6px 10px;
-    background: none;
-    border: none;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    transition: all 0.2s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-view-mode button:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-view-mode button.active {
-    background: var(--color-primary);
-    color: white;
-}
-
-.plugin-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 20px;
-}
-
-.plugin-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: var(--color-text-secondary);
-    gap: 16px;
-}
-
-.plugin-categories {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.plugin-category {
-    background: var(--color-bg-overlay);
-    border: 1px solid var(--color-border-default);
-    border-radius: 6px;
-    overflow: hidden;
-}
-
-.plugin-category-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 12px 16px;
-    background: var(--color-bg-elevated);
-    cursor: pointer;
-    user-select: none;
-    transition: background 0.2s;
-}
-
-.plugin-category-header:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-category-toggle {
-    background: none;
-    border: none;
-    padding: 0;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-}
-
-.plugin-category-icon {
-    font-size: 18px;
-}
-
-.plugin-category-name {
-    flex: 1;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-}
-
-.plugin-category-count {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    background: var(--color-bg-overlay);
-    padding: 3px 10px;
-    border-radius: 12px;
-}
-
-.plugin-category-content {
-    padding: 16px;
-}
-
-.plugin-category-content.grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: 12px;
-}
-
-.plugin-category-content.list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-/* Plugin Card (Grid View) */
-.plugin-card {
-    background: var(--color-bg-base);
-    border: 1px solid var(--color-border-default);
-    border-radius: 6px;
-    padding: 14px;
-    transition: all 0.2s;
-}
-
-.plugin-card:hover {
-    border-color: var(--color-primary);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.plugin-card.disabled {
-    opacity: 0.6;
-}
-
-.plugin-card-header {
-    display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    margin-bottom: 10px;
-}
-
-.plugin-card-icon {
-    font-size: 24px;
-    color: var(--color-primary);
-}
-
-.plugin-card-info {
-    flex: 1;
-}
-
-.plugin-card-title {
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-    margin-bottom: 2px;
-}
-
-.plugin-card-version {
-    font-size: 11px;
-    color: var(--color-text-secondary);
-}
-
-.plugin-toggle {
-    background: none;
-    border: none;
-    padding: 4px;
-    cursor: pointer;
-    color: var(--color-text-secondary);
-    transition: all 0.2s;
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-toggle:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-toggle.enabled {
-    color: var(--color-success);
-}
-
-.plugin-toggle.disabled {
-    color: var(--color-text-secondary);
-}
-
-.plugin-card-description {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    line-height: 1.5;
-    margin-bottom: 10px;
-}
-
-.plugin-card-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 10px;
-    border-top: 1px solid var(--color-border-default);
-    font-size: 11px;
-}
-
-.plugin-card-category {
-    color: var(--color-text-secondary);
-}
-
-.plugin-card-installed {
-    color: var(--color-text-tertiary);
-}
-
-/* Plugin List (List View) */
-.plugin-list-item {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 12px 14px;
-    background: var(--color-bg-base);
-    border: 1px solid var(--color-border-default);
-    border-radius: 6px;
-    transition: all 0.2s;
-}
-
-.plugin-list-item:hover {
-    border-color: var(--color-primary);
-}
-
-.plugin-list-item.disabled {
-    opacity: 0.6;
-}
-
-.plugin-list-icon {
-    font-size: 20px;
-    color: var(--color-primary);
-}
-
-.plugin-list-info {
-    flex: 1;
-}
-
-.plugin-list-name {
-    display: flex;
-    align-items: baseline;
-    gap: 8px;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-    margin-bottom: 2px;
-}
-
-.plugin-list-version {
-    font-size: 11px;
-    font-weight: normal;
-    color: var(--color-text-secondary);
-}
-
-.plugin-list-description {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    line-height: 1.4;
-}
-
-.plugin-list-status {
-    margin-right: 8px;
-}
-
-.status-badge {
-    padding: 4px 10px;
-    border-radius: 4px;
-    font-size: 11px;
-    font-weight: 500;
-}
-
-.status-badge.enabled {
-    background: rgba(34, 197, 94, 0.15);
-    color: var(--color-success);
-}
-
-.status-badge.disabled {
-    background: var(--color-bg-overlay);
-    color: var(--color-text-secondary);
-}
-
-.plugin-list-toggle {
-    padding: 6px 14px;
-    background: var(--color-bg-overlay);
-    border: 1px solid var(--color-border-default);
-    border-radius: 4px;
-    color: var(--color-text-primary);
-    font-size: 12px;
-    cursor: pointer;
-    transition: all 0.2s;
-    white-space: nowrap;
-}
-
-.plugin-list-toggle:hover {
-    background: var(--color-primary);
-    border-color: var(--color-primary);
-    color: white;
-}
-
-/* Scrollbar */
-.plugin-content::-webkit-scrollbar {
-    width: 10px;
-}
-
-.plugin-content::-webkit-scrollbar-track {
-    background: var(--color-bg-elevated);
-}
-
-.plugin-content::-webkit-scrollbar-thumb {
-    background: var(--color-border-default);
-    border-radius: 5px;
-}
-
-.plugin-content::-webkit-scrollbar-thumb:hover {
-    background: var(--color-text-secondary);
-}
-
-/* Plugin Manager Tabs */
-.plugin-manager-tabs {
-    display: flex;
-    gap: 4px;
-    padding: 0 20px;
-    background: var(--color-bg-overlay);
-    border-bottom: 1px solid var(--color-border-default);
-}
-
-.plugin-manager-tab {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 12px 20px;
-    background: transparent;
-    border: none;
-    border-bottom: 2px solid transparent;
-    color: var(--color-text-secondary);
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-manager-tab:hover {
-    color: var(--color-text-primary);
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.plugin-manager-tab.active {
-    color: var(--color-accent);
-    border-bottom-color: var(--color-accent);
-}
-
-.plugin-publish-btn {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
-    background: var(--color-accent, #0e639c);
-    color: white;
-    border: none;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-publish-btn:hover {
-    background: var(--color-accent-hover, #1177bb);
-}
-
-.plugin-card-footer .plugin-publish-btn {
-    margin-left: auto;
-}
-
-.plugin-list-item .plugin-publish-btn {
-    margin-left: 8px;
-}

packages/editor-app/src/styles/PluginMarketPanel.css

@@ -1,495 +0,0 @@
-.plugin-market-panel {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background: var(--color-bg-primary, #1e1e1e);
-    color: var(--color-text-primary, #cccccc);
-}
-
-.plugin-market-toolbar {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 0 8px;
-    border-bottom: 1px solid var(--color-border, #333);
-    background: var(--color-bg-secondary, #252526);
-    height: 26px;
-}
-
-.plugin-market-search {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 12px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-}
-
-.plugin-market-search input {
-    flex: 1;
-    background: transparent;
-    border: none;
-    outline: none;
-    color: var(--color-text-primary, #cccccc);
-    font-size: 14px;
-}
-
-.plugin-market-filters {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-}
-
-.plugin-market-filter-select {
-    padding: 8px 12px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    color: var(--color-text-primary, #cccccc);
-    font-size: 13px;
-    cursor: pointer;
-}
-
-.plugin-market-filter-select:hover {
-    border-color: var(--color-accent, #0e639c);
-}
-
-.plugin-market-refresh {
-    padding: 8px 12px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    color: var(--color-text-primary, #cccccc);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-market-refresh:hover {
-    background: var(--color-bg-hover, #2d2d30);
-}
-
-.plugin-market-publish {
-    padding: 8px 16px;
-    background: var(--color-accent, #0e639c);
-    border: none;
-    border-radius: 4px;
-    color: white;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 13px;
-    font-weight: 500;
-    transition: all 0.2s;
-}
-
-.plugin-market-publish:hover {
-    background: var(--color-accent-hover, #1177bb);
-}
-
-.plugin-market-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px;
-}
-
-.plugin-market-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-    gap: 16px;
-}
-
-.plugin-market-card {
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 8px;
-    padding: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    transition: all 0.2s;
-}
-
-.plugin-market-card:hover {
-    border-color: var(--color-accent, #0e639c);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-}
-
-.plugin-market-card-header {
-    display: flex;
-    gap: 12px;
-    align-items: flex-start;
-}
-
-.plugin-market-card-icon {
-    flex-shrink: 0;
-    width: 48px;
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--color-accent-bg, rgba(14, 99, 156, 0.1));
-    border-radius: 8px;
-    color: var(--color-accent, #0e639c);
-}
-
-.plugin-market-card-info {
-    flex: 1;
-    min-width: 0;
-}
-
-.plugin-market-card-title {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 16px;
-    font-weight: 600;
-    margin-bottom: 4px;
-}
-
-.plugin-market-card-title span:first-child {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.plugin-market-badge {
-    display: inline-flex;
-    align-items: center;
-    padding: 2px 6px;
-    border-radius: 4px;
-    font-size: 11px;
-    font-weight: 600;
-    text-transform: uppercase;
-}
-
-.plugin-market-badge.official {
-    background: rgba(52, 199, 89, 0.15);
-    color: #34c759;
-}
-
-.plugin-market-card-meta {
-    display: flex;
-    gap: 12px;
-    font-size: 12px;
-    color: var(--color-text-secondary, #858585);
-}
-
-.plugin-market-card-author {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-}
-
-.plugin-market-card-description {
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--color-text-secondary, #858585);
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.plugin-market-card-tags {
-    display: flex;
-    gap: 6px;
-    flex-wrap: wrap;
-}
-
-.plugin-market-tag {
-    padding: 4px 8px;
-    background: var(--color-bg-tertiary, #333);
-    border-radius: 4px;
-    font-size: 11px;
-    color: var(--color-text-secondary, #858585);
-}
-
-.plugin-market-card-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 12px;
-    border-top: 1px solid var(--color-border, #333);
-}
-
-.plugin-market-card-link {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    font-size: 12px;
-    color: var(--color-accent, #0e639c);
-    text-decoration: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    cursor: pointer;
-    transition: opacity 0.2s;
-}
-
-.plugin-market-card-link:hover {
-    opacity: 0.8;
-}
-
-.plugin-market-card-actions {
-    display: flex;
-    gap: 8px;
-}
-
-.plugin-market-btn {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
-    border: none;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-market-btn.install {
-    background: var(--color-accent, #0e639c);
-    color: white;
-}
-
-.plugin-market-btn.install:hover {
-    background: var(--color-accent-hover, #1177bb);
-}
-
-.plugin-market-btn.installed {
-    background: rgba(52, 199, 89, 0.15);
-    color: #34c759;
-}
-
-.plugin-market-btn.installed:hover {
-    background: rgba(52, 199, 89, 0.25);
-}
-
-.plugin-market-btn.update {
-    background: rgba(255, 149, 0, 0.15);
-    color: #ff9500;
-}
-
-.plugin-market-btn.update:hover {
-    background: rgba(255, 149, 0, 0.25);
-}
-
-.plugin-market-btn.installing {
-    background: var(--color-bg-tertiary, #333);
-    color: var(--color-text-secondary, #858585);
-    cursor: not-allowed;
-}
-
-.plugin-market-loading,
-.plugin-market-error,
-.plugin-market-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    gap: 16px;
-    color: var(--color-text-secondary, #858585);
-}
-
-.plugin-market-error {
-    gap: 12px;
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 40px 20px;
-    text-align: center;
-}
-
-.plugin-market-error .error-icon {
-    color: #ff9500;
-    margin-bottom: 8px;
-}
-
-.plugin-market-error h3 {
-    font-size: 20px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-    margin: 0;
-}
-
-.plugin-market-error .error-description {
-    font-size: 14px;
-    color: var(--color-text-secondary, #858585);
-    line-height: 1.6;
-    margin: 8px 0;
-}
-
-.plugin-market-error .error-details {
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 6px;
-    padding: 12px 16px;
-    margin: 16px 0;
-    max-width: 100%;
-}
-
-.plugin-market-error .error-message {
-    font-size: 12px;
-    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-    color: #ff3b30;
-    margin: 0;
-    word-break: break-word;
-}
-
-.plugin-market-error .retry-button,
-.plugin-market-loading button {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 20px;
-    background: var(--color-accent, #0e639c);
-    color: white;
-    border: none;
-    border-radius: 6px;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-    margin-top: 8px;
-}
-
-.plugin-market-error .retry-button:hover,
-.plugin-market-loading button:hover {
-    background: var(--color-accent-hover, #1177bb);
-    transform: translateY(-1px);
-    box-shadow: 0 2px 8px rgba(14, 99, 156, 0.3);
-}
-
-.spinning {
-    animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.plugin-market-direct-source-toggle {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 8px 14px;
-    background: rgba(14, 99, 156, 0.1);
-    border: 1px solid rgba(14, 99, 156, 0.3);
-    border-radius: 6px;
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--color-accent, #0e639c);
-    cursor: pointer;
-    transition: all 0.2s ease;
-    user-select: none;
-}
-
-.plugin-market-direct-source-toggle:hover {
-    background: rgba(14, 99, 156, 0.15);
-    border-color: rgba(14, 99, 156, 0.5);
-    transform: translateY(-1px);
-    box-shadow: 0 2px 6px rgba(14, 99, 156, 0.2);
-}
-
-.plugin-market-direct-source-toggle input[type="checkbox"] {
-    position: relative;
-    width: 38px;
-    height: 20px;
-    margin: 0;
-    cursor: pointer;
-    appearance: none;
-    background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    border-radius: 10px;
-    transition: all 0.3s ease;
-}
-
-.plugin-market-direct-source-toggle input[type="checkbox"]:checked {
-    background: var(--color-accent, #0e639c);
-    border-color: var(--color-accent, #0e639c);
-}
-
-.plugin-market-direct-source-toggle input[type="checkbox"]::before {
-    content: '';
-    position: absolute;
-    width: 16px;
-    height: 16px;
-    top: 1px;
-    left: 1px;
-    background: white;
-    border-radius: 50%;
-    transition: all 0.3s ease;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
-
-.plugin-market-direct-source-toggle input[type="checkbox"]:checked::before {
-    left: 19px;
-}
-
-.plugin-market-direct-source-toggle .toggle-label {
-    white-space: nowrap;
-    font-weight: 500;
-}
-
-/* 版本选择器 */
-.plugin-market-version-select {
-    padding: 2px 6px;
-    background: var(--color-bg-tertiary, #333);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 3px;
-    color: var(--color-text-primary, #cccccc);
-    font-size: 11px;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-market-version-select:hover {
-    border-color: var(--color-accent, #0e639c);
-    background: var(--color-bg-hover, #2d2d30);
-}
-
-.plugin-market-version-select:focus {
-    outline: none;
-    border-color: var(--color-accent, #0e639c);
-}
-
-/* 更新日志 */
-.plugin-market-version-changes {
-    margin: 8px 0;
-    padding: 8px;
-    background: rgba(14, 99, 156, 0.1);
-    border: 1px solid rgba(14, 99, 156, 0.2);
-    border-radius: 4px;
-}
-
-.plugin-market-version-changes summary {
-    cursor: pointer;
-    font-size: 12px;
-    font-weight: 500;
-    color: var(--color-accent, #0e639c);
-    padding: 4px;
-    user-select: none;
-}
-
-.plugin-market-version-changes summary:hover {
-    opacity: 0.8;
-}
-
-.plugin-market-version-changes p {
-    margin: 8px 0 0 0;
-    padding-left: 4px;
-    font-size: 12px;
-    line-height: 1.5;
-    color: var(--color-text-secondary, #858585);
-}

packages/editor-app/src/styles/PluginPanel.css

@@ -1,382 +0,0 @@
-.plugin-panel {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background: var(--color-bg-secondary);
-    color: var(--color-text-primary);
-}
-
-.plugin-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 8px;
-    background: var(--color-bg-tertiary);
-    border-bottom: 1px solid var(--color-border);
-    gap: 8px;
-    height: 26px;
-}
-
-.plugin-toolbar-left,
-.plugin-toolbar-right {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.plugin-search {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 4px 8px;
-    background: var(--color-bg-primary);
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
-    color: var(--color-text-secondary);
-}
-
-.plugin-search input {
-    border: none;
-    background: none;
-    outline: none;
-    color: var(--color-text-primary);
-    font-size: 12px;
-    min-width: 200px;
-}
-
-.plugin-stats {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 0 8px;
-    font-size: 12px;
-}
-
-.plugin-stats .stat-item {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-}
-
-.plugin-stats .stat-item.enabled {
-    color: var(--color-success);
-}
-
-.plugin-stats .stat-item.disabled {
-    color: var(--color-text-secondary);
-}
-
-.plugin-view-mode {
-    display: flex;
-    gap: 2px;
-    background: var(--color-bg-primary);
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.plugin-view-mode button {
-    padding: 4px 8px;
-    background: none;
-    border: none;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-view-mode button:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-view-mode button.active {
-    background: var(--color-primary);
-    color: white;
-}
-
-.plugin-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px;
-}
-
-.plugin-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: var(--color-text-secondary);
-    gap: 16px;
-}
-
-.plugin-categories {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.plugin-category {
-    background: var(--color-bg-tertiary);
-    border: 1px solid var(--color-border);
-    border-radius: 6px;
-    overflow: hidden;
-}
-
-.plugin-category-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 12px;
-    background: var(--color-bg-secondary);
-    cursor: pointer;
-    user-select: none;
-    transition: background 0.2s;
-}
-
-.plugin-category-header:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-category-toggle {
-    background: none;
-    border: none;
-    padding: 0;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-}
-
-.plugin-category-icon {
-    font-size: 18px;
-}
-
-.plugin-category-name {
-    flex: 1;
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-}
-
-.plugin-category-count {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    background: var(--color-bg-tertiary);
-    padding: 2px 8px;
-    border-radius: 10px;
-}
-
-.plugin-category-content {
-    padding: 12px;
-}
-
-.plugin-category-content.grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-    gap: 12px;
-}
-
-.plugin-category-content.list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-/* Plugin Card (Grid View) */
-.plugin-card {
-    background: var(--color-bg-primary);
-    border: 1px solid var(--color-border);
-    border-radius: 6px;
-    padding: 12px;
-    transition: all 0.2s;
-}
-
-.plugin-card:hover {
-    border-color: var(--color-primary);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.plugin-card.disabled {
-    opacity: 0.6;
-}
-
-.plugin-card-header {
-    display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    margin-bottom: 10px;
-}
-
-.plugin-card-icon {
-    font-size: 24px;
-    color: var(--color-primary);
-}
-
-.plugin-card-info {
-    flex: 1;
-}
-
-.plugin-card-title {
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-    margin-bottom: 2px;
-}
-
-.plugin-card-version {
-    font-size: 11px;
-    color: var(--color-text-secondary);
-}
-
-.plugin-toggle {
-    background: none;
-    border: none;
-    padding: 4px;
-    cursor: pointer;
-    color: var(--color-text-secondary);
-    transition: all 0.2s;
-    border-radius: 4px;
-}
-
-.plugin-toggle:hover {
-    background: var(--color-bg-hover);
-}
-
-.plugin-toggle.enabled {
-    color: var(--color-success);
-}
-
-.plugin-toggle.disabled {
-    color: var(--color-text-secondary);
-}
-
-.plugin-card-description {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    line-height: 1.5;
-    margin-bottom: 10px;
-}
-
-.plugin-card-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 10px;
-    border-top: 1px solid var(--color-border);
-    font-size: 11px;
-}
-
-.plugin-card-category {
-    color: var(--color-text-secondary);
-}
-
-.plugin-card-installed {
-    color: var(--color-text-tertiary);
-}
-
-/* Plugin List (List View) */
-.plugin-list-item {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 10px 12px;
-    background: var(--color-bg-primary);
-    border: 1px solid var(--color-border);
-    border-radius: 6px;
-    transition: all 0.2s;
-}
-
-.plugin-list-item:hover {
-    border-color: var(--color-primary);
-}
-
-.plugin-list-item.disabled {
-    opacity: 0.6;
-}
-
-.plugin-list-icon {
-    font-size: 20px;
-    color: var(--color-primary);
-}
-
-.plugin-list-info {
-    flex: 1;
-}
-
-.plugin-list-name {
-    display: flex;
-    align-items: baseline;
-    gap: 8px;
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-    margin-bottom: 2px;
-}
-
-.plugin-list-version {
-    font-size: 11px;
-    font-weight: normal;
-    color: var(--color-text-secondary);
-}
-
-.plugin-list-description {
-    font-size: 12px;
-    color: var(--color-text-secondary);
-    line-height: 1.4;
-}
-
-.plugin-list-status {
-    margin-right: 8px;
-}
-
-.status-badge {
-    padding: 3px 8px;
-    border-radius: 4px;
-    font-size: 11px;
-    font-weight: 500;
-}
-
-.status-badge.enabled {
-    background: rgba(34, 197, 94, 0.15);
-    color: var(--color-success);
-}
-
-.status-badge.disabled {
-    background: var(--color-bg-tertiary);
-    color: var(--color-text-secondary);
-}
-
-.plugin-list-toggle {
-    padding: 6px 12px;
-    background: var(--color-bg-tertiary);
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
-    color: var(--color-text-primary);
-    font-size: 12px;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.plugin-list-toggle:hover {
-    background: var(--color-primary);
-    border-color: var(--color-primary);
-    color: white;
-}
-
-/* Scrollbar */
-.plugin-content::-webkit-scrollbar {
-    width: 8px;
-}
-
-.plugin-content::-webkit-scrollbar-track {
-    background: var(--color-bg-secondary);
-}
-
-.plugin-content::-webkit-scrollbar-thumb {
-    background: var(--color-border);
-    border-radius: 4px;
-}
-
-.plugin-content::-webkit-scrollbar-thumb:hover {
-    background: var(--color-text-secondary);
-}

packages/editor-app/src/styles/PluginPublishWizard.css

@@ -1,861 +0,0 @@
-/* 统一滚动条样式 */
-.plugin-publish-wizard ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-.plugin-publish-wizard ::-webkit-scrollbar-track {
-    background: var(--color-bg-primary, #1e1e1e);
-    border-radius: 4px;
-}
-
-.plugin-publish-wizard ::-webkit-scrollbar-thumb {
-    background: var(--color-border, #333);
-    border-radius: 4px;
-    transition: background 0.2s;
-}
-
-.plugin-publish-wizard ::-webkit-scrollbar-thumb:hover {
-    background: var(--color-text-secondary, #858585);
-}
-
-.plugin-publish-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: var(--z-index-modal);
-}
-
-.plugin-publish-wizard {
-    background: var(--color-bg-primary, #1e1e1e);
-    border-radius: 12px;
-    width: 90%;
-    max-width: 600px;
-    max-height: 80vh;
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-}
-
-.plugin-publish-wizard.inline {
-    width: 100%;
-    max-width: none;
-    max-height: 100%;
-    height: 100%;
-    border-radius: 0;
-    box-shadow: none;
-    background: transparent;
-    overflow: hidden;
-}
-
-.plugin-publish-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 20px 24px;
-    border-bottom: 1px solid var(--color-border, #333);
-}
-
-.plugin-publish-wizard.inline .plugin-publish-header {
-    padding: 16px 20px;
-    background: var(--color-bg-secondary, #252526);
-}
-
-.plugin-publish-header h2 {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.plugin-publish-close {
-    background: none;
-    border: none;
-    cursor: pointer;
-    color: var(--color-text-secondary, #858585);
-    padding: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-    transition: all 0.2s;
-}
-
-.plugin-publish-close:hover {
-    background: var(--color-bg-hover, #2d2d30);
-    color: var(--color-text-primary, #cccccc);
-}
-
-.plugin-publish-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 24px;
-}
-
-.plugin-publish-wizard.inline .plugin-publish-content {
-    padding: 20px;
-    background: var(--color-bg-primary, #1e1e1e);
-    height: 0;
-    min-height: 0;
-}
-
-.publish-step {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-}
-
-.publish-step h3 {
-    margin: 0 0 12px 0;
-    font-size: 16px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.github-auth {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 16px;
-    padding: 20px;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    width: 100%;
-}
-
-.form-group label {
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.form-group input,
-.form-group textarea,
-.form-group select {
-    padding: 8px 12px;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    color: var(--color-text-primary, #cccccc);
-    font-size: 13px;
-    outline: none;
-    transition: border-color 0.2s;
-}
-
-.form-group input:focus,
-.form-group textarea:focus,
-.form-group select:focus {
-    border-color: var(--color-accent, #0e639c);
-}
-
-.form-group small {
-    font-size: 12px;
-    color: var(--color-text-secondary, #858585);
-}
-
-.form-group textarea {
-    resize: vertical;
-    min-height: 80px;
-    font-family: inherit;
-}
-
-.btn-primary,
-.btn-secondary,
-.btn-link {
-    padding: 8px 16px;
-    border-radius: 4px;
-    font-size: 13px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-}
-
-.btn-primary {
-    background: var(--color-accent, #0e639c);
-    color: white;
-    border: none;
-}
-
-.btn-primary:hover {
-    background: var(--color-accent-hover, #1177bb);
-}
-
-.btn-secondary {
-    background: var(--color-bg-secondary, #252526);
-    color: var(--color-text-primary, #cccccc);
-    border: 1px solid var(--color-border, #333);
-}
-
-.btn-secondary:hover {
-    background: var(--color-bg-hover, #2d2d30);
-}
-
-.btn-link {
-    background: none;
-    color: var(--color-accent, #0e639c);
-    border: none;
-    padding: 6px 12px;
-}
-
-.btn-link:hover {
-    opacity: 0.8;
-}
-
-.button-group {
-    display: flex;
-    gap: 12px;
-    justify-content: flex-end;
-}
-
-.error-message {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 12px;
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 4px;
-    color: #ff3b30;
-    font-size: 13px;
-}
-
-.confirm-details {
-    background: var(--color-bg-secondary, #252526);
-    border-radius: 8px;
-    padding: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-}
-
-.detail-row {
-    display: flex;
-    gap: 12px;
-}
-
-.detail-label {
-    font-weight: 600;
-    color: var(--color-text-secondary, #858585);
-    min-width: 120px;
-}
-
-.detail-value {
-    color: var(--color-text-primary, #cccccc);
-    word-break: break-all;
-}
-
-.publish-step.publishing,
-.publish-step.success,
-.publish-step.error {
-    align-items: center;
-    text-align: center;
-    padding: 40px 20px;
-}
-
-.publish-step.publishing svg,
-.publish-step.success svg,
-.publish-step.error svg {
-    margin-bottom: 16px;
-}
-
-.review-message {
-    color: var(--color-text-secondary, #858585);
-    font-size: 13px;
-    line-height: 1.5;
-    max-width: 400px;
-    margin: 16px 0;
-}
-
-.spinning {
-    animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-/* OAuth Authentication Styles */
-.auth-tabs {
-    display: flex;
-    gap: 8px;
-    margin: 16px 0;
-    width: 100%;
-}
-
-.auth-tab {
-    flex: 1;
-    padding: 10px 16px;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 6px;
-    color: var(--color-text-secondary, #858585);
-    cursor: pointer;
-    font-size: 13px;
-    font-weight: 500;
-    transition: all 0.2s;
-}
-
-.auth-tab:hover {
-    background: var(--color-bg-hover, #2d2d30);
-    border-color: var(--color-accent, #0e639c);
-}
-
-.auth-tab.active {
-    background: var(--color-accent, #0e639c);
-    border-color: var(--color-accent, #0e639c);
-    color: white;
-}
-
-.oauth-auth,
-.token-auth {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    width: 100%;
-    align-items: center;
-}
-
-.oauth-instructions {
-    text-align: left;
-    width: 100%;
-    padding: 16px;
-    background: var(--color-bg-secondary, #252526);
-    border-radius: 8px;
-    border: 1px solid var(--color-border, #333);
-}
-
-.oauth-instructions p {
-    margin: 8px 0;
-    font-size: 13px;
-    color: var(--color-text-secondary, #858585);
-    line-height: 1.6;
-}
-
-.oauth-pending,
-.oauth-success,
-.oauth-error {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 16px;
-    padding: 32px 16px;
-    width: 100%;
-}
-
-.oauth-pending h4,
-.oauth-success h4,
-.oauth-error h4 {
-    margin: 0;
-    font-size: 16px;
-    font-weight: 600;
-}
-
-.user-code-display {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    width: 100%;
-    max-width: 400px;
-    margin-top: 16px;
-}
-
-.user-code-display label {
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--color-text-secondary, #858585);
-}
-
-.code-box {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 16px;
-    background: var(--color-bg-secondary, #252526);
-    border: 2px solid var(--color-accent, #0e639c);
-    border-radius: 8px;
-}
-
-.code-text {
-    flex: 1;
-    font-size: 24px;
-    font-weight: 700;
-    font-family: 'Courier New', monospace;
-    letter-spacing: 4px;
-    color: var(--color-accent, #0e639c);
-    text-align: center;
-}
-
-.btn-copy {
-    background: transparent;
-    border: none;
-    font-size: 20px;
-    cursor: pointer;
-    padding: 4px 8px;
-    border-radius: 4px;
-    transition: background 0.2s;
-}
-
-.btn-copy:hover {
-    background: var(--color-bg-hover, #2d2d30);
-}
-
-.error-details {
-    width: 100%;
-    max-width: 500px;
-    max-height: 200px;
-    overflow-y: auto;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid #ff3b30;
-    border-radius: 8px;
-    padding: 12px;
-    margin: 12px 0;
-}
-
-.error-details pre {
-    margin: 0;
-    font-size: 12px;
-    font-family: 'Courier New', monospace;
-    color: #ff3b30;
-    white-space: pre-wrap;
-    word-break: break-word;
-}
-
-/* 发布进度样式 */
-.publish-progress {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    margin-top: 20px;
-    padding: 16px;
-    background: var(--color-bg-secondary, #252526);
-    border-radius: 8px;
-}
-
-.progress-bar {
-    width: 100%;
-    height: 8px;
-    background: var(--color-bg-hover, #2d2d30);
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.progress-fill {
-    height: 100%;
-    background: linear-gradient(90deg, #007acc 0%, #4fc3f7 100%);
-    transition: width 0.3s ease;
-}
-
-.progress-message {
-    margin: 0;
-    font-size: 14px;
-    color: var(--color-text-primary, #cccccc);
-    text-align: center;
-}
-
-.progress-percent {
-    margin: 0;
-    font-size: 12px;
-    color: var(--color-text-secondary, #858585);
-    text-align: center;
-    font-family: monospace;
-}
-
-.build-log {
-    width: 100%;
-    max-height: 300px;
-    overflow-y: auto;
-    background: var(--color-bg-hover, #2d2d30);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    padding: 12px;
-    margin-top: 16px;
-    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-    font-size: 12px;
-    line-height: 1.5;
-}
-
-.log-line {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 4px;
-    color: var(--color-text-primary, #cccccc);
-    word-break: break-all;
-}
-
-.log-line svg {
-    flex-shrink: 0;
-}
-
-/* 现有 PR 提示框 */
-.existing-pr-notice {
-    display: flex;
-    gap: 12px;
-    padding: 16px;
-    margin: 16px 0;
-    background: rgba(244, 180, 0, 0.1);
-    border: 1px solid rgba(244, 180, 0, 0.3);
-    border-radius: 8px;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.existing-pr-notice svg {
-    color: #f4b400;
-    flex-shrink: 0;
-    margin-top: 2px;
-}
-
-.existing-pr-notice .notice-content {
-    flex: 1;
-}
-
-.existing-pr-notice strong {
-    display: block;
-    margin-bottom: 8px;
-    color: #f4b400;
-    font-size: 14px;
-}
-
-.existing-pr-notice p {
-    margin: 0 0 12px 0;
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--color-text-secondary, #858585);
-}
-
-.existing-pr-notice .btn-link {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
-    background: rgba(74, 158, 255, 0.15);
-    border: 1px solid rgba(74, 158, 255, 0.3);
-    border-radius: 6px;
-    color: #4a9eff;
-    font-size: 13px;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.existing-pr-notice .btn-link:hover {
-    background: rgba(74, 158, 255, 0.25);
-    border-color: #4a9eff;
-}
-
-/* 版本信息样式 */
-.version-info {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    margin-bottom: 8px;
-    padding: 12px;
-    background: rgba(52, 199, 89, 0.1);
-    border: 1px solid rgba(52, 199, 89, 0.3);
-    border-radius: 6px;
-}
-
-.version-notice {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: #34c759;
-    font-size: 13px;
-    font-weight: 500;
-}
-
-.btn-version-suggest {
-    align-self: flex-start;
-    padding: 6px 12px;
-    background: rgba(14, 99, 156, 0.15);
-    border: 1px solid rgba(14, 99, 156, 0.3);
-    border-radius: 4px;
-    color: var(--color-accent, #0e639c);
-    font-size: 12px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.btn-version-suggest:hover {
-    background: rgba(14, 99, 156, 0.25);
-    border-color: var(--color-accent, #0e639c);
-    transform: translateY(-1px);
-}
-
-.version-history {
-    margin-top: 8px;
-    padding: 12px;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 6px;
-}
-
-.version-history summary {
-    cursor: pointer;
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--color-text-primary, #cccccc);
-    padding: 4px;
-    user-select: none;
-}
-
-.version-history summary:hover {
-    color: var(--color-accent, #0e639c);
-}
-
-.version-history ul {
-    list-style: none;
-    padding: 0;
-    margin: 12px 0 0 0;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.version-history li {
-    padding: 6px 12px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border-radius: 4px;
-    font-size: 12px;
-    font-family: 'Consolas', 'Monaco', monospace;
-    color: var(--color-text-secondary, #858585);
-}
-
-/* 插件源选择样式 */
-.source-type-selection {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    margin: 20px 0;
-}
-
-.source-type-btn {
-    display: flex;
-    align-items: flex-start;
-    gap: 16px;
-    padding: 20px;
-    background: var(--color-bg-secondary, #252526);
-    border: 2px solid var(--color-border, #333);
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.2s;
-    text-align: left;
-    width: 100%;
-}
-
-.source-type-btn:hover {
-    background: var(--color-bg-hover, #2d2d30);
-    border-color: var(--color-accent, #0e639c);
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-}
-
-.source-type-btn.active {
-    background: rgba(14, 99, 156, 0.15);
-    border-color: var(--color-accent, #0e639c);
-    box-shadow: 0 0 0 3px rgba(14, 99, 156, 0.1);
-}
-
-.source-type-btn svg {
-    color: var(--color-accent, #0e639c);
-    flex-shrink: 0;
-    margin-top: 2px;
-}
-
-.source-type-info {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-}
-
-.source-type-info strong {
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.source-type-info p {
-    margin: 0;
-    font-size: 12px;
-    line-height: 1.5;
-    color: var(--color-text-secondary, #858585);
-}
-
-.selected-source {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    padding: 16px;
-    background: rgba(52, 199, 89, 0.1);
-    border: 1px solid rgba(52, 199, 89, 0.3);
-    border-radius: 8px;
-    margin-top: 16px;
-}
-
-.selected-source svg {
-    color: #34c759;
-    flex-shrink: 0;
-    margin-top: 2px;
-}
-
-.source-details {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.source-path {
-    font-size: 12px;
-    color: var(--color-text-secondary, #858585);
-    word-break: break-all;
-    font-family: 'Consolas', 'Monaco', monospace;
-}
-
-.source-name {
-    font-size: 14px;
-    font-weight: 600;
-    color: #34c759;
-}
-
-/* ZIP 文件要求说明 */
-.zip-requirements-details {
-    margin-top: 20px;
-    padding: 16px;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 8px;
-}
-
-.zip-requirements-details summary {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-    padding: 8px;
-    user-select: none;
-    list-style: none;
-    transition: color 0.2s;
-}
-
-.zip-requirements-details summary::-webkit-details-marker {
-    display: none;
-}
-
-.zip-requirements-details summary:hover {
-    color: var(--color-accent, #0e639c);
-}
-
-.zip-requirements-details summary svg {
-    color: #f4b400;
-    flex-shrink: 0;
-}
-
-.zip-requirements-details[open] summary {
-    margin-bottom: 16px;
-    padding-bottom: 12px;
-    border-bottom: 1px solid var(--color-border, #333);
-}
-
-.zip-requirements-content {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    padding: 4px 8px;
-}
-
-.requirement-section h4 {
-    margin: 0 0 8px 0;
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--color-accent, #0e639c);
-}
-
-.requirement-section p {
-    margin: 0 0 12px 0;
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--color-text-secondary, #858585);
-}
-
-.requirement-section ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.requirement-section li {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--color-text-primary, #cccccc);
-}
-
-.requirement-section li::before {
-    content: '✓';
-    color: #34c759;
-    font-weight: bold;
-    flex-shrink: 0;
-}
-
-.requirement-section code {
-    padding: 2px 6px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 3px;
-    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-    font-size: 12px;
-    color: #4ec9b0;
-}
-
-.build-script-example {
-    margin: 0;
-    padding: 12px;
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-    font-size: 12px;
-    line-height: 1.6;
-    color: var(--color-text-secondary, #858585);
-    overflow-x: auto;
-}
-
-.recommendation-notice {
-    padding: 12px 16px;
-    background: rgba(14, 99, 156, 0.1);
-    border: 1px solid rgba(14, 99, 156, 0.3);
-    border-radius: 6px;
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--color-accent, #0e639c);
-    text-align: center;
-}

packages/editor-app/src/styles/PluginUpdateDialog.css

@@ -1,287 +0,0 @@
-.plugin-update-dialog-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: var(--z-index-modal);
-}
-
-.plugin-update-dialog {
-    background: var(--color-bg-primary, #1e1e1e);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 8px;
-    width: 90%;
-    max-width: 600px;
-    max-height: 80vh;
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-}
-
-.update-dialog-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 20px;
-    border-bottom: 1px solid var(--color-border, #333);
-}
-
-.update-dialog-header h2 {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.update-dialog-close {
-    background: none;
-    border: none;
-    padding: 4px;
-    cursor: pointer;
-    color: var(--color-text-secondary, #888);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-}
-
-.update-dialog-close:hover {
-    background: var(--color-bg-hover, rgba(255, 255, 255, 0.1));
-    color: var(--color-text-primary, #fff);
-}
-
-.update-dialog-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 20px;
-}
-
-.update-dialog-step {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.update-dialog-step h3 {
-    margin: 0;
-    font-size: 16px;
-    font-weight: 600;
-}
-
-.step-description {
-    color: var(--color-text-secondary, #888);
-    margin: 0;
-}
-
-.current-plugin-info {
-    padding: 12px;
-    background: rgba(14, 99, 156, 0.1);
-    border: 1px solid rgba(14, 99, 156, 0.3);
-    border-radius: 6px;
-}
-
-.current-plugin-info h4 {
-    margin: 0 0 8px 0;
-    font-size: 14px;
-}
-
-.current-plugin-info p {
-    margin: 0;
-    color: var(--color-text-secondary, #888);
-}
-
-.selected-folder-info {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 12px;
-    background: var(--color-bg-secondary, #252525);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    font-size: 13px;
-    color: var(--color-text-secondary, #888);
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.form-group label {
-    font-size: 13px;
-    font-weight: 500;
-}
-
-.form-group input,
-.form-group textarea {
-    padding: 8px 12px;
-    background: var(--color-bg-secondary, #252525);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    color: var(--color-text-primary, #fff);
-    font-size: 13px;
-    font-family: inherit;
-}
-
-.form-group textarea {
-    resize: vertical;
-}
-
-.version-input-group {
-    display: flex;
-    gap: 8px;
-}
-
-.version-input-group input {
-    flex: 1;
-}
-
-.btn-browse,
-.btn-suggest,
-.btn-view-pr,
-.btn-close,
-.btn-back,
-.btn-primary {
-    padding: 8px 16px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 13px;
-    font-weight: 500;
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    transition: all 0.2s;
-}
-
-.btn-browse {
-    background: var(--color-accent, #0e639c);
-    color: white;
-}
-
-.btn-browse:hover {
-    background: var(--color-accent-hover, #0d5a8c);
-}
-
-.btn-suggest {
-    background: rgba(14, 99, 156, 0.15);
-    color: var(--color-accent, #0e639c);
-    border: 1px solid rgba(14, 99, 156, 0.3);
-    white-space: nowrap;
-}
-
-.btn-suggest:hover {
-    background: rgba(14, 99, 156, 0.25);
-}
-
-.update-dialog-actions {
-    display: flex;
-    gap: 8px;
-    justify-content: flex-end;
-    margin-top: 8px;
-}
-
-.btn-back {
-    background: var(--color-bg-secondary, #252525);
-    color: var(--color-text-primary, #fff);
-    border: 1px solid var(--color-border, #333);
-}
-
-.btn-back:hover {
-    background: var(--color-bg-hover, rgba(255, 255, 255, 0.1));
-}
-
-.btn-primary {
-    background: var(--color-accent, #0e639c);
-    color: white;
-}
-
-.btn-primary:hover:not(:disabled) {
-    background: var(--color-accent-hover, #0d5a8c);
-}
-
-.btn-primary:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-.progress-container {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.progress-bar {
-    width: 100%;
-    height: 8px;
-    background: var(--color-bg-secondary, #252525);
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.progress-fill {
-    height: 100%;
-    background: var(--color-accent, #0e639c);
-    transition: width 0.3s ease;
-}
-
-.progress-message {
-    margin: 0;
-    font-size: 13px;
-    color: var(--color-text-secondary, #888);
-}
-
-.build-log {
-    margin-top: 12px;
-    padding: 12px;
-    background: var(--color-bg-secondary, #252525);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 4px;
-    max-height: 300px;
-    overflow-y: auto;
-    font-family: 'Courier New', monospace;
-    font-size: 12px;
-}
-
-.log-line {
-    margin-bottom: 4px;
-    color: var(--color-text-secondary, #888);
-}
-
-.success-step,
-.error-step {
-    align-items: center;
-    text-align: center;
-    padding: 20px;
-}
-
-.success-icon {
-    color: var(--color-success, #52c41a);
-}
-
-.error-icon {
-    color: var(--color-error, #ff4d4f);
-}
-
-.success-message,
-.error-message {
-    margin: 16px 0;
-    color: var(--color-text-secondary, #888);
-}
-
-.btn-view-pr,
-.btn-close {
-    background: var(--color-accent, #0e639c);
-    color: white;
-    margin-top: 8px;
-}
-
-.btn-view-pr:hover,
-.btn-close:hover {
-    background: var(--color-accent-hover, #0d5a8c);
-}

packages/editor-app/src/styles/ProfilerDockPanel.css

@@ -1,278 +0,0 @@
-.profiler-dock-panel {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--color-bg-elevated);
-  overflow: hidden;
-}
-
-.profiler-dock-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 8px;
-  border-bottom: 1px solid var(--color-border-default);
-  flex-shrink: 0;
-  height: 26px;
-}
-
-.profiler-dock-header h3 {
-  margin: 0;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-text-primary);
-}
-
-.profiler-dock-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.profiler-dock-pause-btn,
-.profiler-dock-details-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  background: var(--color-bg-inset);
-  border: 1px solid var(--color-border-default);
-  border-radius: var(--radius-sm);
-  color: var(--color-text-secondary);
-  cursor: pointer;
-  transition: all var(--transition-fast);
-}
-
-.profiler-dock-pause-btn:hover,
-.profiler-dock-details-btn:hover {
-  background: var(--color-bg-hover);
-  border-color: var(--color-border-strong);
-  color: var(--color-text-primary);
-}
-
-.profiler-dock-pause-btn:active,
-.profiler-dock-details-btn:active {
-  transform: scale(0.95);
-}
-
-.profiler-dock-status {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  padding: 4px 8px;
-  border-radius: var(--radius-sm);
-  background: var(--color-bg-inset);
-}
-
-.status-text {
-  font-weight: 500;
-}
-
-.status-text.connected {
-  color: var(--color-success);
-}
-
-.status-text.waiting {
-  color: var(--color-warning);
-}
-
-.status-text.disconnected {
-  color: var(--color-text-tertiary);
-}
-
-.profiler-dock-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 24px;
-  text-align: center;
-  color: var(--color-text-tertiary);
-  gap: 12px;
-}
-
-.profiler-dock-empty p {
-  margin: 0;
-  font-size: 13px;
-}
-
-.profiler-dock-empty .hint {
-  font-size: 11px;
-  opacity: 0.7;
-}
-
-.profiler-dock-content {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.profiler-dock-content::-webkit-scrollbar {
-  width: 6px;
-}
-
-.profiler-dock-content::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.profiler-dock-content::-webkit-scrollbar-thumb {
-  background: var(--color-border-default);
-  border-radius: 3px;
-}
-
-.profiler-dock-stats {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 12px;
-}
-
-.stat-card {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px;
-  background: var(--color-bg-inset);
-  border-radius: var(--radius-md);
-  border: 1px solid var(--color-border-default);
-  transition: all var(--transition-fast);
-}
-
-.stat-card:hover {
-  border-color: var(--color-border-strong);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.stat-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  background: rgba(99, 102, 241, 0.1);
-  color: rgb(99, 102, 241);
-  flex-shrink: 0;
-}
-
-.stat-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.stat-label {
-  font-size: 10px;
-  color: var(--color-text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  font-weight: 500;
-  margin-bottom: 2px;
-}
-
-.stat-value {
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--color-text-primary);
-  font-family: var(--font-family-mono);
-}
-
-.stat-value.warning {
-  color: var(--color-warning);
-}
-
-.profiler-dock-systems {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.profiler-dock-systems h4 {
-  margin: 0;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--color-text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-
-.systems-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.system-item {
-  padding: 10px 12px;
-  background: var(--color-bg-inset);
-  border-radius: var(--radius-md);
-  border: 1px solid var(--color-border-default);
-  transition: all var(--transition-fast);
-}
-
-.system-item:hover {
-  border-color: var(--color-border-strong);
-}
-
-.system-item-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 6px;
-}
-
-.system-item-name {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--color-text-primary);
-  font-family: var(--font-family-mono);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.system-item-time {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--color-text-primary);
-  font-family: var(--font-family-mono);
-  flex-shrink: 0;
-  margin-left: 8px;
-}
-
-.system-item-bar {
-  width: 100%;
-  height: 4px;
-  background: var(--color-bg-elevated);
-  border-radius: 2px;
-  overflow: hidden;
-  margin-bottom: 6px;
-}
-
-.system-item-bar-fill {
-  height: 100%;
-  transition: width 0.3s ease;
-  border-radius: 2px;
-}
-
-.system-item-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 10px;
-  color: var(--color-text-tertiary);
-}
-
-.system-item-percentage {
-  font-weight: 600;
-  font-family: var(--font-family-mono);
-}
-
-.system-item-entities {
-  font-size: 9px;
-}

packages/editor-app/src/styles/ProfilerPanel.css

@@ -1,304 +0,0 @@
-.profiler-panel {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--color-bg-base);
-}
-
-.profiler-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 8px;
-  background: var(--color-bg-elevated);
-  border-bottom: 1px solid var(--color-border-default);
-  flex-shrink: 0;
-  gap: 8px;
-  height: 26px;
-}
-
-.profiler-toolbar-left {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-}
-
-.profiler-toolbar-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.profiler-stats-summary {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-}
-
-.summary-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--color-text-secondary);
-}
-
-.summary-item svg {
-  color: var(--color-primary);
-}
-
-.summary-label {
-  font-weight: 500;
-}
-
-.summary-value {
-  font-family: var(--font-family-mono);
-  font-weight: 600;
-  color: var(--color-text-primary);
-}
-
-.summary-value.over-budget {
-  color: var(--color-danger);
-}
-
-.summary-value.low-fps {
-  color: var(--color-warning);
-}
-
-.profiler-sort {
-  padding: 4px 8px;
-  background: var(--color-bg-inset);
-  border: 1px solid var(--color-border-default);
-  border-radius: var(--radius-sm);
-  color: var(--color-text-primary);
-  font-size: 11px;
-  cursor: pointer;
-  outline: none;
-  transition: all var(--transition-fast);
-}
-
-.profiler-sort:hover {
-  border-color: var(--color-primary);
-}
-
-.profiler-sort:focus {
-  border-color: var(--color-primary);
-}
-
-.profiler-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 6px;
-  background: transparent;
-  border: none;
-  border-radius: var(--radius-sm);
-  color: var(--color-text-secondary);
-  cursor: pointer;
-  transition: all var(--transition-fast);
-}
-
-.profiler-btn:hover {
-  background: var(--color-bg-hover);
-  color: var(--color-text-primary);
-}
-
-.profiler-content {
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 12px;
-}
-
-.profiler-content::-webkit-scrollbar {
-  width: 8px;
-}
-
-.profiler-content::-webkit-scrollbar-track {
-  background: var(--color-bg-elevated);
-}
-
-.profiler-content::-webkit-scrollbar-thumb {
-  background: var(--color-border-default);
-  border-radius: 4px;
-}
-
-.profiler-content::-webkit-scrollbar-thumb:hover {
-  background: var(--color-text-secondary);
-}
-
-.profiler-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: var(--color-text-tertiary);
-  gap: 12px;
-}
-
-.profiler-empty p {
-  margin: 0;
-  font-size: 13px;
-}
-
-.profiler-empty-hint {
-  font-size: 11px !important;
-  opacity: 0.7;
-}
-
-.profiler-systems {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.system-row {
-  background: var(--color-bg-elevated);
-  border: 1px solid var(--color-border-default);
-  border-radius: var(--radius-md);
-  padding: 12px;
-  transition: all var(--transition-fast);
-}
-
-.system-row:hover {
-  border-color: var(--color-border-strong);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.system-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.system-info {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-}
-
-.system-rank {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 22px;
-  background: var(--color-bg-inset);
-  border-radius: var(--radius-sm);
-  font-size: 11px;
-  font-weight: 600;
-  font-family: var(--font-family-mono);
-  color: var(--color-text-secondary);
-}
-
-.system-name {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-text-primary);
-  font-family: var(--font-family-mono);
-}
-
-.system-entities {
-  font-size: 11px;
-  color: var(--color-text-tertiary);
-}
-
-.system-metrics {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.metric-time {
-  font-size: 13px;
-  font-weight: 600;
-  font-family: var(--font-family-mono);
-  color: var(--color-text-primary);
-}
-
-.metric-percentage {
-  font-size: 12px;
-  font-family: var(--font-family-mono);
-  color: var(--color-text-secondary);
-  background: var(--color-bg-inset);
-  padding: 2px 6px;
-  border-radius: var(--radius-sm);
-}
-
-.system-bar {
-  width: 100%;
-  height: 6px;
-  background: var(--color-bg-inset);
-  border-radius: 3px;
-  overflow: hidden;
-  margin-bottom: 8px;
-}
-
-.system-bar-fill {
-  height: 100%;
-  transition: width 0.3s ease;
-  border-radius: 3px;
-}
-
-.system-stats {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-.stat-item {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 11px;
-}
-
-.stat-label {
-  color: var(--color-text-tertiary);
-}
-
-.stat-value {
-  font-family: var(--font-family-mono);
-  font-weight: 500;
-  color: var(--color-text-secondary);
-}
-
-.profiler-footer {
-  padding: 10px 12px;
-  background: var(--color-bg-elevated);
-  border-top: 1px solid var(--color-border-default);
-  flex-shrink: 0;
-}
-
-.profiler-legend {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  justify-content: center;
-}
-
-.legend-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  color: var(--color-text-secondary);
-}
-
-.legend-color {
-  width: 12px;
-  height: 12px;
-  border-radius: 2px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .system-row,
-  .system-bar-fill,
-  .profiler-btn {
-    transition: none;
-  }
-}

packages/editor-app/src/styles/UserProfile.css

@@ -1,174 +0,0 @@
-.user-profile {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.login-button {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    padding: 3px 8px;
-    background: transparent;
-    border: none;
-    border-radius: 2px;
-    color: #888;
-    font-size: 10px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.1s;
-}
-
-.login-button:hover:not(:disabled) {
-    background: rgba(255, 255, 255, 0.08);
-    color: #ccc;
-}
-
-.login-button:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-
-.login-button .spinning {
-    animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.user-avatar-button {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    padding: 2px 6px 2px 2px;
-    background: transparent;
-    border: none;
-    border-radius: 2px;
-    color: #888;
-    font-size: 10px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.1s;
-}
-
-.user-avatar-button:hover {
-    background: rgba(255, 255, 255, 0.08);
-    color: #ccc;
-}
-
-.user-avatar,
-.user-avatar-placeholder {
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-}
-
-.user-avatar {
-    object-fit: cover;
-    border: none;
-}
-
-.user-avatar-placeholder {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: rgba(255, 255, 255, 0.1);
-    color: #888;
-    border: none;
-}
-
-.user-name {
-    max-width: 80px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.user-menu {
-    position: absolute;
-    top: calc(100% + 8px);
-    right: 0;
-    min-width: 220px;
-    background: var(--color-bg-secondary, #252526);
-    border: 1px solid var(--color-border, #333);
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-    z-index: var(--z-index-dropdown);
-    overflow: hidden;
-}
-
-.user-menu-header {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 16px;
-    background: var(--color-bg-tertiary, #333);
-}
-
-.user-menu-avatar {
-    width: 48px;
-    height: 48px;
-    border-radius: 50%;
-    object-fit: cover;
-    border: 2px solid var(--color-accent, #0e639c);
-}
-
-.user-menu-info {
-    flex: 1;
-    min-width: 0;
-}
-
-.user-menu-name {
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--color-text-primary, #cccccc);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.user-menu-login {
-    font-size: 12px;
-    color: var(--color-text-secondary, #858585);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.user-menu-divider {
-    height: 1px;
-    background: var(--color-border, #333);
-}
-
-.user-menu-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-    padding: 12px 16px;
-    background: transparent;
-    border: none;
-    color: var(--color-text-primary, #cccccc);
-    font-size: 13px;
-    cursor: pointer;
-    text-align: left;
-    transition: background 0.2s;
-}
-
-.user-menu-item:hover {
-    background: var(--color-bg-hover, #2d2d30);
-}
-
-.user-menu-item:last-child {
-    color: #ff3b30;
-}
-
-.user-menu-item:last-child:hover {
-    background: rgba(255, 59, 48, 0.1);
-}

packages/editor-core/src/Services/CommandManager.ts

@@ -1,230 +0,0 @@
-import { ICommand } from './ICommand';
-
-/**
- * 命令历史记录配置
- */
-export interface CommandManagerConfig {
-    /**
-     * 最大历史记录数量
-     */
-    maxHistorySize?: number;
-
-    /**
-     * 是否自动合并相似命令
-     */
-    autoMerge?: boolean;
-}
-
-/**
- * 命令管理器
- * 管理命令的执行、撤销、重做以及历史记录
- */
-export class CommandManager {
-    private undoStack: ICommand[] = [];
-    private redoStack: ICommand[] = [];
-    private readonly config: Required<CommandManagerConfig>;
-    private isExecuting = false;
-
-    constructor(config: CommandManagerConfig = {}) {
-        this.config = {
-            maxHistorySize: config.maxHistorySize ?? 100,
-            autoMerge: config.autoMerge ?? true
-        };
-    }
-
-    /**
-     * 执行命令
-     */
-    execute(command: ICommand): void {
-        if (this.isExecuting) {
-            throw new Error('不能在命令执行过程中执行新命令');
-        }
-
-        this.isExecuting = true;
-
-        try {
-            command.execute();
-
-            if (this.config.autoMerge && this.undoStack.length > 0) {
-                const lastCommand = this.undoStack[this.undoStack.length - 1];
-                if (lastCommand && lastCommand.canMergeWith(command)) {
-                    const mergedCommand = lastCommand.mergeWith(command);
-                    this.undoStack[this.undoStack.length - 1] = mergedCommand;
-                    this.redoStack = [];
-                    return;
-                }
-            }
-
-            this.undoStack.push(command);
-            this.redoStack = [];
-
-            if (this.undoStack.length > this.config.maxHistorySize) {
-                this.undoStack.shift();
-            }
-        } finally {
-            this.isExecuting = false;
-        }
-    }
-
-    /**
-     * 撤销上一个命令
-     */
-    undo(): void {
-        if (this.isExecuting) {
-            throw new Error('不能在命令执行过程中撤销');
-        }
-
-        const command = this.undoStack.pop();
-        if (!command) {
-            return;
-        }
-
-        this.isExecuting = true;
-
-        try {
-            command.undo();
-            this.redoStack.push(command);
-        } catch (error) {
-            this.undoStack.push(command);
-            throw error;
-        } finally {
-            this.isExecuting = false;
-        }
-    }
-
-    /**
-     * 重做上一个被撤销的命令
-     */
-    redo(): void {
-        if (this.isExecuting) {
-            throw new Error('不能在命令执行过程中重做');
-        }
-
-        const command = this.redoStack.pop();
-        if (!command) {
-            return;
-        }
-
-        this.isExecuting = true;
-
-        try {
-            command.execute();
-            this.undoStack.push(command);
-        } catch (error) {
-            this.redoStack.push(command);
-            throw error;
-        } finally {
-            this.isExecuting = false;
-        }
-    }
-
-    /**
-     * 检查是否可以撤销
-     */
-    canUndo(): boolean {
-        return this.undoStack.length > 0;
-    }
-
-    /**
-     * 检查是否可以重做
-     */
-    canRedo(): boolean {
-        return this.redoStack.length > 0;
-    }
-
-    /**
-     * 获取撤销栈的描述列表
-     */
-    getUndoHistory(): string[] {
-        return this.undoStack.map((cmd) => cmd.getDescription());
-    }
-
-    /**
-     * 获取重做栈的描述列表
-     */
-    getRedoHistory(): string[] {
-        return this.redoStack.map((cmd) => cmd.getDescription());
-    }
-
-    /**
-     * 清空所有历史记录
-     */
-    clear(): void {
-        this.undoStack = [];
-        this.redoStack = [];
-    }
-
-    /**
-     * 批量执行命令（作为单一操作，可以一次撤销）
-     */
-    executeBatch(commands: ICommand[]): void {
-        if (commands.length === 0) {
-            return;
-        }
-
-        const batchCommand = new BatchCommand(commands);
-        this.execute(batchCommand);
-    }
-
-    /**
-     * 将命令推入撤销栈但不执行
-     * Push command to undo stack without executing
-     *
-     * 用于已经执行过的操作（如拖动变换），只需要记录到历史
-     * Used for operations that have already been performed (like drag transforms),
-     * only need to record to history
-     */
-    pushWithoutExecute(command: ICommand): void {
-        if (this.config.autoMerge && this.undoStack.length > 0) {
-            const lastCommand = this.undoStack[this.undoStack.length - 1];
-            if (lastCommand && lastCommand.canMergeWith(command)) {
-                const mergedCommand = lastCommand.mergeWith(command);
-                this.undoStack[this.undoStack.length - 1] = mergedCommand;
-                this.redoStack = [];
-                return;
-            }
-        }
-
-        this.undoStack.push(command);
-        this.redoStack = [];
-
-        if (this.undoStack.length > this.config.maxHistorySize) {
-            this.undoStack.shift();
-        }
-    }
-}
-
-/**
- * 批量命令
- * 将多个命令组合为一个命令
- */
-class BatchCommand implements ICommand {
-    constructor(private readonly commands: ICommand[]) {}
-
-    execute(): void {
-        for (const command of this.commands) {
-            command.execute();
-        }
-    }
-
-    undo(): void {
-        for (let i = this.commands.length - 1; i >= 0; i--) {
-            const command = this.commands[i];
-            if (command) {
-                command.undo();
-            }
-        }
-    }
-
-    getDescription(): string {
-        return `批量操作 (${this.commands.length} 个命令)`;
-    }
-
-    canMergeWith(): boolean {
-        return false;
-    }
-
-    mergeWith(): ICommand {
-        throw new Error('批量命令不支持合并');
-    }
-}

packages/editor-core/src/Services/CompilerRegistry.ts

@@ -1,37 +0,0 @@
-import { IService } from '@esengine/ecs-framework';
-import { ICompiler } from './ICompiler';
-
-export class CompilerRegistry implements IService {
-    private compilers: Map<string, ICompiler> = new Map();
-
-    register(compiler: ICompiler): void {
-        if (this.compilers.has(compiler.id)) {
-            console.warn(`Compiler with id "${compiler.id}" is already registered. Overwriting.`);
-        }
-        this.compilers.set(compiler.id, compiler);
-    }
-
-    unregister(compilerId: string): void {
-        this.compilers.delete(compilerId);
-    }
-
-    get(compilerId: string): ICompiler | undefined {
-        return this.compilers.get(compilerId);
-    }
-
-    getAll(): ICompiler[] {
-        return Array.from(this.compilers.values());
-    }
-
-    clear(): void {
-        this.compilers.clear();
-    }
-
-    dispose(): void {
-        this.clear();
-    }
-}
-
-// Service identifier for DI registration (用于跨包插件访问)
-// 使用 Symbol.for 确保跨包共享同一个 Symbol
-export const ICompilerRegistry = Symbol.for('ICompilerRegistry');

packages/editor-core/src/Services/ComponentActionRegistry.ts

@@ -1,88 +0,0 @@
-/**
- * Component Action Registry Service
- *
- * Manages component-specific actions for the inspector panel
- */
-
-import { injectable } from 'tsyringe';
-import type { IService } from '@esengine/ecs-framework';
-import type { ComponentAction } from '../Plugin/EditorModule';
-// Re-export ComponentAction type from Plugin system
-export type { ComponentAction } from '../Plugin/EditorModule';
-
-@injectable()
-export class ComponentActionRegistry implements IService {
-    private actions: Map<string, ComponentAction[]> = new Map();
-
-    /**
-     * Register a component action
-     */
-    register(action: ComponentAction): void {
-        const componentName = action.componentName;
-        if (!this.actions.has(componentName)) {
-            this.actions.set(componentName, []);
-        }
-
-        const actions = this.actions.get(componentName)!;
-        const existingIndex = actions.findIndex(a => a.id === action.id);
-
-        if (existingIndex >= 0) {
-            console.warn(`[ComponentActionRegistry] Action '${action.id}' already exists for '${componentName}', overwriting`);
-            actions[existingIndex] = action;
-        } else {
-            actions.push(action);
-        }
-    }
-
-    /**
-     * Register multiple actions
-     */
-    registerMany(actions: ComponentAction[]): void {
-        for (const action of actions) {
-            this.register(action);
-        }
-    }
-
-    /**
-     * Unregister an action by ID
-     */
-    unregister(componentName: string, actionId: string): void {
-        const actions = this.actions.get(componentName);
-        if (actions) {
-            const index = actions.findIndex(a => a.id === actionId);
-            if (index >= 0) {
-                actions.splice(index, 1);
-            }
-        }
-    }
-
-    /**
-     * Get all actions for a component type sorted by order
-     */
-    getActionsForComponent(componentName: string): ComponentAction[] {
-        const actions = this.actions.get(componentName) || [];
-        return [...actions].sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }
-
-    /**
-     * Check if a component has any actions
-     */
-    hasActions(componentName: string): boolean {
-        const actions = this.actions.get(componentName);
-        return actions !== undefined && actions.length > 0;
-    }
-
-    /**
-     * Clear all actions
-     */
-    clear(): void {
-        this.actions.clear();
-    }
-
-    /**
-     * Dispose resources
-     */
-    dispose(): void {
-        this.actions.clear();
-    }
-}

packages/editor-core/src/Services/ComponentInspectorRegistry.ts

@@ -1,211 +0,0 @@
-import React from 'react';
-import { Component, IService, createLogger } from '@esengine/ecs-framework';
-
-const logger = createLogger('ComponentInspectorRegistry');
-
-/**
- * 组件检查器上下文
- * Context passed to component inspectors
- */
-export interface ComponentInspectorContext {
-    /** 被检查的组件 */
-    component: Component;
-    /** 所属实体 */
-    entity: any;
-    /** 版本号（用于触发重渲染） */
-    version?: number;
-    /** 属性变更回调 */
-    onChange?: (propertyName: string, value: any) => void;
-    /** 动作回调 */
-    onAction?: (actionId: string, propertyName: string, component: Component) => void;
-}
-
-/**
- * Inspector render mode.
- * 检查器渲染模式。
- */
-export type InspectorRenderMode = 'replace' | 'append';
-
-/**
- * 组件检查器接口
- * Interface for custom component inspectors
- */
-export interface IComponentInspector<T extends Component = Component> {
-    /** 唯一标识符 */
-    readonly id: string;
-    /** 显示名称 */
-    readonly name: string;
-    /** 优先级（数字越大优先级越高） */
-    readonly priority?: number;
-    /** 目标组件类型名称列表 */
-    readonly targetComponents: string[];
-    /**
-     * 渲染模式
-     * - 'replace': 替换默认的 PropertyInspector（默认）
-     * - 'append': 追加到默认的 PropertyInspector 后面
-     */
-    readonly renderMode?: InspectorRenderMode;
-
-    /**
-     * 判断是否可以处理该组件
-     */
-    canHandle(component: Component): component is T;
-
-    /**
-     * 渲染组件检查器
-     */
-    render(context: ComponentInspectorContext): React.ReactElement;
-}
-
-/**
- * 组件检查器注册表
- * Registry for custom component inspectors
- */
-export class ComponentInspectorRegistry implements IService {
-    private inspectors: Map<string, IComponentInspector> = new Map();
-
-    /**
-     * 注册组件检查器
-     */
-    register(inspector: IComponentInspector): void {
-        if (this.inspectors.has(inspector.id)) {
-            logger.warn(`Overwriting existing component inspector: ${inspector.id}`);
-        }
-        this.inspectors.set(inspector.id, inspector);
-        logger.debug(`Registered component inspector: ${inspector.name} (${inspector.id})`);
-    }
-
-    /**
-     * 注销组件检查器
-     */
-    unregister(inspectorId: string): void {
-        if (this.inspectors.delete(inspectorId)) {
-            logger.debug(`Unregistered component inspector: ${inspectorId}`);
-        }
-    }
-
-    /**
-     * 查找可以处理指定组件的检查器（仅 replace 模式）
-     * Find inspector that can handle the component (replace mode only)
-     */
-    findInspector(component: Component): IComponentInspector | undefined {
-        const inspectors = Array.from(this.inspectors.values())
-            .filter(i => i.renderMode !== 'append')
-            .sort((a, b) => (b.priority || 0) - (a.priority || 0));
-
-        for (const inspector of inspectors) {
-            try {
-                if (inspector.canHandle(component)) {
-                    return inspector;
-                }
-            } catch (error) {
-                logger.error(`Error in canHandle for inspector ${inspector.id}:`, error);
-            }
-        }
-
-        return undefined;
-    }
-
-    /**
-     * 查找所有追加模式的检查器
-     * Find all append-mode inspectors for the component
-     */
-    findAppendInspectors(component: Component): IComponentInspector[] {
-        const result: IComponentInspector[] = [];
-        const inspectors = Array.from(this.inspectors.values())
-            .filter(i => i.renderMode === 'append')
-            .sort((a, b) => (b.priority || 0) - (a.priority || 0));
-
-        for (const inspector of inspectors) {
-            try {
-                if (inspector.canHandle(component)) {
-                    result.push(inspector);
-                }
-            } catch (error) {
-                logger.error(`Error in canHandle for inspector ${inspector.id}:`, error);
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * 检查是否有自定义检查器（replace 模式）
-     */
-    hasInspector(component: Component): boolean {
-        return this.findInspector(component) !== undefined;
-    }
-
-    /**
-     * 检查是否有追加检查器
-     */
-    hasAppendInspectors(component: Component): boolean {
-        return this.findAppendInspectors(component).length > 0;
-    }
-
-    /**
-     * 渲染组件（replace 模式）
-     * Render component with replace-mode inspector
-     */
-    render(context: ComponentInspectorContext): React.ReactElement | null {
-        const inspector = this.findInspector(context.component);
-        if (!inspector) {
-            return null;
-        }
-
-        try {
-            return inspector.render(context);
-        } catch (error) {
-            logger.error(`Error rendering with inspector ${inspector.id}:`, error);
-            return React.createElement(
-                'span',
-                { style: { color: '#f87171', fontStyle: 'italic' } },
-                '[Inspector Render Error]'
-            );
-        }
-    }
-
-    /**
-     * 渲染追加检查器
-     * Render append-mode inspectors
-     */
-    renderAppendInspectors(context: ComponentInspectorContext): React.ReactElement[] {
-        const inspectors = this.findAppendInspectors(context.component);
-        const elements: React.ReactElement[] = [];
-
-        for (const inspector of inspectors) {
-            try {
-                elements.push(
-                    React.createElement(
-                        React.Fragment,
-                        { key: inspector.id },
-                        inspector.render(context)
-                    )
-                );
-            } catch (error) {
-                logger.error(`Error rendering append inspector ${inspector.id}:`, error);
-                elements.push(
-                    React.createElement(
-                        'span',
-                        { key: inspector.id, style: { color: '#f87171', fontStyle: 'italic' } },
-                        `[${inspector.name} Error]`
-                    )
-                );
-            }
-        }
-
-        return elements;
-    }
-
-    /**
-     * 获取所有注册的检查器
-     */
-    getAllInspectors(): IComponentInspector[] {
-        return Array.from(this.inspectors.values());
-    }
-
-    dispose(): void {
-        this.inspectors.clear();
-        logger.debug('ComponentInspectorRegistry disposed');
-    }
-}

packages/editor-core/src/Services/ComponentRegistry.ts

@@ -1,53 +0,0 @@
-import { Injectable, IService, Component } from '@esengine/ecs-framework';
-
-export interface ComponentTypeInfo {
-  name: string;
-  type?: new (...args: any[]) => Component;
-  category?: string;
-  description?: string;
-  icon?: string;
-  metadata?: {
-    path?: string;
-    fileName?: string;
-    [key: string]: any;
-  };
-}
-
-/**
- * 管理编辑器中可用的组件类型
- */
-@Injectable()
-export class ComponentRegistry implements IService {
-    private components: Map<string, ComponentTypeInfo> = new Map();
-
-    public dispose(): void {
-        this.components.clear();
-    }
-
-    public register(info: ComponentTypeInfo): void {
-        this.components.set(info.name, info);
-    }
-
-    public unregister(name: string): void {
-        this.components.delete(name);
-    }
-
-    public getComponent(name: string): ComponentTypeInfo | undefined {
-        return this.components.get(name);
-    }
-
-    public getAllComponents(): ComponentTypeInfo[] {
-        return Array.from(this.components.values());
-    }
-
-    public getComponentsByCategory(category: string): ComponentTypeInfo[] {
-        return this.getAllComponents().filter((c) => c.category === category);
-    }
-
-    public createInstance(name: string, ...args: any[]): Component | null {
-        const info = this.components.get(name);
-        if (!info || !info.type) return null;
-
-        return new info.type(...args);
-    }
-}

packages/editor-core/src/Services/EntityCreationRegistry.ts

@@ -1,76 +0,0 @@
-/**
- * Entity Creation Registry Service
- *
- * Manages entity creation templates for the scene hierarchy context menu
- */
-
-import { injectable } from 'tsyringe';
-import type { IService } from '@esengine/ecs-framework';
-import type { EntityCreationTemplate } from '../Types/UITypes';
-
-@injectable()
-export class EntityCreationRegistry implements IService {
-    private templates: Map<string, EntityCreationTemplate> = new Map();
-
-    /**
-     * Register an entity creation template
-     */
-    register(template: EntityCreationTemplate): void {
-        if (this.templates.has(template.id)) {
-            console.warn(`[EntityCreationRegistry] Template '${template.id}' already exists, overwriting`);
-        }
-        this.templates.set(template.id, template);
-    }
-
-    /**
-     * Register multiple templates
-     */
-    registerMany(templates: EntityCreationTemplate[]): void {
-        for (const template of templates) {
-            this.register(template);
-        }
-    }
-
-    /**
-     * Unregister a template by ID
-     */
-    unregister(id: string): void {
-        this.templates.delete(id);
-    }
-
-    /**
-     * Get all registered templates sorted by order
-     */
-    getAll(): EntityCreationTemplate[] {
-        return Array.from(this.templates.values())
-            .sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }
-
-    /**
-     * Get a template by ID
-     */
-    get(id: string): EntityCreationTemplate | undefined {
-        return this.templates.get(id);
-    }
-
-    /**
-     * Check if a template exists
-     */
-    has(id: string): boolean {
-        return this.templates.has(id);
-    }
-
-    /**
-     * Clear all templates
-     */
-    clear(): void {
-        this.templates.clear();
-    }
-
-    /**
-     * Dispose resources
-     */
-    dispose(): void {
-        this.templates.clear();
-    }
-}

packages/editor-core/src/Services/FieldEditorRegistry.ts

@@ -1,50 +0,0 @@
-import { IService, createLogger } from '@esengine/ecs-framework';
-import { IFieldEditor, IFieldEditorRegistry, FieldEditorContext } from './IFieldEditor';
-
-const logger = createLogger('FieldEditorRegistry');
-
-export class FieldEditorRegistry implements IFieldEditorRegistry, IService {
-    private editors: Map<string, IFieldEditor> = new Map();
-
-    register(editor: IFieldEditor): void {
-        if (this.editors.has(editor.type)) {
-            logger.warn(`Overwriting existing field editor: ${editor.type}`);
-        }
-
-        this.editors.set(editor.type, editor);
-        logger.debug(`Registered field editor: ${editor.name} (${editor.type})`);
-    }
-
-    unregister(type: string): void {
-        if (this.editors.delete(type)) {
-            logger.debug(`Unregistered field editor: ${type}`);
-        }
-    }
-
-    getEditor(type: string, context?: FieldEditorContext): IFieldEditor | undefined {
-        const editor = this.editors.get(type);
-        if (editor) {
-            return editor;
-        }
-
-        const editors = Array.from(this.editors.values())
-            .sort((a, b) => (b.priority || 0) - (a.priority || 0));
-
-        for (const editor of editors) {
-            if (editor.canHandle(type, context)) {
-                return editor;
-            }
-        }
-
-        return undefined;
-    }
-
-    getAllEditors(): IFieldEditor[] {
-        return Array.from(this.editors.values());
-    }
-
-    dispose(): void {
-        this.editors.clear();
-        logger.debug('FieldEditorRegistry disposed');
-    }
-}

packages/editor-core/src/Services/FileActionRegistry.ts

@@ -1,209 +0,0 @@
-import { IService } from '@esengine/ecs-framework';
-import type { FileActionHandler, FileCreationTemplate } from '../Plugin/EditorModule';
-
-// Re-export for backwards compatibility
-export type { FileCreationTemplate } from '../Plugin/EditorModule';
-
-/**
- * 资产创建消息映射
- * Asset creation message mapping
- *
- * 定义扩展名到创建消息的映射，用于 PropertyInspector 中的资产字段创建按钮
- */
-export interface AssetCreationMapping {
-    /** 文件扩展名（包含点号，如 '.tilemap'）| File extension (with dot) */
-    extension: string;
-    /** 创建资产时发送的消息名 | Message name to publish when creating asset */
-    createMessage: string;
-    /** 是否支持创建（可选，默认 true）| Whether creation is supported */
-    canCreate?: boolean;
-}
-
-/**
- * FileActionRegistry 服务标识符
- * FileActionRegistry service identifier
- */
-export const IFileActionRegistry = Symbol.for('IFileActionRegistry');
-
-/**
- * 文件操作注册表服务
- *
- * 管理插件注册的文件操作处理器和文件创建模板
- */
-export class FileActionRegistry implements IService {
-    private actionHandlers: Map<string, FileActionHandler[]> = new Map();
-    private creationTemplates: FileCreationTemplate[] = [];
-    private assetCreationMappings: Map<string, AssetCreationMapping> = new Map();
-
-    /**
-     * 注册文件操作处理器
-     */
-    registerActionHandler(handler: FileActionHandler): void {
-        for (const ext of handler.extensions) {
-            const handlers = this.actionHandlers.get(ext) || [];
-            handlers.push(handler);
-            this.actionHandlers.set(ext, handlers);
-        }
-    }
-
-    /**
-     * 注销文件操作处理器
-     */
-    unregisterActionHandler(handler: FileActionHandler): void {
-        for (const ext of handler.extensions) {
-            const handlers = this.actionHandlers.get(ext);
-            if (handlers) {
-                const index = handlers.indexOf(handler);
-                if (index !== -1) {
-                    handlers.splice(index, 1);
-                }
-                if (handlers.length === 0) {
-                    this.actionHandlers.delete(ext);
-                }
-            }
-        }
-    }
-
-    /**
-     * 注册文件创建模板
-     */
-    registerCreationTemplate(template: FileCreationTemplate): void {
-        this.creationTemplates.push(template);
-    }
-
-    /**
-     * 注销文件创建模板
-     */
-    unregisterCreationTemplate(template: FileCreationTemplate): void {
-        const index = this.creationTemplates.indexOf(template);
-        if (index !== -1) {
-            this.creationTemplates.splice(index, 1);
-        }
-    }
-
-    /**
-     * 获取文件扩展名的处理器
-     */
-    getHandlersForExtension(extension: string): FileActionHandler[] {
-        return this.actionHandlers.get(extension) || [];
-    }
-
-    /**
-     * 获取文件的处理器
-     */
-    getHandlersForFile(filePath: string): FileActionHandler[] {
-        const extension = this.getFileExtension(filePath);
-        return extension ? this.getHandlersForExtension(extension) : [];
-    }
-
-    /**
-     * 获取所有文件创建模板
-     */
-    getCreationTemplates(): FileCreationTemplate[] {
-        return this.creationTemplates;
-    }
-
-    /**
-     * 处理文件双击
-     */
-    async handleDoubleClick(filePath: string): Promise<boolean> {
-        const handlers = this.getHandlersForFile(filePath);
-
-        for (const handler of handlers) {
-            if (handler.onDoubleClick) {
-                await handler.onDoubleClick(filePath);
-                return true;
-            }
-        }
-        return false;
-    }
-
-    /**
-     * 处理文件打开
-     */
-    async handleOpen(filePath: string): Promise<boolean> {
-        const handlers = this.getHandlersForFile(filePath);
-        for (const handler of handlers) {
-            if (handler.onOpen) {
-                await handler.onOpen(filePath);
-                return true;
-            }
-        }
-        return false;
-    }
-
-    /**
-     * 注册资产创建消息映射
-     * Register asset creation message mapping
-     */
-    registerAssetCreationMapping(mapping: AssetCreationMapping): void {
-        const normalizedExt = mapping.extension.startsWith('.')
-            ? mapping.extension.toLowerCase()
-            : `.${mapping.extension.toLowerCase()}`;
-        this.assetCreationMappings.set(normalizedExt, {
-            ...mapping,
-            extension: normalizedExt
-        });
-    }
-
-    /**
-     * 注销资产创建消息映射
-     * Unregister asset creation message mapping
-     */
-    unregisterAssetCreationMapping(extension: string): void {
-        const normalizedExt = extension.startsWith('.')
-            ? extension.toLowerCase()
-            : `.${extension.toLowerCase()}`;
-        this.assetCreationMappings.delete(normalizedExt);
-    }
-
-    /**
-     * 获取扩展名对应的资产创建消息映射
-     * Get asset creation mapping for extension
-     */
-    getAssetCreationMapping(extension: string): AssetCreationMapping | undefined {
-        const normalizedExt = extension.startsWith('.')
-            ? extension.toLowerCase()
-            : `.${extension.toLowerCase()}`;
-        return this.assetCreationMappings.get(normalizedExt);
-    }
-
-    /**
-     * 检查扩展名是否支持创建资产
-     * Check if extension supports asset creation
-     */
-    canCreateAsset(extension: string): boolean {
-        const mapping = this.getAssetCreationMapping(extension);
-        return mapping?.canCreate !== false;
-    }
-
-    /**
-     * 获取所有资产创建映射
-     * Get all asset creation mappings
-     */
-    getAllAssetCreationMappings(): AssetCreationMapping[] {
-        return Array.from(this.assetCreationMappings.values());
-    }
-
-    /**
-     * 清空所有注册
-     */
-    clear(): void {
-        this.actionHandlers.clear();
-        this.creationTemplates = [];
-        this.assetCreationMappings.clear();
-    }
-
-    /**
-     * 释放资源
-     */
-    dispose(): void {
-        this.clear();
-    }
-
-    private getFileExtension(filePath: string): string | null {
-        const lastDot = filePath.lastIndexOf('.');
-        if (lastDot === -1) return null;
-        return filePath.substring(lastDot + 1).toLowerCase();
-    }
-}

packages/editor-core/src/Services/InspectorRegistry.ts

@@ -1,81 +0,0 @@
-import { IInspectorProvider, InspectorContext } from './IInspectorProvider';
-import { IService } from '@esengine/ecs-framework';
-import React from 'react';
-
-export class InspectorRegistry implements IService {
-    private providers: Map<string, IInspectorProvider> = new Map();
-
-    /**
-     * 注册Inspector提供器
-     */
-    register(provider: IInspectorProvider): void {
-        if (this.providers.has(provider.id)) {
-            console.warn(`Inspector provider with id "${provider.id}" is already registered`);
-            return;
-        }
-        this.providers.set(provider.id, provider);
-    }
-
-    /**
-     * 注销Inspector提供器
-     */
-    unregister(providerId: string): void {
-        this.providers.delete(providerId);
-    }
-
-    /**
-     * 获取指定ID的提供器
-     */
-    getProvider(providerId: string): IInspectorProvider | undefined {
-        return this.providers.get(providerId);
-    }
-
-    /**
-     * 获取所有提供器
-     */
-    getAllProviders(): IInspectorProvider[] {
-        return Array.from(this.providers.values());
-    }
-
-    /**
-     * 查找可以处理指定目标的提供器
-     * 按优先级排序，返回第一个可以处理的提供器
-     */
-    findProvider(target: unknown): IInspectorProvider | undefined {
-        const providers = Array.from(this.providers.values())
-            .sort((a, b) => (b.priority || 0) - (a.priority || 0));
-
-        for (const provider of providers) {
-            if (provider.canHandle(target)) {
-                return provider;
-            }
-        }
-
-        return undefined;
-    }
-
-    /**
-     * 渲染Inspector内容
-     * 自动查找合适的提供器并渲染
-     */
-    render(target: unknown, context: InspectorContext): React.ReactElement | null {
-        const provider = this.findProvider(target);
-        if (!provider) {
-            return null;
-        }
-
-        return provider.render(target, context);
-    }
-
-    clear(): void {
-        this.providers.clear();
-    }
-
-    dispose(): void {
-        this.clear();
-    }
-}
-
-// Service identifier for DI registration (用于跨包插件访问)
-// 使用 Symbol.for 确保跨包共享同一个 Symbol
-export const IInspectorRegistry = Symbol.for('IInspectorRegistry');

packages/editor-core/src/Services/PropertyRendererRegistry.ts

@@ -1,74 +0,0 @@
-import React from 'react';
-import { IService, createLogger } from '@esengine/ecs-framework';
-import { IPropertyRenderer, IPropertyRendererRegistry, PropertyContext } from './IPropertyRenderer';
-
-const logger = createLogger('PropertyRendererRegistry');
-
-export class PropertyRendererRegistry implements IPropertyRendererRegistry, IService {
-    private renderers: Map<string, IPropertyRenderer> = new Map();
-
-    register(renderer: IPropertyRenderer): void {
-        if (this.renderers.has(renderer.id)) {
-            logger.warn(`Overwriting existing property renderer: ${renderer.id}`);
-        }
-
-        this.renderers.set(renderer.id, renderer);
-        logger.debug(`Registered property renderer: ${renderer.name} (${renderer.id})`);
-    }
-
-    unregister(rendererId: string): void {
-        if (this.renderers.delete(rendererId)) {
-            logger.debug(`Unregistered property renderer: ${rendererId}`);
-        }
-    }
-
-    findRenderer(value: any, context: PropertyContext): IPropertyRenderer | undefined {
-        const renderers = Array.from(this.renderers.values())
-            .sort((a, b) => (b.priority || 0) - (a.priority || 0));
-
-        for (const renderer of renderers) {
-            try {
-                if (renderer.canHandle(value, context)) {
-                    return renderer;
-                }
-            } catch (error) {
-                logger.error(`Error in canHandle for renderer ${renderer.id}:`, error);
-            }
-        }
-
-        return undefined;
-    }
-
-    render(value: any, context: PropertyContext): React.ReactElement | null {
-        const renderer = this.findRenderer(value, context);
-
-        if (!renderer) {
-            logger.debug(`No renderer found for value type: ${typeof value}`);
-            return null;
-        }
-
-        try {
-            return renderer.render(value, context);
-        } catch (error) {
-            logger.error(`Error rendering with ${renderer.id}:`, error);
-            return React.createElement(
-                'span',
-                { style: { color: '#f87171', fontStyle: 'italic' } },
-                '[Render Error]'
-            );
-        }
-    }
-
-    getAllRenderers(): IPropertyRenderer[] {
-        return Array.from(this.renderers.values());
-    }
-
-    hasRenderer(value: any, context: PropertyContext): boolean {
-        return this.findRenderer(value, context) !== undefined;
-    }
-
-    dispose(): void {
-        this.renderers.clear();
-        logger.debug('PropertyRendererRegistry disposed');
-    }
-}

packages/editor-core/src/Services/UIRegistry.ts

@@ -1,202 +0,0 @@
-import type { IService } from '@esengine/ecs-framework';
-import { Injectable } from '@esengine/ecs-framework';
-import { createLogger } from '@esengine/ecs-framework';
-import type { MenuItem, ToolbarItem, PanelDescriptor } from '../Types/UITypes';
-
-const logger = createLogger('UIRegistry');
-
-/**
- * UI 注册表
- *
- * 管理所有编辑器 UI 扩展点的注册和查询。
- */
-@Injectable()
-export class UIRegistry implements IService {
-    private menus: Map<string, MenuItem> = new Map();
-    private toolbarItems: Map<string, ToolbarItem> = new Map();
-    private panels: Map<string, PanelDescriptor> = new Map();
-
-    /**
-     * 注册菜单项
-     */
-    public registerMenu(item: MenuItem): void {
-        if (this.menus.has(item.id)) {
-            logger.warn(`Menu item ${item.id} is already registered`);
-            return;
-        }
-
-        this.menus.set(item.id, item);
-        logger.debug(`Registered menu item: ${item.id}`);
-    }
-
-    /**
-     * 批量注册菜单项
-     */
-    public registerMenus(items: MenuItem[]): void {
-        for (const item of items) {
-            this.registerMenu(item);
-        }
-    }
-
-    /**
-     * 注销菜单项
-     */
-    public unregisterMenu(id: string): boolean {
-        const result = this.menus.delete(id);
-        if (result) {
-            logger.debug(`Unregistered menu item: ${id}`);
-        }
-        return result;
-    }
-
-    /**
-     * 获取菜单项
-     */
-    public getMenu(id: string): MenuItem | undefined {
-        return this.menus.get(id);
-    }
-
-    /**
-     * 获取所有菜单项
-     */
-    public getAllMenus(): MenuItem[] {
-        return Array.from(this.menus.values()).sort((a, b) => {
-            return (a.order ?? 0) - (b.order ?? 0);
-        });
-    }
-
-    /**
-     * 获取指定父菜单的子菜单
-     */
-    public getChildMenus(parentId: string): MenuItem[] {
-        return this.getAllMenus()
-            .filter((item) => item.parentId === parentId)
-            .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-    }
-
-    /**
-     * 注册工具栏项
-     */
-    public registerToolbarItem(item: ToolbarItem): void {
-        if (this.toolbarItems.has(item.id)) {
-            logger.warn(`Toolbar item ${item.id} is already registered`);
-            return;
-        }
-
-        this.toolbarItems.set(item.id, item);
-        logger.debug(`Registered toolbar item: ${item.id}`);
-    }
-
-    /**
-     * 批量注册工具栏项
-     */
-    public registerToolbarItems(items: ToolbarItem[]): void {
-        for (const item of items) {
-            this.registerToolbarItem(item);
-        }
-    }
-
-    /**
-     * 注销工具栏项
-     */
-    public unregisterToolbarItem(id: string): boolean {
-        const result = this.toolbarItems.delete(id);
-        if (result) {
-            logger.debug(`Unregistered toolbar item: ${id}`);
-        }
-        return result;
-    }
-
-    /**
-     * 获取工具栏项
-     */
-    public getToolbarItem(id: string): ToolbarItem | undefined {
-        return this.toolbarItems.get(id);
-    }
-
-    /**
-     * 获取所有工具栏项
-     */
-    public getAllToolbarItems(): ToolbarItem[] {
-        return Array.from(this.toolbarItems.values()).sort((a, b) => {
-            return (a.order ?? 0) - (b.order ?? 0);
-        });
-    }
-
-    /**
-     * 获取指定组的工具栏项
-     */
-    public getToolbarItemsByGroup(groupId: string): ToolbarItem[] {
-        return this.getAllToolbarItems()
-            .filter((item) => item.groupId === groupId)
-            .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-    }
-
-    /**
-     * 注册面板
-     */
-    public registerPanel(panel: PanelDescriptor): void {
-        if (this.panels.has(panel.id)) {
-            logger.warn(`Panel ${panel.id} is already registered`);
-            return;
-        }
-
-        this.panels.set(panel.id, panel);
-        logger.debug(`Registered panel: ${panel.id}`);
-    }
-
-    /**
-     * 批量注册面板
-     */
-    public registerPanels(panels: PanelDescriptor[]): void {
-        for (const panel of panels) {
-            this.registerPanel(panel);
-        }
-    }
-
-    /**
-     * 注销面板
-     */
-    public unregisterPanel(id: string): boolean {
-        const result = this.panels.delete(id);
-        if (result) {
-            logger.debug(`Unregistered panel: ${id}`);
-        }
-        return result;
-    }
-
-    /**
-     * 获取面板
-     */
-    public getPanel(id: string): PanelDescriptor | undefined {
-        return this.panels.get(id);
-    }
-
-    /**
-     * 获取所有面板
-     */
-    public getAllPanels(): PanelDescriptor[] {
-        return Array.from(this.panels.values()).sort((a, b) => {
-            return (a.order ?? 0) - (b.order ?? 0);
-        });
-    }
-
-    /**
-     * 获取指定位置的面板
-     */
-    public getPanelsByPosition(position: string): PanelDescriptor[] {
-        return this.getAllPanels()
-            .filter((panel) => panel.position === position)
-            .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-    }
-
-    /**
-     * 释放资源
-     */
-    public dispose(): void {
-        this.menus.clear();
-        this.toolbarItems.clear();
-        this.panels.clear();
-        logger.info('UIRegistry disposed');
-    }
-}

packages/editor-core/src/Services/WindowRegistry.ts

@@ -1,177 +0,0 @@
-import { IService } from '@esengine/ecs-framework';
-import { ComponentType } from 'react';
-
-/**
- * 窗口描述符
- */
-export interface WindowDescriptor {
-    /**
-     * 窗口唯一标识
-     */
-    id: string;
-
-    /**
-     * 窗口组件
-     */
-    component: ComponentType<any>;
-
-    /**
-     * 窗口标题
-     */
-    title?: string;
-
-    /**
-     * 默认宽度
-     */
-    defaultWidth?: number;
-
-    /**
-     * 默认高度
-     */
-    defaultHeight?: number;
-}
-
-/**
- * 窗口实例
- */
-export interface WindowInstance {
-    /**
-     * 窗口描述符
-     */
-    descriptor: WindowDescriptor;
-
-    /**
-     * 是否打开
-     */
-    isOpen: boolean;
-
-    /**
-     * 窗口参数
-     */
-    params?: Record<string, any>;
-}
-
-/**
- * 窗口注册表服务
- *
- * 管理插件注册的窗口组件
- */
-export class WindowRegistry implements IService {
-    private windows: Map<string, WindowDescriptor> = new Map();
-    private openWindows: Map<string, WindowInstance> = new Map();
-    private listeners: Set<() => void> = new Set();
-
-    /**
-     * 注册窗口
-     */
-    registerWindow(descriptor: WindowDescriptor): void {
-        if (this.windows.has(descriptor.id)) {
-            console.warn(`Window ${descriptor.id} is already registered`);
-            return;
-        }
-        this.windows.set(descriptor.id, descriptor);
-    }
-
-    /**
-     * 取消注册窗口
-     */
-    unregisterWindow(windowId: string): void {
-        this.windows.delete(windowId);
-        this.openWindows.delete(windowId);
-        this.notifyListeners();
-    }
-
-    /**
-     * 获取窗口描述符
-     */
-    getWindow(windowId: string): WindowDescriptor | undefined {
-        return this.windows.get(windowId);
-    }
-
-    /**
-     * 获取所有窗口描述符
-     */
-    getAllWindows(): WindowDescriptor[] {
-        return Array.from(this.windows.values());
-    }
-
-    /**
-     * 打开窗口
-     */
-    openWindow(windowId: string, params?: Record<string, any>): void {
-        const descriptor = this.windows.get(windowId);
-        if (!descriptor) {
-            console.warn(`Window ${windowId} is not registered`);
-            return;
-        }
-
-        this.openWindows.set(windowId, {
-            descriptor,
-            isOpen: true,
-            params
-        });
-        this.notifyListeners();
-    }
-
-    /**
-     * 关闭窗口
-     */
-    closeWindow(windowId: string): void {
-        this.openWindows.delete(windowId);
-        this.notifyListeners();
-    }
-
-    /**
-     * 获取打开的窗口实例
-     */
-    getOpenWindow(windowId: string): WindowInstance | undefined {
-        return this.openWindows.get(windowId);
-    }
-
-    /**
-     * 获取所有打开的窗口
-     */
-    getAllOpenWindows(): WindowInstance[] {
-        return Array.from(this.openWindows.values());
-    }
-
-    /**
-     * 检查窗口是否打开
-     */
-    isWindowOpen(windowId: string): boolean {
-        return this.openWindows.has(windowId);
-    }
-
-    /**
-     * 添加变化监听器
-     */
-    addListener(listener: () => void): () => void {
-        this.listeners.add(listener);
-        return () => {
-            this.listeners.delete(listener);
-        };
-    }
-
-    /**
-     * 通知所有监听器
-     */
-    private notifyListeners(): void {
-        this.listeners.forEach((listener) => listener());
-    }
-
-    /**
-     * 清空所有窗口
-     */
-    clear(): void {
-        this.windows.clear();
-        this.openWindows.clear();
-        this.listeners.clear();
-    }
-
-    /**
-     * 释放资源
-     */
-    dispose(): void {
-        this.clear();
-    }
-}

packages/editor-core/src/index.ts

@@ -1,73 +0,0 @@
-/**
- * ECS Framework Editor Core
- *
- * Plugin-based editor framework for ECS Framework
- */
-
-// Service Tokens | 服务令牌
-export * from './tokens';
-
-// 配置 | Configuration
-export * from './Config';
-
-// 新插件系统 | New plugin system
-export * from './Plugin';
-
-export * from './Services/UIRegistry';
-export * from './Services/MessageHub';
-export * from './Services/SerializerRegistry';
-export * from './Services/EntityStoreService';
-export * from './Services/ComponentRegistry';
-export * from './Services/LocaleService';
-export * from './Services/PropertyMetadata';
-export * from './Services/ProjectService';
-export * from './Services/ComponentDiscoveryService';
-export * from './Services/LogService';
-export * from './Services/SettingsRegistry';
-export * from './Services/SceneManagerService';
-export * from './Services/SceneTemplateRegistry';
-export * from './Services/FileActionRegistry';
-export * from './Services/EntityCreationRegistry';
-export * from './Services/CompilerRegistry';
-export * from './Services/ICompiler';
-export * from './Services/ICommand';
-export * from './Services/BaseCommand';
-export * from './Services/CommandManager';
-export * from './Services/IEditorDataStore';
-export * from './Services/IFileSystem';
-export * from './Services/IDialog';
-export * from './Services/INotification';
-export * from './Services/IInspectorProvider';
-export * from './Services/InspectorRegistry';
-export * from './Services/IPropertyRenderer';
-export * from './Services/PropertyRendererRegistry';
-export * from './Services/IFieldEditor';
-export * from './Services/FieldEditorRegistry';
-export * from './Services/ComponentInspectorRegistry';
-export * from './Services/ComponentActionRegistry';
-export * from './Services/AssetRegistryService';
-export * from './Services/IViewportService';
-export * from './Services/PreviewSceneService';
-export * from './Services/EditorViewportService';
-export * from './Services/PrefabService';
-
-// Build System | 构建系统
-export * from './Services/Build';
-
-// User Code System | 用户代码系统
-export * from './Services/UserCode';
-
-// Module System | 模块系统
-export * from './Services/Module';
-
-export * from './Gizmos';
-export * from './Rendering';
-
-export * from './Module/IEventBus';
-export * from './Module/ICommandRegistry';
-export * from './Module/IPanelRegistry';
-export * from './Module/IModuleContext';
-export * from './Module/IEditorModule';
-
-export * from './Types/IFileAPI';
-export * from './Types/UITypes';

packages/editor/editor-app/package.json

@@ -32,6 +32,8 @@
     "@esengine/engine-core": "workspace:*",
     "@esengine/material-editor": "workspace:*",
     "@esengine/material-system": "workspace:*",
+    "@esengine/mesh-3d": "workspace:*",
+    "@esengine/mesh-3d-editor": "workspace:*",
     "@esengine/particle": "workspace:*",
     "@esengine/particle-editor": "workspace:*",
     "@esengine/physics-rapier2d": "workspace:*",
@@ -44,8 +46,8 @@
     "@esengine/sprite-editor": "workspace:*",
     "@esengine/tilemap": "workspace:*",
     "@esengine/tilemap-editor": "workspace:*",
-    "@esengine/ui": "workspace:*",
-    "@esengine/ui-editor": "workspace:*",
+    "@esengine/fairygui": "workspace:*",
+    "@esengine/fairygui-editor": "workspace:*",
     "@monaco-editor/react": "^4.7.0",
     "@tauri-apps/api": "^2.2.0",
     "@tauri-apps/plugin-cli": "^2.4.1",