From 2892b38ff95afb95c822da946c29d01f37c8f6f4 Mon Sep 17 00:00:00 2001
From: Xin Wang <xin.victorwang@gmail.com>
Date: Thu, 21 Aug 2025 12:58:48 +0800
Subject: [PATCH] init

---
 .cursorrules                                |  252 +
 .eslintrc.cjs                               |   22 +
 .gitignore                                  |  175 +
 .prettierrc.json                            |   11 +
 README.md                                   |  307 +
 env.d.ts                                    |   24 +
 index.html                                  |  124 +
 package-lock.json                           | 5706 +++++++++++++++++++
 package.json                                |   42 +
 src/App.vue                                 |  144 +
 src/api/entities.ts                         |   95 +
 src/api/index.ts                            |   93 +
 src/api/missions.ts                         |  167 +
 src/api/websocket.ts                        |  202 +
 src/components/charts/MilitaryChart.vue     |  611 ++
 src/components/common/MilitaryCard.vue      |  338 ++
 src/components/entity/EntityConfigPanel.vue |  118 +
 src/components/entity/WeaponStatsPanel.vue  |  141 +
 src/components/entity/index.ts              |   10 +
 src/components/index.ts                     |   76 +
 src/components/ui/ActionButton.vue          |  385 ++
 src/components/ui/DropdownProgressBar.vue   |  617 ++
 src/components/ui/SideIndicator.vue         |  344 ++
 src/components/ui/StatusIndicator.vue       |  224 +
 src/components/ui/ThreatLevel.vue           |  358 ++
 src/main.ts                                 |   35 +
 src/router/index.ts                         |   57 +
 src/stores/entities.ts                      |  267 +
 src/stores/missions.ts                      |  427 ++
 src/styles/variables.scss                   |  128 +
 src/types/index.ts                          |  213 +
 src/views/Assessment.vue                    |   17 +
 src/views/ComponentDemo.vue                 |  448 ++
 src/views/Dashboard.vue                     |  535 ++
 src/views/EntityManagement.vue              |  488 ++
 src/views/MissionPlanning.vue               |   17 +
 src/views/SituationAwareness.vue            |   17 +
 tsconfig.app.json                           |   15 +
 tsconfig.json                               |   13 +
 tsconfig.node.json                          |    8 +
 vite.config.ts                              |   42 +
 41 files changed, 13313 insertions(+)
 create mode 100644 .cursorrules
 create mode 100644 .eslintrc.cjs
 create mode 100644 .gitignore
 create mode 100644 .prettierrc.json
 create mode 100644 README.md
 create mode 100644 env.d.ts
 create mode 100644 index.html
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 src/App.vue
 create mode 100644 src/api/entities.ts
 create mode 100644 src/api/index.ts
 create mode 100644 src/api/missions.ts
 create mode 100644 src/api/websocket.ts
 create mode 100644 src/components/charts/MilitaryChart.vue
 create mode 100644 src/components/common/MilitaryCard.vue
 create mode 100644 src/components/entity/EntityConfigPanel.vue
 create mode 100644 src/components/entity/WeaponStatsPanel.vue
 create mode 100644 src/components/entity/index.ts
 create mode 100644 src/components/index.ts
 create mode 100644 src/components/ui/ActionButton.vue
 create mode 100644 src/components/ui/DropdownProgressBar.vue
 create mode 100644 src/components/ui/SideIndicator.vue
 create mode 100644 src/components/ui/StatusIndicator.vue
 create mode 100644 src/components/ui/ThreatLevel.vue
 create mode 100644 src/main.ts
 create mode 100644 src/router/index.ts
 create mode 100644 src/stores/entities.ts
 create mode 100644 src/stores/missions.ts
 create mode 100644 src/styles/variables.scss
 create mode 100644 src/types/index.ts
 create mode 100644 src/views/Assessment.vue
 create mode 100644 src/views/ComponentDemo.vue
 create mode 100644 src/views/Dashboard.vue
 create mode 100644 src/views/EntityManagement.vue
 create mode 100644 src/views/MissionPlanning.vue
 create mode 100644 src/views/SituationAwareness.vue
 create mode 100644 tsconfig.app.json
 create mode 100644 tsconfig.json
 create mode 100644 tsconfig.node.json
 create mode 100644 vite.config.ts

