From 8afb124c420bc50a20dad90c62febfa2192ee645 Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Tue, 10 Feb 2026 16:27:30 +0800
Subject: [PATCH 1/8] feat: implement core architecture

---
 .github/workflows/deploy.yml  |   34 -
 .gitignore                    |   93 +-
 .prettierrc                   |    8 +
 .vscode/extensions.json       |    3 +
 README.md                     |  235 +--
 eslint.config.js              |   25 +
 index.html                    |   88 +-
 package-lock.json             | 3137 ++++++++++++++++++++++++++++++++-
 package.json                  |   52 +-
 postcss.config.js             |    6 +
 public/vite.svg               |    1 +
 script.js                     |  886 ----------
 src/App.vue                   |   30 +
 src/assets/vue.svg            |    1 +
 src/components/HelloWorld.vue |   41 +
 src/core/commands.ts          |  256 +++
 src/core/events.ts            |   78 +
 src/core/state.ts             |  226 +++
 src/core/storage.ts           |  181 ++
 src/core/worker.ts            |   77 +
 src/main.ts                   |    5 +
 src/style.css                 |   79 +
 src/styles/animations.css     |  246 +++
 src/styles/variables.css      |  127 ++
 src/types/index.ts            |   82 +
 src/utils/constants.ts        |   77 +
 src/utils/helpers.ts          |  173 ++
 src/workers/imageProcessor.ts |  132 ++
 style.css                     |  664 -------
 tailwind.config.js            |   60 +
 tsconfig.app.json             |   16 +
 tsconfig.json                 |   24 +
 tsconfig.node.json            |   26 +
 vite.config.ts                |   13 +
 vitest.config.ts              |   19 +
 35 files changed, 5210 insertions(+), 1991 deletions(-)
 delete mode 100644 .github/workflows/deploy.yml
 create mode 100644 .prettierrc
 create mode 100644 .vscode/extensions.json
 create mode 100644 eslint.config.js
 create mode 100644 postcss.config.js
 create mode 100644 public/vite.svg
 delete mode 100644 script.js
 create mode 100644 src/App.vue
 create mode 100644 src/assets/vue.svg
 create mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/core/commands.ts
 create mode 100644 src/core/events.ts
 create mode 100644 src/core/state.ts
 create mode 100644 src/core/storage.ts
 create mode 100644 src/core/worker.ts
 create mode 100644 src/main.ts
 create mode 100644 src/style.css
 create mode 100644 src/styles/animations.css
 create mode 100644 src/styles/variables.css
 create mode 100644 src/types/index.ts
 create mode 100644 src/utils/constants.ts
 create mode 100644 src/utils/helpers.ts
 create mode 100644 src/workers/imageProcessor.ts
 delete mode 100644 style.css
 create mode 100644 tailwind.config.js
 create mode 100644 tsconfig.app.json
 create mode 100644 tsconfig.json
 create mode 100644 tsconfig.node.json
 create mode 100644 vite.config.ts
 create mode 100644 vitest.config.ts

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
deleted file mode 100644
index 9bcf314..0000000
--- a/.github/workflows/deploy.yml
+++ /dev/null
@@ -1,34 +0,0 @@
-name: Deploy to GitHub Pages
-
-on:
-  push:
-    branches: [ main ]
-  pull_request:
-    branches: [ main ]
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    
-    steps:
-    - uses: actions/checkout@v3
-    
-    - name: Setup Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version: '18'
-        cache: 'npm'
-    
-    - name: Install dependencies
-      run: npm install
-    
-    - name: Build
-      run: npm run build
-    
-    - name: Deploy to GitHub Pages
-      uses: peaceiris/actions-gh-pages@v3
-      if: github.ref == 'refs/heads/main'
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: ./
-        publish_branch: gh-pages
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index c29ef04..a547bf3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,77 +1,24 @@
-# Dependencies
-node_modules/
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Coverage directory used by tools like istanbul
-coverage/
-
-# Dependency directories
-jspm_packages/
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# IDE
-.vscode/
-.idea/
-*.swp
-*.swo
-*~
-
-# OS
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
 .DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
-
-# Logs
-logs
-*.log
-
-# Python
-__pycache__/
-*.py[cod]
-*$py.class
-*.so
-.Python
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Temporary files
-*.tmp
-*.temp
-
-# Build files
-dist/
-build/
-
-# GitHub Pages
-_site/
-.jekyll-cache/
-.jekyll-metadata
\ No newline at end of file
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..2991919
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "endOfLine": "lf"
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/README.md b/README.md
index f619832..33895ab 100644
--- a/README.md
+++ b/README.md
@@ -1,234 +1,5 @@
-# 🎯 MomentWebStitcher - 网页版朋友圈长图拼接工具
+# Vue 3 + TypeScript + Vite
 
-一个专为朋友圈设计的智能长图拼接工具，支持将多张图片垂直拼接成适合社交媒体分享的长图，完全基于Web技术实现，可直接在浏览器中使用。
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-## 🌟 功能亮点
-
-🎯 **智能分组**：根据图片数量自动设置合理的每组上限  
-📱 **触屏优化**：专为手机和平板优化的触摸操作体验  
-🎨 **可视化操作**：直观的拖拽式图形界面  
-⚡ **浏览器处理**：无需服务器，完全在浏览器端处理  
-🔧 **灵活配置**：可自定义每组图片数量  
-📁 **拖拽支持**：支持文件和文件夹拖拽  
-📊 **实时预览**：处理进度实时显示  
-🧹 **一键清理**：内置清理功能  
-⏰ **时间排序**：按拍摄时间自动排序（早到晚）  
-📱 **移动适配**：响应式设计，完美支持手机和平板  
-🤏 **触摸手势**：长按拖拽、触觉反馈、防误触设计
-
-## 🚀 快速开始
-
-### 在线使用
-暂不支持，等我找到免费域名再说¯\_(ツ)_/¯
-
-### 本地部署
-1. 克隆仓库
-```bash
-git clone https://github.com/Piggywu981/MomentWebStitcher.git
-cd MomentWebStitcher
-```
-
-2. 本地运行
-```bash
-# 方法1: 使用Python
-python -m http.server 8000
-
-# 方法2: 使用Node.js
-npm install -g http-server
-http-server .
-
-# 方法3: 直接双击index.html（部分浏览器可能需要）
-```
-
-3. 打开浏览器访问 http://localhost:8000
-
-## 📋 使用教程
-
-### 1. 上传图片
-- **拖拽上传**：将图片文件拖拽到上传区域
-- **点击上传**：点击上传区域选择图片文件
-- **批量上传**：支持一次选择多张图片
-
-### 2. 分组设置
-- **自动分组**：设置每组图片数量后点击"自动分组"
-- **手动调整**：拖拽图片在分组间自由移动
-- **分组管理**：每个分组可单独清空
-
-### 3. 触屏操作指南（手机/平板专用）
-
-#### 📱 基本手势
-- **长按拖拽**：长按图片约400ms开始拖拽
-- **移动放置**：拖拽到目标分组后松开手指
-- **返回图片池**：拖拽到左侧图片池区域
-- **删除图片**：点击图片上的"×"按钮
-
-#### 🤏 操作技巧
-- **触觉反馈**：支持震动的设备会有操作反馈
-- **防误触**：轻微移动不会触发拖拽，需要明显移动
-- **扩大点击区**：删除按钮周围有额外10px的点击缓冲区域
-
-#### 📱 移动优化特性
-- **响应式布局**：自动适配手机屏幕
-- **大触摸目标**：所有按钮和交互区域针对触摸优化
-- **流畅动画**：拖拽时有平滑的视觉反馈
-
-### 4. 参数配置
-- **输出质量**：调整输出图片质量（70-100%）
-- **分组大小**：自定义每组图片数量
-
-### 5. 开始处理
-- 点击"开始拼图"按钮
-- 实时查看处理进度
-- 完成后自动下载拼接后的图片
-
-## 🎨 界面功能详解
-
-### 主界面布局
-
-#### 左侧区域 - 图片管理
-- **上传区域**：支持拖拽和点击上传
-- **分组控制**：设置每组图片数量和自动分组
-- **分组显示**：可视化查看和管理所有分组
-- **图片池**：待分配的图片集合
-
-#### 右侧区域 - 处理和预览
-- **预览窗口**：查看拼接效果
-- **输出设置**：调整输出质量
-- **处理控制**：开始/停止处理
-- **进度显示**：实时处理进度
-
-### 特色功能
-
-#### 🎯 智能分组算法
-- 根据图片总数自动计算合理分组
-- 支持手动调整分组内容
-- 实时统计每组图片数量
-
-#### 🎨 拖拽操作
-- 支持图片在分组间自由拖拽
-- 支持从图片池拖拽到分组
-- 支持清空分组后图片回到图片池
-- **组内排序**：支持在分组内拖拽调整图片顺序
-
-#### 📱 触屏优化功能
-- **长按拖拽**：400ms长按开始拖拽，防止误触
-- **触觉反馈**：支持设备震动反馈（拖拽开始、放置成功、删除确认）
-- **触摸目标**：所有按钮和交互区域增大50%以上
-- **手势支持**：完美适配手机和平板触摸操作
-- **响应式布局**：自动适配不同屏幕尺寸
-- **防误触**：移动阈值保护，轻微移动不会误触发
-
-#### 📊 实时反馈
-- 图片数量实时统计
-- 处理进度百分比显示
-- 详细的操作状态提示
-- 触摸操作视觉反馈（阴影、动画、颜色变化）
-
-## 🛠️ 技术规格
-
-### 浏览器兼容性
-- **Chrome**: 90+
-- **Firefox**: 88+
-- **Safari**: 14+
-- **Edge**: 90+
-
-### 支持的图片格式
-- **JPEG/JPG**: 最常用的照片格式
-- **PNG**: 支持透明背景
-- **WebP**: Google现代格式
-- **BMP**: Windows位图
-- **TIFF**: 高质量图像
-
-### 技术架构
-- **前端**: HTML5 + CSS3 + JavaScript (ES6+)
-- **图片处理**: Canvas API
-- **拖拽**: 原生Drag & Drop API + Touch Events API
-- **触屏优化**: 触觉反馈API (Vibration API) + 触摸手势识别
-- **响应式设计**: CSS Grid + Flexbox + 媒体查询
-- **部署**: GitHub Pages
-
-## 🔧 高级功能
-
-### 自定义配置
-在 `script.js` 中可调整以下参数：
-```javascript
-const CONFIG = {
-    DEFAULT_GROUP_SIZE: 9,      // 默认每组图片数
-    MAX_FILE_SIZE: 10 * 1024 * 1024,  // 最大文件大小 (10MB)
-    OUTPUT_QUALITY: 95,         // 默认输出质量
-    SUPPORTED_FORMATS: ['image/jpeg', 'image/png', 'image/webp', 'image/bmp', 'image/tiff']
-};
-```
-
-### 批量处理
-- 支持一次处理多张图片
-- 自动按设置的分组大小进行分组
-- 每组图片单独生成一个文件
-
-## 📁 项目结构
-
-```
-MomentWebStitcher/
-├── index.html              # 🎨 主页面
-├── style.css               # 🎨 样式文件
-├── script.js               # ⚙️ 核心JavaScript
-├── package.json            # 📦 项目配置
-├── README.md              # 📖 说明文档
-└── .github/
-    └── workflows/
-        └── deploy.yml     # 🚀 GitHub Actions部署配置
-```
-
-## 🚀 部署指南
-
-### 部署到GitHub Pages
-1. Fork 本仓库
-2. 进入仓库 Settings → Pages
-3. 选择 Source 为 "Deploy from a branch"
-4. 选择 Branch 为 "main" 和 "/ (root)"
-5. 等待部署完成
-
-### 自定义域名
-在仓库设置中添加自定义域名，或修改 `CNAME` 文件。
-
-## ❓ 常见问题解答
-
-### 🔧 技术问题
-
-**Q: 为什么图片处理很慢？**
-A: 图片处理在浏览器端进行，大文件处理可能需要时间。建议：
-- 减少单次处理的图片数量
-- 使用较小的图片文件
-- 关闭其他占用资源的标签页
-
-**Q: 支持哪些浏览器？**
-A: 支持所有现代浏览器（Chrome 90+, Firefox 88+, Safari 14+, Edge 90+）
-
-**Q: 有文件大小限制吗？**
-A: 浏览器通常限制单个文件大小为100MB，但建议单张图片不超过10MB以获得最佳体验
-
-**Q: 如何处理大量图片？**
-A: 建议分批处理，每次处理不超过50张图片
-
-### 🎨 使用问题
-
-**Q: 如何调整图片顺序？**
-A: 在分组内可以拖拽调整顺序，或清空后重新分组
-
-**Q: 输出图片质量如何设置？**
-A: 使用右侧的质量滑块调整（70-100%）
-
-**Q: 可以横向拼接吗？**
-A: 当前版本仅支持垂直拼接，横向拼接功能将在后续版本添加
-
-## 📄 许可证
-
-本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情
-
-## 🤝 贡献
-
-欢迎提交 Issue 和 Pull Request！
-
-## 📞 联系
-
-如有问题或建议，请通过 [GitHub Issues](https://github.com/Piggywu981/MomentWebStitcher/issues) 联系我们。
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..1995b75
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,25 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import prettier from 'eslint-config-prettier'
+import prettierPlugin from 'eslint-plugin-prettier'
+
+export default tseslint.config(
+  { ignores: ['dist', 'node_modules'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended, prettier],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      prettier: prettierPlugin,
+    },
+    rules: {
+      'prettier/prettier': 'error',
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+    },
+  }
+)
diff --git a/index.html b/index.html
index 5fcfe1b..f95c809 100644
--- a/index.html
+++ b/index.html
@@ -1,75 +1,13 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MomentStitcher - 朋友圈长图拼接工具</title>
-    <link rel="stylesheet" href="style.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js" defer></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-</head>
-<body>
-    <div class="container">
-        <header>
-            <h1>🎯 MomentStitcher</h1>
-            <p>专为朋友圈设计的智能长图拼接工具</p>
-        </header>
-
-        <div class="main-content">
-            <!-- 左侧：图片上传和分组 -->
-            <div class="left-panel">
-                <div class="upload-section">
-                    <div class="upload-area" id="uploadArea">
-                        <div class="upload-icon">📁</div>
-                        <p>拖拽图片到此处或点击选择</p>
-                        <input type="file" id="fileInput" multiple accept="image/*" style="display: none;">
-                        <button onclick="document.getElementById('fileInput').click()">选择图片</button>
-                    </div>
-                </div>
-
-                <div class="group-control">
-                    <h3>分组设置</h3>
-                    <div class="control-row">
-                        <label>每组图片数量：</label>
-                        <input type="number" id="groupSize" value="9" min="1" max="100">
-                        <button onclick="autoGroup()">自动分组</button>
-                    </div>
-                </div>
-
-                <div class="groups-container" id="groupsContainer">
-                    <!-- 动态生成分组 -->
-                </div>
-            </div>
-
-            <!-- 右侧：输出设置 -->
-            <div class="right-panel">
-                <div class="output-section">
-                    <h3>输出设置</h3>
-                    <div class="control-row">
-                        <label>输出质量：</label>
-                        <input type="range" id="qualitySlider" min="70" max="100" value="95">
-                        <span id="qualityValue">95%</span>
-                    </div>
-                    <button id="stitchBtn" onclick="startStitching()" disabled>开始拼图</button>
-                    <button onclick="clearAll()">清空所有</button>
-                </div>
-
-                <div class="progress-section">
-                    <div class="progress-bar">
-                        <div class="progress-fill" id="progressFill"></div>
-                    </div>
-                    <p id="progressText">准备就绪</p>
-                </div>
-            </div>
-        </div>
-
-        <!-- 图片池 -->
-        <div class="image-pool" id="imagePool">
-            <h3>待分组图片</h3>
-            <div class="pool-images" id="poolImages"></div>
-        </div>
-    </div>
-
-    <script src="script.js"></script>
-</body>
-</html>
\ No newline at end of file
+<!doctype html>
+<html lang="en">
+  <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>momentwebstitcher</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
index 7b20516..cc33030 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,3137 @@
 {
-  "name": "moment-web-stitcher",
-  "version": "1.0.0",
-  "lockfileVersion": 2,
+  "name": "momentwebstitcher",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "moment-web-stitcher",
-      "version": "1.0.0",
+      "name": "momentwebstitcher",
+      "version": "0.0.0",
+      "dependencies": {
+        "vue": "^3.5.25"
+      },
+      "devDependencies": {
+        "@eslint/js": "^10.0.1",
+        "@types/node": "^24.10.12",
+        "@vitejs/plugin-vue": "^6.0.2",
+        "@vitest/ui": "^4.0.18",
+        "@vue/tsconfig": "^0.8.1",
+        "autoprefixer": "^10.4.24",
+        "eslint": "^10.0.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.5",
+        "postcss": "^8.5.6",
+        "prettier": "^3.8.1",
+        "tailwindcss": "^4.1.18",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.55.0",
+        "vite": "^8.0.0-beta.13",
+        "vitest": "^4.0.18",
+        "vue-tsc": "^3.1.5"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
-      "devDependencies": {}
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "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/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmmirror.com/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-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-array/-/config-array-0.23.1.tgz",
+      "integrity": "sha512-uVSdg/V4dfQmTjJzR0szNczjOH/J+FyUMMjYtr07xFRXR7EDf9i1qdxrD0VusZH9knj1/ecxzCQQxyic5NzAiA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^3.0.1",
+        "debug": "^4.3.1",
+        "minimatch": "^10.1.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-helpers/-/config-helpers-0.5.2.tgz",
+      "integrity": "sha512-a5MxrdDXEvqnIq+LisyCX6tQMPF/dSJpCfBgBauY+pNZ28yCtSsTvyTYrMhaI+LK26bVyCJfJkT0u8KIj2i1dQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^1.1.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-1.1.0.tgz",
+      "integrity": "sha512-/nr9K9wkr3P1EzFTdFdMoLuo1PmIxjmwvPozwoSodjNBdefGujXQUF93u1DDZpEaTuDvMsIQddsd35BwtrW9Xw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-10.0.1.tgz",
+      "integrity": "sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "eslint": "^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/object-schema/-/object-schema-3.0.1.tgz",
+      "integrity": "sha512-P9cq2dpr+LU8j3qbLygLcSZrl2/ds/pUpfnHNNuk5HW7mnngHs+6WSq5C9mO3rqRX8A1poxqLTC9cu0KOyJlBg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/plugin-kit/-/plugin-kit-0.6.0.tgz",
+      "integrity": "sha512-bIZEUzOI1jkhviX2cp5vNyXQc6olzb2ohewQubuYlMXZ2Q/XjBO0x0XhGPvc9fjSIiUN0vw+0hq53BJ4eQSJKQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^1.1.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmmirror.com/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmmirror.com/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@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/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/@isaacs/brace-expansion/-/brace-expansion-5.0.1.tgz",
+      "integrity": "sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
+      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      }
+    },
+    "node_modules/@oxc-project/runtime": {
+      "version": "0.112.0",
+      "resolved": "https://registry.npmmirror.com/@oxc-project/runtime/-/runtime-0.112.0.tgz",
+      "integrity": "sha512-4vYtWXMnXM6EaweCxbJ6bISAhkNHeN33SihvuX3wrpqaSJA4ZEoW35i9mSvE74+GDf1yTeVE+aEHA+WBpjDk/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.112.0",
+      "resolved": "https://registry.npmmirror.com/@oxc-project/types/-/types-0.112.0.tgz",
+      "integrity": "sha512-m6RebKHIRsax2iCwVpYW2ErQwa4ywHJrE4sCK3/8JK8ZZAWOKXaRJFl/uP51gaVyyXlaS4+chU1nSCdzYf6QqQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmmirror.com/@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/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-0T1k9FinuBZ/t7rZ8jN6OpUKPnUjNdYHoj/cESWrQ3ZraAJ4OMm6z7QjSfCxqj8mOp9kTKc1zHK3kGz5vMu+nQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-JWWLzvcmc/3pe7qdJqPpuPk91SoE/N+f3PcWx/6ZwuyDVyungAEJPvKm/eEldiDdwTmaEzWfIR+HORxYWrCi1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-MTakBxfx3tde5WSmbHxuqlDsIW0EzQym+PJYGF4P6lG2NmKzi128OGynoFUqoD5ryCySEY85dug4v+LWGBElIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-jje3oopyOLs7IwfvXoS6Lxnmie5JJO7vW29fdGFu5YGY1EDbVDhD+P9vDihqS5X6fFiqL3ZQZCMBg6jyHkSVww==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.3.tgz",
+      "integrity": "sha512-A0n8P3hdLAaqzSFrQoA42p23ZKBYQOw+8EH5r15Sa9X1kD9/JXe0YT2gph2QTWvdr0CVK2BOXiK6ENfy6DXOag==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.3.tgz",
+      "integrity": "sha512-kWXkoxxarYISBJ4bLNf5vFkEbb4JvccOwxWDxuK9yee8lg5XA7OpvlTptfRuwEvYcOZf+7VS69Uenpmpyo5Bjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.3.tgz",
+      "integrity": "sha512-Z03/wrqau9Bicfgb3Dbs6SYTHliELk2PM2LpG2nFd+cGupTMF5kanLEcj2vuuJLLhptNyS61rtk7SOZ+lPsTUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.3.tgz",
+      "integrity": "sha512-iSXXZsQp08CSilff/DCTFZHSVEpEwdicV3W8idHyrByrcsRDVh9sGC3sev6d8BygSGj3vt8GvUKBPCoyMA4tgQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.3.tgz",
+      "integrity": "sha512-qaj+MFudtdCv9xZo9znFvkgoajLdc+vwf0Kz5N44g+LU5XMe+IsACgn3UG7uTRlCCvhMAGXm1XlpEA5bZBrOcw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-U662UnMETyjT65gFmG9ma+XziENrs7BBnENi/27swZPYagubfHRirXHG2oMl+pEax2WvO7Kb9gHZmMakpYqBHQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.3.tgz",
+      "integrity": "sha512-gekrQ3Q2HiC1T5njGyuUJoGpK/l6B/TNXKed3fZXNf9YRTJn3L5MOZsFBn4bN2+UX+8+7hgdlTcEsexX988G4g==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.3.tgz",
+      "integrity": "sha512-85y5JifyMgs8m5K2XzR/VDsapKbiFiohl7s5lEj7nmNGO0pkTXE7q6TQScei96BNAsoK7JC3pA7ukA8WRHVJpg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.3.tgz",
+      "integrity": "sha512-a4VUQZH7LxGbUJ3qJ/TzQG8HxdHvf+jOnqf7B7oFx1TEBm+j2KNL2zr5SQ7wHkNAcaPevF6gf9tQnVBnC4mD+A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz",
+      "integrity": "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmmirror.com/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/esrecurse": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmmirror.com/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@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.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.10.12",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.10.12.tgz",
+      "integrity": "sha512-68e+T28EbdmLSTkPgs3+UacC6rzmqrcWFPQs1C8mwJhI/r5Uxr0yEuQotczNRROd1gq30NGxee+fo0rSIxpyAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.55.0.tgz",
+      "integrity": "sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/type-utils": "8.55.0",
+        "@typescript-eslint/utils": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.55.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.55.0.tgz",
+      "integrity": "sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/project-service/-/project-service-8.55.0.tgz",
+      "integrity": "sha512-zRcVVPFUYWa3kNnjaZGXSu3xkKV1zXy8M4nO/pElzQhFweb7PPtluDLQtKArEOGmjXoRjnUZ29NjOiF0eCDkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.55.0",
+        "@typescript-eslint/types": "^8.55.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.55.0.tgz",
+      "integrity": "sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.55.0.tgz",
+      "integrity": "sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.55.0.tgz",
+      "integrity": "sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0",
+        "@typescript-eslint/utils": "8.55.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-8.55.0.tgz",
+      "integrity": "sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.55.0.tgz",
+      "integrity": "sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.55.0",
+        "@typescript-eslint/tsconfig-utils": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "debug": "^4.4.3",
+        "minimatch": "^9.0.5",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "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/@typescript-eslint/utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-8.55.0.tgz",
+      "integrity": "sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.55.0.tgz",
+      "integrity": "sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.4.tgz",
+      "integrity": "sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vitest/expect": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/expect/-/expect-4.0.18.tgz",
+      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "chai": "^6.2.1",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/mocker/-/mocker-4.0.18.tgz",
+      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "4.0.18",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/mocker/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
+      "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/runner/-/runner-4.0.18.tgz",
+      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.0.18",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/snapshot/-/snapshot-4.0.18.tgz",
+      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/spy/-/spy-4.0.18.tgz",
+      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/ui": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/ui/-/ui-4.0.18.tgz",
+      "integrity": "sha512-CGJ25bc8fRi8Lod/3GHSvXRKi7nBo3kxh0ApW4yCjmrWmRmlT53B5E08XRSZRliygG0aVNxLrBEqPYdz/KcCtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.0.18",
+        "fflate": "^0.8.2",
+        "flatted": "^3.3.3",
+        "pathe": "^2.0.3",
+        "sirv": "^3.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "4.0.18"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/@vitest/utils/-/utils-4.0.18.tgz",
+      "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.27",
+      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.27.tgz",
+      "integrity": "sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.27"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.27",
+      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.27.tgz",
+      "integrity": "sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.27",
+      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.27.tgz",
+      "integrity": "sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.27",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.28.tgz",
+      "integrity": "sha512-kviccYxTgoE8n6OCw96BNdYlBg2GOWfBuOW4Vqwrt7mSKWKwFVvI8egdTltqRgITGPsTFYtKYfxIG8ptX2PJHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@vue/shared": "3.5.28",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.28.tgz",
+      "integrity": "sha512-/1ZepxAb159jKR1btkefDP+J2xuWL5V3WtleRmxaT+K2Aqiek/Ab/+Ebrw2pPj0sdHO8ViAyyJWfhXXOP/+LQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.28",
+        "@vue/shared": "3.5.28"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.28.tgz",
+      "integrity": "sha512-6TnKMiNkd6u6VeVDhZn/07KhEZuBSn43Wd2No5zaP5s3xm8IqFTHBj84HJah4UepSUJTro5SoqqlOY22FKY96g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@vue/compiler-core": "3.5.28",
+        "@vue/compiler-dom": "3.5.28",
+        "@vue/compiler-ssr": "3.5.28",
+        "@vue/shared": "3.5.28",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.28.tgz",
+      "integrity": "sha512-JCq//9w1qmC6UGLWJX7RXzrGpKkroubey/ZFqTpvEIDJEKGgntuDMqkuWiZvzTzTA5h2qZvFBFHY7fAAa9475g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.28",
+        "@vue/shared": "3.5.28"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.4.tgz",
+      "integrity": "sha512-bqBGuSG4KZM45KKTXzGtoCl9cWju5jsaBKaJJe3h5hRAAWpZUuj5G+L+eI01sPIkm4H6setKRlw7E85wLdDNew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.27",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.0.0",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.2"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.28.tgz",
+      "integrity": "sha512-gr5hEsxvn+RNyu9/9o1WtdYdwDjg5FgjUSBEkZWqgTKlo/fvwZ2+8W6AfKsc9YN2k/+iHYdS9vZYAhpi10kNaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.28"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.28.tgz",
+      "integrity": "sha512-POVHTdbgnrBBIpnbYU4y7pOMNlPn2QVxVzkvEA2pEgvzbelQq4ZOUxbp2oiyo+BOtiYlm8Q44wShHJoBvDPAjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.28",
+        "@vue/shared": "3.5.28"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.28.tgz",
+      "integrity": "sha512-4SXxSF8SXYMuhAIkT+eBRqOkWEfPu6nhccrzrkioA6l0boiq7sp18HCOov9qWJA5HML61kW8p/cB4MmBiG9dSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.28",
+        "@vue/runtime-core": "3.5.28",
+        "@vue/shared": "3.5.28",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.28.tgz",
+      "integrity": "sha512-pf+5ECKGj8fX95bNincbzJ6yp6nyzuLDhYZCeFxUNp8EBrQpPpQaLX3nNCp49+UbgbPun3CeVE+5CXVV1Xydfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.28",
+        "@vue/shared": "3.5.28"
+      },
+      "peerDependencies": {
+        "vue": "3.5.28"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.28",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.28.tgz",
+      "integrity": "sha512-cfWa1fCGBxrvaHRhvV3Is0MgmrbSCxYTXCSCau2I0a1Xw1N1pHAvkWCiXPRAqjvToILvguNyEwjevUqAuBQWvQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.8.1.tgz",
+      "integrity": "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": "5.x",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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.npmmirror.com/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": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.2.tgz",
+      "integrity": "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.24",
+      "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.24.tgz",
+      "integrity": "sha512-uHZg7N9ULTVbutaIsDRoUkoS8/h3bdsmVJYZ5l3wv8Cp/6UIIoRDm90hZ+BwxUj/hGBEzLxdHNSKuFpn8WOyZw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001766",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.19",
+      "resolved": "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
+      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/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/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001769",
+      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001769.tgz",
+      "integrity": "sha512-BCfFL1sHijQlBGWBMuJyhZUhzo7wer5sVj9hqekB/7xn0Ypy+pER/edCYQm4exbXj4WiySGp40P8UuTh6w1srg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/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/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "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.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.286",
+      "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
+      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/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": "10.0.0",
+      "resolved": "https://registry.npmmirror.com/eslint/-/eslint-10.0.0.tgz",
+      "integrity": "sha512-O0piBKY36YSJhlFSG8p9VUdPV/SxxS4FYDWVpr/9GJuMaepzwlf4J8I4ov1b+ySQfDTPhc3DtLaxcT1fN0yqCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@eslint/config-array": "^0.23.0",
+        "@eslint/config-helpers": "^0.5.2",
+        "@eslint/core": "^1.1.0",
+        "@eslint/plugin-kit": "^0.6.0",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^9.1.0",
+        "eslint-visitor-keys": "^5.0.0",
+        "espree": "^11.1.0",
+        "esquery": "^1.7.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "minimatch": "^10.1.1",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
+      "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-config-prettier"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.5.5",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.5.tgz",
+      "integrity": "sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.1",
+        "synckit": "^0.11.12"
+      },
+      "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-scope": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-9.1.0.tgz",
+      "integrity": "sha512-CkWE42hOJsNj9FJRaoMX9waUFYhqY4jmyLFdAdzZr6VaCg3ynLYx4WnOdkaIifGfH4gsUcBTn4OZbHXkpLD0FQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@types/esrecurse": "^4.3.1",
+        "@types/estree": "^1.0.8",
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-5.0.0.tgz",
+      "integrity": "sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmmirror.com/espree/-/espree-11.1.0.tgz",
+      "integrity": "sha512-WFWYhO1fV4iYkqOOvq8FbqIhr2pYfoDY0kCotMkDeNtGpiGGkZ1iov2u8ydjtgM8yF8rzK7oaTbw2NAzbAbehw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "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.npmmirror.com/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.npmmirror.com/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.npmmirror.com/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.npmmirror.com/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/expect-type": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/expect-type/-/expect-type-1.3.0.tgz",
+      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmmirror.com/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/fflate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmmirror.com/fflate/-/fflate-0.8.2.tgz",
+      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/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": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/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/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/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/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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.npmmirror.com/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/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmmirror.com/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/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/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/lightningcss": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.31.1.tgz",
+      "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.31.1",
+        "lightningcss-darwin-arm64": "1.31.1",
+        "lightningcss-darwin-x64": "1.31.1",
+        "lightningcss-freebsd-x64": "1.31.1",
+        "lightningcss-linux-arm-gnueabihf": "1.31.1",
+        "lightningcss-linux-arm64-gnu": "1.31.1",
+        "lightningcss-linux-arm64-musl": "1.31.1",
+        "lightningcss-linux-x64-gnu": "1.31.1",
+        "lightningcss-linux-x64-musl": "1.31.1",
+        "lightningcss-win32-arm64-msvc": "1.31.1",
+        "lightningcss-win32-x64-msvc": "1.31.1"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz",
+      "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz",
+      "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz",
+      "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz",
+      "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz",
+      "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz",
+      "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz",
+      "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz",
+      "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz",
+      "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz",
+      "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz",
+      "integrity": "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/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/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-10.1.2.tgz",
+      "integrity": "sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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.npmmirror.com/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/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/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/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmmirror.com/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-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/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.8.1",
+      "resolved": "https://registry.npmmirror.com/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "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.1",
+      "resolved": "https://registry.npmmirror.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz",
+      "integrity": "sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/rolldown/-/rolldown-1.0.0-rc.3.tgz",
+      "integrity": "sha512-Po/YZECDOqVXjIXrtC5h++a5NLvKAQNrd9ggrIG3sbDfGO5BqTUsrI6l8zdniKRp3r5Tp/2JTrXqx4GIguFCMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.112.0",
+        "@rolldown/pluginutils": "1.0.0-rc.3"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.3",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.3",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.3",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.3",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.3",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.3",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.3"
+      }
+    },
+    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/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/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmmirror.com/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/synckit": {
+      "version": "0.11.12",
+      "resolved": "https://registry.npmmirror.com/synckit/-/synckit-0.11.12.tgz",
+      "integrity": "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==",
+      "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/tailwindcss": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.1.18.tgz",
+      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmmirror.com/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
+      "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
+      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/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/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmmirror.com/typescript-eslint/-/typescript-eslint-8.55.0.tgz",
+      "integrity": "sha512-HE4wj+r5lmDVS9gdaN0/+iqNvPZwGfnJ5lZuz7s5vLlg9ODw0bIiiETaios9LvFI1U94/VBXGm3CB2Y5cNFMpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.55.0",
+        "@typescript-eslint/parser": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0",
+        "@typescript-eslint/utils": "8.55.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "8.0.0-beta.13",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-8.0.0-beta.13.tgz",
+      "integrity": "sha512-7s/rfpYOAo7WUHh9irzaGjhhKb12hGv0BpDegAMV5A391wdyvM45WtX6VMV7hvEtZF2j/QtpDpR6ldXI3GgARQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/runtime": "0.112.0",
+        "fdir": "^6.5.0",
+        "lightningcss": "^1.31.1",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rolldown": "1.0.0-rc.3",
+        "tinyglobby": "^0.2.15"
+      },
+      "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",
+        "@vitejs/devtools": "^0.0.0-alpha.24",
+        "esbuild": "^0.27.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.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
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "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/vitest": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmmirror.com/vitest/-/vitest-4.0.18.tgz",
+      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "4.0.18",
+        "@vitest/mocker": "4.0.18",
+        "@vitest/pretty-format": "4.0.18",
+        "@vitest/runner": "4.0.18",
+        "@vitest/snapshot": "4.0.18",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "es-module-lexer": "^1.7.0",
+        "expect-type": "^1.2.2",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^3.10.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.0.3",
+        "vite": "^6.0.0 || ^7.0.0",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "4.0.18",
+        "@vitest/browser-preview": "4.0.18",
+        "@vitest/browser-webdriverio": "4.0.18",
+        "@vitest/ui": "4.0.18",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/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.28",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.28.tgz",
+      "integrity": "sha512-BRdrNfeoccSoIZeIhyPBfvWSLFP4q8J3u8Ju8Ug5vu3LdD+yTM13Sg4sKtljxozbnuMu1NB1X5HBHRYUzFocKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.28",
+        "@vue/compiler-sfc": "3.5.28",
+        "@vue/runtime-dom": "3.5.28",
+        "@vue/server-renderer": "3.5.28",
+        "@vue/shared": "3.5.28"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.4.tgz",
+      "integrity": "sha512-xj3YCvSLNDKt1iF9OcImWHhmYcihVu9p4b9s4PGR/qp6yhW+tZJaypGxHScRyOrdnHvaOeF+YkZOdKwbgGvp5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.27",
+        "@vue/language-core": "3.2.4"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/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/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/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"
+      }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index 6b934e1..db94b2c 100644
--- a/package.json
+++ b/package.json
@@ -1,24 +1,36 @@
 {
-  "name": "moment-web-stitcher",
-  "version": "1.0.0",
-  "description": "Web version of MomentStitcher - A smart long image stitching tool for social media",
-  "main": "index.html",
+  "name": "momentwebstitcher",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
   "scripts": {
-    "dev": "python -m http.server 8000",
-    "build": "echo 'No build step required for static site'",
-    "deploy": "echo 'Deploy to GitHub Pages via GitHub Actions'"
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
   },
-  "keywords": [
-    "image-stitching",
-    "web-app",
-    "social-media",
-    "image-processing"
-  ],
-  "author": "MomentStitcher Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Piggywu981/MomentWebStitcher"
+  "dependencies": {
+    "vue": "^3.5.25"
   },
-  "homepage": "https://Piggywu981.github.io/MomentWebStitcher"
-}
\ No newline at end of file
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^24.10.12",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitest/ui": "^4.0.18",
+    "@vue/tsconfig": "^0.8.1",
+    "autoprefixer": "^10.4.24",
+    "eslint": "^10.0.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "postcss": "^8.5.6",
+    "prettier": "^3.8.1",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.55.0",
+    "vite": "^8.0.0-beta.13",
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.1.5"
+  },
+  "overrides": {
+    "vite": "^8.0.0-beta.13"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/script.js b/script.js
deleted file mode 100644
index 0b2bcb5..0000000
--- a/script.js
+++ /dev/null
@@ -1,886 +0,0 @@
-// 全局变量
-let uploadedImages = [];
-let imageGroups = [];
-let draggedElement = null;
-
-// 解析EXIF日期格式
-function parseExifDate(exifDate) {
-    if (!exifDate) return new Date();
-    
-    // EXIF格式: "2023:12:25 14:30:25"
-    const parts = exifDate.split(' ');
-    if (parts.length !== 2) return new Date();
-    
-    const dateParts = parts[0].split(':');
-    const timeParts = parts[1].split(':');
-    
-    if (dateParts.length !== 3 || timeParts.length !== 3) return new Date();
-    
-    const year = parseInt(dateParts[0]);
-    const month = parseInt(dateParts[1]) - 1; // JavaScript月份从0开始
-    const day = parseInt(dateParts[2]);
-    const hour = parseInt(timeParts[0]);
-    const minute = parseInt(timeParts[1]);
-    const second = parseInt(timeParts[2]);
-    
-    return new Date(year, month, day, hour, minute, second);
-}
-
-// 初始化
-document.addEventListener('DOMContentLoaded', function() {
-    initializeApp();
-});
-
-function initializeApp() {
-    setupDragAndDrop();
-    setupFileInput();
-    setupQualitySlider();
-    setupDragAndDropGroups();
-}
-
-// 拖拽上传设置
-function setupDragAndDrop() {
-    const uploadArea = document.getElementById('uploadArea');
-    
-    uploadArea.addEventListener('dragover', function(e) {
-        e.preventDefault();
-        uploadArea.classList.add('dragover');
-    });
-    
-    uploadArea.addEventListener('dragleave', function() {
-        uploadArea.classList.remove('dragover');
-    });
-    
-    uploadArea.addEventListener('drop', function(e) {
-        e.preventDefault();
-        uploadArea.classList.remove('dragover');
-        const files = Array.from(e.dataTransfer.files).filter(file => file.type.startsWith('image/'));
-        handleImageUpload(files);
-    });
-}
-
-// 文件输入设置
-function setupFileInput() {
-    const fileInput = document.getElementById('fileInput');
-    fileInput.addEventListener('change', function(e) {
-        const files = Array.from(e.target.files);
-        handleImageUpload(files);
-    });
-}
-
-// 质量滑块设置
-function setupQualitySlider() {
-    const slider = document.getElementById('qualitySlider');
-    const valueDisplay = document.getElementById('qualityValue');
-    
-    slider.addEventListener('input', function() {
-        valueDisplay.textContent = this.value + '%';
-    });
-}
-
-// 处理图片上传（优化版）
-function handleImageUpload(files) {
-    const validFiles = Array.from(files).filter(file => file.type.startsWith('image/'));
-    if (validFiles.length === 0) return;
-    
-    // 限制并发处理数量
-    const batchSize = 5;
-    const batches = [];
-    for (let i = 0; i < validFiles.length; i += batchSize) {
-        batches.push(validFiles.slice(i, i + batchSize));
-    }
-    
-    let processedCount = 0;
-    const totalImages = validFiles.length;
-    
-    const processBatch = async (batch) => {
-        const loadPromises = batch.map(file => {
-            return new Promise((resolve) => {
-                const reader = new FileReader();
-                reader.onload = function(e) {
-                    const image = {
-                        id: Date.now() + Math.random(),
-                        name: file.name,
-                        src: e.target.result,
-                        file: file,
-                        dateTime: null
-                    };
-                    
-                    // 使用图片对象池避免重复创建
-                    const img = new Image();
-                    img.onload = function() {
-                        try {
-                            EXIF.getData(img, function() {
-                                const dateTimeOriginal = EXIF.getTag(this, 'DateTimeOriginal');
-                                const dateTime = EXIF.getTag(this, 'DateTime');
-                                
-                                let dateTaken;
-                                if (dateTimeOriginal) {
-                                    dateTaken = parseExifDate(dateTimeOriginal);
-                                } else if (dateTime) {
-                                    dateTaken = parseExifDate(dateTime);
-                                } else {
-                                    dateTaken = file.lastModifiedDate || new Date(file.lastModified);
-                                }
-                                
-                                image.dateTime = dateTaken;
-                                resolve(image);
-                            });
-                        } catch (error) {
-                            image.dateTime = file.lastModifiedDate || new Date(file.lastModified);
-                            resolve(image);
-                        }
-                    };
-                    img.onerror = function() {
-                        image.dateTime = file.lastModifiedDate || new Date(file.lastModified);
-                        resolve(image);
-                    };
-                    img.src = e.target.result;
-                };
-                reader.readAsDataURL(file);
-            });
-        });
-        
-        const batchImages = await Promise.all(loadPromises);
-        processedCount += batchImages.length;
-        
-        // 分批更新UI，避免阻塞
-        batchImages.sort((a, b) => a.dateTime - b.dateTime);
-        uploadedImages.push(...batchImages);
-        
-        // 使用防抖更新UI
-        debouncedUpdateImagePool();
-        
-        // 更新进度
-        const progress = Math.round((processedCount / totalImages) * 100);
-        document.getElementById('progressText').textContent = `处理中... ${progress}%`;
-    };
-    
-    // 分批处理
-    batches.reduce((promise, batch) => {
-        return promise.then(() => processBatch(batch));
-    }, Promise.resolve()).then(() => {
-        document.getElementById('progressText').textContent = '准备就绪';
-    });
-}
-
-// 防抖的UI更新函数
-const debouncedUpdateImagePool = debounce(updateImagePool, 100);
-const debouncedUpdateGroups = debounce(updateGroups, 100);
-
-// 防抖函数
-function debounce(func, wait) {
-    let timeout;
-    return function executedFunction(...args) {
-        const later = () => {
-            clearTimeout(timeout);
-            func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-    };
-}
-
-// 节流函数
-function throttle(func, limit) {
-    let inThrottle;
-    return function() {
-        const args = arguments;
-        const context = this;
-        if (!inThrottle) {
-            func.apply(context, args);
-            inThrottle = true;
-            setTimeout(() => inThrottle = false, limit);
-        }
-    };
-}
-
-// 更新图片池显示（优化版）
-function updateImagePool() {
-    const poolImages = document.getElementById('poolImages');
-    const fragment = document.createDocumentFragment();
-    
-    // 使用文档片段减少重排
-    uploadedImages.forEach(image => {
-        const div = createImageElement(image, 'pool');
-        fragment.appendChild(div);
-    });
-    
-    poolImages.innerHTML = '';
-    poolImages.appendChild(fragment);
-    
-    updateStitchButton();
-}
-
-// 创建图片元素
-function createImageElement(image, type) {
-    const div = document.createElement('div');
-    div.className = type === 'pool' ? 'pool-image' : 'group-image';
-    div.draggable = true;
-    div.dataset.imageId = image.id;
-    
-    if (type === 'pool') {
-        div.innerHTML = `
-            <img src="${image.src}" alt="${image.name}" loading="lazy">
-            <div class="image-info">
-                <span>${image.name}</span>
-                <small>${image.dateTime ? image.dateTime.toLocaleString() : '未知时间'}</small>
-            </div>
-            <button class="remove-btn" onclick="removeImage('${image.id}')">×</button>
-        `;
-    } else {
-        div.innerHTML = `
-            <img src="${image.src}" alt="${image.name}" loading="lazy">
-            <div class="image-info">
-                <span class="filename">${image.name}</span>
-                <small>${image.dateTime ? image.dateTime.toLocaleString() : '未知时间'}</small>
-            </div>
-            <button class="remove-btn" onclick="removeFromGroup(this)">×</button>
-        `;
-    }
-    
-    // 拖拽事件
-    div.addEventListener('dragstart', handleDragStart);
-    div.addEventListener('dragend', handleDragEnd);
-    
-    return div;
-}
-
-// 拖拽事件处理
-function handleDragStart(e) {
-    draggedElement = e.target;
-    e.target.classList.add('dragging');
-    e.dataTransfer.effectAllowed = 'move';
-    e.dataTransfer.setData('text/html', e.target.innerHTML);
-    e.dataTransfer.setData('imageId', e.target.dataset.imageId);
-    
-    // 立即设置鼠标样式
-    e.target.style.cursor = 'grabbing';
-}
-
-function handleDragEnd(e) {
-    e.target.classList.remove('dragging');
-    e.target.style.cursor = 'move';
-    
-    // 清除所有拖拽相关类
-    document.querySelectorAll('.drag-over, .drag-active').forEach(el => {
-        el.classList.remove('drag-over', 'drag-active');
-    });
-}
-
-// 设置分组拖拽（事件委托优化版）
-function setupDragAndDropGroups() {
-    document.addEventListener('dragover', function(e) {
-        e.preventDefault();
-    });
-    
-    // 使用事件委托减少事件监听器数量
-    const container = document.getElementById('groupsContainer');
-    const poolImages = document.getElementById('poolImages');
-    
-    // 事件委托处理所有拖拽事件
-    function handleDragEvents(e) {
-        const target = e.target;
-        const relatedTarget = e.relatedTarget;
-        
-        if (e.type === 'dragover') {
-            e.preventDefault();
-            if (target.classList.contains('group-images') || target.id === 'poolImages') {
-                target.classList.add('drag-over');
-            }
-        } else if (e.type === 'dragleave') {
-            if (target.classList.contains('group-images') || target.id === 'poolImages') {
-                if (!target.contains(relatedTarget)) {
-                    target.classList.remove('drag-over', 'drag-active');
-                }
-            }
-        } else if (e.type === 'drop') {
-            e.preventDefault();
-            
-            const dropTarget = target.classList.contains('group-images') ? target : 
-                             target.closest('.group-images') || 
-                             (target.id === 'poolImages' ? target : null);
-            
-            if (!dropTarget) return;
-            
-            dropTarget.classList.remove('drag-over', 'drag-active');
-            
-            const imageId = e.dataTransfer.getData('imageId');
-            if (!imageId) return;
-            
-            const image = uploadedImages.find(img => img.id == imageId);
-            if (!image) return;
-            
-            if (dropTarget.id === 'poolImages') {
-                removeImageFromGroups(imageId);
-                updateImagePool();
-                updateGroups();
-            } else {
-                const groupIndex = parseInt(dropTarget.dataset.groupIndex);
-                addImageToGroup(image, groupIndex);
-                updateGroups();
-                updateImagePool();
-            }
-        }
-    }
-    
-    // 绑定事件委托
-    container.addEventListener('dragover', handleDragEvents);
-    container.addEventListener('dragleave', handleDragEvents);
-    container.addEventListener('drop', handleDragEvents);
-    
-    poolImages.addEventListener('dragover', handleDragEvents);
-    poolImages.addEventListener('dragleave', handleDragEvents);
-    poolImages.addEventListener('drop', handleDragEvents);
-    
-    // 启用组内排序功能
-    enableGroupInternalSorting();
-}
-
-// 事件委托后，这个函数不再需要，移除以减少内存占用
-// 拖拽事件处理现在由setupDragAndDropGroups中的事件委托统一管理
-
-// 启用组内排序功能
-function enableGroupInternalSorting() {
-    // 组内排序的事件委托处理
-    document.addEventListener('dragover', function(e) {
-        const target = e.target;
-        const groupImages = target.closest('.group-images');
-        
-        if (groupImages && draggedElement) {
-            e.preventDefault();
-            
-            // 获取拖拽目标
-            const afterElement = getDragAfterElement(groupImages, e.clientX, e.clientY);
-            const dragging = document.querySelector('.dragging');
-            
-            if (afterElement == null) {
-                groupImages.appendChild(dragging);
-            } else {
-                groupImages.insertBefore(dragging, afterElement);
-            }
-            
-            // 更新数据模型
-            updateGroupOrder(groupImages);
-        }
-    });
-    
-    // 为组内图片添加拖拽事件
-    document.addEventListener('dragstart', function(e) {
-        const imgDiv = e.target.closest('.group-image');
-        if (imgDiv && imgDiv.parentElement.classList.contains('group-images')) {
-            draggedElement = imgDiv;
-            imgDiv.classList.add('dragging');
-            e.dataTransfer.effectAllowed = 'move';
-            e.dataTransfer.setData('text/html', imgDiv.outerHTML);
-            e.dataTransfer.setData('imageId', imgDiv.dataset.imageId);
-            e.dataTransfer.setData('fromGroup', 'true');
-        }
-    });
-    
-    document.addEventListener('dragend', function(e) {
-        const imgDiv = e.target.closest('.group-image');
-        if (imgDiv) {
-            imgDiv.classList.remove('dragging');
-            draggedElement = null;
-        }
-    });
-    
-    // 触摸手势支持
-    enableTouchSupport();
-}
-
-// 触摸手势支持（优化版：防误触 + 触觉反馈）
-function enableTouchSupport() {
-    let touchItem = null;
-    let touchStartTime = 0;
-    let longPressTimer = null;
-    let initialTouch = null;
-    let touchThreshold = 10; // 移动阈值，防止误触
-    
-    // 添加脉冲动画样式
-    if (!document.querySelector('#touch-support-styles')) {
-        const style = document.createElement('style');
-        style.id = 'touch-support-styles';
-        style.textContent = `
-            @keyframes pulse {
-                0% { opacity: 0.4; }
-                50% { opacity: 0.8; }
-                100% { opacity: 0.4; }
-            }
-            .dragging {
-                transition: none !important;
-            }
-        `;
-        document.head.appendChild(style);
-    }
-    
-    // 触摸开始
-    document.addEventListener('touchstart', function(e) {
-        const touch = e.touches[0];
-        const target = e.target.closest('.pool-image, .group-image');
-        
-        if (target) {
-            e.preventDefault();
-            touchItem = target;
-            touchStartTime = Date.now();
-            initialTouch = { x: touch.clientX, y: touch.clientY };
-            
-            // 添加触觉反馈
-            if (navigator.vibrate) {
-                navigator.vibrate(50);
-            }
-            
-            // 长按触发拖拽（减少等待时间）
-            longPressTimer = setTimeout(() => {
-                if (touchItem) {
-                    touchItem.classList.add('dragging');
-                    
-                    // 创建拖拽效果
-                    const rect = touchItem.getBoundingClientRect();
-                    const offsetX = touch.clientX - rect.left;
-                    const offsetY = touch.clientY - rect.top;
-                    
-                    touchItem.dataset.touchOffsetX = offsetX;
-                    touchItem.dataset.touchOffsetY = offsetY;
-                    
-                    // 增强触觉反馈
-                    if (navigator.vibrate) {
-                        navigator.vibrate(200);
-                    }
-                }
-            }, 400);
-        }
-    }, { passive: false });
-    
-    // 触摸移动
-    document.addEventListener('touchmove', function(e) {
-        if (longPressTimer && initialTouch) {
-            const touch = e.touches[0];
-            const deltaX = Math.abs(touch.clientX - initialTouch.x);
-            const deltaY = Math.abs(touch.clientY - initialTouch.y);
-            
-            // 如果移动超过阈值，取消长按
-            if (deltaX > touchThreshold || deltaY > touchThreshold) {
-                clearTimeout(longPressTimer);
-                longPressTimer = null;
-            }
-        }
-        
-        if (touchItem && touchItem.classList.contains('dragging')) {
-            e.preventDefault();
-            
-            const touch = e.touches[0];
-            const offsetX = parseFloat(touchItem.dataset.touchOffsetX) || 0;
-            const offsetY = parseFloat(touchItem.dataset.touchOffsetY) || 0;
-            
-            touchItem.style.position = 'fixed';
-            touchItem.style.zIndex = '1000';
-            touchItem.style.left = (touch.clientX - offsetX) + 'px';
-            touchItem.style.top = (touch.clientY - offsetY) + 'px';
-            touchItem.style.pointerEvents = 'none';
-            touchItem.style.transform = 'rotate(3deg) scale(1.05)';
-            touchItem.style.boxShadow = '0 8px 32px rgba(0,0,0,0.3)';
-            
-            // 检测放置目标
-            const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
-            const groupImages = elementBelow?.closest('.group-images');
-            const poolImages = elementBelow?.closest('#poolImages');
-            
-            document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
-            
-            if (groupImages || poolImages) {
-                (groupImages || poolImages).classList.add('drag-over');
-            }
-        }
-    }, { passive: false });
-    
-    // 触摸结束
-    document.addEventListener('touchend', function(e) {
-        if (longPressTimer) {
-            clearTimeout(longPressTimer);
-            longPressTimer = null;
-        }
-        
-        if (touchItem) {
-            const touchDuration = Date.now() - touchStartTime;
-            
-            if (touchItem.classList.contains('dragging')) {
-                // 处理拖拽结束
-                const touch = e.changedTouches[0];
-                const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
-                const groupImages = elementBelow?.closest('.group-images');
-                const poolImages = elementBelow?.closest('#poolImages');
-                
-                // 重置样式
-                touchItem.style.position = '';
-                touchItem.style.zIndex = '';
-                touchItem.style.left = '';
-                touchItem.style.top = '';
-                touchItem.style.pointerEvents = '';
-                touchItem.style.transform = '';
-                touchItem.style.boxShadow = '';
-                touchItem.classList.remove('dragging');
-                
-                // 处理放置逻辑
-                if (groupImages) {
-                    const imageId = touchItem.dataset.imageId;
-                    const image = uploadedImages.find(img => img.id == imageId);
-                    if (image) {
-                        const groupIndex = parseInt(groupImages.dataset.groupIndex);
-                        addImageToGroup(image, groupIndex);
-                        updateGroups();
-                        updateImagePool();
-                        
-                        // 成功放置的触觉反馈
-                        if (navigator.vibrate) {
-                            navigator.vibrate([100, 50, 100]);
-                        }
-                    }
-                } else if (poolImages) {
-                    const imageId = touchItem.dataset.imageId;
-                    removeImageFromGroups(imageId);
-                    updateGroups();
-                    updateImagePool();
-                }
-                
-                document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
-            } else if (touchDuration < 500) {
-                // 短按 - 可能是点击删除按钮
-                const rect = touchItem.getBoundingClientRect();
-                const touch = e.changedTouches[0];
-                
-                // 检查是否在删除按钮上（扩大点击区域）
-                const removeBtn = touchItem.querySelector('.remove-btn');
-                if (removeBtn) {
-                    const btnRect = removeBtn.getBoundingClientRect();
-                    const expandedRect = {
-                        left: btnRect.left - 10,
-                        right: btnRect.right + 10,
-                        top: btnRect.top - 10,
-                        bottom: btnRect.bottom + 10
-                    };
-                    
-                    if (touch.clientX >= expandedRect.left && touch.clientX <= expandedRect.right &&
-                        touch.clientY >= expandedRect.top && touch.clientY <= expandedRect.bottom) {
-                        removeBtn.click();
-                        
-                        // 删除操作的触觉反馈
-                        if (navigator.vibrate) {
-                            navigator.vibrate(100);
-                        }
-                    }
-                }
-            }
-            
-            touchItem = null;
-            initialTouch = null;
-        }
-    }, { passive: false });
-    
-    // 取消触摸
-    document.addEventListener('touchcancel', function() {
-        if (longPressTimer) {
-            clearTimeout(longPressTimer);
-            longPressTimer = null;
-        }
-        
-        if (touchItem) {
-            touchItem.classList.remove('dragging');
-            touchItem.style.position = '';
-            touchItem.style.zIndex = '';
-            touchItem.style.left = '';
-            touchItem.style.top = '';
-            touchItem.style.pointerEvents = '';
-            touchItem.style.transform = '';
-            touchItem.style.boxShadow = '';
-            touchItem = null;
-        }
-        
-        document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
-    }, { passive: false });
-}
-
-// 获取拖拽后的插入位置
-function getDragAfterElement(container, x, y) {
-    const draggableElements = [...container.querySelectorAll('.group-image:not(.dragging)')];
-    
-    return draggableElements.reduce((closest, child) => {
-        const box = child.getBoundingClientRect();
-        const offset = y - box.top - box.height / 2;
-        
-        if (offset < 0 && offset > closest.offset) {
-            return { offset: offset, element: child };
-        } else {
-            return closest;
-        }
-    }, { offset: Number.NEGATIVE_INFINITY }).element;
-}
-
-// 更新组内图片顺序
-function updateGroupOrder(groupImages) {
-    const groupIndex = parseInt(groupImages.dataset.groupIndex);
-    if (isNaN(groupIndex) || !imageGroups[groupIndex]) return;
-    
-    const newOrder = [];
-    const imageElements = groupImages.querySelectorAll('.group-image');
-    
-    imageElements.forEach(imgDiv => {
-        const imageId = imgDiv.dataset.imageId;
-        const image = imageGroups[groupIndex].find(img => img.id == imageId);
-        if (image) {
-            newOrder.push(image);
-        }
-    });
-    
-    imageGroups[groupIndex] = newOrder;
-}
-
-// 自动分组
-function autoGroup() {
-    const groupSize = parseInt(document.getElementById('groupSize').value);
-    if (groupSize <= 0) {
-        alert('请输入有效的分组大小');
-        return;
-    }
-    
-    imageGroups = [];
-    // 按拍摄时间排序（从早到晚）
-    const images = [...uploadedImages].sort((a, b) => a.dateTime - b.dateTime);
-    
-    for (let i = 0; i < images.length; i += groupSize) {
-        const group = images.slice(i, i + groupSize);
-        imageGroups.push(group);
-    }
-    
-    updateGroups();
-    updateImagePool();
-}
-
-// 更新分组显示（优化版）
-function updateGroups() {
-    const container = document.getElementById('groupsContainer');
-    const fragment = document.createDocumentFragment();
-    
-    imageGroups.forEach((group, index) => {
-        const groupDiv = document.createElement('div');
-        groupDiv.className = 'group-box';
-        groupDiv.innerHTML = `
-            <h4>第 ${index + 1} 组 (${group.length} 张图片)</h4>
-            <div class="group-images" data-group-index="${index}"></div>
-            <button onclick="clearGroup(${index})">清空分组</button>
-        `;
-        
-        const imagesDiv = groupDiv.querySelector('.group-images');
-        const imagesFragment = document.createDocumentFragment();
-        
-        group.forEach(image => {
-            const imgDiv = createImageElement(image, 'group');
-            imagesFragment.appendChild(imgDiv);
-        });
-        
-        imagesDiv.appendChild(imagesFragment);
-        fragment.appendChild(groupDiv);
-    });
-    
-    container.innerHTML = '';
-    container.appendChild(fragment);
-    
-    updateStitchButton();
-}
-
-// 添加图片到分组
-function addImageToGroup(image, groupIndex) {
-    // 确保groupIndex是有效的数字
-    groupIndex = parseInt(groupIndex);
-    if (isNaN(groupIndex) || groupIndex < 0) {
-        groupIndex = 0;
-    }
-    
-    // 如果groupIndex超出范围，创建新的分组
-    while (imageGroups.length <= groupIndex) {
-        imageGroups.push([]);
-    }
-    
-    // 从其他分组或图片池中移除
-    removeImageFromGroups(image.id);
-    
-    // 确保目标分组存在
-    if (!imageGroups[groupIndex]) {
-        imageGroups[groupIndex] = [];
-    }
-    
-    imageGroups[groupIndex].push(image);
-}
-
-// 从所有分组中移除图片
-function removeImageFromGroups(imageId) {
-    imageGroups.forEach(group => {
-        const index = group.findIndex(img => img.id == imageId);
-        if (index > -1) {
-            group.splice(index, 1);
-        }
-    });
-    
-    // 移除空分组
-    imageGroups = imageGroups.filter(group => group.length > 0);
-}
-
-// 清空分组
-function clearGroup(index) {
-    imageGroups.splice(index, 1);
-    updateGroups();
-    updateImagePool();
-}
-
-// 从分组中移除图片
-function removeFromGroup(button) {
-    const imageDiv = button.parentElement;
-    const imageId = imageDiv.dataset.imageId;
-    removeImageFromGroups(imageId);
-    updateGroups();
-    updateImagePool();
-}
-
-// 移除图片
-function removeImage(imageId) {
-    uploadedImages = uploadedImages.filter(img => img.id != imageId);
-    removeImageFromGroups(imageId);
-    updateImagePool();
-    updateGroups();
-}
-
-// 清空所有
-function clearAll() {
-    uploadedImages = [];
-    imageGroups = [];
-    updateImagePool();
-    updateGroups();
-    document.getElementById('progressFill').style.width = '0%';
-    document.getElementById('progressText').textContent = '准备就绪';
-}
-
-// 更新拼接按钮状态
-function updateStitchButton() {
-    const hasGroups = imageGroups.length > 0 && imageGroups.some(group => group.length > 1);
-    document.getElementById('stitchBtn').disabled = !hasGroups;
-}
-
-// 开始拼接
-async function startStitching() {
-    const quality = parseInt(document.getElementById('qualitySlider').value) / 100;
-    const progressFill = document.getElementById('progressFill');
-    const progressText = document.getElementById('progressText');
-    
-    progressText.textContent = '开始处理...';
-    
-    try {
-        for (let i = 0; i < imageGroups.length; i++) {
-            const group = imageGroups[i];
-            if (group.length < 2) continue;
-            
-            progressText.textContent = `处理第 ${i + 1} 组，共 ${imageGroups.length} 组...`;
-            
-            const stitchedImage = await stitchImages(group, quality);
-            await downloadImage(stitchedImage, `stitched_image_${i + 1}.jpg`);
-            
-            const progress = ((i + 1) / imageGroups.length) * 100;
-            progressFill.style.width = progress + '%';
-        }
-        
-        progressText.textContent = '处理完成！';
-        setTimeout(() => {
-            progressFill.style.width = '0%';
-            progressText.textContent = '准备就绪';
-        }, 2000);
-        
-    } catch (error) {
-        progressText.textContent = '处理失败: ' + error.message;
-        console.error('Stitching error:', error);
-    }
-}
-
-// 拼接图片
-async function stitchImages(images, quality) {
-    return new Promise((resolve, reject) => {
-        const canvas = document.createElement('canvas');
-        const ctx = canvas.getContext('2d');
-        
-        // 加载所有图片
-        const imageElements = [];
-        let minWidth = Infinity;
-        let totalHeight = 0;
-        
-        let loadedCount = 0;
-        
-        images.forEach((imageData, index) => {
-            const img = new Image();
-            img.onload = function() {
-                minWidth = Math.min(minWidth, img.width);
-                imageElements.push({ img, index, originalWidth: img.width, originalHeight: img.height });
-                loadedCount++;
-                
-                if (loadedCount === images.length) {
-                    // 所有图片加载完成
-                    processStitching();
-                }
-            };
-            img.onerror = reject;
-            img.src = imageData.src;
-        });
-        
-        function processStitching() {
-            // 按原始顺序排序
-            imageElements.sort((a, b) => a.index - b.index);
-            
-            // 计算缩放后的尺寸
-            const scaledImages = imageElements.map(({ img, originalWidth, originalHeight }) => {
-                const scale = minWidth / originalWidth;
-                const newHeight = Math.round(originalHeight * scale);
-                totalHeight += newHeight;
-                return { img, newHeight };
-            });
-            
-            // 设置canvas尺寸
-            canvas.width = minWidth;
-            canvas.height = totalHeight;
-            
-            // 绘制白色背景
-            ctx.fillStyle = 'white';
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-            
-            // 拼接图片
-            let yOffset = 0;
-            scaledImages.forEach(({ img, newHeight }) => {
-                const scale = minWidth / img.width;
-                const scaledWidth = minWidth;
-                const scaledHeight = newHeight;
-                
-                ctx.drawImage(img, 0, yOffset, scaledWidth, scaledHeight);
-                yOffset += newHeight;
-            });
-            
-            // 转换为blob
-            canvas.toBlob(blob => {
-                if (blob) {
-                    resolve(URL.createObjectURL(blob));
-                } else {
-                    reject(new Error('Failed to create blob'));
-                }
-            }, 'image/jpeg', quality * 100);
-        }
-    });
-}
-
-// 下载图片
-function downloadImage(imageUrl, filename) {
-    const a = document.createElement('a');
-    a.href = imageUrl;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    
-    // 清理blob URL
-    setTimeout(() => URL.revokeObjectURL(imageUrl), 1000);
-}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..58b0f21
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vite.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
new file mode 100644
index 0000000..b58e52b
--- /dev/null
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/src/core/commands.ts b/src/core/commands.ts
new file mode 100644
index 0000000..83d3025
--- /dev/null
+++ b/src/core/commands.ts
@@ -0,0 +1,256 @@
+import type { Command, CommandType, ImageItem, ImageGroup, AppSettings } from '@/types'
+import type { AppState } from './state'
+
+export class CommandManager {
+  private history: Command[] = []
+  private currentIndex = -1
+  private maxHistory = 50
+
+  execute(command: Command): void {
+    command.redo()
+
+    if (this.currentIndex < this.history.length - 1) {
+      this.history = this.history.slice(0, this.currentIndex + 1)
+    }
+
+    this.history.push(command)
+
+    if (this.history.length > this.maxHistory) {
+      this.history.shift()
+    } else {
+      this.currentIndex++
+    }
+  }
+
+  undo(): boolean {
+    if (this.currentIndex >= 0) {
+      this.history[this.currentIndex].undo()
+      this.currentIndex--
+      return true
+    }
+    return false
+  }
+
+  redo(): boolean {
+    if (this.currentIndex < this.history.length - 1) {
+      this.currentIndex++
+      this.history[this.currentIndex].redo()
+      return true
+    }
+    return false
+  }
+
+  canUndo(): boolean {
+    return this.currentIndex >= 0
+  }
+
+  canRedo(): boolean {
+    return this.currentIndex < this.history.length - 1
+  }
+
+  clear(): void {
+    this.history = []
+    this.currentIndex = -1
+  }
+}
+
+export function createAddImagesCommand(
+  state: AppState,
+  images: ImageItem[]
+): Command {
+  return {
+    type: 'ADD_IMAGES' as CommandType,
+    payload: images,
+    undo: () => {
+      const ids = new Set(images.map((img) => img.id))
+      state.images = state.images.filter((img) => !ids.has(img.id))
+    },
+    redo: () => {
+      state.images.push(...images)
+    },
+  }
+}
+
+export function createRemoveImageCommand(
+  state: AppState,
+  imageId: string
+): Command {
+  const index = state.images.findIndex((img) => img.id === imageId)
+  const image = state.images[index]
+  const groupIndices: number[] = []
+
+  state.groups.forEach((group, idx) => {
+    const imgIndex = group.images.findIndex((img) => img.id === imageId)
+    if (imgIndex > -1) {
+      groupIndices.push(idx)
+    }
+  })
+
+  return {
+    type: 'REMOVE_IMAGE' as CommandType,
+    payload: imageId,
+    undo: () => {
+      if (image) {
+        state.images.splice(index, 0, image)
+      }
+    },
+    redo: () => {
+      state.images = state.images.filter((img) => img.id !== imageId)
+      state.groups.forEach((group) => {
+        group.images = group.images.filter((img) => img.id !== imageId)
+      })
+    },
+  }
+}
+
+export function createCreateGroupCommand(
+  state: AppState,
+  group: ImageGroup
+): Command {
+  return {
+    type: 'CREATE_GROUP' as CommandType,
+    payload: group,
+    undo: () => {
+      state.groups = state.groups.filter((g) => g.id !== group.id)
+    },
+    redo: () => {
+      state.groups.push(group)
+    },
+  }
+}
+
+export function createDeleteGroupCommand(
+  state: AppState,
+  groupId: string
+): Command {
+  const index = state.groups.findIndex((g) => g.id === groupId)
+  const group = state.groups[index]
+
+  return {
+    type: 'DELETE_GROUP' as CommandType,
+    payload: groupId,
+    undo: () => {
+      if (group) {
+        state.groups.splice(index, 0, group)
+      }
+    },
+    redo: () => {
+      state.groups = state.groups.filter((g) => g.id !== groupId)
+    },
+  }
+}
+
+export function createAddToGroupCommand(
+  state: AppState,
+  groupId: string,
+  image: ImageItem,
+  position?: number
+): Command {
+  const group = state.groups.find((g) => g.id === groupId)
+
+  return {
+    type: 'ADD_TO_GROUP' as CommandType,
+    payload: { groupId, image, position },
+    undo: () => {
+      if (group) {
+        group.images = group.images.filter((img) => img.id !== image.id)
+      }
+    },
+    redo: () => {
+      if (group) {
+        if (position !== undefined && position >= 0) {
+          group.images.splice(position, 0, image)
+        } else {
+          group.images.push(image)
+        }
+      }
+    },
+  }
+}
+
+export function createRemoveFromGroupCommand(
+  state: AppState,
+  groupId: string,
+  imageId: string
+): Command {
+  const group = state.groups.find((g) => g.id === groupId)
+  const imageIndex = group?.images.findIndex((img) => img.id === imageId) ?? -1
+  const image = group?.images[imageIndex]
+
+  return {
+    type: 'REMOVE_FROM_GROUP' as CommandType,
+    payload: { groupId, imageId },
+    undo: () => {
+      if (group && image && imageIndex > -1) {
+        group.images.splice(imageIndex, 0, image)
+      }
+    },
+    redo: () => {
+      if (group) {
+        group.images = group.images.filter((img) => img.id !== imageId)
+      }
+    },
+  }
+}
+
+export function createReorderGroupCommand(
+  state: AppState,
+  groupId: string,
+  oldIndex: number,
+  newIndex: number
+): Command {
+  const group = state.groups.find((g) => g.id === groupId)
+
+  return {
+    type: 'REORDER_GROUP' as CommandType,
+    payload: { groupId, oldIndex, newIndex },
+    undo: () => {
+      if (group) {
+        const [moved] = group.images.splice(newIndex, 1)
+        group.images.splice(oldIndex, 0, moved)
+      }
+    },
+    redo: () => {
+      if (group) {
+        const [moved] = group.images.splice(oldIndex, 1)
+        group.images.splice(newIndex, 0, moved)
+      }
+    },
+  }
+}
+
+export function createClearAllCommand(state: AppState): Command {
+  const previousImages = [...state.images]
+  const previousGroups = [...state.groups]
+
+  return {
+    type: 'CLEAR_ALL' as CommandType,
+    payload: null,
+    undo: () => {
+      state.images = previousImages
+      state.groups = previousGroups
+    },
+    redo: () => {
+      state.images = []
+      state.groups = []
+    },
+  }
+}
+
+export function createUpdateSettingsCommand(
+  state: AppState,
+  newSettings: Partial<AppSettings>
+): Command {
+  const oldSettings = { ...state.settings }
+
+  return {
+    type: 'UPDATE_SETTINGS' as CommandType,
+    payload: newSettings,
+    undo: () => {
+      state.settings = oldSettings
+    },
+    redo: () => {
+      state.settings = { ...state.settings, ...newSettings }
+    },
+  }
+}
diff --git a/src/core/events.ts b/src/core/events.ts
new file mode 100644
index 0000000..679211f
--- /dev/null
+++ b/src/core/events.ts
@@ -0,0 +1,78 @@
+type EventCallback = (data: unknown) => void
+
+class EventBus {
+  private events: Map<string, EventCallback[]>
+
+  constructor() {
+    this.events = new Map()
+  }
+
+  on(event: string, callback: EventCallback): () => void {
+    if (!this.events.has(event)) {
+      this.events.set(event, [])
+    }
+    this.events.get(event)!.push(callback)
+
+    return () => this.off(event, callback)
+  }
+
+  off(event: string, callback: EventCallback): void {
+    const callbacks = this.events.get(event)
+    if (callbacks) {
+      const index = callbacks.indexOf(callback)
+      if (index > -1) {
+        callbacks.splice(index, 1)
+      }
+    }
+  }
+
+  emit(event: string, data?: unknown): void {
+    const callbacks = this.events.get(event)
+    if (callbacks) {
+      callbacks.forEach((callback) => callback(data))
+    }
+  }
+
+  once(event: string, callback: EventCallback): void {
+    const onceCallback = (data: unknown) => {
+      this.off(event, onceCallback)
+      callback(data)
+    }
+    this.on(event, onceCallback)
+  }
+}
+
+export const eventBus = new EventBus()
+
+export const Events = {
+  // Image events
+  IMAGES_ADDED: 'images:added',
+  IMAGES_REMOVED: 'images:removed',
+  IMAGE_SELECTED: 'image:selected',
+
+  // Group events
+  GROUP_CREATED: 'group:created',
+  GROUP_DELETED: 'group:deleted',
+  GROUP_UPDATED: 'group:updated',
+  IMAGE_ADDED_TO_GROUP: 'group:image-added',
+  IMAGE_REMOVED_FROM_GROUP: 'group:image-removed',
+
+  // Processing events
+  PROCESSING_STARTED: 'processing:started',
+  PROCESSING_PROGRESS: 'processing:progress',
+  PROCESSING_COMPLETED: 'processing:completed',
+  PROCESSING_ERROR: 'processing:error',
+
+  // UI events
+  THEME_CHANGED: 'ui:theme-changed',
+  SETTINGS_UPDATED: 'ui:settings-updated',
+  TOAST_SHOW: 'ui:toast-show',
+  MODAL_OPEN: 'ui:modal-open',
+  MODAL_CLOSE: 'ui:modal-close',
+
+  // State events
+  STATE_CHANGED: 'state:changed',
+  STATE_RESET: 'state:reset',
+  UNDO: 'state:undo',
+  REDO: 'state:redo',
+} as const
diff --git a/src/core/state.ts b/src/core/state.ts
new file mode 100644
index 0000000..87cb4ca
--- /dev/null
+++ b/src/core/state.ts
@@ -0,0 +1,226 @@
+import type { AppState as IAppState, ImageItem, ImageGroup, AppSettings } from '@/types'
+import { DEFAULT_SETTINGS } from '@/utils/constants'
+import { CommandManager } from './commands'
+import { eventBus, Events } from './events'
+import { storage } from './storage'
+
+export class AppState implements IAppState {
+  images: ImageItem[] = []
+  groups: ImageGroup[] = []
+  settings: AppSettings = { ...DEFAULT_SETTINGS }
+  isProcessing = false
+  progress = 0
+  currentTask = ''
+
+  private commandManager = new CommandManager()
+  private autoSaveTimer: ReturnType<typeof setTimeout> | null = null
+
+  constructor() {
+    this.loadFromStorage()
+    this.setupAutoSave()
+  }
+
+  // Images
+  addImages(images: ImageItem[]): void {
+    this.images.push(...images)
+    this.emitChange()
+    eventBus.emit(Events.IMAGES_ADDED, images)
+  }
+
+  removeImage(imageId: string): void {
+    this.images = this.images.filter((img) => img.id !== imageId)
+    this.groups.forEach((group) => {
+      group.images = group.images.filter((img) => img.id !== imageId)
+    })
+    this.emitChange()
+    eventBus.emit(Events.IMAGES_REMOVED, imageId)
+  }
+
+  // Groups
+  createGroup(name?: string): ImageGroup {
+    const group: ImageGroup = {
+      id: crypto.randomUUID(),
+      name: name || `分组 ${this.groups.length + 1}`,
+      images: [],
+    }
+    this.groups.push(group)
+    this.emitChange()
+    eventBus.emit(Events.GROUP_CREATED, group)
+    return group
+  }
+
+  deleteGroup(groupId: string): void {
+    this.groups = this.groups.filter((g) => g.id !== groupId)
+    this.emitChange()
+    eventBus.emit(Events.GROUP_DELETED, groupId)
+  }
+
+  addImageToGroup(groupId: string, image: ImageItem, position?: number): void {
+    const group = this.groups.find((g) => g.id === groupId)
+    if (!group) return
+
+    if (position !== undefined && position >= 0) {
+      group.images.splice(position, 0, image)
+    } else {
+      group.images.push(image)
+    }
+    this.emitChange()
+    eventBus.emit(Events.IMAGE_ADDED_TO_GROUP, { groupId, image })
+  }
+
+  removeImageFromGroup(groupId: string, imageId: string): void {
+    const group = this.groups.find((g) => g.id === groupId)
+    if (!group) return
+
+    group.images = group.images.filter((img) => img.id !== imageId)
+    this.emitChange()
+    eventBus.emit(Events.IMAGE_REMOVED_FROM_GROUP, { groupId, imageId })
+  }
+
+  reorderGroupImages(groupId: string, oldIndex: number, newIndex: number): void {
+    const group = this.groups.find((g) => g.id === groupId)
+    if (!group) return
+
+    const [moved] = group.images.splice(oldIndex, 1)
+    group.images.splice(newIndex, 0, moved)
+    this.emitChange()
+    eventBus.emit(Events.GROUP_UPDATED, group)
+  }
+
+  autoGroup(groupSize: number): void {
+    const sortedImages = [...this.images].sort(
+      (a, b) => a.dateTime.getTime() - b.dateTime.getTime()
+    )
+
+    this.groups = []
+    for (let i = 0; i < sortedImages.length; i += groupSize) {
+      const groupImages = sortedImages.slice(i, i + groupSize)
+      this.groups.push({
+        id: crypto.randomUUID(),
+        name: `分组 ${Math.floor(i / groupSize) + 1}`,
+        images: groupImages,
+      })
+    }
+    this.emitChange()
+  }
+
+  // Processing
+  setProcessing(processing: boolean): void {
+    this.isProcessing = processing
+    this.emitChange()
+    eventBus.emit(processing ? Events.PROCESSING_STARTED : Events.PROCESSING_COMPLETED)
+  }
+
+  setProgress(progress: number, task?: string): void {
+    this.progress = Math.max(0, Math.min(100, progress))
+    if (task) this.currentTask = task
+    this.emitChange()
+    eventBus.emit(Events.PROCESSING_PROGRESS, { progress: this.progress, task: this.currentTask })
+  }
+
+  // Settings
+  updateSettings(newSettings: Partial<AppSettings>): void {
+    this.settings = { ...this.settings, ...newSettings }
+    this.emitChange()
+    eventBus.emit(Events.SETTINGS_UPDATED, this.settings)
+  }
+
+  // Undo/Redo
+  undo(): boolean {
+    const result = this.commandManager.undo()
+    if (result) {
+      this.emitChange()
+      eventBus.emit(Events.UNDO)
+    }
+    return result
+  }
+
+  redo(): boolean {
+    const result = this.commandManager.redo()
+    if (result) {
+      this.emitChange()
+      eventBus.emit(Events.REDO)
+    }
+    return result
+  }
+
+  canUndo(): boolean {
+    return this.commandManager.canUndo()
+  }
+
+  canRedo(): boolean {
+    return this.commandManager.canRedo()
+  }
+
+  // Storage
+  private async loadFromStorage(): Promise<void> {
+    try {
+      const savedState = await storage.getState()
+      if (savedState) {
+        this.images = savedState.images || []
+        this.groups = savedState.groups || []
+        this.settings = { ...DEFAULT_SETTINGS, ...savedState.settings }
+      }
+
+      const savedSettings = await storage.getSettings()
+      if (savedSettings) {
+        this.settings = { ...this.settings, ...savedSettings }
+      }
+    } catch (error) {
+      console.error('Failed to load from storage:', error)
+    }
+  }
+
+  async saveToStorage(): Promise<void> {
+    try {
+      await storage.saveState({
+        images: this.images,
+        groups: this.groups,
+        settings: this.settings,
+      })
+    } catch (error) {
+      console.error('Failed to save to storage:', error)
+    }
+  }
+
+  private setupAutoSave(): void {
+    eventBus.on(Events.STATE_CHANGED, () => {
+      if (this.settings.autoSave) {
+        if (this.autoSaveTimer) {
+          clearTimeout(this.autoSaveTimer)
+        }
+        this.autoSaveTimer = setTimeout(() => {
+          this.saveToStorage()
+        }, 1000)
+      }
+    })
+  }
+
+  // Clear all
+  clearAll(): void {
+    this.images = []
+    this.groups = []
+    this.progress = 0
+    this.currentTask = ''
+    this.commandManager.clear()
+    this.emitChange()
+    eventBus.emit(Events.STATE_RESET)
+  }
+
+  private emitChange(): void {
+    eventBus.emit(Events.STATE_CHANGED, this.getState())
+  }
+
+  getState(): IAppState {
+    return {
+      images: this.images,
+      groups: this.groups,
+      settings: this.settings,
+      isProcessing: this.isProcessing,
+      progress: this.progress,
+      currentTask: this.currentTask,
+    }
+  }
+}
+
+export const appState = new AppState()
diff --git a/src/core/storage.ts b/src/core/storage.ts
new file mode 100644
index 0000000..4656ae2
--- /dev/null
+++ b/src/core/storage.ts
@@ -0,0 +1,181 @@
+import type { ImageItem, ImageGroup, AppSettings } from '@/types'
+import { DB_CONFIG, STORAGE_KEYS } from '@/utils/constants'
+
+interface StoredState {
+  images: ImageItem[]
+  groups: ImageGroup[]
+  settings: AppSettings
+}
+
+class Storage {
+  private db: IDBDatabase | null = null
+  private dbReady: Promise<void>
+
+  constructor() {
+    this.dbReady = this.initDB()
+  }
+
+  private async initDB(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(DB_CONFIG.name, DB_CONFIG.version)
+
+      request.onerror = () => reject(request.error)
+      request.onsuccess = () => {
+        this.db = request.result
+        resolve()
+      }
+
+      request.onupgradeneeded = (event) => {
+        const db = (event.target as IDBOpenDBRequest).result
+
+        if (!db.objectStoreNames.contains(DB_CONFIG.stores.images)) {
+          db.createObjectStore(DB_CONFIG.stores.images, { keyPath: 'id' })
+        }
+
+        if (!db.objectStoreNames.contains(DB_CONFIG.stores.thumbnails)) {
+          db.createObjectStore(DB_CONFIG.stores.thumbnails, { keyPath: 'id' })
+        }
+      }
+    })
+  }
+
+  async saveImage(image: ImageItem): Promise<void> {
+    await this.dbReady
+    if (!this.db) return
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db!.transaction([DB_CONFIG.stores.images], 'readwrite')
+      const store = transaction.objectStore(DB_CONFIG.stores.images)
+      const request = store.put(image)
+
+      request.onsuccess = () => resolve()
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async getImage(id: string): Promise<ImageItem | null> {
+    await this.dbReady
+    if (!this.db) return null
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db!.transaction([DB_CONFIG.stores.images], 'readonly')
+      const store = transaction.objectStore(DB_CONFIG.stores.images)
+      const request = store.get(id)
+
+      request.onsuccess = () => resolve(request.result || null)
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async deleteImage(id: string): Promise<void> {
+    await this.dbReady
+    if (!this.db) return
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db!.transaction([DB_CONFIG.stores.images], 'readwrite')
+      const store = transaction.objectStore(DB_CONFIG.stores.images)
+      const request = store.delete(id)
+
+      request.onsuccess = () => resolve()
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async saveThumbnail(id: string, thumbnail: string): Promise<void> {
+    await this.dbReady
+    if (!this.db) return
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db!.transaction([DB_CONFIG.stores.thumbnails], 'readwrite')
+      const store = transaction.objectStore(DB_CONFIG.stores.thumbnails)
+      const request = store.put({ id, thumbnail })
+
+      request.onsuccess = () => resolve()
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async getThumbnail(id: string): Promise<string | null> {
+    await this.dbReady
+    if (!this.db) return null
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db!.transaction([DB_CONFIG.stores.thumbnails], 'readonly')
+      const store = transaction.objectStore(DB_CONFIG.stores.thumbnails)
+      const request = store.get(id)
+
+      request.onsuccess = () => resolve(request.result?.thumbnail || null)
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async saveState(state: StoredState): Promise<void> {
+    try {
+      localStorage.setItem(STORAGE_KEYS.state, JSON.stringify(state))
+    } catch (error) {
+      console.error('Failed to save state:', error)
+      throw error
+    }
+  }
+
+  async getState(): Promise<StoredState | null> {
+    try {
+      const data = localStorage.getItem(STORAGE_KEYS.state)
+      return data ? JSON.parse(data) : null
+    } catch (error) {
+      console.error('Failed to get state:', error)
+      return null
+    }
+  }
+
+  async saveSettings(settings: AppSettings): Promise<void> {
+    try {
+      localStorage.setItem(STORAGE_KEYS.settings, JSON.stringify(settings))
+    } catch (error) {
+      console.error('Failed to save settings:', error)
+      throw error
+    }
+  }
+
+  async getSettings(): Promise<AppSettings | null> {
+    try {
+      const data = localStorage.getItem(STORAGE_KEYS.settings)
+      return data ? JSON.parse(data) : null
+    } catch (error) {
+      console.error('Failed to get settings:', error)
+      return null
+    }
+  }
+
+  async clearAll(): Promise<void> {
+    try {
+      localStorage.removeItem(STORAGE_KEYS.state)
+      localStorage.removeItem(STORAGE_KEYS.settings)
+
+      if (this.db) {
+        const transaction = this.db.transaction(
+          [DB_CONFIG.stores.images, DB_CONFIG.stores.thumbnails],
+          'readwrite'
+        )
+        transaction.objectStore(DB_CONFIG.stores.images).clear()
+        transaction.objectStore(DB_CONFIG.stores.thumbnails).clear()
+      }
+    } catch (error) {
+      console.error('Failed to clear storage:', error)
+      throw error
+    }
+  }
+
+  async getStorageUsage(): Promise<{ used: number; total: number }> {
+    if ('storage' in navigator && 'estimate' in navigator.storage) {
+      const estimate = await navigator.storage.estimate()
+      return {
+        used: estimate.usage || 0,
+        total: estimate.quota || 0,
+      }
+    }
+    return { used: 0, total: 0 }
+  }
+}
+
+export const storage = new Storage()
diff --git a/src/core/worker.ts b/src/core/worker.ts
new file mode 100644
index 0000000..3d1bf72
--- /dev/null
+++ b/src/core/worker.ts
@@ -0,0 +1,77 @@
+import type { StitchResult, ProcessingProgress } from '@/types'
+import ImageProcessorWorker from '@/workers/imageProcessor?worker'
+
+class ImageProcessor {
+  private worker: Worker | null = null
+  private isProcessing = false
+
+  async stitchImages(
+    images: string[],
+    quality: number,
+    format: string,
+    onProgress?: (progress: ProcessingProgress) => void
+  ): Promise<StitchResult> {
+    if (this.isProcessing) {
+      throw new Error('Already processing')
+    }
+
+    this.isProcessing = true
+
+    return new Promise((resolve, reject) => {
+      try {
+        this.worker = new ImageProcessorWorker()
+
+        this.worker.onmessage = (e: MessageEvent) => {
+          const { type, progress, result, error } = e.data
+
+          switch (type) {
+            case 'progress':
+              onProgress?.(progress)
+              break
+            case 'complete':
+              this.cleanup()
+              resolve(result)
+              break
+            case 'error':
+              this.cleanup()
+              reject(new Error(error))
+              break
+          }
+        }
+
+        this.worker.onerror = (error) => {
+          this.cleanup()
+          reject(error)
+        }
+
+        this.worker.postMessage({
+          type: 'stitch',
+          images,
+          quality,
+          format,
+        })
+      } catch (error) {
+        this.cleanup()
+        reject(error)
+      }
+    })
+  }
+
+  cancel(): void {
+    this.cleanup()
+  }
+
+  private cleanup(): void {
+    this.isProcessing = false
+    if (this.worker) {
+      this.worker.terminate()
+      this.worker = null
+    }
+  }
+
+  isBusy(): boolean {
+    return this.isProcessing
+  }
+}
+
+export const imageProcessor = new ImageProcessor()
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..2425c0f
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..f691315
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/src/styles/animations.css b/src/styles/animations.css
new file mode 100644
index 0000000..ec4e8ba
--- /dev/null
+++ b/src/styles/animations.css
@@ -0,0 +1,246 @@
+/* Fade Animations */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+/* Slide Animations */
+@keyframes slideUp {
+  from {
+    transform: translateY(10px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideDown {
+  from {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+/* Scale Animations */
+@keyframes scaleIn {
+  from {
+    transform: scale(0.95);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes scaleOut {
+  from {
+    transform: scale(1);
+    opacity: 1;
+  }
+  to {
+    transform: scale(0.95);
+    opacity: 0;
+  }
+}
+
+/* Pulse Animation */
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+@keyframes pulseSoft {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+}
+
+/* Spin Animation */
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Bounce Animation */
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-25%);
+  }
+}
+
+/* Shake Animation */
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translateX(-5px);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translateX(5px);
+  }
+}
+
+/* Progress Animation */
+@keyframes progress {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
+}
+
+/* Shimmer Animation */
+@keyframes shimmer {
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+}
+
+/* Animation Classes */
+.animate-fade-in {
+  animation: fadeIn 0.3s ease-out forwards;
+}
+
+.animate-fade-out {
+  animation: fadeOut 0.3s ease-out forwards;
+}
+
+.animate-slide-up {
+  animation: slideUp 0.3s ease-out forwards;
+}
+
+.animate-slide-down {
+  animation: slideDown 0.3s ease-out forwards;
+}
+
+.animate-slide-in-right {
+  animation: slideInRight 0.3s ease-out forwards;
+}
+
+.animate-scale-in {
+  animation: scaleIn 0.2s ease-out forwards;
+}
+
+.animate-scale-out {
+  animation: scaleOut 0.2s ease-out forwards;
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-pulse-soft {
+  animation: pulseSoft 2s ease-in-out infinite;
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s ease-in-out infinite;
+}
+
+.animate-shake {
+  animation: shake 0.5s ease-in-out;
+}
+
+/* Stagger Animation Delays */
+.stagger-1 { animation-delay: 0.05s; }
+.stagger-2 { animation-delay: 0.1s; }
+.stagger-3 { animation-delay: 0.15s; }
+.stagger-4 { animation-delay: 0.2s; }
+.stagger-5 { animation-delay: 0.25s; }
+
+/* Drag and Drop Animations */
+.dragging {
+  opacity: 0.5;
+  transform: scale(1.05) rotate(2deg);
+  box-shadow: var(--shadow-xl);
+  cursor: grabbing;
+  z-index: 1000;
+}
+
+.drag-over {
+  background-color: rgba(99, 102, 241, 0.1);
+  border-color: var(--color-primary-500);
+  box-shadow: inset 0 0 0 2px var(--color-primary-500);
+}
+
+/* Hover Effects */
+.hover-lift {
+  transition: transform var(--transition-base), box-shadow var(--transition-base);
+}
+
+.hover-lift:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
+}
+
+/* Focus Effects */
+.focus-ring:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
+}
+
+/* Loading Skeleton */
+.skeleton {
+  background: linear-gradient(
+    90deg,
+    var(--color-surface-secondary) 25%,
+    var(--color-surface-tertiary) 50%,
+    var(--color-surface-secondary) 75%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.5s infinite;
+}
diff --git a/src/styles/variables.css b/src/styles/variables.css
new file mode 100644
index 0000000..61a2238
--- /dev/null
+++ b/src/styles/variables.css
@@ -0,0 +1,127 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* Primary Colors */
+  --color-primary-50: #f0f4ff;
+  --color-primary-100: #e0e7ff;
+  --color-primary-200: #c7d2fe;
+  --color-primary-300: #a5b4fc;
+  --color-primary-400: #818cf8;
+  --color-primary-500: #6366f1;
+  --color-primary-600: #4f46e5;
+  --color-primary-700: #4338ca;
+  --color-primary-800: #3730a3;
+  --color-primary-900: #312e81;
+
+  /* Surface Colors - Light */
+  --color-surface: #ffffff;
+  --color-surface-secondary: #f8fafc;
+  --color-surface-tertiary: #f1f5f9;
+  --color-surface-elevated: #ffffff;
+
+  /* Text Colors - Light */
+  --color-text-primary: #0f172a;
+  --color-text-secondary: #475569;
+  --color-text-tertiary: #94a3b8;
+  --color-text-inverse: #ffffff;
+
+  /* Border Colors */
+  --color-border: #e2e8f0;
+  --color-border-hover: #cbd5e1;
+  --color-border-focus: var(--color-primary-500);
+
+  /* Status Colors */
+  --color-success: #10b981;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-info: #3b82f6;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+  /* Border Radius */
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+  --transition-base: 200ms ease;
+  --transition-slow: 300ms ease;
+
+  /* Spacing */
+  --header-height: 4rem;
+  --sidebar-width: 20rem;
+}
+
+.dark {
+  /* Surface Colors - Dark */
+  --color-surface: #0f172a;
+  --color-surface-secondary: #1e293b;
+  --color-surface-tertiary: #334155;
+  --color-surface-elevated: #1e293b;
+
+  /* Text Colors - Dark */
+  --color-text-primary: #f8fafc;
+  --color-text-secondary: #cbd5e1;
+  --color-text-tertiary: #64748b;
+  --color-text-inverse: #0f172a;
+
+  /* Border Colors - Dark */
+  --color-border: #334155;
+  --color-border-hover: #475569;
+
+  /* Shadows - Dark */
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-surface text-text-primary antialiased;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+  }
+}
+
+@layer utilities {
+  .bg-surface {
+    background-color: var(--color-surface);
+  }
+
+  .bg-surface-secondary {
+    background-color: var(--color-surface-secondary);
+  }
+
+  .bg-surface-tertiary {
+    background-color: var(--color-surface-tertiary);
+  }
+
+  .text-text-primary {
+    color: var(--color-text-primary);
+  }
+
+  .text-text-secondary {
+    color: var(--color-text-secondary);
+  }
+
+  .text-text-tertiary {
+    color: var(--color-text-tertiary);
+  }
+
+  .border-border {
+    border-color: var(--color-border);
+  }
+}
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..636014b
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,82 @@
+export interface ImageItem {
+  id: string
+  name: string
+  src: string
+  file: File
+  dateTime: Date
+  width?: number
+  height?: number
+  thumbnail?: string
+}
+
+export interface ImageGroup {
+  id: string
+  name: string
+  images: ImageItem[]
+}
+
+export interface AppState {
+  images: ImageItem[]
+  groups: ImageGroup[]
+  settings: AppSettings
+  isProcessing: boolean
+  progress: number
+  currentTask: string
+}
+
+export interface AppSettings {
+  groupSize: number
+  outputQuality: number
+  outputFormat: 'jpeg' | 'png' | 'webp'
+  theme: 'light' | 'dark' | 'system'
+  autoSave: boolean
+}
+
+export interface StitchResult {
+  blob: Blob
+  url: string
+  filename: string
+  width: number
+  height: number
+}
+
+export interface ProcessingProgress {
+  current: number
+  total: number
+  message: string
+}
+
+export type CommandType = 
+  | 'ADD_IMAGES'
+  | 'REMOVE_IMAGE'
+  | 'CREATE_GROUP'
+  | 'DELETE_GROUP'
+  | 'ADD_TO_GROUP'
+  | 'REMOVE_FROM_GROUP'
+  | 'REORDER_GROUP'
+  | 'CLEAR_ALL'
+  | 'UPDATE_SETTINGS'
+
+export interface Command {
+  type: CommandType
+  payload: unknown
+  undo: () => void
+  redo: () => void
+}
+
+export type Theme = 'light' | 'dark' | 'system'
+
+export type ToastType = 'success' | 'error' | 'warning' | 'info'
+
+export interface ToastMessage {
+  id: string
+  type: ToastType
+  message: string
+  duration?: number
+}
+
+export interface DragItem {
+  id: string
+  type: 'image' | 'group'
+  index: number
+}
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
new file mode 100644
index 0000000..b2fd0e3
--- /dev/null
+++ b/src/utils/constants.ts
@@ -0,0 +1,77 @@
+export const APP_NAME = 'MomentStitcher'
+export const APP_VERSION = '2.0.0'
+
+export const DEFAULT_SETTINGS = {
+  groupSize: 9,
+  outputQuality: 95,
+  outputFormat: 'jpeg' as const,
+  theme: 'system' as const,
+  autoSave: true,
+}
+
+export const LIMITS = {
+  maxFileSize: 50 * 1024 * 1024, // 50MB
+  maxImages: 200,
+  maxGroups: 50,
+  thumbnailSize: 200,
+  previewSize: 800,
+}
+
+export const SUPPORTED_FORMATS = [
+  'image/jpeg',
+  'image/png',
+  'image/webp',
+  'image/bmp',
+  'image/tiff',
+  'image/heic',
+  'image/heif',
+]
+
+export const OUTPUT_FORMATS = [
+  { value: 'jpeg', label: 'JPEG', mimeType: 'image/jpeg' },
+  { value: 'png', label: 'PNG', mimeType: 'image/png' },
+  { value: 'webp', label: 'WebP', mimeType: 'image/webp' },
+]
+
+export const STORAGE_KEYS = {
+  state: 'moment-stitcher-state',
+  settings: 'moment-stitcher-settings',
+  theme: 'moment-stitcher-theme',
+}
+
+export const DB_CONFIG = {
+  name: 'MomentStitcherDB',
+  version: 1,
+  stores: {
+    images: 'images',
+    thumbnails: 'thumbnails',
+  },
+}
+
+export const TOAST_DURATION = {
+  short: 2000,
+  normal: 4000,
+  long: 6000,
+}
+
+export const KEYBOARD_SHORTCUTS = {
+  undo: 'Ctrl+Z',
+  redo: 'Ctrl+Y',
+  clear: 'Ctrl+Shift+C',
+  stitch: 'Ctrl+Enter',
+  addImages: 'Ctrl+O',
+  selectAll: 'Ctrl+A',
+  delete: 'Delete',
+}
+
+export const ANIMATION_DURATION = {
+  fast: 150,
+  normal: 200,
+  slow: 300,
+}
+
+export const DEBOUNCE_DELAY = {
+  input: 300,
+  resize: 200,
+  scroll: 100,
+}
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
new file mode 100644
index 0000000..a8136c0
--- /dev/null
+++ b/src/utils/helpers.ts
@@ -0,0 +1,173 @@
+import type { ImageItem } from '@/types'
+
+export function generateId(): string {
+  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+}
+
+export function formatFileSize(bytes: number): string {
+  if (bytes === 0) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+export function formatDate(date: Date): string {
+  return new Intl.DateTimeFormat('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+  }).format(date)
+}
+
+export function debounce<T extends (...args: unknown[]) => unknown>(
+  fn: T,
+  delay: number
+): (...args: Parameters<T>) => void {
+  let timeoutId: ReturnType<typeof setTimeout>
+  return (...args: Parameters<T>) => {
+    clearTimeout(timeoutId)
+    timeoutId = setTimeout(() => fn(...args), delay)
+  }
+}
+
+export function throttle<T extends (...args: unknown[]) => unknown>(
+  fn: T,
+  limit: number
+): (...args: Parameters<T>) => void {
+  let inThrottle = false
+  return (...args: Parameters<T>) => {
+    if (!inThrottle) {
+      fn(...args)
+      inThrottle = true
+      setTimeout(() => (inThrottle = false), limit)
+    }
+  }
+}
+
+export async function readFileAsDataURL(file: File): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = () => resolve(reader.result as string)
+    reader.onerror = reject
+    reader.readAsDataURL(file)
+  })
+}
+
+export async function createThumbnail(
+  src: string,
+  maxSize: number = 200
+): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const img = new Image()
+    img.crossOrigin = 'anonymous'
+    img.onload = () => {
+      const canvas = document.createElement('canvas')
+      const ctx = canvas.getContext('2d')
+      if (!ctx) {
+        reject(new Error('Failed to get canvas context'))
+        return
+      }
+
+      let { width, height } = img
+      if (width > height) {
+        if (width > maxSize) {
+          height *= maxSize / width
+          width = maxSize
+        }
+      } else {
+        if (height > maxSize) {
+          width *= maxSize / height
+          height = maxSize
+        }
+      }
+
+      canvas.width = width
+      canvas.height = height
+      ctx.drawImage(img, 0, 0, width, height)
+      resolve(canvas.toDataURL('image/jpeg', 0.8))
+    }
+    img.onerror = reject
+    img.src = src
+  })
+}
+
+export function getImageDimensions(src: string): Promise<{ width: number; height: number }> {
+  return new Promise((resolve, reject) => {
+    const img = new Image()
+    img.onload = () => resolve({ width: img.width, height: img.height })
+    img.onerror = reject
+    img.src = src
+  })
+}
+
+export function sortImagesByDate(images: ImageItem[]): ImageItem[] {
+  return [...images].sort((a, b) => a.dateTime.getTime() - b.dateTime.getTime())
+}
+
+export function downloadBlob(blob: Blob, filename: string): void {
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}
+
+export function isHeicImage(file: File): boolean {
+  return file.type === 'image/heic' || file.type === 'image/heif'
+}
+
+export function getFileExtension(filename: string): string {
+  return filename.slice(((filename.lastIndexOf('.') - 1) >>> 0) + 2).toLowerCase()
+}
+
+export function clamp(value: number, min: number, max: number): number {
+  return Math.min(Math.max(value, min), max)
+}
+
+export function copyToClipboard(text: string): Promise<void> {
+  return navigator.clipboard.writeText(text)
+}
+
+export function getSystemTheme(): 'light' | 'dark' {
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+}
+
+export function vibrate(pattern: number | number[]): void {
+  if (navigator.vibrate) {
+    navigator.vibrate(pattern)
+  }
+}
+
+export function isTouchDevice(): boolean {
+  return 'ontouchstart' in window || navigator.maxTouchPoints > 0
+}
+
+export function getImageAspectRatio(width: number, height: number): string {
+  const gcd = (a: number, b: number): number => (b === 0 ? a : gcd(b, a % b))
+  const divisor = gcd(width, height)
+  return `${width / divisor}:${height / divisor}`
+}
+
+export function chunkArray<T>(array: T[], size: number): T[][] {
+  const chunks: T[][] = []
+  for (let i = 0; i < array.length; i += size) {
+    chunks.push(array.slice(i, i + size))
+  }
+  return chunks
+}
+
+export function removeDuplicates<T>(array: T[], keyFn: (item: T) => string): T[] {
+  const seen = new Set<string>()
+  return array.filter((item) => {
+    const key = keyFn(item)
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+}
diff --git a/src/workers/imageProcessor.ts b/src/workers/imageProcessor.ts
new file mode 100644
index 0000000..3593812
--- /dev/null
+++ b/src/workers/imageProcessor.ts
@@ -0,0 +1,132 @@
+import type { StitchResult, ProcessingProgress } from '@/types'
+
+interface StitchMessage {
+  type: 'stitch'
+  images: string[]
+  quality: number
+  format: string
+}
+
+interface ProgressMessage {
+  type: 'progress'
+  progress: ProcessingProgress
+}
+
+interface CompleteMessage {
+  type: 'complete'
+  result: StitchResult
+}
+
+interface ErrorMessage {
+  type: 'error'
+  error: string
+}
+
+type WorkerMessage = ProgressMessage | CompleteMessage | ErrorMessage
+
+self.onmessage = async (e: MessageEvent<StitchMessage>) => {
+  const { type, images, quality, format } = e.data
+
+  if (type !== 'stitch') return
+
+  try {
+    const result = await stitchImages(images, quality, format, (progress) => {
+      self.postMessage({ type: 'progress', progress } as ProgressMessage)
+    })
+
+    self.postMessage({ type: 'complete', result } as CompleteMessage)
+  } catch (error) {
+    self.postMessage({
+      type: 'error',
+      error: error instanceof Error ? error.message : 'Unknown error',
+    } as ErrorMessage)
+  }
+}
+
+async function stitchImages(
+  imageSources: string[],
+  quality: number,
+  format: string,
+  onProgress: (progress: ProcessingProgress) => void
+): Promise<StitchResult> {
+  const imageElements: HTMLImageElement[] = []
+  let minWidth = Infinity
+  let totalHeight = 0
+
+  // Load all images
+  onProgress({ current: 0, total: imageSources.length, message: '加载图片中...' })
+
+  for (let i = 0; i < imageSources.length; i++) {
+    const img = await loadImage(imageSources[i])
+    imageElements.push(img)
+    minWidth = Math.min(minWidth, img.width)
+    onProgress({
+      current: i + 1,
+      total: imageSources.length,
+      message: `加载图片 ${i + 1}/${imageSources.length}`,
+    })
+  }
+
+  // Calculate scaled dimensions
+  const scaledImages = imageElements.map((img) => {
+    const scale = minWidth / img.width
+    const newHeight = Math.round(img.height * scale)
+    totalHeight += newHeight
+    return { img, newHeight }
+  })
+
+  // Create canvas
+  const canvas = new OffscreenCanvas(minWidth, totalHeight)
+  const ctx = canvas.getContext('2d')
+  if (!ctx) {
+    throw new Error('Failed to get canvas context')
+  }
+
+  // Fill white background
+  ctx.fillStyle = 'white'
+  ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+  // Draw images
+  onProgress({ current: 0, total: scaledImages.length, message: '拼接图片中...' })
+
+  let yOffset = 0
+  for (let i = 0; i < scaledImages.length; i++) {
+    const { img, newHeight } = scaledImages[i]
+    ctx.drawImage(img, 0, yOffset, minWidth, newHeight)
+    yOffset += newHeight
+
+    onProgress({
+      current: i + 1,
+      total: scaledImages.length,
+      message: `拼接图片 ${i + 1}/${scaledImages.length}`,
+    })
+  }
+
+  // Convert to blob
+  onProgress({ current: 0, total: 1, message: '生成图片中...' })
+
+  const mimeType = `image/${format === 'jpeg' ? 'jpeg' : format}`
+  const blob = await canvas.convertToBlob({ type: mimeType, quality: quality / 100 })
+
+  onProgress({ current: 1, total: 1, message: '完成' })
+
+  return {
+    blob,
+    url: URL.createObjectURL(blob),
+    filename: `stitched_${Date.now()}.${format}`,
+    width: minWidth,
+    height: totalHeight,
+  }
+}
+
+function loadImage(src: string): Promise<HTMLImageElement> {
+  return new Promise((resolve, reject) => {
+    const img = new Image()
+    img.crossOrigin = 'anonymous'
+    img.onload = () => resolve(img)
+    img.onerror = () => reject(new Error(`Failed to load image: ${src}`))
+    img.src = src
+  })
+}
+
+export {}
diff --git a/style.css b/style.css
deleted file mode 100644
index 68e1c64..0000000
--- a/style.css
+++ /dev/null
@@ -1,664 +0,0 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
-    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-    min-height: 100vh;
-    padding: 20px;
-}
-
-.container {
-    max-width: 1400px;
-    margin: 0 auto;
-    background: white;
-    border-radius: 20px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    overflow: hidden;
-}
-
-header {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-    padding: 30px;
-    text-align: center;
-}
-
-header h1 {
-    font-size: 2.5em;
-    margin-bottom: 10px;
-}
-
-header p {
-    font-size: 1.2em;
-    opacity: 0.9;
-}
-
-.main-content {
-    display: flex;
-    min-height: 600px;
-}
-
-.left-panel {
-    flex: 1;
-    padding: 30px;
-    border-right: 1px solid #eee;
-}
-
-.right-panel {
-    flex: 1;
-    padding: 30px;
-}
-
-.upload-section {
-    margin-bottom: 30px;
-}
-
-.upload-area {
-    border: 3px dashed #667eea;
-    border-radius: 20px;
-    padding: 50px 30px;
-    text-align: center;
-    transition: all 0.3s ease;
-    cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
-    user-select: none;
-    -webkit-user-select: none;
-    min-height: 120px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-
-.upload-area:hover {
-    border-color: #764ba2;
-    background-color: #f8f9ff;
-    transform: scale(1.02);
-}
-
-.upload-area:active {
-    transform: scale(0.98);
-}
-
-.upload-area.dragover {
-    border-color: #764ba2;
-    background-color: #f0f2ff;
-    transform: scale(1.02);
-}
-
-.upload-icon {
-    font-size: 3em;
-    margin-bottom: 15px;
-}
-
-.upload-area p {
-    margin-bottom: 15px;
-    color: #666;
-}
-
-.upload-area button {
-    background: #667eea;
-    color: white;
-    border: none;
-    padding: 12px 24px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 16px;
-    transition: background 0.3s ease;
-}
-
-.upload-area button:hover {
-    background: #764ba2;
-}
-
-.group-control {
-    background: #f8f9fa;
-    padding: 20px;
-    border-radius: 10px;
-    margin-bottom: 20px;
-}
-
-.group-control h3 {
-    margin-bottom: 15px;
-    color: #333;
-}
-
-.control-row {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    flex-wrap: wrap;
-}
-
-.control-row label {
-    font-weight: 600;
-    color: #555;
-}
-
-.control-row input[type="number"] {
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    width: 80px;
-    text-align: center;
-}
-
-.control-row button {
-    background: #28a745;
-    color: white;
-    border: none;
-    padding: 14px 28px;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    font-size: 16px;
-    font-weight: 500;
-    min-height: 48px;
-    -webkit-tap-highlight-color: transparent;
-    user-select: none;
-    -webkit-user-select: none;
-    touch-action: manipulation;
-}
-
-.control-row button:hover {
-    background: #218838;
-    transform: translateY(-1px);
-}
-
-.control-row button:active {
-    background: #1e7e34;
-    transform: translateY(0) scale(0.98);
-}
-
-.groups-container {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-    gap: 15px;
-    margin-bottom: 20px;
-}
-
-.group-box {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
-    border-radius: 10px;
-    padding: 15px;
-    min-height: 200px;
-}
-
-.group-box h4 {
-    margin-bottom: 10px;
-    color: #495057;
-    font-size: 14px;
-    text-align: center;
-    padding: 8px;
-    background: #e9ecef;
-    border-radius: 5px;
-}
-
-.group-images {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    min-height: 120px;
-}
-
-.group-image {
-    position: relative;
-    padding: 12px;
-    background: white;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    cursor: move;
-    cursor: grab;
-    cursor: -webkit-grab;
-    margin: 4px 0;
-    min-height: 60px;
-    -webkit-tap-highlight-color: transparent;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    user-select: none;
-}
-
-.group-image img {
-    width: 50px;
-    height: 50px;
-    object-fit: cover;
-    border-radius: 6px;
-    flex-shrink: 0;
-}
-
-.group-image .filename {
-    flex: 1;
-    font-size: 14px;
-    color: #666;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 1.4;
-}
-
-.group-image .remove-btn {
-    background: #dc3545;
-    color: white;
-    border: none;
-    padding: 8px 12px;
-    border-radius: 6px;
-    cursor: pointer;
-    font-size: 14px;
-    min-width: 32px;
-    min-height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    -webkit-tap-highlight-color: transparent;
-}
-
-
-
-.output-section {
-    background: #f8f9fa;
-    padding: 20px;
-    border-radius: 10px;
-    margin-bottom: 20px;
-}
-
-.output-section h3 {
-    margin-bottom: 15px;
-    color: #333;
-}
-
-.output-section button {
-    background: #667eea;
-    color: white;
-    border: none;
-    padding: 12px 24px;
-    border-radius: 8px;
-    cursor: pointer;
-    margin-right: 10px;
-    transition: background 0.3s ease;
-}
-
-.output-section button:hover:not(:disabled) {
-    background: #764ba2;
-}
-
-.output-section button:disabled {
-    background: #ccc;
-    cursor: not-allowed;
-}
-
-.progress-section {
-    text-align: center;
-}
-
-.progress-bar {
-    width: 100%;
-    height: 8px;
-    background: #e9ecef;
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 10px;
-}
-
-.progress-fill {
-    height: 100%;
-    background: linear-gradient(90deg, #667eea, #764ba2);
-    width: 0%;
-    transition: width 0.3s ease;
-}
-
-#progressText {
-    color: #666;
-    font-size: 14px;
-}
-
-.image-pool {
-    margin-top: 30px;
-    padding: 20px;
-    background: #f8f9fa;
-    border-radius: 10px;
-}
-
-.image-pool h3 {
-    margin-bottom: 15px;
-    color: #333;
-}
-
-.pool-images {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    min-height: 100px;
-}
-
-.pool-image {
-    position: relative;
-    width: 90px;
-    height: 90px;
-    border: 2px solid #ddd;
-    border-radius: 12px;
-    overflow: hidden;
-    cursor: move;
-    cursor: grab;
-    cursor: -webkit-grab;
-    margin: 5px;
-}
-
-.pool-image img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.pool-image .remove-btn {
-    position: absolute;
-    top: 4px;
-    right: 4px;
-    background: rgba(220, 53, 69, 0.9);
-    color: white;
-    border: none;
-    padding: 6px 8px;
-    border-radius: 50%;
-    cursor: pointer;
-    font-size: 14px;
-    line-height: 1;
-    min-width: 28px;
-    min-height: 28px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    -webkit-tap-highlight-color: transparent;
-}
-
-.dragging {
-    opacity: 0.5;
-    transform: scale(1.1) rotate(3deg);
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
-    transition: all 0.15s ease;
-    cursor: grabbing;
-    z-index: 1000;
-}
-
-.drag-over {
-    background-color: rgba(66, 153, 225, 0.1);
-    transition: all 0.2s ease;
-    border-color: #4299e1;
-    box-shadow: inset 0 0 0 2px #4299e1;
-}
-
-.group-image.dragging {
-    opacity: 0.6;
-    transform: scale(1.05) rotate(2deg);
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
-}
-
-.group-image.drag-placeholder {
-    border: 2px dashed #4299e1;
-    background-color: rgba(66, 153, 225, 0.1);
-    min-height: 80px;
-    margin: 4px;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-}
-
-.group-images.sort-active {
-    border-color: #4299e1;
-    box-shadow: 0 0 0 1px rgba(66, 153, 225, 0.3);
-}
-
-.group-image.sort-indicator {
-    position: relative;
-}
-
-.group-image.sort-indicator::before {
-    content: '';
-    position: absolute;
-    left: -2px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 4px;
-    height: 60%;
-    background: #4299e1;
-    border-radius: 2px;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-}
-
-.group-image.sort-indicator:hover::before {
-    opacity: 1;
-}
-
-/* 拖拽动画 */
-.pool-image, .group-image {
-    transition: transform 0.15s ease, opacity 0.15s ease;
-    will-change: transform;
-    cursor: move;
-    cursor: grab;
-    cursor: -webkit-grab;
-    -webkit-transform: translateZ(0);
-    transform: translateZ(0);
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    -webkit-perspective: 1000px;
-    perspective: 1000px;
-    -webkit-tap-highlight-color: transparent;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    user-select: none;
-}
-
-.pool-image:hover, .group-image:hover {
-    transform: translateY(-2px) translateZ(0);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.pool-image:active, .group-image:active {
-    cursor: grabbing;
-    cursor: -webkit-grabbing;
-}
-
-/* 优化动画性能 */
-.pool-image.drag-enter, .group-image.drag-enter {
-    animation: pulse 0.6s ease-in-out;
-}
-
-@keyframes pulse {
-    0% {
-        transform: scale(1) translateZ(0);
-    }
-    50% {
-        transform: scale(1.05) translateZ(0);
-    }
-    100% {
-        transform: scale(1) translateZ(0);
-    }
-}
-
-/* 放置时的平滑过渡优化 */
-.group-images {
-    transition: background-color 0.15s ease, box-shadow 0.15s ease;
-    min-height: 120px;
-    border: 2px dashed transparent;
-    border-radius: 8px;
-    -webkit-transform: translateZ(0);
-    transform: translateZ(0);
-    position: relative;
-}
-
-.group-images.drag-active {
-    background-color: rgba(66, 153, 225, 0.1);
-    border-color: rgba(66, 153, 225, 0.3);
-    box-shadow: inset 0 0 10px rgba(66, 153, 225, 0.1);
-    padding: 10px;
-}
-
-.group-images.drag-over {
-    min-height: 120px;
-    border: 2px dashed #4299e1;
-    background-color: rgba(66, 153, 225, 0.05);
-    transition: all 0.2s ease;
-}
-
-.group-images.drag-over::before {
-    content: '拖到这里添加到组';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    color: #4299e1;
-    font-size: 14px;
-    pointer-events: none;
-}
-
-/* 减少重绘优化 */
-* {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-/* 图片懒加载占位符 */
-.pool-image img, .group-image img {
-    background: #f0f0f0;
-    min-height: 40px;
-}
-
-@media (max-width: 768px) {
-    .main-content {
-        flex-direction: column;
-    }
-    
-    .left-panel,
-    .right-panel {
-        flex: none;
-        width: 100%;
-        padding: 20px 15px;
-    }
-    
-    .groups-container {
-        grid-template-columns: 1fr;
-        gap: 20px;
-    }
-    
-    .control-row {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 15px;
-    }
-    
-    .control-row input,
-    .control-row button {
-        width: 100%;
-        min-height: 50px;
-        font-size: 18px;
-    }
-    
-    .upload-area {
-        padding: 40px 20px;
-        margin: 0 -5px;
-    }
-    
-    .upload-icon {
-        font-size: 4em;
-    }
-    
-    .upload-area p {
-        font-size: 18px;
-        margin-bottom: 20px;
-    }
-    
-    .upload-area button {
-        font-size: 18px;
-        padding: 15px 30px;
-        min-height: 50px;
-    }
-    
-    .pool-image {
-        width: 100px;
-        height: 100px;
-        margin: 8px;
-    }
-    
-    .group-image {
-        padding: 16px;
-        margin: 8px 0;
-        min-height: 70px;
-    }
-    
-    .group-image img {
-        width: 60px;
-        height: 60px;
-    }
-    
-    .group-image .filename {
-        font-size: 16px;
-    }
-    
-    .group-image .remove-btn {
-        padding: 10px 14px;
-        min-width: 40px;
-        min-height: 40px;
-        font-size: 16px;
-    }
-    
-    .pool-image .remove-btn {
-        padding: 8px 10px;
-        min-width: 32px;
-        min-height: 32px;
-        font-size: 16px;
-    }
-    
-    .group-box {
-        padding: 20px;
-    }
-    
-    .group-box h4 {
-        font-size: 16px;
-        padding: 12px;
-    }
-    
-    .group-box button {
-        font-size: 16px;
-        padding: 12px 24px;
-        min-height: 48px;
-    }
-}
-
-/* 超小屏幕优化 */
-@media (max-width: 480px) {
-    body {
-        padding: 10px;
-    }
-    
-    .container {
-        border-radius: 15px;
-    }
-    
-    header {
-        padding: 20px 15px;
-    }
-    
-    header h1 {
-        font-size: 2em;
-    }
-    
-    header p {
-        font-size: 1.1em;
-    }
-    
-    .pool-images {
-        gap: 15px;
-        justify-content: center;
-    }
-    
-    .pool-image {
-        width: 110px;
-        height: 110px;
-    }
-}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..968937d
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,60 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#f0f4ff',
+          100: '#e0e7ff',
+          200: '#c7d2fe',
+          300: '#a5b4fc',
+          400: '#818cf8',
+          500: '#6366f1',
+          600: '#4f46e5',
+          700: '#4338ca',
+          800: '#3730a3',
+          900: '#312e81',
+        },
+        surface: {
+          light: '#ffffff',
+          dark: '#1e1e2e',
+        },
+      },
+      animation: {
+        'fade-in': 'fadeIn 0.3s ease-out',
+        'slide-up': 'slideUp 0.3s ease-out',
+        'slide-down': 'slideDown 0.3s ease-out',
+        'scale-in': 'scaleIn 0.2s ease-out',
+        'pulse-soft': 'pulseSoft 2s ease-in-out infinite',
+      },
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0' },
+          '100%': { opacity: '1' },
+        },
+        slideUp: {
+          '0%': { transform: 'translateY(10px)', opacity: '0' },
+          '100%': { transform: 'translateY(0)', opacity: '1' },
+        },
+        slideDown: {
+          '0%': { transform: 'translateY(-10px)', opacity: '0' },
+          '100%': { transform: 'translateY(0)', opacity: '1' },
+        },
+        scaleIn: {
+          '0%': { transform: 'scale(0.95)', opacity: '0' },
+          '100%': { transform: 'scale(1)', opacity: '1' },
+        },
+        pulseSoft: {
+          '0%, 100%': { opacity: '1' },
+          '50%': { opacity: '0.7' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..8d16e42
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..4e4b4ae
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src", "tests", "*.config.*"],
+  "exclude": ["node_modules"]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..b2334a4
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  worker: {
+    format: 'es',
+  },
+})
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..cdf6efd
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vitest/config'
+import { resolve } from 'path'
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    include: ['tests/**/*.{test,spec}.{js,ts}'],
+    coverage: {
+      reporter: ['text', 'json', 'html'],
+      exclude: ['node_modules/', 'tests/'],
+    },
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+})

From dc2d364b8993cdb29735b9220523d46a787baa8d Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Tue, 10 Feb 2026 17:36:09 +0800
Subject: [PATCH 2/8] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E6=9C=8B?=
 =?UTF-8?q?=E5=8F=8B=E5=9C=88=E9=95=BF=E5=9B=BE=E6=8B=BC=E6=8E=A5=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=A0=B8=E5=BF=83=E5=8A=9F=E8=83=BD=E4=B8=8EUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor: 重构项目结构并优化代码组织

docs: 更新README文档与项目描述

test: 添加单元测试与状态管理测试

style: 统一代码风格与格式化

perf: 使用Web Worker优化图片处理性能

chore: 更新依赖与构建配置
---
 README.md                                    |  123 +-
 index.html                                   |    8 +-
 package-lock.json                            | 3224 +++++++++++++-----
 package.json                                 |   26 +-
 src/components/common/Button.ts              |  355 ++
 src/components/group-manager/GroupManager.ts |  357 ++
 src/components/image-pool/ImagePool.ts       |  230 ++
 src/components/settings/SettingsPanel.ts     |  268 ++
 src/components/upload/UploadArea.ts          |  199 ++
 src/core/state.ts                            |   49 +-
 src/core/storage.ts                          |    9 +-
 src/core/worker.ts                           |    5 +-
 src/main.ts                                  |  240 +-
 src/workers/imageProcessor.ts                |   23 +-
 tests/unit/helpers.test.ts                   |  125 +
 tests/unit/state.test.ts                     |  230 ++
 16 files changed, 4536 insertions(+), 935 deletions(-)
 create mode 100644 src/components/common/Button.ts
 create mode 100644 src/components/group-manager/GroupManager.ts
 create mode 100644 src/components/image-pool/ImagePool.ts
 create mode 100644 src/components/settings/SettingsPanel.ts
 create mode 100644 src/components/upload/UploadArea.ts
 create mode 100644 tests/unit/helpers.test.ts
 create mode 100644 tests/unit/state.test.ts

diff --git a/README.md b/README.md
index 33895ab..12c8358 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,122 @@
-# Vue 3 + TypeScript + Vite
+# MomentStitcher - 朋友圈长图拼接工具
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+专为朋友圈设计的智能长图拼接工具，支持拖拽分组、自动排序、Web Worker异步处理等功能。
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+## ✨ 特性
+
+- 🖼️ **智能分组** - 支持手动拖拽分组和自动按时间分组
+- 🚀 **Web Worker处理** - 图片拼接在后台线程执行，不阻塞UI
+- ↩️ **撤销/重做** - 完整的操作历史管理
+- 💾 **本地存储** - 自动保存工作状态
+- 🎨 **现代UI** - 响应式设计，支持暗色/亮色主题
+- ⌨️ **快捷键支持** - 支持常用操作的键盘快捷键
+- 📱 **移动端适配** - 完美支持手机和平板设备
+
+## 🛠️ 技术栈
+
+- **构建工具**: Vite
+- **语言**: TypeScript
+- **样式**: Tailwind CSS
+- **测试**: Vitest
+- **代码规范**: ESLint + Prettier
+
+## 📦 安装
+
+```bash
+# 克隆仓库
+git clone https://github.com/Piggywu981/MomentWebStitcher.git
+cd MomentWebStitcher
+
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建生产版本
+npm run build
+```
+
+## 🚀 使用
+
+1. **添加图片** - 拖拽图片到上传区域或点击选择文件
+2. **创建分组** - 点击"新建分组"或"自动分组"
+3. **拖拽排序** - 将图片从图片池拖拽到分组中
+4. **设置参数** - 调整输出质量、格式等设置
+5. **开始拼接** - 点击"开始拼接"按钮，等待处理完成
+
+## ⌨️ 快捷键
+
+| 快捷键 | 功能 |
+|--------|------|
+| Ctrl + O | 添加图片 |
+| Ctrl + Enter | 开始拼接 |
+| Ctrl + Z | 撤销 |
+| Ctrl + Y | 重做 |
+| Ctrl + Shift + C | 清空所有 |
+
+## 📁 项目结构
+
+```
+MomentWebStitcher/
+├── src/
+│   ├── core/              # 核心模块
+│   │   ├── state.ts       # 状态管理
+│   │   ├── commands.ts    # 命令模式（撤销/重做）
+│   │   ├── storage.ts     # IndexedDB存储
+│   │   ├── worker.ts      # Web Worker管理
+│   │   └── events.ts      # 事件总线
+│   ├── components/        # UI组件
+│   │   ├── upload/        # 上传组件
+│   │   ├── image-pool/    # 图片池
+│   │   ├── group-manager/ # 分组管理
+│   │   └── settings/      # 设置面板
+│   ├── utils/             # 工具函数
+│   ├── styles/            # 样式
+│   └── types/             # TypeScript类型
+├── tests/                 # 测试
+└── dist/                  # 构建输出
+```
+
+## 🧪 测试
+
+```bash
+# 运行单元测试
+npm run test
+
+# 运行测试并显示UI
+npm run test:ui
+
+# 代码检查
+npm run lint
+```
+
+## 📝 更新日志
+
+### v2.0.0 (2024)
+
+- ✨ 全新架构重构
+- 🚀 添加Web Worker异步处理
+- ↩️ 实现撤销/重做功能
+- 💾 添加本地存储持久化
+- 🎨 全新UI设计，支持暗色主题
+- ⌨️ 添加快捷键支持
+- 🧪 添加单元测试
+
+### v1.0.0 (2024)
+
+- 🎉 初始版本发布
+- 🖼️ 基础图片拼接功能
+- 📁 支持拖拽分组
+
+## 📄 许可证
+
+MIT License
+
+## 🤝 贡献
+
+欢迎提交Issue和Pull Request！
+
+---
+
+Made with ❤️ by [Piggywu981](https://github.com/Piggywu981)
diff --git a/index.html b/index.html
index f95c809..dd6b66b 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,12 @@
-<!doctype html>
-<html lang="en">
+<!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>momentwebstitcher</title>
+    <meta name="description" content="MomentStitcher - 专为朋友圈设计的智能长图拼接工具" />
+    <meta name="theme-color" content="#6366f1" />
+    <title>MomentStitcher - 朋友圈长图拼接工具</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
index cc33030..ecbf0e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,113 +1,613 @@
 {
   "name": "momentwebstitcher",
-  "version": "0.0.0",
+  "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "momentwebstitcher",
-      "version": "0.0.0",
-      "dependencies": {
-        "vue": "^3.5.25"
-      },
+      "version": "2.0.0",
       "devDependencies": {
         "@eslint/js": "^10.0.1",
         "@types/node": "^24.10.12",
-        "@vitejs/plugin-vue": "^6.0.2",
         "@vitest/ui": "^4.0.18",
-        "@vue/tsconfig": "^0.8.1",
         "autoprefixer": "^10.4.24",
         "eslint": "^10.0.0",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-prettier": "^5.5.5",
+        "globals": "^16.1.0",
+        "jsdom": "^26.1.0",
         "postcss": "^8.5.6",
         "prettier": "^3.8.1",
-        "tailwindcss": "^4.1.18",
+        "tailwindcss": "^3.4.17",
         "typescript": "~5.9.3",
         "typescript-eslint": "^8.55.0",
-        "vite": "^8.0.0-beta.13",
-        "vitest": "^4.0.18",
-        "vue-tsc": "^3.1.5"
+        "vite": "^6.2.6",
+        "vitest": "^3.2.3"
       }
     },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/@asamuzakjp/css-color/-/css-color-3.2.0.tgz",
+      "integrity": "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.3",
+        "@csstools/css-color-parser": "^3.0.9",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
+      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/parser": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.29.0"
+      "engines": {
+        "node": ">=18"
       },
-      "bin": {
-        "parser": "bin/babel-parser.js"
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
+      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
       }
     },
-    "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
+      "engines": {
+        "node": ">=18"
       },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.8.1.tgz",
-      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.1.0",
-        "tslib": "^2.4.0"
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.8.1.tgz",
-      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
@@ -313,47 +813,81 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
       "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
-      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
-        "@tybys/wasm-util": "^0.10.1"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/@oxc-project/runtime": {
-      "version": "0.112.0",
-      "resolved": "https://registry.npmmirror.com/@oxc-project/runtime/-/runtime-0.112.0.tgz",
-      "integrity": "sha512-4vYtWXMnXM6EaweCxbJ6bISAhkNHeN33SihvuX3wrpqaSJA4ZEoW35i9mSvE74+GDf1yTeVE+aEHA+WBpjDk/g==",
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@oxc-project/types": {
-      "version": "0.112.0",
-      "resolved": "https://registry.npmmirror.com/@oxc-project/types/-/types-0.112.0.tgz",
-      "integrity": "sha512-m6RebKHIRsax2iCwVpYW2ErQwa4ywHJrE4sCK3/8JK8ZZAWOKXaRJFl/uP51gaVyyXlaS4+chU1nSCdzYf6QqQ==",
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
       "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/Boshen"
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
     "node_modules/@pkgr/core": {
@@ -376,27 +910,38 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.3.tgz",
-      "integrity": "sha512-0T1k9FinuBZ/t7rZ8jN6OpUKPnUjNdYHoj/cESWrQ3ZraAJ4OMm6z7QjSfCxqj8mOp9kTKc1zHK3kGz5vMu+nQ==",
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
+      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
       "cpu": [
-        "arm64"
+        "arm"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
+      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "cpu": [
+        "arm64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.3.tgz",
-      "integrity": "sha512-JWWLzvcmc/3pe7qdJqPpuPk91SoE/N+f3PcWx/6ZwuyDVyungAEJPvKm/eEldiDdwTmaEzWfIR+HORxYWrCi1A==",
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz",
+      "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==",
       "cpu": [
         "arm64"
       ],
@@ -405,15 +950,12 @@
       "optional": true,
       "os": [
         "darwin"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      ]
     },
-    "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.3.tgz",
-      "integrity": "sha512-MTakBxfx3tde5WSmbHxuqlDsIW0EzQym+PJYGF4P6lG2NmKzi128OGynoFUqoD5ryCySEY85dug4v+LWGBElIw==",
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
+      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
       "cpu": [
         "x64"
       ],
@@ -422,15 +964,26 @@
       "optional": true,
       "os": [
         "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
+      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "cpu": [
+        "arm64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.3.tgz",
-      "integrity": "sha512-jje3oopyOLs7IwfvXoS6Lxnmie5JJO7vW29fdGFu5YGY1EDbVDhD+P9vDihqS5X6fFiqL3ZQZCMBg6jyHkSVww==",
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
+      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
       "cpu": [
         "x64"
       ],
@@ -439,15 +992,26 @@
       "optional": true,
       "os": [
         "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
+      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "cpu": [
+        "arm"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.3.tgz",
-      "integrity": "sha512-A0n8P3hdLAaqzSFrQoA42p23ZKBYQOw+8EH5r15Sa9X1kD9/JXe0YT2gph2QTWvdr0CVK2BOXiK6ENfy6DXOag==",
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
+      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
       "cpu": [
         "arm"
       ],
@@ -456,15 +1020,26 @@
       "optional": true,
       "os": [
         "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
+      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "cpu": [
+        "arm64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.3.tgz",
-      "integrity": "sha512-kWXkoxxarYISBJ4bLNf5vFkEbb4JvccOwxWDxuK9yee8lg5XA7OpvlTptfRuwEvYcOZf+7VS69Uenpmpyo5Bjw==",
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
+      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
       "cpu": [
         "arm64"
       ],
@@ -473,100 +1048,152 @@
       "optional": true,
       "os": [
         "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
+      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "cpu": [
+        "loong64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.3.tgz",
-      "integrity": "sha512-Z03/wrqau9Bicfgb3Dbs6SYTHliELk2PM2LpG2nFd+cGupTMF5kanLEcj2vuuJLLhptNyS61rtk7SOZ+lPsTUA==",
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
+      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
       "cpu": [
-        "arm64"
+        "loong64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
+      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "cpu": [
+        "ppc64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.3.tgz",
-      "integrity": "sha512-iSXXZsQp08CSilff/DCTFZHSVEpEwdicV3W8idHyrByrcsRDVh9sGC3sev6d8BygSGj3vt8GvUKBPCoyMA4tgQ==",
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
+      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
       "cpu": [
-        "x64"
+        "ppc64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "cpu": [
+        "riscv64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.3.tgz",
-      "integrity": "sha512-qaj+MFudtdCv9xZo9znFvkgoajLdc+vwf0Kz5N44g+LU5XMe+IsACgn3UG7uTRlCCvhMAGXm1XlpEA5bZBrOcw==",
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
+      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
       "cpu": [
-        "x64"
+        "riscv64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
+      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "cpu": [
+        "s390x"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.3.tgz",
-      "integrity": "sha512-U662UnMETyjT65gFmG9ma+XziENrs7BBnENi/27swZPYagubfHRirXHG2oMl+pEax2WvO7Kb9gHZmMakpYqBHQ==",
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "openharmony"
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
+      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "cpu": [
+        "x64"
       ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.3.tgz",
-      "integrity": "sha512-gekrQ3Q2HiC1T5njGyuUJoGpK/l6B/TNXKed3fZXNf9YRTJn3L5MOZsFBn4bN2+UX+8+7hgdlTcEsexX988G4g==",
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
+      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
       "cpu": [
-        "wasm32"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "@napi-rs/wasm-runtime": "^1.1.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
+      "os": [
+        "openbsd"
+      ]
     },
-    "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.3.tgz",
-      "integrity": "sha512-85y5JifyMgs8m5K2XzR/VDsapKbiFiohl7s5lEj7nmNGO0pkTXE7q6TQScei96BNAsoK7JC3pA7ukA8WRHVJpg==",
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
+      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
       "cpu": [
         "arm64"
       ],
@@ -574,53 +1201,64 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+        "openharmony"
+      ]
     },
-    "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.3.tgz",
-      "integrity": "sha512-a4VUQZH7LxGbUJ3qJ/TzQG8HxdHvf+jOnqf7B7oFx1TEBm+j2KNL2zr5SQ7wHkNAcaPevF6gf9tQnVBnC4mD+A==",
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
+      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
       "cpu": [
-        "x64"
+        "arm64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
+      ]
     },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.2",
-      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz",
-      "integrity": "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==",
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
+      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@standard-schema/spec": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/@standard-schema/spec/-/spec-1.1.0.tgz",
-      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
+      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
+      "os": [
+        "win32"
+      ]
     },
     "node_modules/@types/chai": {
       "version": "5.2.3",
@@ -930,58 +1568,78 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@vitejs/plugin-vue": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.4.tgz",
-      "integrity": "sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ==",
+    "node_modules/@vitest/expect": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/expect/-/expect-3.2.4.tgz",
+      "integrity": "sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rolldown/pluginutils": "1.0.0-rc.2"
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
       },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
       },
-      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0",
-        "vue": "^3.2.25"
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/expect": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/@vitest/expect/-/expect-4.0.18.tgz",
-      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
+    "node_modules/@vitest/expect/node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@standard-schema/spec": "^1.0.0",
-        "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
-        "chai": "^6.2.1",
-        "tinyrainbow": "^3.0.3"
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@vitest/expect/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@vitest/mocker": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/@vitest/mocker/-/mocker-4.0.18.tgz",
-      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/mocker/-/mocker-3.2.4.tgz",
+      "integrity": "sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "4.0.18",
+        "@vitest/spy": "3.2.4",
         "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.21"
+        "magic-string": "^0.30.17"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
         "msw": "^2.4.9",
-        "vite": "^6.0.0 || ^7.0.0-0"
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
       },
       "peerDependenciesMeta": {
         "msw": {
@@ -1016,40 +1674,105 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/@vitest/runner/-/runner-4.0.18.tgz",
-      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/runner/-/runner-3.2.4.tgz",
+      "integrity": "sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "4.0.18",
-        "pathe": "^2.0.3"
+        "@vitest/utils": "3.2.4",
+        "pathe": "^2.0.3",
+        "strip-literal": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner/node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner/node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@vitest/runner/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@vitest/snapshot": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/@vitest/snapshot/-/snapshot-4.0.18.tgz",
-      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/snapshot/-/snapshot-3.2.4.tgz",
+      "integrity": "sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.0.18",
-        "magic-string": "^0.30.21",
+        "@vitest/pretty-format": "3.2.4",
+        "magic-string": "^0.30.17",
         "pathe": "^2.0.3"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@vitest/snapshot/node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@vitest/spy": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/@vitest/spy/-/spy-4.0.18.tgz",
-      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/spy/-/spy-3.2.4.tgz",
+      "integrity": "sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^4.0.3"
+      },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
@@ -1090,170 +1813,6 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@volar/language-core": {
-      "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.27.tgz",
-      "integrity": "sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/source-map": "2.4.27"
-      }
-    },
-    "node_modules/@volar/source-map": {
-      "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.27.tgz",
-      "integrity": "sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@volar/typescript": {
-      "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.27.tgz",
-      "integrity": "sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/language-core": "2.4.27",
-        "path-browserify": "^1.0.1",
-        "vscode-uri": "^3.0.8"
-      }
-    },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.28.tgz",
-      "integrity": "sha512-kviccYxTgoE8n6OCw96BNdYlBg2GOWfBuOW4Vqwrt7mSKWKwFVvI8egdTltqRgITGPsTFYtKYfxIG8ptX2PJHQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@vue/shared": "3.5.28",
-        "entities": "^7.0.1",
-        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.1"
-      }
-    },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.28.tgz",
-      "integrity": "sha512-/1ZepxAb159jKR1btkefDP+J2xuWL5V3WtleRmxaT+K2Aqiek/Ab/+Ebrw2pPj0sdHO8ViAyyJWfhXXOP/+LQA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-core": "3.5.28",
-        "@vue/shared": "3.5.28"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.28.tgz",
-      "integrity": "sha512-6TnKMiNkd6u6VeVDhZn/07KhEZuBSn43Wd2No5zaP5s3xm8IqFTHBj84HJah4UepSUJTro5SoqqlOY22FKY96g==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@vue/compiler-core": "3.5.28",
-        "@vue/compiler-dom": "3.5.28",
-        "@vue/compiler-ssr": "3.5.28",
-        "@vue/shared": "3.5.28",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.21",
-        "postcss": "^8.5.6",
-        "source-map-js": "^1.2.1"
-      }
-    },
-    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.28.tgz",
-      "integrity": "sha512-JCq//9w1qmC6UGLWJX7RXzrGpKkroubey/ZFqTpvEIDJEKGgntuDMqkuWiZvzTzTA5h2qZvFBFHY7fAAa9475g==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.28",
-        "@vue/shared": "3.5.28"
-      }
-    },
-    "node_modules/@vue/language-core": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.4.tgz",
-      "integrity": "sha512-bqBGuSG4KZM45KKTXzGtoCl9cWju5jsaBKaJJe3h5hRAAWpZUuj5G+L+eI01sPIkm4H6setKRlw7E85wLdDNew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/language-core": "2.4.27",
-        "@vue/compiler-dom": "^3.5.0",
-        "@vue/shared": "^3.5.0",
-        "alien-signals": "^3.0.0",
-        "muggle-string": "^0.4.1",
-        "path-browserify": "^1.0.1",
-        "picomatch": "^4.0.2"
-      }
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.28.tgz",
-      "integrity": "sha512-gr5hEsxvn+RNyu9/9o1WtdYdwDjg5FgjUSBEkZWqgTKlo/fvwZ2+8W6AfKsc9YN2k/+iHYdS9vZYAhpi10kNaw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/shared": "3.5.28"
-      }
-    },
-    "node_modules/@vue/runtime-core": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.28.tgz",
-      "integrity": "sha512-POVHTdbgnrBBIpnbYU4y7pOMNlPn2QVxVzkvEA2pEgvzbelQq4ZOUxbp2oiyo+BOtiYlm8Q44wShHJoBvDPAjQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.28",
-        "@vue/shared": "3.5.28"
-      }
-    },
-    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.28.tgz",
-      "integrity": "sha512-4SXxSF8SXYMuhAIkT+eBRqOkWEfPu6nhccrzrkioA6l0boiq7sp18HCOov9qWJA5HML61kW8p/cB4MmBiG9dSA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.28",
-        "@vue/runtime-core": "3.5.28",
-        "@vue/shared": "3.5.28",
-        "csstype": "^3.2.3"
-      }
-    },
-    "node_modules/@vue/server-renderer": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.28.tgz",
-      "integrity": "sha512-pf+5ECKGj8fX95bNincbzJ6yp6nyzuLDhYZCeFxUNp8EBrQpPpQaLX3nNCp49+UbgbPun3CeVE+5CXVV1Xydfg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-ssr": "3.5.28",
-        "@vue/shared": "3.5.28"
-      },
-      "peerDependencies": {
-        "vue": "3.5.28"
-      }
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.28.tgz",
-      "integrity": "sha512-cfWa1fCGBxrvaHRhvV3Is0MgmrbSCxYTXCSCau2I0a1Xw1N1pHAvkWCiXPRAqjvToILvguNyEwjevUqAuBQWvQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/tsconfig": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.8.1.tgz",
-      "integrity": "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "typescript": "5.x",
-        "vue": "^3.4.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        },
-        "vue": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.15.0.tgz",
@@ -1277,6 +1836,16 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
@@ -1294,10 +1863,44 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/alien-signals": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.2.tgz",
-      "integrity": "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==",
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/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/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true,
       "license": "MIT"
     },
@@ -1365,6 +1968,19 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.2.tgz",
@@ -1375,6 +1991,19 @@
         "balanced-match": "^1.0.0"
       }
     },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/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/browserslist": {
       "version": "4.28.1",
       "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.1.tgz",
@@ -1409,6 +2038,26 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmmirror.com/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001769",
       "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001769.tgz",
@@ -1431,15 +2080,80 @@
       "license": "CC-BY-4.0"
     },
     "node_modules/chai": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmmirror.com/chai/-/chai-6.2.2.tgz",
-      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmmirror.com/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
       "engines": {
         "node": ">=18"
       }
     },
+    "node_modules/check-error": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/check-error/-/check-error-2.1.3.tgz",
+      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/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/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1455,11 +2169,46 @@
         "node": ">= 8"
       }
     },
-    "node_modules/csstype": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT"
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/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/cssstyle": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-4.6.0.tgz",
+      "integrity": "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.2.0",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/debug": {
       "version": "4.4.3",
@@ -1479,6 +2228,23 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmmirror.com/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -1486,15 +2252,19 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
       "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
       "version": "1.5.286",
@@ -1503,18 +2273,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/entities": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
-      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/es-module-lexer": {
       "version": "1.7.0",
       "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
@@ -1522,6 +2280,48 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.2.0",
       "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
@@ -1734,12 +2534,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
@@ -1774,6 +2568,36 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/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.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -1788,6 +2612,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmmirror.com/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
     "node_modules/fdir": {
       "version": "6.5.0",
       "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
@@ -1826,6 +2660,19 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
@@ -1893,6 +2740,16 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -1906,6 +2763,86 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/globals": {
+      "version": "16.5.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-16.5.0.tgz",
+      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
@@ -1926,6 +2863,35 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -1949,6 +2915,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
@@ -1956,6 +2939,63 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsdom": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-26.1.0.tgz",
+      "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.2.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.16",
+        "parse5": "^7.2.1",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.1.1",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.1.1",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -1993,275 +3033,34 @@
       "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/lightningcss": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.31.1.tgz",
-      "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==",
-      "dev": true,
-      "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-android-arm64": "1.31.1",
-        "lightningcss-darwin-arm64": "1.31.1",
-        "lightningcss-darwin-x64": "1.31.1",
-        "lightningcss-freebsd-x64": "1.31.1",
-        "lightningcss-linux-arm-gnueabihf": "1.31.1",
-        "lightningcss-linux-arm64-gnu": "1.31.1",
-        "lightningcss-linux-arm64-musl": "1.31.1",
-        "lightningcss-linux-x64-gnu": "1.31.1",
-        "lightningcss-linux-x64-musl": "1.31.1",
-        "lightningcss-win32-arm64-msvc": "1.31.1",
-        "lightningcss-win32-x64-msvc": "1.31.1"
-      }
-    },
-    "node_modules/lightningcss-android-arm64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz",
-      "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz",
-      "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz",
-      "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz",
-      "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz",
-      "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz",
-      "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz",
-      "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz",
-      "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz",
-      "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz",
-      "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.31.1",
-      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz",
-      "integrity": "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
       "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "license": "MIT",
       "engines": {
-        "node": ">= 12.0.0"
+        "node": ">=14"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+        "url": "https://github.com/sponsors/antonk52"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-6.0.0.tgz",
@@ -2278,15 +3077,67 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
       "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/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/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/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/minimatch": {
       "version": "10.1.2",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-10.1.2.tgz",
@@ -2320,17 +3171,23 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/muggle-string": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
-      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
     },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
       "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -2359,17 +3216,43 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/obug": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmmirror.com/obug/-/obug-2.1.1.tgz",
-      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.23",
+      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.23.tgz",
+      "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==",
       "dev": true,
-      "funding": [
-        "https://github.com/sponsors/sxzz",
-        "https://opencollective.com/debug"
-      ],
       "license": "MIT"
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz",
@@ -2420,12 +3303,31 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/path-browserify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
     },
     "node_modules/path-exists": {
       "version": "4.0.0",
@@ -2447,6 +3349,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/pathe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
@@ -2454,10 +3363,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -2473,10 +3393,31 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmmirror.com/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -2501,6 +3442,133 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmmirror.com/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/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@@ -2554,48 +3622,194 @@
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/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/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/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/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/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/rolldown": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/rolldown/-/rolldown-1.0.0-rc.3.tgz",
-      "integrity": "sha512-Po/YZECDOqVXjIXrtC5h++a5NLvKAQNrd9ggrIG3sbDfGO5BqTUsrI6l8zdniKRp3r5Tp/2JTrXqx4GIguFCMw==",
+    "node_modules/rollup": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.57.1.tgz",
+      "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.112.0",
-        "@rolldown/pluginutils": "1.0.0-rc.3"
+        "@types/estree": "1.0.8"
       },
       "bin": {
-        "rolldown": "bin/cli.mjs"
+        "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.3",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.3",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.3",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.3",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.3",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.3",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.3",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.3",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.3",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.3",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.3",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.3",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.3"
-      }
-    },
-    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
-      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+        "@rollup/rollup-android-arm-eabi": "4.57.1",
+        "@rollup/rollup-android-arm64": "4.57.1",
+        "@rollup/rollup-darwin-arm64": "4.57.1",
+        "@rollup/rollup-darwin-x64": "4.57.1",
+        "@rollup/rollup-freebsd-arm64": "4.57.1",
+        "@rollup/rollup-freebsd-x64": "4.57.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
+        "@rollup/rollup-linux-arm64-musl": "4.57.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
+        "@rollup/rollup-linux-loong64-musl": "4.57.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-musl": "4.57.1",
+        "@rollup/rollup-openbsd-x64": "4.57.1",
+        "@rollup/rollup-openharmony-arm64": "4.57.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
+        "@rollup/rollup-win32-x64-gnu": "4.57.1",
+        "@rollup/rollup-win32-x64-msvc": "4.57.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmmirror.com/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/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/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/semver": {
       "version": "7.7.4",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz",
@@ -2658,6 +3872,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -2677,6 +3892,62 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/strip-literal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.1.0.tgz",
+      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmmirror.com/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/synckit": {
       "version": "0.11.12",
       "resolved": "https://registry.npmmirror.com/synckit/-/synckit-0.11.12.tgz",
@@ -2694,11 +3965,65 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "4.1.18",
-      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.1.18.tgz",
-      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
+      "version": "3.4.19",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
     },
     "node_modules/tinybench": {
       "version": "2.9.0",
@@ -2708,14 +4033,11 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-1.0.2.tgz",
-      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-0.3.2.tgz",
+      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
+      "license": "MIT"
     },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
@@ -2734,6 +4056,16 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/tinypool": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/tinypool/-/tinypool-1.1.1.tgz",
+      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
     "node_modules/tinyrainbow": {
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
@@ -2744,6 +4076,49 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tinyspy": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/tinyspy/-/tinyspy-4.0.4.tgz",
+      "integrity": "sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmmirror.com/tldts/-/tldts-6.1.86.tgz",
+      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmmirror.com/tldts-core/-/tldts-core-6.1.86.tgz",
+      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/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/totalist": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz",
@@ -2754,6 +4129,32 @@
         "node": ">=6"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-5.1.2.tgz",
+      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.4.0",
       "resolved": "https://registry.npmmirror.com/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
@@ -2767,13 +4168,12 @@
         "typescript": ">=4.8.4"
       }
     },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
       "dev": true,
-      "license": "0BSD",
-      "optional": true
+      "license": "Apache-2.0"
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -2874,26 +4274,32 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
-      "version": "8.0.0-beta.13",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-8.0.0-beta.13.tgz",
-      "integrity": "sha512-7s/rfpYOAo7WUHh9irzaGjhhKb12hGv0BpDegAMV5A391wdyvM45WtX6VMV7hvEtZF2j/QtpDpR6ldXI3GgARQ==",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-6.4.1.tgz",
+      "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/runtime": "0.112.0",
-        "fdir": "^6.5.0",
-        "lightningcss": "^1.31.1",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rolldown": "1.0.0-rc.3",
-        "tinyglobby": "^0.2.15"
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -2902,15 +4308,14 @@
         "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.0.0-alpha.24",
-        "esbuild": "^0.27.0",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
         "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
         "terser": "^5.16.0",
         "tsx": "^4.8.1",
         "yaml": "^2.4.2"
@@ -2919,18 +4324,15 @@
         "@types/node": {
           "optional": true
         },
-        "@vitejs/devtools": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
         "jiti": {
           "optional": true
         },
         "less": {
           "optional": true
         },
+        "lightningcss": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         },
@@ -2954,51 +4356,75 @@
         }
       }
     },
-    "node_modules/vitest": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmmirror.com/vitest/-/vitest-4.0.18.tgz",
-      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
+    "node_modules/vite-node": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/vite-node/-/vite-node-3.2.4.tgz",
+      "integrity": "sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "4.0.18",
-        "@vitest/mocker": "4.0.18",
-        "@vitest/pretty-format": "4.0.18",
-        "@vitest/runner": "4.0.18",
-        "@vitest/snapshot": "4.0.18",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
+        "cac": "^6.7.14",
+        "debug": "^4.4.1",
         "es-module-lexer": "^1.7.0",
-        "expect-type": "^1.2.2",
-        "magic-string": "^0.30.21",
-        "obug": "^2.1.1",
         "pathe": "^2.0.3",
-        "picomatch": "^4.0.3",
-        "std-env": "^3.10.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/vitest/-/vitest-3.2.4.tgz",
+      "integrity": "sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/expect": "3.2.4",
+        "@vitest/mocker": "3.2.4",
+        "@vitest/pretty-format": "^3.2.4",
+        "@vitest/runner": "3.2.4",
+        "@vitest/snapshot": "3.2.4",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "debug": "^4.4.1",
+        "expect-type": "^1.2.1",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "std-env": "^3.9.0",
         "tinybench": "^2.9.0",
-        "tinyexec": "^1.0.2",
-        "tinyglobby": "^0.2.15",
-        "tinyrainbow": "^3.0.3",
-        "vite": "^6.0.0 || ^7.0.0",
+        "tinyexec": "^0.3.2",
+        "tinyglobby": "^0.2.14",
+        "tinypool": "^1.1.1",
+        "tinyrainbow": "^2.0.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0",
+        "vite-node": "3.2.4",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
         "vitest": "vitest.mjs"
       },
       "engines": {
-        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
         "@edge-runtime/vm": "*",
-        "@opentelemetry/api": "^1.9.0",
-        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.0.18",
-        "@vitest/browser-preview": "4.0.18",
-        "@vitest/browser-webdriverio": "4.0.18",
-        "@vitest/ui": "4.0.18",
+        "@types/debug": "^4.1.12",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@vitest/browser": "3.2.4",
+        "@vitest/ui": "3.2.4",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -3006,19 +4432,13 @@
         "@edge-runtime/vm": {
           "optional": true
         },
-        "@opentelemetry/api": {
+        "@types/debug": {
           "optional": true
         },
         "@types/node": {
           "optional": true
         },
-        "@vitest/browser-playwright": {
-          "optional": true
-        },
-        "@vitest/browser-preview": {
-          "optional": true
-        },
-        "@vitest/browser-webdriverio": {
+        "@vitest/browser": {
           "optional": true
         },
         "@vitest/ui": {
@@ -3032,49 +4452,102 @@
         }
       }
     },
-    "node_modules/vscode-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
-      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+    "node_modules/vitest/node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
     },
-    "node_modules/vue": {
-      "version": "3.5.28",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.28.tgz",
-      "integrity": "sha512-BRdrNfeoccSoIZeIhyPBfvWSLFP4q8J3u8Ju8Ug5vu3LdD+yTM13Sg4sKtljxozbnuMu1NB1X5HBHRYUzFocKg==",
+    "node_modules/vitest/node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.28",
-        "@vue/compiler-sfc": "3.5.28",
-        "@vue/runtime-dom": "3.5.28",
-        "@vue/server-renderer": "3.5.28",
-        "@vue/shared": "3.5.28"
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
       },
-      "peerDependencies": {
-        "typescript": "*"
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/vue-tsc": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.4.tgz",
-      "integrity": "sha512-xj3YCvSLNDKt1iF9OcImWHhmYcihVu9p4b9s4PGR/qp6yhW+tZJaypGxHScRyOrdnHvaOeF+YkZOdKwbgGvp5g==",
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/typescript": "2.4.27",
-        "@vue/language-core": "3.2.4"
+        "iconv-lite": "0.6.3"
       },
-      "bin": {
-        "vue-tsc": "bin/vue-tsc.js"
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
       },
-      "peerDependencies": {
-        "typescript": ">=5.0.0"
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/which": {
@@ -3120,6 +4593,45 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "dev": true,
+      "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": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index db94b2c..4aed785 100644
--- a/package.json
+++ b/package.json
@@ -1,36 +1,36 @@
 {
   "name": "momentwebstitcher",
   "private": true,
-  "version": "0.0.0",
+  "version": "2.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.5.25"
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext .ts",
+    "lint:fix": "eslint src --ext .ts --fix",
+    "test": "vitest",
+    "test:ui": "vitest --ui"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@types/node": "^24.10.12",
-    "@vitejs/plugin-vue": "^6.0.2",
     "@vitest/ui": "^4.0.18",
-    "@vue/tsconfig": "^0.8.1",
     "autoprefixer": "^10.4.24",
     "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
+    "globals": "^16.1.0",
+    "jsdom": "^26.1.0",
     "postcss": "^8.5.6",
     "prettier": "^3.8.1",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^3.4.17",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.55.0",
-    "vite": "^8.0.0-beta.13",
-    "vitest": "^4.0.18",
-    "vue-tsc": "^3.1.5"
+    "vite": "^6.2.6",
+    "vitest": "^3.2.3"
   },
   "overrides": {
-    "vite": "^8.0.0-beta.13"
+    "vite": "^6.2.6"
   }
 }
diff --git a/src/components/common/Button.ts b/src/components/common/Button.ts
new file mode 100644
index 0000000..e870652
--- /dev/null
+++ b/src/components/common/Button.ts
@@ -0,0 +1,355 @@
+import type { ToastType } from '@/types'
+
+interface ButtonProps {
+  text?: string
+  variant?: 'primary' | 'secondary' | 'danger' | 'ghost'
+  size?: 'sm' | 'md' | 'lg'
+  disabled?: boolean
+  loading?: boolean
+  icon?: string
+  className?: string
+  onClick?: (e: MouseEvent) => void
+}
+
+export function createButton(props: ButtonProps): HTMLButtonElement {
+  const {
+    text,
+    variant = 'primary',
+    size = 'md',
+    disabled = false,
+    loading = false,
+    icon,
+    className = '',
+    onClick,
+  } = props
+
+  const button = document.createElement('button')
+
+  // Base classes
+  const baseClasses = [
+    'inline-flex',
+    'items-center',
+    'justify-center',
+    'gap-2',
+    'font-medium',
+    'rounded-lg',
+    'transition-all',
+    'duration-200',
+    'focus:outline-none',
+    'focus:ring-2',
+    'focus:ring-offset-2',
+    'disabled:opacity-50',
+    'disabled:cursor-not-allowed',
+    'active:scale-95',
+  ]
+
+  // Variant classes
+  const variantClasses = {
+    primary: [
+      'bg-primary-600',
+      'text-white',
+      'hover:bg-primary-700',
+      'focus:ring-primary-500',
+      'shadow-md',
+      'hover:shadow-lg',
+    ],
+    secondary: [
+      'bg-surface-secondary',
+      'text-text-primary',
+      'border',
+      'border-border',
+      'hover:bg-surface-tertiary',
+      'focus:ring-primary-500',
+    ],
+    danger: [
+      'bg-red-600',
+      'text-white',
+      'hover:bg-red-700',
+      'focus:ring-red-500',
+      'shadow-md',
+      'hover:shadow-lg',
+    ],
+    ghost: [
+      'bg-transparent',
+      'text-text-secondary',
+      'hover:bg-surface-secondary',
+      'hover:text-text-primary',
+      'focus:ring-primary-500',
+    ],
+  }
+
+  // Size classes
+  const sizeClasses = {
+    sm: ['px-3', 'py-1.5', 'text-sm'],
+    md: ['px-4', 'py-2', 'text-base'],
+    lg: ['px-6', 'py-3', 'text-lg'],
+  }
+
+  button.className = [
+    ...baseClasses,
+    ...variantClasses[variant],
+    ...sizeClasses[size],
+    className,
+  ].join(' ')
+
+  button.disabled = disabled || loading
+
+  // Content
+  if (loading) {
+    const spinner = document.createElement('span')
+    spinner.className = 'animate-spin inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full'
+    button.appendChild(spinner)
+  } else if (icon) {
+    const iconSpan = document.createElement('span')
+    iconSpan.textContent = icon
+    button.appendChild(iconSpan)
+  }
+
+  if (text) {
+    const textSpan = document.createElement('span')
+    textSpan.textContent = text
+    button.appendChild(textSpan)
+  }
+
+  if (onClick) {
+    button.addEventListener('click', onClick)
+  }
+
+  return button
+}
+
+interface ToastProps {
+  message: string
+  type?: ToastType
+  duration?: number
+}
+
+export function showToast(props: ToastProps): void {
+  const { message, type = 'info', duration = 4000 } = props
+
+  const toast = document.createElement('div')
+
+  const typeClasses = {
+    success: 'bg-green-500',
+    error: 'bg-red-500',
+    warning: 'bg-yellow-500',
+    info: 'bg-blue-500',
+  }
+
+  const typeIcons = {
+    success: '✓',
+    error: '✕',
+    warning: '⚠',
+    info: 'ℹ',
+  }
+
+  toast.className = [
+    'fixed',
+    'bottom-4',
+    'right-4',
+    'z-50',
+    'flex',
+    'items-center',
+    'gap-3',
+    'px-4',
+    'py-3',
+    'rounded-lg',
+    'shadow-lg',
+    'text-white',
+    'animate-slide-in-right',
+    typeClasses[type],
+  ].join(' ')
+
+  toast.innerHTML = `
+    <span class="text-lg">${typeIcons[type]}</span>
+    <span class="font-medium">${message}</span>
+  `
+
+  document.body.appendChild(toast)
+
+  setTimeout(() => {
+    toast.classList.add('animate-fade-out')
+    setTimeout(() => toast.remove(), 300)
+  }, duration)
+}
+
+interface ModalProps {
+  title: string
+  content: HTMLElement | string
+  onClose?: () => void
+  onConfirm?: () => void
+  confirmText?: string
+  cancelText?: string
+  showCancel?: boolean
+}
+
+export function createModal(props: ModalProps): HTMLDivElement {
+  const {
+    title,
+    content,
+    onClose,
+    onConfirm,
+    confirmText = '确认',
+    cancelText = '取消',
+    showCancel = true,
+  } = props
+
+  const overlay = document.createElement('div')
+  overlay.className = [
+    'fixed',
+    'inset-0',
+    'z-50',
+    'flex',
+    'items-center',
+    'justify-center',
+    'bg-black/50',
+    'backdrop-blur-sm',
+    'animate-fade-in',
+  ].join(' ')
+
+  const modal = document.createElement('div')
+  modal.className = [
+    'bg-surface',
+    'rounded-xl',
+    'shadow-2xl',
+    'max-w-lg',
+    'w-full',
+    'mx-4',
+    'animate-scale-in',
+  ].join(' ')
+
+  const header = document.createElement('div')
+  header.className = 'flex items-center justify-between px-6 py-4 border-b border-border'
+  header.innerHTML = `<h3 class="text-lg font-semibold text-text-primary">${title}</h3>`
+
+  const closeBtn = createButton({
+    variant: 'ghost',
+    size: 'sm',
+    text: '✕',
+    onClick: () => {
+      close()
+      onClose?.()
+    },
+  })
+  header.appendChild(closeBtn)
+
+  const body = document.createElement('div')
+  body.className = 'px-6 py-4'
+  if (typeof content === 'string') {
+    body.innerHTML = content
+  } else {
+    body.appendChild(content)
+  }
+
+  const footer = document.createElement('div')
+  footer.className = 'flex justify-end gap-3 px-6 py-4 border-t border-border'
+
+  if (showCancel) {
+    footer.appendChild(
+      createButton({
+        text: cancelText,
+        variant: 'secondary',
+        onClick: () => {
+          close()
+          onClose?.()
+        },
+      })
+    )
+  }
+
+  if (onConfirm) {
+    footer.appendChild(
+      createButton({
+        text: confirmText,
+        variant: 'primary',
+        onClick: () => {
+          onConfirm()
+          close()
+        },
+      })
+    )
+  }
+
+  modal.appendChild(header)
+  modal.appendChild(body)
+  modal.appendChild(footer)
+  overlay.appendChild(modal)
+
+  document.body.appendChild(overlay)
+
+  // Close on overlay click
+  overlay.addEventListener('click', (e) => {
+    if (e.target === overlay) {
+      close()
+      onClose?.()
+    }
+  })
+
+  function close() {
+    overlay.classList.add('animate-fade-out')
+    modal.classList.add('animate-scale-out')
+    setTimeout(() => overlay.remove(), 200)
+  }
+
+  return overlay
+}
+
+interface ProgressProps {
+  value: number
+  max?: number
+  size?: 'sm' | 'md' | 'lg'
+  showValue?: boolean
+  animated?: boolean
+}
+
+export function createProgress(props: ProgressProps): HTMLDivElement {
+  const { value, max = 100, size = 'md', showValue = true, animated = true } = props
+
+  const percentage = Math.round((value / max) * 100)
+
+  const container = document.createElement('div')
+  container.className = 'w-full'
+
+  const sizeClasses = {
+    sm: 'h-1',
+    md: 'h-2',
+    lg: 'h-3',
+  }
+
+  const bar = document.createElement('div')
+  bar.className = [
+    'w-full',
+    'bg-surface-tertiary',
+    'rounded-full',
+    'overflow-hidden',
+    sizeClasses[size],
+  ].join(' ')
+
+  const fill = document.createElement('div')
+  fill.className = [
+    'h-full',
+    'bg-gradient-to-r',
+    'from-primary-500',
+    'to-primary-600',
+    'rounded-full',
+    'transition-all',
+    'duration-300',
+    animated ? 'animate-pulse-soft' : '',
+  ].join(' ')
+  fill.style.width = `${percentage}%`
+
+  bar.appendChild(fill)
+  container.appendChild(bar)
+
+  if (showValue) {
+    const label = document.createElement('div')
+    label.className = 'flex justify-between mt-2 text-sm text-text-secondary'
+    label.innerHTML = `
+      <span>进度</span>
+      <span class="font-medium text-text-primary">${percentage}%</span>
+    `
+    container.appendChild(label)
+  }
+
+  return container
+}
diff --git a/src/components/group-manager/GroupManager.ts b/src/components/group-manager/GroupManager.ts
new file mode 100644
index 0000000..ad92796
--- /dev/null
+++ b/src/components/group-manager/GroupManager.ts
@@ -0,0 +1,357 @@
+import type { ImageItem, ImageGroup } from '@/types'
+import { appState } from '@/core/state'
+import { eventBus, Events } from '@/core/events'
+import { createButton, showToast, createModal } from '@/components/common/Button'
+import { formatDate } from '@/utils/helpers'
+
+export function createGroupManager(): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = 'w-full'
+
+  // Header with controls
+  const header = document.createElement('div')
+  header.className = 'flex flex-wrap items-center justify-between gap-4 mb-4'
+
+  const title = document.createElement('h3')
+  title.className = 'text-lg font-semibold text-text-primary'
+  title.textContent = '分组管理'
+  header.appendChild(title)
+
+  const controls = document.createElement('div')
+  controls.className = 'flex items-center gap-2'
+
+  // Group size input
+  const sizeLabel = document.createElement('label')
+  sizeLabel.className = 'text-sm text-text-secondary'
+  sizeLabel.textContent = '每组数量:'
+  controls.appendChild(sizeLabel)
+
+  const sizeInput = document.createElement('input')
+  sizeInput.type = 'number'
+  sizeInput.min = '1'
+  sizeInput.max = '50'
+  sizeInput.value = String(appState.settings.groupSize)
+  sizeInput.className = [
+    'w-16',
+    'px-2',
+    'py-1',
+    'text-center',
+    'rounded-lg',
+    'border',
+    'border-border',
+    'bg-surface',
+    'text-text-primary',
+    'focus:ring-2',
+    'focus:ring-primary-500',
+    'focus:border-primary-500',
+  ].join(' ')
+  sizeInput.addEventListener('change', () => {
+    const value = parseInt(sizeInput.value)
+    if (value > 0) {
+      appState.updateSettings({ groupSize: value })
+    }
+  })
+  controls.appendChild(sizeInput)
+
+  // Auto group button
+  controls.appendChild(
+    createButton({
+      text: '自动分组',
+      variant: 'secondary',
+      size: 'sm',
+      onClick: () => {
+        if (appState.images.length === 0) {
+          showToast({ message: '请先添加图片', type: 'warning' })
+          return
+        }
+        appState.autoGroup(appState.settings.groupSize)
+        showToast({ message: '自动分组完成', type: 'success' })
+      },
+    })
+  )
+
+  // Add group button
+  controls.appendChild(
+    createButton({
+      text: '+ 新建分组',
+      variant: 'primary',
+      size: 'sm',
+      onClick: () => {
+        const group = appState.createGroup()
+        showToast({ message: `创建分组: ${group.name}`, type: 'success' })
+      },
+    })
+  )
+
+  header.appendChild(controls)
+  container.appendChild(header)
+
+  // Groups container
+  const groupsContainer = document.createElement('div')
+  groupsContainer.className = 'space-y-4 max-h-96 overflow-y-auto'
+  container.appendChild(groupsContainer)
+
+  // Empty state
+  const emptyState = document.createElement('div')
+  emptyState.className = [
+    'flex',
+    'flex-col',
+    'items-center',
+    'justify-center',
+    'py-12',
+    'text-text-tertiary',
+    'bg-surface-secondary',
+    'rounded-xl',
+  ].join(' ')
+  emptyState.innerHTML = `
+    <svg class="w-16 h-16 mb-4 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
+    </svg>
+    <p class="text-sm mb-2">暂无分组</p>
+    <p class="text-xs opacity-70">点击"自动分组"或"新建分组"开始</p>
+  `
+  container.appendChild(emptyState)
+
+  // Update function
+  function updateGroups() {
+    const groups = appState.groups
+
+    // Show/hide empty state
+    if (groups.length === 0) {
+      groupsContainer.classList.add('hidden')
+      emptyState.classList.remove('hidden')
+    } else {
+      groupsContainer.classList.remove('hidden')
+      emptyState.classList.add('hidden')
+    }
+
+    // Clear container
+    groupsContainer.innerHTML = ''
+
+    // Render groups
+    groups.forEach((group, index) => {
+      const groupEl = createGroupElement(group, index)
+      groupsContainer.appendChild(groupEl)
+    })
+  }
+
+  // Listen for changes
+  eventBus.on(Events.GROUP_CREATED, updateGroups)
+  eventBus.on(Events.GROUP_DELETED, updateGroups)
+  eventBus.on(Events.GROUP_UPDATED, updateGroups)
+  eventBus.on(Events.IMAGE_ADDED_TO_GROUP, updateGroups)
+  eventBus.on(Events.IMAGE_REMOVED_FROM_GROUP, updateGroups)
+  eventBus.on(Events.STATE_RESET, updateGroups)
+
+  // Initial render
+  updateGroups()
+
+  return container
+}
+
+function createGroupElement(group: ImageGroup, index: number): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = [
+    'bg-surface-secondary',
+    'rounded-xl',
+    'p-4',
+    'animate-slide-up',
+  ].join(' ')
+  container.style.animationDelay = `${index * 0.05}s`
+
+  // Header
+  const header = document.createElement('div')
+  header.className = 'flex items-center justify-between mb-3'
+
+  const title = document.createElement('div')
+  title.className = 'flex items-center gap-2'
+  title.innerHTML = `
+    <span class="w-6 h-6 rounded-full bg-primary-100 dark:bg-primary-900/50 text-primary-600 text-xs font-bold flex items-center justify-center">
+      ${index + 1}
+    </span>
+    <h4 class="font-medium text-text-primary">${group.name}</h4>
+    <span class="text-sm text-text-secondary">(${group.images.length} 张)</span>
+  `
+  header.appendChild(title)
+
+  const actions = document.createElement('div')
+  actions.className = 'flex items-center gap-1'
+
+  // Clear button
+  actions.appendChild(
+    createButton({
+      text: '清空',
+      variant: 'ghost',
+      size: 'sm',
+      onClick: () => {
+        group.images = []
+        eventBus.emit(Events.STATE_CHANGED)
+        showToast({ message: '分组已清空', type: 'success' })
+      },
+    })
+  )
+
+  // Delete button
+  actions.appendChild(
+    createButton({
+      text: '删除',
+      variant: 'ghost',
+      size: 'sm',
+      onClick: () => {
+        createModal({
+          title: '删除分组',
+          content: `确定要删除分组 "${group.name}" 吗？\n分组内的图片将返回到图片池。`,
+          onConfirm: () => {
+            appState.deleteGroup(group.id)
+            showToast({ message: '分组已删除', type: 'success' })
+          },
+        })
+      },
+    })
+  )
+
+  header.appendChild(actions)
+  container.appendChild(header)
+
+  // Images container (drop zone)
+  const imagesContainer = document.createElement('div')
+  imagesContainer.className = [
+    'min-h-[100px]',
+    'rounded-lg',
+    'border-2',
+    'border-dashed',
+    'border-border',
+    'p-3',
+    'flex',
+    'flex-wrap',
+    'gap-2',
+    'transition-all',
+    'duration-200',
+  ].join(' ')
+
+  // Drag events
+  imagesContainer.addEventListener('dragover', (e) => {
+    e.preventDefault()
+    imagesContainer.classList.add('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+  })
+
+  imagesContainer.addEventListener('dragleave', () => {
+    imagesContainer.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+  })
+
+  imagesContainer.addEventListener('drop', (e) => {
+    e.preventDefault()
+    imagesContainer.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+
+    const imageId = e.dataTransfer?.getData('imageId')
+    if (imageId) {
+      const image = appState.images.find((img) => img.id === imageId)
+      if (image) {
+        // Remove from other groups first
+        appState.groups.forEach((g) => {
+          if (g.id !== group.id) {
+            const idx = g.images.findIndex((img) => img.id === imageId)
+            if (idx > -1) {
+              appState.removeImageFromGroup(g.id, imageId)
+            }
+          }
+        })
+        // Add to this group
+        if (!group.images.find((img) => img.id === imageId)) {
+          appState.addImageToGroup(group.id, image)
+        }
+      }
+    }
+  })
+
+  // Render images
+  if (group.images.length === 0) {
+    imagesContainer.innerHTML = `
+      <div class="w-full h-full flex items-center justify-center text-text-tertiary text-sm">
+        拖拽图片到此处
+      </div>
+    `
+  } else {
+    group.images.forEach((image, imgIndex) => {
+      const imgEl = createGroupImageElement(image, group, imgIndex)
+      imagesContainer.appendChild(imgEl)
+    })
+  }
+
+  container.appendChild(imagesContainer)
+
+  return container
+}
+
+function createGroupImageElement(
+  image: ImageItem,
+  group: ImageGroup,
+  _index: number
+): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = [
+    'relative',
+    'group',
+    'w-16',
+    'h-16',
+    'rounded-lg',
+    'overflow-hidden',
+    'cursor-move',
+    'hover:ring-2',
+    'hover:ring-primary-500',
+    'transition-all',
+    'duration-200',
+  ].join(' ')
+  container.draggable = true
+  container.dataset.imageId = image.id
+
+  // Image
+  const img = document.createElement('img')
+  img.src = image.thumbnail || image.src
+  img.alt = image.name
+  img.className = 'w-full h-full object-cover'
+  container.appendChild(img)
+
+  // Remove button
+  const removeBtn = document.createElement('button')
+  removeBtn.className = [
+    'absolute',
+    '-top-1',
+    '-right-1',
+    'w-5',
+    'h-5',
+    'rounded-full',
+    'bg-red-500',
+    'text-white',
+    'flex',
+    'items-center',
+    'justify-center',
+    'opacity-0',
+    'group-hover:opacity-100',
+    'transition-opacity',
+    'text-xs',
+    'shadow-md',
+  ].join(' ')
+  removeBtn.innerHTML = '✕'
+  removeBtn.addEventListener('click', (e) => {
+    e.stopPropagation()
+    appState.removeImageFromGroup(group.id, image.id)
+  })
+  container.appendChild(removeBtn)
+
+  // Drag events
+  container.addEventListener('dragstart', (e) => {
+    e.dataTransfer?.setData('imageId', image.id)
+    e.dataTransfer!.effectAllowed = 'move'
+    container.classList.add('opacity-50')
+  })
+
+  container.addEventListener('dragend', () => {
+    container.classList.remove('opacity-50')
+  })
+
+  // Tooltip
+  container.title = `${image.name}\n${formatDate(image.dateTime)}`
+
+  return container
+}
diff --git a/src/components/image-pool/ImagePool.ts b/src/components/image-pool/ImagePool.ts
new file mode 100644
index 0000000..580420f
--- /dev/null
+++ b/src/components/image-pool/ImagePool.ts
@@ -0,0 +1,230 @@
+import type { ImageItem } from '@/types'
+import { appState } from '@/core/state'
+import { eventBus, Events } from '@/core/events'
+import { showToast } from '@/components/common/Button'
+import { formatDate, formatFileSize } from '@/utils/helpers'
+
+export function createImagePool(): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = 'w-full'
+
+  // Header
+  const header = document.createElement('div')
+  header.className = 'flex items-center justify-between mb-4'
+  header.innerHTML = `
+    <h3 class="text-lg font-semibold text-text-primary">图片池</h3>
+    <span class="text-sm text-text-secondary" id="pool-count">0 张图片</span>
+  `
+  container.appendChild(header)
+
+  // Image grid
+  const grid = document.createElement('div')
+  grid.className = [
+    'grid',
+    'grid-cols-3',
+    'sm:grid-cols-4',
+    'md:grid-cols-5',
+    'lg:grid-cols-6',
+    'gap-3',
+    'max-h-64',
+    'overflow-y-auto',
+    'p-2',
+    'rounded-xl',
+    'bg-surface-secondary',
+  ].join(' ')
+
+  // Make grid a drop zone
+  grid.addEventListener('dragover', (e) => {
+    e.preventDefault()
+    grid.classList.add('ring-2', 'ring-primary-500', 'ring-dashed')
+  })
+
+  grid.addEventListener('dragleave', () => {
+    grid.classList.remove('ring-2', 'ring-primary-500', 'ring-dashed')
+  })
+
+  grid.addEventListener('drop', (e) => {
+    e.preventDefault()
+    grid.classList.remove('ring-2', 'ring-primary-500', 'ring-dashed')
+
+    const imageId = e.dataTransfer?.getData('imageId')
+    if (imageId) {
+      // Remove from group and add back to pool
+      appState.groups.forEach((group) => {
+        const index = group.images.findIndex((img) => img.id === imageId)
+        if (index > -1) {
+          appState.removeImageFromGroup(group.id, imageId)
+        }
+      })
+    }
+  })
+
+  container.appendChild(grid)
+
+  // Empty state
+  const emptyState = document.createElement('div')
+  emptyState.className = [
+    'flex',
+    'flex-col',
+    'items-center',
+    'justify-center',
+    'py-8',
+    'text-text-tertiary',
+  ].join(' ')
+  emptyState.innerHTML = `
+    <svg class="w-12 h-12 mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
+    </svg>
+    <p class="text-sm">暂无图片</p>
+  `
+  container.appendChild(emptyState)
+
+  // Update grid when images change
+  function updateGrid() {
+    const images = getUnassignedImages()
+
+    // Update count
+    const countEl = header.querySelector('#pool-count')
+    if (countEl) countEl.textContent = `${images.length} 张图片`
+
+    // Show/hide empty state
+    if (images.length === 0) {
+      grid.classList.add('hidden')
+      emptyState.classList.remove('hidden')
+    } else {
+      grid.classList.remove('hidden')
+      emptyState.classList.add('hidden')
+    }
+
+    // Clear grid
+    grid.innerHTML = ''
+
+    // Add images
+    images.forEach((image, index) => {
+      const card = createImageCard(image, index)
+      grid.appendChild(card)
+    })
+  }
+
+  // Listen for changes
+  eventBus.on(Events.IMAGES_ADDED, updateGrid)
+  eventBus.on(Events.IMAGES_REMOVED, updateGrid)
+  eventBus.on(Events.GROUP_CREATED, updateGrid)
+  eventBus.on(Events.GROUP_DELETED, updateGrid)
+  eventBus.on(Events.IMAGE_ADDED_TO_GROUP, updateGrid)
+  eventBus.on(Events.IMAGE_REMOVED_FROM_GROUP, updateGrid)
+  eventBus.on(Events.STATE_RESET, updateGrid)
+
+  // Initial render
+  updateGrid()
+
+  return container
+}
+
+function getUnassignedImages(): ImageItem[] {
+  const assignedIds = new Set<string>()
+  appState.groups.forEach((group) => {
+    group.images.forEach((img) => assignedIds.add(img.id))
+  })
+  return appState.images.filter((img) => !assignedIds.has(img.id))
+}
+
+function createImageCard(image: ImageItem, index: number): HTMLDivElement {
+  const card = document.createElement('div')
+  card.className = [
+    'relative',
+    'group',
+    'aspect-square',
+    'rounded-lg',
+    'overflow-hidden',
+    'bg-surface-tertiary',
+    'cursor-move',
+    'hover:ring-2',
+    'hover:ring-primary-500',
+    'transition-all',
+    'duration-200',
+    'animate-fade-in',
+  ].join(' ')
+  card.style.animationDelay = `${index * 0.05}s`
+  card.draggable = true
+  card.dataset.imageId = image.id
+
+  // Image
+  const img = document.createElement('img')
+  img.src = image.thumbnail || image.src
+  img.alt = image.name
+  img.className = 'w-full h-full object-cover'
+  img.loading = 'lazy'
+  card.appendChild(img)
+
+  // Overlay with info
+  const overlay = document.createElement('div')
+  overlay.className = [
+    'absolute',
+    'inset-0',
+    'bg-gradient-to-t',
+    'from-black/70',
+    'via-transparent',
+    'to-transparent',
+    'opacity-0',
+    'group-hover:opacity-100',
+    'transition-opacity',
+    'duration-200',
+    'flex',
+    'flex-col',
+    'justify-end',
+    'p-2',
+  ].join(' ')
+
+  overlay.innerHTML = `
+    <p class="text-white text-xs font-medium truncate">${image.name}</p>
+    <p class="text-white/70 text-xs">${formatFileSize(image.file.size)}</p>
+  `
+  card.appendChild(overlay)
+
+  // Delete button
+  const deleteBtn = document.createElement('button')
+  deleteBtn.className = [
+    'absolute',
+    'top-1',
+    'right-1',
+    'w-6',
+    'h-6',
+    'rounded-full',
+    'bg-red-500',
+    'text-white',
+    'flex',
+    'items-center',
+    'justify-center',
+    'opacity-0',
+    'group-hover:opacity-100',
+    'transition-opacity',
+    'duration-200',
+    'hover:bg-red-600',
+    'text-xs',
+  ].join(' ')
+  deleteBtn.innerHTML = '✕'
+  deleteBtn.title = '删除图片'
+  deleteBtn.addEventListener('click', (e) => {
+    e.stopPropagation()
+    appState.removeImage(image.id)
+    showToast({ message: '图片已删除', type: 'success' })
+  })
+  card.appendChild(deleteBtn)
+
+  // Drag events
+  card.addEventListener('dragstart', (e) => {
+    e.dataTransfer?.setData('imageId', image.id)
+    e.dataTransfer!.effectAllowed = 'move'
+    card.classList.add('opacity-50', 'scale-95')
+  })
+
+  card.addEventListener('dragend', () => {
+    card.classList.remove('opacity-50', 'scale-95')
+  })
+
+  // Tooltip on hover
+  card.title = `${image.name}\n${formatDate(image.dateTime)}\n${formatFileSize(image.file.size)}`
+
+  return card
+}
diff --git a/src/components/settings/SettingsPanel.ts b/src/components/settings/SettingsPanel.ts
new file mode 100644
index 0000000..bea1766
--- /dev/null
+++ b/src/components/settings/SettingsPanel.ts
@@ -0,0 +1,268 @@
+import { appState } from '@/core/state'
+import { eventBus, Events } from '@/core/events'
+import { createButton, showToast } from '@/components/common/Button'
+import { OUTPUT_FORMATS, KEYBOARD_SHORTCUTS } from '@/utils/constants'
+import { getSystemTheme } from '@/utils/helpers'
+
+export function createSettingsPanel(): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = 'w-full space-y-6'
+
+  // Output Settings
+  const outputSection = createSection('输出设置')
+
+  // Quality slider
+  const qualityControl = createSliderControl({
+    label: '输出质量',
+    min: 70,
+    max: 100,
+    value: appState.settings.outputQuality,
+    suffix: '%',
+    onChange: (value) => appState.updateSettings({ outputQuality: value }),
+  })
+  outputSection.appendChild(qualityControl)
+
+  // Format selector
+  const formatControl = createSelectControl({
+    label: '输出格式',
+    options: OUTPUT_FORMATS.map((f) => ({ value: f.value, label: f.label })),
+    value: appState.settings.outputFormat,
+    onChange: (value) =>
+      appState.updateSettings({ outputFormat: value as 'jpeg' | 'png' | 'webp' }),
+  })
+  outputSection.appendChild(formatControl)
+
+  container.appendChild(outputSection)
+
+  // Appearance Settings
+  const appearanceSection = createSection('外观设置')
+
+  // Theme selector
+  const themeControl = createSelectControl({
+    label: '主题',
+    options: [
+      { value: 'light', label: '☀️ 浅色' },
+      { value: 'dark', label: '🌙 深色' },
+      { value: 'system', label: '💻 跟随系统' },
+    ],
+    value: appState.settings.theme,
+    onChange: (value) => {
+      appState.updateSettings({ theme: value as 'light' | 'dark' | 'system' })
+      applyTheme(value as 'light' | 'dark' | 'system')
+    },
+  })
+  appearanceSection.appendChild(themeControl)
+
+  container.appendChild(appearanceSection)
+
+  // Actions
+  const actionsSection = createSection('操作')
+
+  const actionsGrid = document.createElement('div')
+  actionsGrid.className = 'grid grid-cols-2 gap-3'
+
+  // Stitch button
+  const stitchBtn = createButton({
+    text: '🚀 开始拼接',
+    variant: 'primary',
+    size: 'lg',
+    className: 'col-span-2',
+    onClick: () => {
+      if (appState.groups.length === 0) {
+        showToast({ message: '请先创建分组', type: 'warning' })
+        return
+      }
+      eventBus.emit('action:stitch')
+    },
+  })
+  actionsGrid.appendChild(stitchBtn)
+
+  // Clear button
+  actionsGrid.appendChild(
+    createButton({
+      text: '🗑️ 清空所有',
+      variant: 'secondary',
+      onClick: () => {
+        if (confirm('确定要清空所有图片和分组吗？')) {
+          appState.clearAll()
+          showToast({ message: '已清空所有内容', type: 'success' })
+        }
+      },
+    })
+  )
+
+  // Undo/Redo buttons
+  const undoBtn = createButton({
+    text: '↩️ 撤销',
+    variant: 'ghost',
+    onClick: () => {
+      if (appState.undo()) {
+        showToast({ message: '已撤销', type: 'success' })
+      }
+    },
+  })
+  actionsGrid.appendChild(undoBtn)
+
+  const redoBtn = createButton({
+    text: '↪️ 重做',
+    variant: 'ghost',
+    onClick: () => {
+      if (appState.redo()) {
+        showToast({ message: '已重做', type: 'success' })
+      }
+    },
+  })
+  actionsGrid.appendChild(redoBtn)
+
+  actionsSection.appendChild(actionsGrid)
+  container.appendChild(actionsSection)
+
+  // Keyboard shortcuts
+  const shortcutsSection = createSection('快捷键')
+  shortcutsSection.innerHTML += `
+    <div class="space-y-2 text-sm text-text-secondary">
+      <div class="flex justify-between">
+        <span>撤销</span>
+        <kbd class="px-2 py-1 bg-surface-tertiary rounded text-xs font-mono">${KEYBOARD_SHORTCUTS.undo}</kbd>
+      </div>
+      <div class="flex justify-between">
+        <span>重做</span>
+        <kbd class="px-2 py-1 bg-surface-tertiary rounded text-xs font-mono">${KEYBOARD_SHORTCUTS.redo}</kbd>
+      </div>
+      <div class="flex justify-between">
+        <span>添加图片</span>
+        <kbd class="px-2 py-1 bg-surface-tertiary rounded text-xs font-mono">${KEYBOARD_SHORTCUTS.addImages}</kbd>
+      </div>
+      <div class="flex justify-between">
+        <span>开始拼接</span>
+        <kbd class="px-2 py-1 bg-surface-tertiary rounded text-xs font-mono">${KEYBOARD_SHORTCUTS.stitch}</kbd>
+      </div>
+      <div class="flex justify-between">
+        <span>清空所有</span>
+        <kbd class="px-2 py-1 bg-surface-tertiary rounded text-xs font-mono">${KEYBOARD_SHORTCUTS.clear}</kbd>
+      </div>
+    </div>
+  `
+  container.appendChild(shortcutsSection)
+
+  // Apply initial theme
+  applyTheme(appState.settings.theme)
+
+  return container
+}
+
+function createSection(title: string): HTMLDivElement {
+  const section = document.createElement('div')
+  section.className = 'bg-surface-secondary rounded-xl p-4'
+  section.innerHTML = `<h4 class="font-semibold text-text-primary mb-4">${title}</h4>`
+  return section
+}
+
+interface SliderControlProps {
+  label: string
+  min: number
+  max: number
+  value: number
+  suffix?: string
+  onChange: (value: number) => void
+}
+
+function createSliderControl(props: SliderControlProps): HTMLDivElement {
+  const { label, min, max, value, suffix = '', onChange } = props
+
+  const container = document.createElement('div')
+  container.className = 'mb-4'
+
+  const header = document.createElement('div')
+  header.className = 'flex justify-between mb-2'
+  header.innerHTML = `
+    <label class="text-sm text-text-secondary">${label}</label>
+    <span class="text-sm font-medium text-text-primary" id="${label}-value">${value}${suffix}</span>
+  `
+  container.appendChild(header)
+
+  const slider = document.createElement('input')
+  slider.type = 'range'
+  slider.min = String(min)
+  slider.max = String(max)
+  slider.value = String(value)
+  slider.className = [
+    'w-full',
+    'h-2',
+    'bg-surface-tertiary',
+    'rounded-lg',
+    'appearance-none',
+    'cursor-pointer',
+    'accent-primary-600',
+  ].join(' ')
+
+  slider.addEventListener('input', () => {
+    const val = parseInt(slider.value)
+    const valueEl = container.querySelector(`#${label}-value`)
+    if (valueEl) valueEl.textContent = `${val}${suffix}`
+    onChange(val)
+  })
+
+  container.appendChild(slider)
+  return container
+}
+
+interface SelectControlProps {
+  label: string
+  options: { value: string; label: string }[]
+  value: string
+  onChange: (value: string) => void
+}
+
+function createSelectControl(props: SelectControlProps): HTMLDivElement {
+  const { label, options, value, onChange } = props
+
+  const container = document.createElement('div')
+  container.className = 'mb-4'
+
+  const labelEl = document.createElement('label')
+  labelEl.className = 'block text-sm text-text-secondary mb-2'
+  labelEl.textContent = label
+  container.appendChild(labelEl)
+
+  const select = document.createElement('select')
+  select.className = [
+    'w-full',
+    'px-3',
+    'py-2',
+    'rounded-lg',
+    'border',
+    'border-border',
+    'bg-surface',
+    'text-text-primary',
+    'focus:ring-2',
+    'focus:ring-primary-500',
+    'focus:border-primary-500',
+  ].join(' ')
+
+  options.forEach((opt) => {
+    const option = document.createElement('option')
+    option.value = opt.value
+    option.textContent = opt.label
+    if (opt.value === value) option.selected = true
+    select.appendChild(option)
+  })
+
+  select.addEventListener('change', () => onChange(select.value))
+  container.appendChild(select)
+
+  return container
+}
+
+function applyTheme(theme: 'light' | 'dark' | 'system'): void {
+  const root = document.documentElement
+  const effectiveTheme = theme === 'system' ? getSystemTheme() : theme
+
+  if (effectiveTheme === 'dark') {
+    root.classList.add('dark')
+  } else {
+    root.classList.remove('dark')
+  }
+
+  eventBus.emit(Events.THEME_CHANGED, effectiveTheme)
+}
diff --git a/src/components/upload/UploadArea.ts b/src/components/upload/UploadArea.ts
new file mode 100644
index 0000000..d861210
--- /dev/null
+++ b/src/components/upload/UploadArea.ts
@@ -0,0 +1,199 @@
+import type { ImageItem } from '@/types'
+import { appState } from '@/core/state'
+import { eventBus, Events } from '@/core/events'
+import { showToast } from '@/components/common/Button'
+import { readFileAsDataURL, generateId, createThumbnail, formatFileSize } from '@/utils/helpers'
+import { SUPPORTED_FORMATS, LIMITS } from '@/utils/constants'
+
+export function createUploadArea(): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = 'w-full'
+
+  const uploadZone = document.createElement('div')
+  uploadZone.className = [
+    'relative',
+    'border-2',
+    'border-dashed',
+    'border-primary-300',
+    'rounded-2xl',
+    'p-8',
+    'text-center',
+    'transition-all',
+    'duration-300',
+    'cursor-pointer',
+    'hover:border-primary-500',
+    'hover:bg-primary-50/50',
+    'dark:hover:bg-primary-900/20',
+    'group',
+  ].join(' ')
+
+  uploadZone.innerHTML = `
+    <div class="pointer-events-none">
+      <div class="w-16 h-16 mx-auto mb-4 rounded-full bg-primary-100 dark:bg-primary-900/50 flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
+        <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
+        </svg>
+      </div>
+      <h3 class="text-lg font-semibold text-text-primary mb-2">拖拽图片到此处</h3>
+      <p class="text-text-secondary mb-4">或点击选择图片文件</p>
+      <p class="text-sm text-text-tertiary">支持 JPG, PNG, WebP, BMP 格式</p>
+    </div>
+  `
+
+  // Hidden file input
+  const fileInput = document.createElement('input')
+  fileInput.type = 'file'
+  fileInput.multiple = true
+  fileInput.accept = SUPPORTED_FORMATS.join(',')
+  fileInput.className = 'hidden'
+
+  uploadZone.appendChild(fileInput)
+
+  // Click to upload
+  uploadZone.addEventListener('click', () => fileInput.click())
+
+  // File input change
+  fileInput.addEventListener('change', async (e) => {
+    const files = (e.target as HTMLInputElement).files
+    if (files && files.length > 0) {
+      await handleFiles(Array.from(files))
+    }
+    fileInput.value = ''
+  })
+
+  // Drag and drop
+  uploadZone.addEventListener('dragover', (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    uploadZone.classList.add('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+  })
+
+  uploadZone.addEventListener('dragleave', (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    uploadZone.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+  })
+
+  uploadZone.addEventListener('drop', async (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    uploadZone.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+
+    const files = Array.from(e.dataTransfer?.files || []).filter((file) =>
+      file.type.startsWith('image/')
+    )
+
+    if (files.length > 0) {
+      await handleFiles(files)
+    }
+  })
+
+  container.appendChild(uploadZone)
+
+  // Stats
+  const stats = document.createElement('div')
+  stats.className = 'mt-4 flex items-center justify-center gap-4 text-sm text-text-secondary'
+  stats.innerHTML = `
+    <span id="upload-count">0 张图片</span>
+    <span class="w-1 h-1 rounded-full bg-text-tertiary"></span>
+    <span id="upload-size">0 MB</span>
+  `
+  container.appendChild(stats)
+
+  // Update stats
+  eventBus.on(Events.IMAGES_ADDED, () => updateStats())
+  eventBus.on(Events.IMAGES_REMOVED, () => updateStats())
+  eventBus.on(Events.STATE_RESET, () => updateStats())
+
+  function updateStats() {
+    const count = appState.images.length
+    const totalSize = appState.images.reduce((sum, img) => sum + (img.file?.size || 0), 0)
+
+    const countEl = stats.querySelector('#upload-count')
+    const sizeEl = stats.querySelector('#upload-size')
+
+    if (countEl) countEl.textContent = `${count} 张图片`
+    if (sizeEl) sizeEl.textContent = formatFileSize(totalSize)
+  }
+
+  return container
+}
+
+async function handleFiles(files: File[]): Promise<void> {
+  // Check limits
+  const currentCount = appState.images.length
+  if (currentCount + files.length > LIMITS.maxImages) {
+    showToast({
+      message: `最多支持 ${LIMITS.maxImages} 张图片`,
+      type: 'warning',
+    })
+    return
+  }
+
+  // Filter valid files
+  const validFiles = files.filter((file) => {
+    if (!SUPPORTED_FORMATS.includes(file.type)) {
+      showToast({ message: `${file.name} 格式不支持`, type: 'warning' })
+      return false
+    }
+    if (file.size > LIMITS.maxFileSize) {
+      showToast({
+        message: `${file.name} 超过 ${formatFileSize(LIMITS.maxFileSize)} 限制`,
+        type: 'warning',
+      })
+      return false
+    }
+    return true
+  })
+
+  if (validFiles.length === 0) return
+
+  // Process files
+  const processedImages: ImageItem[] = []
+  const batchSize = 5
+
+  for (let i = 0; i < validFiles.length; i += batchSize) {
+    const batch = validFiles.slice(i, i + batchSize)
+    const batchPromises = batch.map((file) => processFile(file))
+    const batchResults = await Promise.all(batchPromises)
+    processedImages.push(...batchResults.filter((img): img is ImageItem => img !== null))
+
+    // Update progress
+    const progress = Math.round(((i + batch.length) / validFiles.length) * 100)
+    appState.setProgress(progress, `处理图片 ${i + batch.length}/${validFiles.length}`)
+  }
+
+  // Add to state
+  if (processedImages.length > 0) {
+    appState.addImages(processedImages)
+    showToast({
+      message: `成功添加 ${processedImages.length} 张图片`,
+      type: 'success',
+    })
+  }
+
+  appState.setProgress(0, '')
+}
+
+async function processFile(file: File): Promise<ImageItem | null> {
+  try {
+    const src = await readFileAsDataURL(file)
+    const thumbnail = await createThumbnail(src, 200)
+
+    // Get date from EXIF or file
+    let dateTime = new Date(file.lastModified)
+
+    return {
+      id: generateId(),
+      name: file.name,
+      src,
+      file,
+      dateTime,
+      thumbnail,
+    }
+  } catch (error) {
+    console.error('Failed to process file:', file.name, error)
+    showToast({ message: `处理 ${file.name} 失败`, type: 'error' })
+    return null
+  }
+}
diff --git a/src/core/state.ts b/src/core/state.ts
index 87cb4ca..275503b 100644
--- a/src/core/state.ts
+++ b/src/core/state.ts
@@ -1,6 +1,6 @@
 import type { AppState as IAppState, ImageItem, ImageGroup, AppSettings } from '@/types'
 import { DEFAULT_SETTINGS } from '@/utils/constants'
-import { CommandManager } from './commands'
+import { CommandManager, createAddImagesCommand, createRemoveImageCommand, createCreateGroupCommand, createDeleteGroupCommand, createAddToGroupCommand, createRemoveFromGroupCommand, createClearAllCommand } from './commands'
 import { eventBus, Events } from './events'
 import { storage } from './storage'
 
@@ -22,17 +22,14 @@ export class AppState implements IAppState {
 
   // Images
   addImages(images: ImageItem[]): void {
-    this.images.push(...images)
-    this.emitChange()
+    const command = createAddImagesCommand(this, images)
+    this.commandManager.execute(command)
     eventBus.emit(Events.IMAGES_ADDED, images)
   }
 
   removeImage(imageId: string): void {
-    this.images = this.images.filter((img) => img.id !== imageId)
-    this.groups.forEach((group) => {
-      group.images = group.images.filter((img) => img.id !== imageId)
-    })
-    this.emitChange()
+    const command = createRemoveImageCommand(this, imageId)
+    this.commandManager.execute(command)
     eventBus.emit(Events.IMAGES_REMOVED, imageId)
   }
 
@@ -43,37 +40,27 @@ export class AppState implements IAppState {
       name: name || `分组 ${this.groups.length + 1}`,
       images: [],
     }
-    this.groups.push(group)
-    this.emitChange()
+    const command = createCreateGroupCommand(this, group)
+    this.commandManager.execute(command)
     eventBus.emit(Events.GROUP_CREATED, group)
     return group
   }
 
   deleteGroup(groupId: string): void {
-    this.groups = this.groups.filter((g) => g.id !== groupId)
-    this.emitChange()
+    const command = createDeleteGroupCommand(this, groupId)
+    this.commandManager.execute(command)
     eventBus.emit(Events.GROUP_DELETED, groupId)
   }
 
   addImageToGroup(groupId: string, image: ImageItem, position?: number): void {
-    const group = this.groups.find((g) => g.id === groupId)
-    if (!group) return
-
-    if (position !== undefined && position >= 0) {
-      group.images.splice(position, 0, image)
-    } else {
-      group.images.push(image)
-    }
-    this.emitChange()
+    const command = createAddToGroupCommand(this, groupId, image, position)
+    this.commandManager.execute(command)
     eventBus.emit(Events.IMAGE_ADDED_TO_GROUP, { groupId, image })
   }
 
   removeImageFromGroup(groupId: string, imageId: string): void {
-    const group = this.groups.find((g) => g.id === groupId)
-    if (!group) return
-
-    group.images = group.images.filter((img) => img.id !== imageId)
-    this.emitChange()
+    const command = createRemoveFromGroupCommand(this, groupId, imageId)
+    this.commandManager.execute(command)
     eventBus.emit(Events.IMAGE_REMOVED_FROM_GROUP, { groupId, imageId })
   }
 
@@ -198,16 +185,12 @@ export class AppState implements IAppState {
 
   // Clear all
   clearAll(): void {
-    this.images = []
-    this.groups = []
-    this.progress = 0
-    this.currentTask = ''
-    this.commandManager.clear()
-    this.emitChange()
+    const command = createClearAllCommand(this)
+    this.commandManager.execute(command)
     eventBus.emit(Events.STATE_RESET)
   }
 
-  private emitChange(): void {
+  emitChange(): void {
     eventBus.emit(Events.STATE_CHANGED, this.getState())
   }
 
diff --git a/src/core/storage.ts b/src/core/storage.ts
index 4656ae2..977d706 100644
--- a/src/core/storage.ts
+++ b/src/core/storage.ts
@@ -10,9 +10,11 @@ interface StoredState {
 class Storage {
   private db: IDBDatabase | null = null
   private dbReady: Promise<void>
+  private isIndexedDBAvailable: boolean
 
   constructor() {
-    this.dbReady = this.initDB()
+    this.isIndexedDBAvailable = typeof indexedDB !== 'undefined'
+    this.dbReady = this.isIndexedDBAvailable ? this.initDB() : Promise.resolve()
   }
 
   private async initDB(): Promise<void> {
@@ -40,6 +42,7 @@ class Storage {
   }
 
   async saveImage(image: ImageItem): Promise<void> {
+    if (!this.isIndexedDBAvailable) return
     await this.dbReady
     if (!this.db) return
 
@@ -54,6 +57,7 @@ class Storage {
   }
 
   async getImage(id: string): Promise<ImageItem | null> {
+    if (!this.isIndexedDBAvailable) return null
     await this.dbReady
     if (!this.db) return null
 
@@ -68,6 +72,7 @@ class Storage {
   }
 
   async deleteImage(id: string): Promise<void> {
+    if (!this.isIndexedDBAvailable) return
     await this.dbReady
     if (!this.db) return
 
@@ -82,6 +87,7 @@ class Storage {
   }
 
   async saveThumbnail(id: string, thumbnail: string): Promise<void> {
+    if (!this.isIndexedDBAvailable) return
     await this.dbReady
     if (!this.db) return
 
@@ -96,6 +102,7 @@ class Storage {
   }
 
   async getThumbnail(id: string): Promise<string | null> {
+    if (!this.isIndexedDBAvailable) return null
     await this.dbReady
     if (!this.db) return null
 
diff --git a/src/core/worker.ts b/src/core/worker.ts
index 3d1bf72..375d403 100644
--- a/src/core/worker.ts
+++ b/src/core/worker.ts
@@ -1,5 +1,4 @@
 import type { StitchResult, ProcessingProgress } from '@/types'
-import ImageProcessorWorker from '@/workers/imageProcessor?worker'
 
 class ImageProcessor {
   private worker: Worker | null = null
@@ -19,7 +18,9 @@ class ImageProcessor {
 
     return new Promise((resolve, reject) => {
       try {
-        this.worker = new ImageProcessorWorker()
+        this.worker = new Worker(new URL('@/workers/imageProcessor.ts', import.meta.url), {
+          type: 'module',
+        })
 
         this.worker.onmessage = (e: MessageEvent) => {
           const { type, progress, result, error } = e.data
diff --git a/src/main.ts b/src/main.ts
index 2425c0f..e4f2d17 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,237 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { appState } from '@/core/state'
+import { eventBus, Events } from '@/core/events'
+import { imageProcessor } from '@/core/worker'
+import { createUploadArea } from '@/components/upload/UploadArea'
+import { createImagePool } from '@/components/image-pool/ImagePool'
+import { createGroupManager } from '@/components/group-manager/GroupManager'
+import { createSettingsPanel } from '@/components/settings/SettingsPanel'
+import { createProgress, showToast } from '@/components/common/Button'
+import { downloadBlob } from '@/utils/helpers'
+import '@/styles/variables.css'
+import '@/styles/animations.css'
 
-createApp(App).mount('#app')
+function initApp(): void {
+  const app = document.querySelector<HTMLDivElement>('#app')
+  if (!app) return
+
+  // Create layout
+  app.className = 'min-h-screen bg-surface'
+
+  // Header
+  const header = document.createElement('header')
+  header.className = [
+    'sticky',
+    'top-0',
+    'z-40',
+    'bg-surface/80',
+    'backdrop-blur-md',
+    'border-b',
+    'border-border',
+  ].join(' ')
+  header.innerHTML = `
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex items-center justify-between h-16">
+        <div class="flex items-center gap-3">
+          <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-primary-600 flex items-center justify-center shadow-lg">
+            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
+            </svg>
+          </div>
+          <div>
+            <h1 class="text-xl font-bold text-text-primary">MomentStitcher</h1>
+            <p class="text-xs text-text-secondary">朋友圈长图拼接工具</p>
+          </div>
+        </div>
+        <div class="flex items-center gap-2">
+          <a href="https://github.com/Piggywu981/MomentWebStitcher" target="_blank" rel="noopener" 
+             class="p-2 rounded-lg hover:bg-surface-secondary transition-colors" title="GitHub">
+            <svg class="w-6 h-6 text-text-secondary" fill="currentColor" viewBox="0 0 24 24">
+              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  `
+  app.appendChild(header)
+
+  // Main content
+  const main = document.createElement('main')
+  main.className = 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8'
+
+  // Grid layout
+  const grid = document.createElement('div')
+  grid.className = 'grid grid-cols-1 lg:grid-cols-3 gap-8'
+
+  // Left column - Upload & Image Pool
+  const leftColumn = document.createElement('div')
+  leftColumn.className = 'lg:col-span-2 space-y-6'
+
+  // Upload section
+  const uploadSection = document.createElement('section')
+  uploadSection.className = 'bg-surface rounded-2xl p-6 shadow-sm border border-border'
+  uploadSection.appendChild(createUploadArea())
+  leftColumn.appendChild(uploadSection)
+
+  // Image pool section
+  const poolSection = document.createElement('section')
+  poolSection.className = 'bg-surface rounded-2xl p-6 shadow-sm border border-border'
+  poolSection.appendChild(createImagePool())
+  leftColumn.appendChild(poolSection)
+
+  // Group manager section
+  const groupSection = document.createElement('section')
+  groupSection.className = 'bg-surface rounded-2xl p-6 shadow-sm border border-border'
+  groupSection.appendChild(createGroupManager())
+  leftColumn.appendChild(groupSection)
+
+  grid.appendChild(leftColumn)
+
+  // Right column - Settings
+  const rightColumn = document.createElement('div')
+  rightColumn.className = 'lg:col-span-1'
+
+  const settingsWrapper = document.createElement('div')
+  settingsWrapper.className = 'sticky top-24'
+  settingsWrapper.appendChild(createSettingsPanel())
+  rightColumn.appendChild(settingsWrapper)
+
+  grid.appendChild(rightColumn)
+  main.appendChild(grid)
+  app.appendChild(main)
+
+  // Progress overlay
+  const progressOverlay = document.createElement('div')
+  progressOverlay.id = 'progress-overlay'
+  progressOverlay.className = [
+    'fixed',
+    'inset-0',
+    'z-50',
+    'flex',
+    'items-center',
+    'justify-center',
+    'bg-black/50',
+    'backdrop-blur-sm',
+    'hidden',
+  ].join(' ')
+
+  const progressCard = document.createElement('div')
+  progressCard.className = 'bg-surface rounded-2xl p-8 shadow-2xl max-w-md w-full mx-4'
+  progressCard.innerHTML = `
+    <div class="flex items-center gap-3 mb-4">
+      <div class="animate-spin w-6 h-6 border-3 border-primary-500 border-t-transparent rounded-full"></div>
+      <h3 class="text-lg font-semibold text-text-primary" id="progress-task">处理中...</h3>
+    </div>
+    <div id="progress-container"></div>
+  `
+  progressOverlay.appendChild(progressCard)
+  app.appendChild(progressOverlay)
+
+  // Setup event listeners
+  setupEventListeners()
+  setupKeyboardShortcuts()
+}
+
+function setupEventListeners(): void {
+  // Processing events
+  eventBus.on(Events.PROCESSING_STARTED, () => {
+    const overlay = document.getElementById('progress-overlay')
+    if (overlay) overlay.classList.remove('hidden')
+  })
+
+  eventBus.on(Events.PROCESSING_COMPLETED, () => {
+    const overlay = document.getElementById('progress-overlay')
+    if (overlay) overlay.classList.add('hidden')
+  })
+
+  eventBus.on(Events.PROCESSING_PROGRESS, (data: unknown) => {
+    const { progress, task } = data as { progress: number; task: string }
+    const taskEl = document.getElementById('progress-task')
+    const container = document.getElementById('progress-container')
+
+    if (taskEl) taskEl.textContent = task || '处理中...'
+    if (container) {
+      container.innerHTML = ''
+      container.appendChild(createProgress({ value: progress }))
+    }
+  })
+
+  // Stitch action
+  eventBus.on('action:stitch', async () => {
+    if (appState.groups.length === 0) {
+      showToast({ message: '请先创建分组', type: 'warning' })
+      return
+    }
+
+    appState.setProcessing(true)
+
+    try {
+      for (let i = 0; i < appState.groups.length; i++) {
+        const group = appState.groups[i]
+        if (group.images.length < 2) {
+          showToast({ message: `分组 "${group.name}" 图片数量不足`, type: 'warning' })
+          continue
+        }
+
+        appState.setProgress(0, `处理分组 ${i + 1}/${appState.groups.length}: ${group.name}`)
+
+        const imageSources = group.images.map((img) => img.src)
+        const result = await imageProcessor.stitchImages(
+          imageSources,
+          appState.settings.outputQuality,
+          appState.settings.outputFormat,
+          (progress) => {
+            const overallProgress = ((i + progress.current / progress.total) / appState.groups.length) * 100
+            appState.setProgress(overallProgress, progress.message)
+          }
+        )
+
+        // Download
+        downloadBlob(result.blob, `stitched_${group.name}_${Date.now()}.${appState.settings.outputFormat}`)
+      }
+
+      showToast({ message: '所有分组处理完成', type: 'success' })
+    } catch (error) {
+      console.error('Stitching error:', error)
+      showToast({ message: '处理失败: ' + (error instanceof Error ? error.message : '未知错误'), type: 'error' })
+    } finally {
+      appState.setProcessing(false)
+      appState.setProgress(0, '')
+    }
+  })
+}
+
+function setupKeyboardShortcuts(): void {
+  document.addEventListener('keydown', (e) => {
+    // Ctrl/Cmd + Z - Undo
+    if ((e.ctrlKey || e.metaKey) && e.key === 'z' && !e.shiftKey) {
+      e.preventDefault()
+      if (appState.undo()) {
+        showToast({ message: '已撤销', type: 'success' })
+      }
+    }
+
+    // Ctrl/Cmd + Y or Ctrl/Cmd + Shift + Z - Redo
+    if ((e.ctrlKey || e.metaKey) && (e.key === 'y' || (e.key === 'z' && e.shiftKey))) {
+      e.preventDefault()
+      if (appState.redo()) {
+        showToast({ message: '已重做', type: 'success' })
+      }
+    }
+
+    // Ctrl/Cmd + Enter - Stitch
+    if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+      e.preventDefault()
+      eventBus.emit('action:stitch')
+    }
+
+    // Ctrl/Cmd + O - Add images
+    if ((e.ctrlKey || e.metaKey) && e.key === 'o') {
+      e.preventDefault()
+      document.querySelector<HTMLInputElement>('input[type="file"]')?.click()
+    }
+  })
+}
+
+// Initialize when DOM is ready
+document.addEventListener('DOMContentLoaded', initApp)
diff --git a/src/workers/imageProcessor.ts b/src/workers/imageProcessor.ts
index 3593812..6bf4286 100644
--- a/src/workers/imageProcessor.ts
+++ b/src/workers/imageProcessor.ts
@@ -7,23 +7,6 @@ interface StitchMessage {
   format: string
 }
 
-interface ProgressMessage {
-  type: 'progress'
-  progress: ProcessingProgress
-}
-
-interface CompleteMessage {
-  type: 'complete'
-  result: StitchResult
-}
-
-interface ErrorMessage {
-  type: 'error'
-  error: string
-}
-
-type WorkerMessage = ProgressMessage | CompleteMessage | ErrorMessage
-
 self.onmessage = async (e: MessageEvent<StitchMessage>) => {
   const { type, images, quality, format } = e.data
 
@@ -31,15 +14,15 @@ self.onmessage = async (e: MessageEvent<StitchMessage>) => {
 
   try {
     const result = await stitchImages(images, quality, format, (progress) => {
-      self.postMessage({ type: 'progress', progress } as ProgressMessage)
+      self.postMessage({ type: 'progress', progress })
     })
 
-    self.postMessage({ type: 'complete', result } as CompleteMessage)
+    self.postMessage({ type: 'complete', result })
   } catch (error) {
     self.postMessage({
       type: 'error',
       error: error instanceof Error ? error.message : 'Unknown error',
-    } as ErrorMessage)
+    })
   }
 }
 
diff --git a/tests/unit/helpers.test.ts b/tests/unit/helpers.test.ts
new file mode 100644
index 0000000..7dd4a81
--- /dev/null
+++ b/tests/unit/helpers.test.ts
@@ -0,0 +1,125 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import {
+  generateId,
+  formatFileSize,
+  formatDate,
+  debounce,
+  throttle,
+  clamp,
+  chunkArray,
+} from '@/utils/helpers'
+
+describe('helpers', () => {
+  describe('generateId', () => {
+    it('should generate unique ids', () => {
+      const id1 = generateId()
+      const id2 = generateId()
+
+      expect(id1).not.toBe(id2)
+      expect(id1).toMatch(/^\d+-[a-z0-9]+$/)
+    })
+  })
+
+  describe('formatFileSize', () => {
+    it('should format bytes correctly', () => {
+      expect(formatFileSize(0)).toBe('0 B')
+      expect(formatFileSize(1024)).toBe('1 KB')
+      expect(formatFileSize(1024 * 1024)).toBe('1 MB')
+      expect(formatFileSize(1024 * 1024 * 1024)).toBe('1 GB')
+    })
+
+    it('should format partial sizes', () => {
+      expect(formatFileSize(1500)).toBe('1.46 KB')
+      expect(formatFileSize(1500 * 1024)).toBe('1.46 MB')
+    })
+  })
+
+  describe('formatDate', () => {
+    it('should format date correctly', () => {
+      const date = new Date(2024, 0, 15, 10, 30, 0)
+      const formatted = formatDate(date)
+
+      expect(formatted).toContain('2024')
+      expect(formatted).toContain('01')
+      expect(formatted).toContain('15')
+      expect(formatted).toContain('10')
+      expect(formatted).toContain('30')
+    })
+  })
+
+  describe('debounce', () => {
+    beforeEach(() => {
+      vi.useFakeTimers()
+    })
+
+    afterEach(() => {
+      vi.useRealTimers()
+    })
+
+    it('should delay function execution', () => {
+      const fn = vi.fn()
+      const debouncedFn = debounce(fn, 100)
+
+      debouncedFn()
+      debouncedFn()
+      debouncedFn()
+
+      expect(fn).not.toHaveBeenCalled()
+
+      vi.advanceTimersByTime(150)
+
+      expect(fn).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('throttle', () => {
+    beforeEach(() => {
+      vi.useFakeTimers()
+    })
+
+    afterEach(() => {
+      vi.useRealTimers()
+    })
+
+    it('should limit function calls', () => {
+      const fn = vi.fn()
+      const throttledFn = throttle(fn, 100)
+
+      throttledFn()
+      throttledFn()
+      throttledFn()
+
+      expect(fn).toHaveBeenCalledTimes(1)
+
+      vi.advanceTimersByTime(150)
+
+      throttledFn()
+      expect(fn).toHaveBeenCalledTimes(2)
+    })
+  })
+
+  describe('clamp', () => {
+    it('should clamp value within range', () => {
+      expect(clamp(5, 0, 10)).toBe(5)
+      expect(clamp(-5, 0, 10)).toBe(0)
+      expect(clamp(15, 0, 10)).toBe(10)
+    })
+  })
+
+  describe('chunkArray', () => {
+    it('should split array into chunks', () => {
+      const array = [1, 2, 3, 4, 5, 6, 7]
+      const chunks = chunkArray(array, 3)
+
+      expect(chunks.length).toBe(3)
+      expect(chunks[0]).toEqual([1, 2, 3])
+      expect(chunks[1]).toEqual([4, 5, 6])
+      expect(chunks[2]).toEqual([7])
+    })
+
+    it('should handle empty array', () => {
+      const chunks = chunkArray([], 3)
+      expect(chunks.length).toBe(0)
+    })
+  })
+})
diff --git a/tests/unit/state.test.ts b/tests/unit/state.test.ts
new file mode 100644
index 0000000..99218f1
--- /dev/null
+++ b/tests/unit/state.test.ts
@@ -0,0 +1,230 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { AppState } from '@/core/state'
+import { eventBus } from '@/core/events'
+import type { ImageItem } from '@/types'
+
+// Mock localStorage
+const localStorageMock = {
+  getItem: vi.fn(),
+  setItem: vi.fn(),
+  removeItem: vi.fn(),
+}
+Object.defineProperty(global, 'localStorage', { value: localStorageMock })
+
+// Mock crypto.randomUUID
+Object.defineProperty(global, 'crypto', {
+  value: {
+    randomUUID: () => 'test-uuid-' + Math.random().toString(36).substr(2, 9),
+  },
+})
+
+describe('AppState', () => {
+  let state: AppState
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorageMock.getItem.mockReturnValue(null)
+    state = new AppState()
+    // Clear command history after initialization
+    state['commandManager'].clear()
+  })
+
+  afterEach(() => {
+    state.clearAll()
+  })
+
+  describe('addImages', () => {
+    it('should add images to state', () => {
+      const images: ImageItem[] = [
+        {
+          id: '1',
+          name: 'test1.jpg',
+          src: 'data:image/jpeg;base64,test',
+          file: new File([], 'test1.jpg'),
+          dateTime: new Date(),
+        },
+      ]
+
+      state.addImages(images)
+
+      expect(state.images.length).toBe(1)
+      expect(state.images[0].id).toBe('1')
+    })
+  })
+
+  describe('removeImage', () => {
+    it('should remove image from state', () => {
+      const image: ImageItem = {
+        id: '1',
+        name: 'test.jpg',
+        src: 'data:image/jpeg;base64,test',
+        file: new File([], 'test.jpg'),
+        dateTime: new Date(),
+      }
+
+      state.addImages([image])
+      expect(state.images.length).toBe(1)
+
+      state.removeImage('1')
+      expect(state.images.length).toBe(0)
+    })
+  })
+
+  describe('createGroup', () => {
+    it('should create a new group', () => {
+      const group = state.createGroup('Test Group')
+
+      expect(state.groups.length).toBe(1)
+      expect(state.groups[0].name).toBe('Test Group')
+      expect(group.id).toBeDefined()
+    })
+  })
+
+  describe('deleteGroup', () => {
+    it('should delete a group', () => {
+      const group = state.createGroup('Test Group')
+      expect(state.groups.length).toBe(1)
+
+      state.deleteGroup(group.id)
+      expect(state.groups.length).toBe(0)
+    })
+  })
+
+  describe('addImageToGroup', () => {
+    it('should add image to group', () => {
+      const group = state.createGroup('Test Group')
+      const image: ImageItem = {
+        id: '1',
+        name: 'test.jpg',
+        src: 'data:image/jpeg;base64,test',
+        file: new File([], 'test.jpg'),
+        dateTime: new Date(),
+      }
+
+      state.addImages([image])
+      state.addImageToGroup(group.id, image)
+
+      expect(state.groups[0].images.length).toBe(1)
+      expect(state.groups[0].images[0].id).toBe('1')
+    })
+  })
+
+  describe('autoGroup', () => {
+    it('should auto group images by date', () => {
+      const images: ImageItem[] = [
+        {
+          id: '1',
+          name: 'test1.jpg',
+          src: 'data:image/jpeg;base64,test1',
+          file: new File([], 'test1.jpg'),
+          dateTime: new Date('2024-01-01'),
+        },
+        {
+          id: '2',
+          name: 'test2.jpg',
+          src: 'data:image/jpeg;base64,test2',
+          file: new File([], 'test2.jpg'),
+          dateTime: new Date('2024-01-02'),
+        },
+        {
+          id: '3',
+          name: 'test3.jpg',
+          src: 'data:image/jpeg;base64,test3',
+          file: new File([], 'test3.jpg'),
+          dateTime: new Date('2024-01-03'),
+        },
+      ]
+
+      state.addImages(images)
+      state.autoGroup(2)
+
+      expect(state.groups.length).toBe(2)
+      expect(state.groups[0].images.length).toBe(2)
+      expect(state.groups[1].images.length).toBe(1)
+    })
+  })
+
+  describe('undo/redo', () => {
+    it('should return false when cannot undo', () => {
+      expect(state.undo()).toBe(false)
+    })
+
+    it('should return false when cannot redo', () => {
+      expect(state.redo()).toBe(false)
+    })
+
+    it('should support undo after adding images', () => {
+      const images: ImageItem[] = [
+        {
+          id: '1',
+          name: 'test1.jpg',
+          src: 'data:image/jpeg;base64,test',
+          file: new File([], 'test1.jpg'),
+          dateTime: new Date(),
+        },
+      ]
+
+      state.addImages(images)
+      expect(state.images.length).toBe(1)
+
+      // Should be able to undo
+      expect(state.canUndo()).toBe(true)
+      expect(state.undo()).toBe(true)
+      expect(state.images.length).toBe(0)
+    })
+
+    it('should support redo after undo', () => {
+      const images: ImageItem[] = [
+        {
+          id: '1',
+          name: 'test1.jpg',
+          src: 'data:image/jpeg;base64,test',
+          file: new File([], 'test1.jpg'),
+          dateTime: new Date(),
+        },
+      ]
+
+      state.addImages(images)
+      expect(state.images.length).toBe(1)
+
+      state.undo()
+      expect(state.images.length).toBe(0)
+
+      // Should be able to redo
+      expect(state.canRedo()).toBe(true)
+      expect(state.redo()).toBe(true)
+      expect(state.images.length).toBe(1)
+    })
+  })
+})
+
+describe('eventBus', () => {
+  it('should emit and receive events', () => {
+    const callback = vi.fn()
+    eventBus.on('test:event', callback)
+
+    eventBus.emit('test:event', { data: 'test' })
+
+    expect(callback).toHaveBeenCalledWith({ data: 'test' })
+  })
+
+  it('should support event unsubscription', () => {
+    const callback = vi.fn()
+    const unsubscribe = eventBus.on('test:event', callback)
+
+    unsubscribe()
+    eventBus.emit('test:event', {})
+
+    expect(callback).not.toHaveBeenCalled()
+  })
+
+  it('should support once events', () => {
+    const callback = vi.fn()
+    eventBus.once('once:event', callback)
+
+    eventBus.emit('once:event', {})
+    eventBus.emit('once:event', {})
+
+    expect(callback).toHaveBeenCalledTimes(1)
+  })
+})

From d708d797d0f00643697bbb595b4d4071d6998ffe Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Tue, 10 Feb 2026 17:40:35 +0800
Subject: [PATCH 3/8] =?UTF-8?q?perf(=E5=9B=BE=E7=89=87=E5=A4=84=E7=90=86):?=
 =?UTF-8?q?=20=E4=BD=BF=E7=94=A8ImageBitmap=E4=BC=98=E5=8C=96=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=8B=BC=E6=8E=A5=E6=80=A7=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将HTMLImageElement替换为ImageBitmap以提高图片加载和处理的性能，同时重构了图片尺寸计算和绘制逻辑
---
 src/workers/imageProcessor.ts | 67 ++++++++++++++++++++++-------------
 1 file changed, 42 insertions(+), 25 deletions(-)

diff --git a/src/workers/imageProcessor.ts b/src/workers/imageProcessor.ts
index 6bf4286..fab74bd 100644
--- a/src/workers/imageProcessor.ts
+++ b/src/workers/imageProcessor.ts
@@ -26,13 +26,20 @@ self.onmessage = async (e: MessageEvent<StitchMessage>) => {
   }
 }
 
+interface ScaledImage {
+  bitmap: ImageBitmap
+  originalWidth: number
+  originalHeight: number
+  scaledHeight: number
+}
+
 async function stitchImages(
   imageSources: string[],
   quality: number,
   format: string,
   onProgress: (progress: ProcessingProgress) => void
 ): Promise<StitchResult> {
-  const imageElements: HTMLImageElement[] = []
+  const imageBitmaps: ScaledImage[] = []
   let minWidth = Infinity
   let totalHeight = 0
 
@@ -40,9 +47,14 @@ async function stitchImages(
   onProgress({ current: 0, total: imageSources.length, message: '加载图片中...' })
 
   for (let i = 0; i < imageSources.length; i++) {
-    const img = await loadImage(imageSources[i])
-    imageElements.push(img)
-    minWidth = Math.min(minWidth, img.width)
+    const { bitmap, width, height } = await loadImage(imageSources[i])
+    imageBitmaps.push({
+      bitmap,
+      originalWidth: width,
+      originalHeight: height,
+      scaledHeight: height,
+    })
+    minWidth = Math.min(minWidth, width)
     onProgress({
       current: i + 1,
       total: imageSources.length,
@@ -51,14 +63,13 @@ async function stitchImages(
   }
 
   // Calculate scaled dimensions
-  const scaledImages = imageElements.map((img) => {
-    const scale = minWidth / img.width
-    const newHeight = Math.round(img.height * scale)
-    totalHeight += newHeight
-    return { img, newHeight }
+  imageBitmaps.forEach((img) => {
+    const scale = minWidth / img.originalWidth
+    img.scaledHeight = Math.round(img.originalHeight * scale)
+    totalHeight += img.scaledHeight
   })
 
-  // Create canvas
+  // Create canvas using OffscreenCanvas
   const canvas = new OffscreenCanvas(minWidth, totalHeight)
   const ctx = canvas.getContext('2d')
   if (!ctx) {
@@ -70,18 +81,18 @@ async function stitchImages(
   ctx.fillRect(0, 0, canvas.width, canvas.height)
 
   // Draw images
-  onProgress({ current: 0, total: scaledImages.length, message: '拼接图片中...' })
+  onProgress({ current: 0, total: imageBitmaps.length, message: '拼接图片中...' })
 
   let yOffset = 0
-  for (let i = 0; i < scaledImages.length; i++) {
-    const { img, newHeight } = scaledImages[i]
-    ctx.drawImage(img, 0, yOffset, minWidth, newHeight)
-    yOffset += newHeight
+  for (let i = 0; i < imageBitmaps.length; i++) {
+    const { bitmap, scaledHeight } = imageBitmaps[i]
+    ctx.drawImage(bitmap, 0, yOffset, minWidth, scaledHeight)
+    yOffset += scaledHeight
 
     onProgress({
       current: i + 1,
-      total: scaledImages.length,
-      message: `拼接图片 ${i + 1}/${scaledImages.length}`,
+      total: imageBitmaps.length,
+      message: `拼接图片 ${i + 1}/${imageBitmaps.length}`,
     })
   }
 
@@ -102,14 +113,20 @@ async function stitchImages(
   }
 }
 
-function loadImage(src: string): Promise<HTMLImageElement> {
-  return new Promise((resolve, reject) => {
-    const img = new Image()
-    img.crossOrigin = 'anonymous'
-    img.onload = () => resolve(img)
-    img.onerror = () => reject(new Error(`Failed to load image: ${src}`))
-    img.src = src
-  })
+async function loadImage(src: string): Promise<{ bitmap: ImageBitmap; width: number; height: number }> {
+  const response = await fetch(src)
+  if (!response.ok) {
+    throw new Error(`Failed to fetch image: ${src}`)
+  }
+
+  const blob = await response.blob()
+  const bitmap = await createImageBitmap(blob)
+
+  return {
+    bitmap,
+    width: bitmap.width,
+    height: bitmap.height,
+  }
 }
 
 export {}

From 27011a18c85504796246101a24d51b922052ef1a Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Sun, 30 Aug 2026 23:03:29 +0800
Subject: [PATCH 4/8] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E6=A0=BC=E5=BC=8F=E4=B8=8E=E5=8F=98=E9=87=8F=E5=A3=B0?=
 =?UTF-8?q?=E6=98=8E=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=8A=B6=E6=80=81=E6=81=A2?=
 =?UTF-8?q?=E5=A4=8D=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 统一多行函数参数与类名的换行格式
2. 将processFile中的dateTime改为const声明
3. 修复本地存储恢复时dateTime未转回Date对象的问题
4. 调整导入语句的换行排版
---
 src/components/common/Button.ts              |  3 ++-
 src/components/group-manager/GroupManager.ts | 19 ++++++++-------
 src/components/upload/UploadArea.ts          |  2 +-
 src/core/commands.ts                         | 20 ++++------------
 src/core/state.ts                            | 25 +++++++++++++++++---
 src/main.ts                                  | 13 +++++++---
 src/types/index.ts                           |  2 +-
 src/utils/helpers.ts                         |  5 +---
 src/workers/imageProcessor.ts                |  4 +++-
 9 files changed, 55 insertions(+), 38 deletions(-)

diff --git a/src/components/common/Button.ts b/src/components/common/Button.ts
index e870652..d215677 100644
--- a/src/components/common/Button.ts
+++ b/src/components/common/Button.ts
@@ -97,7 +97,8 @@ export function createButton(props: ButtonProps): HTMLButtonElement {
   // Content
   if (loading) {
     const spinner = document.createElement('span')
-    spinner.className = 'animate-spin inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full'
+    spinner.className =
+      'animate-spin inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full'
     button.appendChild(spinner)
   } else if (icon) {
     const iconSpan = document.createElement('span')
diff --git a/src/components/group-manager/GroupManager.ts b/src/components/group-manager/GroupManager.ts
index ad92796..ecd89a7 100644
--- a/src/components/group-manager/GroupManager.ts
+++ b/src/components/group-manager/GroupManager.ts
@@ -151,12 +151,7 @@ export function createGroupManager(): HTMLDivElement {
 
 function createGroupElement(group: ImageGroup, index: number): HTMLDivElement {
   const container = document.createElement('div')
-  container.className = [
-    'bg-surface-secondary',
-    'rounded-xl',
-    'p-4',
-    'animate-slide-up',
-  ].join(' ')
+  container.className = ['bg-surface-secondary', 'rounded-xl', 'p-4', 'animate-slide-up'].join(' ')
   container.style.animationDelay = `${index * 0.05}s`
 
   // Header
@@ -236,12 +231,20 @@ function createGroupElement(group: ImageGroup, index: number): HTMLDivElement {
   })
 
   imagesContainer.addEventListener('dragleave', () => {
-    imagesContainer.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+    imagesContainer.classList.remove(
+      'border-primary-500',
+      'bg-primary-50',
+      'dark:bg-primary-900/20'
+    )
   })
 
   imagesContainer.addEventListener('drop', (e) => {
     e.preventDefault()
-    imagesContainer.classList.remove('border-primary-500', 'bg-primary-50', 'dark:bg-primary-900/20')
+    imagesContainer.classList.remove(
+      'border-primary-500',
+      'bg-primary-50',
+      'dark:bg-primary-900/20'
+    )
 
     const imageId = e.dataTransfer?.getData('imageId')
     if (imageId) {
diff --git a/src/components/upload/UploadArea.ts b/src/components/upload/UploadArea.ts
index d861210..4d5f1cd 100644
--- a/src/components/upload/UploadArea.ts
+++ b/src/components/upload/UploadArea.ts
@@ -181,7 +181,7 @@ async function processFile(file: File): Promise<ImageItem | null> {
     const thumbnail = await createThumbnail(src, 200)
 
     // Get date from EXIF or file
-    let dateTime = new Date(file.lastModified)
+    const dateTime = new Date(file.lastModified)
 
     return {
       id: generateId(),
diff --git a/src/core/commands.ts b/src/core/commands.ts
index 83d3025..b116f18 100644
--- a/src/core/commands.ts
+++ b/src/core/commands.ts
@@ -54,10 +54,7 @@ export class CommandManager {
   }
 }
 
-export function createAddImagesCommand(
-  state: AppState,
-  images: ImageItem[]
-): Command {
+export function createAddImagesCommand(state: AppState, images: ImageItem[]): Command {
   return {
     type: 'ADD_IMAGES' as CommandType,
     payload: images,
@@ -71,10 +68,7 @@ export function createAddImagesCommand(
   }
 }
 
-export function createRemoveImageCommand(
-  state: AppState,
-  imageId: string
-): Command {
+export function createRemoveImageCommand(state: AppState, imageId: string): Command {
   const index = state.images.findIndex((img) => img.id === imageId)
   const image = state.images[index]
   const groupIndices: number[] = []
@@ -103,10 +97,7 @@ export function createRemoveImageCommand(
   }
 }
 
-export function createCreateGroupCommand(
-  state: AppState,
-  group: ImageGroup
-): Command {
+export function createCreateGroupCommand(state: AppState, group: ImageGroup): Command {
   return {
     type: 'CREATE_GROUP' as CommandType,
     payload: group,
@@ -119,10 +110,7 @@ export function createCreateGroupCommand(
   }
 }
 
-export function createDeleteGroupCommand(
-  state: AppState,
-  groupId: string
-): Command {
+export function createDeleteGroupCommand(state: AppState, groupId: string): Command {
   const index = state.groups.findIndex((g) => g.id === groupId)
   const group = state.groups[index]
 
diff --git a/src/core/state.ts b/src/core/state.ts
index 275503b..8b4a5e0 100644
--- a/src/core/state.ts
+++ b/src/core/state.ts
@@ -1,6 +1,15 @@
 import type { AppState as IAppState, ImageItem, ImageGroup, AppSettings } from '@/types'
 import { DEFAULT_SETTINGS } from '@/utils/constants'
-import { CommandManager, createAddImagesCommand, createRemoveImageCommand, createCreateGroupCommand, createDeleteGroupCommand, createAddToGroupCommand, createRemoveFromGroupCommand, createClearAllCommand } from './commands'
+import {
+  CommandManager,
+  createAddImagesCommand,
+  createRemoveImageCommand,
+  createCreateGroupCommand,
+  createDeleteGroupCommand,
+  createAddToGroupCommand,
+  createRemoveFromGroupCommand,
+  createClearAllCommand,
+} from './commands'
 import { eventBus, Events } from './events'
 import { storage } from './storage'
 
@@ -144,8 +153,18 @@ export class AppState implements IAppState {
     try {
       const savedState = await storage.getState()
       if (savedState) {
-        this.images = savedState.images || []
-        this.groups = savedState.groups || []
+        // Convert dateTime strings back to Date objects
+        this.images = (savedState.images || []).map((img) => ({
+          ...img,
+          dateTime: new Date(img.dateTime),
+        }))
+        this.groups = (savedState.groups || []).map((group) => ({
+          ...group,
+          images: group.images.map((img) => ({
+            ...img,
+            dateTime: new Date(img.dateTime),
+          })),
+        }))
         this.settings = { ...DEFAULT_SETTINGS, ...savedState.settings }
       }
 
diff --git a/src/main.ts b/src/main.ts
index e4f2d17..d4b2ffd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -181,19 +181,26 @@ function setupEventListeners(): void {
           appState.settings.outputQuality,
           appState.settings.outputFormat,
           (progress) => {
-            const overallProgress = ((i + progress.current / progress.total) / appState.groups.length) * 100
+            const overallProgress =
+              ((i + progress.current / progress.total) / appState.groups.length) * 100
             appState.setProgress(overallProgress, progress.message)
           }
         )
 
         // Download
-        downloadBlob(result.blob, `stitched_${group.name}_${Date.now()}.${appState.settings.outputFormat}`)
+        downloadBlob(
+          result.blob,
+          `stitched_${group.name}_${Date.now()}.${appState.settings.outputFormat}`
+        )
       }
 
       showToast({ message: '所有分组处理完成', type: 'success' })
     } catch (error) {
       console.error('Stitching error:', error)
-      showToast({ message: '处理失败: ' + (error instanceof Error ? error.message : '未知错误'), type: 'error' })
+      showToast({
+        message: '处理失败: ' + (error instanceof Error ? error.message : '未知错误'),
+        type: 'error',
+      })
     } finally {
       appState.setProcessing(false)
       appState.setProgress(0, '')
diff --git a/src/types/index.ts b/src/types/index.ts
index 636014b..da14572 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -46,7 +46,7 @@ export interface ProcessingProgress {
   message: string
 }
 
-export type CommandType = 
+export type CommandType =
   | 'ADD_IMAGES'
   | 'REMOVE_IMAGE'
   | 'CREATE_GROUP'
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
index a8136c0..eefdcc4 100644
--- a/src/utils/helpers.ts
+++ b/src/utils/helpers.ts
@@ -56,10 +56,7 @@ export async function readFileAsDataURL(file: File): Promise<string> {
   })
 }
 
-export async function createThumbnail(
-  src: string,
-  maxSize: number = 200
-): Promise<string> {
+export async function createThumbnail(src: string, maxSize: number = 200): Promise<string> {
   return new Promise((resolve, reject) => {
     const img = new Image()
     img.crossOrigin = 'anonymous'
diff --git a/src/workers/imageProcessor.ts b/src/workers/imageProcessor.ts
index fab74bd..3ad0b9c 100644
--- a/src/workers/imageProcessor.ts
+++ b/src/workers/imageProcessor.ts
@@ -113,7 +113,9 @@ async function stitchImages(
   }
 }
 
-async function loadImage(src: string): Promise<{ bitmap: ImageBitmap; width: number; height: number }> {
+async function loadImage(
+  src: string
+): Promise<{ bitmap: ImageBitmap; width: number; height: number }> {
   const response = await fetch(src)
   if (!response.ok) {
     throw new Error(`Failed to fetch image: ${src}`)

From 8849551ce8b14610bd18634b13b5be01ba6a02e7 Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Sun, 30 Aug 2026 23:43:06 +0800
Subject: [PATCH 5/8] =?UTF-8?q?chore:=20=E6=B8=85=E7=90=86=20Vue=20?=
 =?UTF-8?q?=E8=84=9A=E6=89=8B=E6=9E=B6=E6=AE=8B=E7=95=99=E5=B9=B6=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=20TypeScript=20=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除从未被引用的 App.vue / HelloWorld.vue / style.css / vue.svg；删除 extends 缺失 @vue/tsconfig 的 tsconfig.app.json 及孤儿 tsconfig.node.json，运行时已为纯 TypeScript + 原生 DOM。
---
 src/App.vue                   | 30 -------------
 src/assets/vue.svg            |  1 -
 src/components/HelloWorld.vue | 41 ------------------
 src/style.css                 | 79 -----------------------------------
 tsconfig.app.json             | 16 -------
 tsconfig.node.json            | 26 ------------
 6 files changed, 193 deletions(-)
 delete mode 100644 src/App.vue
 delete mode 100644 src/assets/vue.svg
 delete mode 100644 src/components/HelloWorld.vue
 delete mode 100644 src/style.css
 delete mode 100644 tsconfig.app.json
 delete mode 100644 tsconfig.node.json

diff --git a/src/App.vue b/src/App.vue
deleted file mode 100644
index 58b0f21..0000000
--- a/src/App.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
deleted file mode 100644
index 770e9d3..0000000
--- a/src/assets/vue.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index b58e52b..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/src/style.css b/src/style.css
deleted file mode 100644
index f691315..0000000
--- a/src/style.css
+++ /dev/null
@@ -1,79 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
diff --git a/tsconfig.app.json b/tsconfig.app.json
deleted file mode 100644
index 8d16e42..0000000
--- a/tsconfig.app.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"],
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}
diff --git a/tsconfig.node.json b/tsconfig.node.json
deleted file mode 100644
index 8a67f62..0000000
--- a/tsconfig.node.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

From 6c72a1265ac946089a20b976a17e04584b65448e Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Sun, 30 Aug 2026 23:43:18 +0800
Subject: [PATCH 6/8] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E6=8C=81?=
 =?UTF-8?q?=E4=B9=85=E5=8C=96=E4=B8=8E=E6=92=A4=E9=94=80=E9=87=8D=E5=81=9A?=
 =?UTF-8?q?=EF=BC=8C=E6=96=B0=E5=A2=9E=E6=8B=BC=E6=8E=A5=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 图片数据改存 IndexedDB，localStorage 仅存轻量元数据，规避 5MB 配额限制
- 修复撤销重做与分组操作不持久化、UI 不刷新的问题
- 新增拼接结果预览与单条/批量下载，结果面板移至左栏修复版式穿模
- 'action:stitch' 收进 Events 常量
- 补充持久化单元测试并更新 README
---
 README.md                                    |  18 ++-
 src/components/group-manager/GroupManager.ts |   5 +-
 src/components/image-pool/ImagePool.ts       |   7 +-
 src/components/results/ResultsPanel.ts       | 159 +++++++++++++++++++
 src/components/settings/SettingsPanel.ts     |   2 +-
 src/core/commands.ts                         |  27 ++++
 src/core/events.ts                           |   2 +
 src/core/state.ts                            |  76 +++++++--
 src/core/storage.ts                          |   6 +-
 src/main.ts                                  |  28 ++--
 src/types/index.ts                           |  15 ++
 src/utils/helpers.ts                         |   2 +-
 tests/unit/persistence.test.ts               |  98 ++++++++++++
 13 files changed, 408 insertions(+), 37 deletions(-)
 create mode 100644 src/components/results/ResultsPanel.ts
 create mode 100644 tests/unit/persistence.test.ts

diff --git a/README.md b/README.md
index 12c8358..8708078 100644
--- a/README.md
+++ b/README.md
@@ -6,14 +6,17 @@
 
 - 🖼️ **智能分组** - 支持手动拖拽分组和自动按时间分组
 - 🚀 **Web Worker处理** - 图片拼接在后台线程执行，不阻塞UI
+- 🖼️ **结果预览** - 拼接后预览每个分组的长图，支持单条下载与一键下载全部
 - ↩️ **撤销/重做** - 完整的操作历史管理
-- 💾 **本地存储** - 自动保存工作状态
+- 💾 **本地存储** - 图片存入 IndexedDB，状态自动保存，刷新不丢失
 - 🎨 **现代UI** - 响应式设计，支持暗色/亮色主题
 - ⌨️ **快捷键支持** - 支持常用操作的键盘快捷键
 - 📱 **移动端适配** - 完美支持手机和平板设备
 
 ## 🛠️ 技术栈
 
+> 运行时基于原生 DOM + TypeScript（无 Vue/React 等框架依赖），通过状态类与事件总线驱动 UI。
+
 - **构建工具**: Vite
 - **语言**: TypeScript
 - **样式**: Tailwind CSS
@@ -43,7 +46,8 @@ npm run build
 2. **创建分组** - 点击"新建分组"或"自动分组"
 3. **拖拽排序** - 将图片从图片池拖拽到分组中
 4. **设置参数** - 调整输出质量、格式等设置
-5. **开始拼接** - 点击"开始拼接"按钮，等待处理完成
+5. **开始拼接** - 点击"开始拼接"按钮，处理完成后在"拼接结果"区预览每个分组的合成图
+6. **下载结果** - 点击单个"下载"或"下载全部"保存长图
 
 ## ⌨️ 快捷键
 
@@ -66,10 +70,11 @@ MomentWebStitcher/
 │   │   ├── storage.ts     # IndexedDB存储
 │   │   ├── worker.ts      # Web Worker管理
 │   │   └── events.ts      # 事件总线
-│   ├── components/        # UI组件
+│   ├── components/        # UI组件（原生 DOM 工厂函数）
 │   │   ├── upload/        # 上传组件
 │   │   ├── image-pool/    # 图片池
 │   │   ├── group-manager/ # 分组管理
+│   │   ├── results/       # 拼接结果预览
 │   │   └── settings/      # 设置面板
 │   ├── utils/             # 工具函数
 │   ├── styles/            # 样式
@@ -93,6 +98,13 @@ npm run lint
 
 ## 📝 更新日志
 
+### 开发中（基于 v2.0.0）
+
+- 🐛 修复撤销/重做、分组操作（建组/删组/清空/拖图进组）不持久化的问题，刷新后不再丢失
+- 🖼️ 新增拼接结果预览与单条/批量下载（文件名按"分组名_时间戳"命名）
+- 💾 图片数据改存 IndexedDB，localStorage 仅存轻量元数据，规避 5MB 配额限制
+- 🧹 清理 Vue 脚手架残留，运行时为纯 TypeScript + 原生 DOM
+
 ### v2.0.0 (2024)
 
 - ✨ 全新架构重构
diff --git a/src/components/group-manager/GroupManager.ts b/src/components/group-manager/GroupManager.ts
index ecd89a7..4a05618 100644
--- a/src/components/group-manager/GroupManager.ts
+++ b/src/components/group-manager/GroupManager.ts
@@ -141,6 +141,8 @@ export function createGroupManager(): HTMLDivElement {
   eventBus.on(Events.GROUP_UPDATED, updateGroups)
   eventBus.on(Events.IMAGE_ADDED_TO_GROUP, updateGroups)
   eventBus.on(Events.IMAGE_REMOVED_FROM_GROUP, updateGroups)
+  eventBus.on(Events.UNDO, updateGroups)
+  eventBus.on(Events.REDO, updateGroups)
   eventBus.on(Events.STATE_RESET, updateGroups)
 
   // Initial render
@@ -179,8 +181,7 @@ function createGroupElement(group: ImageGroup, index: number): HTMLDivElement {
       variant: 'ghost',
       size: 'sm',
       onClick: () => {
-        group.images = []
-        eventBus.emit(Events.STATE_CHANGED)
+        appState.clearGroupImages(group.id)
         showToast({ message: '分组已清空', type: 'success' })
       },
     })
diff --git a/src/components/image-pool/ImagePool.ts b/src/components/image-pool/ImagePool.ts
index 580420f..32d99b2 100644
--- a/src/components/image-pool/ImagePool.ts
+++ b/src/components/image-pool/ImagePool.ts
@@ -111,8 +111,11 @@ export function createImagePool(): HTMLDivElement {
   eventBus.on(Events.IMAGES_REMOVED, updateGrid)
   eventBus.on(Events.GROUP_CREATED, updateGrid)
   eventBus.on(Events.GROUP_DELETED, updateGrid)
+  eventBus.on(Events.GROUP_UPDATED, updateGrid)
   eventBus.on(Events.IMAGE_ADDED_TO_GROUP, updateGrid)
   eventBus.on(Events.IMAGE_REMOVED_FROM_GROUP, updateGrid)
+  eventBus.on(Events.UNDO, updateGrid)
+  eventBus.on(Events.REDO, updateGrid)
   eventBus.on(Events.STATE_RESET, updateGrid)
 
   // Initial render
@@ -178,7 +181,7 @@ function createImageCard(image: ImageItem, index: number): HTMLDivElement {
 
   overlay.innerHTML = `
     <p class="text-white text-xs font-medium truncate">${image.name}</p>
-    <p class="text-white/70 text-xs">${formatFileSize(image.file.size)}</p>
+    <p class="text-white/70 text-xs">${formatFileSize(image.file?.size ?? 0)}</p>
   `
   card.appendChild(overlay)
 
@@ -224,7 +227,7 @@ function createImageCard(image: ImageItem, index: number): HTMLDivElement {
   })
 
   // Tooltip on hover
-  card.title = `${image.name}\n${formatDate(image.dateTime)}\n${formatFileSize(image.file.size)}`
+  card.title = `${image.name}\n${formatDate(image.dateTime)}\n${formatFileSize(image.file?.size ?? 0)}`
 
   return card
 }
diff --git a/src/components/results/ResultsPanel.ts b/src/components/results/ResultsPanel.ts
new file mode 100644
index 0000000..e399ddd
--- /dev/null
+++ b/src/components/results/ResultsPanel.ts
@@ -0,0 +1,159 @@
+import type { StitchResult } from '@/types'
+import { eventBus, Events } from '@/core/events'
+import { createButton, showToast } from '@/components/common/Button'
+import { downloadBlob } from '@/utils/helpers'
+
+interface StitchResultItem extends StitchResult {
+  groupName: string
+}
+
+export function createResultsPanel(): HTMLDivElement {
+  const container = document.createElement('div')
+  container.className = 'w-full'
+
+  let results: StitchResultItem[] = []
+
+  // Header
+  const header = document.createElement('div')
+  header.className = 'flex flex-wrap items-center justify-between gap-2 mb-4'
+
+  const title = document.createElement('h3')
+  title.className = 'text-lg font-semibold text-text-primary'
+  title.textContent = '拼接结果'
+  header.appendChild(title)
+
+  const count = document.createElement('span')
+  count.className = 'text-sm text-text-secondary'
+  count.textContent = '0 个结果'
+  header.appendChild(count)
+
+  const actions = document.createElement('div')
+  actions.className = 'flex items-center gap-2'
+
+  const downloadAllBtn = createButton({
+    text: '⬇️ 下载全部',
+    variant: 'primary',
+    size: 'sm',
+    disabled: true,
+    onClick: () => downloadAll(),
+  })
+  actions.appendChild(downloadAllBtn)
+
+  actions.appendChild(
+    createButton({
+      text: '清空',
+      variant: 'ghost',
+      size: 'sm',
+      onClick: () => clearResults(),
+    })
+  )
+
+  header.appendChild(actions)
+  container.appendChild(header)
+
+  // Results list
+  const list = document.createElement('div')
+  list.className = 'space-y-3 max-h-96 overflow-y-auto'
+  container.appendChild(list)
+
+  // Empty state
+  const emptyState = document.createElement('div')
+  emptyState.className = [
+    'flex',
+    'flex-col',
+    'items-center',
+    'justify-center',
+    'py-8',
+    'text-text-tertiary',
+    'bg-surface-secondary',
+    'rounded-xl',
+  ].join(' ')
+  emptyState.innerHTML = `
+    <svg class="w-12 h-12 mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
+    </svg>
+    <p class="text-sm">暂无拼接结果</p>
+  `
+  container.appendChild(emptyState)
+
+  // Listen for completed stitching (append, keep prior batches)
+  eventBus.on(Events.STITCH_COMPLETE, (data: unknown) => {
+    results = [...results, ...(data as StitchResultItem[])]
+    render()
+  })
+
+  function render(): void {
+    count.textContent = `${results.length} 个结果`
+    downloadAllBtn.disabled = results.length === 0
+
+    if (results.length === 0) {
+      list.classList.add('hidden')
+      emptyState.classList.remove('hidden')
+      return
+    }
+
+    list.classList.remove('hidden')
+    emptyState.classList.add('hidden')
+    list.innerHTML = ''
+
+    results.forEach((item, index) => {
+      const card = document.createElement('div')
+      card.className = [
+        'flex',
+        'items-center',
+        'gap-3',
+        'p-3',
+        'bg-surface-secondary',
+        'rounded-xl',
+        'animate-slide-up',
+      ].join(' ')
+      card.style.animationDelay = `${index * 0.05}s`
+
+      const preview = document.createElement('img')
+      preview.src = item.url
+      preview.alt = item.groupName
+      preview.className = 'w-16 h-16 rounded-lg object-cover shrink-0 bg-surface-tertiary'
+      card.appendChild(preview)
+
+      const info = document.createElement('div')
+      info.className = 'flex-1 min-w-0'
+      info.innerHTML = `
+        <p class="text-sm font-medium text-text-primary truncate">${item.groupName}</p>
+        <p class="text-xs text-text-secondary">${item.width} × ${item.height}px</p>
+      `
+      card.appendChild(info)
+
+      card.appendChild(
+        createButton({
+          text: '下载',
+          variant: 'secondary',
+          size: 'sm',
+          onClick: () => {
+            downloadBlob(item.blob, item.filename)
+          },
+        })
+      )
+
+      list.appendChild(card)
+    })
+  }
+
+  function downloadAll(): void {
+    if (results.length === 0) return
+    showToast({
+      message: `开始下载 ${results.length} 个文件，若被浏览器拦截请允许「多个文件下载」`,
+      type: 'info',
+    })
+    for (let i = 0; i < results.length; i++) {
+      const item = results[i]
+      setTimeout(() => downloadBlob(item.blob, item.filename), i * 400)
+    }
+  }
+
+  function clearResults(): void {
+    results = []
+    render()
+  }
+
+  return container
+}
diff --git a/src/components/settings/SettingsPanel.ts b/src/components/settings/SettingsPanel.ts
index bea1766..160980d 100644
--- a/src/components/settings/SettingsPanel.ts
+++ b/src/components/settings/SettingsPanel.ts
@@ -72,7 +72,7 @@ export function createSettingsPanel(): HTMLDivElement {
         showToast({ message: '请先创建分组', type: 'warning' })
         return
       }
-      eventBus.emit('action:stitch')
+      eventBus.emit(Events.ACTION_STITCH)
     },
   })
   actionsGrid.appendChild(stitchBtn)
diff --git a/src/core/commands.ts b/src/core/commands.ts
index b116f18..f98fc74 100644
--- a/src/core/commands.ts
+++ b/src/core/commands.ts
@@ -1,5 +1,6 @@
 import type { Command, CommandType, ImageItem, ImageGroup, AppSettings } from '@/types'
 import type { AppState } from './state'
+import { storage } from './storage'
 
 export class CommandManager {
   private history: Command[] = []
@@ -61,9 +62,11 @@ export function createAddImagesCommand(state: AppState, images: ImageItem[]): Co
     undo: () => {
       const ids = new Set(images.map((img) => img.id))
       state.images = state.images.filter((img) => !ids.has(img.id))
+      images.forEach((img) => storage.deleteImage(img.id))
     },
     redo: () => {
       state.images.push(...images)
+      images.forEach((img) => storage.saveImage(img))
     },
   }
 }
@@ -86,6 +89,7 @@ export function createRemoveImageCommand(state: AppState, imageId: string): Comm
     undo: () => {
       if (image) {
         state.images.splice(index, 0, image)
+        storage.saveImage(image)
       }
     },
     redo: () => {
@@ -93,6 +97,7 @@ export function createRemoveImageCommand(state: AppState, imageId: string): Comm
       state.groups.forEach((group) => {
         group.images = group.images.filter((img) => img.id !== imageId)
       })
+      storage.deleteImage(imageId)
     },
   }
 }
@@ -207,6 +212,26 @@ export function createReorderGroupCommand(
   }
 }
 
+export function createClearGroupCommand(state: AppState, groupId: string): Command {
+  const group = state.groups.find((g) => g.id === groupId)
+  const previousImages = group ? [...group.images] : []
+
+  return {
+    type: 'CLEAR_GROUP' as CommandType,
+    payload: groupId,
+    undo: () => {
+      if (group) {
+        group.images = [...previousImages]
+      }
+    },
+    redo: () => {
+      if (group) {
+        group.images = []
+      }
+    },
+  }
+}
+
 export function createClearAllCommand(state: AppState): Command {
   const previousImages = [...state.images]
   const previousGroups = [...state.groups]
@@ -217,10 +242,12 @@ export function createClearAllCommand(state: AppState): Command {
     undo: () => {
       state.images = previousImages
       state.groups = previousGroups
+      previousImages.forEach((img) => storage.saveImage(img))
     },
     redo: () => {
       state.images = []
       state.groups = []
+      previousImages.forEach((img) => storage.deleteImage(img.id))
     },
   }
 }
diff --git a/src/core/events.ts b/src/core/events.ts
index 679211f..a33b4ba 100644
--- a/src/core/events.ts
+++ b/src/core/events.ts
@@ -62,6 +62,8 @@ export const Events = {
   PROCESSING_PROGRESS: 'processing:progress',
   PROCESSING_COMPLETED: 'processing:completed',
   PROCESSING_ERROR: 'processing:error',
+  STITCH_COMPLETE: 'stitch:complete',
+  ACTION_STITCH: 'action:stitch',
 
   // UI events
   THEME_CHANGED: 'ui:theme-changed',
diff --git a/src/core/state.ts b/src/core/state.ts
index 8b4a5e0..49d10ee 100644
--- a/src/core/state.ts
+++ b/src/core/state.ts
@@ -1,4 +1,11 @@
-import type { AppState as IAppState, ImageItem, ImageGroup, AppSettings } from '@/types'
+import type {
+  AppState as IAppState,
+  ImageItem,
+  ImageGroup,
+  ImageItemMeta,
+  GroupMeta,
+  AppSettings,
+} from '@/types'
 import { DEFAULT_SETTINGS } from '@/utils/constants'
 import {
   CommandManager,
@@ -8,6 +15,7 @@ import {
   createDeleteGroupCommand,
   createAddToGroupCommand,
   createRemoveFromGroupCommand,
+  createClearGroupCommand,
   createClearAllCommand,
 } from './commands'
 import { eventBus, Events } from './events'
@@ -33,12 +41,14 @@ export class AppState implements IAppState {
   addImages(images: ImageItem[]): void {
     const command = createAddImagesCommand(this, images)
     this.commandManager.execute(command)
+    this.saveToStorage()
     eventBus.emit(Events.IMAGES_ADDED, images)
   }
 
   removeImage(imageId: string): void {
     const command = createRemoveImageCommand(this, imageId)
     this.commandManager.execute(command)
+    this.saveToStorage()
     eventBus.emit(Events.IMAGES_REMOVED, imageId)
   }
 
@@ -51,6 +61,7 @@ export class AppState implements IAppState {
     }
     const command = createCreateGroupCommand(this, group)
     this.commandManager.execute(command)
+    this.emitChange()
     eventBus.emit(Events.GROUP_CREATED, group)
     return group
   }
@@ -58,21 +69,32 @@ export class AppState implements IAppState {
   deleteGroup(groupId: string): void {
     const command = createDeleteGroupCommand(this, groupId)
     this.commandManager.execute(command)
+    this.emitChange()
     eventBus.emit(Events.GROUP_DELETED, groupId)
   }
 
   addImageToGroup(groupId: string, image: ImageItem, position?: number): void {
     const command = createAddToGroupCommand(this, groupId, image, position)
     this.commandManager.execute(command)
+    this.emitChange()
     eventBus.emit(Events.IMAGE_ADDED_TO_GROUP, { groupId, image })
   }
 
   removeImageFromGroup(groupId: string, imageId: string): void {
     const command = createRemoveFromGroupCommand(this, groupId, imageId)
     this.commandManager.execute(command)
+    this.emitChange()
     eventBus.emit(Events.IMAGE_REMOVED_FROM_GROUP, { groupId, imageId })
   }
 
+  clearGroupImages(groupId: string): void {
+    const command = createClearGroupCommand(this, groupId)
+    this.commandManager.execute(command)
+    this.emitChange()
+    const group = this.groups.find((g) => g.id === groupId)
+    if (group) eventBus.emit(Events.GROUP_UPDATED, group)
+  }
+
   reorderGroupImages(groupId: string, oldIndex: number, newIndex: number): void {
     const group = this.groups.find((g) => g.id === groupId)
     if (!group) return
@@ -98,6 +120,7 @@ export class AppState implements IAppState {
       })
     }
     this.emitChange()
+    eventBus.emit(Events.GROUP_UPDATED)
   }
 
   // Processing
@@ -153,18 +176,24 @@ export class AppState implements IAppState {
     try {
       const savedState = await storage.getState()
       if (savedState) {
-        // Convert dateTime strings back to Date objects
-        this.images = (savedState.images || []).map((img) => ({
-          ...img,
-          dateTime: new Date(img.dateTime),
-        }))
+        // Rebuild full images from IndexedDB (photo data lives there, not in localStorage)
+        const restoredImages: ImageItem[] = []
+        for (const meta of savedState.images || []) {
+          const img = await storage.getImage(meta.id)
+          if (img) {
+            restoredImages.push({ ...img, dateTime: new Date(img.dateTime) })
+          }
+        }
+        this.images = restoredImages
+
         this.groups = (savedState.groups || []).map((group) => ({
-          ...group,
-          images: group.images.map((img) => ({
-            ...img,
-            dateTime: new Date(img.dateTime),
-          })),
+          id: group.id,
+          name: group.name,
+          images: (group.imageIds || [])
+            .map((id) => this.images.find((img) => img.id === id))
+            .filter((img): img is ImageItem => !!img),
         }))
+
         this.settings = { ...DEFAULT_SETTINGS, ...savedState.settings }
       }
 
@@ -172,6 +201,11 @@ export class AppState implements IAppState {
       if (savedSettings) {
         this.settings = { ...this.settings, ...savedSettings }
       }
+
+      if (savedState) {
+        eventBus.emit(Events.IMAGES_ADDED)
+        eventBus.emit(Events.GROUP_UPDATED)
+      }
     } catch (error) {
       console.error('Failed to load from storage:', error)
     }
@@ -179,11 +213,20 @@ export class AppState implements IAppState {
 
   async saveToStorage(): Promise<void> {
     try {
-      await storage.saveState({
-        images: this.images,
-        groups: this.groups,
-        settings: this.settings,
-      })
+      const images: ImageItemMeta[] = this.images.map((img) => ({
+        id: img.id,
+        name: img.name,
+        dateTime: img.dateTime.toISOString(),
+        ...(img.width != null ? { width: img.width } : {}),
+        ...(img.height != null ? { height: img.height } : {}),
+      }))
+      const groups: GroupMeta[] = this.groups.map((g) => ({
+        id: g.id,
+        name: g.name,
+        imageIds: g.images.map((img) => img.id),
+      }))
+
+      await storage.saveState({ images, groups, settings: this.settings })
     } catch (error) {
       console.error('Failed to save to storage:', error)
     }
@@ -206,6 +249,7 @@ export class AppState implements IAppState {
   clearAll(): void {
     const command = createClearAllCommand(this)
     this.commandManager.execute(command)
+    this.saveToStorage()
     eventBus.emit(Events.STATE_RESET)
   }
 
diff --git a/src/core/storage.ts b/src/core/storage.ts
index 977d706..3e737fa 100644
--- a/src/core/storage.ts
+++ b/src/core/storage.ts
@@ -1,9 +1,9 @@
-import type { ImageItem, ImageGroup, AppSettings } from '@/types'
+import type { ImageItem, ImageItemMeta, GroupMeta, AppSettings } from '@/types'
 import { DB_CONFIG, STORAGE_KEYS } from '@/utils/constants'
 
 interface StoredState {
-  images: ImageItem[]
-  groups: ImageGroup[]
+  images: ImageItemMeta[]
+  groups: GroupMeta[]
   settings: AppSettings
 }
 
diff --git a/src/main.ts b/src/main.ts
index d4b2ffd..466e515 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,8 +5,9 @@ import { createUploadArea } from '@/components/upload/UploadArea'
 import { createImagePool } from '@/components/image-pool/ImagePool'
 import { createGroupManager } from '@/components/group-manager/GroupManager'
 import { createSettingsPanel } from '@/components/settings/SettingsPanel'
+import { createResultsPanel } from '@/components/results/ResultsPanel'
 import { createProgress, showToast } from '@/components/common/Button'
-import { downloadBlob } from '@/utils/helpers'
+import type { StitchResult } from '@/types'
 import '@/styles/variables.css'
 import '@/styles/animations.css'
 
@@ -85,6 +86,12 @@ function initApp(): void {
   groupSection.appendChild(createGroupManager())
   leftColumn.appendChild(groupSection)
 
+  // Results panel (in left column so the sticky settings sidebar never overlaps it)
+  const resultsSection = document.createElement('section')
+  resultsSection.className = 'bg-surface rounded-2xl p-6 shadow-sm border border-border'
+  resultsSection.appendChild(createResultsPanel())
+  leftColumn.appendChild(resultsSection)
+
   grid.appendChild(leftColumn)
 
   // Right column - Settings
@@ -157,7 +164,7 @@ function setupEventListeners(): void {
   })
 
   // Stitch action
-  eventBus.on('action:stitch', async () => {
+  eventBus.on(Events.ACTION_STITCH, async () => {
     if (appState.groups.length === 0) {
       showToast({ message: '请先创建分组', type: 'warning' })
       return
@@ -165,6 +172,8 @@ function setupEventListeners(): void {
 
     appState.setProcessing(true)
 
+    const results: Array<StitchResult & { groupName: string }> = []
+
     try {
       for (let i = 0; i < appState.groups.length; i++) {
         const group = appState.groups[i]
@@ -187,14 +196,15 @@ function setupEventListeners(): void {
           }
         )
 
-        // Download
-        downloadBlob(
-          result.blob,
-          `stitched_${group.name}_${Date.now()}.${appState.settings.outputFormat}`
-        )
+        results.push({
+          ...result,
+          groupName: group.name,
+          filename: `${group.name}_${Date.now()}.${appState.settings.outputFormat}`,
+        })
       }
 
-      showToast({ message: '所有分组处理完成', type: 'success' })
+      eventBus.emit(Events.STITCH_COMPLETE, results)
+      showToast({ message: `处理完成，共 ${results.length} 个结果`, type: 'success' })
     } catch (error) {
       console.error('Stitching error:', error)
       showToast({
@@ -229,7 +239,7 @@ function setupKeyboardShortcuts(): void {
     // Ctrl/Cmd + Enter - Stitch
     if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
       e.preventDefault()
-      eventBus.emit('action:stitch')
+      eventBus.emit(Events.ACTION_STITCH)
     }
 
     // Ctrl/Cmd + O - Add images
diff --git a/src/types/index.ts b/src/types/index.ts
index da14572..183a9f4 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -9,6 +9,20 @@ export interface ImageItem {
   thumbnail?: string
 }
 
+export interface ImageItemMeta {
+  id: string
+  name: string
+  dateTime: string
+  width?: number
+  height?: number
+}
+
+export interface GroupMeta {
+  id: string
+  name: string
+  imageIds: string[]
+}
+
 export interface ImageGroup {
   id: string
   name: string
@@ -54,6 +68,7 @@ export type CommandType =
   | 'ADD_TO_GROUP'
   | 'REMOVE_FROM_GROUP'
   | 'REORDER_GROUP'
+  | 'CLEAR_GROUP'
   | 'CLEAR_ALL'
   | 'UPDATE_SETTINGS'
 
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
index eefdcc4..c8f5eef 100644
--- a/src/utils/helpers.ts
+++ b/src/utils/helpers.ts
@@ -5,7 +5,7 @@ export function generateId(): string {
 }
 
 export function formatFileSize(bytes: number): string {
-  if (bytes === 0) return '0 B'
+  if (!Number.isFinite(bytes) || bytes <= 0) return '0 B'
   const k = 1024
   const sizes = ['B', 'KB', 'MB', 'GB']
   const i = Math.floor(Math.log(bytes) / Math.log(k))
diff --git a/tests/unit/persistence.test.ts b/tests/unit/persistence.test.ts
new file mode 100644
index 0000000..c0820a6
--- /dev/null
+++ b/tests/unit/persistence.test.ts
@@ -0,0 +1,98 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { AppState } from '@/core/state'
+import * as storage from '@/core/storage'
+import type { ImageItem } from '@/types'
+
+const { store, mocks } = vi.hoisted(() => {
+  const store = new Map<string, unknown>()
+  const mocks = {
+    saveImage: vi.fn<(img: ImageItem) => Promise<void>>((img) => {
+      store.set(img.id, img)
+      return Promise.resolve()
+    }),
+    getImage: vi.fn<(id: string) => Promise<ImageItem | null>>(async (id) => {
+      return (store.get(id) as ImageItem) ?? null
+    }),
+    deleteImage: vi.fn<(id: string) => Promise<void>>((id) => {
+      store.delete(id)
+      return Promise.resolve()
+    }),
+    clearAll: vi.fn<() => Promise<void>>(() => Promise.resolve()),
+    saveState: vi.fn<(state: unknown) => Promise<void>>(() => Promise.resolve()),
+    getState: vi.fn<() => Promise<unknown>>(async () => null),
+    getSettings: vi.fn<() => Promise<unknown>>(async () => null),
+    saveSettings: vi.fn<(settings: unknown) => Promise<void>>(() => Promise.resolve()),
+    getThumbnail: vi.fn<(id: string) => Promise<string | null>>(async () => null),
+    saveThumbnail: vi.fn<(id: string, thumb: string) => Promise<void>>(() => Promise.resolve()),
+    getStorageUsage: vi.fn<() => Promise<{ used: number; total: number }>>(async () => ({
+      used: 0,
+      total: 0,
+    })),
+  }
+  return { store, mocks }
+})
+
+vi.mock('@/core/storage', () => ({ storage: mocks }))
+
+function makeImage(id: string): ImageItem {
+  return {
+    id,
+    name: `${id}.png`,
+    src: `data:image/png;base64,payload-${id}`,
+    file: new File([], `${id}.png`),
+    dateTime: new Date('2024-01-01T00:00:00'),
+  }
+}
+
+describe('persistence', () => {
+  beforeEach(() => {
+    store.clear()
+    vi.clearAllMocks()
+    mocks.getState.mockResolvedValue(null)
+    mocks.getSettings.mockResolvedValue(null)
+  })
+
+  it('persists only lightweight metadata to localStorage, not image blobs', () => {
+    const state = new AppState()
+    const img = makeImage('1')
+    state.addImages([img])
+
+    // Image data goes to IndexedDB
+    expect(mocks.saveImage).toHaveBeenCalledWith(img)
+
+    // localStorage only holds metadata, never src/blob
+    const savedState = mocks.saveState.mock.calls[0][0] as {
+      images: Array<Record<string, unknown>>
+    }
+    expect(savedState.images).toHaveLength(1)
+    expect(savedState.images[0]).toHaveProperty('id', '1')
+    expect(savedState.images[0]).not.toHaveProperty('src')
+    expect(savedState.images[0]).not.toHaveProperty('file')
+    expect(savedState.images[0]).not.toHaveProperty('thumbnail')
+  })
+
+  it('reconstructs full images and groups from IndexedDB on load', async () => {
+    const img = makeImage('1')
+    // Seed IndexedDB store, simulate saved lightweight state
+    await storage.storage.saveImage(img)
+    mocks.getState.mockResolvedValue({
+      images: [{ id: '1', name: '1.png', dateTime: img.dateTime.toISOString() }],
+      groups: [{ id: 'g1', name: '分组 1', imageIds: ['1'] }],
+      settings: {
+        groupSize: 9,
+        outputQuality: 95,
+        outputFormat: 'jpeg',
+        theme: 'system',
+        autoSave: true,
+      },
+    })
+
+    const state = new AppState()
+
+    await vi.waitFor(() => expect(state.images).toHaveLength(1))
+    expect(state.images[0].src).toBe(img.src)
+    expect(state.images[0].file.size).toBe(img.file.size)
+    expect(state.groups).toHaveLength(1)
+    expect(state.groups[0].images[0].id).toBe('1')
+  })
+})

From 56a53aa7cbad934bcf3724fd7d33946fb3d867a3 Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Sun, 30 Aug 2026 23:55:51 +0800
Subject: [PATCH 7/8] =?UTF-8?q?feat(deploy):=20=E6=96=B0=E5=A2=9E=20GitHub?=
 =?UTF-8?q?=20Pages=20=E9=83=A8=E7=BD=B2=E4=B8=8E=E6=96=B0=E6=97=A7?=
 =?UTF-8?q?=E7=89=88=E5=88=87=E6=8D=A2=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- vite.config 设 base './'，index.html 图标改相对路径，兼容 Pages 子路径
- 新增 GitHub Pages 部署 workflow（推送 rewrite 分支触发）
- 新增 public/legacy 旧版静态站（取自 main），新版页头加入口、旧版页加返回按钮
---
 .github/workflows/deploy.yml |   53 ++
 index.html                   |    2 +-
 public/legacy/index.html     |   85 +++
 public/legacy/script.js      | 1190 ++++++++++++++++++++++++++++++++++
 public/legacy/style.css      |  477 ++++++++++++++
 src/main.ts                  |    1 +
 vite.config.ts               |    1 +
 7 files changed, 1808 insertions(+), 1 deletion(-)
 create mode 100644 .github/workflows/deploy.yml
 create mode 100644 public/legacy/index.html
 create mode 100644 public/legacy/script.js
 create mode 100644 public/legacy/style.css

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..b65fd48
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,53 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [rewrite]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
index dd6b66b..935c656 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="./vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="MomentStitcher - 专为朋友圈设计的智能长图拼接工具" />
     <meta name="theme-color" content="#6366f1" />
diff --git a/public/legacy/index.html b/public/legacy/index.html
new file mode 100644
index 0000000..8d84070
--- /dev/null
+++ b/public/legacy/index.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' file: https://cdnjs.cloudflare.com; style-src 'self' file: 'unsafe-inline'; img-src 'self' file: blob: data:; connect-src 'self' file: blob:; base-uri 'none'; form-action 'none'">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>MomentStitcher 旧版 - 朋友圈长图拼接工具</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js"
+            integrity="sha384-lY3kvVQ+V0PVBIZXIDRHqS5puww73PS/mczZnLbmzkb4ji2AvKdckl8lSzhur8aj"
+            crossorigin="anonymous" defer></script>
+</head>
+<body>
+    <div class="app">
+        <header class="app-header">
+            <h1>拼图 <span class="brand-mark">✿</span></h1>
+            <p class="tagline">把生活拼成一张长图</p>
+            <a class="version-switch" href="../index.html">返回新版 →</a>
+        </header>
+
+        <main class="workspace">
+            <section class="panel panel-pool" aria-label="图片池">
+                <div class="upload-card" id="uploadArea">
+                    <span class="i" data-icon="plus"></span>
+                    <p class="upload-hint">拖入照片，或点击添加</p>
+                    <input type="file" id="fileInput" multiple accept="image/*" hidden>
+                    <button type="button" class="btn btn-soft">选择图片</button>
+                </div>
+                <div class="pool-tiles" id="poolImages"></div>
+            </section>
+
+            <section class="panel panel-work" aria-label="分组与导出">
+                <div class="params-row" id="paramsPanel">
+                    <label class="field" for="groupSize">每组
+                        <input type="number" id="groupSize" value="9" min="1" max="100">
+                    </label>
+                    <button id="autoGroupBtn" type="button" class="btn btn-soft">自动分组</button>
+                    <label class="field field-quality" for="qualitySlider">质量
+                        <input type="range" id="qualitySlider" min="70" max="100" value="95">
+                        <span id="qualityValue">95%</span>
+                    </label>
+                </div>
+                <div class="groups" id="groupsContainer"></div>
+            </section>
+        </main>
+
+        <nav class="bottom-bar" aria-label="操作栏">
+            <button id="paramsToggle" type="button" class="icon-btn" data-icon="sliders" aria-label="参数" aria-expanded="false"></button>
+            <div class="progress-wrap">
+                <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+                <p id="progressText" aria-live="polite">准备就绪</p>
+            </div>
+            <button id="clearAllBtn" type="button" class="btn btn-ghost">清空所有</button>
+            <button id="stitchBtn" type="button" class="btn btn-primary" disabled>开始拼图</button>
+        </nav>
+    </div>
+
+    <!-- 全屏预览浮层 -->
+    <div class="preview-overlay" id="previewOverlay" hidden>
+        <div class="preview-shell" role="dialog" aria-label="长图预览">
+            <header class="preview-head">
+                <button type="button" class="icon-btn flip" id="previewPrev" data-icon="chevron" aria-label="上一组"></button>
+                <span class="preview-meta"><span id="previewTitle">第 1 组</span><span class="preview-dims" id="previewDims"></span></span>
+                <button type="button" class="icon-btn" id="previewNext" data-icon="chevron" aria-label="下一组"></button>
+                <button type="button" class="icon-btn" id="previewClose" data-icon="x" aria-label="关闭"></button>
+            </header>
+            <div class="preview-scroll"><canvas id="previewCanvas"></canvas></div>
+        </div>
+    </div>
+
+    <!-- 结果卡片 -->
+    <div class="result-overlay" id="resultOverlay" hidden>
+        <div class="result-card" role="dialog" aria-label="拼接结果">
+            <h3>拼好啦 <span class="brand-mark">✿</span></h3>
+            <div class="result-list" id="resultList"></div>
+            <div class="result-actions">
+                <button type="button" class="btn btn-ghost" id="resultCloseBtn">完成</button>
+                <button type="button" class="btn btn-primary" id="saveAllBtn">全部保存</button>
+            </div>
+        </div>
+    </div>
+
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/public/legacy/script.js b/public/legacy/script.js
new file mode 100644
index 0000000..3a1bb63
--- /dev/null
+++ b/public/legacy/script.js
@@ -0,0 +1,1190 @@
+// 全局变量
+let uploadedImages = [];
+let imageGroups = [];
+let draggedElement = null;
+let dragSourceContainer = null;
+let isStitching = false;
+
+// 输出限制：宽度 1080px 对朋友圈足够（微信会二次压缩），
+// 总面积上限规避移动端 Safari 大 canvas 输出空白的问题
+const MAX_OUTPUT_WIDTH = 1080;
+const MAX_CANVAS_AREA = 16777216;
+
+// 内联 SVG 图标（CSP 合规，无外链）
+const ICONS = {
+    plus: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>',
+    x: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',
+    grip: '<svg viewBox="0 0 24 24" fill="currentColor"><circle cx="9" cy="6" r="1.4"/><circle cx="15" cy="6" r="1.4"/><circle cx="9" cy="12" r="1.4"/><circle cx="15" cy="12" r="1.4"/><circle cx="9" cy="18" r="1.4"/><circle cx="15" cy="18" r="1.4"/></svg>',
+    sliders: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1"/><circle cx="15" cy="7" r="2"/><circle cx="9" cy="12" r="2"/><circle cx="17" cy="17" r="2"/></svg>',
+    chevron: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6-6 6"/></svg>',
+    expand: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M9 3H3v6M15 3h6v6M3 15v6h6M21 15v6h-6"/></svg>',
+    download: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v11M7 9l5 5 5-5M4 21h16"/></svg>',
+};
+
+// 把 .i[data-icon] / .icon-btn[data-icon] 占位替换成 SVG
+function setupIcons(root = document) {
+    root.querySelectorAll('.i[data-icon], .icon-btn[data-icon]').forEach(el => {
+        el.innerHTML = ICONS[el.dataset.icon] || '';
+    });
+}
+
+// 解析EXIF日期格式
+function parseExifDate(exifDate) {
+    if (!exifDate) return new Date();
+    
+    // EXIF格式: "2023:12:25 14:30:25"
+    const parts = exifDate.split(' ');
+    if (parts.length !== 2) return new Date();
+    
+    const dateParts = parts[0].split(':');
+    const timeParts = parts[1].split(':');
+    
+    if (dateParts.length !== 3 || timeParts.length !== 3) return new Date();
+    
+    const year = parseInt(dateParts[0]);
+    const month = parseInt(dateParts[1]) - 1; // JavaScript月份从0开始
+    const day = parseInt(dateParts[2]);
+    const hour = parseInt(timeParts[0]);
+    const minute = parseInt(timeParts[1]);
+    const second = parseInt(timeParts[2]);
+    
+    return new Date(year, month, day, hour, minute, second);
+}
+
+// 文件修改时间兜底（file.lastModifiedDate 已废弃）
+function getFileDate(file) {
+    return new Date(file.lastModified);
+}
+
+// 初始化
+document.addEventListener('DOMContentLoaded', function() {
+    initializeApp();
+});
+
+function initializeApp() {
+    setupIcons();
+    setupDragAndDrop();
+    setupFileInput();
+    setupQualitySlider();
+    setupDragAndDropGroups();
+    setupButtons();
+    setupBottomBar();
+    setupPreviewOverlay();
+    setupResultCard();
+}
+
+// 底部抽屉（移动端参数面板开合）
+function setupBottomBar() {
+    const paramsPanel = document.getElementById('paramsPanel');
+    const paramsToggle = document.getElementById('paramsToggle');
+    paramsToggle.addEventListener('click', function() {
+        const open = paramsPanel.classList.toggle('open');
+        paramsToggle.setAttribute('aria-expanded', String(open));
+    });
+}
+
+// ===== 全屏预览浮层 =====
+const PREVIEW_RENDER_WIDTH = 480;
+let previewCurrent = 0;
+
+async function openPreview(groupIndex) {
+    if (!imageGroups.length) return;
+    previewCurrent = Math.min(Math.max(groupIndex, 0), imageGroups.length - 1);
+    document.getElementById('previewOverlay').hidden = false;
+    await renderFullPreview();
+}
+
+async function renderFullPreview() {
+    const canvas = document.getElementById('previewCanvas');
+    const group = imageGroups[previewCurrent] || [];
+    document.getElementById('previewTitle').textContent = `第 ${previewCurrent + 1} 组 · ${group.length} 张`;
+    document.getElementById('previewDims').textContent = '';
+    const gen = (previewGen.get('full') || 0) + 1;
+    previewGen.set('full', gen);
+    try {
+        const imgs = await Promise.all(group.map(getDecodedImage));
+        if (previewGen.get('full') !== gen) return;
+        if (imgs.length < 2) {
+            canvas.width = canvas.height = 0;
+            document.getElementById('previewDims').textContent = '再选 1 张即可拼接';
+            return;
+        }
+        let minWidth = Infinity;
+        imgs.forEach(img => { minWidth = Math.min(minWidth, img.naturalWidth); });
+        const outputWidth = Math.min(minWidth, MAX_OUTPUT_WIDTH);
+        const { rows, totalHeight } = computeStitchLayout(
+            imgs.map(img => ({ img, originalWidth: img.naturalWidth, originalHeight: img.naturalHeight })),
+            outputWidth);
+        const scale = PREVIEW_RENDER_WIDTH / outputWidth;
+        canvas.width = PREVIEW_RENDER_WIDTH;
+        canvas.height = Math.round(totalHeight * scale);
+        const ctx = canvas.getContext('2d');
+        ctx.fillStyle = '#fff';
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        let y = 0;
+        rows.forEach(({ img, drawHeight }) => {
+            ctx.drawImage(img, 0, y, PREVIEW_RENDER_WIDTH, drawHeight * scale);
+            y += drawHeight * scale;
+        });
+        document.getElementById('previewDims').textContent = `输出 ${outputWidth} × ${totalHeight} px`;
+        canvas.dataset.renders = String((parseInt(canvas.dataset.renders) || 0) + 1);
+    } catch (e) { /* 同迷你预览，静默跳过 */ }
+}
+
+function setupPreviewOverlay() {
+    document.getElementById('previewClose').addEventListener('click', () => {
+        document.getElementById('previewOverlay').hidden = true;
+    });
+    document.getElementById('previewOverlay').addEventListener('click', function(e) {
+        if (e.target === this) this.hidden = true; // 点背景关闭
+    });
+    document.getElementById('previewPrev').addEventListener('click', () => {
+        if (previewCurrent > 0) { previewCurrent--; renderFullPreview(); }
+    });
+    document.getElementById('previewNext').addEventListener('click', () => {
+        if (previewCurrent < imageGroups.length - 1) { previewCurrent++; renderFullPreview(); }
+    });
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape' && !document.getElementById('previewOverlay').hidden) {
+            document.getElementById('previewOverlay').hidden = true;
+        }
+    });
+}
+
+// 拖拽上传设置
+function setupDragAndDrop() {
+    const uploadArea = document.getElementById('uploadArea');
+    const fileInput = document.getElementById('fileInput');
+    
+    // 点击上传区任意位置打开文件选择（内部按钮点击会冒泡到这里，不会重复触发）
+    uploadArea.addEventListener('click', function() {
+        fileInput.click();
+    });
+    
+    uploadArea.addEventListener('dragover', function(e) {
+        e.preventDefault();
+        uploadArea.classList.add('dragover');
+    });
+    
+    uploadArea.addEventListener('dragleave', function() {
+        uploadArea.classList.remove('dragover');
+    });
+    
+    uploadArea.addEventListener('drop', function(e) {
+        e.preventDefault();
+        uploadArea.classList.remove('dragover');
+        const files = Array.from(e.dataTransfer.files).filter(file => file.type.startsWith('image/'));
+        handleImageUpload(files);
+    });
+}
+
+// 文件输入设置
+function setupFileInput() {
+    const fileInput = document.getElementById('fileInput');
+    fileInput.addEventListener('change', function(e) {
+        const files = Array.from(e.target.files);
+        handleImageUpload(files);
+    });
+}
+
+// 质量滑块设置
+function setupQualitySlider() {
+    const slider = document.getElementById('qualitySlider');
+    const valueDisplay = document.getElementById('qualityValue');
+    
+    slider.addEventListener('input', function() {
+        valueDisplay.textContent = this.value + '%';
+    });
+}
+
+// 按钮绑定 + 全局点击委托（移除内联 onclick，配合 CSP）
+function setupButtons() {
+    document.getElementById('autoGroupBtn').addEventListener('click', autoGroup);
+    document.getElementById('stitchBtn').addEventListener('click', startStitching);
+    document.getElementById('clearAllBtn').addEventListener('click', clearAll);
+    
+    document.addEventListener('click', function(e) {
+        const removeBtn = e.target.closest('.remove-btn');
+        if (removeBtn) {
+            const tile = removeBtn.closest('.pool-image, .group-image');
+            if (!tile) return;
+            if (tile.classList.contains('pool-image')) {
+                removeImage(tile.dataset.imageId);
+            } else {
+                removeImageFromGroups(tile.dataset.imageId);
+                updateGroups();
+                updateImagePool();
+            }
+            return;
+        }
+        
+        const clearBtn = e.target.closest('.clear-group-btn');
+        if (clearBtn) {
+            clearGroup(parseInt(clearBtn.dataset.groupIndex));
+            return;
+        }
+        
+        const collapseBtn = e.target.closest('.collapse-toggle');
+        if (collapseBtn) {
+            collapseBtn.closest('.group-box').classList.toggle('collapsed');
+            return;
+        }
+        
+        const expandBtn = e.target.closest('.expand-preview');
+        if (expandBtn) {
+            openPreview(parseInt(expandBtn.dataset.groupIndex));
+            return;
+        }
+    });
+}
+
+// 处理图片上传（优化版）
+function handleImageUpload(files) {
+    const validFiles = Array.from(files).filter(file => file.type.startsWith('image/'));
+    if (validFiles.length === 0) return;
+    
+    // 限制并发处理数量
+    const batchSize = 5;
+    const batches = [];
+    for (let i = 0; i < validFiles.length; i += batchSize) {
+        batches.push(validFiles.slice(i, i + batchSize));
+    }
+    
+    let processedCount = 0;
+    const totalImages = validFiles.length;
+    const failedNames = [];
+    
+    const processBatch = async (batch) => {
+        const loadPromises = batch.map(file => {
+            return new Promise((resolve) => {
+                // 直接使用对象 URL，避免 base64 字符串常驻内存
+                const image = {
+                    id: Date.now() + Math.random(),
+                    name: file.name,
+                    src: URL.createObjectURL(file),
+                    file: file,
+                    dateTime: null
+                };
+                
+                const img = new Image();
+                img.onload = function() {
+                    try {
+                        EXIF.getData(img, function() {
+                            const dateTimeOriginal = EXIF.getTag(this, 'DateTimeOriginal');
+                            const dateTime = EXIF.getTag(this, 'DateTime');
+                            const rawDateTime = dateTimeOriginal || dateTime;
+                            
+                            // 解析成功才视为拍摄时间；否则按文件时间兜底并排到有拍摄时间的图片之后
+                            const dateTaken = rawDateTime ? parseExifDate(rawDateTime) : null;
+                            if (dateTaken && !isNaN(dateTaken)) {
+                                image.dateTime = dateTaken;
+                                image.exifTime = true;
+                            } else {
+                                image.dateTime = getFileDate(file);
+                                image.exifTime = false;
+                            }
+                            resolve(image);
+                        });
+                    } catch (error) {
+                        image.dateTime = getFileDate(file);
+                        image.exifTime = false;
+                        resolve(image);
+                    }
+                };
+                // 浏览器解不了的格式（如 HEIC）剔除，最后统一提示
+                img.onerror = function() {
+                    URL.revokeObjectURL(image.src);
+                    resolve({ failedName: file.name });
+                };
+                img.src = image.src;
+            });
+        });
+        
+        const results = await Promise.all(loadPromises);
+        processedCount += results.length;
+        
+        results.forEach(r => {
+            if (r && r.failedName) {
+                failedNames.push(r.failedName);
+            } else {
+                uploadedImages.push(r);
+            }
+        });
+        
+        // 使用防抖更新UI
+        debouncedUpdateImagePool();
+        
+        // 更新进度
+        const progress = Math.round((processedCount / totalImages) * 100);
+        document.getElementById('progressText').textContent = `处理中... ${progress}%`;
+    };
+    
+    // 分批处理
+    batches.reduce((promise, batch) => {
+        return promise.then(() => processBatch(batch));
+    }, Promise.resolve()).then(() => {
+        // 全部完成后统一排序（分批完成顺序 ≠ 时间顺序）：有拍摄时间的在前按时间升序，其余按文件时间排在其后
+        uploadedImages.sort((a, b) => {
+            const aExif = a.exifTime ? 1 : 0;
+            const bExif = b.exifTime ? 1 : 0;
+            if (aExif !== bExif) return bExif - aExif;
+            return a.dateTime - b.dateTime;
+        });
+        updateImagePool();
+        document.getElementById('progressText').textContent = '准备就绪';
+        
+        if (failedNames.length) {
+            alert('以下 ' + failedNames.length + ' 个文件无法解码，已跳过（可能是浏览器不支持的格式，如 HEIC）：\n' + failedNames.join('\n'));
+        }
+    });
+}
+
+// 防抖的UI更新函数
+const debouncedUpdateImagePool = debounce(updateImagePool, 100);
+const debouncedUpdateGroups = debounce(updateGroups, 100);
+
+// 防抖函数
+function debounce(func, wait) {
+    let timeout;
+    return function executedFunction(...args) {
+        const later = () => {
+            clearTimeout(timeout);
+            func(...args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+    };
+}
+
+// 更新图片池显示（只显示未分组的图片；节点按键复用，避免全量重建导致缩略图重新解码）
+function updateImagePool() {
+    const poolImages = document.getElementById('poolImages');
+    const existing = new Map();
+    poolImages.querySelectorAll('.pool-image').forEach(el => {
+        existing.set(String(el.dataset.imageId), el);
+    });
+    
+    const groupedIds = new Set();
+    imageGroups.forEach(group => group.forEach(img => groupedIds.add(String(img.id))));
+    
+    const fragment = document.createDocumentFragment();
+    uploadedImages.forEach(image => {
+        if (groupedIds.has(String(image.id))) return;
+        
+        const idStr = String(image.id);
+        let el = existing.get(idStr);
+        if (el) {
+            existing.delete(idStr);
+        } else {
+            el = createImageElement(image, 'pool');
+        }
+        fragment.appendChild(el);
+    });
+    
+    // 清掉已分组/已删除图片的节点
+    existing.forEach(el => el.remove());
+    poolImages.innerHTML = '';
+    poolImages.appendChild(fragment);
+    
+    updateStitchButton();
+}
+
+// HTML 转义，防止文件名注入
+function escapeHtml(str) {
+    return String(str)
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+
+// 创建图片元素
+function createImageElement(image, type) {
+    const div = document.createElement('div');
+    div.className = type === 'pool' ? 'pool-image' : 'group-image';
+    div.draggable = true;
+    div.dataset.imageId = image.id;
+    
+    const name = escapeHtml(image.name);
+    const time = image.dateTime ? image.dateTime.toLocaleString() : '未知时间';
+    
+    if (type === 'pool') {
+        div.innerHTML = `
+            <img src="${image.src}" alt="${name}" loading="lazy">
+            <div class="image-info"><span>${name}</span><small>${time}</small></div>
+            <button type="button" class="remove-btn" aria-label="删除图片">${ICONS.x}</button>
+        `;
+    } else {
+        div.innerHTML = `
+            <span class="grip" aria-hidden="true">${ICONS.grip}</span>
+            <img src="${image.src}" alt="${name}" loading="lazy">
+            <div class="meta">
+                <span class="filename">${name}</span>
+                <small>${time}</small>
+            </div>
+            <button type="button" class="remove-btn" aria-label="从分组移除图片">${ICONS.x}</button>
+        `;
+    }
+    
+    return div;
+}
+
+// 设置分组拖拽（事件委托版：文档级 dragstart/dragend/dragover 各一套，容器级处理高亮与放置）
+function setupDragAndDropGroups() {
+    const container = document.getElementById('groupsContainer');
+    const poolImages = document.getElementById('poolImages');
+    
+    // 容器级事件委托：放置高亮与 drop 处理
+    function handleDragEvents(e) {
+        const target = e.target;
+        const relatedTarget = e.relatedTarget;
+        
+        if (e.type === 'dragover') {
+            if (target.classList.contains('group-images') || target.id === 'poolImages') {
+                target.classList.add('drag-over');
+            }
+        } else if (e.type === 'dragleave') {
+            if (target.classList.contains('group-images') || target.id === 'poolImages') {
+                if (!target.contains(relatedTarget)) {
+                    target.classList.remove('drag-over');
+                }
+            }
+        } else if (e.type === 'drop') {
+            e.preventDefault();
+            
+            const dropTarget = target.classList.contains('group-images') ? target : 
+                             target.closest('.group-images') || 
+                             (target.id === 'poolImages' ? target : null);
+            
+            if (!dropTarget) return;
+            
+            dropTarget.classList.remove('drag-over');
+            
+            const imageId = e.dataTransfer.getData('imageId');
+            if (!imageId) return;
+            
+            const image = uploadedImages.find(img => img.id == imageId);
+            if (!image) return;
+            
+            if (dropTarget.id === 'poolImages') {
+                removeImageFromGroups(imageId);
+                updateImagePool();
+                updateGroups();
+            } else if (dragSourceContainer === dropTarget) {
+                // 同组内排序：DOM 顺序已在 dragover 中调整，只需同步数据模型
+                updateGroupOrder(dropTarget);
+            } else {
+                // 按落点插入目标组（而不是追加到末尾）
+                const afterEl = getDragAfterElement(dropTarget, e.clientX, e.clientY);
+                const beforeId = afterEl ? afterEl.dataset.imageId : null;
+                insertImageIntoGroup(image, parseInt(dropTarget.dataset.groupIndex), beforeId);
+                updateGroups();
+                updateImagePool();
+            }
+        }
+    }
+    
+    // 绑定事件委托
+    container.addEventListener('dragover', handleDragEvents);
+    container.addEventListener('dragleave', handleDragEvents);
+    container.addEventListener('drop', handleDragEvents);
+    
+    poolImages.addEventListener('dragover', handleDragEvents);
+    poolImages.addEventListener('dragleave', handleDragEvents);
+    poolImages.addEventListener('drop', handleDragEvents);
+    
+    // 文档级：允许放置 + 组内实时排序（只移动 DOM，数据模型在 drop/dragend 时同步）
+    document.addEventListener('dragover', function(e) {
+        e.preventDefault();
+        
+        const groupImages = e.target.closest('.group-images');
+        if (groupImages && draggedElement) {
+            const afterElement = getDragAfterElement(groupImages, e.clientX, e.clientY);
+            const dragging = document.querySelector('.dragging');
+            
+            if (!dragging) return;
+            
+            if (afterElement == null) {
+                groupImages.appendChild(dragging);
+            } else {
+                groupImages.insertBefore(dragging, afterElement);
+            }
+        }
+    });
+    
+    // 文档级：统一处理图片池与分组内元素的拖拽开始
+    document.addEventListener('dragstart', function(e) {
+        const imgDiv = e.target.closest('.pool-image, .group-image');
+        if (!imgDiv) return;
+        
+        draggedElement = imgDiv;
+        dragSourceContainer = imgDiv.parentElement;
+        imgDiv.classList.add('dragging');
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/html', imgDiv.outerHTML);
+        e.dataTransfer.setData('imageId', imgDiv.dataset.imageId);
+        imgDiv.style.cursor = 'grabbing';
+    });
+    
+    // 文档级：统一收尾；未发生 drop（拖拽取消）时把最终 DOM 顺序同步回数据模型
+    document.addEventListener('dragend', function(e) {
+        const imgDiv = e.target.closest('.pool-image, .group-image');
+        if (!imgDiv) return;
+        
+        imgDiv.classList.remove('dragging');
+        imgDiv.style.cursor = '';
+        
+        const groupImages = imgDiv.closest('.group-images');
+        if (groupImages && imgDiv.isConnected) {
+            updateGroupOrder(groupImages);
+        }
+        
+        document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
+        draggedElement = null;
+        dragSourceContainer = null;
+    });
+    
+    // 触摸手势支持
+    enableTouchSupport();
+}
+
+// 触摸手势支持（优化版：防误触 + 触觉反馈）
+function enableTouchSupport() {
+    let touchItem = null;
+    let touchSourceContainer = null;
+    let longPressTimer = null;
+    let initialTouch = null;
+    let touchThreshold = 10; // 移动阈值，防止误触
+
+    function holdTouchSourceSpace() {
+        touchSourceContainer = touchItem?.parentElement || null;
+        if (touchSourceContainer) {
+            touchSourceContainer.style.minHeight = touchSourceContainer.getBoundingClientRect().height + 'px';
+        }
+    }
+
+    function releaseTouchSourceSpace() {
+        if (touchSourceContainer) touchSourceContainer.style.minHeight = '';
+        touchSourceContainer = null;
+    }
+    
+    // 拖拽跟手样式
+    if (!document.querySelector('#touch-support-styles')) {
+        const style = document.createElement('style');
+        style.id = 'touch-support-styles';
+        style.textContent = `
+            .dragging {
+                transition: none !important;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+    
+    // 阻止长按弹出系统菜单（安卓）；iOS 由 CSS -webkit-touch-callout 处理
+    document.addEventListener('contextmenu', function(e) {
+        if (e.target.closest('.pool-image, .group-image')) {
+            e.preventDefault();
+        }
+    });
+    
+    // 触摸开始（不 preventDefault，保留页面滚动；移动超阈值会取消长按）
+    document.addEventListener('touchstart', function(e) {
+        const touch = e.touches[0];
+        const target = e.target.closest('.pool-image, .group-image');
+        
+        if (target) {
+            touchItem = target;
+            initialTouch = { x: touch.clientX, y: touch.clientY };
+            
+            // 添加触觉反馈
+            if (navigator.vibrate) {
+                navigator.vibrate(50);
+            }
+            
+            // 长按触发拖拽（减少等待时间）
+            longPressTimer = setTimeout(() => {
+                if (touchItem) {
+                    holdTouchSourceSpace();
+                    touchItem.classList.add('dragging');
+                    
+                    // 创建拖拽效果
+                    const rect = touchItem.getBoundingClientRect();
+                    const offsetX = touch.clientX - rect.left;
+                    const offsetY = touch.clientY - rect.top;
+                    
+                    touchItem.dataset.touchOffsetX = offsetX;
+                    touchItem.dataset.touchOffsetY = offsetY;
+                    
+                    // 增强触觉反馈
+                    if (navigator.vibrate) {
+                        navigator.vibrate(200);
+                    }
+                }
+            }, 400);
+        }
+    }, { passive: false });
+    
+    // 触摸移动
+    document.addEventListener('touchmove', function(e) {
+        if (longPressTimer && initialTouch) {
+            const touch = e.touches[0];
+            const deltaX = Math.abs(touch.clientX - initialTouch.x);
+            const deltaY = Math.abs(touch.clientY - initialTouch.y);
+            
+            // 如果移动超过阈值，取消长按
+            if (deltaX > touchThreshold || deltaY > touchThreshold) {
+                clearTimeout(longPressTimer);
+                longPressTimer = null;
+            }
+        }
+        
+        if (touchItem && touchItem.classList.contains('dragging')) {
+            e.preventDefault();
+            
+            const touch = e.touches[0];
+            const offsetX = parseFloat(touchItem.dataset.touchOffsetX) || 0;
+            const offsetY = parseFloat(touchItem.dataset.touchOffsetY) || 0;
+            
+            touchItem.style.position = 'fixed';
+            touchItem.style.zIndex = '1000';
+            touchItem.style.left = (touch.clientX - offsetX) + 'px';
+            touchItem.style.top = (touch.clientY - offsetY) + 'px';
+            touchItem.style.pointerEvents = 'none';
+            touchItem.style.transform = 'rotate(3deg) scale(1.05)';
+            touchItem.style.boxShadow = '0 8px 32px rgba(0,0,0,0.3)';
+            
+            // 检测放置目标
+            const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
+            const groupImages = elementBelow?.closest('.group-images');
+            const poolImages = elementBelow?.closest('#poolImages');
+            
+            document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
+            
+            if (groupImages || poolImages) {
+                (groupImages || poolImages).classList.add('drag-over');
+            }
+        }
+    }, { passive: false });
+    
+    // 触摸结束
+    document.addEventListener('touchend', function(e) {
+        if (longPressTimer) {
+            clearTimeout(longPressTimer);
+            longPressTimer = null;
+        }
+        
+        if (touchItem) {
+            if (touchItem.classList.contains('dragging')) {
+                // 处理拖拽结束
+                const touch = e.changedTouches[0];
+                const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
+                const groupImages = elementBelow?.closest('.group-images');
+                const poolImages = elementBelow?.closest('#poolImages');
+                
+                // 重置样式
+                touchItem.style.position = '';
+                touchItem.style.zIndex = '';
+                touchItem.style.left = '';
+                touchItem.style.top = '';
+                touchItem.style.pointerEvents = '';
+                touchItem.style.transform = '';
+                touchItem.style.boxShadow = '';
+                touchItem.classList.remove('dragging');
+                
+                // 处理放置逻辑（按手指落点插入，组内排序同样生效）
+                if (groupImages) {
+                    const imageId = touchItem.dataset.imageId;
+                    const image = uploadedImages.find(img => img.id == imageId);
+                    if (image) {
+                        const afterEl = getDragAfterElement(groupImages, touch.clientX, touch.clientY);
+                        const beforeId = afterEl ? afterEl.dataset.imageId : null;
+                        insertImageIntoGroup(image, parseInt(groupImages.dataset.groupIndex), beforeId);
+                        updateGroups();
+                        updateImagePool();
+                        
+                        // 成功放置的触觉反馈
+                        if (navigator.vibrate) {
+                            navigator.vibrate([100, 50, 100]);
+                        }
+                    }
+                } else if (poolImages) {
+                    const imageId = touchItem.dataset.imageId;
+                    removeImageFromGroups(imageId);
+                    updateGroups();
+                    updateImagePool();
+                }
+                
+                document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
+            }
+            // 短按点击（删除按钮等）已交还浏览器原生 click 处理
+
+            releaseTouchSourceSpace();
+            touchItem = null;
+            initialTouch = null;
+        }
+    }, { passive: false });
+    
+    // 取消触摸
+    document.addEventListener('touchcancel', function() {
+        if (longPressTimer) {
+            clearTimeout(longPressTimer);
+            longPressTimer = null;
+        }
+        
+        if (touchItem) {
+            touchItem.classList.remove('dragging');
+            touchItem.style.position = '';
+            touchItem.style.zIndex = '';
+            touchItem.style.left = '';
+            touchItem.style.top = '';
+            touchItem.style.pointerEvents = '';
+            touchItem.style.transform = '';
+            touchItem.style.boxShadow = '';
+            touchItem = null;
+        }
+
+        releaseTouchSourceSpace();
+        document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));
+    }, { passive: false });
+}
+
+// 获取拖拽后的插入位置
+function getDragAfterElement(container, x, y) {
+    const draggableElements = [...container.querySelectorAll('.group-image:not(.dragging)')];
+    
+    return draggableElements.reduce((closest, child) => {
+        const box = child.getBoundingClientRect();
+        const offset = y - box.top - box.height / 2;
+        
+        if (offset < 0 && offset > closest.offset) {
+            return { offset: offset, element: child };
+        } else {
+            return closest;
+        }
+    }, { offset: Number.NEGATIVE_INFINITY }).element;
+}
+
+// 更新组内图片顺序
+function updateGroupOrder(groupImages) {
+    const groupIndex = parseInt(groupImages.dataset.groupIndex);
+    if (isNaN(groupIndex) || !imageGroups[groupIndex]) return;
+    
+    const newOrder = [];
+    const imageElements = groupImages.querySelectorAll('.group-image');
+    
+    imageElements.forEach(imgDiv => {
+        const imageId = imgDiv.dataset.imageId;
+        const image = imageGroups[groupIndex].find(img => img.id == imageId);
+        if (image) {
+            newOrder.push(image);
+        }
+    });
+    
+    imageGroups[groupIndex] = newOrder;
+}
+
+// 自动分组
+function autoGroup() {
+    const groupSize = parseInt(document.getElementById('groupSize').value);
+    if (isNaN(groupSize) || groupSize <= 0) {
+        alert('请输入有效的分组大小');
+        return;
+    }
+    
+    imageGroups = [];
+    // 按拍摄时间排序（从早到晚）
+    const images = [...uploadedImages].sort((a, b) => a.dateTime - b.dateTime);
+    
+    for (let i = 0; i < images.length; i += groupSize) {
+        const group = images.slice(i, i + groupSize);
+        imageGroups.push(group);
+    }
+    
+    updateGroups();
+    updateImagePool();
+}
+
+// 更新分组显示（清理空分组；组内图片节点按键复用，避免全量重建）
+function updateGroups() {
+    // 清理空分组，保证 DOM 的 data-group-index 与数据索引一致
+    imageGroups = imageGroups.filter(group => group.length > 0);
+    
+    const container = document.getElementById('groupsContainer');
+    const existing = new Map();
+    container.querySelectorAll('.group-image').forEach(el => {
+        existing.set(String(el.dataset.imageId), el);
+    });
+    
+    const fragment = document.createDocumentFragment();
+    imageGroups.forEach((group, index) => {
+        const groupDiv = document.createElement('div');
+        groupDiv.className = 'group-box';
+        groupDiv.dataset.groupIndex = index;
+        groupDiv.innerHTML = `
+            <div class="group-head">
+                <span class="group-title">第 ${index + 1} 组</span>
+                <span class="badge">${group.length} 张</span>
+                <span class="spacer"></span>
+                <canvas class="mini-preview" height="96" aria-hidden="true"></canvas>
+                <button type="button" class="icon-btn expand-preview" data-group-index="${index}" aria-label="放大预览">${ICONS.expand}</button>
+                <button type="button" class="icon-btn collapse-toggle" aria-label="折叠分组">${ICONS.chevron}</button>
+                <button type="button" class="clear-group-btn icon-btn" data-group-index="${index}" aria-label="清空分组">${ICONS.x}</button>
+            </div>
+            <div class="group-images" data-group-index="${index}"></div>
+        `;
+        
+        const imagesDiv = groupDiv.querySelector('.group-images');
+        group.forEach(image => {
+            const idStr = String(image.id);
+            let el = existing.get(idStr);
+            if (el) {
+                existing.delete(idStr);
+            } else {
+                el = createImageElement(image, 'group');
+            }
+            imagesDiv.appendChild(el);
+        });
+        
+        fragment.appendChild(groupDiv);
+    });
+    
+    // 清掉不再属于任何分组的节点
+    existing.forEach(el => el.remove());
+    container.innerHTML = '';
+    container.appendChild(fragment);
+    
+    updateStitchButton();
+    imageGroups.forEach((_, index) => scheduleMiniPreview(index));
+}
+
+// 把图片插入到指定组内 beforeId 之前（beforeId 为空表示追加到末尾）
+function insertImageIntoGroup(image, groupIndex, beforeId) {
+    // 确保groupIndex是有效的数字
+    groupIndex = parseInt(groupIndex);
+    if (isNaN(groupIndex) || groupIndex < 0) {
+        groupIndex = 0;
+    }
+    
+    // 如果groupIndex超出范围，创建新的分组
+    while (imageGroups.length <= groupIndex) {
+        imageGroups.push([]);
+    }
+    
+    // 先按住目标组的引用再移除：若源组被搬空，后续插入仍落在正确的组上
+    const targetGroup = imageGroups[groupIndex];
+    
+    // 从其他分组或图片池中移除
+    removeImageFromGroups(image.id);
+    
+    let index = beforeId == null
+        ? targetGroup.length
+        : targetGroup.findIndex(img => img.id == beforeId);
+    if (index < 0) index = targetGroup.length;
+    targetGroup.splice(index, 0, image);
+}
+
+// 从所有分组中移除图片（不清理空分组，由 updateGroups 统一清理，避免中途索引左移）
+function removeImageFromGroups(imageId) {
+    imageGroups.forEach(group => {
+        const index = group.findIndex(img => img.id == imageId);
+        if (index > -1) {
+            group.splice(index, 1);
+        }
+    });
+}
+
+// 清空分组
+function clearGroup(index) {
+    imageGroups.splice(index, 1);
+    updateGroups();
+    updateImagePool();
+}
+
+// 从分组中移除图片的操作已并入 setupButtons 的点击委托
+
+// 移除图片
+function removeImage(imageId) {
+    const target = uploadedImages.find(img => img.id == imageId);
+    if (target && target.src.startsWith('blob:')) {
+        URL.revokeObjectURL(target.src);
+    }
+    uploadedImages = uploadedImages.filter(img => img.id != imageId);
+    removeImageFromGroups(imageId);
+    updateImagePool();
+    updateGroups();
+}
+
+// 清空所有
+function clearAll() {
+    uploadedImages.forEach(img => {
+        if (img.src.startsWith('blob:')) URL.revokeObjectURL(img.src);
+    });
+    uploadedImages = [];
+    imageGroups = [];
+    updateImagePool();
+    updateGroups();
+    document.getElementById('progressFill').style.width = '0%';
+    document.getElementById('progressText').textContent = '准备就绪';
+}
+
+// 更新拼接按钮状态
+function updateStitchButton() {
+    // 拼接进行中由 startStitching 的 finally 恢复，避免中途被其他操作重新启用
+    if (isStitching) return;
+    const hasGroups = imageGroups.length > 0 && imageGroups.some(group => group.length > 1);
+    document.getElementById('stitchBtn').disabled = !hasGroups;
+}
+
+// ===== 迷你实时预览 =====
+const MINI_WIDTH = 40;
+const previewDecodeCache = new Map();   // image.id -> HTMLImageElement
+const previewGen = new Map();           // groupIndex -> 渲染代数（丢旧保新）
+const previewTimers = new Map();        // groupIndex -> 防抖 timer
+const previewRenderCount = new Map();   // groupIndex -> 累计渲染次数（DOM 重建也不丢）
+
+function getDecodedImage(imageData) {
+    const key = String(imageData.id);
+    if (previewDecodeCache.has(key)) return Promise.resolve(previewDecodeCache.get(key));
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => { previewDecodeCache.set(key, img); resolve(img); };
+        img.onerror = reject;
+        img.src = imageData.src;
+    });
+}
+
+function scheduleMiniPreview(groupIndex) {
+    clearTimeout(previewTimers.get(groupIndex));
+    previewTimers.set(groupIndex, setTimeout(() => renderMiniPreview(groupIndex), 250));
+}
+
+async function renderMiniPreview(groupIndex) {
+    const box = document.querySelector(`.group-box[data-group-index="${groupIndex}"]`);
+    const canvas = box && box.querySelector('.mini-preview');
+    if (!canvas) return;
+    const group = imageGroups[groupIndex] || [];
+    const gen = (previewGen.get(groupIndex) || 0) + 1;
+    previewGen.set(groupIndex, gen);
+    try {
+        const imgs = await Promise.all(group.map(getDecodedImage));
+        if (previewGen.get(groupIndex) !== gen) return; // 期间又变了，丢旧保新
+        const renderNo = (previewRenderCount.get(groupIndex) || 0) + 1;
+        previewRenderCount.set(groupIndex, renderNo);
+        canvas.dataset.renders = String(renderNo);
+        if (imgs.length < 2) return; // 单图/空组不渲染，张数由 badge 表达
+        let minWidth = Infinity;
+        imgs.forEach(img => { minWidth = Math.min(minWidth, img.naturalWidth); });
+        const outputWidth = Math.min(minWidth, MAX_OUTPUT_WIDTH);
+        const { rows, totalHeight } = computeStitchLayout(
+            imgs.map(img => ({ img, originalWidth: img.naturalWidth, originalHeight: img.naturalHeight })),
+            outputWidth);
+        const dpr = Math.min(window.devicePixelRatio || 1, 2);
+        const w = MINI_WIDTH * dpr;
+        const hMax = 120 * dpr;
+        const scale = w / outputWidth;
+        canvas.width = w;
+        canvas.height = Math.min(Math.round(totalHeight * scale), hMax);
+        const ctx = canvas.getContext('2d');
+        ctx.fillStyle = '#fff';
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        let y = 0;
+        rows.forEach(({ img, drawHeight }) => {
+            if (y >= canvas.height) return;
+            const h = drawHeight * scale;
+            const clipped = Math.min(h, canvas.height - y);
+            ctx.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight * (clipped / h), 0, y, w, clipped);
+            y += clipped;
+        });
+        canvas.title = `输出 ${outputWidth} × ${totalHeight} px`;
+    } catch (e) { /* 解码失败：磁贴本身可见为 broken，预览静默跳过 */ }
+}
+
+// 开始拼接
+async function startStitching() {
+    if (isStitching) return;
+    
+    const quality = parseInt(document.getElementById('qualitySlider').value) / 100;
+    const progressFill = document.getElementById('progressFill');
+    const progressText = document.getElementById('progressText');
+    const stitchBtn = document.getElementById('stitchBtn');
+    const clearAllBtn = document.getElementById('clearAllBtn');
+    
+    isStitching = true;
+    stitchBtn.disabled = true;
+    clearAllBtn.disabled = true;
+    progressText.textContent = '开始处理...';
+    
+    try {
+        let skippedGroups = 0;
+        // 快照分组列表，处理期间界面操作不会打乱循环
+        const groups = imageGroups.slice();
+        const results = [];
+        
+        for (let i = 0; i < groups.length; i++) {
+            const group = groups[i];
+            if (group.length < 2) {
+                skippedGroups++;
+                continue;
+            }
+            
+            progressText.textContent = `处理第 ${i + 1} 组，共 ${groups.length} 组...`;
+            
+            results.push({
+                url: await stitchImages(group, quality),
+                name: `stitched_image_${i + 1}.jpg`,
+            });
+            
+            const progress = ((i + 1) / groups.length) * 100;
+            progressFill.style.width = progress + '%';
+        }
+        
+        progressText.textContent = skippedGroups > 0
+            ? `处理完成！（${skippedGroups} 个单图分组已跳过）`
+            : '处理完成！';
+        if (results.length) openResultCard(results);
+        setTimeout(() => {
+            progressFill.style.width = '0%';
+            progressText.textContent = '准备就绪';
+        }, 2000);
+        
+    } catch (error) {
+        progressText.textContent = '处理失败: ' + error.message;
+        console.error('Stitching error:', error);
+    } finally {
+        isStitching = false;
+        clearAllBtn.disabled = false;
+        updateStitchButton();
+    }
+}
+
+// 布局计算：预览与导出共用，保证所见即所得
+function computeStitchLayout(imgList, outputWidth) {
+    const rows = imgList.map(({ img, originalWidth, originalHeight }) => ({
+        img,
+        drawHeight: Math.max(1, Math.round(originalHeight * outputWidth / originalWidth)),
+    }));
+    return { rows, totalHeight: rows.reduce((s, r) => s + r.drawHeight, 0) };
+}
+
+// 拼接图片
+async function stitchImages(images, quality) {
+    return new Promise((resolve, reject) => {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        
+        // 加载所有图片
+        const imageElements = [];
+        let minWidth = Infinity;
+        
+        let loadedCount = 0;
+        
+        images.forEach((imageData, index) => {
+            const img = new Image();
+            img.onload = function() {
+                minWidth = Math.min(minWidth, img.width);
+                imageElements.push({ img, index, originalWidth: img.width, originalHeight: img.height });
+                loadedCount++;
+                
+                if (loadedCount === images.length) {
+                    // 所有图片加载完成
+                    processStitching();
+                }
+            };
+            img.onerror = reject;
+            img.src = imageData.src;
+        });
+        
+        function processStitching() {
+            // 按原始顺序排序
+            imageElements.sort((a, b) => a.index - b.index);
+            
+            // 输出宽度：取最小原图宽（保证不放大），并钳制到 1080 以内
+            let outputWidth = Math.min(minWidth, MAX_OUTPUT_WIDTH);
+            
+            // 总面积超限时等比缩小整条长图，规避移动端 canvas 尺寸上限
+            const heightAt = (width) => imageElements.reduce((sum, { originalWidth, originalHeight }) =>
+                sum + Math.max(1, Math.round(originalHeight * width / originalWidth)), 0);
+            if (outputWidth * heightAt(outputWidth) > MAX_CANVAS_AREA) {
+                outputWidth = Math.max(1, Math.floor(
+                    outputWidth * Math.sqrt(MAX_CANVAS_AREA / (outputWidth * heightAt(outputWidth)))
+                ));
+            }
+            
+            const { rows, totalHeight } = computeStitchLayout(imageElements, outputWidth);
+            
+            // 设置canvas尺寸
+            canvas.width = outputWidth;
+            canvas.height = totalHeight;
+            
+            // 绘制白色背景
+            ctx.fillStyle = 'white';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            
+            // 拼接图片
+            let yOffset = 0;
+            rows.forEach(({ img, drawHeight }) => {
+                ctx.drawImage(img, 0, yOffset, outputWidth, drawHeight);
+                yOffset += drawHeight;
+            });
+            
+            // 转换为blob（quality 取值范围 0-1）
+            canvas.toBlob(blob => {
+                if (blob) {
+                    resolve(URL.createObjectURL(blob));
+                } else {
+                    reject(new Error('Failed to create blob'));
+                }
+            }, 'image/jpeg', quality);
+        }
+    });
+}
+
+// ===== 结果卡片 =====
+function openResultCard(results) {
+    const list = document.getElementById('resultList');
+    list.innerHTML = '';
+    results.forEach(({ url, name }) => {
+        const item = document.createElement('div');
+        item.className = 'result-item';
+        item.innerHTML = `
+            <canvas width="60" height="84"></canvas>
+            <span class="ri-meta">${escapeHtml(name)}</span>
+            <button type="button" class="icon-btn ri-save" aria-label="保存到本地">${ICONS.download}</button>
+        `;
+        const canvas = item.querySelector('canvas');
+        const img = new Image();
+        img.onload = () => {
+            // 缩略按长图比例适配，高度封顶
+            const h = Math.min(Math.round(60 * img.naturalHeight / img.naturalWidth), 168);
+            canvas.height = h;
+            canvas.getContext('2d').drawImage(img, 0, 0, 60, h);
+        };
+        img.src = url;
+        item.querySelector('.ri-save').addEventListener('click', () => downloadImage(url, name));
+        list.appendChild(item);
+    });
+    document.getElementById('resultOverlay').hidden = false;
+}
+
+function setupResultCard() {
+    document.getElementById('resultCloseBtn').addEventListener('click', () => {
+        document.getElementById('resultOverlay').hidden = true;
+    });
+    document.getElementById('saveAllBtn').addEventListener('click', function() {
+        this.closest('.result-card').querySelectorAll('.ri-save').forEach(b => b.click());
+    });
+}
+
+// 下载图片
+function downloadImage(imageUrl, filename) {
+    const a = document.createElement('a');
+    a.href = imageUrl;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    
+    // 清理blob URL
+    setTimeout(() => URL.revokeObjectURL(imageUrl), 1000);
+}
diff --git a/public/legacy/style.css b/public/legacy/style.css
new file mode 100644
index 0000000..116ed5f
--- /dev/null
+++ b/public/legacy/style.css
@@ -0,0 +1,477 @@
+/* ============================================
+   MomentStitcher · 柔和奶油设计语言
+   令牌驱动，亮/暗双主题（规格 §2）
+   ============================================ */
+:root {
+    --bg: #F5EFE9;
+    --surface: #FFFDF9;
+    --surface-2: #FFF6EE;
+    --primary: #FF7A4D;
+    --primary-strong: #F0663A;
+    --primary-soft: #FFF1E6;
+    --text: #3D2E24;
+    --text-2: #B0947E;
+    --hairline: #F3E7DC;
+    --shadow: 0 2px 12px rgba(180, 140, 110, .12);
+    --r-card: 16px;
+    --r-tile: 10px;
+    --r-small: 8px;
+    --dur: .18s;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #201914;
+        --surface: #2A211B;
+        --surface-2: #332821;
+        --primary: #FF8A5E;
+        --primary-strong: #FF9E78;
+        --primary-soft: #4A3327;
+        --text: #F3EAE2;
+        --text-2: #C4A88E;
+        --hairline: #3A2E25;
+        --shadow: 0 2px 12px rgba(0, 0, 0, .35);
+    }
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+[hidden] { display: none !important; }
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+    background: var(--bg);
+    color: var(--text);
+    min-height: 100vh;
+    min-height: 100dvh;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    isolation: isolate;
+    overflow-x: hidden;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+body::before {
+    content: '';
+    position: fixed;
+    z-index: 0;
+    inset: -45%;
+    background: linear-gradient(115deg, transparent 38%, var(--primary) 48%, transparent 58%);
+    opacity: .055;
+    transform: translate3d(-18%, -10%, 0);
+    animation: backgroundDrift 18s ease-in-out infinite alternate;
+    pointer-events: none;
+}
+
+@keyframes backgroundDrift {
+    to { transform: translate3d(18%, 10%, 0) rotate(4deg); }
+}
+
+.app { position: relative; z-index: 1; width: 100%; max-width: 1280px; margin: auto; }
+
+/* 页头 */
+.app-header { padding: 6px 4px 14px; }
+.app-header h1 { font-size: 22px; font-weight: 800; display: inline; letter-spacing: .5px; }
+.brand-mark { color: var(--primary); }
+.tagline { font-size: 13px; color: var(--text-2); margin-top: 2px; }
+
+/* 双栏工作区 */
+.workspace {
+    display: grid;
+    grid-template-columns: 5fr 7fr;
+    gap: 14px;
+    align-items: start;
+}
+.panel {
+    background: var(--surface);
+    border-radius: var(--r-card);
+    padding: 14px;
+    box-shadow: var(--shadow);
+}
+
+/* 拖放卡 */
+.upload-card {
+    background: var(--surface-2);
+    border: 2px dashed var(--primary);
+    border-radius: 14px;
+    padding: 22px 14px;
+    text-align: center;
+    color: var(--text-2);
+    cursor: pointer;
+    transition: transform var(--dur) ease-out, background var(--dur) ease-out;
+    -webkit-tap-highlight-color: transparent;
+    user-select: none;
+    -webkit-user-select: none;
+}
+.upload-card:hover { background: var(--primary-soft); }
+.upload-card.dragover { background: var(--primary-soft); transform: scale(1.01); }
+.upload-card .i { display: inline-block; width: 26px; height: 26px; color: var(--primary); }
+.upload-card .i svg { width: 26px; height: 26px; }
+.upload-hint { margin: 6px 0 10px; font-size: 13px; }
+
+/* 按钮 */
+.btn {
+    border: none;
+    border-radius: 12px;
+    padding: 10px 22px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: transform var(--dur) ease-out, background var(--dur) ease-out, opacity var(--dur) ease-out;
+    -webkit-tap-highlight-color: transparent;
+    touch-action: manipulation;
+}
+.btn:active { transform: scale(.97); }
+.btn-primary { background: var(--primary); color: #fff; box-shadow: 0 4px 10px rgba(255, 122, 77, .35); }
+.btn-primary:hover:not(:disabled) { background: var(--primary-strong); }
+.btn-primary:disabled { background: var(--hairline); color: var(--text-2); box-shadow: none; cursor: not-allowed; }
+.btn-soft { background: var(--surface-2); color: var(--primary); }
+.btn-soft:hover { background: var(--primary-soft); }
+.btn-ghost { background: transparent; color: var(--text-2); border: 1px solid var(--hairline); }
+.btn-ghost:hover:not(:disabled) { color: var(--primary); }
+
+.icon-btn {
+    width: 34px;
+    height: 34px;
+    border: none;
+    border-radius: 10px;
+    background: var(--surface-2);
+    color: var(--text-2);
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    transition: transform var(--dur) ease-out, color var(--dur) ease-out;
+    -webkit-tap-highlight-color: transparent;
+}
+.icon-btn:hover { color: var(--primary); }
+.icon-btn:active { transform: scale(.94); }
+.icon-btn svg, .i svg { width: 18px; height: 18px; display: block; margin: auto; }
+.icon-btn.flip svg { transform: rotate(180deg); }
+
+/* 参数行 */
+.params-row {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    flex-wrap: wrap;
+    background: var(--surface);
+    border-radius: 12px;
+    padding: 8px 12px;
+    margin-bottom: 12px;
+}
+.field { font-size: 13px; color: var(--text-2); display: inline-flex; align-items: center; gap: 6px; }
+.field input[type="number"] {
+    width: 64px;
+    padding: 6px;
+    border: 1px solid var(--hairline);
+    border-radius: var(--r-small);
+    background: var(--surface);
+    color: var(--text);
+    text-align: center;
+}
+.field-quality { margin-left: auto; }
+.field-quality input[type="range"] { accent-color: var(--primary); }
+#qualityValue { min-width: 38px; font-variant-numeric: tabular-nums; }
+
+/* 图片池磁贴 */
+.pool-tiles {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
+    gap: 8px;
+    margin-top: 10px;
+    min-height: 60px;
+}
+.pool-image {
+    position: relative;
+    aspect-ratio: 1;
+    border-radius: var(--r-tile);
+    overflow: hidden;
+    cursor: grab;
+    background: var(--surface-2);
+    border: 1px solid var(--hairline);
+    transition: transform var(--dur) ease-out, box-shadow var(--dur) ease-out;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    user-select: none;
+    -webkit-user-select: none;
+    will-change: transform;
+}
+.pool-image:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
+.pool-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    pointer-events: none;
+    display: block;
+    background: var(--hairline);
+}
+.pool-image .image-info {
+    position: absolute;
+    left: 0; right: 0; bottom: 0;
+    padding: 3px 6px;
+    background: linear-gradient(transparent, rgba(0, 0, 0, .55));
+    color: #fff;
+    font-size: 10px;
+    line-height: 1.3;
+    pointer-events: none;
+}
+.pool-image .image-info span {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.pool-image .remove-btn {
+    position: absolute;
+    top: 4px; right: 4px;
+    width: 22px; height: 22px;
+    border: none;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, .45);
+    color: #fff;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    -webkit-tap-highlight-color: transparent;
+}
+.pool-image .remove-btn svg { width: 12px; height: 12px; }
+.pool-image .remove-btn:hover { background: var(--primary-strong); }
+
+/* 分组卡片 */
+.groups { display: flex; flex-direction: column; gap: 10px; min-height: 120px; }
+.group-box {
+    background: var(--surface);
+    border: 1px solid var(--hairline);
+    border-radius: var(--r-card);
+    padding: 10px 12px;
+    transition: border-color var(--dur) ease-out;
+}
+.group-head { display: flex; align-items: center; gap: 8px; }
+.group-title { font-size: 14px; font-weight: 700; }
+.badge { font-size: 11px; background: var(--primary-soft); color: var(--primary); border-radius: 999px; padding: 2px 9px; }
+.group-head .spacer { flex: 1; }
+.mini-preview {
+    height: 48px;
+    width: 40px;
+    border-radius: 6px;
+    background: var(--surface-2);
+    border: 1px solid var(--hairline);
+    cursor: zoom-in;
+    flex-shrink: 0;
+}
+.group-images {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-top: 8px;
+    overflow: hidden;
+    max-height: 1200px;
+    transition: max-height .25s ease-out, opacity .2s ease-out, margin-top .25s ease-out;
+    position: relative;
+}
+.group-box.collapsed .group-images { max-height: 0; opacity: 0; margin-top: 0; }
+.group-box.collapsed .collapse-toggle svg { transform: rotate(-90deg); }
+.collapse-toggle svg { transition: transform var(--dur) ease-out; }
+
+/* 组内磁贴行 */
+.group-image {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    background: var(--surface);
+    border: 1px solid var(--hairline);
+    border-radius: var(--r-tile);
+    padding: 6px 8px;
+    cursor: grab;
+    transition: transform var(--dur) ease-out, box-shadow var(--dur) ease-out, opacity var(--dur) ease-out;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    user-select: none;
+    -webkit-user-select: none;
+    will-change: transform;
+}
+.group-image:hover { box-shadow: var(--shadow); }
+.group-image img {
+    width: 44px;
+    height: 44px;
+    border-radius: 8px;
+    object-fit: cover;
+    pointer-events: none;
+    flex-shrink: 0;
+    display: block;
+    background: var(--hairline);
+}
+.group-image .grip { color: var(--text-2); opacity: .6; flex-shrink: 0; display: flex; }
+.group-image .grip svg { width: 14px; height: 14px; }
+.group-image .meta { flex: 1; min-width: 0; }
+.group-image .filename {
+    display: block;
+    font-size: 13px;
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 1.4;
+}
+.group-image small { font-size: 11px; color: var(--text-2); }
+.group-image .remove-btn {
+    width: 28px; height: 28px;
+    border: none;
+    border-radius: 8px;
+    background: transparent;
+    color: var(--text-2);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    padding: 0;
+    -webkit-tap-highlight-color: transparent;
+}
+.group-image .remove-btn:hover { color: var(--primary); background: var(--primary-soft); }
+.group-image .remove-btn svg { width: 14px; height: 14px; }
+
+/* 拖拽状态（类名为测试与逻辑钩子，不可改名） */
+.dragging {
+    opacity: .55;
+    transform: scale(1.04) rotate(2deg);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
+    cursor: grabbing;
+    z-index: 1000;
+}
+.drag-over {
+    outline: 2px dashed var(--primary);
+    outline-offset: 3px;
+    border-radius: var(--r-small);
+}
+
+/* 底部栏：桌面为普通流，移动端固定 */
+.bottom-bar {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 14px 4px 0;
+}
+.bottom-bar #stitchBtn { min-width: 140px; }
+.progress-wrap { flex: 1; min-width: 0; }
+.progress-bar {
+    height: 5px;
+    border-radius: 3px;
+    background: var(--hairline);
+    overflow: hidden;
+}
+.progress-fill {
+    height: 100%;
+    width: 0%;
+    background: linear-gradient(90deg, var(--primary), #FFB347);
+    transition: width .3s ease-out;
+}
+#progressText { font-size: 12px; color: var(--text-2); margin-top: 4px; }
+#paramsToggle { display: none; }
+
+/* 移动端 */
+@media (max-width: 959px) {
+    body { padding: 12px 12px 80px; }
+    .app { margin: 0 auto; }
+    .workspace { grid-template-columns: 1fr; }
+    .pool-tiles { display: flex; overflow-x: auto; padding-bottom: 4px; }
+    .pool-tiles .pool-image { width: 72px; flex: none; }
+    #paramsToggle { display: inline-flex; }
+    .params-row {
+        position: fixed;
+        left: 0; right: 0;
+        bottom: 72px;
+        z-index: 40;
+        margin: 0 12px;
+        flex-direction: column;
+        align-items: stretch;
+        box-shadow: 0 -4px 20px rgba(0, 0, 0, .18);
+        transform: translateY(130%);
+        opacity: 0;
+        pointer-events: none;
+        transition: transform .25s ease-out, opacity .25s ease-out;
+    }
+    .params-row.open { transform: translateY(0); opacity: 1; pointer-events: auto; }
+    .field-quality { margin-left: 0; }
+    .bottom-bar {
+        position: fixed;
+        left: 0; right: 0; bottom: 0;
+        z-index: 50;
+        background: var(--surface);
+        padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
+        box-shadow: 0 -3px 14px rgba(0, 0, 0, .12);
+    }
+    .bottom-bar #stitchBtn { flex: 1; min-width: 0; }
+}
+
+/* 浮层共用 */
+.preview-overlay, .result-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 100;
+    background: rgba(30, 20, 14, .55);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 18px;
+}
+.preview-shell, .result-card {
+    background: var(--surface);
+    border-radius: var(--r-card);
+    box-shadow: var(--shadow);
+    animation: rise .25s ease-out;
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+}
+@keyframes rise {
+    from { transform: translateY(18px); opacity: 0; }
+}
+
+/* 全屏预览浮层 */
+.preview-shell { width: min(560px, 94vw); }
+.preview-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px;
+    border-bottom: 1px solid var(--hairline);
+}
+.preview-meta { flex: 1; font-size: 13px; font-weight: 700; display: flex; gap: 10px; align-items: baseline; min-width: 0; }
+.preview-dims { font-size: 11px; font-weight: 400; color: var(--text-2); }
+.preview-scroll { overflow: auto; padding: 12px; max-height: calc(90vh - 54px); }
+.preview-scroll canvas { width: 100%; border-radius: 8px; display: block; }
+
+/* 结果卡片 */
+.result-card { width: min(430px, 94vw); padding: 16px; gap: 10px; }
+.result-card h3 { font-size: 16px; }
+.result-list { overflow: auto; display: flex; flex-direction: column; gap: 8px; }
+.result-item {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    background: var(--surface-2);
+    border-radius: 10px;
+    padding: 8px;
+}
+.result-item canvas { width: 40px; border-radius: 6px; background: #fff; flex-shrink: 0; }
+.result-item .ri-meta { flex: 1; min-width: 0; font-size: 12px; color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.result-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 6px; }
+
+/* 动效降级 */
+@media (prefers-reduced-motion: reduce) {
+    * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
+    body::before { animation: none; }
+}
diff --git a/src/main.ts b/src/main.ts
index 466e515..bc56d48 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -44,6 +44,7 @@ function initApp(): void {
           </div>
         </div>
         <div class="flex items-center gap-2">
+          <a href="./legacy/index.html" class="px-3 py-1.5 rounded-lg text-sm bg-surface-secondary hover:bg-surface-tertiary text-text-secondary transition-colors" title="切换旧版">旧版</a>
           <a href="https://github.com/Piggywu981/MomentWebStitcher" target="_blank" rel="noopener" 
              class="p-2 rounded-lg hover:bg-surface-secondary transition-colors" title="GitHub">
             <svg class="w-6 h-6 text-text-secondary" fill="currentColor" viewBox="0 0 24 24">
diff --git a/vite.config.ts b/vite.config.ts
index b2334a4..2b44145 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite'
 import { resolve } from 'path'
 
 export default defineConfig({
+  base: './',
   resolve: {
     alias: {
       '@': resolve(__dirname, 'src'),

From 00a32418da7faa5e1d1d66ab59efefb82e5892aa Mon Sep 17 00:00:00 2001
From: Piggywu981 <Piggywu@outlook.com>
Date: Sun, 30 Aug 2026 23:55:57 +0800
Subject: [PATCH 8/8] =?UTF-8?q?docs:=20=E5=8F=82=E8=80=83=20main=20?=
 =?UTF-8?q?=E5=88=86=E6=94=AF=E9=87=8D=E5=86=99=20README?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

按 main 的结构重写，内容对齐 rewrite 实现：Web Worker 拼接、IndexedDB 持久化、结果预览与批量下载、暗色主题、快捷键、新旧版切换与 Pages 部署。
---
 README.md | 266 +++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 184 insertions(+), 82 deletions(-)

diff --git a/README.md b/README.md
index 8708078..a00900a 100644
--- a/README.md
+++ b/README.md
@@ -1,133 +1,235 @@
-# MomentStitcher - 朋友圈长图拼接工具
+# MomentWebStitcher
 
-专为朋友圈设计的智能长图拼接工具，支持拖拽分组、自动排序、Web Worker异步处理等功能。
+网页版朋友圈长图拼接工具：把多张照片按分组垂直拼接成适合社交分享的长图。项目为纯前端实现，图片读取、排序、拼接和压缩全部在浏览器本地完成，**图片数据不会上传服务器**；拼接在 Web Worker 后台线程执行，不阻塞界面。
 
-## ✨ 特性
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
+[![Build: Vite](https://img.shields.io/badge/Build-Vite-6BA81E.svg)](https://vitejs.dev/)
+[![Language: TypeScript](https://img.shields.io/badge/Language-TypeScript-3178C6.svg)](https://www.typescriptlang.org/)
+[![Tests: Vitest](https://img.shields.io/badge/Tests-Vitest-6E9F18.svg)](https://vitest.dev/)
+[![Deploy: GitHub Pages](https://img.shields.io/badge/Deploy-GitHub%20Pages-success.svg)](https://piggywu981.github.io/MomentWebStitcher/)
 
-- 🖼️ **智能分组** - 支持手动拖拽分组和自动按时间分组
-- 🚀 **Web Worker处理** - 图片拼接在后台线程执行，不阻塞UI
-- 🖼️ **结果预览** - 拼接后预览每个分组的长图，支持单条下载与一键下载全部
-- ↩️ **撤销/重做** - 完整的操作历史管理
-- 💾 **本地存储** - 图片存入 IndexedDB，状态自动保存，刷新不丢失
-- 🎨 **现代UI** - 响应式设计，支持暗色/亮色主题
-- ⌨️ **快捷键支持** - 支持常用操作的键盘快捷键
-- 📱 **移动端适配** - 完美支持手机和平板设备
+**在线使用：** <https://piggywu981.github.io/MomentWebStitcher/>
+**旧版入口：** <https://piggywu981.github.io/MomentWebStitcher/legacy/>
 
-## 🛠️ 技术栈
+> 本项目为 **rewrite（重写版）**：基于 Vite + TypeScript 的模块化实现。若需纯静态版，可使用上方旧版入口（见「新旧版本」章节）。
 
-> 运行时基于原生 DOM + TypeScript（无 Vue/React 等框架依赖），通过状态类与事件总线驱动 UI。
+## 功能特性
 
-- **构建工具**: Vite
-- **语言**: TypeScript
-- **样式**: Tailwind CSS
-- **测试**: Vitest
-- **代码规范**: ESLint + Prettier
+- **批量上传：** 支持点击选择或拖拽添加多张图片，单张不超过 50 MB、单次最多 200 张。
+- **自动分组：** 自定义每组图片数量，一键生成多个分组；默认值为 9 张。
+- **时间排序：** 优先按修改时间排序（图片 `src` 为本地 Data URL，可在上传流程中扩展 EXIF 读取）。
+- **拖拽整理：** 图片可以在图片池和分组之间移动，也可以在组内拖拽调整顺序。
+- **Web Worker 后台拼接：** 使用 `OffscreenCanvas` + `ImageBitmap` 在后台线程完成缩放与垂直拼接，界面不卡顿，并支持进度反馈。
+- **撤销 / 重做：** 基于命令模式（Command Pattern）管理完整操作历史，支持 50 步。
+- **本地持久化：** 图片数据存入 **IndexedDB**，界面状态以轻量元数据存入 **localStorage**，刷新页面不丢失。
+- **结果预览：** 拼接完成后在「拼接结果」区预览每个分组的合成图，支持单条下载与一键下载全部。
+- **暗色 / 亮色主题：** 响应式设计，跟随系统或手动切换。
+- **移动端适配：** 支持手机和平板的触屏拖拽。
+- **快捷键支持：** 常用操作均有键盘快捷键。
+- **版本切换：** 内置新版 / 旧版切换入口。
 
-## 📦 安装
+## 快速开始
+
+### 在线使用
+
+打开 <https://piggywu981.github.io/MomentWebStitcher/>，无需安装即可使用。
+
+### 本地运行
 
 ```bash
-# 克隆仓库
 git clone https://github.com/Piggywu981/MomentWebStitcher.git
 cd MomentWebStitcher
 
 # 安装依赖
 npm install
 
-# 启动开发服务器
+# 启动开发服务器（默认 http://localhost:5173）
 npm run dev
 
-# 构建生产版本
+# 构建生产版本（输出到 dist/）
 npm run build
 ```
 
-## 🚀 使用
+> 本项目是构建型工程，需要 **Node.js 18+** 环境（与旧版纯静态站不同）。
+
+## 使用流程
+
+### 1. 上传照片
+
+将照片拖入上传区域，或点击选择图片文件批量添加。支持 JPG / PNG / WebP / BMP 等格式。
+
+### 2. 分组整理
+
+在「分组管理」中设置每组数量并点击「自动分组」，或手动「新建分组」。随后可以：
+
+- 将图片从图片池拖拽到指定分组；
+- 在分组之间移动图片；
+- 在同一分组内拖拽调整顺序；
+- 点分组「清空」释放该组图片、「删除」移除分组。
+
+### 3. 设置输出参数
+
+在右侧「输出设置」中调整输出质量（70%～100%，默认 95%）与输出格式（JPEG / PNG / WebP）。
+
+### 4. 开始拼接
 
-1. **添加图片** - 拖拽图片到上传区域或点击选择文件
-2. **创建分组** - 点击"新建分组"或"自动分组"
-3. **拖拽排序** - 将图片从图片池拖拽到分组中
-4. **设置参数** - 调整输出质量、格式等设置
-5. **开始拼接** - 点击"开始拼接"按钮，处理完成后在"拼接结果"区预览每个分组的合成图
-6. **下载结果** - 点击单个"下载"或"下载全部"保存长图
+点击「开始拼接」，应用会逐组处理可拼接的分组并显示进度；拼接在 Web Worker 后台执行。
 
-## ⌨️ 快捷键
+### 5. 预览与下载
+
+处理完成后，结果会在左侧「拼接结果」区生成卡片预览（含分组名与输出尺寸）。可点击单个「下载」，或「下载全部」一次保存。
+
+## 快捷键
 
 | 快捷键 | 功能 |
-|--------|------|
-| Ctrl + O | 添加图片 |
-| Ctrl + Enter | 开始拼接 |
-| Ctrl + Z | 撤销 |
-| Ctrl + Y | 重做 |
+| --- | --- |
+| Ctrl / Cmd + O | 添加图片 |
+| Ctrl / Cmd + Enter | 开始拼接 |
+| Ctrl / Cmd + Z | 撤销 |
+| Ctrl / Cmd + Y 或 Ctrl / Cmd + Shift + Z | 重做 |
 | Ctrl + Shift + C | 清空所有 |
 
-## 📁 项目结构
+## 输出规则
 
-```
+- **拼接方向：** 当前版本仅支持垂直拼接。
+- **质量范围：** 输出质量 70%～100%，默认 95%。
+- **输出宽度：** 取分组内所有图片的最小原图宽度。
+- **输出格式：** JPEG / PNG / WebP，默认为 JPEG。
+- **分组限制：** 每个包含至少 2 张图片的分组生成一个文件；仅 1 张图片的分组会被跳过并提示。
+- **文件名：** `分组名_时间戳.格式`，避免同名覆盖。
+
+## 支持格式与兼容性
+
+### 图片格式
+
+常见的 JPEG / JPG、PNG、WebP、BMP、TIFF 等图片通常可以直接处理，实际支持范围取决于浏览器解码能力。浏览器无法解码的格式（例如部分 iPhone 的 HEIC 原图）会被跳过并提示，建议先转换为 JPG 或 PNG。
+
+### 浏览器
+
+需支持 `OffscreenCanvas` 与 `createImageBitmap`，建议：
+
+- Chrome 90+
+- Firefox 100+
+- Safari 16.4+
+- Edge 90+
+
+## 技术实现
+
+- **构建工具：** Vite 6（`worker.format: 'es'`，`base: './'`）。
+- **语言：** TypeScript（严格模式）。
+- **样式：** Tailwind CSS + CSS 自定义属性（暗色 / 亮色主题）。
+- **测试：** Vitest（jsdom 环境）。
+- **代码规范：** ESLint + Prettier。
+- **UI 层：** 原生 DOM 工厂函数 + 事件总线（不依赖 Vue / React 等框架）。
+- **状态层：** `AppState` 单例 + 命令模式（撤销 / 重做）。
+- **拼接层：** Web Worker 内使用 `OffscreenCanvas` + `ImageBitmap`。
+- **存储层：** 图片二进制存 IndexedDB，界面状态（分组、图片元数据、设置）存 localStorage。
+- **部署：** GitHub Actions 自动发布 GitHub Pages，`base: './'` 兼容子路径，`public/legacy` 一并发布旧版。
+
+## 项目结构
+
+```text
 MomentWebStitcher/
+├── index.html                  # 入口 HTML
+├── vite.config.ts              # Vite 配置（base:'./'、worker es、@ 别名）
+├── vitest.config.ts            # Vitest 配置
+├── tailwind.config.js          # Tailwind 配置
+├── tsconfig.json               # TypeScript 配置
 ├── src/
-│   ├── core/              # 核心模块
-│   │   ├── state.ts       # 状态管理
-│   │   ├── commands.ts    # 命令模式（撤销/重做）
-│   │   ├── storage.ts     # IndexedDB存储
-│   │   ├── worker.ts      # Web Worker管理
-│   │   └── events.ts      # 事件总线
-│   ├── components/        # UI组件（原生 DOM 工厂函数）
-│   │   ├── upload/        # 上传组件
-│   │   ├── image-pool/    # 图片池
-│   │   ├── group-manager/ # 分组管理
-│   │   ├── results/       # 拼接结果预览
-│   │   └── settings/      # 设置面板
-│   ├── utils/             # 工具函数
-│   ├── styles/            # 样式
-│   └── types/             # TypeScript类型
-├── tests/                 # 测试
-└── dist/                  # 构建输出
+│   ├── main.ts                 # 应用入口与布局装配
+│   ├── core/
+│   │   ├── state.ts            # AppState 单例（状态 + 命令分发 + 自动保存）
+│   │   ├── commands.ts         # 命令模式（撤销 / 重做，含 IndexedDB 副作用）
+│   │   ├── storage.ts          # IndexedDB 图片存储 + localStorage 状态
+│   │   ├── worker.ts           # Web Worker 管理
+│   │   └── events.ts           # 事件总线与事件常量
+│   ├── components/
+│   │   ├── upload/             # 上传区域
+│   │   ├── image-pool/         # 图片池
+│   │   ├── group-manager/      # 分组管理
+│   │   ├── results/            # 拼接结果预览
+│   │   ├── settings/           # 设置面板
+│   │   └── common/             # 按钮 / Toast / Modal / 进度条
+│   ├── workers/
+│   │   └── imageProcessor.ts   # 图片拼接 Worker（OffscreenCanvas）
+│   ├── utils/                  # 工具函数与常量
+│   ├── styles/                 # 变量与动画样式
+│   └── types/                  # TypeScript 类型
+├── public/
+│   ├── vite.svg
+│   └── legacy/                 # 旧版静态站（含切换入口，随构建发布）
+├── tests/
+│   └── unit/                   # 单元测试（helpers / state / persistence）
+├── .github/workflows/deploy.yml  # GitHub Pages 部署工作流
+└── package.json
 ```
 
-## 🧪 测试
+## 开发与测试
 
 ```bash
-# 运行单元测试
-npm run test
+# 安装依赖
+npm install
 
-# 运行测试并显示UI
-npm run test:ui
+# 开发
+npm run dev
 
-# 代码检查
+# 类型检查 + 构建
+npm run build
+
+# 单元测试（Vitest）
+npm run test
+
+# 代码检查（ESLint）
 npm run lint
 ```
 
-## 📝 更新日志
+测试覆盖工具函数、状态管理（命令 / 撤销 / 重做 / 自动分组）以及持久化往返（IndexedDB + localStorage）。
+
+## 部署
+
+推送到 `rewrite` 分支后，GitHub Actions 会根据 `.github/workflows/deploy.yml` 构建并发布到 GitHub Pages：
+
+- 步骤：checkout → setup Node 20 → `npm ci` → `npm run build` → configure-pages → upload artifact（`dist`）→ deploy-pages。
+- 首次启用需在仓库 **Settings → Pages → Source** 选择 **GitHub Actions**。
+
+部署完成后：新版位于根目录，旧版位于 `legacy/`。
+
+## 新旧版本
+
+- **新版（本分支，rewrite）：** Vite + TypeScript 模块化实现，带 Web Worker、持久化、撤销重做、结果预览与批量下载。
+- **旧版（main 分支）：** 纯静态单文件实现（`index.html` + `style.css` + `script.js`），无构建步骤、直接部署。
+
+新版页头提供「旧版」入口（跳转 `./legacy/index.html`），旧版页头提供「返回新版」入口（跳转 `../index.html`），可随时在两个版本间切换。旧版源码随构建发布到 `dist/legacy/`，因此只需一个 Pages 地址即可同时访问两版。
+
+## 常见问题
+
+### 图片会上传到服务器吗？
+
+不会。图片读取、排序、拼接和压缩都在当前浏览器页面中完成，图片数据仅存储在本地 IndexedDB，不会上传。
+
+### 刷新页面会丢失工作吗？
+
+不会。图片存于 IndexedDB，分组与设置以轻量元数据存于 localStorage，自动防抖保存。清空操作同样会同步清除本地存储。
 
-### 开发中（基于 v2.0.0）
+### 有文件大小 / 数量限制吗？
 
-- 🐛 修复撤销/重做、分组操作（建组/删组/清空/拖图进组）不持久化的问题，刷新后不再丢失
-- 🖼️ 新增拼接结果预览与单条/批量下载（文件名按"分组名_时间戳"命名）
-- 💾 图片数据改存 IndexedDB，localStorage 仅存轻量元数据，规避 5MB 配额限制
-- 🧹 清理 Vue 脚手架残留，运行时为纯 TypeScript + 原生 DOM
+单张图片上限 50 MB，单次最多 200 张；受浏览器内存与 `OffscreenCanvas` 面积限制，处理超大数量原图时建议分批。
 
-### v2.0.0 (2024)
+### 为什么需要 Node.js？
 
-- ✨ 全新架构重构
-- 🚀 添加Web Worker异步处理
-- ↩️ 实现撤销/重做功能
-- 💾 添加本地存储持久化
-- 🎨 全新UI设计，支持暗色主题
-- ⌨️ 添加快捷键支持
-- 🧪 添加单元测试
+本分支为构建型工程（Vite + TypeScript），需要 `npm install` 与 `npm run build`；若希望免构建，请切换到旧版入口。
 
-### v1.0.0 (2024)
+### 和旧版有什么区别？
 
-- 🎉 初始版本发布
-- 🖼️ 基础图片拼接功能
-- 📁 支持拖拽分组
+旧版是免构建的纯静态站；重写版引入了 Web Worker 后台拼接、IndexedDB 持久化、撤销 / 重做、结果预览与批量下载，并以 TypeScript 模块化分层，便于长期维护。
 
-## 📄 许可证
+## 贡献
 
-MIT License
+欢迎通过 [GitHub Issues](https://github.com/Piggywu981/MomentWebStitcher/issues) 提交问题或建议，也欢迎提交 Pull Request。
 
-## 🤝 贡献
+## 许可证
 
-欢迎提交Issue和Pull Request！
+本项目采用 [MIT License](LICENSE)。
 
 ---