diff --git a/.cursorrules b/.cursorrules
new file mode 100644
index 0000000..50213fc
--- /dev/null
+++ b/.cursorrules
@@ -0,0 +1,252 @@
+# War-Web 红蓝攻防对抗系统 Cursor Rules
+
+You are an expert full-stack developer working on the War-Web project, a 3D red-blue military confrontation simulation system. This project uses Vue 3 + TypeScript + Cesium.js for frontend and Python FastAPI for backend.
+
+## 项目概述
+- **项目名称**: War-Web (红蓝攻防对抗系统)
+- **前端**: Vue 3 + TypeScript + Cesium.js + Element Plus + Pinia
+- **后端**: Python FastAPI + PostgreSQL + Redis + WebSocket
+- **核心功能**: 3D态势显示、实体管理、任务规划、态势感知、战况评估
+
+## 代码规范与最佳实践
+
+### 通用规范
+- 使用英文注释和变量命名
+- 采用语义化命名，清楚表达功能意图
+- 每个文件必须有头部注释说明文件作用
+- 重要函数必须添加完整的类型注解和文档字符串
+- 实现完整的错误处理，避免静默失败
+- 添加详细日志记录便于调试
+
+### 前端开发规范 (Vue 3 + TypeScript + Cesium)
+
+#### 文件结构约定
+```
+src/
+├── api/               # API接口封装
+├── cesium/           # Cesium核心类和管理器
+├── components/       # Vue组件
+│   ├── common/      # 通用组件
+│   ├── cesium/      # Cesium相关组件
+│   └── ui/          # UI组件
+├── stores/          # Pinia状态管理
+├── types/           # TypeScript类型定义
+├── utils/           # 工具函数
+└── views/           # 页面组件
+```
+
+#### Vue组件规范
+- 使用Composition API + `<script setup>`
+- 组件名使用PascalCase
+- Props和Emits必须定义TypeScript类型
+- 使用Element Plus组件库
+- CSS使用scoped样式，类名采用BEM命名
+
+#### TypeScript类型定义
+```typescript
+// types/entities.ts - 实体相关类型
+export interface Entity {
+  id: string
+  name: string
+  type: 'fighter' | 'drone' | 'missile'
+  side: 'red' | 'blue'
+  position: Position3D
+  status: EntityStatus
+  attributes: EntityAttributes
+  createdAt: string
+}
+
+export interface Position3D {
+  lng: number
+  lat: number
+  alt: number
+}
+
+export type EntityStatus = 'active' | 'damaged' | 'destroyed' | 'offline'
+```
+
+#### Cesium开发规范
+- 为每个Cesium功能创建独立的Manager类
+- 实体渲染使用EntityManager统一管理
+- 航线规划使用FlightPathManager处理
+- 地形和影像使用TerrainManager管理
+- 实现资源清理和内存管理
+
+```typescript
+// cesium/EntityManager.ts
+export class EntityManager {
+  private viewer: Cesium.Viewer
+  private entities: Map<string, Cesium.Entity> = new Map()
+
+  constructor(viewer: Cesium.Viewer) {
+    this.viewer = viewer
+  }
+
+  addEntity(entityData: Entity): Cesium.Entity {
+    // 实现实体添加逻辑
+  }
+
+  updateEntity(id: string, updates: Partial<Entity>): void {
+    // 实现实体更新逻辑
+  }
+
+  removeEntity(id: string): void {
+    // 实现实体移除逻辑，注意清理资源
+  }
+}
+```
+
+#### Pinia状态管理规范
+- 每个功能模块创建独立的store
+- 使用TypeScript定义store类型
+- Actions使用async/await处理异步操作
+- 实现错误状态管理
+
+```typescript
+// stores/entities.ts
+export const useEntitiesStore = defineStore('entities', () => {
+  const entities = ref<Entity[]>([])
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+
+  const fetchEntities = async (): Promise<void> => {
+    loading.value = true
+    error.value = null
+    try {
+      const response = await entitiesApi.getAll()
+      entities.value = response.data
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '获取实体列表失败'
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  return {
+    entities: readonly(entities),
+    loading: readonly(loading),
+    error: readonly(error),
+    fetchEntities
+  }
+})
+```
+
+### 后端开发规范 (Python FastAPI)
+
+#### 项目结构
+```
+backend/
+├── app/
+│   ├── api/         # API路由
+│   ├── core/        # 核心配置
+│   ├── models/      # 数据模型
+│   ├── schemas/     # Pydantic模式
+│   ├── services/    # 业务逻辑
+│   └── utils/       # 工具函数
+├── alembic/         # 数据库迁移
+└── tests/           # 测试文件
+```
+
+#### FastAPI开发规范
+- 使用Pydantic进行数据验证
+- 路由按功能模块分组
+- 实现统一的错误处理
+- 添加API文档和类型注解
+
+```python
+# schemas/entities.py
+from pydantic import BaseModel, Field
+from typing import Optional, Literal
+from datetime import datetime
+
+class Position3D(BaseModel):
+    lng: float = Field(..., ge=-180, le=180, description="经度")
+    lat: float = Field(..., ge=-90, le=90, description="纬度") 
+    alt: float = Field(..., ge=0, description="高度(米)")
+
+class EntityCreate(BaseModel):
+    name: str = Field(..., min_length=1, max_length=50)
+    type: Literal["fighter", "drone", "missile"]
+    side: Literal["red", "blue"]
+    position: Position3D
+    attributes: Optional[dict] = Field(default_factory=dict)
+
+class EntityResponse(EntityCreate):
+    id: str
+    status: str
+    created_at: datetime
+    
+    class Config:
+        from_attributes = True
+```
+
+#### WebSocket实时通信
+- 使用连接管理器管理WebSocket连接
+- 实现分房间的消息广播
+- 添加连接状态监控和重连机制
+
+```python
+# websocket/manager.py
+class ConnectionManager:
+    def __init__(self):
+        self.active_connections: Dict[str, List[WebSocket]] = {}
+
+    async def connect(self, websocket: WebSocket, mission_id: str):
+        await websocket.accept()
+        if mission_id not in self.active_connections:
+            self.active_connections[mission_id] = []
+        self.active_connections[mission_id].append(websocket)
+
+    async def broadcast_to_mission(self, mission_id: str, message: dict):
+        if mission_id in self.active_connections:
+            for connection in self.active_connections[mission_id]:
+                try:
+                    await connection.send_json(message)
+                except ConnectionClosedOK:
+                    self.active_connections[mission_id].remove(connection)
+```
+
+## 开发指导原则
+
+### 前端开发
+1. **组件设计**: 遵循单一职责原则，保持组件简洁
+2. **状态管理**: 合理使用Pinia，避免过度设计
+3. **性能优化**: 
+   - Cesium实体使用LOD和可见性优化
+   - 虚拟滚动处理大量数据
+   - 懒加载和代码分割
+4. **错误处理**: 实现全局错误捕获和用户友好的错误提示
+5. **可访问性**: 提供键盘导航和屏幕阅读器支持
+
+### 后端开发
+1. **API设计**: 遵循RESTful规范，使用合适的HTTP状态码
+2. **数据验证**: 使用Pydantic进行严格的输入验证
+3. **安全性**: 实现认证授权、输入过滤、SQL注入防护
+4. **性能**: 使用异步编程、数据库连接池、缓存策略
+5. **可监控性**: 添加详细日志、性能指标、健康检查
+
+### 军事特定功能
+1. **实体建模**: 准确建模军事实体的属性和行为
+2. **坐标系统**: 使用标准军用坐标系统和地理参考
+3. **实时性**: 确保态势数据的实时性和准确性
+4. **兵推逻辑**: 实现真实的战术和策略逻辑
+5. **数据安全**: 处理敏感军事数据的安全性
+
+### 代码示例要求
+当生成代码时，请：
+- 包含完整的类型注解
+- 添加详细的注释说明
+- 实现错误处理逻辑
+- 遵循项目的文件结构和命名规范
+- 考虑性能和可维护性
+- 为复杂逻辑提供单元测试示例
+
+### 特定场景处理
+- **大量实体渲染**: 使用Cesium的批量渲染和LOD技术
+- **实时数据更新**: 优化WebSocket消息处理和状态同步
+- **复杂航线规划**: 实现路径规划算法和碰撞检测
+- **3D模型优化**: 使用合适的模型格式和压缩技术
+- **跨平台兼容**: 确保在不同浏览器和设备上的兼容性
+
+Remember: This is a military simulation system for training purposes only. Focus on creating realistic, performant, and maintainable code that serves educational and training objectives.
\ No newline at end of file
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..77d5cd8
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,22 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-unused-vars': ['error', { 'argsIgnorePattern': '^_' }],
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+  }
+}
+
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..79fcbaf
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,175 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# TypeScript
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+public
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# Temporary folders
+tmp/
+temp/
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# Rollup.js default build output
+dist/
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..aeca803
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,11 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "printWidth": 80,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf"
+}
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e534c97
--- /dev/null
+++ b/README.md
@@ -0,0 +1,307 @@
+# 红蓝攻防对抗系统 (War-Web)
+
+基于 Cesium.js + Vue 3 的3D红蓝攻防态势显示系统前端项目
+
+## 🎯 项目介绍
+
+本项目是一个军事态势感知与对抗演练系统的前端部分，提供：
+- 🌍 基于Cesium的3D地球态势显示
+- ✈️ 红蓝双方实体管理（飞机、无人机、导弹等）
+- 🗺️ 任务规划与航线设计
+- 📡 实时态势感知与监控
+- 📊 战况评估与分析
+- 🔄 WebSocket实时数据同步
+
+## 🛠️ 技术栈
+
+- **前端框架**: Vue 3 + TypeScript
+- **3D引擎**: Cesium.js 1.111+
+- **UI组件**: Element Plus
+- **状态管理**: Pinia
+- **路由管理**: Vue Router 4
+- **构建工具**: Vite 5
+- **实时通信**: Socket.io-client
+- **HTTP客户端**: Axios
+
+## 📋 环境要求
+
+- **Node.js**: >= 18.0.0
+- **npm**: >= 9.0.0 或 **pnpm**: >= 8.0.0
+- **现代浏览器**: Chrome 88+, Firefox 78+, Safari 14+
+
+## 🚀 快速开始
+
+### 1. 克隆项目
+
+```bash
+git clone <repository-url>
+cd war-web
+```
+
+### 2. 安装依赖
+
+```bash
+# 使用 npm
+npm install
+
+# 或使用 pnpm (推荐)
+pnpm install
+```
+
+### 3. 环境配置
+
+创建环境变量文件：
+
+```bash
+# 开发环境
+touch .env.development
+```
+
+编辑 `.env.development`:
+
+```bash
+# API服务地址
+VITE_API_BASE_URL=http://localhost:8000
+# WebSocket服务地址  
+VITE_WS_URL=ws://localhost:8000
+# Cesium Ion访问令牌 (可选)
+VITE_CESIUM_ION_ACCESS_TOKEN=
+# 地图样式
+VITE_MAP_STYLE=satellite
+VITE_TERRAIN_PROVIDER=cesium_world_terrain
+# 应用配置
+VITE_APP_TITLE=红蓝攻防对抗系统
+VITE_APP_VERSION=1.0.0
+# 开发模式配置
+VITE_DEBUG_MODE=true
+VITE_MOCK_DATA=false
+```
+
+### 4. 启动开发服务器
+
+```bash
+npm run dev
+```
+
+服务启动后访问: http://localhost:3000
+
+## 📁 项目结构
+
+```
+war-web/
+├── public/                 # 静态资源
+│   ├── models/            # 3D模型文件 (.glb, .gltf)
+│   └── icons/             # 图标文件
+├── src/
+│   ├── api/               # API接口封装
+│   │   ├── index.ts       # API基础配置
+│   │   ├── entities.ts    # 实体管理API
+│   │   ├── missions.ts    # 任务规划API
+│   │   └── websocket.ts   # WebSocket客户端
+│   ├── assets/            # 资源文件
+│   │   ├── icons/         # SVG图标
+│   │   ├── images/        # 图片资源
+│   │   └── models/        # 本地3D模型
+│   ├── cesium/            # Cesium相关模块
+│   │   ├── EntityManager.ts    # 实体管理器
+│   │   ├── FlightPathManager.ts # 航线管理器
+│   │   ├── TerrainManager.ts    # 地形管理器
+│   │   └── utils.ts            # Cesium工具函数
+│   ├── components/        # Vue组件
+│   │   ├── common/        # 通用组件
+│   │   ├── cesium/        # Cesium相关组件
+│   │   └── ui/           # UI组件
+│   ├── stores/           # Pinia状态管理
+│   │   ├── entities.ts   # 实体状态
+│   │   ├── missions.ts   # 任务状态
+│   │   └── situation.ts  # 态势状态
+│   ├── types/            # TypeScript类型定义
+│   ├── utils/            # 工具函数
+│   ├── views/            # 页面组件
+│   │   ├── Dashboard.vue     # 主控面板
+│   │   ├── EntityManagement.vue  # 实体管理
+│   │   ├── MissionPlanning.vue   # 任务规划
+│   │   ├── SituationAwareness.vue # 态势感知
+│   │   └── Assessment.vue        # 战况评估
+│   ├── App.vue           # 根组件
+│   └── main.ts           # 入口文件
+├── package.json          # 项目配置
+├── vite.config.ts        # Vite配置
+├── tsconfig.json         # TypeScript配置
+└── README.md             # 项目说明
+```
+
+## 🔧 开发说明
+
+### 开发模式
+
+```bash
+# 启动开发服务器（热重载）
+npm run dev
+
+# 类型检查
+npm run type-check
+
+# 代码检查和修复
+npm run lint
+```
+
+### 生产构建
+
+```bash
+# 构建生产版本
+npm run build
+
+# 预览生产构建
+npm run preview
+```
+
+### 代码规范
+
+项目使用 ESLint + Prettier 进行代码规范检查：
+
+```bash
+# 检查代码规范
+npm run lint
+
+# 自动修复代码格式
+npm run lint --fix
+```
+
+## 🔌 API配置
+
+### 后端API接口
+
+确保后端服务在 `http://localhost:8000` 运行，主要接口：
+
+```
+GET    /api/entities          # 获取实体列表
+POST   /api/entities          # 创建实体
+PUT    /api/entities/:id      # 更新实体
+DELETE /api/entities/:id      # 删除实体
+
+GET    /api/missions          # 获取任务列表
+POST   /api/missions          # 创建任务
+PUT    /api/missions/:id      # 更新任务
+
+GET    /api/situation/current # 获取当前态势
+WebSocket /ws/{mission_id}    # 实时态势推送
+```
+
+### WebSocket连接
+
+系统使用WebSocket进行实时数据推送：
+
+```typescript
+// 连接示例
+const socket = io('ws://localhost:8000')
+socket.emit('join_mission', { missionId: 'xxx' })
+socket.on('entity_update', (data) => {
+  // 处理实体更新
+})
+```
+
+## 🎨 主要功能模块
+
+### 1. 3D态势显示
+- Cesium地球场景初始化
+- 实体3D模型加载和显示
+- 相机控制和视角切换
+- 地形数据加载
+
+### 2. 实体管理
+- 飞机、无人机、导弹等实体的CRUD
+- 实体属性配置
+- 实体分组和筛选
+- 实体状态实时更新
+
+### 3. 任务规划
+- 航线规划和编辑
+- 航点拖拽功能
+- 任务模板管理
+- 武器装备配置
+
+### 4. 态势感知
+- 实时态势监控
+- 威胁检测和预警
+- 雷达扫描效果
+- 态势数据分析
+
+### 5. 战况评估
+- 战况回放功能
+- 损失评估统计
+- 战况报告生成
+- 数据可视化图表
+
+## 🔍 调试说明
+
+### Vue Devtools
+推荐安装 Vue Devtools 浏览器扩展进行调试
+
+### Cesium调试
+在浏览器控制台访问 `window.viewer` 获取Cesium viewer实例
+
+### 网络请求调试
+查看浏览器开发者工具的Network面板监控API请求
+
+## 🚢 部署说明
+
+### 开发环境部署
+
+```bash
+# 构建项目
+npm run build
+
+# 使用nginx或其他web服务器托管dist目录
+```
+
+### 生产环境部署
+
+1. 修改生产环境变量 `.env.production`
+2. 执行构建命令 `npm run build`
+3. 将 `dist` 目录部署到Web服务器
+4. 配置nginx反向代理到后端API
+
+### Docker部署
+
+```dockerfile
+FROM node:18-alpine as builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
+EXPOSE 80
+```
+
+## 🛟 常见问题
+
+### Q: Cesium加载失败
+A: 检查网络连接，确保可以访问Cesium CDN资源
+
+### Q: WebSocket连接失败  
+A: 确认后端WebSocket服务正常运行，检查防火墙设置
+
+### Q: 3D模型不显示
+A: 确认模型文件路径正确，检查模型格式是否为.glb或.gltf
+
+### Q: 页面性能问题
+A: 启用Cesium的LOD功能，减少同时渲染的实体数量
+
+## 📞 技术支持
+
+- 开发文档: `/docs`
+- 问题反馈: GitHub Issues
+- 技术交流: 项目技术群
+
+## 📄 许可证
+
+MIT License
+
+---
+
+**注意**: 本项目为军事演练系统，仅供学习和演练使用，请勿用于实际军事行动。
diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 0000000..d9eebbc
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1,24 @@
+/// <reference types="vite/client" />
+/// <reference types="cesium" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_WS_URL: string
+  readonly VITE_CESIUM_ION_ACCESS_TOKEN: string
+  readonly VITE_APP_TITLE: string
+  readonly VITE_APP_VERSION: string
+  readonly VITE_DEBUG_MODE: string
+  readonly VITE_MOCK_DATA: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..eca9197
--- /dev/null
+++ b/index.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>红蓝攻防对抗系统</title>
+    <meta name="description" content="基于Cesium.js的3D军事态势感知与对抗演练系统" />
+    <meta name="keywords" content="军事演练,态势感知,Cesium,3D地球,红蓝对抗" />
+    
+    <!-- Cesium CSS -->
+    <script src="https://cesium.com/downloads/cesiumjs/releases/1.111/Build/Cesium/Cesium.js"></script>
+    <link href="https://cesium.com/downloads/cesiumjs/releases/1.111/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+    
+    <style>
+      html, body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+                     'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+      }
+      
+      #app {
+        height: 100%;
+      }
+      
+      /* 加载动画 */
+      .loading-container {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        color: white;
+        z-index: 9999;
+      }
+      
+      .loading-logo {
+        width: 80px;
+        height: 80px;
+        margin-bottom: 20px;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 30px;
+        animation: pulse 2s ease-in-out infinite;
+      }
+      
+      .loading-text {
+        font-size: 18px;
+        margin-bottom: 20px;
+        opacity: 0.9;
+      }
+      
+      .loading-spinner {
+        width: 40px;
+        height: 40px;
+        border: 3px solid rgba(255, 255, 255, 0.3);
+        border-radius: 50%;
+        border-top-color: white;
+        animation: spin 1s ease-in-out infinite;
+      }
+      
+      @keyframes pulse {
+        0%, 100% { transform: scale(1); }
+        50% { transform: scale(1.1); }
+      }
+      
+      @keyframes spin {
+        to { transform: rotate(360deg); }
+      }
+      
+      /* 隐藏加载动画 */
+      .loading-container.hidden {
+        opacity: 0;
+        visibility: hidden;
+        transition: opacity 0.5s ease, visibility 0.5s ease;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- 加载动画 -->
+    <div id="loading" class="loading-container">
+      <div class="loading-logo">🌍</div>
+      <div class="loading-text">红蓝攻防对抗系统</div>
+      <div class="loading-text" style="font-size: 14px; opacity: 0.7;">正在初始化3D态势显示系统...</div>
+      <div class="loading-spinner"></div>
+    </div>
+    
+    <!-- Vue应用容器 -->
+    <div id="app"></div>
+    
+    <script>
+      // 页面加载完成后隐藏加载动画
+      window.addEventListener('load', function() {
+        setTimeout(function() {
+          const loading = document.getElementById('loading');
+          if (loading) {
+            loading.classList.add('hidden');
+            setTimeout(function() {
+              loading.style.display = 'none';
+            }, 500);
+          }
+        }, 1500); // 延迟1.5秒显示加载效果
+      });
+      
+      // 设置Cesium静态资源路径
+      if (typeof window.CESIUM_BASE_URL === 'undefined') {
+        window.CESIUM_BASE_URL = 'https://cesium.com/downloads/cesiumjs/releases/1.111/Build/Cesium/';
+      }
+    </script>
+    
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..5ea2d13
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5706 @@
+{
+  "name": "war-web",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "war-web",
+      "version": "1.0.0",
+      "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
+        "axios": "^1.6.2",
+        "cesium": "^1.111.0",
+        "element-plus": "^2.4.4",
+        "pinia": "^2.1.7",
+        "socket.io-client": "^4.7.4",
+        "uuid": "^9.0.1",
+        "vue": "^3.4.0",
+        "vue-router": "^4.2.5"
+      },
+      "devDependencies": {
+        "@types/node": "^20.10.4",
+        "@types/uuid": "^9.0.7",
+        "@typescript-eslint/eslint-plugin": "^6.13.2",
+        "@typescript-eslint/parser": "^6.13.2",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "@vue/eslint-config-prettier": "^8.0.0",
+        "@vue/eslint-config-typescript": "^12.0.0",
+        "@vue/tsconfig": "^0.5.1",
+        "eslint": "^8.55.0",
+        "eslint-plugin-vue": "^9.19.2",
+        "prettier": "^3.1.1",
+        "sass-embedded": "^1.90.0",
+        "typescript": "~5.3.3",
+        "vite": "^7.1.3",
+        "vite-plugin-cesium": "^1.2.23",
+        "vue-tsc": "^3.0.6"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.3.tgz",
+      "integrity": "sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz",
+      "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bufbuild/protobuf": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.7.0.tgz",
+      "integrity": "sha512-qn6tAIZEw5i/wiESBF4nQxZkl86aY4KoO0IkUa2Lh+rya64oTOdJQFlZuMwI1Qz9VBJQrQC4QlSA2DNek5gCOA==",
+      "dev": true,
+      "license": "(Apache-2.0 AND BSD-3-Clause)"
+    },
+    "node_modules/@cesium/engine": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/@cesium/engine/-/engine-19.0.0.tgz",
+      "integrity": "sha512-ymBxCUEV2HfQLmAp3qou0AlKkChIaMNkKQa/bCLLScfoCj0EBVtQH6Zgk8hP8MWreuR+vzmGOjdPsWLMkKgnrQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cesium/wasm-splats": "^0.1.0-alpha.2",
+        "@spz-loader/core": "0.3.0",
+        "@tweenjs/tween.js": "^25.0.0",
+        "@zip.js/zip.js": "^2.7.70",
+        "autolinker": "^4.0.0",
+        "bitmap-sdf": "^1.0.3",
+        "dompurify": "^3.0.2",
+        "draco3d": "^1.5.1",
+        "earcut": "^3.0.0",
+        "grapheme-splitter": "^1.0.4",
+        "jsep": "^1.3.8",
+        "kdbush": "^4.0.1",
+        "ktx-parse": "^1.0.0",
+        "lerc": "^2.0.0",
+        "mersenne-twister": "^1.1.0",
+        "meshoptimizer": "^0.24.0",
+        "pako": "^2.0.4",
+        "protobufjs": "^7.1.0",
+        "rbush": "^4.0.1",
+        "topojson-client": "^3.1.0",
+        "urijs": "^1.19.7"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@cesium/wasm-splats": {
+      "version": "0.1.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@cesium/wasm-splats/-/wasm-splats-0.1.0-alpha.2.tgz",
+      "integrity": "sha512-t9pMkknv31hhIbLpMa8yPvmqfpvs5UkUjgqlQv9SeO8VerCXOYnyP8/486BDaFrztM0A7FMbRjsXtNeKvqQghA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@cesium/widgets": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@cesium/widgets/-/widgets-13.0.0.tgz",
+      "integrity": "sha512-Gc/ffnu4anzn6wDjLviYYOydb0OrGWY6ie5pKV+cNWbL48tfLRUZL6D3MJVS+qhSB3NhyA050v82NvPzYbqnuQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cesium/engine": "^19.0.0",
+        "nosleep.js": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
+      "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
+      "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz",
+      "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz",
+      "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz",
+      "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz",
+      "integrity": "sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz",
+      "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz",
+      "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz",
+      "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz",
+      "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz",
+      "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz",
+      "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz",
+      "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz",
+      "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz",
+      "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz",
+      "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz",
+      "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz",
+      "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz",
+      "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz",
+      "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz",
+      "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz",
+      "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
+      "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.9.tgz",
+      "integrity": "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/pkgr"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+      "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+      "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/inquire": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+      "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+      "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.29",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
+      "integrity": "sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.4.tgz",
+      "integrity": "sha512-B2wfzCJ+ps/OBzRjeds7DlJumCU3rXMxJJS1vzURyj7+KBHGONm7c9q1TfdBl4vCuNMkDvARn3PBl2wZzuR5mw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.4.tgz",
+      "integrity": "sha512-FGJYXvYdn8Bs6lAlBZYT5n+4x0ciEp4cmttsvKAZc/c8/JiPaQK8u0c/86vKX8lA7OY/+37lIQSe0YoAImvBAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.4.tgz",
+      "integrity": "sha512-/9qwE/BM7ATw/W/OFEMTm3dmywbJyLQb4f4v5nmOjgYxPIGpw7HaxRi6LnD4Pjn/q7k55FGeHe1/OD02w63apA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.4.tgz",
+      "integrity": "sha512-QkWfNbeRuzFnv2d0aPlrzcA3Ebq2mE8kX/5Pl7VdRShbPBjSnom7dbT8E3Jmhxo2RL784hyqGvR5KHavCJQciw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.4.tgz",
+      "integrity": "sha512-+ToyOMYnSfV8D+ckxO6NthPln/PDNp1P6INcNypfZ7muLmEvPKXqduUiD8DlJpMMT8LxHcE5W0dK9kXfJke9Zw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.4.tgz",
+      "integrity": "sha512-cGT6ey/W+sje6zywbLiqmkfkO210FgRz7tepWAzzEVgQU8Hn91JJmQWNqs55IuglG8sJdzk7XfNgmGRtcYlo1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.4.tgz",
+      "integrity": "sha512-9fhTJyOb275w5RofPSl8lpr4jFowd+H4oQKJ9XTYzD1JWgxdZKE8bA6d4npuiMemkecQOcigX01FNZNCYnQBdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.4.tgz",
+      "integrity": "sha512-+6kCIM5Zjvz2HwPl/udgVs07tPMIp1VU2Y0c72ezjOvSvEfAIWsUgpcSDvnC7g9NrjYR6X9bZT92mZZ90TfvXw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.4.tgz",
+      "integrity": "sha512-SWuXdnsayCZL4lXoo6jn0yyAj7TTjWE4NwDVt9s7cmu6poMhtiras5c8h6Ih6Y0Zk6Z+8t/mLumvpdSPTWub2Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.4.tgz",
+      "integrity": "sha512-vDknMDqtMhrrroa5kyX6tuC0aRZZlQ+ipDfbXd2YGz5HeV2t8HOl/FDAd2ynhs7Ki5VooWiiZcCtxiZ4IjqZwQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.4.tgz",
+      "integrity": "sha512-mCBkjRZWhvjtl/x+Bd4fQkWZT8canStKDxGrHlBiTnZmJnWygGcvBylzLVCZXka4dco5ymkWhZlLwKCGFF4ivw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.4.tgz",
+      "integrity": "sha512-YMdz2phOTFF+Z66dQfGf0gmeDSi5DJzY5bpZyeg9CPBkV9QDzJ1yFRlmi/j7WWRf3hYIWrOaJj5jsfwgc8GTHQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.4.tgz",
+      "integrity": "sha512-r0WKLSfFAK8ucG024v2yiLSJMedoWvk8yWqfNICX28NHDGeu3F/wBf8KG6mclghx4FsLePxJr/9N8rIj1PtCnw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.4.tgz",
+      "integrity": "sha512-IaizpPP2UQU3MNyPH1u0Xxbm73D+4OupL0bjo4Hm0496e2wg3zuvoAIhubkD1NGy9fXILEExPQy87mweujEatA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.4.tgz",
+      "integrity": "sha512-aCM29orANR0a8wk896p6UEgIfupReupnmISz6SUwMIwTGaTI8MuKdE0OD2LvEg8ondDyZdMvnaN3bW4nFbATPA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.4.tgz",
+      "integrity": "sha512-0Xj1vZE3cbr/wda8d/m+UeuSL+TDpuozzdD4QaSzu/xSOMK0Su5RhIkF7KVHFQsobemUNHPLEcYllL7ZTCP/Cg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.4.tgz",
+      "integrity": "sha512-kM/orjpolfA5yxsx84kI6bnK47AAZuWxglGKcNmokw2yy9i5eHY5UAjcX45jemTJnfHAWo3/hOoRqEeeTdL5hw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.4.tgz",
+      "integrity": "sha512-cNLH4psMEsWKILW0isbpQA2OvjXLbKvnkcJFmqAptPQbtLrobiapBJVj6RoIvg6UXVp5w0wnIfd/Q56cNpF+Ew==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.4.tgz",
+      "integrity": "sha512-OiEa5lRhiANpv4SfwYVgQ3opYWi/QmPDC5ve21m8G9pf6ZO+aX1g2EEF1/IFaM1xPSP7mK0msTRXlPs6mIagkg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.4.tgz",
+      "integrity": "sha512-IKL9mewGZ5UuuX4NQlwOmxPyqielvkAPUS2s1cl6yWjjQvyN3h5JTdVFGD5Jr5xMjRC8setOfGQDVgX8V+dkjg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/@spz-loader/core": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@spz-loader/core/-/core-0.3.0.tgz",
+      "integrity": "sha512-sbStwMHb/MIE29st7rRuMYWqhX1UmLSFzdpyGtUZUXLkFNIuYKblzjQdtiet8bau8sUf21uL1DQ451zuySGmcA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16",
+        "pnpm": ">=8"
+      }
+    },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-25.0.0.tgz",
+      "integrity": "sha512-XKLA6syeBUaPzx4j3qwMqzzq+V4uo72BnlbOjmuljLrRqdsd3qnzvZZoxvMHZ23ndsRS4aufU6JOZYpCbU6T1A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.11.tgz",
+      "integrity": "sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-k107IF4+Xr7UHjwDc7Cfd6PRQfbdkiRabXGRjo07b4WyPahFBZCZ1sE+BNxYIJPPg73UkfOsVOLwqVc/6ETrIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+      "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz",
+      "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/type-utils": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz",
+      "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
+      "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
+      "integrity": "sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-beta.29"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz",
+      "integrity": "sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.23"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.23.tgz",
+      "integrity": "sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.23.tgz",
+      "integrity": "sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.23",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.18.tgz",
+      "integrity": "sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@vue/shared": "3.5.18",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz",
+      "integrity": "sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.18",
+        "@vue/shared": "3.5.18"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz",
+      "integrity": "sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@vue/compiler-core": "3.5.18",
+        "@vue/compiler-dom": "3.5.18",
+        "@vue/compiler-ssr": "3.5.18",
+        "@vue/shared": "3.5.18",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.17",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz",
+      "integrity": "sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.18",
+        "@vue/shared": "3.5.18"
+      }
+    },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/eslint-config-prettier": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-8.0.0.tgz",
+      "integrity": "sha512-55dPqtC4PM/yBjhAr+yEw6+7KzzdkBuLmnhBrDfp4I48+wy+Giqqj9yUr5T2uD/BkBROjjmqnLZmXRdOx/VtQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-prettier": "^5.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">= 8.0.0",
+        "prettier": ">= 3.0.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz",
+      "integrity": "sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "^6.7.0",
+        "@typescript-eslint/parser": "^6.7.0",
+        "vue-eslint-parser": "^9.3.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
+        "eslint-plugin-vue": "^9.0.0",
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.0.6.tgz",
+      "integrity": "sha512-e2RRzYWm+qGm8apUHW1wA5RQxzNhkqbbKdbKhiDUcmMrNAZGyM8aTiL3UrTqkaFI5s7wJRGGrp4u3jgusuBp2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.23",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^2.0.5",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.2"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.18.tgz",
+      "integrity": "sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.18"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.18.tgz",
+      "integrity": "sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.18",
+        "@vue/shared": "3.5.18"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz",
+      "integrity": "sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.18",
+        "@vue/runtime-core": "3.5.18",
+        "@vue/shared": "3.5.18",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.18.tgz",
+      "integrity": "sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.18",
+        "@vue/shared": "3.5.18"
+      },
+      "peerDependencies": {
+        "vue": "3.5.18"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.18.tgz",
+      "integrity": "sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.5.1.tgz",
+      "integrity": "sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@zip.js/zip.js": {
+      "version": "2.7.72",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.72.tgz",
+      "integrity": "sha512-3/A4JwrgkvGBlCxtItjxs8HrNbuTAAl/zlGkV6tC5Fb5k5nk4x2Dqxwl/YnUys5Ch+QB01eJ8Q5K/J2uXfy9Vw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "bun": ">=0.7.0",
+        "deno": ">=1.0.0",
+        "node": ">=16.5.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-2.0.7.tgz",
+      "integrity": "sha512-wE7y3jmYeb0+h6mr5BOovuqhFv22O/MV9j5p0ndJsa7z1zJNPGQ4ph5pQk/kTTCWRC3xsA4SmtwmkzQO+7NCNg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/autolinker": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/autolinker/-/autolinker-4.1.5.tgz",
+      "integrity": "sha512-vEfYZPmvVOIuE567XBVCsx8SBgOYtjB2+S1iAaJ+HgH+DNjAcrHem2hmAeC9yaNGWayicv4yR+9UaJlkF3pvtw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "pnpm": ">=10.10.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bitmap-sdf": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/bitmap-sdf/-/bitmap-sdf-1.0.4.tgz",
+      "integrity": "sha512-1G3U4n5JE6RAiALMxu0p1XmeZkTeCwGKykzsLTCqVzfSDaN6S7fKnkIkfejogz+iwqBWc0UYAIKnKHNN7pSfDg==",
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/buffer-builder": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-builder/-/buffer-builder-0.2.0.tgz",
+      "integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
+      "dev": true,
+      "license": "MIT/X11"
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cesium": {
+      "version": "1.132.0",
+      "resolved": "https://registry.npmjs.org/cesium/-/cesium-1.132.0.tgz",
+      "integrity": "sha512-FOurvzkUhnbXn/gqruBMkHqVpen7URNd5xemEhD76VzoYpRvOwWJWNaFeuBuB5AEJpFfGs5hVicGKFMzX/sUlw==",
+      "license": "Apache-2.0",
+      "workspaces": [
+        "packages/engine",
+        "packages/widgets"
+      ],
+      "dependencies": {
+        "@cesium/engine": "^19.0.0",
+        "@cesium/widgets": "^13.0.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colorjs.io": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+      "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/draco3d": {
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/draco3d/-/draco3d-1.5.7.tgz",
+      "integrity": "sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/earcut": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.2.tgz",
+      "integrity": "sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==",
+      "license": "ISC"
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/element-plus": {
+      "version": "2.10.7",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.10.7.tgz",
+      "integrity": "sha512-bL4yhepL8/0NEQA5+N2Q6ZVKLipIDkiQjK2mqtSmGh6CxJk1yaBMdG5HXfYkbk1htNcT3ULk9g23lzT323JGcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.3.1",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.13",
+        "escape-html": "^1.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.2",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.3.tgz",
+      "integrity": "sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
+      "integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.9",
+        "@esbuild/android-arm": "0.25.9",
+        "@esbuild/android-arm64": "0.25.9",
+        "@esbuild/android-x64": "0.25.9",
+        "@esbuild/darwin-arm64": "0.25.9",
+        "@esbuild/darwin-x64": "0.25.9",
+        "@esbuild/freebsd-arm64": "0.25.9",
+        "@esbuild/freebsd-x64": "0.25.9",
+        "@esbuild/linux-arm": "0.25.9",
+        "@esbuild/linux-arm64": "0.25.9",
+        "@esbuild/linux-ia32": "0.25.9",
+        "@esbuild/linux-loong64": "0.25.9",
+        "@esbuild/linux-mips64el": "0.25.9",
+        "@esbuild/linux-ppc64": "0.25.9",
+        "@esbuild/linux-riscv64": "0.25.9",
+        "@esbuild/linux-s390x": "0.25.9",
+        "@esbuild/linux-x64": "0.25.9",
+        "@esbuild/netbsd-arm64": "0.25.9",
+        "@esbuild/netbsd-x64": "0.25.9",
+        "@esbuild/openbsd-arm64": "0.25.9",
+        "@esbuild/openbsd-x64": "0.25.9",
+        "@esbuild/openharmony-arm64": "0.25.9",
+        "@esbuild/sunos-x64": "0.25.9",
+        "@esbuild/win32-arm64": "0.25.9",
+        "@esbuild/win32-ia32": "0.25.9",
+        "@esbuild/win32-x64": "0.25.9"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "8.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.2.tgz",
+      "integrity": "sha512-/IGJ6+Dka158JnP5n5YFMOszjDWrXggGz1LaK/guZq9vZTmniaKlHcsscvkAhn9y4U+BU3JuUdYvtAMcv30y4A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.4.tgz",
+      "integrity": "sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0",
+        "synckit": "^0.11.7"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "9.33.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
+      "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.3",
+        "vue-eslint-parser": "^9.4.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+      "license": "MIT"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
+      "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-reference": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+      "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsep": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jsep/-/jsep-1.4.0.tgz",
+      "integrity": "sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.16.0"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/kdbush": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz",
+      "integrity": "sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==",
+      "license": "ISC"
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/ktx-parse": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/ktx-parse/-/ktx-parse-1.1.0.tgz",
+      "integrity": "sha512-mKp3y+FaYgR7mXWAbyyzpa/r1zDWeaunH+INJO4fou3hb45XuNSwar+7llrRyvpMWafxSIi99RNFJ05MHedaJQ==",
+      "license": "MIT"
+    },
+    "node_modules/lerc": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lerc/-/lerc-2.0.0.tgz",
+      "integrity": "sha512-7qo1Mq8ZNmaR4USHHm615nEW2lPeeWJ3bTyoqFbd35DLx0LUH7C6ptt5FDCTAlbIzs3+WKrk5SkJvw8AFDE2hg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/mersenne-twister": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mersenne-twister/-/mersenne-twister-1.1.0.tgz",
+      "integrity": "sha512-mUYWsMKNrm4lfygPkL3OfGzOPTR2DBlTkBNHM//F6hGp8cLThY897crAlk3/Jo17LEOOjQUrNAx6DvgO77QJkA==",
+      "license": "MIT"
+    },
+    "node_modules/meshoptimizer": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.24.0.tgz",
+      "integrity": "sha512-Iq/8cM5cK2B0P0QdKHexr30zEJn5sQxjXKtQJGp6LO7r1VUPwhgxau18pvybVDnEDsKE49GdlJYwqPX9A/P9Sw==",
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/nosleep.js": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/nosleep.js/-/nosleep.js-0.12.0.tgz",
+      "integrity": "sha512-9d1HbpKLh3sdWlhXMhU6MMH+wQzKkrgfRkYV0EBdvt99YJfj0ilCJrWRDYG2130Tm4GXbEoTCx5b34JSaP+HhA==",
+      "license": "MIT"
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
+      "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.4.4",
+        "vue": "^2.7.0 || ^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+      "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/protobufjs": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.4.tgz",
+      "integrity": "sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/quickselect": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+      "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==",
+      "license": "ISC"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rbush": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-4.0.1.tgz",
+      "integrity": "sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "quickselect": "^3.0.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.46.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.4.tgz",
+      "integrity": "sha512-YbxoxvoqNg9zAmw4+vzh1FkGAiZRK+LhnSrbSrSXMdZYsRPDWoshcSd/pldKRO6lWzv/e9TiJAVQyirYIeSIPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.46.4",
+        "@rollup/rollup-android-arm64": "4.46.4",
+        "@rollup/rollup-darwin-arm64": "4.46.4",
+        "@rollup/rollup-darwin-x64": "4.46.4",
+        "@rollup/rollup-freebsd-arm64": "4.46.4",
+        "@rollup/rollup-freebsd-x64": "4.46.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.46.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.46.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.46.4",
+        "@rollup/rollup-linux-arm64-musl": "4.46.4",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.46.4",
+        "@rollup/rollup-linux-ppc64-gnu": "4.46.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.46.4",
+        "@rollup/rollup-linux-riscv64-musl": "4.46.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.46.4",
+        "@rollup/rollup-linux-x64-gnu": "4.46.4",
+        "@rollup/rollup-linux-x64-musl": "4.46.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.46.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.46.4",
+        "@rollup/rollup-win32-x64-msvc": "4.46.4",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.90.0.tgz",
+      "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass-embedded": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.90.0.tgz",
+      "integrity": "sha512-XP1EltyLLfuU5FsGVjSz8PcT925oA3rDnJTWOEBHR42k62ZEbKTcZ4gVlFwKi0Ggzi5E8v1K2BplD8ELHwusYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bufbuild/protobuf": "^2.5.0",
+        "buffer-builder": "^0.2.0",
+        "colorjs.io": "^0.5.0",
+        "immutable": "^5.0.2",
+        "rxjs": "^7.4.0",
+        "supports-color": "^8.1.1",
+        "sync-child-process": "^1.0.2",
+        "varint": "^6.0.0"
+      },
+      "bin": {
+        "sass": "dist/bin/sass.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "optionalDependencies": {
+        "sass-embedded-all-unknown": "1.90.0",
+        "sass-embedded-android-arm": "1.90.0",
+        "sass-embedded-android-arm64": "1.90.0",
+        "sass-embedded-android-riscv64": "1.90.0",
+        "sass-embedded-android-x64": "1.90.0",
+        "sass-embedded-darwin-arm64": "1.90.0",
+        "sass-embedded-darwin-x64": "1.90.0",
+        "sass-embedded-linux-arm": "1.90.0",
+        "sass-embedded-linux-arm64": "1.90.0",
+        "sass-embedded-linux-musl-arm": "1.90.0",
+        "sass-embedded-linux-musl-arm64": "1.90.0",
+        "sass-embedded-linux-musl-riscv64": "1.90.0",
+        "sass-embedded-linux-musl-x64": "1.90.0",
+        "sass-embedded-linux-riscv64": "1.90.0",
+        "sass-embedded-linux-x64": "1.90.0",
+        "sass-embedded-unknown-all": "1.90.0",
+        "sass-embedded-win32-arm64": "1.90.0",
+        "sass-embedded-win32-x64": "1.90.0"
+      }
+    },
+    "node_modules/sass-embedded-all-unknown": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-all-unknown/-/sass-embedded-all-unknown-1.90.0.tgz",
+      "integrity": "sha512-/n7jTQvI+hftDDrHzK19G4pxfDzOhtjuQO1K54ui1pT2S0sWfWDjCYUbQgtWQ6FO7g5qWS0hgmrWdc7fmS3rgA==",
+      "cpu": [
+        "!arm",
+        "!arm64",
+        "!riscv64",
+        "!x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "sass": "1.90.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.90.0.tgz",
+      "integrity": "sha512-usF6kVJQWa1CMgPH1nCT1y8KEmAT2fzB00dDIPBYHq8U5VZLCihi2bJRP5U9NlcwP1TlKGKCjwsbIdSjDKfecg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.90.0.tgz",
+      "integrity": "sha512-bkTlewzWksa6Sj4Zs1CWiutnvUbsO3xuYh2QBRknXsOtuMlfTPoXnwhCnyE4lSvUxw2qxSbv+NdQev9qMfsBgA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-riscv64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.90.0.tgz",
+      "integrity": "sha512-bpqCIOaX+0Lou/BNJ4iJIKbWbVaYXFdg26C3gG6gxxKZRzp/6OYCxHrIQDwhKz6YC8Q5rwNPMpfDVYbWPcgroA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-x64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.90.0.tgz",
+      "integrity": "sha512-GNxVKnCMd/p2icZ+Q4mhvNk19NrLXq1C4guiqjrycHYQLEnxRkjbW1QXYiL+XyDn4e+Bcq0knzG0I9pMuNZxkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-arm64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.90.0.tgz",
+      "integrity": "sha512-qr4KBMJfBA+lzXiWnP00qzpLzHQzGd1OSK3VHcUFjZ8l7VOYf2R7Tc3fcTLhpaNPMJtTK0jrk8rFqBvsiZExnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-x64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.90.0.tgz",
+      "integrity": "sha512-z2nr1nNqtWDLVRwTbHtL7zriK90U7O/Gb15UaCSMYeAz9Y+wog5s/sDEKm0+GsVdzzkaCaMZRWGN4jTilnUwmQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.90.0.tgz",
+      "integrity": "sha512-FeBxI5Q2HvM3CCadcEcQgvWbDPVs2YEF0PZ87fbAVTCG8dV+iNnQreSz7GRJroknpvbRhm5t2gedvcgmTnPb2Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.90.0.tgz",
+      "integrity": "sha512-SPMcGZuP71Fj8btCGtlBnv8h8DAbJn8EQfLzXs9oo6NGFFLVjNGiFpqGfgtUV6DLWCuaRyEFeViO7wZow/vKGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.90.0.tgz",
+      "integrity": "sha512-EB2z0fUXdUdvSoddf4DzdZQkD/xyreD72gwAi8YScgUvR4HMXI7bLcK/n78Rft6OnqvV8090hjC8FsLDo3x5xQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.90.0.tgz",
+      "integrity": "sha512-xLH7+PFq763MoEm3vI7hQk5E+nStiLWbijHEYW/tEtCbcQIphgzSkDItEezxXew3dU4EJ1jqrBUySPdoXFLqWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-riscv64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.90.0.tgz",
+      "integrity": "sha512-L21UkOgnSrD+ERF+jo1IWneGv40t0ap9+3cI+wZWYhQS5MkxponhT9QaNU57JEDJwB9mOl01LVw14opz4SN+VQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-x64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.90.0.tgz",
+      "integrity": "sha512-NeAycQlsdhFdnIeSmRmScYUyCd+uE+x15NLFunbF8M0PgCKurrUhaxgGKSuBbaK56FpxarKOHCqcOrWbemIGzQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-riscv64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.90.0.tgz",
+      "integrity": "sha512-lJopaQhW8S+kaQ61vMqq3c+bOurcf9RdZf2EmzQYpc2y1vT5cWfRNrRkbAgO/23IQxsk/fq3UIUnsjnyQmi6MA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-x64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.90.0.tgz",
+      "integrity": "sha512-Cc061gBfMPwH9rN7neQaH36cvOQC+dFMSGIeX5qUOhrEL4Ng51iqBV6aI4RIB1jCFGth6eDydVRN1VdV9qom8A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-unknown-all": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.90.0.tgz",
+      "integrity": "sha512-DBGzHVCJDqtjTHZFohush9YTxd4ZxhIygIRTNRXnA0359woF9Z8AS7/YxfzwkqrTX5durSJa6ZamGFYVLoRphQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "!android",
+        "!darwin",
+        "!linux",
+        "!win32"
+      ],
+      "dependencies": {
+        "sass": "1.90.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-arm64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.90.0.tgz",
+      "integrity": "sha512-c3/vL/CATnaW3x/6kcNbCROEOUU7zvJpIURp7M9664GJj08/gLPRWKNruw0OkAPQ3C5TTQz7+/fQWEpRA6qmvA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-x64": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.90.0.tgz",
+      "integrity": "sha512-PFwdW7AYtCkwi3NfWFeexvIZEJ0nuShp8Bjjc3px756+18yYwBWa78F4TGdIQmJfpYKBhgkVjFOctwq+NCHntA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
+      "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sync-child-process": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
+      "integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sync-message-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/sync-message-port": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.1.3.tgz",
+      "integrity": "sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/synckit": {
+      "version": "0.11.11",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.11.tgz",
+      "integrity": "sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.2.9"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/synckit"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/topojson-client": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/topojson-client/-/topojson-client-3.1.0.tgz",
+      "integrity": "sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "2"
+      },
+      "bin": {
+        "topo2geo": "bin/topo2geo",
+        "topomerge": "bin/topomerge",
+        "topoquantize": "bin/topoquantize"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urijs": {
+      "version": "1.19.11",
+      "resolved": "https://registry.npmjs.org/urijs/-/urijs-1.19.11.tgz",
+      "integrity": "sha512-HXgFDgDommxn5/bIv0cnQZsPhHDA90NPHD6+c/v21U5+Sx5hoP8+dP9IZXBU1gIfvdRfhG8cel9QNPeionfcCQ==",
+      "license": "MIT"
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/varint": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
+      "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.3.tgz",
+      "integrity": "sha512-OOUi5zjkDxYrKhTV3V7iKsoS37VUM7v40+HuwEmcrsf11Cdx9y3DIr2Px6liIcZFwt3XSRpQvFpL3WVy7ApkGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.14"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-cesium": {
+      "version": "1.2.23",
+      "resolved": "https://registry.npmjs.org/vite-plugin-cesium/-/vite-plugin-cesium-1.2.23.tgz",
+      "integrity": "sha512-x9A8ZCEoegceXg/E+LnxKr0XBsI9CR4cgYWQ2Dd3cUEYwKcTnHQ3kBfpol7BUcGtgQnQos/mtVrRmuVQBXFjHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fs-extra": "^9.1.0",
+        "rollup-plugin-external-globals": "^0.6.1",
+        "serve-static": "^1.14.1"
+      },
+      "peerDependencies": {
+        "cesium": "^1.95.0",
+        "vite": ">=2.7.1"
+      }
+    },
+    "node_modules/vite-plugin-cesium/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/vite-plugin-cesium/node_modules/rollup": {
+      "version": "2.79.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
+      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/vite-plugin-cesium/node_modules/rollup-plugin-external-globals": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-external-globals/-/rollup-plugin-external-globals-0.6.1.tgz",
+      "integrity": "sha512-mlp3KNa5sE4Sp9UUR2rjBrxjG79OyZAh/QC18RHIjM+iYkbBwNXSo8DHRMZWtzJTrH8GxQ+SJvCTN3i14uMXIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^4.0.0",
+        "estree-walker": "^2.0.1",
+        "is-reference": "^1.2.1",
+        "magic-string": "^0.25.7"
+      },
+      "peerDependencies": {
+        "rollup": "^2.25.0"
+      }
+    },
+    "node_modules/vite/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.18",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.18.tgz",
+      "integrity": "sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.18",
+        "@vue/compiler-sfc": "3.5.18",
+        "@vue/runtime-dom": "3.5.18",
+        "@vue/server-renderer": "3.5.18",
+        "@vue/shared": "3.5.18"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
+      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.0.6.tgz",
+      "integrity": "sha512-Tbs8Whd43R2e2nxez4WXPvvdjGbW24rOSgRhLOHXzWiT4pcP4G7KeWh0YCn18rF4bVwv7tggLLZ6MJnO6jXPBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.23",
+        "@vue/language-core": "3.0.6"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
+      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..9545f05
--- /dev/null
+++ b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "war-web",
+  "version": "1.0.0",
+  "description": "红蓝攻防对抗系统前端",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "type-check": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "axios": "^1.6.2",
+    "cesium": "^1.111.0",
+    "element-plus": "^2.4.4",
+    "pinia": "^2.1.7",
+    "socket.io-client": "^4.7.4",
+    "uuid": "^9.0.1",
+    "vue": "^3.4.0",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.4",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-vue": "^9.19.2",
+    "prettier": "^3.1.1",
+    "sass-embedded": "^1.90.0",
+    "typescript": "~5.3.3",
+    "vite": "^7.1.3",
+    "vite-plugin-cesium": "^1.2.23",
+    "vue-tsc": "^3.0.6"
+  }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..cd98100
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,144 @@
+<template>
+  <div id="app">
+    <el-config-provider :locale="zhCn">
+      <div class="app-container">
+        <!-- 顶部导航栏 -->
+        <el-header class="app-header">
+          <div class="header-left">
+            <div class="logo">🛡️</div>
+            <h1 class="app-title">红蓝攻防对抗系统</h1>
+          </div>
+          <div class="header-right">
+            <el-button-group>
+              <el-button 
+                v-for="route in navRoutes" 
+                :key="route.name"
+                :type="$route.name === route.name ? 'primary' : 'default'"
+                @click="$router.push(route.path)"
+              >
+                {{ route.meta?.title }}
+              </el-button>
+            </el-button-group>
+          </div>
+        </el-header>
+
+        <!-- 主要内容区域 -->
+        <el-main class="app-main">
+          <router-view />
+        </el-main>
+      </div>
+    </el-config-provider>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+
+const router = useRouter()
+
+// 导航路由配置
+const navRoutes = ref([
+  { name: 'Dashboard', path: '/', meta: { title: '主控面板' } },
+  { name: 'EntityManagement', path: '/entities', meta: { title: '实体管理' } },
+  { name: 'MissionPlanning', path: '/missions', meta: { title: '任务规划' } },
+  { name: 'SituationAwareness', path: '/situation', meta: { title: '态势感知' } },
+  { name: 'Assessment', path: '/assessment', meta: { title: '战况评估' } },
+  { name: 'ComponentDemo', path: '/components', meta: { title: '组件展示' } }
+])
+</script>
+
+<style scoped>
+.app-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+  color: white;
+  padding: 0 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  z-index: 1000;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.logo {
+  height: 40px;
+  width: 40px;
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.app-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 600;
+  color: white;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+}
+
+.app-main {
+  flex: 1;
+  padding: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #f5f5f5;
+  /* 自定义滚动条样式 */
+  scrollbar-width: thin;
+  scrollbar-color: rgba(30, 60, 114, 0.3) transparent;
+}
+
+.app-main::-webkit-scrollbar {
+  width: 8px;
+}
+
+.app-main::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.app-main::-webkit-scrollbar-thumb {
+  background: rgba(30, 60, 114, 0.3);
+  border-radius: 4px;
+  transition: background-color 0.3s ease;
+}
+
+.app-main::-webkit-scrollbar-thumb:hover {
+  background: rgba(30, 60, 114, 0.5);
+}
+
+/* 全局样式重置 */
+* {
+  box-sizing: border-box;
+}
+
+#app {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body, html {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  overflow: hidden; /* 保持主体不滚动，只在.app-main中滚动 */
+}
+</style>
diff --git a/src/api/entities.ts b/src/api/entities.ts
new file mode 100644
index 0000000..c0bf969
--- /dev/null
+++ b/src/api/entities.ts
@@ -0,0 +1,95 @@
+import { apiRequest } from './index'
+import type { Entity, ApiResponse, PaginatedResponse } from '@/types'
+
+export interface EntityCreateRequest {
+  name: string
+  type: string
+  side: string
+  position: {
+    lng: number
+    lat: number
+    alt: number
+  }
+  attributes?: Record<string, any>
+}
+
+export interface EntityUpdateRequest {
+  name?: string
+  position?: {
+    lng: number
+    lat: number
+    alt: number
+  }
+  status?: string
+  attributes?: Record<string, any>
+}
+
+export interface EntityQueryParams {
+  page?: number
+  pageSize?: number
+  type?: string
+  side?: string
+  status?: string
+  search?: string
+}
+
+// 实体管理API
+export const entitiesApi = {
+  // 获取实体列表
+  getEntities(params?: EntityQueryParams): Promise<ApiResponse<PaginatedResponse<Entity>>> {
+    return apiRequest.get('/api/entities', params)
+  },
+
+  // 根据ID获取实体详情
+  getEntityById(id: string): Promise<ApiResponse<Entity>> {
+    return apiRequest.get(`/api/entities/${id}`)
+  },
+
+  // 创建新实体
+  createEntity(data: EntityCreateRequest): Promise<ApiResponse<Entity>> {
+    return apiRequest.post('/api/entities', data)
+  },
+
+  // 更新实体
+  updateEntity(id: string, data: EntityUpdateRequest): Promise<ApiResponse<Entity>> {
+    return apiRequest.put(`/api/entities/${id}`, data)
+  },
+
+  // 删除实体
+  deleteEntity(id: string): Promise<ApiResponse<void>> {
+    return apiRequest.delete(`/api/entities/${id}`)
+  },
+
+  // 批量更新实体位置
+  updateEntityPositions(updates: Array<{ id: string; position: { lng: number; lat: number; alt: number } }>): Promise<ApiResponse<void>> {
+    return apiRequest.patch('/api/entities/positions', { updates })
+  },
+
+  // 获取实体类型列表
+  getEntityTypes(): Promise<ApiResponse<string[]>> {
+    return apiRequest.get('/api/entities/types')
+  },
+
+  // 获取指定边方的实体
+  getEntitiesBySide(side: string): Promise<ApiResponse<Entity[]>> {
+    return apiRequest.get(`/api/entities/side/${side}`)
+  },
+
+  // 搜索实体
+  searchEntities(query: string): Promise<ApiResponse<Entity[]>> {
+    return apiRequest.get('/api/entities/search', { q: query })
+  },
+
+  // 获取实体统计信息
+  getEntityStats(): Promise<ApiResponse<{
+    total: number
+    bySide: Record<string, number>
+    byType: Record<string, number>
+    byStatus: Record<string, number>
+  }>> {
+    return apiRequest.get('/api/entities/stats')
+  }
+}
+
+export default entitiesApi
+
diff --git a/src/api/index.ts b/src/api/index.ts
new file mode 100644
index 0000000..ba9f80f
--- /dev/null
+++ b/src/api/index.ts
@@ -0,0 +1,93 @@
+import axios, { type AxiosInstance, type AxiosResponse } from 'axios'
+import type { ApiResponse } from '@/types'
+
+// 创建axios实例
+const api: AxiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000',
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+})
+
+// 请求拦截器
+api.interceptors.request.use(
+  (config) => {
+    // 可以在这里添加认证token
+    const token = localStorage.getItem('token')
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    return config
+  },
+  (error) => {
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器
+api.interceptors.response.use(
+  (response: AxiosResponse) => {
+    return response.data
+  },
+  (error) => {
+    // 统一错误处理
+    console.error('API Error:', error)
+    
+    if (error.response) {
+      // 服务器返回错误状态码
+      const { status, data } = error.response
+      switch (status) {
+        case 401:
+          // 未授权，清除token并跳转到登录页
+          localStorage.removeItem('token')
+          window.location.href = '/login'
+          break
+        case 403:
+          console.error('Access forbidden')
+          break
+        case 404:
+          console.error('Resource not found')
+          break
+        case 500:
+          console.error('Internal server error')
+          break
+        default:
+          console.error(`HTTP Error ${status}:`, data?.message || error.message)
+      }
+    } else if (error.request) {
+      // 网络错误
+      console.error('Network Error:', error.message)
+    } else {
+      // 其他错误
+      console.error('Error:', error.message)
+    }
+    
+    return Promise.reject(error)
+  }
+)
+
+// 通用API请求方法
+export const apiRequest = {
+  get<T = any>(url: string, params?: any): Promise<ApiResponse<T>> {
+    return api.get(url, { params })
+  },
+  
+  post<T = any>(url: string, data?: any): Promise<ApiResponse<T>> {
+    return api.post(url, data)
+  },
+  
+  put<T = any>(url: string, data?: any): Promise<ApiResponse<T>> {
+    return api.put(url, data)
+  },
+  
+  delete<T = any>(url: string): Promise<ApiResponse<T>> {
+    return api.delete(url)
+  },
+  
+  patch<T = any>(url: string, data?: any): Promise<ApiResponse<T>> {
+    return api.patch(url, data)
+  }
+}
+
+export default api
diff --git a/src/api/missions.ts b/src/api/missions.ts
new file mode 100644
index 0000000..1f4e7bd
--- /dev/null
+++ b/src/api/missions.ts
@@ -0,0 +1,167 @@
+import { apiRequest } from './index'
+import type { Mission, FlightPath, ApiResponse, PaginatedResponse } from '@/types'
+
+export interface MissionCreateRequest {
+  name: string
+  side: string
+  description?: string
+  startTime: string
+  endTime?: string
+  config: {
+    objectives: string[]
+    constraints: string[]
+    rules: Record<string, any>
+    participants: string[]
+  }
+}
+
+export interface MissionUpdateRequest {
+  name?: string
+  description?: string
+  startTime?: string
+  endTime?: string
+  status?: string
+  config?: Partial<MissionCreateRequest['config']>
+}
+
+export interface FlightPathCreateRequest {
+  entityId: string
+  waypoints: Array<{
+    position: { lng: number; lat: number; alt: number }
+    altitude: number
+    speed?: number
+    heading?: number
+    arrivalTime?: string
+    actions?: Array<{
+      type: string
+      target?: string
+      duration?: number
+      parameters?: Record<string, any>
+    }>
+  }>
+}
+
+export interface MissionQueryParams {
+  page?: number
+  pageSize?: number
+  side?: string
+  status?: string
+  search?: string
+  startDate?: string
+  endDate?: string
+}
+
+// 任务管理API
+export const missionsApi = {
+  // 获取任务列表
+  getMissions(params?: MissionQueryParams): Promise<ApiResponse<PaginatedResponse<Mission>>> {
+    return apiRequest.get('/api/missions', params)
+  },
+
+  // 根据ID获取任务详情
+  getMissionById(id: string): Promise<ApiResponse<Mission>> {
+    return apiRequest.get(`/api/missions/${id}`)
+  },
+
+  // 创建新任务
+  createMission(data: MissionCreateRequest): Promise<ApiResponse<Mission>> {
+    return apiRequest.post('/api/missions', data)
+  },
+
+  // 更新任务
+  updateMission(id: string, data: MissionUpdateRequest): Promise<ApiResponse<Mission>> {
+    return apiRequest.put(`/api/missions/${id}`, data)
+  },
+
+  // 删除任务
+  deleteMission(id: string): Promise<ApiResponse<void>> {
+    return apiRequest.delete(`/api/missions/${id}`)
+  },
+
+  // 开始任务
+  startMission(id: string): Promise<ApiResponse<Mission>> {
+    return apiRequest.post(`/api/missions/${id}/start`)
+  },
+
+  // 暂停任务
+  pauseMission(id: string): Promise<ApiResponse<Mission>> {
+    return apiRequest.post(`/api/missions/${id}/pause`)
+  },
+
+  // 结束任务
+  endMission(id: string): Promise<ApiResponse<Mission>> {
+    return apiRequest.post(`/api/missions/${id}/end`)
+  },
+
+  // 获取任务参与的实体
+  getMissionEntities(id: string): Promise<ApiResponse<string[]>> {
+    return apiRequest.get(`/api/missions/${id}/entities`)
+  },
+
+  // 添加实体到任务
+  addEntityToMission(id: string, entityId: string): Promise<ApiResponse<void>> {
+    return apiRequest.post(`/api/missions/${id}/entities`, { entityId })
+  },
+
+  // 从任务中移除实体
+  removeEntityFromMission(id: string, entityId: string): Promise<ApiResponse<void>> {
+    return apiRequest.delete(`/api/missions/${id}/entities/${entityId}`)
+  },
+
+  // 获取任务统计
+  getMissionStats(): Promise<ApiResponse<{
+    total: number
+    byStatus: Record<string, number>
+    bySide: Record<string, number>
+    active: number
+  }>> {
+    return apiRequest.get('/api/missions/stats')
+  }
+}
+
+// 航线规划API
+export const flightPathsApi = {
+  // 获取实体的航线
+  getFlightPath(entityId: string): Promise<ApiResponse<FlightPath>> {
+    return apiRequest.get(`/api/flight-paths/entity/${entityId}`)
+  },
+
+  // 创建航线
+  createFlightPath(data: FlightPathCreateRequest): Promise<ApiResponse<FlightPath>> {
+    return apiRequest.post('/api/flight-paths', data)
+  },
+
+  // 更新航线
+  updateFlightPath(id: string, data: Partial<FlightPathCreateRequest>): Promise<ApiResponse<FlightPath>> {
+    return apiRequest.put(`/api/flight-paths/${id}`, data)
+  },
+
+  // 删除航线
+  deleteFlightPath(id: string): Promise<ApiResponse<void>> {
+    return apiRequest.delete(`/api/flight-paths/${id}`)
+  },
+
+  // 获取任务的所有航线
+  getMissionFlightPaths(missionId: string): Promise<ApiResponse<FlightPath[]>> {
+    return apiRequest.get(`/api/flight-paths/mission/${missionId}`)
+  },
+
+  // 验证航线
+  validateFlightPath(data: FlightPathCreateRequest): Promise<ApiResponse<{
+    valid: boolean
+    warnings: string[]
+    errors: string[]
+  }>> {
+    return apiRequest.post('/api/flight-paths/validate', data)
+  },
+
+  // 优化航线
+  optimizeFlightPath(id: string, options?: {
+    optimizeFor?: 'time' | 'fuel' | 'safety'
+    avoidThreats?: boolean
+  }): Promise<ApiResponse<FlightPath>> {
+    return apiRequest.post(`/api/flight-paths/${id}/optimize`, options)
+  }
+}
+
+export default { missionsApi, flightPathsApi }
diff --git a/src/api/websocket.ts b/src/api/websocket.ts
new file mode 100644
index 0000000..c9ea961
--- /dev/null
+++ b/src/api/websocket.ts
@@ -0,0 +1,202 @@
+import { io, type Socket } from 'socket.io-client'
+import type { WebSocketMessage, Entity, SituationData } from '@/types'
+
+class WebSocketClient {
+  private socket: Socket | null = null
+  private reconnectAttempts = 0
+  private maxReconnectAttempts = 5
+  private reconnectInterval = 3000
+  private eventHandlers: Map<string, Function[]> = new Map()
+
+  constructor() {
+    this.connect()
+  }
+
+  // 连接WebSocket
+  private connect() {
+    const wsUrl = import.meta.env.VITE_WS_URL || 'ws://localhost:8000'
+    
+    this.socket = io(wsUrl, {
+      transports: ['websocket'],
+      timeout: 10000,
+      forceNew: true
+    })
+
+    this.setupEventHandlers()
+  }
+
+  // 设置事件处理器
+  private setupEventHandlers() {
+    if (!this.socket) return
+
+    // 连接成功
+    this.socket.on('connect', () => {
+      console.log('WebSocket连接成功')
+      this.reconnectAttempts = 0
+      this.emit('connected')
+    })
+
+    // 连接断开
+    this.socket.on('disconnect', (reason) => {
+      console.log('WebSocket连接断开:', reason)
+      this.emit('disconnected', reason)
+      
+      // 自动重连
+      if (reason === 'io server disconnect') {
+        // 服务器主动断开，不重连
+        return
+      }
+      
+      this.attemptReconnect()
+    })
+
+    // 连接错误
+    this.socket.on('connect_error', (error) => {
+      console.error('WebSocket连接错误:', error)
+      this.emit('error', error)
+      this.attemptReconnect()
+    })
+
+    // 实体更新
+    this.socket.on('entity_update', (data: Entity) => {
+      this.emit('entity_update', data)
+    })
+
+    // 实体创建
+    this.socket.on('entity_created', (data: Entity) => {
+      this.emit('entity_created', data)
+    })
+
+    // 实体删除
+    this.socket.on('entity_deleted', (data: { id: string }) => {
+      this.emit('entity_deleted', data)
+    })
+
+    // 态势更新
+    this.socket.on('situation_update', (data: SituationData) => {
+      this.emit('situation_update', data)
+    })
+
+    // 任务状态更新
+    this.socket.on('mission_status', (data: { id: string; status: string; timestamp: string }) => {
+      this.emit('mission_status', data)
+    })
+
+    // 威胁警报
+    this.socket.on('threat_alert', (data: any) => {
+      this.emit('threat_alert', data)
+    })
+
+    // 系统通知
+    this.socket.on('notification', (data: any) => {
+      this.emit('notification', data)
+    })
+
+    // 自定义消息
+    this.socket.on('message', (data: WebSocketMessage) => {
+      this.emit('message', data)
+    })
+  }
+
+  // 尝试重连
+  private attemptReconnect() {
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.error('WebSocket重连次数已达上限')
+      this.emit('max_reconnect_attempts_reached')
+      return
+    }
+
+    this.reconnectAttempts++
+    console.log(`正在尝试第 ${this.reconnectAttempts} 次重连...`)
+
+    setTimeout(() => {
+      if (this.socket) {
+        this.socket.connect()
+      }
+    }, this.reconnectInterval * this.reconnectAttempts)
+  }
+
+  // 加入任务房间
+  joinMission(missionId: string) {
+    if (this.socket) {
+      this.socket.emit('join_mission', { missionId })
+      console.log(`已加入任务房间: ${missionId}`)
+    }
+  }
+
+  // 离开任务房间
+  leaveMission(missionId: string) {
+    if (this.socket) {
+      this.socket.emit('leave_mission', { missionId })
+      console.log(`已离开任务房间: ${missionId}`)
+    }
+  }
+
+  // 发送消息
+  send(event: string, data: any) {
+    if (this.socket && this.socket.connected) {
+      this.socket.emit(event, data)
+    } else {
+      console.warn('WebSocket未连接，无法发送消息')
+    }
+  }
+
+  // 订阅事件
+  on(event: string, handler: Function) {
+    if (!this.eventHandlers.has(event)) {
+      this.eventHandlers.set(event, [])
+    }
+    this.eventHandlers.get(event)?.push(handler)
+  }
+
+  // 取消订阅事件
+  off(event: string, handler: Function) {
+    const handlers = this.eventHandlers.get(event)
+    if (handlers) {
+      const index = handlers.indexOf(handler)
+      if (index > -1) {
+        handlers.splice(index, 1)
+      }
+    }
+  }
+
+  // 触发事件
+  private emit(event: string, data?: any) {
+    const handlers = this.eventHandlers.get(event)
+    if (handlers) {
+      handlers.forEach(handler => handler(data))
+    }
+  }
+
+  // 获取连接状态
+  get connected() {
+    return this.socket?.connected || false
+  }
+
+  // 获取Socket ID
+  get socketId() {
+    return this.socket?.id
+  }
+
+  // 断开连接
+  disconnect() {
+    if (this.socket) {
+      this.socket.disconnect()
+      this.socket = null
+    }
+  }
+
+  // 手动重连
+  reconnect() {
+    this.disconnect()
+    this.reconnectAttempts = 0
+    this.connect()
+  }
+}
+
+// 创建全局WebSocket实例
+export const wsClient = new WebSocketClient()
+
+// 导出类型和实例
+export default WebSocketClient
+export { WebSocketClient }
diff --git a/src/components/charts/MilitaryChart.vue b/src/components/charts/MilitaryChart.vue
new file mode 100644
index 0000000..c8a7734
--- /dev/null
+++ b/src/components/charts/MilitaryChart.vue
@@ -0,0 +1,611 @@
+<template>
+  <div class="military-chart" :class="`military-chart--${type}`">
+    <div v-if="title" class="military-chart__header">
+      <h4 class="military-chart__title">{{ title }}</h4>
+      <div v-if="subtitle" class="military-chart__subtitle">{{ subtitle }}</div>
+    </div>
+    
+    <div class="military-chart__container" ref="chartContainer">
+      <!-- 雷达图 -->
+      <div v-if="type === 'radar'" class="radar-chart">
+        <svg :width="size" :height="size" class="radar-svg">
+          <!-- 背景网格 -->
+          <g class="radar-grid">
+            <circle 
+              v-for="(ring, index) in radarRings" 
+              :key="index"
+              :cx="center" 
+              :cy="center" 
+              :r="ring.radius"
+              fill="none" 
+              :stroke="gridColor"
+              stroke-width="1"
+            />
+            <line 
+              v-for="(angle, index) in radarAngles" 
+              :key="index"
+              :x1="center" 
+              :y1="center"
+              :x2="center + maxRadius * Math.cos(angle)"
+              :y2="center + maxRadius * Math.sin(angle)"
+              :stroke="gridColor"
+              stroke-width="1"
+            />
+          </g>
+          
+          <!-- 数据区域 -->
+          <polygon 
+            :points="radarPoints"
+            :fill="fillColor"
+            :stroke="strokeColor"
+            stroke-width="2"
+            fill-opacity="0.3"
+          />
+          
+          <!-- 数据点 -->
+          <circle 
+            v-for="(point, index) in radarDataPoints" 
+            :key="index"
+            :cx="point.x" 
+            :cy="point.y" 
+            r="4"
+            :fill="strokeColor"
+          />
+          
+          <!-- 标签 -->
+          <text 
+            v-for="(label, index) in radarLabels" 
+            :key="index"
+            :x="label.x" 
+            :y="label.y"
+            :fill="textColor"
+            text-anchor="middle"
+            font-size="12"
+            font-weight="500"
+          >
+            {{ label.text }}
+          </text>
+        </svg>
+      </div>
+      
+      <!-- 条形图 -->
+      <div v-else-if="type === 'bar'" class="bar-chart">
+        <div class="bar-chart__bars">
+          <div 
+            v-for="(item, index) in chartData" 
+            :key="index"
+            class="bar-chart__item"
+          >
+            <div class="bar-chart__label">{{ item.label }}</div>
+            <div class="bar-chart__bar-container">
+              <div 
+                class="bar-chart__bar"
+                :class="`bar-chart__bar--${item.side || 'neutral'}`"
+                :style="{ width: `${(item.value / maxValue) * 100}%` }"
+              >
+                <span class="bar-chart__value">{{ item.value }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <!-- 环形图 -->
+      <div v-else-if="type === 'donut'" class="donut-chart">
+        <svg :width="size" :height="size" class="donut-svg">
+          <g :transform="`translate(${center}, ${center})`">
+            <path 
+              v-for="(segment, index) in donutSegments" 
+              :key="index"
+              :d="segment.path"
+              :fill="segment.color"
+              :stroke="backgroundColor"
+              stroke-width="2"
+              class="donut-segment"
+              @mouseover="onSegmentHover(segment, index)"
+              @mouseleave="onSegmentLeave"
+            >
+              <title>{{ segment.label }}: {{ segment.value }}</title>
+            </path>
+          </g>
+          
+          <!-- 中心文本 -->
+          <text 
+            :x="center" 
+            :y="center - 10"
+            :fill="textColor"
+            text-anchor="middle"
+            font-size="16"
+            font-weight="bold"
+          >
+            {{ centerText }}
+          </text>
+          <text 
+            :x="center" 
+            :y="center + 8"
+            :fill="textColor"
+            text-anchor="middle"
+            font-size="12"
+          >
+            {{ centerSubtext }}
+          </text>
+        </svg>
+      </div>
+      
+      <!-- 态势图 -->
+      <div v-else-if="type === 'situation'" class="situation-chart">
+        <div class="situation-chart__grid">
+          <div 
+            v-for="(entity, index) in situationData" 
+            :key="index"
+            class="situation-chart__entity"
+            :class="`situation-chart__entity--${entity.side}`"
+            :style="{ 
+              left: `${entity.x}%`, 
+              top: `${entity.y}%`,
+              transform: `rotate(${entity.heading || 0}deg)`
+            }"
+            @click="onEntityClick(entity)"
+          >
+            <div class="situation-chart__entity-icon">
+              {{ getEntityIcon(entity.type) }}
+            </div>
+            <div class="situation-chart__entity-label">
+              {{ entity.name }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <!-- 图例 -->
+    <div v-if="showLegend && legend.length" class="military-chart__legend">
+      <div 
+        v-for="(item, index) in legend" 
+        :key="index"
+        class="military-chart__legend-item"
+      >
+        <div 
+          class="military-chart__legend-color"
+          :style="{ backgroundColor: item.color }"
+        ></div>
+        <span class="military-chart__legend-label">{{ item.label }}</span>
+        <span v-if="item.value" class="military-chart__legend-value">{{ item.value }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, onMounted } from 'vue'
+
+interface ChartDataItem {
+  label: string
+  value: number
+  side?: 'red' | 'blue' | 'neutral'
+  color?: string
+}
+
+interface SituationEntity {
+  id: string
+  name: string
+  type: string
+  side: 'red' | 'blue' | 'neutral'
+  x: number
+  y: number
+  heading?: number
+}
+
+interface LegendItem {
+  label: string
+  color: string
+  value?: string | number
+}
+
+interface Props {
+  type: 'radar' | 'bar' | 'donut' | 'situation'
+  data: ChartDataItem[] | SituationEntity[]
+  title?: string
+  subtitle?: string
+  size?: number
+  showLegend?: boolean
+  centerText?: string
+  centerSubtext?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 300,
+  showLegend: true,
+  centerText: '总计',
+  centerSubtext: '实体'
+})
+
+const emit = defineEmits<{
+  entityClick: [entity: SituationEntity]
+  segmentHover: [segment: any, index: number]
+  segmentLeave: []
+}>()
+
+const chartContainer = ref<HTMLElement>()
+
+// 计算属性
+const center = computed(() => props.size / 2)
+const maxRadius = computed(() => props.size / 2 - 40)
+const innerRadius = computed(() => maxRadius.value * 0.5)
+
+const chartData = computed(() => props.data as ChartDataItem[])
+const situationData = computed(() => props.data as SituationEntity[])
+
+const maxValue = computed(() => {
+  if (props.type === 'bar') {
+    return Math.max(...chartData.value.map(item => item.value))
+  }
+  return 100
+})
+
+// 雷达图计算
+const radarRings = computed(() => {
+  return Array(5).fill(0).map((_, index) => ({
+    radius: maxRadius.value * (index + 1) / 5
+  }))
+})
+
+const radarAngles = computed(() => {
+  const count = chartData.value.length
+  return Array(count).fill(0).map((_, index) => 
+    (index * 2 * Math.PI / count) - Math.PI / 2
+  )
+})
+
+const radarPoints = computed(() => {
+  return chartData.value.map((item, index) => {
+    const angle = radarAngles.value[index]
+    const radius = (item.value / 100) * maxRadius.value
+    const x = center.value + radius * Math.cos(angle)
+    const y = center.value + radius * Math.sin(angle)
+    return `${x},${y}`
+  }).join(' ')
+})
+
+const radarDataPoints = computed(() => {
+  return chartData.value.map((item, index) => {
+    const angle = radarAngles.value[index]
+    const radius = (item.value / 100) * maxRadius.value
+    return {
+      x: center.value + radius * Math.cos(angle),
+      y: center.value + radius * Math.sin(angle)
+    }
+  })
+})
+
+const radarLabels = computed(() => {
+  return chartData.value.map((item, index) => {
+    const angle = radarAngles.value[index]
+    const labelRadius = maxRadius.value + 20
+    return {
+      x: center.value + labelRadius * Math.cos(angle),
+      y: center.value + labelRadius * Math.sin(angle),
+      text: item.label
+    }
+  })
+})
+
+// 环形图计算
+const donutSegments = computed(() => {
+  const total = chartData.value.reduce((sum, item) => sum + item.value, 0)
+  let currentAngle = 0
+  
+  return chartData.value.map(item => {
+    const startAngle = currentAngle
+    const endAngle = currentAngle + (item.value / total) * 2 * Math.PI
+    currentAngle = endAngle
+    
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0
+    
+    const x1 = maxRadius.value * Math.cos(startAngle)
+    const y1 = maxRadius.value * Math.sin(startAngle)
+    const x2 = maxRadius.value * Math.cos(endAngle)
+    const y2 = maxRadius.value * Math.sin(endAngle)
+    
+    const x3 = innerRadius.value * Math.cos(endAngle)
+    const y3 = innerRadius.value * Math.sin(endAngle)
+    const x4 = innerRadius.value * Math.cos(startAngle)
+    const y4 = innerRadius.value * Math.sin(startAngle)
+    
+    const path = [
+      `M ${x1} ${y1}`,
+      `A ${maxRadius.value} ${maxRadius.value} 0 ${largeArcFlag} 1 ${x2} ${y2}`,
+      `L ${x3} ${y3}`,
+      `A ${innerRadius.value} ${innerRadius.value} 0 ${largeArcFlag} 0 ${x4} ${y4}`,
+      'Z'
+    ].join(' ')
+    
+    return {
+      path,
+      color: item.color || getSideColor(item.side),
+      label: item.label,
+      value: item.value
+    }
+  })
+})
+
+// 图例计算
+const legend = computed(() => {
+  return chartData.value.map(item => ({
+    label: item.label,
+    color: item.color || getSideColor(item.side),
+    value: item.value
+  }))
+})
+
+// 样式计算
+const gridColor = '#e0e0e0'
+const textColor = '#666'
+const backgroundColor = '#fff'
+const fillColor = 'rgba(64, 158, 255, 0.3)'
+const strokeColor = '#409eff'
+
+// 方法
+const getSideColor = (side?: string) => {
+  const colors = {
+    red: '#f56c6c',
+    blue: '#409eff',
+    neutral: '#909399'
+  }
+  return colors[side as keyof typeof colors] || '#909399'
+}
+
+const getEntityIcon = (type: string) => {
+  const icons = {
+    fighter: '✈️',
+    drone: '🚁',
+    missile: '🚀',
+    ship: '🚢',
+    tank: '🎖️',
+    radar: '📡'
+  }
+  return icons[type as keyof typeof icons] || '⚫'
+}
+
+const onEntityClick = (entity: SituationEntity) => {
+  emit('entityClick', entity)
+}
+
+const onSegmentHover = (segment: any, index: number) => {
+  emit('segmentHover', segment, index)
+}
+
+const onSegmentLeave = () => {
+  emit('segmentLeave')
+}
+</script>
+
+<style lang="scss" scoped>
+@use 'sass:color';
+@use '@/styles/variables.scss' as *;
+
+.military-chart {
+  background: $bg-secondary;
+  border-radius: $border-radius-large;
+  border: 1px solid $border-light;
+  overflow: hidden;
+  
+  &--radar {
+    .radar-svg {
+      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+    }
+  }
+}
+
+.military-chart__header {
+  padding: $spacing-base $spacing-lg;
+  border-bottom: 1px solid $border-light;
+  background: rgba(245, 245, 245, 0.5);
+}
+
+.military-chart__title {
+  margin: 0 0 $spacing-xs 0;
+  font-size: $font-size-lg;
+  font-weight: $font-weight-semibold;
+  color: $text-primary;
+}
+
+.military-chart__subtitle {
+  font-size: $font-size-sm;
+  color: $text-secondary;
+}
+
+.military-chart__container {
+  padding: $spacing-lg;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 200px;
+}
+
+// 条形图样式
+.bar-chart__bars {
+  width: 100%;
+  max-width: 400px;
+}
+
+.bar-chart__item {
+  margin-bottom: $spacing-base;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.bar-chart__label {
+  font-size: $font-size-sm;
+  font-weight: $font-weight-medium;
+  color: $text-primary;
+  margin-bottom: $spacing-xs;
+}
+
+.bar-chart__bar-container {
+  position: relative;
+  height: 24px;
+  background: $border-light;
+  border-radius: $border-radius-base;
+  overflow: hidden;
+}
+
+.bar-chart__bar {
+  height: 100%;
+  border-radius: $border-radius-base;
+  transition: width $transition-base ease;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: $spacing-sm;
+  
+  &--red {
+    background: linear-gradient(90deg, $red-side-dark, $red-side);
+  }
+  
+  &--blue {
+    background: linear-gradient(90deg, $blue-side-dark, $blue-side);
+  }
+  
+  &--neutral {
+    background: linear-gradient(90deg, color.adjust($neutral-side, $lightness: -10%), $neutral-side);
+  }
+}
+
+.bar-chart__value {
+  color: white;
+  font-size: $font-size-xs;
+  font-weight: $font-weight-semibold;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+// 环形图样式
+.donut-segment {
+  cursor: pointer;
+  transition: opacity $transition-base ease;
+  
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
+// 态势图样式
+.situation-chart {
+  width: 100%;
+  height: 300px;
+  position: relative;
+}
+
+.situation-chart__grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: 
+    linear-gradient(to right, $border-light 1px, transparent 1px),
+    linear-gradient(to bottom, $border-light 1px, transparent 1px);
+  background-size: 20px 20px;
+  border: 2px solid $border-base;
+  border-radius: $border-radius-base;
+  overflow: hidden;
+}
+
+.situation-chart__entity {
+  position: absolute;
+  cursor: pointer;
+  transition: all $transition-base ease;
+  
+  &:hover {
+    transform: scale(1.2) !important;
+    z-index: 10;
+  }
+  
+  &--red {
+    color: $red-side;
+  }
+  
+  &--blue {
+    color: $blue-side;
+  }
+  
+  &--neutral {
+    color: $neutral-side;
+  }
+}
+
+.situation-chart__entity-icon {
+  font-size: 20px;
+  text-align: center;
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
+}
+
+.situation-chart__entity-label {
+  font-size: $font-size-xs;
+  text-align: center;
+  margin-top: 2px;
+  background: rgba(255, 255, 255, 0.9);
+  border-radius: $border-radius-small;
+  padding: 1px 4px;
+  white-space: nowrap;
+}
+
+// 图例样式
+.military-chart__legend {
+  padding: $spacing-base $spacing-lg;
+  border-top: 1px solid $border-light;
+  background: rgba(245, 245, 245, 0.3);
+  display: flex;
+  flex-wrap: wrap;
+  gap: $spacing-base;
+}
+
+.military-chart__legend-item {
+  display: flex;
+  align-items: center;
+  gap: $spacing-xs;
+}
+
+.military-chart__legend-color {
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.military-chart__legend-label {
+  font-size: $font-size-sm;
+  color: $text-primary;
+}
+
+.military-chart__legend-value {
+  font-size: $font-size-sm;
+  color: $text-secondary;
+  font-weight: $font-weight-medium;
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-sm) {
+  .military-chart__container {
+    padding: $spacing-base;
+  }
+  
+  .military-chart__header {
+    padding: $spacing-base;
+  }
+  
+  .military-chart__legend {
+    padding: $spacing-base;
+    gap: $spacing-sm;
+  }
+  
+  .situation-chart {
+    height: 250px;
+  }
+  
+  .situation-chart__entity-icon {
+    font-size: 16px;
+  }
+}
+</style>
+
diff --git a/src/components/common/MilitaryCard.vue b/src/components/common/MilitaryCard.vue
new file mode 100644
index 0000000..33db195
--- /dev/null
+++ b/src/components/common/MilitaryCard.vue
@@ -0,0 +1,338 @@
+<template>
+  <div 
+    class="military-card" 
+    :class="[
+      `military-card--${variant}`,
+      `military-card--${side}`,
+      {
+        'military-card--hoverable': hoverable,
+        'military-card--selected': selected,
+        'military-card--disabled': disabled,
+        'military-card--loading': loading
+      }
+    ]"
+    @click="handleClick"
+  >
+    <!-- 卡片头部 -->
+    <div v-if="title || $slots.header" class="military-card__header">
+      <div class="military-card__title">
+        <div class="military-card__icon" v-if="icon">
+          {{ icon }}
+        </div>
+        <span class="military-card__title-text">{{ title }}</span>
+        <div class="military-card__badge" v-if="badge">
+          <el-tag :type="badgeType" size="small">{{ badge }}</el-tag>
+        </div>
+      </div>
+      <div class="military-card__extra" v-if="$slots.extra">
+        <slot name="extra"></slot>
+      </div>
+      <slot name="header"></slot>
+    </div>
+
+    <!-- 卡片内容 -->
+    <div class="military-card__body">
+      <div v-if="loading" class="military-card__loading">
+        <el-icon class="is-loading">
+          <Loading />
+        </el-icon>
+        <span>{{ loadingText }}</span>
+      </div>
+      <slot v-else></slot>
+    </div>
+
+    <!-- 卡片底部 -->
+    <div v-if="$slots.footer" class="military-card__footer">
+      <slot name="footer"></slot>
+    </div>
+
+    <!-- 状态指示器 -->
+    <div v-if="status" class="military-card__status" :class="`status--${status}`">
+      <div class="status-dot"></div>
+    </div>
+
+    <!-- 选中指示器 -->
+    <div v-if="selected" class="military-card__selected-indicator">
+      <el-icon>
+        <Check />
+      </el-icon>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { Loading, Check } from '@element-plus/icons-vue'
+
+interface Props {
+  title?: string
+  icon?: string
+  badge?: string
+  badgeType?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+  variant?: 'default' | 'outlined' | 'shadow' | 'glass'
+  side?: 'red' | 'blue' | 'neutral'
+  status?: 'active' | 'inactive' | 'destroyed' | 'damaged' | 'unknown'
+  hoverable?: boolean
+  selected?: boolean
+  disabled?: boolean
+  loading?: boolean
+  loadingText?: string
+  clickable?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  side: 'neutral',
+  badgeType: 'primary',
+  loadingText: '加载中...',
+  hoverable: false,
+  selected: false,
+  disabled: false,
+  loading: false,
+  clickable: true
+})
+
+const emit = defineEmits<{
+  click: [event: MouseEvent]
+}>()
+
+const handleClick = (event: MouseEvent) => {
+  if (!props.disabled && props.clickable) {
+    emit('click', event)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@use '@/styles/variables.scss' as *;
+
+.military-card {
+  position: relative;
+  background: $bg-secondary;
+  border-radius: $border-radius-large;
+  border: 1px solid $border-light;
+  transition: all $transition-base ease;
+  overflow: hidden;
+
+  &--hoverable {
+    cursor: pointer;
+    
+    &:hover {
+      border-color: $primary-color;
+      box-shadow: $shadow-base;
+      transform: translateY(-2px);
+    }
+  }
+
+  &--selected {
+    border-color: $primary-color;
+    box-shadow: 0 0 0 2px rgba(30, 60, 114, 0.2);
+  }
+
+  &--disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    
+    &:hover {
+      transform: none;
+      box-shadow: none;
+    }
+  }
+
+  &--loading {
+    pointer-events: none;
+  }
+
+  // 变体样式
+  &--outlined {
+    background: transparent;
+    border: 2px solid $border-base;
+  }
+
+  &--shadow {
+    box-shadow: $shadow-heavy;
+    border: none;
+  }
+
+  &--glass {
+    background: $bg-panel;
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+  }
+
+  // 阵营样式
+  &--red {
+    border-left: 4px solid $red-side;
+    
+    .military-card__header {
+      background: linear-gradient(90deg, rgba(245, 108, 108, 0.1) 0%, transparent 100%);
+    }
+  }
+
+  &--blue {
+    border-left: 4px solid $blue-side;
+    
+    .military-card__header {
+      background: linear-gradient(90deg, rgba(64, 158, 255, 0.1) 0%, transparent 100%);
+    }
+  }
+
+  &--neutral {
+    border-left: 4px solid $neutral-side;
+  }
+}
+
+.military-card__header {
+  padding: $spacing-base $spacing-lg;
+  border-bottom: 1px solid $border-light;
+  background: rgba(245, 245, 245, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.military-card__title {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+  flex: 1;
+}
+
+.military-card__icon {
+  font-size: $font-size-lg;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.military-card__title-text {
+  font-size: $font-size-lg;
+  font-weight: $font-weight-semibold;
+  color: $text-primary;
+}
+
+.military-card__badge {
+  margin-left: auto;
+}
+
+.military-card__extra {
+  margin-left: $spacing-base;
+}
+
+.military-card__body {
+  padding: $spacing-lg;
+  min-height: 60px;
+  position: relative;
+}
+
+.military-card__loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: $spacing-sm;
+  color: $text-secondary;
+  font-size: $font-size-sm;
+  height: 60px;
+}
+
+.military-card__footer {
+  padding: $spacing-base $spacing-lg;
+  border-top: 1px solid $border-light;
+  background: rgba(245, 245, 245, 0.3);
+}
+
+.military-card__status {
+  position: absolute;
+  top: $spacing-base;
+  right: $spacing-base;
+  width: 12px;
+  height: 12px;
+
+  .status-dot {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    animation: pulse 2s infinite;
+  }
+
+  &.status--active .status-dot {
+    background: $active-color;
+    box-shadow: 0 0 8px rgba(0, 208, 132, 0.4);
+  }
+
+  &.status--inactive .status-dot {
+    background: $inactive-color;
+  }
+
+  &.status--destroyed .status-dot {
+    background: $destroyed-color;
+    animation: none;
+  }
+
+  &.status--damaged .status-dot {
+    background: $damaged-color;
+    animation: blink 1s infinite;
+  }
+
+  &.status--unknown .status-dot {
+    background: $text-placeholder;
+    animation: none;
+  }
+}
+
+.military-card__selected-indicator {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  width: 24px;
+  height: 24px;
+  background: $primary-color;
+  border-radius: 0 $border-radius-large 0 $border-radius-large;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 12px;
+}
+
+@keyframes pulse {
+  0%, 100% { 
+    opacity: 1; 
+    transform: scale(1);
+  }
+  50% { 
+    opacity: 0.7; 
+    transform: scale(1.1);
+  }
+}
+
+@keyframes blink {
+  0%, 50% { 
+    opacity: 1; 
+  }
+  51%, 100% { 
+    opacity: 0.3; 
+  }
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-sm) {
+  .military-card__header {
+    padding: $spacing-sm $spacing-base;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: $spacing-sm;
+  }
+
+  .military-card__body {
+    padding: $spacing-base;
+  }
+
+  .military-card__footer {
+    padding: $spacing-sm $spacing-base;
+  }
+}
+</style>
+
diff --git a/src/components/entity/EntityConfigPanel.vue b/src/components/entity/EntityConfigPanel.vue
new file mode 100644
index 0000000..4e3d263
--- /dev/null
+++ b/src/components/entity/EntityConfigPanel.vue
@@ -0,0 +1,118 @@
+<!-- EntityConfigPanel.vue - 实体配置面板组件 -->
+<template>
+  <div class="entity-config-panel">
+    <div class="config-header">
+      <h3>实体配置</h3>
+      <el-button-group size="small">
+        <el-button @click="resetConfig">重置</el-button>
+        <el-button type="primary" @click="saveConfig">保存</el-button>
+      </el-button-group>
+    </div>
+    
+    <div class="config-content">
+      <el-form :model="config" label-width="80px" size="small">
+        <el-form-item label="实体类型">
+          <el-select v-model="config.type" placeholder="选择实体类型">
+            <el-option label="战斗机" value="fighter" />
+            <el-option label="无人机" value="drone" />
+            <el-option label="导弹" value="missile" />
+            <el-option label="军舰" value="ship" />
+            <el-option label="坦克" value="tank" />
+            <el-option label="雷达" value="radar" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item label="所属阵营">
+          <el-radio-group v-model="config.side">
+            <el-radio-button label="red">红方</el-radio-button>
+            <el-radio-button label="blue">蓝方</el-radio-button>
+            <el-radio-button label="neutral">中立</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        
+        <el-form-item label="移动速度">
+          <el-slider v-model="config.speed" :min="0" :max="1000" show-input />
+        </el-form-item>
+        
+        <el-form-item label="武器系统">
+          <el-checkbox-group v-model="config.weapons">
+            <el-checkbox label="主炮">主炮</el-checkbox>
+            <el-checkbox label="导弹">导弹</el-checkbox>
+            <el-checkbox label="鱼雷">鱼雷</el-checkbox>
+            <el-checkbox label="防空">防空</el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+
+// 配置数据
+const config = reactive({
+  type: 'fighter',
+  side: 'red',
+  speed: 300,
+  weapons: ['主炮', '导弹']
+})
+
+// 事件定义
+const emit = defineEmits<{
+  save: [config: typeof config]
+  reset: []
+}>()
+
+// 方法
+function resetConfig() {
+  config.type = 'fighter'
+  config.side = 'red'
+  config.speed = 300
+  config.weapons = ['主炮', '导弹']
+  emit('reset')
+}
+
+function saveConfig() {
+  emit('save', { ...config })
+}
+</script>
+
+<style scoped lang="scss">
+@use 'sass:color';
+@import '@/styles/variables.scss';
+
+.entity-config-panel {
+  padding: $spacing-base;
+  background: $bg-secondary;
+  border-radius: $border-radius-base;
+  border: 1px solid $border-light;
+}
+
+.config-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: $spacing-base;
+  padding-bottom: $spacing-sm;
+  border-bottom: 1px solid $border-light;
+  
+  h3 {
+    margin: 0;
+    color: $text-primary;
+    font-size: $font-size-lg;
+    font-weight: $font-weight-semibold;
+  }
+}
+
+.config-content {
+  :deep(.el-form-item) {
+    margin-bottom: $spacing-sm;
+  }
+  
+  :deep(.el-form-item__label) {
+    color: $text-regular;
+    font-weight: $font-weight-medium;
+  }
+}
+</style>
diff --git a/src/components/entity/WeaponStatsPanel.vue b/src/components/entity/WeaponStatsPanel.vue
new file mode 100644
index 0000000..6e45787
--- /dev/null
+++ b/src/components/entity/WeaponStatsPanel.vue
@@ -0,0 +1,141 @@
+<!-- WeaponStatsPanel.vue - 武器统计面板组件 -->
+<template>
+  <div class="weapon-stats-panel">
+    <div class="stats-header">
+      <h3>武器统计</h3>
+      <el-tag :type="statusType" size="small">{{ statusText }}</el-tag>
+    </div>
+    
+    <div class="stats-content">
+      <div class="weapon-item" v-for="weapon in weapons" :key="weapon.id">
+        <div class="weapon-info">
+          <span class="weapon-name">{{ weapon.name }}</span>
+          <span class="weapon-count">{{ weapon.count }}</span>
+        </div>
+        <div class="weapon-bar">
+          <div 
+            class="weapon-progress" 
+            :style="{ width: `${weapon.readiness}%` }"
+            :class="`weapon-progress--${weapon.type}`"
+          ></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Weapon {
+  id: string
+  name: string
+  count: number
+  readiness: number
+  type: 'primary' | 'secondary' | 'defense'
+}
+
+const props = defineProps<{
+  weapons?: Weapon[]
+  status?: 'ready' | 'loading' | 'disabled'
+}>()
+
+const weapons = computed(() => props.weapons || [
+  { id: '1', name: '主炮', count: 2, readiness: 100, type: 'primary' as const },
+  { id: '2', name: '导弹', count: 8, readiness: 75, type: 'secondary' as const },
+  { id: '3', name: '防空炮', count: 4, readiness: 90, type: 'defense' as const }
+])
+
+const statusType = computed(() => {
+  switch (props.status) {
+    case 'ready': return 'success'
+    case 'loading': return 'warning'
+    case 'disabled': return 'danger'
+    default: return 'info'
+  }
+})
+
+const statusText = computed(() => {
+  switch (props.status) {
+    case 'ready': return '就绪'
+    case 'loading': return '装填中'
+    case 'disabled': return '停用'
+    default: return '未知'
+  }
+})
+</script>
+
+<style scoped lang="scss">
+@use 'sass:color';
+@import '@/styles/variables.scss';
+
+.weapon-stats-panel {
+  padding: $spacing-base;
+  background: $bg-secondary;
+  border-radius: $border-radius-base;
+  border: 1px solid $border-light;
+}
+
+.stats-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: $spacing-base;
+  
+  h3 {
+    margin: 0;
+    color: $text-primary;
+    font-size: $font-size-lg;
+    font-weight: $font-weight-semibold;
+  }
+}
+
+.weapon-item {
+  margin-bottom: $spacing-sm;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.weapon-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: $spacing-xs;
+}
+
+.weapon-name {
+  color: $text-primary;
+  font-weight: $font-weight-medium;
+}
+
+.weapon-count {
+  color: $text-secondary;
+  font-size: $font-size-sm;
+}
+
+.weapon-bar {
+  height: 6px;
+  background: $border-light;
+  border-radius: $border-radius-small;
+  overflow: hidden;
+}
+
+.weapon-progress {
+  height: 100%;
+  transition: width $transition-base;
+  
+  &--primary {
+    background: linear-gradient(90deg, $danger-color, color.adjust($danger-color, $lightness: 10%));
+  }
+  
+  &--secondary {
+    background: linear-gradient(90deg, $warning-color, color.adjust($warning-color, $lightness: 10%));
+  }
+  
+  &--defense {
+    background: linear-gradient(90deg, $success-color, color.adjust($success-color, $lightness: 10%));
+  }
+}
+</style>
diff --git a/src/components/entity/index.ts b/src/components/entity/index.ts
new file mode 100644
index 0000000..5efc811
--- /dev/null
+++ b/src/components/entity/index.ts
@@ -0,0 +1,10 @@
+// 实体管理组件导出
+// ==========================================
+
+// 暂时导出空对象，待后续添加实体相关组件
+// export { default as EntityCard } from './EntityCard.vue'
+// export { default as EntityList } from './EntityList.vue'
+// export { default as EntityForm } from './EntityForm.vue'
+
+// 临时空导出，避免编译错误
+export {}
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..ac50c58
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,76 @@
+// 红蓝攻防对抗系统 - 组件库导出
+// ==========================================
+
+// 通用组件
+import MilitaryCard from './common/MilitaryCard.vue'
+
+// UI组件
+import StatusIndicator from './ui/StatusIndicator.vue'
+import ThreatLevel from './ui/ThreatLevel.vue'
+import SideIndicator from './ui/SideIndicator.vue'
+import ActionButton from './ui/ActionButton.vue'
+import DropdownProgressBar from './ui/DropdownProgressBar.vue'
+
+// 图表组件
+import MilitaryChart from './charts/MilitaryChart.vue'
+
+// 实体管理组件
+export * from './entity'
+
+// 导出组件
+export {
+  MilitaryCard,
+  StatusIndicator,
+  ThreatLevel,
+  SideIndicator,
+  ActionButton,
+  DropdownProgressBar,
+  MilitaryChart
+}
+
+// Cesium组件 (待实现)
+// export { default as CesiumViewer } from './cesium/CesiumViewer.vue'
+// export { default as EntityRenderer } from './cesium/EntityRenderer.vue'
+// export { default as FlightPathRenderer } from './cesium/FlightPathRenderer.vue'
+
+// 组件类型定义
+export interface ComponentLibrary {
+  // 通用组件
+  MilitaryCard: typeof MilitaryCard
+  
+  // UI组件
+  StatusIndicator: typeof StatusIndicator
+  ThreatLevel: typeof ThreatLevel
+  SideIndicator: typeof SideIndicator
+  ActionButton: typeof ActionButton
+  DropdownProgressBar: typeof DropdownProgressBar
+  
+  // 图表组件
+  MilitaryChart: typeof MilitaryChart
+}
+
+// 组件注册函数
+import type { App } from 'vue'
+
+export function registerComponents(app: App) {
+  // 注册通用组件
+  app.component('MilitaryCard', MilitaryCard)
+  
+  // 注册UI组件
+  app.component('StatusIndicator', StatusIndicator)
+  app.component('ThreatLevel', ThreatLevel)
+  app.component('SideIndicator', SideIndicator)
+  app.component('ActionButton', ActionButton)
+  app.component('DropdownProgressBar', DropdownProgressBar)
+  
+  // 注册图表组件
+  app.component('MilitaryChart', MilitaryChart)
+}
+
+// 默认导出
+export default {
+  install(app: App) {
+    registerComponents(app)
+  }
+}
+
diff --git a/src/components/ui/ActionButton.vue b/src/components/ui/ActionButton.vue
new file mode 100644
index 0000000..6fefb65
--- /dev/null
+++ b/src/components/ui/ActionButton.vue
@@ -0,0 +1,385 @@
+<template>
+  <el-button
+    :type="computedType"
+    :size="size"
+    :loading="loading"
+    :disabled="disabled"
+    :plain="plain"
+    :round="round"
+    :circle="circle"
+    :icon="icon"
+    class="action-button"
+    :class="[
+      `action-button--${actionType}`,
+      `action-button--${variant}`,
+      {
+        'action-button--urgent': urgent,
+        'action-button--pulsing': pulsing,
+        'action-button--glowing': glowing
+      }
+    ]"
+    @click="handleClick"
+  >
+    <template v-if="!circle">
+      <el-icon v-if="icon && !loading" class="action-button__icon">
+        <component :is="icon" />
+      </el-icon>
+      
+      <span class="action-button__text">
+        <slot>{{ text }}</slot>
+      </span>
+      
+      <el-badge 
+        v-if="badge" 
+        :value="badge" 
+        :type="badgeType"
+        class="action-button__badge"
+      />
+    </template>
+    
+    <template v-else>
+      <el-icon v-if="icon">
+        <component :is="icon" />
+      </el-icon>
+    </template>
+  </el-button>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  actionType?: 'attack' | 'defend' | 'move' | 'scan' | 'repair' | 'abort' | 'confirm' | 'emergency'
+  variant?: 'default' | 'military' | 'tactical' | 'stealth'
+  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default'
+  size?: 'large' | 'default' | 'small'
+  text?: string
+  icon?: any
+  loading?: boolean
+  disabled?: boolean
+  plain?: boolean
+  round?: boolean
+  circle?: boolean
+  urgent?: boolean
+  pulsing?: boolean
+  glowing?: boolean
+  badge?: string | number
+  badgeType?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  actionType: 'confirm',
+  variant: 'default',
+  size: 'default',
+  loading: false,
+  disabled: false,
+  plain: false,
+  round: false,
+  circle: false,
+  urgent: false,
+  pulsing: false,
+  glowing: false,
+  badgeType: 'danger'
+})
+
+const emit = defineEmits<{
+  click: [event: MouseEvent]
+}>()
+
+const computedType = computed(() => {
+  if (props.type) return props.type
+  
+  // 根据行动类型自动选择按钮类型
+  const typeMap = {
+    attack: 'danger',
+    defend: 'primary',
+    move: 'info',
+    scan: 'warning',
+    repair: 'success',
+    abort: 'danger',
+    confirm: 'primary',
+    emergency: 'danger'
+  }
+  
+  return typeMap[props.actionType] || 'default'
+})
+
+const handleClick = (event: MouseEvent) => {
+  if (!props.disabled && !props.loading) {
+    emit('click', event)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@use 'sass:color';
+@use '@/styles/variables.scss' as *;
+
+.action-button {
+  position: relative;
+  font-weight: $font-weight-semibold;
+  transition: all $transition-base ease;
+  border-width: 2px;
+  
+  // 军事风格变体
+  &--military {
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    border-style: solid;
+    
+    &:hover {
+      transform: translateY(-1px);
+      box-shadow: $shadow-base;
+    }
+  }
+  
+  &--tactical {
+    background: linear-gradient(135deg, rgba(0,0,0,0.1) 0%, transparent 50%, rgba(255,255,255,0.1) 100%);
+    border: 2px solid;
+    position: relative;
+    overflow: hidden;
+    
+    &::before {
+      content: '';
+      position: absolute;
+      top: -2px;
+      left: -100%;
+      width: 100%;
+      height: calc(100% + 4px);
+      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
+      transition: left 0.6s ease;
+    }
+    
+    &:hover::before {
+      left: 100%;
+    }
+  }
+  
+  &--stealth {
+    background: rgba(0, 0, 0, 0.7);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    color: #00ff41;
+    backdrop-filter: blur(5px);
+    
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+      box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
+    }
+  }
+}
+
+// 行动类型样式
+.action-button--attack {
+  &.action-button--military {
+    background: linear-gradient(135deg, $red-side-dark 0%, $red-side 100%);
+    border-color: $red-side-light;
+    
+    &:hover {
+      box-shadow: 0 0 20px rgba(245, 108, 108, 0.4);
+    }
+  }
+}
+
+.action-button--defend {
+  &.action-button--military {
+    background: linear-gradient(135deg, $blue-side-dark 0%, $blue-side 100%);
+    border-color: $blue-side-light;
+    
+    &:hover {
+      box-shadow: 0 0 20px rgba(64, 158, 255, 0.4);
+    }
+  }
+}
+
+.action-button--emergency {
+  &.action-button--military {
+    background: linear-gradient(135deg, $alert-red 0%, $danger-color 100%);
+    border-color: color.adjust($alert-red, $lightness: 10%);
+    animation: emergency-pulse 1s ease-in-out infinite;
+    
+    &:hover {
+      animation: none;
+      box-shadow: 0 0 25px rgba(255, 23, 68, 0.6);
+    }
+  }
+}
+
+.action-button--scan {
+  &.action-button--military {
+    background: linear-gradient(135deg, $radar-green 0%, $success-color 100%);
+    border-color: color.adjust($radar-green, $lightness: 10%);
+    
+    &:hover {
+      box-shadow: 0 0 20px rgba(0, 255, 65, 0.4);
+    }
+  }
+}
+
+// 特殊效果
+.action-button--urgent {
+  animation: urgent-flash 0.8s ease-in-out infinite;
+}
+
+.action-button--pulsing {
+  animation: pulse 2s ease-in-out infinite;
+}
+
+.action-button--glowing {
+  &::after {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: -2px;
+    right: -2px;
+    bottom: -2px;
+    border-radius: inherit;
+    background: inherit;
+    filter: blur(8px);
+    opacity: 0.7;
+    z-index: -1;
+    animation: glow 2s ease-in-out infinite alternate;
+  }
+}
+
+.action-button__icon {
+  margin-right: $spacing-xs;
+  font-size: 16px;
+}
+
+.action-button__text {
+  flex: 1;
+}
+
+.action-button__badge {
+  margin-left: $spacing-xs;
+}
+
+// 动画效果
+@keyframes emergency-pulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.05);
+    opacity: 0.9;
+  }
+}
+
+@keyframes urgent-flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+  25%, 75% {
+    opacity: 0.7;
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.02);
+  }
+}
+
+@keyframes glow {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0.8;
+  }
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-sm) {
+  .action-button {
+    &--military {
+      letter-spacing: 0.2px;
+    }
+    
+    .action-button__icon {
+      margin-right: $spacing-xs;
+      font-size: 14px;
+    }
+  }
+}
+
+// 禁用状态
+.action-button.is-disabled {
+  &.action-button--military {
+    opacity: 0.5;
+    
+    &:hover {
+      transform: none;
+      box-shadow: none;
+    }
+  }
+  
+  &.action-button--urgent,
+  &.action-button--pulsing {
+    animation: none;
+  }
+}
+
+// 加载状态
+.action-button.is-loading {
+  &.action-button--urgent,
+  &.action-button--pulsing {
+    animation: none;
+  }
+}
+
+// 特殊的军事按钮样式
+.action-button--military {
+  position: relative;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
+  }
+  
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.3), transparent);
+  }
+}
+
+// 圆形按钮特殊样式
+.action-button.is-circle {
+  &.action-button--military {
+    border-width: 3px;
+    
+    &:hover {
+      transform: rotate(5deg) scale(1.1);
+    }
+  }
+  
+  &.action-button--emergency {
+    animation: emergency-spin 2s linear infinite;
+  }
+}
+
+@keyframes emergency-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
+
diff --git a/src/components/ui/DropdownProgressBar.vue b/src/components/ui/DropdownProgressBar.vue
new file mode 100644
index 0000000..cec812f
--- /dev/null
+++ b/src/components/ui/DropdownProgressBar.vue
@@ -0,0 +1,617 @@
+<template>
+  <div 
+    class="dropdown-progress-bar" 
+    :class="[
+      `dropdown-progress-bar--${status}`,
+      `dropdown-progress-bar--${side}`,
+      {
+        'dropdown-progress-bar--expanded': isExpanded,
+        'dropdown-progress-bar--pulsing': pulsing,
+        'dropdown-progress-bar--glow': showGlow,
+        'dropdown-progress-bar--animated': animated
+      }
+    ]"
+  >
+    <!-- 主要进度条区域 -->
+    <div class="dropdown-progress-bar__main" @click="toggleExpanded">
+      <div class="dropdown-progress-bar__header">
+        <div class="dropdown-progress-bar__title">
+          <span class="dropdown-progress-bar__title-text">{{ title }}</span>
+          <el-tag 
+            v-if="badge" 
+            :type="badgeType" 
+            size="small"
+            class="dropdown-progress-bar__badge"
+          >
+            {{ badge }}
+          </el-tag>
+        </div>
+        
+        <div class="dropdown-progress-bar__controls">
+          <span class="dropdown-progress-bar__percentage">{{ progress }}%</span>
+          <el-icon 
+            class="dropdown-progress-bar__expand-icon"
+            :class="{ 'expanded': isExpanded }"
+          >
+            <ArrowDown />
+          </el-icon>
+        </div>
+      </div>
+      
+      <!-- 进度条 -->
+      <div class="dropdown-progress-bar__progress">
+        <div 
+          class="dropdown-progress-bar__progress-track"
+          :class="`dropdown-progress-bar__progress-track--${status}`"
+        >
+          <div 
+            class="dropdown-progress-bar__progress-fill"
+            :style="{ width: `${progress}%` }"
+          >
+            <div v-if="animated" class="dropdown-progress-bar__progress-shine"></div>
+          </div>
+          
+          <!-- 里程碑标记 -->
+          <div 
+            v-for="milestone in milestones" 
+            :key="milestone.value"
+            class="dropdown-progress-bar__milestone"
+            :class="{
+              'dropdown-progress-bar__milestone--completed': milestone.value <= progress,
+              'dropdown-progress-bar__milestone--current': Math.abs(milestone.value - progress) < 5
+            }"
+            :style="{ left: `${milestone.value}%` }"
+            :title="milestone.label"
+          >
+            <div class="dropdown-progress-bar__milestone-dot"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <!-- 展开的详细信息 -->
+    <div 
+      v-if="isExpanded" 
+      class="dropdown-progress-bar__details"
+    >
+      <div class="dropdown-progress-bar__info">
+        <div v-if="description" class="dropdown-progress-bar__description">
+          {{ description }}
+        </div>
+        
+        <div class="dropdown-progress-bar__metadata">
+          <div v-if="startTime" class="dropdown-progress-bar__time-info">
+            <span class="dropdown-progress-bar__time-label">开始时间:</span>
+            <span class="dropdown-progress-bar__time-value">{{ formatTime(startTime) }}</span>
+          </div>
+          
+          <div v-if="estimatedCompletion" class="dropdown-progress-bar__time-info">
+            <span class="dropdown-progress-bar__time-label">预计完成:</span>
+            <span class="dropdown-progress-bar__time-value">{{ formatTime(estimatedCompletion) }}</span>
+          </div>
+          
+          <div v-if="remainingTime" class="dropdown-progress-bar__time-info">
+            <span class="dropdown-progress-bar__time-label">剩余时间:</span>
+            <span class="dropdown-progress-bar__time-value">{{ remainingTime }}</span>
+          </div>
+        </div>
+        
+        <!-- 里程碑列表 -->
+        <div v-if="milestones && milestones.length" class="dropdown-progress-bar__milestones">
+          <h5 class="dropdown-progress-bar__milestones-title">执行节点</h5>
+          <div class="dropdown-progress-bar__milestones-list">
+            <div 
+              v-for="milestone in milestones" 
+              :key="milestone.value"
+              class="dropdown-progress-bar__milestone-item"
+              :class="{
+                'dropdown-progress-bar__milestone-item--completed': milestone.value <= progress,
+                'dropdown-progress-bar__milestone-item--current': Math.abs(milestone.value - progress) < 5
+              }"
+            >
+              <div class="dropdown-progress-bar__milestone-indicator">
+                <el-icon v-if="milestone.value <= progress">
+                  <Check />
+                </el-icon>
+                <div v-else class="dropdown-progress-bar__milestone-pending"></div>
+              </div>
+              <span class="dropdown-progress-bar__milestone-label">{{ milestone.label }}</span>
+              <span class="dropdown-progress-bar__milestone-value">{{ milestone.value }}%</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <!-- 操作按钮 -->
+      <div v-if="$slots.actions" class="dropdown-progress-bar__actions">
+        <slot name="actions"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { ArrowDown, Check } from '@element-plus/icons-vue'
+
+interface Milestone {
+  value: number
+  label: string
+}
+
+interface Props {
+  title: string
+  progress: number
+  status?: 'active' | 'warning' | 'error' | 'completed' | 'paused'
+  side?: 'red' | 'blue' | 'neutral'
+  badge?: string
+  badgeType?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+  description?: string
+  startTime?: Date
+  estimatedCompletion?: Date
+  milestones?: Milestone[]
+  animated?: boolean
+  pulsing?: boolean
+  showGlow?: boolean
+  expandable?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  status: 'active',
+  side: 'neutral',
+  badgeType: 'primary',
+  animated: false,
+  pulsing: false,
+  showGlow: false,
+  expandable: true
+})
+
+const isExpanded = ref(false)
+
+const remainingTime = computed(() => {
+  if (!props.estimatedCompletion) return null
+  
+  const now = new Date()
+  const remaining = props.estimatedCompletion.getTime() - now.getTime()
+  
+  if (remaining <= 0) return '已完成'
+  
+  const hours = Math.floor(remaining / (1000 * 60 * 60))
+  const minutes = Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60))
+  
+  if (hours > 0) {
+    return `${hours}小时${minutes}分钟`
+  } else {
+    return `${minutes}分钟`
+  }
+})
+
+const toggleExpanded = () => {
+  if (props.expandable) {
+    isExpanded.value = !isExpanded.value
+  }
+}
+
+const formatTime = (date: Date) => {
+  return date.toLocaleString('zh-CN', {
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+@use 'sass:color';
+@use '@/styles/variables.scss' as *;
+
+.dropdown-progress-bar {
+  background: $bg-secondary;
+  border-radius: $border-radius-large;
+  border: 1px solid $border-light;
+  overflow: hidden;
+  transition: all $transition-base ease;
+  
+  &--pulsing {
+    animation: pulse 2s ease-in-out infinite;
+  }
+  
+  &--glow {
+    box-shadow: 0 0 20px rgba(64, 158, 255, 0.3);
+  }
+  
+  // 状态样式
+  &--active {
+    border-left: 4px solid $success-color;
+  }
+  
+  &--warning {
+    border-left: 4px solid $warning-color;
+  }
+  
+  &--error {
+    border-left: 4px solid $danger-color;
+  }
+  
+  &--completed {
+    border-left: 4px solid $success-color;
+    background: rgba(103, 194, 58, 0.05);
+  }
+  
+  &--paused {
+    border-left: 4px solid $info-color;
+  }
+  
+  // 阵营样式
+  &--red {
+    &.dropdown-progress-bar--active {
+      border-left-color: $red-side;
+    }
+  }
+  
+  &--blue {
+    &.dropdown-progress-bar--active {
+      border-left-color: $blue-side;
+    }
+  }
+}
+
+.dropdown-progress-bar__main {
+  padding: $spacing-base $spacing-lg;
+  cursor: pointer;
+  transition: background-color $transition-base ease;
+  
+  &:hover {
+    background-color: rgba(245, 245, 245, 0.5);
+  }
+}
+
+.dropdown-progress-bar__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: $spacing-sm;
+}
+
+.dropdown-progress-bar__title {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+  flex: 1;
+}
+
+.dropdown-progress-bar__title-text {
+  font-size: $font-size-lg;
+  font-weight: $font-weight-semibold;
+  color: $text-primary;
+}
+
+.dropdown-progress-bar__badge {
+  flex-shrink: 0;
+}
+
+.dropdown-progress-bar__controls {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+}
+
+.dropdown-progress-bar__percentage {
+  font-size: $font-size-lg;
+  font-weight: $font-weight-bold;
+  color: $text-primary;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+.dropdown-progress-bar__expand-icon {
+  transition: transform $transition-base ease;
+  color: $text-secondary;
+  
+  &.expanded {
+    transform: rotate(180deg);
+  }
+}
+
+// 进度条样式
+.dropdown-progress-bar__progress {
+  margin-top: $spacing-sm;
+}
+
+.dropdown-progress-bar__progress-track {
+  position: relative;
+  height: 8px;
+  background: $border-light;
+  border-radius: $border-radius-base;
+  overflow: hidden;
+  
+  &--active {
+    background: rgba(64, 158, 255, 0.1);
+  }
+  
+  &--warning {
+    background: rgba(230, 162, 60, 0.1);
+  }
+  
+  &--error {
+    background: rgba(245, 108, 108, 0.1);
+  }
+  
+  &--completed {
+    background: rgba(103, 194, 58, 0.1);
+  }
+}
+
+.dropdown-progress-bar__progress-fill {
+  position: relative;
+  height: 100%;
+  border-radius: $border-radius-base;
+  transition: width $transition-slow ease;
+  overflow: hidden;
+  
+  .dropdown-progress-bar--active & {
+    background: linear-gradient(90deg, $success-color, color.adjust($success-color, $lightness: 10%));
+  }
+  
+  .dropdown-progress-bar--warning & {
+    background: linear-gradient(90deg, $warning-color, color.adjust($warning-color, $lightness: 10%));
+  }
+  
+  .dropdown-progress-bar--error & {
+    background: linear-gradient(90deg, $danger-color, color.adjust($danger-color, $lightness: 10%));
+  }
+  
+  .dropdown-progress-bar--completed & {
+    background: linear-gradient(90deg, $success-color, color.adjust($success-color, $lightness: 10%));
+  }
+  
+  .dropdown-progress-bar--red.dropdown-progress-bar--active & {
+    background: linear-gradient(90deg, $red-side, color.adjust($red-side, $lightness: 10%));
+  }
+  
+  .dropdown-progress-bar--blue.dropdown-progress-bar--active & {
+    background: linear-gradient(90deg, $blue-side, color.adjust($blue-side, $lightness: 10%));
+  }
+}
+
+.dropdown-progress-bar__progress-shine {
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+  animation: shine 2s ease-in-out infinite;
+}
+
+// 里程碑标记
+.dropdown-progress-bar__milestone {
+  position: absolute;
+  top: -2px;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.dropdown-progress-bar__milestone-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: $border-base;
+  border: 2px solid white;
+  transition: all $transition-base ease;
+  
+  .dropdown-progress-bar__milestone--completed & {
+    background: $success-color;
+    box-shadow: 0 0 8px rgba(103, 194, 58, 0.4);
+  }
+  
+  .dropdown-progress-bar__milestone--current & {
+    background: $primary-color;
+    box-shadow: 0 0 12px rgba(64, 158, 255, 0.6);
+    animation: milestone-pulse 1.5s ease-in-out infinite;
+  }
+}
+
+// 详细信息区域
+.dropdown-progress-bar__details {
+  border-top: 1px solid $border-light;
+  background: rgba(245, 245, 245, 0.3);
+  animation: slideDown $transition-base ease;
+}
+
+.dropdown-progress-bar__info {
+  padding: $spacing-lg;
+}
+
+.dropdown-progress-bar__description {
+  font-size: $font-size-base;
+  color: $text-regular;
+  line-height: 1.5;
+  margin-bottom: $spacing-base;
+}
+
+.dropdown-progress-bar__metadata {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: $spacing-base;
+  margin-bottom: $spacing-lg;
+}
+
+.dropdown-progress-bar__time-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $spacing-sm;
+  background: white;
+  border-radius: $border-radius-base;
+  border: 1px solid $border-light;
+}
+
+.dropdown-progress-bar__time-label {
+  font-size: $font-size-sm;
+  color: $text-secondary;
+  font-weight: $font-weight-medium;
+}
+
+.dropdown-progress-bar__time-value {
+  font-size: $font-size-sm;
+  color: $text-primary;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+// 里程碑列表
+.dropdown-progress-bar__milestones {
+  margin-top: $spacing-lg;
+}
+
+.dropdown-progress-bar__milestones-title {
+  font-size: $font-size-base;
+  font-weight: $font-weight-semibold;
+  color: $text-primary;
+  margin: 0 0 $spacing-base 0;
+}
+
+.dropdown-progress-bar__milestones-list {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+}
+
+.dropdown-progress-bar__milestone-item {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+  padding: $spacing-sm;
+  background: white;
+  border-radius: $border-radius-base;
+  border: 1px solid $border-light;
+  transition: all $transition-base ease;
+  
+  &--completed {
+    background: rgba(103, 194, 58, 0.05);
+    border-color: rgba(103, 194, 58, 0.2);
+  }
+  
+  &--current {
+    background: rgba(64, 158, 255, 0.05);
+    border-color: rgba(64, 158, 255, 0.3);
+    box-shadow: 0 0 8px rgba(64, 158, 255, 0.2);
+  }
+}
+
+.dropdown-progress-bar__milestone-indicator {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: $border-light;
+  color: white;
+  font-size: 12px;
+  
+  .dropdown-progress-bar__milestone-item--completed & {
+    background: $success-color;
+  }
+  
+  .dropdown-progress-bar__milestone-item--current & {
+    background: $primary-color;
+  }
+}
+
+.dropdown-progress-bar__milestone-pending {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: $text-placeholder;
+}
+
+.dropdown-progress-bar__milestone-label {
+  flex: 1;
+  font-size: $font-size-sm;
+  color: $text-primary;
+}
+
+.dropdown-progress-bar__milestone-value {
+  font-size: $font-size-xs;
+  color: $text-secondary;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+// 操作按钮区域
+.dropdown-progress-bar__actions {
+  padding: $spacing-base $spacing-lg;
+  border-top: 1px solid $border-light;
+  background: rgba(255, 255, 255, 0.5);
+  display: flex;
+  gap: $spacing-sm;
+  justify-content: flex-end;
+}
+
+// 动画
+@keyframes pulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.02);
+    opacity: 0.95;
+  }
+}
+
+@keyframes shine {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
+@keyframes milestone-pulse {
+  0%, 100% {
+    transform: translateX(-50%) scale(1);
+  }
+  50% {
+    transform: translateX(-50%) scale(1.2);
+  }
+}
+
+@keyframes slideDown {
+  0% {
+    opacity: 0;
+    max-height: 0;
+  }
+  100% {
+    opacity: 1;
+    max-height: 500px;
+  }
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-sm) {
+  .dropdown-progress-bar__main {
+    padding: $spacing-base;
+  }
+  
+  .dropdown-progress-bar__info {
+    padding: $spacing-base;
+  }
+  
+  .dropdown-progress-bar__metadata {
+    grid-template-columns: 1fr;
+  }
+  
+  .dropdown-progress-bar__header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: $spacing-sm;
+  }
+  
+  .dropdown-progress-bar__controls {
+    align-self: flex-end;
+  }
+}
+</style>
+
diff --git a/src/components/ui/SideIndicator.vue b/src/components/ui/SideIndicator.vue
new file mode 100644
index 0000000..22579cf
--- /dev/null
+++ b/src/components/ui/SideIndicator.vue
@@ -0,0 +1,344 @@
+<template>
+  <div 
+    class="side-indicator" 
+    :class="[
+      `side-indicator--${side}`,
+      `side-indicator--${variant}`,
+      `side-indicator--${size}`,
+      {
+        'side-indicator--with-text': showText,
+        'side-indicator--bordered': bordered
+      }
+    ]"
+  >
+    <div class="side-indicator__marker">
+      <div class="side-indicator__symbol">
+        {{ getSymbol(side) }}
+      </div>
+    </div>
+    
+    <span v-if="showText" class="side-indicator__text">
+      {{ text || getSideText(side) }}
+    </span>
+    
+    <el-tag 
+      v-if="showTag" 
+      :type="getTagType(side)" 
+      :size="tagSize"
+      :effect="tagEffect"
+    >
+      {{ tagText || getSideText(side) }}
+    </el-tag>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  side: 'red' | 'blue' | 'neutral'
+  variant?: 'default' | 'solid' | 'outline' | 'minimal'
+  size?: 'small' | 'medium' | 'large'
+  showText?: boolean
+  showTag?: boolean
+  text?: string
+  tagText?: string
+  tagSize?: 'small' | 'default' | 'large'
+  tagEffect?: 'light' | 'dark' | 'plain'
+  bordered?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  size: 'medium',
+  showText: false,
+  showTag: false,
+  tagSize: 'small',
+  tagEffect: 'light',
+  bordered: false
+})
+
+const getSymbol = (side: string) => {
+  const symbols = {
+    red: '◆',     // 红方菱形
+    blue: '▲',    // 蓝方三角形
+    neutral: '●'  // 中立圆形
+  }
+  return symbols[side as keyof typeof symbols] || '?'
+}
+
+const getSideText = (side: string) => {
+  const texts = {
+    red: '红方',
+    blue: '蓝方',
+    neutral: '中立'
+  }
+  return texts[side as keyof typeof texts] || '未知'
+}
+
+const getTagType = (side: string) => {
+  const types = {
+    red: 'danger',
+    blue: 'primary',
+    neutral: 'info'
+  }
+  return types[side as keyof typeof types] || 'info'
+}
+</script>
+
+<style lang="scss" scoped>
+@use '@/styles/variables.scss' as *;
+
+.side-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: $spacing-sm;
+  
+  &--small {
+    gap: $spacing-xs;
+  }
+  
+  &--large {
+    gap: $spacing-base;
+  }
+}
+
+.side-indicator__marker {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: $border-radius-base;
+  transition: all $transition-base ease;
+  
+  // 大小变体
+  .side-indicator--small & {
+    width: 20px;
+    height: 20px;
+  }
+  
+  .side-indicator--medium & {
+    width: 28px;
+    height: 28px;
+  }
+  
+  .side-indicator--large & {
+    width: 36px;
+    height: 36px;
+  }
+  
+  // 样式变体
+  .side-indicator--default & {
+    background: rgba(255, 255, 255, 0.9);
+    border: 2px solid;
+  }
+  
+  .side-indicator--solid & {
+    border: none;
+  }
+  
+  .side-indicator--outline & {
+    background: transparent;
+    border: 2px solid;
+  }
+  
+  .side-indicator--minimal & {
+    background: transparent;
+    border: none;
+  }
+  
+  .side-indicator--bordered & {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+  }
+}
+
+.side-indicator__symbol {
+  font-weight: bold;
+  font-size: 14px;
+  
+  .side-indicator--small & {
+    font-size: 12px;
+  }
+  
+  .side-indicator--large & {
+    font-size: 18px;
+  }
+}
+
+// 红方样式
+.side-indicator--red {
+  .side-indicator__marker {
+    border-color: $red-side;
+    
+    .side-indicator--default &,
+    .side-indicator--outline & {
+      color: $red-side;
+    }
+    
+    .side-indicator--solid & {
+      background: $red-side;
+      color: white;
+    }
+    
+    .side-indicator--minimal & {
+      color: $red-side;
+    }
+  }
+  
+  .side-indicator__text {
+    color: $red-side;
+    font-weight: $font-weight-semibold;
+  }
+}
+
+// 蓝方样式
+.side-indicator--blue {
+  .side-indicator__marker {
+    border-color: $blue-side;
+    
+    .side-indicator--default &,
+    .side-indicator--outline & {
+      color: $blue-side;
+    }
+    
+    .side-indicator--solid & {
+      background: $blue-side;
+      color: white;
+    }
+    
+    .side-indicator--minimal & {
+      color: $blue-side;
+    }
+  }
+  
+  .side-indicator__text {
+    color: $blue-side;
+    font-weight: $font-weight-semibold;
+  }
+}
+
+// 中立方样式
+.side-indicator--neutral {
+  .side-indicator__marker {
+    border-color: $neutral-side;
+    
+    .side-indicator--default &,
+    .side-indicator--outline & {
+      color: $neutral-side;
+    }
+    
+    .side-indicator--solid & {
+      background: $neutral-side;
+      color: white;
+    }
+    
+    .side-indicator--minimal & {
+      color: $neutral-side;
+    }
+  }
+  
+  .side-indicator__text {
+    color: $neutral-side;
+    font-weight: $font-weight-semibold;
+  }
+}
+
+.side-indicator__text {
+  font-size: $font-size-sm;
+  
+  .side-indicator--small & {
+    font-size: $font-size-xs;
+  }
+  
+  .side-indicator--large & {
+    font-size: $font-size-base;
+  }
+}
+
+// 悬停效果
+.side-indicator__marker {
+  &:hover {
+    transform: scale(1.1);
+    
+    .side-indicator--red & {
+      box-shadow: 0 0 12px rgba(245, 108, 108, 0.4);
+    }
+    
+    .side-indicator--blue & {
+      box-shadow: 0 0 12px rgba(64, 158, 255, 0.4);
+    }
+    
+    .side-indicator--neutral & {
+      box-shadow: 0 0 12px rgba(144, 147, 153, 0.4);
+    }
+  }
+}
+
+// 动画效果
+.side-indicator__marker {
+  animation: side-glow 3s ease-in-out infinite;
+}
+
+@keyframes side-glow {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.8;
+  }
+}
+
+// 军事风格的特殊效果
+.side-indicator--red .side-indicator__marker {
+  position: relative;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: -2px;
+    right: -2px;
+    bottom: -2px;
+    border-radius: inherit;
+    background: linear-gradient(45deg, $red-side, transparent, $red-side);
+    z-index: -1;
+    opacity: 0;
+    transition: opacity $transition-base ease;
+  }
+  
+  &:hover::before {
+    opacity: 0.3;
+    animation: rotate 2s linear infinite;
+  }
+}
+
+.side-indicator--blue .side-indicator__marker {
+  position: relative;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: -2px;
+    right: -2px;
+    bottom: -2px;
+    border-radius: inherit;
+    background: linear-gradient(45deg, $blue-side, transparent, $blue-side);
+    z-index: -1;
+    opacity: 0;
+    transition: opacity $transition-base ease;
+  }
+  
+  &:hover::before {
+    opacity: 0.3;
+    animation: rotate 2s linear infinite;
+  }
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
+
diff --git a/src/components/ui/StatusIndicator.vue b/src/components/ui/StatusIndicator.vue
new file mode 100644
index 0000000..5ee9933
--- /dev/null
+++ b/src/components/ui/StatusIndicator.vue
@@ -0,0 +1,224 @@
+<template>
+  <div 
+    class="status-indicator" 
+    :class="[
+      `status-indicator--${type}`,
+      `status-indicator--${size}`,
+      {
+        'status-indicator--with-text': showText,
+        'status-indicator--pulsing': pulsing
+      }
+    ]"
+    :title="tooltip"
+  >
+    <div class="status-indicator__dot">
+      <div class="status-indicator__inner-dot"></div>
+    </div>
+    
+    <span v-if="showText" class="status-indicator__text">
+      {{ text || getStatusText(type) }}
+    </span>
+    
+    <el-icon v-if="icon" class="status-indicator__icon">
+      <component :is="icon" />
+    </el-icon>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  type: 'active' | 'inactive' | 'destroyed' | 'damaged' | 'unknown' | 'online' | 'offline' | 'warning' | 'critical'
+  size?: 'small' | 'medium' | 'large'
+  showText?: boolean
+  text?: string
+  icon?: any
+  pulsing?: boolean
+  tooltip?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 'medium',
+  showText: false,
+  pulsing: false
+})
+
+const getStatusText = (type: string) => {
+  const statusTexts: Record<string, string> = {
+    active: '活跃',
+    inactive: '非活跃',
+    destroyed: '已摧毁',
+    damaged: '已损坏',
+    unknown: '未知',
+    online: '在线',
+    offline: '离线',
+    warning: '警告',
+    critical: '严重'
+  }
+  return statusTexts[type] || type
+}
+</script>
+
+<style lang="scss" scoped>
+@use '@/styles/variables.scss' as *;
+
+.status-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: $spacing-xs;
+  
+  &--with-text {
+    gap: $spacing-sm;
+  }
+}
+
+.status-indicator__dot {
+  position: relative;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+  // 大小变体
+  .status-indicator--small & {
+    width: 8px;
+    height: 8px;
+  }
+  
+  .status-indicator--medium & {
+    width: 12px;
+    height: 12px;
+  }
+  
+  .status-indicator--large & {
+    width: 16px;
+    height: 16px;
+  }
+}
+
+.status-indicator__inner-dot {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  transition: all $transition-base ease;
+  
+  // 状态颜色
+  .status-indicator--active & {
+    background: $active-color;
+    box-shadow: 0 0 8px rgba(0, 208, 132, 0.4);
+  }
+  
+  .status-indicator--inactive & {
+    background: $inactive-color;
+  }
+  
+  .status-indicator--destroyed & {
+    background: $destroyed-color;
+    box-shadow: 0 0 8px rgba(255, 71, 87, 0.4);
+  }
+  
+  .status-indicator--damaged & {
+    background: $damaged-color;
+    box-shadow: 0 0 8px rgba(255, 165, 2, 0.4);
+  }
+  
+  .status-indicator--unknown & {
+    background: $text-placeholder;
+  }
+  
+  .status-indicator--online & {
+    background: $success-color;
+    box-shadow: 0 0 8px rgba(103, 194, 58, 0.4);
+  }
+  
+  .status-indicator--offline & {
+    background: $danger-color;
+  }
+  
+  .status-indicator--warning & {
+    background: $warning-color;
+    box-shadow: 0 0 8px rgba(230, 162, 60, 0.4);
+  }
+  
+  .status-indicator--critical & {
+    background: $danger-color;
+    box-shadow: 0 0 12px rgba(245, 108, 108, 0.6);
+  }
+}
+
+.status-indicator__text {
+  font-size: $font-size-sm;
+  font-weight: $font-weight-medium;
+  color: $text-primary;
+  
+  .status-indicator--small & {
+    font-size: $font-size-xs;
+  }
+  
+  .status-indicator--large & {
+    font-size: $font-size-base;
+  }
+}
+
+.status-indicator__icon {
+  font-size: 14px;
+  
+  .status-indicator--small & {
+    font-size: 12px;
+  }
+  
+  .status-indicator--large & {
+    font-size: 16px;
+  }
+}
+
+// 脉冲动画
+.status-indicator--pulsing {
+  .status-indicator__inner-dot {
+    animation: pulse 2s ease-in-out infinite;
+  }
+  
+  &.status-indicator--damaged .status-indicator__inner-dot {
+    animation: blink 1s ease-in-out infinite;
+  }
+  
+  &.status-indicator--critical .status-indicator__inner-dot {
+    animation: critical-pulse 0.8s ease-in-out infinite;
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.7;
+    transform: scale(1.2);
+  }
+}
+
+@keyframes blink {
+  0%, 50% {
+    opacity: 1;
+  }
+  51%, 100% {
+    opacity: 0.3;
+  }
+}
+
+@keyframes critical-pulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+    box-shadow: 0 0 12px rgba(245, 108, 108, 0.6);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.3);
+    box-shadow: 0 0 20px rgba(245, 108, 108, 0.8);
+  }
+}
+</style>
+
diff --git a/src/components/ui/ThreatLevel.vue b/src/components/ui/ThreatLevel.vue
new file mode 100644
index 0000000..fbf78f2
--- /dev/null
+++ b/src/components/ui/ThreatLevel.vue
@@ -0,0 +1,358 @@
+<template>
+  <div 
+    class="threat-level" 
+    :class="[
+      `threat-level--${level}`,
+      `threat-level--${variant}`,
+      {
+        'threat-level--animated': animated,
+        'threat-level--with-icon': showIcon
+      }
+    ]"
+  >
+    <div class="threat-level__indicator">
+      <el-icon v-if="showIcon" class="threat-level__icon">
+        <component :is="getIcon(level)" />
+      </el-icon>
+      
+      <div class="threat-level__bars">
+        <div 
+          v-for="(bar, index) in threatBars" 
+          :key="index"
+          class="threat-level__bar"
+          :class="{ 'threat-level__bar--active': index < getBarCount(level) }"
+          :style="{ animationDelay: `${index * 0.1}s` }"
+        ></div>
+      </div>
+    </div>
+    
+    <div v-if="showText" class="threat-level__text">
+      <span class="threat-level__label">{{ text || getLevelText(level) }}</span>
+      <span v-if="showValue && value !== undefined" class="threat-level__value">
+        {{ value }}{{ unit }}
+      </span>
+    </div>
+    
+    <div v-if="showProgress" class="threat-level__progress">
+      <div 
+        class="threat-level__progress-bar"
+        :style="{ width: `${getProgressPercentage()}%` }"
+      ></div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { 
+  InfoFilled, 
+  WarningFilled, 
+  Remove, 
+  CircleCloseFilled,
+  QuestionFilled 
+} from '@element-plus/icons-vue'
+
+interface Props {
+  level: 'low' | 'medium' | 'high' | 'critical' | 'unknown'
+  variant?: 'default' | 'compact' | 'detailed'
+  showIcon?: boolean
+  showText?: boolean
+  showProgress?: boolean
+  showValue?: boolean
+  text?: string
+  value?: number
+  unit?: string
+  animated?: boolean
+  maxBars?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  showIcon: true,
+  showText: true,
+  showProgress: false,
+  showValue: false,
+  unit: '',
+  animated: true,
+  maxBars: 5
+})
+
+const threatBars = computed(() => Array(props.maxBars).fill(0))
+
+const getIcon = (level: string) => {
+  const icons = {
+    low: InfoFilled,
+    medium: WarningFilled,
+    high: Remove,
+    critical: CircleCloseFilled,
+    unknown: QuestionFilled
+  }
+  return icons[level as keyof typeof icons] || QuestionFilled
+}
+
+const getLevelText = (level: string) => {
+  const texts = {
+    low: '低威胁',
+    medium: '中等威胁',
+    high: '高威胁',
+    critical: '严重威胁',
+    unknown: '未知威胁'
+  }
+  return texts[level as keyof typeof texts] || '未知'
+}
+
+const getBarCount = (level: string) => {
+  const counts = {
+    low: 1,
+    medium: 2,
+    high: 4,
+    critical: 5,
+    unknown: 0
+  }
+  return counts[level as keyof typeof counts] || 0
+}
+
+const getProgressPercentage = () => {
+  if (props.value === undefined) {
+    return getBarCount(props.level) * 20
+  }
+  return Math.min(100, Math.max(0, props.value))
+}
+</script>
+
+<style lang="scss" scoped>
+@use 'sass:color';
+@use '@/styles/variables.scss' as *;
+
+.threat-level {
+  display: inline-flex;
+  align-items: center;
+  gap: $spacing-sm;
+  padding: $spacing-xs $spacing-sm;
+  border-radius: $border-radius-base;
+  background: rgba(255, 255, 255, 0.8);
+  border: 1px solid $border-light;
+  
+  &--compact {
+    padding: $spacing-xs;
+    gap: $spacing-xs;
+  }
+  
+  &--detailed {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: $spacing-base;
+    gap: $spacing-sm;
+  }
+}
+
+.threat-level__indicator {
+  display: flex;
+  align-items: center;
+  gap: $spacing-xs;
+}
+
+.threat-level__icon {
+  font-size: 16px;
+  
+  .threat-level--low & {
+    color: $threat-low;
+  }
+  
+  .threat-level--medium & {
+    color: $threat-medium;
+  }
+  
+  .threat-level--high & {
+    color: $threat-high;
+  }
+  
+  .threat-level--critical & {
+    color: $threat-critical;
+  }
+  
+  .threat-level--unknown & {
+    color: $text-placeholder;
+  }
+}
+
+.threat-level__bars {
+  display: flex;
+  gap: 2px;
+  align-items: flex-end;
+}
+
+.threat-level__bar {
+  width: 3px;
+  height: 12px;
+  background: $border-base;
+  border-radius: 1px;
+  transition: all $transition-base ease;
+  
+  &--active {
+    .threat-level--low & {
+      background: $threat-low;
+      height: 8px;
+    }
+    
+    .threat-level--medium & {
+      background: $threat-medium;
+      height: 10px;
+    }
+    
+    .threat-level--high & {
+      background: $threat-high;
+      height: 14px;
+    }
+    
+    .threat-level--critical & {
+      background: $threat-critical;
+      height: 16px;
+    }
+  }
+  
+  .threat-level--animated &--active {
+    animation: bar-grow 0.8s ease-out;
+  }
+}
+
+.threat-level__text {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  
+  .threat-level--compact & {
+    flex-direction: row;
+    gap: $spacing-xs;
+    align-items: center;
+  }
+}
+
+.threat-level__label {
+  font-size: $font-size-sm;
+  font-weight: $font-weight-medium;
+  
+  .threat-level--low & {
+    color: $threat-low;
+  }
+  
+  .threat-level--medium & {
+    color: $threat-medium;
+  }
+  
+  .threat-level--high & {
+    color: $threat-high;
+  }
+  
+  .threat-level--critical & {
+    color: $threat-critical;
+  }
+  
+  .threat-level--unknown & {
+    color: $text-placeholder;
+  }
+}
+
+.threat-level__value {
+  font-size: $font-size-xs;
+  color: $text-secondary;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+.threat-level__progress {
+  width: 60px;
+  height: 4px;
+  background: $border-light;
+  border-radius: 2px;
+  overflow: hidden;
+  
+  .threat-level--detailed & {
+    width: 100%;
+    margin-top: $spacing-xs;
+  }
+}
+
+.threat-level__progress-bar {
+  height: 100%;
+  border-radius: 2px;
+  transition: all $transition-base ease;
+  
+  .threat-level--low & {
+    background: linear-gradient(90deg, $threat-low, color.adjust($threat-low, $lightness: 10%));
+  }
+  
+  .threat-level--medium & {
+    background: linear-gradient(90deg, $threat-medium, color.adjust($threat-medium, $lightness: 10%));
+  }
+  
+  .threat-level--high & {
+    background: linear-gradient(90deg, $threat-high, color.adjust($threat-high, $lightness: 10%));
+  }
+  
+  .threat-level--critical & {
+    background: linear-gradient(90deg, $threat-critical, color.adjust($threat-critical, $lightness: 10%));
+    animation: critical-glow 1s ease-in-out infinite alternate;
+  }
+  
+  .threat-level--unknown & {
+    background: $text-placeholder;
+  }
+}
+
+// 动画效果
+@keyframes bar-grow {
+  0% {
+    height: 4px;
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes critical-glow {
+  0% {
+    box-shadow: 0 0 5px rgba(211, 47, 47, 0.5);
+  }
+  100% {
+    box-shadow: 0 0 15px rgba(211, 47, 47, 0.8);
+  }
+}
+
+// 威胁等级整体样式
+.threat-level--low {
+  border-color: rgba(76, 175, 80, 0.3);
+  background: rgba(76, 175, 80, 0.05);
+}
+
+.threat-level--medium {
+  border-color: rgba(255, 152, 0, 0.3);
+  background: rgba(255, 152, 0, 0.05);
+}
+
+.threat-level--high {
+  border-color: rgba(244, 67, 54, 0.3);
+  background: rgba(244, 67, 54, 0.05);
+}
+
+.threat-level--critical {
+  border-color: rgba(211, 47, 47, 0.5);
+  background: rgba(211, 47, 47, 0.1);
+  animation: critical-border 2s ease-in-out infinite;
+}
+
+.threat-level--unknown {
+  border-color: $border-base;
+  background: rgba(158, 158, 158, 0.05);
+}
+
+@keyframes critical-border {
+  0%, 100% {
+    border-color: rgba(211, 47, 47, 0.5);
+  }
+  50% {
+    border-color: rgba(211, 47, 47, 0.8);
+  }
+}
+</style>
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..c4e4c42
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,35 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+import App from './App.vue'
+import router from './router'
+import { registerComponents } from '@/components'
+
+// 创建Vue应用实例
+const app = createApp(App)
+
+// 注册Element Plus图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+
+// 使用插件
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus)
+
+// 注册自定义组件
+registerComponents(app)
+
+// 挂载应用
+app.mount('#app')
+
+// 添加全局错误处理
+app.config.errorHandler = (error, instance, info) => {
+  console.error('应用错误:', error)
+  console.error('错误信息:', info)
+  console.error('组件实例:', instance)
+}
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..d2104af
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,57 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'Dashboard',
+    component: () => import('@/views/Dashboard.vue'),
+    meta: { title: '主控面板' }
+  },
+  {
+    path: '/entities',
+    name: 'EntityManagement',
+    component: () => import('@/views/EntityManagement.vue'),
+    meta: { title: '实体管理' }
+  },
+  {
+    path: '/missions',
+    name: 'MissionPlanning',
+    component: () => import('@/views/MissionPlanning.vue'),
+    meta: { title: '任务规划' }
+  },
+  {
+    path: '/situation',
+    name: 'SituationAwareness',
+    component: () => import('@/views/SituationAwareness.vue'),
+    meta: { title: '态势感知' }
+  },
+  {
+    path: '/assessment',
+    name: 'Assessment',
+    component: () => import('@/views/Assessment.vue'),
+    meta: { title: '战况评估' }
+  },
+  {
+    path: '/components',
+    name: 'ComponentDemo',
+    component: () => import('@/views/ComponentDemo.vue'),
+    meta: { title: '组件展示' }
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+// 路由守卫
+router.beforeEach((to, _from, next) => {
+  // 设置页面标题
+  if (to.meta.title) {
+    document.title = `${to.meta.title} - ${import.meta.env.VITE_APP_TITLE || '红蓝攻防对抗系统'}`
+  }
+  next()
+})
+
+export default router
diff --git a/src/stores/entities.ts b/src/stores/entities.ts
new file mode 100644
index 0000000..ac496a6
--- /dev/null
+++ b/src/stores/entities.ts
@@ -0,0 +1,267 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { Entity, EntityType, Side, EntityStatus } from '@/types'
+import { entitiesApi } from '@/api/entities'
+import { wsClient } from '@/api/websocket'
+
+export const useEntitiesStore = defineStore('entities', () => {
+  // 状态
+  const entities = ref<Map<string, Entity>>(new Map())
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+  const selectedEntityId = ref<string | null>(null)
+
+  // 计算属性
+  const entitiesList = computed(() => Array.from(entities.value.values()))
+  
+  const selectedEntity = computed(() => 
+    selectedEntityId.value ? entities.value.get(selectedEntityId.value) : null
+  )
+
+  const entitiesByType = computed(() => {
+    const result: Record<EntityType, Entity[]> = {
+      fighter: [],
+      drone: [],
+      missile: [],
+      ship: [],
+      tank: [],
+      radar: []
+    }
+    
+    entitiesList.value.forEach(entity => {
+      if (result[entity.type as EntityType]) {
+        result[entity.type as EntityType].push(entity)
+      }
+    })
+    
+    return result
+  })
+
+  const entitiesBySide = computed(() => {
+    const result: Record<Side, Entity[]> = {
+      red: [],
+      blue: [],
+      neutral: []
+    }
+    
+    entitiesList.value.forEach(entity => {
+      result[entity.side as Side].push(entity)
+    })
+    
+    return result
+  })
+
+  const activeEntities = computed(() => 
+    entitiesList.value.filter(entity => entity.status === 'active')
+  )
+
+  const entityStats = computed(() => ({
+    total: entitiesList.value.length,
+    active: entitiesList.value.filter(e => e.status === 'active').length,
+    damaged: entitiesList.value.filter(e => e.status === 'damaged').length,
+    destroyed: entitiesList.value.filter(e => e.status === 'destroyed').length,
+    bySide: {
+      red: entitiesBySide.value.red.length,
+      blue: entitiesBySide.value.blue.length,
+      neutral: entitiesBySide.value.neutral.length
+    },
+    byType: Object.fromEntries(
+      Object.entries(entitiesByType.value).map(([type, entities]) => [type, entities.length])
+    )
+  }))
+
+  // 方法
+  async function fetchEntities() {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await entitiesApi.getEntities()
+      if (response.success && response.data) {
+        // 清空现有实体
+        entities.value.clear()
+        // 添加新实体
+        response.data.items.forEach(entity => {
+          entities.value.set(entity.id, entity)
+        })
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '获取实体列表失败'
+      console.error('Failed to fetch entities:', err)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function createEntity(entityData: {
+    name: string
+    type: string
+    side: string
+    position: { lng: number; lat: number; alt: number }
+    attributes?: Record<string, any>
+  }) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await entitiesApi.createEntity(entityData)
+      if (response.success && response.data) {
+        entities.value.set(response.data.id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '创建实体失败'
+      console.error('Failed to create entity:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function updateEntity(id: string, updates: Partial<Entity>) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await entitiesApi.updateEntity(id, updates)
+      if (response.success && response.data) {
+        entities.value.set(id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '更新实体失败'
+      console.error('Failed to update entity:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function deleteEntity(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await entitiesApi.deleteEntity(id)
+      if (response.success) {
+        entities.value.delete(id)
+        if (selectedEntityId.value === id) {
+          selectedEntityId.value = null
+        }
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '删除实体失败'
+      console.error('Failed to delete entity:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  function selectEntity(id: string | null) {
+    selectedEntityId.value = id
+  }
+
+  function addEntity(entity: Entity) {
+    entities.value.set(entity.id, entity)
+  }
+
+  function removeEntity(id: string) {
+    entities.value.delete(id)
+    if (selectedEntityId.value === id) {
+      selectedEntityId.value = null
+    }
+  }
+
+  function updateEntityPosition(id: string, position: { lng: number; lat: number; alt: number }) {
+    const entity = entities.value.get(id)
+    if (entity) {
+      entity.position = position
+      entity.updatedAt = new Date().toISOString()
+      entities.value.set(id, { ...entity })
+    }
+  }
+
+  function updateEntityStatus(id: string, status: EntityStatus) {
+    const entity = entities.value.get(id)
+    if (entity) {
+      entity.status = status
+      entity.updatedAt = new Date().toISOString()
+      entities.value.set(id, { ...entity })
+    }
+  }
+
+  function getEntityById(id: string) {
+    return entities.value.get(id)
+  }
+
+  function getEntitiesByType(type: EntityType) {
+    return entitiesList.value.filter(entity => entity.type === type)
+  }
+
+  function getEntitiesBySide(side: Side) {
+    return entitiesList.value.filter(entity => entity.side === side)
+  }
+
+  function clearEntities() {
+    entities.value.clear()
+    selectedEntityId.value = null
+  }
+
+  // WebSocket事件监听
+  function setupWebSocketListeners() {
+    wsClient.on('entity_update', (entity: Entity) => {
+      entities.value.set(entity.id, entity)
+    })
+
+    wsClient.on('entity_created', (entity: Entity) => {
+      entities.value.set(entity.id, entity)
+    })
+
+    wsClient.on('entity_deleted', (data: { id: string }) => {
+      entities.value.delete(data.id)
+      if (selectedEntityId.value === data.id) {
+        selectedEntityId.value = null
+      }
+    })
+  }
+
+  // 初始化
+  function initialize() {
+    setupWebSocketListeners()
+    fetchEntities()
+  }
+
+  return {
+    // 状态
+    entities,
+    loading,
+    error,
+    selectedEntityId,
+    
+    // 计算属性
+    entitiesList,
+    selectedEntity,
+    entitiesByType,
+    entitiesBySide,
+    activeEntities,
+    entityStats,
+    
+    // 方法
+    fetchEntities,
+    createEntity,
+    updateEntity,
+    deleteEntity,
+    selectEntity,
+    addEntity,
+    removeEntity,
+    updateEntityPosition,
+    updateEntityStatus,
+    getEntityById,
+    getEntitiesByType,
+    getEntitiesBySide,
+    clearEntities,
+    initialize
+  }
+})
+
diff --git a/src/stores/missions.ts b/src/stores/missions.ts
new file mode 100644
index 0000000..48003ae
--- /dev/null
+++ b/src/stores/missions.ts
@@ -0,0 +1,427 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { Mission, MissionStatus, Side, FlightPath } from '@/types'
+import { missionsApi, flightPathsApi } from '@/api/missions'
+import { wsClient } from '@/api/websocket'
+
+export const useMissionsStore = defineStore('missions', () => {
+  // 状态
+  const missions = ref<Map<string, Mission>>(new Map())
+  const flightPaths = ref<Map<string, FlightPath>>(new Map())
+  const currentMissionId = ref<string | null>(null)
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+
+  // 计算属性
+  const missionsList = computed(() => Array.from(missions.value.values()))
+  
+  const currentMission = computed(() => 
+    currentMissionId.value ? missions.value.get(currentMissionId.value) : null
+  )
+
+  const activeMissions = computed(() => 
+    missionsList.value.filter(mission => mission.status === 'executing')
+  )
+
+  const missionsByStatus = computed(() => {
+    const result: Record<MissionStatus, Mission[]> = {
+      planning: [],
+      ready: [],
+      executing: [],
+      completed: [],
+      failed: [],
+      cancelled: []
+    }
+    
+    missionsList.value.forEach(mission => {
+      result[mission.status as MissionStatus].push(mission)
+    })
+    
+    return result
+  })
+
+  const missionsBySide = computed(() => {
+    const result: Record<Side, Mission[]> = {
+      red: [],
+      blue: [],
+      neutral: []
+    }
+    
+    missionsList.value.forEach(mission => {
+      result[mission.side as Side].push(mission)
+    })
+    
+    return result
+  })
+
+  const missionStats = computed(() => ({
+    total: missionsList.value.length,
+    active: activeMissions.value.length,
+    planning: missionsByStatus.value.planning.length,
+    completed: missionsByStatus.value.completed.length,
+    failed: missionsByStatus.value.failed.length,
+    bySide: {
+      red: missionsBySide.value.red.length,
+      blue: missionsBySide.value.blue.length,
+      neutral: missionsBySide.value.neutral.length
+    }
+  }))
+
+  const currentMissionFlightPaths = computed(() => {
+    if (!currentMissionId.value) return []
+    return Array.from(flightPaths.value.values()).filter(path => 
+      currentMission.value?.config.participants.includes(path.entityId)
+    )
+  })
+
+  // 方法
+  async function fetchMissions() {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.getMissions()
+      if (response.success && response.data) {
+        missions.value.clear()
+        response.data.items.forEach(mission => {
+          missions.value.set(mission.id, mission)
+        })
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '获取任务列表失败'
+      console.error('Failed to fetch missions:', err)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function createMission(missionData: {
+    name: string
+    side: string
+    description?: string
+    startTime: string
+    endTime?: string
+    config: {
+      objectives: string[]
+      constraints: string[]
+      rules: Record<string, any>
+      participants: string[]
+    }
+  }) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.createMission(missionData)
+      if (response.success && response.data) {
+        missions.value.set(response.data.id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '创建任务失败'
+      console.error('Failed to create mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function updateMission(id: string, updates: Partial<Mission>) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.updateMission(id, updates)
+      if (response.success && response.data) {
+        missions.value.set(id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '更新任务失败'
+      console.error('Failed to update mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function deleteMission(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.deleteMission(id)
+      if (response.success) {
+        missions.value.delete(id)
+        if (currentMissionId.value === id) {
+          currentMissionId.value = null
+        }
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '删除任务失败'
+      console.error('Failed to delete mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function startMission(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.startMission(id)
+      if (response.success && response.data) {
+        missions.value.set(id, response.data)
+        currentMissionId.value = id
+        
+        // 加入WebSocket房间
+        wsClient.joinMission(id)
+        
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '启动任务失败'
+      console.error('Failed to start mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function pauseMission(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.pauseMission(id)
+      if (response.success && response.data) {
+        missions.value.set(id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '暂停任务失败'
+      console.error('Failed to pause mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function endMission(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await missionsApi.endMission(id)
+      if (response.success && response.data) {
+        missions.value.set(id, response.data)
+        
+        // 离开WebSocket房间
+        wsClient.leaveMission(id)
+        
+        if (currentMissionId.value === id) {
+          currentMissionId.value = null
+        }
+        
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '结束任务失败'
+      console.error('Failed to end mission:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function addEntityToMission(missionId: string, entityId: string) {
+    try {
+      await missionsApi.addEntityToMission(missionId, entityId)
+      const mission = missions.value.get(missionId)
+      if (mission) {
+        mission.config.participants.push(entityId)
+        missions.value.set(missionId, { ...mission })
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '添加实体到任务失败'
+      console.error('Failed to add entity to mission:', err)
+      throw err
+    }
+  }
+
+  async function removeEntityFromMission(missionId: string, entityId: string) {
+    try {
+      await missionsApi.removeEntityFromMission(missionId, entityId)
+      const mission = missions.value.get(missionId)
+      if (mission) {
+        mission.config.participants = mission.config.participants.filter(id => id !== entityId)
+        missions.value.set(missionId, { ...mission })
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '从任务中移除实体失败'
+      console.error('Failed to remove entity from mission:', err)
+      throw err
+    }
+  }
+
+  // 航线管理
+  async function createFlightPath(entityId: string, waypoints: any[]) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await flightPathsApi.createFlightPath({ entityId, waypoints })
+      if (response.success && response.data) {
+        flightPaths.value.set(response.data.id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '创建航线失败'
+      console.error('Failed to create flight path:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function updateFlightPath(id: string, updates: Partial<FlightPath>) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await flightPathsApi.updateFlightPath(id, updates)
+      if (response.success && response.data) {
+        flightPaths.value.set(id, response.data)
+        return response.data
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '更新航线失败'
+      console.error('Failed to update flight path:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function deleteFlightPath(id: string) {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await flightPathsApi.deleteFlightPath(id)
+      if (response.success) {
+        flightPaths.value.delete(id)
+      }
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '删除航线失败'
+      console.error('Failed to delete flight path:', err)
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function fetchMissionFlightPaths(missionId: string) {
+    try {
+      const response = await flightPathsApi.getMissionFlightPaths(missionId)
+      if (response.success && response.data) {
+        response.data.forEach(path => {
+          flightPaths.value.set(path.id, path)
+        })
+      }
+    } catch (err) {
+      console.error('Failed to fetch mission flight paths:', err)
+    }
+  }
+
+  function setCurrentMission(missionId: string | null) {
+    if (currentMissionId.value && currentMissionId.value !== missionId) {
+      wsClient.leaveMission(currentMissionId.value)
+    }
+    
+    currentMissionId.value = missionId
+    
+    if (missionId) {
+      wsClient.joinMission(missionId)
+      fetchMissionFlightPaths(missionId)
+    }
+  }
+
+  function getMissionById(id: string) {
+    return missions.value.get(id)
+  }
+
+  function getMissionsByStatus(status: MissionStatus) {
+    return missionsList.value.filter(mission => mission.status === status)
+  }
+
+  function getMissionsBySide(side: Side) {
+    return missionsList.value.filter(mission => mission.side === side)
+  }
+
+  function clearMissions() {
+    missions.value.clear()
+    flightPaths.value.clear()
+    currentMissionId.value = null
+  }
+
+  // WebSocket事件监听
+  function setupWebSocketListeners() {
+    wsClient.on('mission_status', (data: { id: string; status: string; timestamp: string }) => {
+      const mission = missions.value.get(data.id)
+      if (mission) {
+        mission.status = data.status as MissionStatus
+        mission.updatedAt = data.timestamp
+        missions.value.set(data.id, { ...mission })
+      }
+    })
+  }
+
+  // 初始化
+  function initialize() {
+    setupWebSocketListeners()
+    fetchMissions()
+  }
+
+  return {
+    // 状态
+    missions,
+    flightPaths,
+    currentMissionId,
+    loading,
+    error,
+    
+    // 计算属性
+    missionsList,
+    currentMission,
+    activeMissions,
+    missionsByStatus,
+    missionsBySide,
+    missionStats,
+    currentMissionFlightPaths,
+    
+    // 方法
+    fetchMissions,
+    createMission,
+    updateMission,
+    deleteMission,
+    startMission,
+    pauseMission,
+    endMission,
+    addEntityToMission,
+    removeEntityFromMission,
+    createFlightPath,
+    updateFlightPath,
+    deleteFlightPath,
+    fetchMissionFlightPaths,
+    setCurrentMission,
+    getMissionById,
+    getMissionsByStatus,
+    getMissionsBySide,
+    clearMissions,
+    initialize
+  }
+})
+
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000..42f252a
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,128 @@
+// 红蓝攻防对抗系统 - 设计系统变量
+// ===========================================
+
+// 主题色彩
+$primary-color: #1e3c72;
+$primary-light: #2a5298;
+$primary-dark: #1a2a4a;
+
+// 阵营色彩
+$red-side: #f56c6c;
+$red-side-light: #f78989;
+$red-side-dark: #d03050;
+
+$blue-side: #409eff;
+$blue-side-light: #66b1ff;
+$blue-side-dark: #337ecc;
+
+$neutral-side: #909399;
+
+// 状态色彩
+$success-color: #67c23a;
+$warning-color: #e6a23c;
+$danger-color: #f56c6c;
+$info-color: #909399;
+
+// 功能色彩
+$active-color: #00d084;
+$inactive-color: #a8abb2;
+$destroyed-color: #ff4757;
+$damaged-color: #ffa502;
+
+// 背景色彩
+$bg-primary: #f5f5f5;
+$bg-secondary: #ffffff;
+$bg-dark: #1a1a1a;
+$bg-panel: rgba(255, 255, 255, 0.95);
+$bg-overlay: rgba(0, 0, 0, 0.6);
+
+// 文字色彩
+$text-primary: #303133;
+$text-regular: #606266;
+$text-secondary: #909399;
+$text-placeholder: #c0c4cc;
+$text-white: #ffffff;
+
+// 边框色彩
+$border-light: #ebeef5;
+$border-base: #dcdfe6;
+$border-dark: #d4d7de;
+$border-darker: #cdd0d6;
+
+// 阴影
+$shadow-light: 0 2px 4px rgba(0, 0, 0, 0.06);
+$shadow-base: 0 2px 8px rgba(0, 0, 0, 0.1);
+$shadow-heavy: 0 4px 16px rgba(0, 0, 0, 0.15);
+$shadow-panel: 0 8px 32px rgba(0, 0, 0, 0.2);
+
+// 圆角
+$border-radius-small: 4px;
+$border-radius-base: 6px;
+$border-radius-large: 8px;
+$border-radius-round: 20px;
+
+// 间距
+$spacing-xs: 4px;
+$spacing-sm: 8px;
+$spacing-base: 16px;
+$spacing-lg: 24px;
+$spacing-xl: 32px;
+$spacing-xxl: 48px;
+
+// 字体大小
+$font-size-xs: 12px;
+$font-size-sm: 13px;
+$font-size-base: 14px;
+$font-size-lg: 16px;
+$font-size-xl: 18px;
+$font-size-xxl: 20px;
+$font-size-title: 24px;
+$font-size-header: 28px;
+
+// 字体权重
+$font-weight-light: 300;
+$font-weight-normal: 400;
+$font-weight-medium: 500;
+$font-weight-semibold: 600;
+$font-weight-bold: 700;
+
+// Z-index层级
+$z-index-dropdown: 1000;
+$z-index-modal: 2000;
+$z-index-message: 3000;
+$z-index-tooltip: 4000;
+$z-index-loading: 9000;
+
+// 过渡动画
+$transition-fast: 0.2s;
+$transition-base: 0.3s;
+$transition-slow: 0.5s;
+
+// 断点
+$breakpoint-xs: 480px;
+$breakpoint-sm: 768px;
+$breakpoint-md: 992px;
+$breakpoint-lg: 1200px;
+$breakpoint-xl: 1920px;
+
+// 军事主题特殊色彩
+$radar-green: #00ff41;
+$sonar-blue: #00bfff;
+$alert-red: #ff1744;
+$target-orange: #ff9800;
+$stealth-purple: #9c27b0;
+
+// 威胁等级色彩
+$threat-low: #4caf50;
+$threat-medium: #ff9800;
+$threat-high: #f44336;
+$threat-critical: #d32f2f;
+
+// 任务状态色彩
+$mission-planning: #2196f3;
+$mission-ready: #ff9800;
+$mission-executing: #4caf50;
+$mission-completed: #607d8b;
+$mission-failed: #f44336;
+$mission-cancelled: #9e9e9e;
+
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..a7e8ea9
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,213 @@
+// 基础类型定义
+export interface Position {
+  lng: number
+  lat: number
+  alt: number
+}
+
+export interface Entity {
+  id: string
+  name: string
+  type: EntityType
+  side: Side
+  position: Position
+  status: EntityStatus
+  attributes: Record<string, any>
+  createdAt: string
+  updatedAt?: string
+}
+
+export type EntityType = 'fighter' | 'drone' | 'missile' | 'ship' | 'tank' | 'radar'
+export type Side = 'red' | 'blue' | 'neutral'
+export type EntityStatus = 'active' | 'damaged' | 'destroyed' | 'inactive'
+
+export interface Mission {
+  id: string
+  name: string
+  side: Side
+  status: MissionStatus
+  startTime: string
+  endTime?: string
+  description?: string
+  config: MissionConfig
+  createdAt: string
+  updatedAt?: string
+}
+
+export type MissionStatus = 'planning' | 'ready' | 'executing' | 'completed' | 'failed' | 'cancelled'
+
+export interface MissionConfig {
+  objectives: string[]
+  constraints: string[]
+  rules: Record<string, any>
+  participants: string[] // entity IDs
+}
+
+export interface FlightPath {
+  id: string
+  entityId: string
+  waypoints: Waypoint[]
+  createdAt: string
+  updatedAt?: string
+}
+
+export interface Waypoint {
+  id: string
+  position: Position
+  altitude: number
+  speed?: number
+  heading?: number
+  arrivalTime?: string
+  actions?: WaypointAction[]
+}
+
+export interface WaypointAction {
+  type: 'attack' | 'scan' | 'hover' | 'land' | 'takeoff'
+  target?: string
+  duration?: number
+  parameters?: Record<string, any>
+}
+
+export interface SituationData {
+  timestamp: string
+  entities: Entity[]
+  threats: Threat[]
+  events: SituationEvent[]
+}
+
+export interface Threat {
+  id: string
+  type: ThreatType
+  source: string
+  target: string
+  level: ThreatLevel
+  position: Position
+  radius: number
+  detectedAt: string
+}
+
+export type ThreatType = 'missile' | 'radar' | 'aircraft' | 'sam' | 'unknown'
+export type ThreatLevel = 'low' | 'medium' | 'high' | 'critical'
+
+export interface SituationEvent {
+  id: string
+  type: EventType
+  timestamp: string
+  description: string
+  data: Record<string, any>
+  severity: EventSeverity
+}
+
+export type EventType = 'entity_created' | 'entity_updated' | 'entity_destroyed' | 
+                        'mission_started' | 'mission_completed' | 'threat_detected' | 
+                        'target_engaged' | 'communication_lost'
+
+export type EventSeverity = 'info' | 'warning' | 'error' | 'critical'
+
+export interface Assessment {
+  id: string
+  missionId: string
+  timestamp: string
+  summary: AssessmentSummary
+  details: AssessmentDetails
+  recommendations: string[]
+}
+
+export interface AssessmentSummary {
+  redSide: SideAssessment
+  blueSide: SideAssessment
+  overallStatus: 'red_advantage' | 'blue_advantage' | 'balanced' | 'inconclusive'
+}
+
+export interface SideAssessment {
+  entitiesTotal: number
+  entitiesActive: number
+  entitiesDamaged: number
+  entitiesDestroyed: number
+  objectivesCompleted: number
+  objectivesTotal: number
+  effectiveness: number // 0-100
+}
+
+export interface AssessmentDetails {
+  casualties: CasualtyReport[]
+  objectives: ObjectiveStatus[]
+  timeline: TimelineEvent[]
+  statistics: Record<string, number>
+}
+
+export interface CasualtyReport {
+  entityId: string
+  entityName: string
+  entityType: EntityType
+  side: Side
+  status: EntityStatus
+  timestamp: string
+  cause?: string
+}
+
+export interface ObjectiveStatus {
+  id: string
+  description: string
+  status: 'pending' | 'in_progress' | 'completed' | 'failed'
+  progress: number // 0-100
+  assignedTo: string[] // entity IDs
+}
+
+export interface TimelineEvent {
+  timestamp: string
+  event: string
+  participants: string[]
+  impact: 'positive' | 'negative' | 'neutral'
+}
+
+// API响应类型
+export interface ApiResponse<T = any> {
+  success: boolean
+  data?: T
+  message?: string
+  error?: string
+  timestamp: string
+}
+
+export interface PaginatedResponse<T> {
+  items: T[]
+  total: number
+  page: number
+  pageSize: number
+  totalPages: number
+}
+
+// WebSocket消息类型
+export interface WebSocketMessage {
+  type: string
+  data: any
+  timestamp: string
+  missionId?: string
+}
+
+// 用户界面状态类型
+export interface UIState {
+  selectedEntity?: string
+  selectedMission?: string
+  currentView: string
+  sidebarCollapsed: boolean
+  filters: Record<string, any>
+}
+
+// Cesium相关类型
+export interface CesiumConfig {
+  terrainProvider?: string
+  imageryProvider?: string
+  enableLighting?: boolean
+  enableFog?: boolean
+  showGroundAtmosphere?: boolean
+}
+
+export interface EntityDisplayOptions {
+  showLabel?: boolean
+  showTrail?: boolean
+  trailLength?: number
+  modelScale?: number
+  labelScale?: number
+}
diff --git a/src/views/Assessment.vue b/src/views/Assessment.vue
new file mode 100644
index 0000000..fafec55
--- /dev/null
+++ b/src/views/Assessment.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="assessment">
+    <h2>战况评估</h2>
+    <p>战况评估功能正在开发中...</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 战况评估页面逻辑
+</script>
+
+<style scoped>
+.assessment {
+  padding: 20px;
+}
+</style>
+
diff --git a/src/views/ComponentDemo.vue b/src/views/ComponentDemo.vue
new file mode 100644
index 0000000..8066dc5
--- /dev/null
+++ b/src/views/ComponentDemo.vue
@@ -0,0 +1,448 @@
+<template>
+  <div class="component-demo">
+    <div class="demo-header">
+      <h2>🎨 组件库展示</h2>
+      <p>红蓝攻防对抗系统前端组件库演示</p>
+    </div>
+
+    <!-- MilitaryCard 演示 -->
+    <div class="demo-section">
+      <h3>军事卡片组件 (MilitaryCard)</h3>
+      <div class="demo-grid">
+        <MilitaryCard 
+          title="红方战斗机" 
+          icon="✈️" 
+          side="red" 
+          status="active"
+          badge="5架"
+          badge-type="danger"
+          hoverable
+          @click="onCardClick('红方战斗机')"
+        >
+          <p>当前有5架战斗机处于活跃状态，正在执行空中巡逻任务。</p>
+          <template #footer>
+            <div style="display: flex; gap: 8px;">
+              <ActionButton action-type="scan" size="small" text="扫描" />
+              <ActionButton action-type="attack" size="small" text="攻击" />
+            </div>
+          </template>
+        </MilitaryCard>
+
+        <MilitaryCard 
+          title="蓝方无人机" 
+          icon="🚁" 
+          side="blue" 
+          status="damaged"
+          variant="glass"
+          hoverable
+        >
+          <p>无人机群正在进行侦察任务，部分设备受损。</p>
+          <template #footer>
+            <ActionButton action-type="repair" size="small" text="维修" />
+          </template>
+        </MilitaryCard>
+
+        <MilitaryCard 
+          title="中立雷达站" 
+          icon="📡" 
+          side="neutral" 
+          status="inactive"
+          loading
+          loading-text="正在连接..."
+        />
+      </div>
+    </div>
+
+    <!-- StatusIndicator 演示 -->
+    <div class="demo-section">
+      <h3>状态指示器 (StatusIndicator)</h3>
+      <div class="demo-status-grid">
+        <div class="status-item">
+          <StatusIndicator type="active" show-text pulsing />
+        </div>
+        <div class="status-item">
+          <StatusIndicator type="damaged" show-text size="large" pulsing />
+        </div>
+        <div class="status-item">
+          <StatusIndicator type="destroyed" show-text />
+        </div>
+        <div class="status-item">
+          <StatusIndicator type="online" show-text size="small" />
+        </div>
+        <div class="status-item">
+          <StatusIndicator type="critical" show-text pulsing />
+        </div>
+      </div>
+    </div>
+
+    <!-- ThreatLevel 演示 -->
+    <div class="demo-section">
+      <h3>威胁等级 (ThreatLevel)</h3>
+      <div class="demo-threat-grid">
+        <ThreatLevel level="low" show-progress animated />
+        <ThreatLevel level="medium" variant="compact" />
+        <ThreatLevel level="high" show-value :value="75" unit="%" />
+        <ThreatLevel level="critical" variant="detailed" animated />
+      </div>
+    </div>
+
+    <!-- SideIndicator 演示 -->
+    <div class="demo-section">
+      <h3>阵营指示器 (SideIndicator)</h3>
+      <div class="demo-side-grid">
+        <SideIndicator side="red" show-text variant="solid" />
+        <SideIndicator side="blue" show-text variant="outline" />
+        <SideIndicator side="neutral" show-tag variant="minimal" />
+        <SideIndicator side="red" variant="solid" size="large" />
+      </div>
+    </div>
+
+    <!-- ActionButton 演示 -->
+    <div class="demo-section">
+      <h3>军事行动按钮 (ActionButton)</h3>
+      <div class="demo-button-grid">
+        <ActionButton 
+          action-type="attack" 
+          variant="military" 
+          text="发起攻击" 
+          :icon="Star"
+        />
+        <ActionButton 
+          action-type="defend" 
+          variant="tactical" 
+          text="防御模式" 
+          :icon="CircleCheck"
+        />
+        <ActionButton 
+          action-type="emergency" 
+          variant="military" 
+          text="紧急撤退" 
+          urgent
+          :icon="Warning"
+        />
+        <ActionButton 
+          action-type="scan" 
+          variant="stealth" 
+          text="隐蔽扫描" 
+          glowing
+          :icon="Search"
+        />
+      </div>
+    </div>
+
+    <!-- DropdownProgressBar 演示 -->
+    <div class="demo-section">
+      <h3>下拉进度条 (DropdownProgressBar)</h3>
+      <div class="demo-progress-grid">
+        <DropdownProgressBar 
+          title="任务执行进度"
+          :progress="75"
+          status="active"
+          side="red"
+          badge="进行中"
+          badge-type="primary"
+          description="红方空中打击任务正在执行中，目标区域已锁定。"
+          :start-time="new Date('2024-01-20 09:00:00')"
+          :estimated-completion="new Date('2024-01-20 15:30:00')"
+          :milestones="[
+            { value: 25, label: '起飞完成' },
+            { value: 50, label: '到达目标区域' },
+            { value: 75, label: '开始攻击' },
+            { value: 100, label: '任务完成' }
+          ]"
+          animated
+          show-glow
+        >
+          <template #actions>
+            <ActionButton action-type="scan" size="small" text="监控" />
+            <ActionButton action-type="emergency" size="small" text="中断" />
+          </template>
+        </DropdownProgressBar>
+
+        <DropdownProgressBar 
+          title="设备维护状态"
+          :progress="45"
+          status="warning"
+          side="blue"
+          badge="维护中"
+          badge-type="warning"
+          description="蓝方雷达系统正在进行定期维护，预计还需2小时完成。"
+          :start-time="new Date('2024-01-20 14:00:00')"
+          :estimated-completion="new Date('2024-01-20 18:00:00')"
+          :milestones="[
+            { value: 20, label: '系统诊断' },
+            { value: 60, label: '硬件检修' },
+            { value: 90, label: '系统测试' }
+          ]"
+          pulsing
+        >
+          <template #actions>
+            <ActionButton action-type="repair" size="small" text="加速" />
+          </template>
+        </DropdownProgressBar>
+
+        <DropdownProgressBar 
+          title="数据传输"
+          :progress="100"
+          status="completed"
+          side="neutral"
+          badge="已完成"
+          badge-type="success"
+          description="侦察数据传输已完成，所有文件已安全上传到指挥中心。"
+          :start-time="new Date('2024-01-20 10:30:00')"
+          :estimated-completion="new Date('2024-01-20 12:30:00')"
+          :milestones="[
+            { value: 25, label: '连接建立' },
+            { value: 50, label: '开始传输' },
+            { value: 75, label: '验证数据' },
+            { value: 100, label: '传输完成' }
+          ]"
+        />
+
+        <DropdownProgressBar 
+          title="系统启动"
+          :progress="30"
+          status="error"
+          side="red"
+          badge="错误"
+          badge-type="danger"
+          description="导弹系统启动过程中遇到错误，需要技术人员介入处理。"
+          :start-time="new Date('2024-01-20 16:00:00')"
+          :milestones="[
+            { value: 20, label: '自检完成' },
+            { value: 40, label: '系统加载' },
+            { value: 80, label: '就绪状态' }
+          ]"
+        >
+          <template #actions>
+            <ActionButton action-type="emergency" size="small" text="重启" />
+            <ActionButton action-type="repair" size="small" text="修复" />
+          </template>
+        </DropdownProgressBar>
+      </div>
+    </div>
+
+    <!-- MilitaryChart 演示 -->
+    <div class="demo-section">
+      <h3>军事图表 (MilitaryChart)</h3>
+      <div class="demo-charts-grid">
+        <!-- 雷达图 -->
+        <MilitaryChart 
+          type="radar"
+          title="战斗力评估"
+          :data="radarData"
+          :size="250"
+        />
+
+        <!-- 条形图 -->
+        <MilitaryChart 
+          type="bar"
+          title="实体统计"
+          :data="barData"
+        />
+
+        <!-- 环形图 -->
+        <MilitaryChart 
+          type="donut"
+          title="阵营分布"
+          :data="donutData"
+          :size="250"
+          center-text="总计"
+          center-subtext="152 个实体"
+        />
+
+        <!-- 态势图 -->
+        <MilitaryChart 
+          type="situation"
+          title="战场态势"
+          :data="situationData"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import { Star, CircleCheck, Warning, Search } from '@element-plus/icons-vue'
+
+// 导入组件
+import {
+  MilitaryCard,
+  StatusIndicator,
+  ThreatLevel,
+  SideIndicator,
+  ActionButton,
+  DropdownProgressBar,
+  MilitaryChart
+} from '@/components'
+
+// 演示数据
+const radarData = ref([
+  { label: '火力', value: 85, side: 'red' as const },
+  { label: '防御', value: 70, side: 'blue' as const },
+  { label: '机动', value: 90, side: 'red' as const },
+  { label: '通信', value: 75, side: 'blue' as const },
+  { label: '侦察', value: 80, side: 'neutral' as const }
+])
+
+const barData = ref([
+  { label: '战斗机', value: 25, side: 'red' as const },
+  { label: '无人机', value: 40, side: 'blue' as const },
+  { label: '导弹', value: 15, side: 'red' as const },
+  { label: '雷达', value: 8, side: 'neutral' as const }
+])
+
+const donutData = ref([
+  { label: '红方', value: 45, side: 'red' as const },
+  { label: '蓝方', value: 42, side: 'blue' as const },
+  { label: '中立', value: 13, side: 'neutral' as const }
+])
+
+const situationData = ref([
+  { id: '1', name: 'F-16', type: 'fighter', side: 'red' as const, x: 20, y: 30, heading: 45 },
+  { id: '2', name: 'MQ-9', type: 'drone', side: 'blue' as const, x: 70, y: 20, heading: 120 },
+  { id: '3', name: 'AGM-88', type: 'missile', side: 'red' as const, x: 50, y: 60, heading: 90 },
+  { id: '4', name: 'Radar-1', type: 'radar', side: 'neutral' as const, x: 80, y: 80, heading: 0 }
+])
+
+// 事件处理
+const onCardClick = (title: string) => {
+  ElMessage.success(`点击了卡片: ${title}`)
+}
+</script>
+
+<style lang="scss" scoped>
+@use '@/styles/variables.scss' as *;
+
+.component-demo {
+  padding: $spacing-xl;
+  max-width: 1200px;
+  margin: 0 auto;
+  min-height: 100%;
+  /* 确保内容足够长时能够滚动 */
+  box-sizing: border-box;
+}
+
+.demo-header {
+  text-align: center;
+  margin-bottom: $spacing-xxl;
+  
+  h2 {
+    color: $text-primary;
+    margin-bottom: $spacing-sm;
+  }
+  
+  p {
+    color: $text-secondary;
+    font-size: $font-size-lg;
+  }
+}
+
+.demo-section {
+  margin-bottom: $spacing-xxl;
+  
+  h3 {
+    color: $text-primary;
+    margin-bottom: $spacing-lg;
+    padding-bottom: $spacing-sm;
+    border-bottom: 2px solid $primary-color;
+    display: inline-block;
+  }
+}
+
+.demo-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: $spacing-lg;
+  margin-bottom: $spacing-lg;
+}
+
+.demo-status-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: $spacing-lg;
+  align-items: center;
+}
+
+.status-item {
+  padding: $spacing-base;
+  border: 1px solid $border-light;
+  border-radius: $border-radius-base;
+  background: white;
+}
+
+.demo-threat-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: $spacing-lg;
+}
+
+.demo-side-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: $spacing-lg;
+  align-items: center;
+}
+
+.demo-button-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: $spacing-lg;
+}
+
+.demo-charts-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  gap: $spacing-lg;
+}
+
+.demo-progress-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+  gap: $spacing-lg;
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-md) {
+  .component-demo {
+    padding: $spacing-lg;
+  }
+  
+  .demo-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .demo-charts-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .demo-progress-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .demo-status-grid {
+    justify-content: center;
+  }
+  
+  .demo-side-grid {
+    justify-content: center;
+  }
+}
+
+@media (max-width: $breakpoint-sm) {
+  .demo-header {
+    margin-bottom: $spacing-lg;
+  }
+  
+  .demo-section {
+    margin-bottom: $spacing-lg;
+  }
+  
+  .demo-button-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
+
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
new file mode 100644
index 0000000..6738933
--- /dev/null
+++ b/src/views/Dashboard.vue
@@ -0,0 +1,535 @@
+<template>
+  <div class="dashboard">
+    <!-- 统计卡片 -->
+    <div class="stats-grid">
+      <el-card class="stat-card">
+        <div class="stat-content">
+          <div class="stat-value">{{ entityStats.total }}</div>
+          <div class="stat-label">总实体数</div>
+        </div>
+        <el-icon class="stat-icon" color="#409EFF">
+          <Platform />
+        </el-icon>
+      </el-card>
+      
+      <el-card class="stat-card">
+        <div class="stat-content">
+          <div class="stat-value">{{ missionStats.active }}</div>
+          <div class="stat-label">活跃任务</div>
+        </div>
+        <el-icon class="stat-icon" color="#67C23A">
+          <Operation />
+        </el-icon>
+      </el-card>
+      
+      <el-card class="stat-card">
+        <div class="stat-content">
+          <div class="stat-value">{{ entityStats.bySide.red }}</div>
+          <div class="stat-label">红方实体</div>
+        </div>
+        <el-icon class="stat-icon" color="#F56C6C">
+          <Warning />
+        </el-icon>
+      </el-card>
+      
+      <el-card class="stat-card">
+        <div class="stat-content">
+          <div class="stat-value">{{ entityStats.bySide.blue }}</div>
+          <div class="stat-label">蓝方实体</div>
+        </div>
+        <el-icon class="stat-icon" color="#409EFF">
+          <Star />
+        </el-icon>
+      </el-card>
+    </div>
+
+    <!-- 主要内容区域 -->
+    <div class="main-content">
+      <!-- 3D地球视图 -->
+      <el-card class="cesium-container" :body-style="{ padding: '0' }">
+        <div id="cesiumContainer" class="cesium-viewer"></div>
+        
+        <!-- 控制面板 -->
+        <div class="control-panel">
+          <el-button-group>
+            <el-button type="primary" :icon="VideoPlay" @click="playSimulation">
+              开始演练
+            </el-button>
+            <el-button :icon="VideoPause" @click="pauseSimulation">
+              暂停
+            </el-button>
+            <el-button :icon="RefreshRight" @click="resetView">
+              重置视角
+            </el-button>
+          </el-button-group>
+        </div>
+      </el-card>
+
+      <!-- 侧边信息面板 -->
+      <div class="side-panel">
+        <!-- 实体列表 -->
+        <el-card class="info-card">
+          <template #header>
+            <div class="card-header">
+              <span>实体列表</span>
+              <el-button type="primary" size="small" @click="showEntityDialog = true">
+                添加实体
+              </el-button>
+            </div>
+          </template>
+          
+          <div class="entity-list">
+            <div 
+              v-for="entity in entitiesList" 
+              :key="entity.id"
+              class="entity-item"
+              :class="{ 'selected': selectedEntity?.id === entity.id }"
+              @click="selectEntity(entity.id)"
+            >
+              <div class="entity-info">
+                <div class="entity-name">{{ entity.name }}</div>
+                <div class="entity-details">
+                  <el-tag 
+                    :type="entity.side === 'red' ? 'danger' : 'primary'" 
+                    size="small"
+                  >
+                    {{ entity.side === 'red' ? '红方' : '蓝方' }}
+                  </el-tag>
+                  <el-tag size="small" style="margin-left: 4px;">
+                    {{ getEntityTypeLabel(entity.type) }}
+                  </el-tag>
+                </div>
+              </div>
+              <div class="entity-status">
+                <el-icon 
+                  :color="getStatusColor(entity.status)"
+                  size="16"
+                >
+                  <CircleCheckFilled v-if="entity.status === 'active'" />
+                  <WarningFilled v-else-if="entity.status === 'damaged'" />
+                  <CircleCloseFilled v-else />
+                </el-icon>
+              </div>
+            </div>
+          </div>
+        </el-card>
+
+        <!-- 任务列表 -->
+        <el-card class="info-card">
+          <template #header>
+            <div class="card-header">
+              <span>任务列表</span>
+              <el-button type="primary" size="small" @click="showMissionDialog = true">
+                创建任务
+              </el-button>
+            </div>
+          </template>
+          
+          <div class="mission-list">
+            <div 
+              v-for="mission in missionsList" 
+              :key="mission.id"
+              class="mission-item"
+              :class="{ 'active': mission.status === 'executing' }"
+            >
+              <div class="mission-info">
+                <div class="mission-name">{{ mission.name }}</div>
+                <div class="mission-details">
+                  <el-tag 
+                    :type="getMissionStatusType(mission.status)" 
+                    size="small"
+                  >
+                    {{ getMissionStatusLabel(mission.status) }}
+                  </el-tag>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </div>
+
+    <!-- 添加实体对话框 -->
+    <el-dialog 
+      v-model="showEntityDialog" 
+      title="添加实体" 
+      width="500px"
+    >
+      <el-form :model="entityForm" label-width="80px">
+        <el-form-item label="名称">
+          <el-input v-model="entityForm.name" />
+        </el-form-item>
+        <el-form-item label="类型">
+          <el-select v-model="entityForm.type" placeholder="选择类型">
+            <el-option label="战斗机" value="fighter" />
+            <el-option label="无人机" value="drone" />
+            <el-option label="导弹" value="missile" />
+            <el-option label="舰船" value="ship" />
+            <el-option label="坦克" value="tank" />
+            <el-option label="雷达" value="radar" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="阵营">
+          <el-select v-model="entityForm.side" placeholder="选择阵营">
+            <el-option label="红方" value="red" />
+            <el-option label="蓝方" value="blue" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showEntityDialog = false">取消</el-button>
+        <el-button type="primary" @click="createEntity">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 创建任务对话框 -->
+    <el-dialog 
+      v-model="showMissionDialog" 
+      title="创建任务" 
+      width="600px"
+    >
+      <el-form :model="missionForm" label-width="80px">
+        <el-form-item label="任务名称">
+          <el-input v-model="missionForm.name" />
+        </el-form-item>
+        <el-form-item label="阵营">
+          <el-select v-model="missionForm.side" placeholder="选择阵营">
+            <el-option label="红方" value="red" />
+            <el-option label="蓝方" value="blue" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input v-model="missionForm.description" type="textarea" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showMissionDialog = false">取消</el-button>
+        <el-button type="primary" @click="createMission">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue'
+import { 
+  Platform, Operation, Warning, Star, VideoPlay, VideoPause, RefreshRight,
+  CircleCheckFilled, WarningFilled, CircleCloseFilled
+} from '@element-plus/icons-vue'
+import { useEntitiesStore } from '@/stores/entities'
+import { useMissionsStore } from '@/stores/missions'
+import { ElMessage } from 'element-plus'
+
+// 状态管理
+const entitiesStore = useEntitiesStore()
+const missionsStore = useMissionsStore()
+
+// 响应式数据
+const showEntityDialog = ref(false)
+const showMissionDialog = ref(false)
+
+const entityForm = ref({
+  name: '',
+  type: '',
+  side: '',
+  position: { lng: 116.397428, lat: 39.90923, alt: 1000 }
+})
+
+const missionForm = ref({
+  name: '',
+  side: '',
+  description: '',
+  startTime: new Date().toISOString(),
+  config: {
+    objectives: [],
+    constraints: [],
+    rules: {},
+    participants: []
+  }
+})
+
+// 计算属性
+const entitiesList = computed(() => entitiesStore.entitiesList)
+const selectedEntity = computed(() => entitiesStore.selectedEntity)
+const missionsList = computed(() => missionsStore.missionsList)
+const entityStats = computed(() => entitiesStore.entityStats)
+const missionStats = computed(() => missionsStore.missionStats)
+
+// 方法
+function selectEntity(id: string) {
+  entitiesStore.selectEntity(id)
+}
+
+function getEntityTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    fighter: '战斗机',
+    drone: '无人机',
+    missile: '导弹',
+    ship: '舰船',
+    tank: '坦克',
+    radar: '雷达'
+  }
+  return labels[type] || type
+}
+
+function getStatusColor(status: string) {
+  const colors: Record<string, string> = {
+    active: '#67C23A',
+    damaged: '#E6A23C',
+    destroyed: '#F56C6C',
+    inactive: '#909399'
+  }
+  return colors[status] || '#909399'
+}
+
+function getMissionStatusType(status: string) {
+  const types: Record<string, string> = {
+    planning: 'info',
+    ready: 'warning',
+    executing: 'success',
+    completed: 'success',
+    failed: 'danger',
+    cancelled: 'info'
+  }
+  return types[status] || 'info'
+}
+
+function getMissionStatusLabel(status: string) {
+  const labels: Record<string, string> = {
+    planning: '规划中',
+    ready: '准备就绪',
+    executing: '执行中',
+    completed: '已完成',
+    failed: '失败',
+    cancelled: '已取消'
+  }
+  return labels[status] || status
+}
+
+async function createEntity() {
+  try {
+    await entitiesStore.createEntity(entityForm.value)
+    ElMessage.success('实体创建成功')
+    showEntityDialog.value = false
+    resetEntityForm()
+  } catch (error) {
+    ElMessage.error('实体创建失败')
+  }
+}
+
+async function createMission() {
+  try {
+    await missionsStore.createMission(missionForm.value)
+    ElMessage.success('任务创建成功')
+    showMissionDialog.value = false
+    resetMissionForm()
+  } catch (error) {
+    ElMessage.error('任务创建失败')
+  }
+}
+
+function resetEntityForm() {
+  entityForm.value = {
+    name: '',
+    type: '',
+    side: '',
+    position: { lng: 116.397428, lat: 39.90923, alt: 1000 }
+  }
+}
+
+function resetMissionForm() {
+  missionForm.value = {
+    name: '',
+    side: '',
+    description: '',
+    startTime: new Date().toISOString(),
+    config: {
+      objectives: [],
+      constraints: [],
+      rules: {},
+      participants: []
+    }
+  }
+}
+
+function playSimulation() {
+  ElMessage.info('演练开始')
+}
+
+function pauseSimulation() {
+  ElMessage.info('演练暂停')
+}
+
+function resetView() {
+  ElMessage.info('视角重置')
+}
+
+// 生命周期
+onMounted(() => {
+  // 初始化数据
+  entitiesStore.initialize()
+  missionsStore.initialize()
+  
+  // TODO: 初始化Cesium视图
+  initCesiumViewer()
+})
+
+function initCesiumViewer() {
+  // Cesium初始化将在后续实现
+  console.log('Cesium viewer will be initialized here')
+}
+</script>
+
+<style scoped>
+.dashboard {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: #f5f5f5;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  padding: 16px;
+}
+
+.stat-card {
+  border-radius: 8px;
+}
+
+.stat-card :deep(.el-card__body) {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px;
+}
+
+.stat-content {
+  flex: 1;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: bold;
+  color: #303133;
+  line-height: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #606266;
+  margin-top: 4px;
+}
+
+.stat-icon {
+  font-size: 40px;
+  opacity: 0.8;
+}
+
+.main-content {
+  flex: 1;
+  display: flex;
+  gap: 16px;
+  padding: 0 16px 16px;
+  min-height: 0;
+}
+
+.cesium-container {
+  flex: 1;
+  position: relative;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.cesium-viewer {
+  width: 100%;
+  height: 600px;
+  background: linear-gradient(45deg, #1e3c72, #2a5298);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 18px;
+}
+
+.cesium-viewer::before {
+  content: "🌍 Cesium 3D地球视图即将加载";
+}
+
+.control-panel {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 100;
+}
+
+.side-panel {
+  width: 320px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.info-card {
+  border-radius: 8px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.entity-list, .mission-list {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.entity-item, .mission-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s;
+  margin-bottom: 8px;
+  border: 1px solid #ebeef5;
+}
+
+.entity-item:hover, .mission-item:hover {
+  background-color: #f5f7fa;
+}
+
+.entity-item.selected {
+  background-color: #ecf5ff;
+  border-color: #409eff;
+}
+
+.mission-item.active {
+  background-color: #f0f9ff;
+  border-color: #67c23a;
+}
+
+.entity-info, .mission-info {
+  flex: 1;
+}
+
+.entity-name, .mission-name {
+  font-weight: 500;
+  color: #303133;
+  margin-bottom: 4px;
+}
+
+.entity-details, .mission-details {
+  display: flex;
+  gap: 4px;
+}
+
+.entity-status {
+  margin-left: 8px;
+}
+</style>
+
diff --git a/src/views/EntityManagement.vue b/src/views/EntityManagement.vue
new file mode 100644
index 0000000..ec36b8f
--- /dev/null
+++ b/src/views/EntityManagement.vue
@@ -0,0 +1,488 @@
+<template>
+  <div class="entity-management">
+    <!-- 顶部面包屑导航 -->
+    <div class="nav-breadcrumb">
+      <el-breadcrumb separator=">">
+        <el-breadcrumb-item>
+          <el-button link @click="goBack">
+            <el-icon><ArrowLeft /></el-icon>
+          </el-button>
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>上级页面</el-breadcrumb-item>
+        <el-breadcrumb-item>上级页面</el-breadcrumb-item>
+        <el-breadcrumb-item class="current">当前模块</el-breadcrumb-item>
+      </el-breadcrumb>
+      
+      <div class="nav-actions">
+        <el-button-group>
+          <el-button size="small">
+            <el-icon><Refresh /></el-icon>
+            战场环境
+          </el-button>
+          <el-button size="small" type="primary">
+            <el-icon><Setting /></el-icon>
+            任务规划
+          </el-button>
+          <el-button size="small">行动评估</el-button>
+          <el-button size="small">分析评估</el-button>
+        </el-button-group>
+        
+        <el-button type="primary" size="small" class="next-step-btn">
+          下一步
+          <el-icon><ArrowRight /></el-icon>
+        </el-button>
+      </div>
+    </div>
+
+    <div class="management-container">
+      <!-- 左侧方案面板 -->
+      <div class="left-panel">
+        <div class="panel-header">
+          <div class="header-tabs">
+            <el-badge :value="1" class="scheme-badge">
+              方案列表
+            </el-badge>
+          </div>
+        </div>
+
+        <!-- 搜索框 -->
+        <div class="search-container">
+          <el-input
+            v-model="searchKeyword"
+            placeholder="搜索方案"
+            size="small"
+            clearable
+          >
+            <template #suffix>
+              <el-icon><Search /></el-icon>
+            </template>
+          </el-input>
+        </div>
+
+        <!-- 方案树 -->
+        <div class="scheme-tree">
+          <el-tree
+            :data="schemeTreeData"
+            :props="treeProps"
+            :expand-on-click-node="false"
+            :default-expanded-keys="['scheme1']"
+            node-key="id"
+            @node-click="handleNodeClick"
+          >
+            <template #default="{ node, data }">
+              <div class="tree-node" :class="{ 'active': selectedNode?.id === data.id }">
+                <el-icon v-if="data.type === 'scheme'" class="node-icon">
+                  <Folder />
+                </el-icon>
+                <el-icon v-else-if="data.type === 'batch'" class="node-icon">
+                  <Operation />
+                </el-icon>
+                <el-icon v-else class="node-icon aircraft-icon">
+                  <Position />
+                </el-icon>
+                <span class="node-label">{{ data.label }}</span>
+                <el-tag
+                  v-if="data.status"
+                  :type="getStatusType(data.status)"
+                  size="small"
+                  class="node-status"
+                >
+                  {{ data.status }}
+                </el-tag>
+              </div>
+            </template>
+          </el-tree>
+        </div>
+      </div>
+
+      <!-- 中央配置区域 -->
+      <div class="center-panel">
+        <EntityConfigPanel 
+          v-model:activeTab="activeTab"
+          v-model:entityConfig="entityConfig"
+          v-model:selectedWeaponScheme="selectedWeaponScheme"
+          :weapon-schemes="weaponSchemes"
+          :fuel-percentage="fuelPercentage"
+          @weapon-scheme-select="selectWeaponScheme"
+        />
+      </div>
+
+      <!-- 右侧信息面板 -->
+      <div class="right-panel">
+        <WeaponStatsPanel 
+          :weapon-inventory="weaponInventory"
+          :total-weight="16"
+          :weight-change="19.6"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { 
+  ArrowLeft, ArrowRight, Search, Refresh, Setting, Folder, Operation, Position
+} from '@element-plus/icons-vue'
+import EntityConfigPanel from '@/components/entity/EntityConfigPanel.vue'
+import WeaponStatsPanel from '@/components/entity/WeaponStatsPanel.vue'
+
+// 响应式数据
+const searchKeyword = ref('')
+const activeTab = ref('weapon')
+const selectedNode = ref<any>(null)
+const selectedWeaponScheme = ref('scheme1')
+const fuelPercentage = ref(75)
+
+// 实体配置
+const entityConfig = ref({
+  name: 'J-16',
+  displayName: 'J-16',
+  armorType: 'red',
+  missionType: 'sweep',
+  maxAltitude: '10000',
+  minAltitude: '1000'
+})
+
+// 方案树数据
+const schemeTreeData = ref([
+  {
+    id: 'scheme1',
+    label: '任务方案#1',
+    type: 'scheme',
+    children: [
+      {
+        id: 'batch1',
+        label: '第一批次',
+        type: 'batch',
+        children: [
+          { id: 'aircraft1', label: '飞机', type: 'aircraft', status: null }
+        ]
+      },
+      {
+        id: 'batch2',
+        label: '第二批次',
+        type: 'batch',
+        children: []
+      },
+      {
+        id: 'batch3',
+        label: '第三批次',
+        type: 'batch',
+        children: []
+      }
+    ]
+  },
+  {
+    id: 'scheme2',
+    label: '任务方案#2',
+    type: 'scheme',
+    children: [
+      {
+        id: 'batch4',
+        label: '第一批次',
+        type: 'batch',
+        children: []
+      },
+      {
+        id: 'batch5',
+        label: '第二批次',
+        type: 'batch',
+        children: []
+      },
+      {
+        id: 'batch6',
+        label: '第三批次',
+        type: 'batch',
+        children: []
+      }
+    ]
+  },
+  {
+    id: 'scheme3',
+    label: '任务方案#3',
+    type: 'scheme',
+    children: []
+  }
+])
+
+const treeProps = {
+  children: 'children',
+  label: 'label'
+}
+
+// 武器挂载方案
+const weaponSchemes = ref([
+  { id: 'scheme1', name: '武器挂载方案一', available: true },
+  { id: 'scheme2', name: '武器挂载方案二', available: true },
+  { id: 'scheme3', name: '武器挂载方案三', available: true },
+  { id: 'scheme4', name: '武器挂载方案四', available: false }
+])
+
+// 武器清单
+const weaponInventory = ref([
+  { id: '1', name: 'PL-8', weight: '1.6 t', icon: '🚀' },
+  { id: '2', name: 'Aim-7雷管', weight: '1.6 t', icon: '🚀' },
+  { id: '3', name: 'AIM-120闪电拉姆', weight: '1.6 t', icon: '🚀' },
+  { id: '4', name: 'PL-12', weight: '1.6 t', icon: '🚀' },
+  { id: '5', name: 'PL-15', weight: '1.6 t', icon: '🚀' },
+  { id: '6', name: 'PL-10', weight: '1.6 t', icon: '🚀' }
+])
+
+// 方法
+const goBack = () => {
+  // 返回上级页面逻辑
+}
+
+const handleNodeClick = (data: any) => {
+  selectedNode.value = data
+  if (data.type === 'aircraft') {
+    loadAircraftConfig(data.id)
+  }
+}
+
+const getStatusType = (status: string) => {
+  const typeMap: Record<string, string> = {
+    '可用': 'success',
+    '维护中': 'warning',
+    '故障': 'danger'
+  }
+  return typeMap[status] || 'info'
+}
+
+const selectWeaponScheme = (schemeId: string) => {
+  if (weaponSchemes.value.find(s => s.id === schemeId)?.available) {
+    selectedWeaponScheme.value = schemeId
+    loadWeaponScheme(schemeId)
+  }
+}
+
+const loadAircraftConfig = (aircraftId: string) => {
+  console.log('Loading aircraft config for:', aircraftId)
+}
+
+const loadWeaponScheme = (schemeId: string) => {
+  console.log('Loading weapon scheme:', schemeId)
+}
+
+// 初始化
+onMounted(() => {
+  selectedNode.value = schemeTreeData.value[0].children[0].children[0]
+})
+</script>
+
+<style lang="scss" scoped>
+@use '@/styles/variables.scss' as *;
+
+.entity-management {
+  height: 100vh;
+  background: #0f1419;
+  color: #ffffff;
+  display: flex;
+  flex-direction: column;
+}
+
+// 顶部导航
+.nav-breadcrumb {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background: rgba(15, 20, 25, 0.95);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+  .current {
+    color: #409eff;
+  }
+
+  .nav-actions {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    .next-step-btn {
+      background: #409eff;
+      border: none;
+    }
+  }
+}
+
+// 主容器
+.management-container {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+// 左侧面板
+.left-panel {
+  width: 240px;
+  background: rgba(15, 20, 25, 0.8);
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  flex-direction: column;
+
+  .panel-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+    .scheme-badge {
+      :deep(.el-badge__content) {
+        background: #409eff;
+      }
+    }
+  }
+
+  .search-container {
+    padding: 12px 16px;
+    
+    :deep(.el-input) {
+      .el-input__wrapper {
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        color: #ffffff;
+      }
+      
+      .el-input__inner {
+        color: #ffffff;
+        
+        &::placeholder {
+          color: rgba(255, 255, 255, 0.6);
+        }
+      }
+    }
+  }
+
+  .scheme-tree {
+    flex: 1;
+    padding: 8px;
+    overflow-y: auto;
+
+    :deep(.el-tree) {
+      background: transparent;
+      color: #ffffff;
+
+      .el-tree-node__content {
+        background: transparent;
+        border-radius: 4px;
+        margin-bottom: 2px;
+
+        &:hover {
+          background: rgba(64, 158, 255, 0.1);
+        }
+      }
+
+      .el-tree-node__expand-icon {
+        color: rgba(255, 255, 255, 0.6);
+      }
+    }
+
+    .tree-node {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+
+      &.active {
+        background: #409eff;
+        border-radius: 4px;
+        padding: 2px 8px;
+        margin: -2px -8px;
+      }
+
+      .node-icon {
+        color: rgba(255, 255, 255, 0.7);
+        
+        &.aircraft-icon {
+          color: #409eff;
+        }
+      }
+
+      .node-label {
+        flex: 1;
+        font-size: 13px;
+      }
+
+      .node-status {
+        font-size: 11px;
+      }
+    }
+  }
+}
+
+// 中央面板
+.center-panel {
+  flex: 1;
+  background: rgba(15, 20, 25, 0.6);
+}
+
+// 右侧面板
+.right-panel {
+  width: 200px;
+  background: rgba(15, 20, 25, 0.8);
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+// 全局深色主题覆盖
+:deep(.el-breadcrumb) {
+  .el-breadcrumb__item {
+    .el-breadcrumb__inner {
+      color: rgba(255, 255, 255, 0.7);
+
+      &:hover {
+        color: #409eff;
+      }
+    }
+
+    &:last-child .el-breadcrumb__inner {
+      color: #409eff;
+    }
+  }
+
+  .el-breadcrumb__separator {
+    color: rgba(255, 255, 255, 0.5);
+  }
+}
+
+:deep(.el-button-group) {
+  .el-button {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(255, 255, 255, 0.2);
+    color: rgba(255, 255, 255, 0.8);
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.2);
+      color: #ffffff;
+    }
+
+    &.el-button--primary {
+      background: #409eff;
+      border-color: #409eff;
+      color: #ffffff;
+    }
+  }
+}
+
+// 响应式设计
+@media (max-width: $breakpoint-lg) {
+  .left-panel {
+    width: 200px;
+  }
+  
+  .right-panel {
+    width: 180px;
+  }
+}
+
+@media (max-width: $breakpoint-md) {
+  .management-container {
+    flex-direction: column;
+  }
+  
+  .left-panel,
+  .right-panel {
+    width: 100%;
+    height: auto;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/MissionPlanning.vue b/src/views/MissionPlanning.vue
new file mode 100644
index 0000000..ae19983
--- /dev/null
+++ b/src/views/MissionPlanning.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="mission-planning">
+    <h2>任务规划</h2>
+    <p>任务规划功能正在开发中...</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 任务规划页面逻辑
+</script>
+
+<style scoped>
+.mission-planning {
+  padding: 20px;
+}
+</style>
+
diff --git a/src/views/SituationAwareness.vue b/src/views/SituationAwareness.vue
new file mode 100644
index 0000000..d9fa084
--- /dev/null
+++ b/src/views/SituationAwareness.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="situation-awareness">
+    <h2>态势感知</h2>
+    <p>态势感知功能正在开发中...</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 态势感知页面逻辑
+</script>
+
+<style scoped>
+.situation-awareness {
+  padding: 20px;
+}
+</style>
+
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..7ec99e0
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,15 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "skipLibCheck": true,
+    "types": ["cesium"]
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..391e9e3
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "skipLibCheck": true,
+    "types": ["cesium"]
+  }
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..93054d7
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "nightwatch.conf.*", "playwright.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..3b9338c
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,42 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+import cesium from 'vite-plugin-cesium'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    cesium({
+      rebuildCesium: true,
+    })
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  server: {
+    port: 3000,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+      '/ws': {
+        target: 'ws://localhost:8000',
+        ws: true,
+      },
+    },
+  },
+  build: {
+    rollupOptions: {
+      external: [],
+    },
+    target: 'esnext',
+    sourcemap: true,
+  },
+  optimizeDeps: {
+    include: ['cesium'],
+  },
+})